diff --git a/app/Http/Controllers/CheckoutController.php b/app/Http/Controllers/CheckoutController.php index ecd00f3239..67232fceda 100644 --- a/app/Http/Controllers/CheckoutController.php +++ b/app/Http/Controllers/CheckoutController.php @@ -79,8 +79,10 @@ public function checkout( Validator $validator, WP_REST_Request $request ): arra ); } + $dto->set_id( $dto->get_id() )->set_status( Status::PAID ); + // Update the order status to paid - $repository->update( ( new DTO )->set_id( $dto->get_id() )->set_status( Status::PAID ) ); + $repository->update( $dto ); do_action( 'directorist_before_redirect_checkout', $dto, $checkout_type, $request ); diff --git a/app/Providers/ShortcodeServiceProvider.php b/app/Providers/ShortcodeServiceProvider.php index 7fb72bb152..ef56888d4a 100644 --- a/app/Providers/ShortcodeServiceProvider.php +++ b/app/Providers/ShortcodeServiceProvider.php @@ -89,6 +89,7 @@ public function checkout() { return "
{$th->getMessage()}
"; } + wp_enqueue_script( 'directorist-notification' ); wp_enqueue_script( 'directorist-checkout' ); wp_enqueue_script( 'wp-api-fetch' ); diff --git a/assets/css/admin-main.css b/assets/css/admin-main.css index 4ea0225b18..3977c295ca 100644 --- a/assets/css/admin-main.css +++ b/assets/css/admin-main.css @@ -1,834 +1,796 @@ -/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\ - !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss ***! - \*****************************************************************************************************************************************************************************************************************************************************************************************************/ +/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/.pnpm/css-loader@3.6.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/.pnpm/resolve-url-loader@3.1.5/node_modules/resolve-url-loader/index.js!./node_modules/.pnpm/postcss-loader@3.0.0/node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.91.0_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss ***! + \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap); -/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\ - !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (1) ***! - \*********************************************************************************************************************************************************************************************************************************************************************************************************/ +/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/.pnpm/css-loader@3.6.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/.pnpm/resolve-url-loader@3.1.5/node_modules/resolve-url-loader/index.js!./node_modules/.pnpm/postcss-loader@3.0.0/node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.91.0_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (1) ***! + \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap); -/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\ - !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (2) ***! - \*********************************************************************************************************************************************************************************************************************************************************************************************************/ +/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/.pnpm/css-loader@3.6.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/.pnpm/resolve-url-loader@3.1.5/node_modules/resolve-url-loader/index.js!./node_modules/.pnpm/postcss-loader@3.0.0/node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.91.0_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (2) ***! + \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap); -/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\ - !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (3) ***! - \*********************************************************************************************************************************************************************************************************************************************************************************************************/ +/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/.pnpm/css-loader@3.6.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/.pnpm/resolve-url-loader@3.1.5/node_modules/resolve-url-loader/index.js!./node_modules/.pnpm/postcss-loader@3.0.0/node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.91.0_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (3) ***! + \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap); -/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\ - !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (4) ***! - \*********************************************************************************************************************************************************************************************************************************************************************************************************/ +/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/.pnpm/css-loader@3.6.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/.pnpm/resolve-url-loader@3.1.5/node_modules/resolve-url-loader/index.js!./node_modules/.pnpm/postcss-loader@3.0.0/node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.91.0_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (4) ***! + \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* typography */ +#directiost-listing-fields_wrapper { + padding: 18px 20px; + /*********************************************************** + ************************************************************ + css for Custom Field + ************************************************************* + **************************************************************/ + /* + for shortable field*/ +} #directiost-listing-fields_wrapper .directorist-show { - display: block !important; + display: block !important; } #directiost-listing-fields_wrapper .directorist-hide { - display: none !important; -} -#directiost-listing-fields_wrapper { - padding: 18px 20px; + display: none !important; } #directiost-listing-fields_wrapper a:focus, #directiost-listing-fields_wrapper a:active { - -webkit-box-shadow: unset; - box-shadow: unset; - outline: none; + box-shadow: unset; + outline: none; } #directiost-listing-fields_wrapper .atcc_pt_40 { - padding-top: 40px; + padding-top: 40px; } #directiost-listing-fields_wrapper * { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } #directiost-listing-fields_wrapper .iris-picker, #directiost-listing-fields_wrapper .iris-picker * { - -webkit-box-sizing: content-box; - box-sizing: content-box; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; } #directiost-listing-fields_wrapper #gmap { - height: 350px; + height: 350px; } #directiost-listing-fields_wrapper label { - margin-bottom: 8px; - display: inline-block; - font-weight: 500; - font-size: 15px; - color: #202428; + margin-bottom: 8px; + display: inline-block; + font-weight: 500; + font-size: 15px; + color: #202428; } #directiost-listing-fields_wrapper .map_wrapper { - position: relative; + position: relative; } #directiost-listing-fields_wrapper .map_wrapper #floating-panel { - position: absolute; - z-index: 2; - right: 59px; - top: 10px; + position: absolute; + z-index: 2; + right: 59px; + top: 10px; } #directiost-listing-fields_wrapper a.btn { - text-decoration: none; + text-decoration: none; } -#directiost-listing-fields_wrapper [data-toggle=tooltip] { - color: #a1a1a7; - font-size: 12px; +#directiost-listing-fields_wrapper [data-toggle="tooltip"] { + color: #a1a1a7; + font-size: 12px; } -#directiost-listing-fields_wrapper [data-toggle=tooltip]:hover { - color: #202428; +#directiost-listing-fields_wrapper [data-toggle="tooltip"]:hover { + color: #202428; } #directiost-listing-fields_wrapper .single_prv_attachment { - text-align: center; + text-align: center; } #directiost-listing-fields_wrapper .single_prv_attachment div { - position: relative; - display: inline-block; + position: relative; + display: inline-block; } #directiost-listing-fields_wrapper .single_prv_attachment div .remove_prev_img { - position: absolute; - top: -5px; - right: -5px; - background-color: #d3d1ec; - line-height: 26px; - width: 26px; - border-radius: 50%; - -webkit-transition: 0.2s; - transition: 0.2s; - cursor: pointer; - color: #ffffff; - padding: 0; -} -#directiost-listing-fields_wrapper .single_prv_attachment div .remove_prev_img:hover { - color: #c81d1d; + position: absolute; + top: -5px; + right: -5px; + background-color: #d3d1ec; + line-height: 26px; + width: 26px; + border-radius: 50%; + transition: 0.2s; + cursor: pointer; + color: #ffffff; + padding: 0; +} +#directiost-listing-fields_wrapper + .single_prv_attachment + div + .remove_prev_img:hover { + color: #c81d1d; } #directiost-listing-fields_wrapper #listing_image_btn span { - vertical-align: text-bottom; + vertical-align: text-bottom; } #directiost-listing-fields_wrapper .default_img { - margin-bottom: 10px; - text-align: center; - margin-top: 10px; + margin-bottom: 10px; + text-align: center; + margin-top: 10px; } #directiost-listing-fields_wrapper .default_img small { - color: #7a82a6; - font-size: 13px; + color: #7a82a6; + font-size: 13px; } #directiost-listing-fields_wrapper .atbd_pricing_options { - margin-bottom: 15px; + margin-bottom: 15px; } #directiost-listing-fields_wrapper .atbd_pricing_options label { - font-size: 13px; + font-size: 13px; } #directiost-listing-fields_wrapper .atbd_pricing_options .bor { - margin: 0 15px; + margin: 0 15px; } #directiost-listing-fields_wrapper .atbd_pricing_options small { - font-size: 12px; - vertical-align: top; + font-size: 12px; + vertical-align: top; } -#directiost-listing-fields_wrapper .price-type-both select.directory_pricing_field { - display: none; +#directiost-listing-fields_wrapper + .price-type-both + select.directory_pricing_field { + display: none; } #directiost-listing-fields_wrapper .listing-img-container { - text-align: center; - padding: 10px 0 15px; + text-align: center; + padding: 10px 0 15px; } #directiost-listing-fields_wrapper .listing-img-container p { - margin-top: 15px; - margin-bottom: 4px; - color: #7a82a6; - font-size: 16px; + margin-top: 15px; + margin-bottom: 4px; + color: #7a82a6; + font-size: 16px; } #directiost-listing-fields_wrapper .listing-img-container small { - color: #7a82a6; - font-size: 13px; + color: #7a82a6; + font-size: 13px; } #directiost-listing-fields_wrapper .listing-img-container .single_attachment { - width: auto; - display: inline-block; - position: relative; -} -#directiost-listing-fields_wrapper .listing-img-container .single_attachment .remove_image { - position: absolute; - top: -5px; - right: -5px; - background-color: #d3d1ec; - line-height: 26px; - width: 26px; - height: 26px; - border-radius: 50%; - -webkit-transition: 0.2s; - transition: 0.2s; - cursor: pointer; - color: #9497A7; -} -#directiost-listing-fields_wrapper .listing-img-container .single_attachment .remove_image:hover { - color: #EF0000; + width: auto; + display: inline-block; + position: relative; +} +#directiost-listing-fields_wrapper + .listing-img-container + .single_attachment + .remove_image { + position: absolute; + top: -5px; + right: -5px; + background-color: #d3d1ec; + line-height: 26px; + width: 26px; + height: 26px; + border-radius: 50%; + transition: 0.2s; + cursor: pointer; + color: #9497a7; +} +#directiost-listing-fields_wrapper + .listing-img-container + .single_attachment + .remove_image:hover { + color: #ef0000; } #directiost-listing-fields_wrapper .field-options { - margin-bottom: 15px; + margin-bottom: 15px; } #directiost-listing-fields_wrapper .directorist-hide-if-no-js { - text-align: center; - margin: 0; + text-align: center; + margin: 0; } #directiost-listing-fields_wrapper .form-check { - margin-bottom: 25px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + margin-bottom: 25px; + display: flex; + align-items: center; } #directiost-listing-fields_wrapper .form-check input { - vertical-align: top; - margin-top: 0; + vertical-align: top; + margin-top: 0; } #directiost-listing-fields_wrapper .form-check .form-check-label { - margin: 0; - font-size: 15px; + margin: 0; + font-size: 15px; } #directiost-listing-fields_wrapper .atbd_optional_field { - margin-bottom: 15px; + margin-bottom: 15px; } #directiost-listing-fields_wrapper .extension_detail { - margin-top: 20px; + margin-top: 20px; } #directiost-listing-fields_wrapper .extension_detail .btn_wrapper { - margin-top: 25px; + margin-top: 25px; } #directiost-listing-fields_wrapper .extension_detail.ext_d { - min-height: 140px; - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + min-height: 140px; + position: relative; + display: flex; + flex-direction: column; + flex-wrap: wrap; } #directiost-listing-fields_wrapper .extension_detail.ext_d p { - margin: 0; + margin: 0; } #directiost-listing-fields_wrapper .extension_detail.ext_d .btn_wrapper { - width: 100%; - margin-top: auto; + width: 100%; + margin-top: auto; } #directiost-listing-fields_wrapper .extension_detail.ext_d > a, #directiost-listing-fields_wrapper .extension_detail.ext_d p, #directiost-listing-fields_wrapper .extension_detail.ext_d div { - display: block; + display: block; } #directiost-listing-fields_wrapper .extension_detail.ext_d > p { - margin-bottom: 15px; + margin-bottom: 15px; } #directiost-listing-fields_wrapper .ext_title a { - text-align: center; - text-decoration: none; - font-weight: 500; - font-size: 18px; - color: #202428; - -webkit-transition: 0.3s; - transition: 0.3s; - display: block; + text-align: center; + text-decoration: none; + font-weight: 500; + font-size: 18px; + color: #202428; + transition: 0.3s; + display: block; } #directiost-listing-fields_wrapper .ext_title:hover a { - color: #6e63ff; + color: #6e63ff; } #directiost-listing-fields_wrapper .ext_title .text-center { - text-align: center; + text-align: center; } #directiost-listing-fields_wrapper .attc_extension_wrapper { - margin-top: 30px; + margin-top: 30px; } -#directiost-listing-fields_wrapper .attc_extension_wrapper .col-md-4 .single_extension .btn { - padding: 3px 15px; - font-size: 14px; +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .col-md-4 + .single_extension + .btn { + padding: 3px 15px; + font-size: 14px; } #directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension { - margin-bottom: 30px; - background-color: #ffffff; - -webkit-box-shadow: 0px 5px 10px #e1e7f7; - box-shadow: 0px 5px 10px #e1e7f7; - padding: 25px; -} -#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension img { - width: 100%; -} -#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension.coming_soon img { - opacity: 0.6; -} -#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension.coming_soon a { - pointer-events: none !important; -} -#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension.coming_soon .ext_title a:after { - content: "(Coming Soon)"; - color: #ff0000; - font-size: 14px; -} -#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension.coming_soon .ext_title:hover a { - color: inherit; -} -#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension.coming_soon .btn { - opacity: 0.5; + margin-bottom: 30px; + background-color: #ffffff; + box-shadow: 0px 5px 10px #e1e7f7; + padding: 25px; +} +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .single_extension + img { + width: 100%; +} +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .single_extension.coming_soon + img { + opacity: 0.6; +} +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .single_extension.coming_soon + a { + pointer-events: none !important; +} +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .single_extension.coming_soon + .ext_title + a:after { + content: "(Coming Soon)"; + color: #ff0000; + font-size: 14px; +} +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .single_extension.coming_soon + .ext_title:hover + a { + color: inherit; +} +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .single_extension.coming_soon + .btn { + opacity: 0.5; } #directiost-listing-fields_wrapper .attc_extension_wrapper__heading { - margin-bottom: 15px; + margin-bottom: 15px; } #directiost-listing-fields_wrapper .btn_wrapper a + a { - margin-left: 10px; + margin-left: 10px; } #directiost-listing-fields_wrapper.atbd_help_support .wrap_left { - width: 70%; + width: 70%; } #directiost-listing-fields_wrapper.atbd_help_support h3 { - font-size: 24px; + font-size: 24px; } #directiost-listing-fields_wrapper.atbd_help_support a { - color: #387dff; + color: #387dff; } #directiost-listing-fields_wrapper.atbd_help_support a:hover { - text-decoration: underline; + text-decoration: underline; } #directiost-listing-fields_wrapper.atbd_help_support .postbox { - padding: 30px; + padding: 30px; } #directiost-listing-fields_wrapper.atbd_help_support .postbox h3 { - margin-bottom: 20px; + margin-bottom: 20px; } #directiost-listing-fields_wrapper.atbd_help_support .wrap { - display: inline-block; - vertical-align: top; + display: inline-block; + vertical-align: top; } #directiost-listing-fields_wrapper.atbd_help_support .wrap_right { - width: 27%; + width: 27%; } #directiost-listing-fields_wrapper.atbd_help_support .wrap_right .postbox { - background-color: #0073aa; - border-radius: 3px; - -webkit-box-shadow: 0 10px 20px rgba(103, 103, 103, 0.27); - box-shadow: 0 10px 20px rgba(103, 103, 103, 0.27); + background-color: #0073aa; + border-radius: 3px; + box-shadow: 0 10px 20px rgba(103, 103, 103, 0.27); } #directiost-listing-fields_wrapper.atbd_help_support .wrap_right .postbox h3 { - color: #fff; - margin-bottom: 25px; + color: #fff; + margin-bottom: 25px; } #directiost-listing-fields_wrapper .shortcode_table td { - font-size: 14px; - line-height: 22px; + font-size: 14px; + line-height: 22px; } #directiost-listing-fields_wrapper ul.atbdp_pro_features li { - font-size: 16px; - margin-bottom: 12px; + font-size: 16px; + margin-bottom: 12px; } #directiost-listing-fields_wrapper ul.atbdp_pro_features li a { - color: #ededed; + color: #ededed; } #directiost-listing-fields_wrapper ul.atbdp_pro_features li a:hover { - color: #fff; + color: #fff; } #directiost-listing-fields_wrapper .atbdp-radio-list li label, #directiost-listing-fields_wrapper .atbdp-checkbox-list li label { - text-transform: capitalize; - font-size: 13px; + text-transform: capitalize; + font-size: 13px; } #directiost-listing-fields_wrapper .atbdp-radio-list li label input, #directiost-listing-fields_wrapper .atbdp-checkbox-list li label input { - margin-right: 7px; + margin-right: 7px; } #directiost-listing-fields_wrapper .single_thm .ext_title h4 { - text-align: center; + text-align: center; } #directiost-listing-fields_wrapper .single_thm .btn_wrapper { - text-align: center; -} -#directiost-listing-fields_wrapper { - /*********************************************************** - ************************************************************ - css for Custom Field - ************************************************************* - **************************************************************/ + text-align: center; } #directiost-listing-fields_wrapper .postbox table.widefat { - -webkit-box-shadow: none; - box-shadow: none; - background-color: #eff2f5; + box-shadow: none; + background-color: #eff2f5; } #directiost-listing-fields_wrapper #atbdp-field-details td { - color: #555; - font-size: 17px; - width: 8%; + color: #555; + font-size: 17px; + width: 8%; } #directiost-listing-fields_wrapper #atbdp-field-options td { - color: #555; - font-size: 17px; - width: 8%; + color: #555; + font-size: 17px; + width: 8%; } #directiost-listing-fields_wrapper .atbdp-tick-cross { - margin-left: 18px; + margin-left: 18px; } #directiost-listing-fields_wrapper .atbdp-tick-cross2 { - margin-left: 25px; -} -#directiost-listing-fields_wrapper { - /* - for shortable field*/ + margin-left: 25px; } #directiost-listing-fields_wrapper .ui-sortable tr:hover { - cursor: move; + cursor: move; } #directiost-listing-fields_wrapper .ui-sortable tr.alternate { - background-color: #f9f9f9; + background-color: #f9f9f9; } #directiost-listing-fields_wrapper .ui-sortable tr.ui-sortable-helper { - background-color: #f9f9f9; - border-top: 1px solid #dfdfdf; + background-color: #f9f9f9; + border-top: 1px solid #dfdfdf; } #directiost-listing-fields_wrapper .business-hour label { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper .form-group { - margin-bottom: 30px; + margin-bottom: 30px; } #directorist.atbd_wrapper .form-group > label { - margin-bottom: 10px; + margin-bottom: 10px; } #directorist.atbd_wrapper .form-group .atbd_pricing_options { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + align-items: center; + flex-wrap: wrap; } #directorist.atbd_wrapper .form-group .atbd_pricing_options label { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper .form-group .atbd_pricing_options small { - margin-left: 5px; + margin-left: 5px; } -#directorist.atbd_wrapper .form-group .atbd_pricing_options input[type=checkbox] { - position: relative; - top: -2px; +#directorist.atbd_wrapper + .form-group + .atbd_pricing_options + input[type="checkbox"] { + position: relative; + top: -2px; } #directorist.atbd_wrapper #category_container .form-group { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper .g_address_wrap { - margin-bottom: 15px; + margin-bottom: 15px; } #directorist.atbd_wrapper .atbd_map_title { - margin-bottom: 15px; + margin-bottom: 15px; } #directorist.atbd_wrapper .map_wrapper .map_drag_info { - display: block; - font-size: 12px; - margin-top: 10px; + display: block; + font-size: 12px; + margin-top: 10px; } #directorist.atbd_wrapper .map-coordinate { - margin-top: 15px; - margin-bottom: 15px; + margin-top: 15px; + margin-bottom: 15px; } #directorist.atbd_wrapper .map-coordinate label { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper #hide_if_no_manual_cor .form-group .form-group { - margin-bottom: 20px; + margin-bottom: 20px; } #directorist.atbd_wrapper .atbd_map_hide { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper .atbd_map_hide label { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper #atbdp-custom-fields-list { - margin: 13px 0 0 0; + margin: 13px 0 0 0; } #_listing_video_gallery #directorist.atbd_wrapper .form-group { - margin-bottom: 0; + margin-bottom: 0; } a { - text-decoration: none; -} - -@media (min-width: 1199px) and (max-width: 1510px), (min-width: 768px) and (max-width: 1187px), (min-width: 576px) and (max-width: 694px), (min-width: 320px) and (max-width: 373px) { - #directorist.atbd_wrapper .btn.demo, - #directorist.atbd_wrapper .btn.get { - display: block; - margin: 0; - } - #directorist.atbd_wrapper .btn.get { - margin-top: 10px; - } + text-decoration: none; +} + +@media (min-width: 1199px) and (max-width: 1510px), + (min-width: 768px) and (max-width: 1187px), + (min-width: 576px) and (max-width: 694px), + (min-width: 320px) and (max-width: 373px) { + #directorist.atbd_wrapper .btn.demo, + #directorist.atbd_wrapper .btn.get { + display: block; + margin: 0; + } + #directorist.atbd_wrapper .btn.get { + margin-top: 10px; + } } #directorist.atbd_wrapper #addNewSocial { - margin-bottom: 15px; + margin-bottom: 15px; } #directorist.atbd_wrapper .atbdp_social_field_wrapper .form-group { - margin-bottom: 15px; + margin-bottom: 15px; } .atbdp_social_field_wrapper select.form-control { - height: 35px !important; + height: 35px !important; } #atbdp-categories-image-wrapper img { - width: 150px; + width: 150px; } .vp-wrap .vp-checkbox .field label { - display: block; - margin-right: 0; + display: block; + margin-right: 0; } .vp-wrap .vp-section > h3 { - color: #01b0ff; - font-size: 15px; - padding: 10px 20px; - margin: 0; - top: 12px; - border: 1px solid #eee; - left: 20px; - background-color: #f2f4f7; - z-index: 1; + color: #01b0ff; + font-size: 15px; + padding: 10px 20px; + margin: 0; + top: 12px; + border: 1px solid #eee; + left: 20px; + background-color: #f2f4f7; + z-index: 1; } #shortcode-updated .input label span { - background-color: #008ec2; - width: 160px; - position: relative; - border-radius: 3px; - margin-top: 0; + background-color: #008ec2; + width: 160px; + position: relative; + border-radius: 3px; + margin-top: 0; } #shortcode-updated .input label span:before { - content: "Upgrade/Regenerate"; - position: absolute; - color: #fff; - left: 50%; - top: 48%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - border-radius: 3px; + content: "Upgrade/Regenerate"; + position: absolute; + color: #fff; + left: 50%; + top: 48%; + transform: translate(-50%, -50%); + border-radius: 3px; } #shortcode-updated + #success_msg { - color: #4caf50; - padding-left: 15px; + color: #4caf50; + padding-left: 15px; } .olControlAttribution { - right: 10px !important; - bottom: 10px !important; + right: 10px !important; + bottom: 10px !important; } .g_address_wrap ul { - margin-top: 15px !important; + margin-top: 15px !important; } .g_address_wrap ul li { - margin-bottom: 8px; - border-bottom: 1px solid #e3e6ef; - padding-bottom: 8px; + margin-bottom: 8px; + border-bottom: 1px solid #e3e6ef; + padding-bottom: 8px; } .g_address_wrap ul li:last-child { - margin-bottom: 0; + margin-bottom: 0; } .plupload-thumbs .thumb { - float: none !important; - max-width: 200px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + float: none !important; + max-width: 200px; + display: flex; } #atbdp-categories-image-wrapper { - position: relative; - display: inline-block; + position: relative; + display: inline-block; } #atbdp-categories-image-wrapper .remove_cat_img { - position: absolute; - width: 25px; - height: 25px; - border-radius: 50%; - background-color: #c4c4c4; - right: -5px; - top: -5px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - -webkit-transition: 0.2s ease; - transition: 0.2s ease; + position: absolute; + width: 25px; + height: 25px; + border-radius: 50%; + background-color: #c4c4c4; + right: -5px; + top: -5px; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; + transition: 0.2s ease; } #atbdp-categories-image-wrapper .remove_cat_img:hover { - background-color: #ff0000; - color: #fff; + background-color: #ff0000; + color: #fff; } .plupload-thumbs .thumb { - position: relative; + position: relative; } .plupload-thumbs .thumb:hover .atbdp-thumb-actions { - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; + display: flex !important; } .plupload-thumbs .thumb .atbdp-file-info { - border-radius: 5px; + border-radius: 5px; } .plupload-thumbs .thumb .atbdp-thumb-actions { - position: absolute; - width: 100%; - height: 100%; - left: 0; - top: 0; - margin-top: 0; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + margin-top: 0; + align-items: center; + justify-content: center; } .plupload-thumbs .thumb .atbdp-thumb-actions .thumbremovelink { - background-color: #000; - height: 30px; - width: 30px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - font-size: 14px; + background-color: #000; + height: 30px; + width: 30px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + transition: 0.3s ease; + font-size: 14px; } .plupload-thumbs .thumb .atbdp-thumb-actions .thumbremovelink:hover { - background-color: #e23636; + background-color: #e23636; } .plupload-thumbs .thumb .atbdp-thumb-actions:before { - border-radius: 5px; + border-radius: 5px; } .plupload-upload-uic { - width: 420px; - margin: 0 auto !important; - border: 1px dashed #dbdee9; - padding: 30px; - text-align: center; + width: 420px; + margin: 0 auto !important; + border: 1px dashed #dbdee9; + padding: 30px; + text-align: center; } .plupload-upload-uic .atbdp-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; + font-weight: 500; + margin-bottom: 15px; + font-size: 15px; } .plupload-upload-uic .atbdp_button { - border: 1px solid #EFF1F6; - background-color: #f8f9fb; - font-size: 14px; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 40px !important; - padding: 0 30px !important; - height: auto !important; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + border: 1px solid #eff1f6; + background-color: #f8f9fb; + font-size: 14px; + box-shadow: none; + line-height: 40px !important; + padding: 0 30px !important; + height: auto !important; + transition: 0.3s ease; } .plupload-upload-uic .atbdp-dropbox-file-types { - margin-top: 10px; - color: #9299b8; + margin-top: 10px; + color: #9299b8; } @media (max-width: 575px) { - .plupload-upload-uic { - width: 100%; - } + .plupload-upload-uic { + width: 100%; + } } @media (max-width: 400px) { - #_listing_contact_info #directorist.atbd_wrapper .form-check { - padding-left: 40px; - } - #_listing_contact_info #directorist.atbd_wrapper .form-check-input { - margin-left: -40px; - } - #_listing_contact_info #directorist.atbd_wrapper .map-coordinate #manual_coordinate { - display: inline-block; - } - #_listing_contact_info #directorist.atbd_wrapper .map-coordinate .cor-wrap label { - display: inline; - } - #delete-custom-img { - margin-top: 10px; - } - .enable247hour label { - display: inline !important; - } + #_listing_contact_info #directorist.atbd_wrapper .form-check { + padding-left: 40px; + } + #_listing_contact_info #directorist.atbd_wrapper .form-check-input { + margin-left: -40px; + } + #_listing_contact_info + #directorist.atbd_wrapper + .map-coordinate + #manual_coordinate { + display: inline-block; + } + #_listing_contact_info + #directorist.atbd_wrapper + .map-coordinate + .cor-wrap + label { + display: inline; + } + #delete-custom-img { + margin-top: 10px; + } + .enable247hour label { + display: inline !important; + } } /* ATBD Tooltip */ .atbd_tooltip { - position: relative; + position: relative; } -.atbd_tooltip[aria-label]:before, .atbd_tooltip[aria-label]:after { - position: absolute !important; - bottom: 100%; - display: none; - -webkit-animation: showTooltip 0.3s ease; - animation: showTooltip 0.3s ease; +.atbd_tooltip[aria-label]:before, +.atbd_tooltip[aria-label]:after { + position: absolute !important; + bottom: 100%; + display: none; + -webkit-animation: showTooltip 0.3s ease; + -o-animation: showTooltip 0.3s ease; + animation: showTooltip 0.3s ease; } .atbd_tooltip[aria-label]:before { - content: ""; - left: 50%; - -webkit-transform: translate(-50%, 7px); - transform: translate(-50%, 7px); - border: 6px solid transparent; - border-top-color: rgba(0, 0, 0, 0.8); + content: ""; + left: 50%; + transform: translate(-50%, 7px); + border: 6px solid transparent; + border-top-color: rgba(0, 0, 0, 0.8); } .atbd_tooltip[aria-label]:after { - content: attr(aria-label); - left: 50%; - -webkit-transform: translate(-50%, -5px); - transform: translate(-50%, -5px); - min-width: 150px; - text-align: center; - background: rgba(0, 0, 0, 0.8); - padding: 5px 12px; - border-radius: 3px; - color: #fff; + content: attr(aria-label); + left: 50%; + transform: translate(-50%, -5px); + min-width: 150px; + text-align: center; + background: rgba(0, 0, 0, 0.8); + padding: 5px 12px; + border-radius: 3px; + color: #fff; } -.atbd_tooltip[aria-label]:hover:before, .atbd_tooltip[aria-label]:hover:after { - display: block; -} - -@-webkit-keyframes showTooltip { - from { - opacity: 0; - } +.atbd_tooltip[aria-label]:hover:before, +.atbd_tooltip[aria-label]:hover:after { + display: block; } @keyframes showTooltip { - from { - opacity: 0; - } + from { + opacity: 0; + } } .atbdp_shortcodes { - position: relative; + position: relative; } .atbdp_shortcodes:after { - content: "\f0c5"; - font-family: "Font Awesome 5 Free"; - color: #000; - font-weight: normal; - line-height: initial; - cursor: pointer; - position: absolute; - right: -20px; - bottom: 0; - z-index: 999; + content: "\f0c5"; + font-family: "Font Awesome 5 Free"; + color: #000; + font-weight: normal; + line-height: initial; + cursor: pointer; + position: absolute; + right: -20px; + bottom: 0; + z-index: 999; } .directorist-find-latlan { - display: inline-block; - color: red; + display: inline-block; + color: red; } .business_time.column-business_time .atbdp-tick-cross2, .web-link.column-web-link .atbdp-tick-cross2 { - padding-left: 25px; + padding-left: 25px; } #atbdp-field-details .recurring_time_period { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } #atbdp-field-details .recurring_time_period > label { - margin-right: 10px; + margin-right: 10px; } #atbdp-field-details .recurring_time_period #recurring_period { - margin-right: 8px; + margin-right: 8px; } div#need_post_area { - padding: 10px 0 15px 0; + padding: 10px 0 15px 0; } div#need_post_area .atbd_listing_type_list { - margin: 0 -7px; + margin: 0 -7px; } div#need_post_area label { - margin: 0 7px; - font-size: 16px; + margin: 0 7px; + font-size: 16px; } div#need_post_area label input:checked + span { - font-weight: 600; + font-weight: 600; } #pyn_service_budget label { - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex !important; + align-items: center; } #pyn_service_budget label #is_hourly { - margin-right: 5px; + margin-right: 5px; } #titlediv #title { - padding: 3px 8px 7px; - font-size: 26px; - height: 40px; + padding: 3px 8px 7px; + font-size: 26px; + height: 40px; } .req_password_notice, .password_notice { - padding-left: 20px; - padding-right: 20px; + padding-left: 20px; + padding-right: 20px; } /* hide button example image top upload fields */ @@ -839,764 +801,776 @@ div#need_post_area label input:checked + span { #priout_example, #prioutlight_example, #danout_example { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#primary_example input[type=text], + display: flex; + align-items: center; +} +#primary_example input[type="text"], #primary_example .button, -#secondary_example input[type=text], +#secondary_example input[type="text"], #secondary_example .button, -#success_example input[type=text], +#success_example input[type="text"], #success_example .button, -#danger_example input[type=text], +#danger_example input[type="text"], #danger_example .button, -#priout_example input[type=text], +#priout_example input[type="text"], #priout_example .button, -#prioutlight_example input[type=text], +#prioutlight_example input[type="text"], #prioutlight_example .button, -#danout_example input[type=text], +#danout_example input[type="text"], #danout_example .button { - display: none !important; + display: none !important; } #directorist.atbd_wrapper .dbh-wrapper label { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } #directorist.atbd_wrapper .dbh-wrapper .disable-bh { - margin-bottom: 5px; + margin-bottom: 5px; } -#directorist.atbd_wrapper .dbh-wrapper .dbh-timezone .select2-container .select2-selection--single { - height: 37px; - padding-left: 15px; - border-color: #ddd; +#directorist.atbd_wrapper + .dbh-wrapper + .dbh-timezone + .select2-container + .select2-selection--single { + height: 37px; + padding-left: 15px; + border-color: #ddd; } span.atbdp-tick-cross { - padding-left: 20px; + padding-left: 20px; } .atbdp-timestamp-wrap select, .atbdp-timestamp-wrap input { - margin-bottom: 5px !important; + margin-bottom: 5px !important; } /* csv styles */ .csv-action-btns { - margin-top: 30px; + margin-top: 30px; } .csv-action-btns a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - line-height: 44px; - padding: 0 20px; - background-color: #fff; - border: 1px solid #e3e6ef; - color: #272b41; - border-radius: 5px; - font-weight: 600; - margin-right: 7px; + display: inline-flex; + align-items: center; + justify-content: center; + text-decoration: none; + line-height: 44px; + padding: 0 20px; + background-color: #fff; + border: 1px solid #e3e6ef; + color: #272b41; + border-radius: 5px; + font-weight: 600; + margin-right: 7px; } .csv-action-btns a span { - color: #9299b8; + color: #9299b8; } .csv-action-btns a:last-child { - margin-right: 0; + margin-right: 0; } .csv-action-btns a.btn-active { - background-color: #2c99ff; - color: #fff; - border-color: #2c99ff; + background-color: #2c99ff; + color: #fff; + border-color: #2c99ff; } .csv-action-btns a.btn-active span { - color: rgba(255, 255, 255, 0.8); + color: rgba(255, 255, 255, 0.8); } .csv-action-steps ul { - width: 700px; - margin: 80px auto 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + width: 700px; + margin: 80px auto 0; + display: flex; + flex-wrap: wrap; + align-items: center; } .csv-action-steps ul li { - text-align: center; - position: relative; - text-align: center; - width: 25%; + text-align: center; + position: relative; + text-align: center; + width: 25%; } .csv-action-steps ul li:before { - position: absolute; - content: url(../js/03299b4bc0e8b98d36d4.png); - left: 112px; - top: 8px; - width: 125px; - overflow: hidden; + position: absolute; + content: url(../js/../images/2043b2e371261d67d5b984bbeba0d4ff.png); + left: 112px; + top: 8px; + width: 125px; + overflow: hidden; } .csv-action-steps ul li .step { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 34px; - height: 34px; - border-radius: 50%; - color: #9299b8; - -webkit-box-shadow: 5px 0 10px rgba(146, 153, 184, 0.15); - box-shadow: 5px 0 10px rgba(146, 153, 184, 0.15); - background-color: #fff; + display: inline-flex; + align-items: center; + justify-content: center; + width: 34px; + height: 34px; + border-radius: 50%; + color: #9299b8; + box-shadow: 5px 0 10px rgba(146, 153, 184, 0.15); + background-color: #fff; } .csv-action-steps ul li .step .dashicons { - margin: 0; - display: none; + margin: 0; + display: none; } .csv-action-steps ul li .step-text { - display: block; - margin-top: 15px; - color: #9299b8; + display: block; + margin-top: 15px; + color: #9299b8; } .csv-action-steps ul li.active .step { - background-color: #272b41; - color: #fff; + background-color: #272b41; + color: #fff; } .csv-action-steps ul li.active .step-text { - color: #272b41; + color: #272b41; } .csv-action-steps ul li.done:before { - content: url(../js/071fa42dfc61e8f23f3b.png); + content: url(../js/../images/8421bda85ddefddf637d87f7ff6a8337.png); } .csv-action-steps ul li.done .step { - background-color: #0fb73b; - color: #fff; + background-color: #0fb73b; + color: #fff; } .csv-action-steps ul li.done .step .step-count { - display: none; + display: none; } .csv-action-steps ul li.done .step .dashicons { - display: block; + display: block; } .csv-action-steps ul li.done .step-text { - color: #272b41; + color: #272b41; } -.csv-action-steps ul li:last-child:before, .csv-action-steps ul li:last-child.done:before { - content: none; +.csv-action-steps ul li:last-child:before, +.csv-action-steps ul li:last-child.done:before { + content: none; } .csv-wrapper { - margin-top: 20px; + margin-top: 20px; } .csv-wrapper .csv-center { - width: 700px; - margin: 0 auto; - background-color: #fff; - border-radius: 5px; - -webkit-box-shadow: 0 5px 8px rgba(146, 153, 184, 0.15); - box-shadow: 0 5px 8px rgba(146, 153, 184, 0.15); + width: 700px; + margin: 0 auto; + background-color: #fff; + border-radius: 5px; + box-shadow: 0 5px 8px rgba(146, 153, 184, 0.15); } .csv-wrapper form header { - padding: 30px 30px 20px; - border-bottom: 1px solid #f1f2f6; + padding: 30px 30px 20px; + border-bottom: 1px solid #f1f2f6; } .csv-wrapper form header h2 { - margin: 0 0 15px 0; - font-size: 22px; - font-weight: 500; + margin: 0 0 15px 0; + font-size: 22px; + font-weight: 500; } .csv-wrapper form header p { - color: #5a5f7d; - margin: 0; + color: #5a5f7d; + margin: 0; } .csv-wrapper form .form-content { - padding: 30px; + padding: 30px; } .csv-wrapper form .form-content .directorist-importer-options { - margin: 0; + margin: 0; } .csv-wrapper form .form-content .directorist-importer-options h4 { - margin: 0 0 15px 0; - font-size: 15px; + margin: 0 0 15px 0; + font-size: 15px; } .csv-wrapper form .form-content .directorist-importer-options .csv-upload { - position: relative; -} -.csv-wrapper form .form-content .directorist-importer-options .csv-upload #upload { - opacity: 0; - position: absolute; - left: 0; - top: 0; - width: 1px; - height: 0; -} -.csv-wrapper form .form-content .directorist-importer-options .csv-upload #upload + label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; -} -.csv-wrapper form .form-content .directorist-importer-options .csv-upload #upload + label .upload-btn { - line-height: 40px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 5px; - padding: 0 20px; - background-color: #5a5f7d; - color: #fff; - font-weight: 500; - min-width: 140px; -} -.csv-wrapper form .form-content .directorist-importer-options .csv-upload #upload + label .file-name { - color: #9299b8; - display: inline-block; - margin-left: 5px; -} -.csv-wrapper form .form-content .directorist-importer-options .csv-upload small { - font-size: 13px; - color: #9299b8; - display: block; - margin-top: 10px; + position: relative; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .csv-upload + #upload { + opacity: 0; + position: absolute; + left: 0; + top: 0; + width: 1px; + height: 0; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .csv-upload + #upload + + label { + display: inline-flex; + align-items: center; + cursor: pointer; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .csv-upload + #upload + + label + .upload-btn { + line-height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + border-radius: 5px; + padding: 0 20px; + background-color: #5a5f7d; + color: #fff; + font-weight: 500; + min-width: 140px; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .csv-upload + #upload + + label + .file-name { + color: #9299b8; + display: inline-block; + margin-left: 5px; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .csv-upload + small { + font-size: 13px; + color: #9299b8; + display: block; + margin-top: 10px; } .csv-wrapper form .form-content .directorist-importer-options .update-existing { - padding-top: 30px; -} -.csv-wrapper form .form-content .directorist-importer-options .update-existing label.ue { - font-size: 15px; - font-weight: 500; - color: #272b41; - display: block; - margin-bottom: 15px; + padding-top: 30px; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .update-existing + label.ue { + font-size: 15px; + font-weight: 500; + color: #272b41; + display: block; + margin-bottom: 15px; } .csv-wrapper form .form-content .directorist-importer-options .csv-delimiter { - padding-top: 30px; -} -.csv-wrapper form .form-content .directorist-importer-options .csv-delimiter label { - font-size: 15px; - font-weight: 500; - color: #272b41; - display: block; - margin-bottom: 10px; -} -.csv-wrapper form .form-content .directorist-importer-options .csv-delimiter input { - width: 120px; - border-radius: 4px; - border: 1px solid #c6d0dc; - height: 36px; + padding-top: 30px; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .csv-delimiter + label { + font-size: 15px; + font-weight: 500; + color: #272b41; + display: block; + margin-bottom: 10px; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .csv-delimiter + input { + width: 120px; + border-radius: 4px; + border: 1px solid #c6d0dc; + height: 36px; } .csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper h3 { - margin-top: 0; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .directory_type_wrapper label { - width: 100%; - display: block; - margin-bottom: 15px; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .directory_type_wrapper #directory_type { - border: 1px solid #c6d0dc; - border-radius: 4px; - line-height: 40px; - padding: 0 15px; - width: 100%; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table { - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - margin-top: 25px; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tr th, -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tr td { - width: 50%; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table thead { - background-color: #f4f5f7; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table thead th { - border: 0 none; - font-weight: 500; - color: #272b41; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-name { - padding-top: 15px; - padding-left: 0; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-name p { - margin: 0 0 5px; - color: #272b41; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-name .description { - color: #9299b8; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-name code { - line-break: anywhere; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-field { - padding-top: 20px; - padding-right: 0; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-field select { - border: 1px solid #c6d0dc; - border-radius: 4px; - line-height: 40px; - padding: 0 15px; - width: 100%; + margin-top: 0; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .directory_type_wrapper + label { + width: 100%; + display: block; + margin-bottom: 15px; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .directory_type_wrapper + #directory_type { + border: 1px solid #c6d0dc; + border-radius: 4px; + line-height: 40px; + padding: 0 15px; + width: 100%; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table { + border: 0 none; + box-shadow: none; + margin-top: 25px; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tr + th, +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tr + td { + width: 50%; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + thead { + background-color: #f4f5f7; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + thead + th { + border: 0 none; + font-weight: 500; + color: #272b41; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tbody + .atbdp-importer-mapping-table-name { + padding-top: 15px; + padding-left: 0; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tbody + .atbdp-importer-mapping-table-name + p { + margin: 0 0 5px; + color: #272b41; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tbody + .atbdp-importer-mapping-table-name + .description { + color: #9299b8; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tbody + .atbdp-importer-mapping-table-name + code { + line-break: anywhere; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tbody + .atbdp-importer-mapping-table-field { + padding-top: 20px; + padding-right: 0; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tbody + .atbdp-importer-mapping-table-field + select { + border: 1px solid #c6d0dc; + border-radius: 4px; + line-height: 40px; + padding: 0 15px; + width: 100%; } .csv-wrapper form .atbdp-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - padding: 20px 30px; - background-color: #f4f5f7; - border-radius: 0 0 5px 5px; + display: flex; + justify-content: flex-end; + padding: 20px 30px; + background-color: #f4f5f7; + border-radius: 0 0 5px 5px; } .csv-wrapper form .atbdp-actions .button { - background-color: #3e62f5; - color: #fff; - border: 0 none; - line-height: 44px; - padding: 0 20px; - border-radius: 5px; - font-size: 15px; -} -.csv-wrapper form .atbdp-actions .button:hover, .csv-wrapper form .atbdp-actions .button:focus { - opacity: 0.9; + background-color: #3e62f5; + color: #fff; + border: 0 none; + line-height: 44px; + padding: 0 20px; + border-radius: 5px; + font-size: 15px; +} +.csv-wrapper form .atbdp-actions .button:hover, +.csv-wrapper form .atbdp-actions .button:focus { + opacity: 0.9; } .csv-wrapper .directorist-importer__importing header { - padding: 30px 30px 20px; - border-bottom: 1px solid #f1f2f6; + padding: 30px 30px 20px; + border-bottom: 1px solid #f1f2f6; } .csv-wrapper .directorist-importer__importing header h2 { - margin: 0 0 15px 0; - font-size: 22px; - font-weight: 500; + margin: 0 0 15px 0; + font-size: 22px; + font-weight: 500; } .csv-wrapper .directorist-importer__importing header p { - color: #5a5f7d; - margin: 0; + color: #5a5f7d; + margin: 0; } .csv-wrapper .directorist-importer__importing section { - padding: 25px 30px 30px; + padding: 25px 30px 30px; } .csv-wrapper .directorist-importer__importing .importer-progress-notice { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - color: #5a5f7d; - margin-top: 10px; + display: flex; + align-items: center; + justify-content: space-between; + color: #5a5f7d; + margin-top: 10px; } .csv-wrapper .directorist-importer__importing span.importer-notice { - padding-bottom: 0; - font-size: 14px; - font-style: italic; + padding-bottom: 0; + font-size: 14px; + font-style: italic; } .csv-wrapper .directorist-importer__importing span.importer-details { - padding-top: 0; - font-size: 14px; + padding-top: 0; + font-size: 14px; } .csv-wrapper .directorist-importer__importing progress { - border-radius: 15px; - width: 100%; - height: 15px; - overflow: hidden; + border-radius: 15px; + width: 100%; + height: 15px; + overflow: hidden; } .csv-wrapper .directorist-importer__importing progress::-webkit-progress-bar { - background-color: #e8f0f8; - border-radius: 15px; + background-color: #e8f0f8; + border-radius: 15px; } .csv-wrapper .directorist-importer__importing progress::-webkit-progress-value { - background-color: #3e62f5; - border-radius: 15px; + background-color: #3e62f5; + border-radius: 15px; } .csv-wrapper .directorist-importer__importing progress::-moz-progress-bar { - background-color: #e8f0f8; - border-radius: 15px; - border: none; - box-shadow: none; + background-color: #e8f0f8; + border-radius: 15px; + border: none; + box-shadow: none; } -.csv-wrapper .directorist-importer__importing progress[value]::-moz-progress-bar { - background-color: #3e62f5; - border-radius: 15px; +.csv-wrapper + .directorist-importer__importing + progress[value]::-moz-progress-bar { + background-color: #3e62f5; + border-radius: 15px; } .csv-wrapper .csv-import-done .wc-progress-form-content { - padding: 100px 30px 80px; + padding: 100px 30px 80px; } .csv-wrapper .csv-import-done .wc-progress-form-content .wc-actions { - text-align: center; + text-align: center; } .csv-wrapper .csv-import-done .wc-progress-form-content .wc-actions .dashicons { - width: 100px; - height: 100px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - border-radius: 50%; - background-color: #0fb73b; - font-size: 70px; - color: #fff; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + width: 100px; + height: 100px; + display: inline-flex; + border-radius: 50%; + background-color: #0fb73b; + font-size: 70px; + color: #fff; + align-items: center; + justify-content: center; } .csv-wrapper .csv-import-done .wc-progress-form-content .wc-actions p { - color: #5a5f7d; - font-size: 20px; - margin: 10px 0 0; + color: #5a5f7d; + font-size: 20px; + margin: 10px 0 0; } .csv-wrapper .csv-import-done .wc-progress-form-content .wc-actions p strong { - color: #272b41; - font-weight: 600; -} -.csv-wrapper .csv-import-done .wc-progress-form-content .wc-actions .import-complete { - font-size: 20px; - color: #272b41; - margin: 16px 0 0; + color: #272b41; + font-weight: 600; +} +.csv-wrapper + .csv-import-done + .wc-progress-form-content + .wc-actions + .import-complete { + font-size: 20px; + color: #272b41; + margin: 16px 0 0; } .csv-wrapper .csv-import-done .atbdp-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - padding: 20px 30px; - background-color: #f4f5f7; + display: flex; + justify-content: flex-end; + padding: 20px 30px; + background-color: #f4f5f7; } .csv-wrapper .csv-import-done .atbdp-actions .button { - background-color: #2c99ff; - color: #fff; - border: 0 none; - line-height: 44px; - padding: 0 20px; - border-radius: 5px; - font-weight: 500; - font-size: 15px; + background-color: #2c99ff; + color: #fff; + border: 0 none; + line-height: 44px; + padding: 0 20px; + border-radius: 5px; + font-weight: 500; + font-size: 15px; } .csv-wrapper .csv-center.csv-export { - padding: 100px 30px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + padding: 100px 30px; + display: flex; + align-items: center; + justify-content: center; } .csv-wrapper .csv-center.csv-export .button-secondary { - background-color: #2c99ff; - color: #fff; - border: 0 none; - line-height: 44px; - padding: 0 20px; - border-radius: 5px; - font-weight: 500; - font-size: 15px; + background-color: #2c99ff; + color: #fff; + border: 0 none; + line-height: 44px; + padding: 0 20px; + border-radius: 5px; + font-weight: 500; + font-size: 15px; } .iris-border .iris-palette-container .iris-palette { - padding: 0 !important; + padding: 0 !important; } #csv_import .vp-input + span { - background-color: #007cba; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0 15px; - border-radius: 3px; - color: #fff; - background-image: none; - width: auto; - cursor: pointer; + background-color: #007cba; + display: flex; + align-items: center; + justify-content: center; + padding: 0 15px; + border-radius: 3px; + color: #fff; + background-image: none; + width: auto; + cursor: pointer; } #csv_import .vp-input + span:after { - content: "Run Importer"; + content: "Run Importer"; } .vp-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + justify-content: space-between; + flex-wrap: wrap; } .vp-documentation-panel #directorist.atbd_wrapper { - padding: 4px 0; + padding: 4px 0; } .wp-picker-container .wp-picker-input-wrap label { - margin: 0 15px 10px; + margin: 0 15px 10px; } .wp-picker-holder .iris-picker-inner .iris-square { - margin-right: 5%; + margin-right: 5%; } .wp-picker-holder .iris-picker-inner .iris-square .iris-strip { - height: 180px !important; + height: 180px !important; } /* form builder add listing form */ -.postbox-container .postbox select[name=directory_type] + .form-group { - margin-top: 15px; +.postbox-container .postbox select[name="directory_type"] + .form-group { + margin-top: 15px; } .postbox-container .postbox .form-group { - margin-bottom: 30px; + margin-bottom: 30px; } .postbox-container .postbox .form-group label { - display: inline-block; - font-weight: 500; - font-size: 15px; - color: #202428; - margin-bottom: 10px; + display: inline-block; + font-weight: 500; + font-size: 15px; + color: #202428; + margin-bottom: 10px; } .postbox-container .postbox .form-group #privacy_policy + label { - margin-bottom: 0; -} -.postbox-container .postbox .form-group input[type=text], -.postbox-container .postbox .form-group input[type=tel], -.postbox-container .postbox .form-group input[type=url], -.postbox-container .postbox .form-group input[type=number], -.postbox-container .postbox .form-group input[type=date], -.postbox-container .postbox .form-group input[type=time], -.postbox-container .postbox .form-group input[type=email], + margin-bottom: 0; +} +.postbox-container .postbox .form-group input[type="text"], +.postbox-container .postbox .form-group input[type="tel"], +.postbox-container .postbox .form-group input[type="url"], +.postbox-container .postbox .form-group input[type="number"], +.postbox-container .postbox .form-group input[type="date"], +.postbox-container .postbox .form-group input[type="time"], +.postbox-container .postbox .form-group input[type="email"], .postbox-container .postbox .form-group select.form-control { - display: block; - width: 100%; - padding: 6px 15px; - line-height: 1.5; - border: 1px solid #c6d0dc; -} -.postbox-container .postbox .form-group input[type=text]::-webkit-input-placeholder, .postbox-container .postbox .form-group input[type=tel]::-webkit-input-placeholder, .postbox-container .postbox .form-group input[type=url]::-webkit-input-placeholder, .postbox-container .postbox .form-group input[type=number]::-webkit-input-placeholder, .postbox-container .postbox .form-group input[type=date]::-webkit-input-placeholder, .postbox-container .postbox .form-group input[type=time]::-webkit-input-placeholder, .postbox-container .postbox .form-group input[type=email]::-webkit-input-placeholder, .postbox-container .postbox .form-group select.form-control::-webkit-input-placeholder { - color: #868eae; -} -.postbox-container .postbox .form-group input[type=text]::-moz-placeholder, .postbox-container .postbox .form-group input[type=tel]::-moz-placeholder, .postbox-container .postbox .form-group input[type=url]::-moz-placeholder, .postbox-container .postbox .form-group input[type=number]::-moz-placeholder, .postbox-container .postbox .form-group input[type=date]::-moz-placeholder, .postbox-container .postbox .form-group input[type=time]::-moz-placeholder, .postbox-container .postbox .form-group input[type=email]::-moz-placeholder, .postbox-container .postbox .form-group select.form-control::-moz-placeholder { - color: #868eae; -} -.postbox-container .postbox .form-group input[type=text]:-ms-input-placeholder, .postbox-container .postbox .form-group input[type=tel]:-ms-input-placeholder, .postbox-container .postbox .form-group input[type=url]:-ms-input-placeholder, .postbox-container .postbox .form-group input[type=number]:-ms-input-placeholder, .postbox-container .postbox .form-group input[type=date]:-ms-input-placeholder, .postbox-container .postbox .form-group input[type=time]:-ms-input-placeholder, .postbox-container .postbox .form-group input[type=email]:-ms-input-placeholder, .postbox-container .postbox .form-group select.form-control:-ms-input-placeholder { - color: #868eae; -} -.postbox-container .postbox .form-group input[type=text]::-ms-input-placeholder, .postbox-container .postbox .form-group input[type=tel]::-ms-input-placeholder, .postbox-container .postbox .form-group input[type=url]::-ms-input-placeholder, .postbox-container .postbox .form-group input[type=number]::-ms-input-placeholder, .postbox-container .postbox .form-group input[type=date]::-ms-input-placeholder, .postbox-container .postbox .form-group input[type=time]::-ms-input-placeholder, .postbox-container .postbox .form-group input[type=email]::-ms-input-placeholder, .postbox-container .postbox .form-group select.form-control::-ms-input-placeholder { - color: #868eae; -} -.postbox-container .postbox .form-group input[type=text]::placeholder, -.postbox-container .postbox .form-group input[type=tel]::placeholder, -.postbox-container .postbox .form-group input[type=url]::placeholder, -.postbox-container .postbox .form-group input[type=number]::placeholder, -.postbox-container .postbox .form-group input[type=date]::placeholder, -.postbox-container .postbox .form-group input[type=time]::placeholder, -.postbox-container .postbox .form-group input[type=email]::placeholder, + display: block; + width: 100%; + padding: 6px 15px; + line-height: 1.5; + border: 1px solid #c6d0dc; +} +.postbox-container .postbox .form-group input[type="text"]::placeholder, +.postbox-container .postbox .form-group input[type="tel"]::placeholder, +.postbox-container .postbox .form-group input[type="url"]::placeholder, +.postbox-container .postbox .form-group input[type="number"]::placeholder, +.postbox-container .postbox .form-group input[type="date"]::placeholder, +.postbox-container .postbox .form-group input[type="time"]::placeholder, +.postbox-container .postbox .form-group input[type="email"]::placeholder, .postbox-container .postbox .form-group select.form-control::placeholder { - color: #868eae; + color: #868eae; } .postbox-container .postbox .form-group textarea { - display: block; - width: 100%; - padding: 6px 6px; - line-height: 1.5; - border: 1px solid #EFF1F6; - height: 100px; + display: block; + width: 100%; + padding: 6px 6px; + line-height: 1.5; + border: 1px solid #eff1f6; + height: 100px; } .postbox-container .postbox .form-group #excerpt { - margin-top: 0; + margin-top: 0; } -.postbox-container .postbox .form-group .directorist-social-info-field #addNewSocial { - border-radius: 3px; +.postbox-container + .postbox + .form-group + .directorist-social-info-field + #addNewSocial { + border-radius: 3px; } .postbox-container .postbox .form-group .atbdp_social_field_wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px 15px; + display: flex; + align-items: center; + flex-wrap: wrap; + margin: 0 -15px 15px; } .postbox-container .postbox .form-group .atbdp_social_field_wrapper .col-sm-12 { - padding: 0 15px; + padding: 0 15px; } .postbox-container .postbox .form-group .atbdp_social_field_wrapper .col-md-6 { - width: 50%; + width: 50%; } .postbox-container .postbox .form-group .atbdp_social_field_wrapper .col-md-2 { - width: 5%; + width: 5%; } .postbox-container .postbox .form-group .atbdp_social_field_wrapper select, .postbox-container .postbox .form-group .atbdp_social_field_wrapper input { - width: 100%; - border: 1px solid #EFF1F6; - height: 35px; + width: 100%; + border: 1px solid #eff1f6; + height: 35px; } .postbox-container .postbox .form-group .btn { - padding: 7px 15px; - cursor: pointer; + padding: 7px 15px; + cursor: pointer; } .postbox-container .postbox .form-group .btn.btn-primary { - background: var(--directorist-color-primary); - border: 0 none; - color: #fff; + background: var(--directorist-color-primary); + border: 0 none; + color: #fff; } -.postbox-container .postbox #directorist-terms_conditions-field input[type=text] { - margin-bottom: 15px; +.postbox-container + .postbox + #directorist-terms_conditions-field + input[type="text"] { + margin-bottom: 15px; } -.postbox-container .postbox #directorist-terms_conditions-field .map_wrapper .cor-wrap { - margin-top: 15px; +.postbox-container + .postbox + #directorist-terms_conditions-field + .map_wrapper + .cor-wrap { + margin-top: 15px; } .theme-browser .theme .theme-name { - height: auto; + height: auto; } /* System Status */ .atbds_wrapper { - padding-right: 60px; + padding-right: 60px; } .atbds_wrapper .atbds_row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .atbds_wrapper .atbds_col-left { - margin-right: 30px; + margin-right: 30px; } .atbds_wrapper .atbds_col-right { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + flex: 1; } .atbds_wrapper .tab-pane { - display: none; + display: none; } .atbds_wrapper .tab-pane.show { - display: block; + display: block; } .atbds_wrapper .atbds_title { - font-size: 24px; - margin: 30px 0 35px; - color: #272b41; + font-size: 24px; + margin: 30px 0 35px; + color: #272b41; } .atbds_content { - margin-top: -8px; + margin-top: -8px; } /* Spacing */ .atbds_wrapper .pl-30 { - padding-left: 30px; + padding-left: 30px; } .atbds_wrapper .pr-30 { - padding-right: 30px; + padding-right: 30px; } /* atbds card */ .atbds_card.card { - padding: 0; - min-width: 100%; - border: 0 none; - border-radius: 4px; - -webkit-box-shadow: 0 5px 10px rgba(173, 180, 210, 0.1); - box-shadow: 0 5px 10px rgba(173, 180, 210, 0.1); + padding: 0; + min-width: 100%; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 10px rgba(173, 180, 210, 0.1); } .atbds_card .atbds_status-nav .nav-link { - font-size: 14px; - font-weight: 400; + font-size: 14px; + font-weight: 400; } .atbds_card .card-head { - border-bottom: 1px solid #f1f2f6; - padding: 20px 30px; + border-bottom: 1px solid #f1f2f6; + padding: 20px 30px; } .atbds_card .card-head h1, .atbds_card .card-head h2, @@ -1604,273 +1578,243 @@ span.atbdp-tick-cross { .atbds_card .card-head h4, .atbds_card .card-head h5, .atbds_card .card-head h6 { - font-size: 16px; - font-weight: 600; - color: #272b41; - margin: 0; + font-size: 16px; + font-weight: 600; + color: #272b41; + margin: 0; } .atbds_card .card-body .atbds_c-t-menu { - padding: 8px 30px 0; - border-bottom: 1px solid #e3e6ef; + padding: 8px 30px 0; + border-bottom: 1px solid #e3e6ef; } .atbds_card .card-body .atbds_c-t-menu .nav { - margin: 0 -12.5px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + margin: 0 -12.5px; + flex-wrap: wrap; } .atbds_card .card-body .atbds_c-t-menu .nav-item { - margin: 0 12.5px; + margin: 0 12.5px; } .atbds_card .card-body .atbds_c-t-menu .nav-link { - display: inline-block; - font-size: 14px; - font-weight: 600; - color: #272b41; - padding: 20px 0; - text-decoration: none; - position: relative; - white-space: nowrap; + display: inline-block; + font-size: 14px; + font-weight: 600; + color: #272b41; + padding: 20px 0; + text-decoration: none; + position: relative; + white-space: nowrap; } .atbds_card .card-body .atbds_c-t-menu .nav-link.active:after { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .atbds_card .card-body .atbds_c-t-menu .nav-link:focus { - outline: none; - -webkit-box-shadow: 0 0 0 0px #5b9dd9, 0 0 0px 0px rgba(30, 140, 190, 0); - box-shadow: 0 0 0 0px #5b9dd9, 0 0 0px 0px rgba(30, 140, 190, 0); + outline: none; + box-shadow: + 0 0 0 0px #5b9dd9, + 0 0 0px 0px rgba(30, 140, 190, 0); } .atbds_card .card-body .atbds_c-t-menu .nav-link:after { - position: absolute; - left: 0; - bottom: -1px; - width: 100%; - height: 2px; - content: ""; - opacity: 0; - visibility: hidden; - background-color: #272b41; + position: absolute; + left: 0; + bottom: -1px; + width: 100%; + height: 2px; + content: ""; + opacity: 0; + visibility: hidden; + background-color: #272b41; } .atbds_card .card-body .atbds_c-t-menu .nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .atbds_card .card-body .atbds_c-t__details { - padding: 20px 0; + padding: 20px 0; } #atbds_support .atbds_card, #atbds_r-viewing .atbds_card { - max-width: 900px; - min-width: auto; + max-width: 900px; + min-width: auto; } /* atbds Sidebar */ .atbds_sidebar ul { - margin-bottom: 0; + margin-bottom: 0; } .atbds_sidebar .nav-link { - display: inline-block; - font-size: 15px; - font-weight: 500; - padding: 11px 20px; - color: #5a5f7d; - text-decoration: none; - background-color: transparent; - border-radius: 20px; - min-width: 150px; + display: inline-block; + font-size: 15px; + font-weight: 500; + padding: 11px 20px; + color: #5a5f7d; + text-decoration: none; + background-color: transparent; + border-radius: 20px; + min-width: 150px; } .atbds_sidebar .nav-link.active { - color: #3e62f5; - background-color: #fff; + color: #3e62f5; + background-color: #fff; } .atbds_sidebar .nav-link:focus { - outline: none; - border: 0 none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + outline: none; + border: 0 none; + box-shadow: 0 0; } .atbds_sidebar .nav-link .directorist-badge { - font-size: 11px; - height: 20px; - width: 20px; - text-align: center; - line-height: 1.75; - border-radius: 50%; + font-size: 11px; + height: 20px; + width: 20px; + text-align: center; + line-height: 1.75; + border-radius: 50%; } .atbds_sidebar a { - display: inline-block; - font-size: 15px; - font-weight: 500; - padding: 11px 20px; - color: #5a5f7d; - text-decoration: none; - background-color: transparent; - border-radius: 20px; - min-width: 150px; + display: inline-block; + font-size: 15px; + font-weight: 500; + padding: 11px 20px; + color: #5a5f7d; + text-decoration: none; + background-color: transparent; + border-radius: 20px; + min-width: 150px; } .atbds_sidebar a:focus { - outline: none; - border: 0 none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + outline: none; + border: 0 none; + box-shadow: 0 0; } .atbds_text-center { - text-align: center; + text-align: center; } .atbds_d-flex { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .atbds_flex-wrap { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .atbds_row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-right: -15px; - margin-left: -15px; + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; } .atbds_col-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.33333%; - -ms-flex: 0 0 33.33333%; - flex: 0 0 33.33333%; - max-width: 31.21%; - position: relative; - width: 100%; - padding-right: 1.05%; - padding-left: 1.05%; + flex: 0 0 33.33333%; + max-width: 31.21%; + position: relative; + width: 100%; + padding-right: 1.05%; + padding-left: 1.05%; } /* atbds System Table */ .atbd_tooltip { - position: relative; - cursor: pointer; + position: relative; + cursor: pointer; } .atbd_tooltip .atbd_tooltip__text { - display: none; - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - top: 24px; - padding: 10.5px 15px; - min-width: 300px; - line-height: 1.7333; - border-radius: 4px; - background-color: #272b41; - color: #bebfc6; - z-index: 10; + display: none; + position: absolute; + left: 50%; + transform: translateX(-50%); + top: 24px; + padding: 10.5px 15px; + min-width: 300px; + line-height: 1.7333; + border-radius: 4px; + background-color: #272b41; + color: #bebfc6; + z-index: 10; } .atbd_tooltip .atbd_tooltip__text.show { - display: inline-block; + display: inline-block; } /* atbds System Table */ .atbds_system-table-wrap { - padding: 0 20px; + padding: 0 20px; } .atbds_system-table { - width: 100%; - border-collapse: collapse; + width: 100%; + border-collapse: collapse; } .atbds_system-table tr:nth-child(2n) td { - background-color: #fbfbfb; + background-color: #fbfbfb; } .atbds_system-table td { - font-size: 14px; - color: #5a5f7d; - padding: 14px 20px; - border-radius: 2px; - vertical-align: top; + font-size: 14px; + color: #5a5f7d; + padding: 14px 20px; + border-radius: 2px; + vertical-align: top; } .atbds_system-table td.atbds_table-title { - font-weight: 500; - color: #272b41; - min-width: 125px; + font-weight: 500; + color: #272b41; + min-width: 125px; } .atbds_system-table tbody tr td.atbds_table-pointer { - width: 30px; + width: 30px; } .atbds_system-table tbody tr td.diretorist-table-text p { - margin: 0; - line-height: 1.3; + margin: 0; + line-height: 1.3; } .atbds_system-table tbody tr td.diretorist-table-text p:not(:last-child) { - margin: 0 0 15px; + margin: 0 0 15px; } .atbds_system-table tbody tr td .atbds_color-success { - color: #00bc5e; + color: #00bc5e; } .atbds_table-list li { - margin-bottom: 8px; + margin-bottom: 8px; } /* atbds warnings */ .atbds_warnings { - padding: 30px; - min-height: 615px; + padding: 30px; + min-height: 615px; } .atbds_warnings__single { - border-radius: 6px; - padding: 30px 45px; - background-color: #f8f9fb; - margin-bottom: 30px; + border-radius: 6px; + padding: 30px 45px; + background-color: #f8f9fb; + margin-bottom: 30px; } .atbds_warnings__single .atbds_warnings__icon { - width: 70px; - height: 70px; - margin: 0 auto; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - background-color: #fff; - -webkit-box-shadow: 0 5px 10px rgba(161, 168, 198, 0.05); - box-shadow: 0 5px 10px rgba(161, 168, 198, 0.05); + width: 70px; + height: 70px; + margin: 0 auto; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + background-color: #fff; + box-shadow: 0 5px 10px rgba(161, 168, 198, 0.05); } .atbds_warnings__single .atbds_warnings__icon i, .atbds_warnings__single .atbds_warnings__icon span { - font-size: 30px; + font-size: 30px; } .atbds_warnings__single .atbds_warnings__icon i, .atbds_warnings__single .atbds_warnings__icon span, .atbds_warnings__single .atbds_warnings__icon svg { - color: #EF8000; + color: #ef8000; } .atbds_warnings__single .atbds_warnigns__content { - max-width: 290px; - margin: 0 auto; + max-width: 290px; + margin: 0 auto; } .atbds_warnings__single .atbds_warnigns__content h1, .atbds_warnings__single .atbds_warnigns__content h2, @@ -1878,292 +1822,274 @@ span.atbdp-tick-cross { .atbds_warnings__single .atbds_warnigns__content h4, .atbds_warnings__single .atbds_warnigns__content h5, .atbds_warnings__single .atbds_warnigns__content h6 { - font-size: 18px; - line-height: 1.444; - font-weight: 500; - color: #272b41; - margin-bottom: 19px; + font-size: 18px; + line-height: 1.444; + font-weight: 500; + color: #272b41; + margin-bottom: 19px; } .atbds_warnings__single .atbds_warnigns__content p { - font-size: 15px; - line-height: 1.733; - color: #5a5f7d; + font-size: 15px; + line-height: 1.733; + color: #5a5f7d; } .atbds_warnings__single .atbds_warnigns__content .atbds_btnLink { - margin-top: 30px; + margin-top: 30px; } /* atbds Buttons */ .atbds_btnLink { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - text-decoration: none; - color: #3e62f5; + display: inline-flex; + align-items: center; + font-size: 14px; + font-weight: 500; + text-decoration: none; + color: #3e62f5; } .atbds_btnLink i { - margin-left: 7px; + margin-left: 7px; } .atbds_btn { - font-size: 14px; - font-weight: 500; - display: inline-block; - padding: 12px 30px; - border-radius: 4px; - cursor: pointer; - background-color: #c6d0dc; - border: 1px solid #c6d0dc; - -webkit-box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); - box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); - -webkit-transition: 0.3s; - transition: 0.3s; + font-size: 14px; + font-weight: 500; + display: inline-block; + padding: 12px 30px; + border-radius: 4px; + cursor: pointer; + background-color: #c6d0dc; + border: 1px solid #c6d0dc; + box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); + transition: 0.3s; } .atbds_btn:hover { - background-color: transparent; - border: 1px solid #3e62f5; + background-color: transparent; + border: 1px solid #3e62f5; } .atbds_btn.atbds_btnPrimary { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .atbds_btn.atbds_btnPrimary:hover { - color: #3e62f5; - background-color: #fff; - border-color: #3e62f5; + color: #3e62f5; + background-color: #fff; + border-color: #3e62f5; } .atbds_btn.atbds_btnDark { - color: #fff; - background-color: #272b41; + color: #fff; + background-color: #272b41; } .atbds_btn.atbds_btnDark:hover { - color: #272b41; - background-color: #fff; - border-color: #272b41; + color: #272b41; + background-color: #fff; + border-color: #272b41; } .atbds_btn.atbds_btnGray { - color: #272b41; - background-color: #e3e6ef; + color: #272b41; + background-color: #e3e6ef; } .atbds_btn.atbds_btnGray:hover { - color: #272b41; - background-color: #fff; - border-color: #e3e6ef; + color: #272b41; + background-color: #fff; + border-color: #e3e6ef; } .atbds_btn.atbds_btnBordered { - background-color: transparent; - border: 1px solid; + background-color: transparent; + border: 1px solid; } .atbds_btn.atbds_btnBordered.atbds_btnPrimary { - color: #3e62f5; - border-color: #3e62f5; + color: #3e62f5; + border-color: #3e62f5; } .atbds_buttonGroup { - margin: -5px; + margin: -5px; } .atbds_buttonGroup button { - margin: 5px; + margin: 5px; } /* atbds Form Row */ .atbds_form-row:not(:last-child) { - margin-bottom: 30px; + margin-bottom: 30px; } .atbds_form-row label, -.atbds_form-row input[type=text], -.atbds_form-row input[type=email], +.atbds_form-row input[type="text"], +.atbds_form-row input[type="email"], .atbds_form-row textarea { - width: 100%; + width: 100%; } .atbds_form-row input, .atbds_form-row textarea { - border-color: #c6d0dc; - min-height: 46px; - border-radius: 4px; - padding: 0 20px; + border-color: #c6d0dc; + min-height: 46px; + border-radius: 4px; + padding: 0 20px; } .atbds_form-row input:focus, .atbds_form-row textarea:focus { - background-color: #f4f5f7; - color: #868eae; - border-color: #c6d0dc; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + background-color: #f4f5f7; + color: #868eae; + border-color: #c6d0dc; + box-shadow: 0 0; } .atbds_form-row textarea { - padding: 12px 20px; + padding: 12px 20px; } .atbds_form-row label { - display: inline-block; - font-size: 14px; - font-weight: 500; - color: #272b41; - margin-bottom: 8px; + display: inline-block; + font-size: 14px; + font-weight: 500; + color: #272b41; + margin-bottom: 8px; } .atbds_form-row textarea { - min-height: 200px; + min-height: 200px; } -.atbds_customCheckbox input[type=checkbox] { - display: none; +.atbds_customCheckbox input[type="checkbox"] { + display: none; } .atbds_customCheckbox label { - font-size: 15px; - color: #868eae; - display: inline-block !important; - font-size: 14px; -} -.atbds_customCheckbox input[type=checkbox] + label { - min-width: 20px; - min-height: 20px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - padding-left: 38px; - margin-bottom: 0; - line-height: 1.4; - font-weight: 400; - color: #868eae; -} -.atbds_customCheckbox input[type=checkbox] + label:after { - position: absolute; - left: 0; - top: 0; - width: 18px; - height: 18px; - border-radius: 3px; - content: ""; - background-color: #fff; - border-width: 1px; - border-style: solid; - border: 1px solid #c6d0dc; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.atbds_customCheckbox input[type=checkbox] + label:before { - position: absolute; - font-size: 12px; - left: 4px; - top: 2px; - font-weight: 900; - content: "\f00c"; - font-family: "Font Awesome 5 Free"; - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; - color: #3e62f5; -} -.atbds_customCheckbox input[type=checkbox]:checked + label:after { - background-color: #00bc5e; - border: 1px solid #00bc5e; -} -.atbds_customCheckbox input[type=checkbox]:checked + label:before { - opacity: 1; - color: #fff; + font-size: 15px; + color: #868eae; + display: inline-block !important; + font-size: 14px; +} +.atbds_customCheckbox input[type="checkbox"] + label { + min-width: 20px; + min-height: 20px; + font-size: 14px; + display: flex; + flex-flow: column; + position: relative; + padding-left: 38px; + margin-bottom: 0; + line-height: 1.4; + font-weight: 400; + color: #868eae; +} +.atbds_customCheckbox input[type="checkbox"] + label:after { + position: absolute; + left: 0; + top: 0; + width: 18px; + height: 18px; + border-radius: 3px; + content: ""; + background-color: #fff; + border-width: 1px; + border-style: solid; + border: 1px solid #c6d0dc; + transition: 0.3s ease; +} +.atbds_customCheckbox input[type="checkbox"] + label:before { + position: absolute; + font-size: 12px; + left: 4px; + top: 2px; + font-weight: 900; + content: "\f00c"; + font-family: "Font Awesome 5 Free"; + display: block; + opacity: 0; + transition: all 0.3s ease 0s; + z-index: 2; + color: #3e62f5; +} +.atbds_customCheckbox input[type="checkbox"]:checked + label:after { + background-color: #00bc5e; + border: 1px solid #00bc5e; +} +.atbds_customCheckbox input[type="checkbox"]:checked + label:before { + opacity: 1; + color: #fff; } #listing_form_info { - background: none; - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; + background: none; + border: 0 none; + box-shadow: none; } #listing_form_info #directiost-listing-fields_wrapper { - margin-top: 15px !important; + margin-top: 15px !important; } #listing_form_info .atbd_content_module { - border: 1px solid #e3e6ef; - margin-bottom: 35px; - background-color: #ffffff; - text-align: left; - border-radius: 3px; + border: 1px solid #e3e6ef; + margin-bottom: 35px; + background-color: #ffffff; + text-align: left; + border-radius: 3px; } #listing_form_info .atbd_content_module .atbd_content_module_title_area { - border-bottom: 1px solid #e3e6ef; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 20px 30px !important; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + border-bottom: 1px solid #e3e6ef; + display: flex; + justify-content: space-between; + padding: 20px 30px !important; + align-items: center; + flex-wrap: wrap; } #listing_form_info .atbd_content_module .atbd_content_module_title_area h4 { - margin: 0; + margin: 0; } #listing_form_info .atbd_content_module .atbdb_content_module_contents { - padding: 30px; -} -#listing_form_info .atbd_content_module .atbdb_content_module_contents .form-group:last-child { - margin-bottom: 0; -} -#listing_form_info .atbd_content_module .atbdb_content_module_contents #hide_if_no_manual_cor { - margin-top: 15px; -} -#listing_form_info .atbd_content_module .atbdb_content_module_contents .hide-map-option { - margin-top: 15px; -} -#listing_form_info .atbd_content_module .atbdb_content_module_contents .atbdb_content_module_contents { - padding: 0 20px 20px; + padding: 30px; +} +#listing_form_info + .atbd_content_module + .atbdb_content_module_contents + .form-group:last-child { + margin-bottom: 0; +} +#listing_form_info + .atbd_content_module + .atbdb_content_module_contents + #hide_if_no_manual_cor { + margin-top: 15px; +} +#listing_form_info + .atbd_content_module + .atbdb_content_module_contents + .hide-map-option { + margin-top: 15px; +} +#listing_form_info + .atbd_content_module + .atbdb_content_module_contents + .atbdb_content_module_contents { + padding: 0 20px 20px; } #listing_form_info .directorist_loader { - position: absolute; - top: 0; - right: 0%; + position: absolute; + top: 0; + right: 0%; } .atbd-booking-information .atbd_area_title { - padding: 0 20px; + padding: 0 20px; } .wp-list-table .page-title-action { - background-color: #222; - border: 0 none; - border-radius: 3px; - font-size: 11px; - position: relative; - top: 1px; - color: #fff; + background-color: #222; + border: 0 none; + border-radius: 3px; + font-size: 11px; + position: relative; + top: 1px; + color: #fff; } .atbd-listing-type-active-status { - display: inline-block; - color: #00AC17; - margin-left: 10px; + display: inline-block; + color: #00ac17; + margin-left: 10px; } /* atbds SupportForm */ .atbds_supportForm { - padding: 10px 50px 50px 50px; - color: #5a5f7d; + padding: 10px 50px 50px 50px; + color: #5a5f7d; } .atbds_supportForm h1, .atbds_supportForm h2, @@ -2171,5888 +2097,5799 @@ span.atbdp-tick-cross { .atbds_supportForm h4, .atbds_supportForm h5, .atbds_supportForm h6 { - font-size: 20px; - font-weight: 500; - color: #272b41; - margin: 20px 0 15px; + font-size: 20px; + font-weight: 500; + color: #272b41; + margin: 20px 0 15px; } .atbds_supportForm p { - font-size: 15px; - margin-bottom: 35px; + font-size: 15px; + margin-bottom: 35px; } .atbds_supportForm .atbds_customCheckbox { - margin-top: -14px; + margin-top: -14px; } /* atbds remoteViewingForm */ .atbds_remoteViewingForm { - padding: 10px 50px 50px 50px; + padding: 10px 50px 50px 50px; } .atbds_remoteViewingForm p { - font-size: 15px; - line-height: 1.7333; - color: #5a5f7d; + font-size: 15px; + line-height: 1.7333; + color: #5a5f7d; } .atbds_remoteViewingForm .atbds_form-row input { - min-width: 450px; - margin-right: 10px; + min-width: 450px; + margin-right: 10px; } .atbds_remoteViewingForm .atbds_form-row .btn-test { - font-weight: 700; + font-weight: 700; } .atbds_remoteViewingForm .atbds_buttonGroup { - margin-top: -10px; + margin-top: -10px; } .atbds_remoteViewingForm .atbds_buttonGroup .atbds_btn { - padding: 10.5px 33px; + padding: 10.5px 33px; } @media only screen and (max-width: 1599px) { - .atbds_warnings__single { - padding: 30px; - } + .atbds_warnings__single { + padding: 30px; + } } @media only screen and (max-width: 1399px) { - .atbds_warnings .atbds_col-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 47%; - -ms-flex: 0 0 47%; - flex: 0 0 47%; - max-width: 47%; - padding-left: 1.5%; - padding-right: 1.5%; - } + .atbds_warnings .atbds_col-4 { + flex: 0 0 47%; + max-width: 47%; + padding-left: 1.5%; + padding-right: 1.5%; + } } @media only screen and (max-width: 1024px) { - .atbds_warnings .atbds_row { - margin: 0px; - } - .atbds_warnings .atbds_col-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - max-width: 100%; - padding-left: 0; - padding-right: 0; - } + .atbds_warnings .atbds_row { + margin: 0px; + } + .atbds_warnings .atbds_col-4 { + flex: 0 0 100%; + max-width: 100%; + padding-left: 0; + padding-right: 0; + } } @media only screen and (max-width: 1120px) { - .atbds_remoteViewingForm .atbds_form-row input { - min-width: 300px; - } + .atbds_remoteViewingForm .atbds_form-row input { + min-width: 300px; + } } @media only screen and (max-width: 850px) { - .atbds_wrapper { - padding: 30px; - } - .atbds_wrapper .atbds_row { - margin: 0px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - } - .atbds_wrapper .atbds_row .atbds_col-left { - margin-right: 0; - } - .atbds_wrapper .atbds_row .atbds_sidebar.pl-30 { - padding-left: 0; - } - .atbds_wrapper .atbds_row .atbds_sidebar #atbds_status-tab { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } - .atbds_remoteViewingForm .atbds_form-row input { - min-width: 100%; - margin-bottom: 15px; - } - .table-responsive { - width: 100%; - display: block; - overflow-x: auto; - } + .atbds_wrapper { + padding: 30px; + } + .atbds_wrapper .atbds_row { + margin: 0px; + flex-flow: column; + } + .atbds_wrapper .atbds_row .atbds_col-left { + margin-right: 0; + } + .atbds_wrapper .atbds_row .atbds_sidebar.pl-30 { + padding-left: 0; + } + .atbds_wrapper .atbds_row .atbds_sidebar #atbds_status-tab { + display: flex; + flex-wrap: wrap; + } + .atbds_remoteViewingForm .atbds_form-row input { + min-width: 100%; + margin-bottom: 15px; + } + .table-responsive { + width: 100%; + display: block; + overflow-x: auto; + } } @media only screen and (max-width: 764px) { - .atbds_warnings__single { - padding: 15px; - } - .atbds_supportForm { - padding: 10px 25px 25px 25px; - } - .atbds_customCheckbox input[type=checkbox] + label { - padding-left: 28px; - } + .atbds_warnings__single { + padding: 15px; + } + .atbds_supportForm { + padding: 10px 25px 25px 25px; + } + .atbds_customCheckbox input[type="checkbox"] + label { + padding-left: 28px; + } } #atbdp-send-system-info .system_info_success { - color: #00AC17; + color: #00ac17; } #atbds_r-viewing #atbdp-remote-response { - padding: 20px 50px 0; - color: #00AC17; + padding: 20px 50px 0; + color: #00ac17; } #atbds_r-viewing .atbds_form-row .button-secondary { - padding: 8px 33px; - text-decoration: none; - border-color: #3e62f5; - color: #3e62f5; - background-color: #fff; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + padding: 8px 33px; + text-decoration: none; + border-color: #3e62f5; + color: #3e62f5; + background-color: #fff; + transition: 0.3s ease; } #atbds_r-viewing .atbds_form-row .button-secondary:hover { - background-color: #3e62f5; - color: #fff; + background-color: #3e62f5; + color: #fff; } .vp-wrap .vp-menus ul.vp-menu-level-2 > li a i.fa, .fa { - font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; + font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; } .atbdb_content_module_contents .ez-media-uploader { - text-align: center; + text-align: center; } .add_listing_form_wrapper .upload-header, .add_listing_form_wrapper #listing_image_btn, .add_listing_form_wrapper #delete-custom-img { - font-size: 15px; - padding: 0 15.8px !important; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - line-height: 38px; - border-radius: 4px; - text-decoration: none; - color: #fff; + font-size: 15px; + padding: 0 15.8px !important; + display: inline-flex; + align-items: center; + line-height: 38px; + border-radius: 4px; + text-decoration: none; + color: #fff; } .add_listing_form_wrapper .listing-img-container { - margin: 40px 0 20px; - margin: -10px; - text-align: center; + margin: 40px 0 20px; + margin: -10px; + text-align: center; } .add_listing_form_wrapper .listing-img-container .single_attachment { - display: inline-block; - margin: 10px; - position: relative; -} -.add_listing_form_wrapper .listing-img-container .single_attachment .remove_image { - position: absolute; - top: -5px; - right: -5px; - background-color: #d3d1ec; - line-height: 26px; - width: 26px; - border-radius: 50%; - -webkit-transition: 0.2s; - transition: 0.2s; - cursor: pointer; - color: #ffffff; + display: inline-block; + margin: 10px; + position: relative; +} +.add_listing_form_wrapper + .listing-img-container + .single_attachment + .remove_image { + position: absolute; + top: -5px; + right: -5px; + background-color: #d3d1ec; + line-height: 26px; + width: 26px; + border-radius: 50%; + -webkit-transition: 0.2s; + -moz-transition: 0.2s; + -ms-transition: 0.2s; + -o-transition: 0.2s; + transition: 0.2s; + cursor: pointer; + color: #ffffff; } .add_listing_form_wrapper .listing-img-container img { - max-width: 100px; - height: 65px !important; + max-width: 100px; + height: 65px !important; } .add_listing_form_wrapper .listing-img-container p { - font-size: 14px; + font-size: 14px; } .add_listing_form_wrapper .directorist-hide-if-no-js { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + justify-content: center; } .add_listing_form_wrapper #listing_image_btn .dashicons-format-image { - margin-right: 6px; + margin-right: 6px; } .add_listing_form_wrapper #delete-custom-img { - margin-left: 5px; - background-color: #EF0000; + margin-left: 5px; + background-color: #ef0000; } .add_listing_form_wrapper #delete-custom-img.hidden { - display: none; + display: none; } #announcment_submit .vp-input ~ span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: #007cba; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0 15px; - border-radius: 3px; - color: #fff; - background-image: none; - width: auto; - cursor: pointer; + display: flex; + background-color: #007cba; + align-items: center; + justify-content: center; + padding: 0 15px; + border-radius: 3px; + color: #fff; + background-image: none; + width: auto; + cursor: pointer; } #announcment_submit .vp-input ~ span:after { - content: "Send"; + content: "Send"; } /* Announcment */ /* ----------------------------- */ #announcement_submit .vp-input ~ span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: #007cba; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0 15px; - border-radius: 3px; - color: #fff; - background-image: none; - width: 80px; - cursor: pointer; + display: flex; + background-color: #007cba; + align-items: center; + justify-content: center; + padding: 0 15px; + border-radius: 3px; + color: #fff; + background-image: none; + width: 80px; + cursor: pointer; } #announcement_submit .vp-input ~ span:after { - content: "Send"; + content: "Send"; } #announcement_submit .label { - visibility: hidden; + visibility: hidden; } .announcement-feedback { - margin-bottom: 15px; + margin-bottom: 15px; } /* --------------[ Announcment End ]--------------- */ /* Section */ .atbdp-section { - display: block; + display: block; } .atbdp-section-toggle, .atbdp-accordion-toggle { - cursor: pointer; + cursor: pointer; } .atbdp-section-header { - display: block; + display: block; } #directorist.atbd_wrapper h3.atbdp-section-title { - margin-bottom: 25px; + margin-bottom: 25px; } .atbdp-section-content { - padding: 10px; - background-color: #fff; + padding: 10px; + background-color: #fff; } .atbdp-state-section-content { - margin-bottom: 20px; - padding: 25px 30px; + margin-bottom: 20px; + padding: 25px 30px; } .atbdp-state-vertical { - padding: 8px 20px; + padding: 8px 20px; } .atbdp-themes-extension-license-activation-content { - padding: 0; - background-color: transparent; + padding: 0; + background-color: transparent; } /* Accordion */ .atbdp-license-accordion { - margin: 30px 0; + margin: 30px 0; } .atbdp-accordion-content { - display: none; - padding: 10px; - background-color: #fff; + display: none; + padding: 10px; + background-color: #fff; } /* Card */ .atbdp-card-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 0 -15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + margin: 0 -15px; + flex-wrap: wrap; } .atbdp-card-list__item { - margin-bottom: 10px; - width: 100%; - max-width: 300px; - padding: 0 15px; + margin-bottom: 10px; + width: 100%; + max-width: 300px; + padding: 0 15px; } .atbdp-card { - display: block; - background-color: #fff; - -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); - padding: 20px; - text-align: center; + display: block; + background-color: #fff; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); + padding: 20px; + text-align: center; } .atbdp-card-header { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .atbdp-card-body { - display: block; + display: block; } #directorist.atbd_wrapper .atbdp-card-title, .atbdp-card-title { - font-size: 19px; + font-size: 19px; } .atbdp-card-icon { - display: block; - font-size: 60px; + display: block; + font-size: 60px; } .atbdp-card-icon { - display: block; + display: block; } /* Form */ .atbdp-centered-box { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - min-height: calc(100vh - 50px); + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + min-height: calc(100vh - 50px); } .atbdp-form-container { - margin: 0 auto; - width: 100%; - max-width: 400px; - padding: 20px; - border-radius: 4px; - -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); - background-color: #fff; + margin: 0 auto; + width: 100%; + max-width: 400px; + padding: 20px; + border-radius: 4px; + box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); + background-color: #fff; } .atbdp-license-form-container { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .atbdp-form-page { - width: 100%; + width: 100%; } .atbdp-form-response-page { - width: 100%; + width: 100%; } .atbdp-checklist-section { - margin-top: 30px; - text-align: left; + margin-top: 30px; + text-align: left; } .atbdp-form-header { - display: block; + display: block; } .atbdp-form-body { - display: block; + display: block; } .atbdp-form-footer { - display: block; - text-align: center; + display: block; + text-align: center; } .atbdp-form-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .atbdp-form-group label { - display: block; - margin-bottom: 5px; - font-weight: bold; + display: block; + margin-bottom: 5px; + font-weight: bold; } input.atbdp-form-control { - display: block; - width: 100%; - border: none; - height: 40px; - border-radius: 4px; - border: 0 none; - padding: 0 15px; - background-color: #f4f5f7; + display: block; + width: 100%; + border: none; + height: 40px; + border-radius: 4px; + border: 0 none; + padding: 0 15px; + background-color: #f4f5f7; } .atbdp-form-feedback { - margin: 10px 0; + margin: 10px 0; } .atbdp-form-feedback span { - display: inline-block; - margin-left: 10px; + display: inline-block; + margin-left: 10px; } .et-auth-section-wrap { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + align-items: center; } .et-auth-section-wrap .atbdp-input-group-wrap { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + align-items: center; } .et-auth-section-wrap .atbdp-input-group-wrap .atbdp-form-control { - min-width: 140px; + min-width: 140px; } .et-auth-section-wrap .atbdp-input-group-append { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + align-items: center; } .atbdp-form-actions { - margin: 30px 0; - text-align: center; + margin: 30px 0; + text-align: center; } .atbdp-icon { - display: inline-block; + display: inline-block; } .atbdp-icon-large { - display: block; - margin-bottom: 20px; - font-size: 45px; - text-align: center; + display: block; + margin-bottom: 20px; + font-size: 45px; + text-align: center; } .atbdp-form-alert { - padding: 8px 15px; - border-radius: 4px; - margin-bottom: 5px; - text-align: center; - color: #2b2b2b; - background: f2f2f2; + padding: 8px 15px; + border-radius: 4px; + margin-bottom: 5px; + text-align: center; + color: #2b2b2b; + background: f2f2f2; } .atbdp-form-alert a { - color: rgba(255, 255, 255, 0.5); + color: rgba(255, 255, 255, 0.5); } .atbdp-form-alert a:hover { - color: rgba(255, 255, 255, 0.8); + color: rgba(255, 255, 255, 0.8); } .atbdp-form-alert-success { - color: #fff; - background-color: #53b732; + color: #fff; + background-color: #53b732; } .atbdp-form-alert-danger, .atbdp-form-alert-error { - color: #fff; - background-color: #ff4343; + color: #fff; + background-color: #ff4343; } .atbdp-btn { - padding: 8px 20px; - border: none; - border-radius: 3px; - min-height: 40px; - cursor: pointer; + padding: 8px 20px; + border: none; + border-radius: 3px; + min-height: 40px; + cursor: pointer; } .atbdp-btn-primary { - color: #fff; - background-color: #6495ed; + color: #fff; + background-color: #6495ed; } /* Utility */ .purchase-refresh-btn-wrapper { - overflow: hidden; + overflow: hidden; } .atbdp-action-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .atbdp-hide { - width: 0; - overflow: hidden; + width: 0; + overflow: hidden; } .atbdp-d-none { - display: none; + display: none; } .atbdp-px-5 { - padding: 0 5px !important; + padding: 0 5px !important; } .atbdp-mx-5 { - margin: 0 5px !important; + margin: 0 5px !important; } .atbdp-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .atbdp-text-center { - text-align: center; + text-align: center; } .atbdp-text-success { - color: #0fb73b; + color: #0fb73b; } .atbdp-text-danger { - color: #c81d1d; + color: #c81d1d; } .atbdp-text-muted { - color: gray; + color: gray; } /* Tab Contents */ .atbdp-tab-nav-area { - display: block; + display: block; } .atbdp-tab-nav-menu { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0 10px; - border-bottom: 1px solid #ccc; + display: flex; + flex-wrap: wrap; + padding: 0 10px; + border-bottom: 1px solid #ccc; } .atbdp-tab-nav-menu__item { - display: block; - position: relative; - margin: 0 5px; - font-weight: 600; - color: #555; - border: 1px solid #ccc; - border-bottom: none; + display: block; + position: relative; + margin: 0 5px; + font-weight: 600; + color: #555; + border: 1px solid #ccc; + border-bottom: none; } .atbdp-tab-nav-menu__item.active { - bottom: -1px; + bottom: -1px; } .atbdp-tab-nav-menu__link { - display: block; - padding: 10px 15px; - text-decoration: none; - color: #555; - background-color: #e5e5e5; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: block; + padding: 10px 15px; + text-decoration: none; + color: #555; + background-color: #e5e5e5; + transition: all ease-in-out 300ms; } .atbdp-tab-nav-menu__item.active .atbdp-tab-nav-menu__link { - background-color: #f1f1f1; + background-color: #f1f1f1; } .atbdp-tab-nav-menu__link:hover { - color: #555; - background-color: #fff; + color: #555; + background-color: #fff; } .atbdp-tab-nav-menu__link:active, .atbdp-tab-nav-menu__link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + box-shadow: none; } .atbdp-tab-nav-menu__item.active .atbdp-tab-nav-menu__link { - display: block; + display: block; } .atbdp-tab-content-area { - display: block; + display: block; } .atbdp-tab-content { - display: none; + display: none; } .atbdp-tab-content.active { - display: block; + display: block; } /* atbdp-counter-list */ #directorist.atbd_wrapper ul.atbdp-counter-list { - padding: 0; - margin: 0 -20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding: 0; + margin: 0 -20px; + box-sizing: border-box; } .atbdp-counter-list__item { - display: inline-block; - list-style: none; - padding: 0 20px; + display: inline-block; + list-style: none; + padding: 0 20px; } .atbdp-counter-list__number { - display: block; - font-size: 30px; - line-height: normal; - margin-bottom: 5px; - font-weight: 500; + display: block; + font-size: 30px; + line-height: normal; + margin-bottom: 5px; + font-weight: 500; } .atbdp-counter-list__label { - display: block; - font-weight: 500; + display: block; + font-weight: 500; } .atbdp-counter-list__actions { - display: block; + display: block; } .atbdp-counter-list-vertical { - display: block; + display: block; } .atbdp-counter-list-vertical .atbdp-counter-list__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + align-items: center; } @media only screen and (max-width: 475px) { - .atbdp-counter-list-vertical .atbdp-counter-list__item { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } - .atbdp-counter-list-vertical .atbdp-counter-list__item .atbdp-counter-list__actions { - margin-left: 0 !important; - } + .atbdp-counter-list-vertical .atbdp-counter-list__item { + flex-direction: column; + align-items: flex-start; + } + .atbdp-counter-list-vertical + .atbdp-counter-list__item + .atbdp-counter-list__actions { + margin-left: 0 !important; + } } .atbdp-counter-list-vertical .atbdp-counter-list__number { - margin-right: 10px; + margin-right: 10px; } .atbdp-counter-list-vertical .atbdp-counter-list__actions { - margin-left: auto; + margin-left: auto; } .et-contents__tab-item { - display: none; + display: none; } .et-contents__tab-item .theme-card-wrapper .theme-card { - width: 100%; + width: 100%; } .et-contents__tab-item.active { - display: block; + display: block; } .et-wrapper { - background-color: #fff; - border-radius: 4px; + background-color: #fff; + border-radius: 4px; } .et-wrapper .et-wrapper-head { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 15px 30px; - border-bottom: 1px solid #f1f2f6; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + padding: 15px 30px; + border-bottom: 1px solid #f1f2f6; } .et-wrapper .et-wrapper-head h3 { - font-size: 16px !important; - font-weight: 600; - margin: 0 !important; + font-size: 16px !important; + font-weight: 600; + margin: 0 !important; } .et-wrapper .et-wrapper-head .et-search { - position: relative; + position: relative; } .et-wrapper .et-wrapper-head .et-search input { - background-color: #f4f5f7; - height: 40px; - border-radius: 4px; - border: 0 none; - padding: 0 15px 0 40px; - min-width: 300px; + background-color: #f4f5f7; + height: 40px; + border-radius: 4px; + border: 0 none; + padding: 0 15px 0 40px; + min-width: 300px; } .et-wrapper .et-wrapper-head .et-search span { - position: absolute; - left: 15px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 16px; + position: absolute; + left: 15px; + top: 50%; + transform: translateY(-50%); + font-size: 16px; } .et-wrapper .et-contents .ext-table-responsive { - display: block; - width: 100%; - overflow-x: auto; - overflow-y: hidden; - padding-bottom: 30px; - border-bottom: 1px solid #f1f2f6; + display: block; + width: 100%; + overflow-x: auto; + overflow-y: hidden; + padding-bottom: 30px; + border-bottom: 1px solid #f1f2f6; } .et-wrapper .et-contents .ext-table-responsive table tr td .extension-name { - min-width: 400px; -} -.et-wrapper .et-contents .ext-table-responsive table tr td.directorist_status-badge { - min-width: 60px; -} -.et-wrapper .et-contents .ext-table-responsive table tr td.directorist_ext-update { - min-width: 70px; -} -.et-wrapper .et-contents .ext-table-responsive table tr td.directorist_ext-update p { - margin-top: 0; + min-width: 400px; +} +.et-wrapper + .et-contents + .ext-table-responsive + table + tr + td.directorist_status-badge { + min-width: 60px; +} +.et-wrapper + .et-contents + .ext-table-responsive + table + tr + td.directorist_ext-update { + min-width: 70px; +} +.et-wrapper + .et-contents + .ext-table-responsive + table + tr + td.directorist_ext-update + p { + margin-top: 0; } .et-wrapper .et-contents .ext-table-responsive table tr td.ext-action { - min-width: 180px; + min-width: 180px; } .et-wrapper .et-contents .ext-table-responsive table tr td.ext-info { - min-width: 120px; + min-width: 120px; } .et-wrapper .et-contents .ext-available:last-child .ext-table-responsive { - border-bottom: 0 none; - padding-bottom: 0; + border-bottom: 0 none; + padding-bottom: 0; } .et-wrapper .et-contents__tab-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0 18px; - border-bottom: 1px solid #e3e6ef; + display: flex; + align-items: center; + padding: 0 18px; + border-bottom: 1px solid #e3e6ef; } .et-wrapper .et-contents__tab-nav li { - margin: 0 12px; + margin: 0 12px; } .et-wrapper .et-contents__tab-nav li a { - padding: 25px 0; - position: relative; - display: block; - font-size: 15px; - font-weight: 500; - color: #868eae !important; + padding: 25px 0; + position: relative; + display: block; + font-size: 15px; + font-weight: 500; + color: #868eae !important; } .et-wrapper .et-contents__tab-nav li a:before { - position: absolute; - content: ""; - width: 100%; - height: 2px; - background: transparent; - bottom: -1px; - left: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + position: absolute; + content: ""; + width: 100%; + height: 2px; + background: transparent; + bottom: -1px; + left: 0; + transition: 0.3s ease; } .et-wrapper .et-contents__tab-nav li.active a { - color: #3e62f5 !important; - font-weight: 600; + color: #3e62f5 !important; + font-weight: 600; } .et-wrapper .et-contents__tab-nav li.active a:before { - background-color: #3e62f5; + background-color: #3e62f5; } .et-wrapper .et-contents .ext-wrapper h4 { - font-size: 15px !important; - font-weight: 500; - padding: 0 30px; + font-size: 15px !important; + font-weight: 500; + padding: 0 30px; } .et-wrapper .et-contents .ext-wrapper h4.req-ext-title { - margin-bottom: 10px; + margin-bottom: 10px; } .et-wrapper .et-contents .ext-wrapper span.ext-short-desc { - padding: 0 30px; - display: block; - margin-bottom: 20px; + padding: 0 30px; + display: block; + margin-bottom: 20px; } .et-wrapper .et-contents .ext-wrapper .ext-installed__table { - padding: 0 15px 25px; + padding: 0 15px 25px; } .et-wrapper .et-contents .ext-wrapper table { - width: 100%; + width: 100%; } .et-wrapper .et-contents .ext-wrapper table thead { - background-color: #f8f9fb; - width: 100%; - border-radius: 6px; + background-color: #f8f9fb; + width: 100%; + border-radius: 6px; } .et-wrapper .et-contents .ext-wrapper table thead th { - padding: 10px 15px; + padding: 10px 15px; } .et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + align-items: center; } .et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper .ei-select-all { - margin-right: 20px; -} -.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper .ei-select-all .directorist-checkbox__label { - min-height: 18px; - margin-bottom: 0 !important; -} -.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper .ei-action-dropdown { - margin-right: 8px; -} -.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper .ei-action-dropdown select { - border: 1px solid #e3e6ef !important; - border-radius: 4px; - height: 30px !important; - min-width: 130px; + margin-right: 20px; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + .ei-select-all + .directorist-checkbox__label { + min-height: 18px; + margin-bottom: 0 !important; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + .ei-action-dropdown { + margin-right: 8px; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + .ei-action-dropdown + select { + border: 1px solid #e3e6ef !important; + border-radius: 4px; + height: 30px !important; + min-width: 130px; } .et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper .ei-action-btn, -.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper button.ei-action-btn { - background-color: #c6d0dc !important; - border-radius: 4px; - color: #fff !important; - line-height: 30px; - padding: 0 15px !important; -} -.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper button.ei-action-btn { - padding: 6px 15px; - border: none; - border-radius: 4px !important; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper button.ei-action-btn:active, .et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper button.ei-action-btn:focus { - outline: none !important; -} -.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper button.ei-action-btn.ei-action-active { - background-color: #3e62f5 !important; +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + button.ei-action-btn { + background-color: #c6d0dc !important; + border-radius: 4px; + color: #fff !important; + line-height: 30px; + padding: 0 15px !important; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + button.ei-action-btn { + padding: 6px 15px; + border: none; + border-radius: 4px !important; + cursor: pointer; + transition: 0.3s ease; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + button.ei-action-btn:active, +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + button.ei-action-btn:focus { + outline: none !important; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + button.ei-action-btn.ei-action-active { + background-color: #3e62f5 !important; } .et-wrapper .et-contents .ext-wrapper table .extension-name { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 12px 15px; - min-width: 300px; -} -.et-wrapper .et-contents .ext-wrapper table .extension-name .directorist-checkbox .directorist-checkbox__label { - padding-left: 30px; + display: flex; + align-items: center; + padding: 12px 15px; + min-width: 300px; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .extension-name + .directorist-checkbox + .directorist-checkbox__label { + padding-left: 30px; } .et-wrapper .et-contents .ext-wrapper table .extension-name input { - margin-right: 20px !important; -} -.et-wrapper .et-contents .ext-wrapper table .extension-name .directorist-checkbox__label { - display: -webkit-inline-box !important; - display: -webkit-inline-flex !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.et-wrapper .et-contents .ext-wrapper table .extension-name .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after { - top: 12px; -} -.et-wrapper .et-contents .ext-wrapper table .extension-name .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before { - top: 16px !important; + margin-right: 20px !important; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .extension-name + .directorist-checkbox__label { + display: inline-flex !important; + flex-direction: row; + align-items: center; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .extension-name + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after { + top: 12px; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .extension-name + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + top: 16px !important; } .et-wrapper .et-contents .ext-wrapper table .extension-name label { - margin-bottom: 0 !important; - display: -webkit-inline-box !important; - display: -webkit-inline-flex !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + margin-bottom: 0 !important; + display: inline-flex !important; + align-items: center; } .et-wrapper .et-contents .ext-wrapper table .extension-name label img { - display: inline-block; - margin-right: 15px; - border-radius: 6px; + display: inline-block; + margin-right: 15px; + border-radius: 6px; } .et-wrapper .et-contents .ext-wrapper table .extension-name label .ext-version { - color: #868eae; - font-size: 11px; - font-weight: 600; - display: inline-block; - margin-left: 10px; + color: #868eae; + font-size: 11px; + font-weight: 600; + display: inline-block; + margin-left: 10px; } .et-wrapper .et-contents .ext-wrapper table .active-badge { - display: inline-block; - font-size: 11px; - font-weight: 600; - color: #fff; - background-color: #00b158; - line-height: 22px; - padding: 0 10px; - border-radius: 25px; + display: inline-block; + font-size: 11px; + font-weight: 600; + color: #fff; + background-color: #00b158; + line-height: 22px; + padding: 0 10px; + border-radius: 25px; } .et-wrapper .et-contents .ext-wrapper table .ext-update-info { - margin-bottom: 0 !important; - position: relative; - padding-left: 20px; - font-size: 13px; + margin-bottom: 0 !important; + position: relative; + padding-left: 20px; + font-size: 13px; } .et-wrapper .et-contents .ext-wrapper table .ext-update-info:before { - position: absolute; - content: ""; - width: 8px; - height: 8px; - border-radius: 50%; - background-color: #2c99ff; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + content: ""; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: #2c99ff; + left: 0; + top: 50%; + transform: translateY(-50%); } .et-wrapper .et-contents .ext-wrapper table .ext-update-info span { - color: #2c99ff; - display: inline-block; - margin-left: 10px; - border-bottom: 1px dashed #2c99ff; - cursor: pointer; -} -.et-wrapper .et-contents .ext-wrapper table .ext-update-info.ext-updated:before { - background-color: #00b158; + color: #2c99ff; + display: inline-block; + margin-left: 10px; + border-bottom: 1px dashed #2c99ff; + cursor: pointer; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ext-update-info.ext-updated:before { + background-color: #00b158; } .et-wrapper .et-contents .ext-wrapper table .ext-action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 0 0 -8px; - min-width: 170px; + display: flex; + align-items: center; + justify-content: flex-end; + flex-wrap: wrap; + margin: 0 0 0 -8px; + min-width: 170px; } .et-wrapper .et-contents .ext-wrapper table .ext-action .ext-action-drop { - margin-left: 17px; - display: inline-block; - position: relative; - font-size: 18px; - line-height: 34px; - border-radius: 4px; - padding: 0 8px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - outline: 0; + margin-left: 17px; + display: inline-block; + position: relative; + font-size: 18px; + line-height: 34px; + border-radius: 4px; + padding: 0 8px; + transition: 0.3s ease; + outline: 0; } @media only screen and (max-width: 767px) { - .et-wrapper .et-contents .ext-wrapper table .ext-action .ext-action-drop { - margin-left: 6px; - } -} -.et-wrapper .et-contents .ext-wrapper table .ext-action .ext-action-drop.active { - background-color: #f4f5f7 !important; + .et-wrapper .et-contents .ext-wrapper table .ext-action .ext-action-drop { + margin-left: 6px; + } +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ext-action + .ext-action-drop.active { + background-color: #f4f5f7 !important; } .et-wrapper .et-contents .ext-wrapper table .ext-action div { - position: relative; -} -.et-wrapper .et-contents .ext-wrapper table .ext-action div .ext-action-drop__item { - position: absolute; - right: 0; - top: 37px; - border: 1px solid #f1f2f6; - border-radius: 4px; - min-width: 140px; - -webkit-box-shadow: 0 5px 10px rgba(161, 168, 198, 0.2); - box-shadow: 0 5px 10px rgba(161, 168, 198, 0.2); - background-color: #fff; - z-index: 1; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.et-wrapper .et-contents .ext-wrapper table .ext-action div .ext-action-drop__item a { - line-height: 40px; - display: block; - padding: 0 20px; - font-size: 14px; - font-weight: 500; - color: #ff272a !important; -} -.et-wrapper .et-contents .ext-wrapper table .ext-action .ext-action-drop.active + .ext-action-drop__item { - visibility: visible; - opacity: 1; - pointer-events: all; + position: relative; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ext-action + div + .ext-action-drop__item { + position: absolute; + right: 0; + top: 37px; + border: 1px solid #f1f2f6; + border-radius: 4px; + min-width: 140px; + box-shadow: 0 5px 10px rgba(161, 168, 198, 0.2); + background-color: #fff; + z-index: 1; + visibility: hidden; + opacity: 0; + pointer-events: none; + transition: 0.3s ease; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ext-action + div + .ext-action-drop__item + a { + line-height: 40px; + display: block; + padding: 0 20px; + font-size: 14px; + font-weight: 500; + color: #ff272a !important; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ext-action + .ext-action-drop.active + + .ext-action-drop__item { + visibility: visible; + opacity: 1; + pointer-events: all; } .et-wrapper .et-contents .ext-wrapper .ext-installed-table { - padding: 15px 15px 0 15px; - margin-bottom: 30px; + padding: 15px 15px 0 15px; + margin-bottom: 30px; } .et-wrapper .et-contents .ext-wrapper .ext-available-table { - padding: 15px; + padding: 15px; } .et-wrapper .et-contents .ext-wrapper .ext-available-table h4 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .et-header-title-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + align-items: center; } @media only screen and (max-width: 660px) { - .et-header-title-area { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } + .et-header-title-area { + flex-flow: column; + align-items: flex-start; + } } .et-header-actions { - margin: 0 10px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + margin: 0 10px; + display: inline-flex; + align-items: center; + flex-wrap: wrap; } @media only screen and (max-width: 660px) { - .et-header-actions { - margin: 10px -6px -6px; - } - .et-header-actions .atbdp-action-group { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } - .et-header-actions .atbdp-action-group .purchase-refresh-btn-wrapper { - margin-bottom: 10px; - } + .et-header-actions { + margin: 10px -6px -6px; + } + .et-header-actions .atbdp-action-group { + flex-direction: column; + } + .et-header-actions .atbdp-action-group .purchase-refresh-btn-wrapper { + margin-bottom: 10px; + } } .et-auth-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow: hidden; + display: flex; + flex-wrap: nowrap; + overflow: hidden; } .et-auth-section-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 1px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow: hidden; + display: flex; + padding: 1px; + flex-grow: 1; + flex-wrap: nowrap; + overflow: hidden; } .atbdp-input-group-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .atbdp-input-group-append { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } #directorist.atbd_wrapper .ext-action-btn { - display: inline-block; - line-height: 34px; - background-color: #f4f5f7 !important; - padding: 0 20px; - border-radius: 25px; - margin: 0 8px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - font-size: 14px !important; - font-weight: 500; - white-space: nowrap; + display: inline-block; + line-height: 34px; + background-color: #f4f5f7 !important; + padding: 0 20px; + border-radius: 25px; + margin: 0 8px; + transition: 0.3s ease; + font-size: 14px !important; + font-weight: 500; + white-space: nowrap; } #directorist.atbd_wrapper .ext-action-btn:hover { - background-color: #3e62f5 !important; - color: #fff !important; + background-color: #3e62f5 !important; + color: #fff !important; } #directorist.atbd_wrapper .ext-action-btn.ext-install-btn { - background-color: #3e62f5 !important; - color: #fff !important; + background-color: #3e62f5 !important; + color: #fff !important; } .et-tab { - display: none; + display: none; } .et-tab-active { - display: block; + display: block; } /* theme card */ .theme-card-wrapper { - padding: 20px 30px 50px; + padding: 20px 30px 50px; } .theme-card { - background-color: #fff; - -webkit-box-shadow: 0 5px 20px rgba(173, 180, 210, 0.3); - box-shadow: 0 5px 20px rgba(173, 180, 210, 0.3); - width: 400px; - max-width: 400px; - border-radius: 6px; + background-color: #fff; + box-shadow: 0 5px 20px rgba(173, 180, 210, 0.3); + width: 400px; + max-width: 400px; + border-radius: 6px; } .theme-card figure { - padding: 25px 25px 20px; - margin-bottom: 0 !important; + padding: 25px 25px 20px; + margin-bottom: 0 !important; } .theme-card figure img { - width: 100%; - display: block; - border-radius: 6px; - -webkit-box-shadow: 0 5px 10px rgba(173, 180, 210, 0.2); - box-shadow: 0 5px 10px rgba(173, 180, 210, 0.2); + width: 100%; + display: block; + border-radius: 6px; + box-shadow: 0 5px 10px rgba(173, 180, 210, 0.2); } .theme-card figure figcaption .theme-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - margin: 20px 0; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + margin: 20px 0; } .theme-card figure figcaption .theme-title h5 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .theme-card figure figcaption .theme-action { - margin: -8px -6px; + margin: -8px -6px; } .theme-card figure figcaption .theme-action .theme-action-btn { - border-radius: 20px; - background-color: #f4f5f7 !important; - font-size: 14px; - font-weight: 500; - line-height: 40px; - padding: 0 20px; - color: #272b41; - display: inline-block; - margin: 8px 6px; + border-radius: 20px; + background-color: #f4f5f7 !important; + font-size: 14px; + font-weight: 500; + line-height: 40px; + padding: 0 20px; + color: #272b41; + display: inline-block; + margin: 8px 6px; } .theme-card figure figcaption .theme-action .theme-action-btn.btn-customize { - color: #fff !important; - background-color: #3e62f5 !important; + color: #fff !important; + background-color: #3e62f5 !important; } .theme-card__footer { - border-top: 1px solid #EFF1F6; - padding: 20px 25px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + border-top: 1px solid #eff1f6; + padding: 20px 25px; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; } .theme-card__footer p { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .theme-card__footer .theme-update { - position: relative; - padding-left: 16px; - font-size: 13px; - color: #5a5f7d !important; + position: relative; + padding-left: 16px; + font-size: 13px; + color: #5a5f7d !important; } .theme-card__footer .theme-update:before { - position: absolute; - content: ""; - width: 8px; - height: 8px; - background-color: #2c99ff; - border-radius: 50%; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + content: ""; + width: 8px; + height: 8px; + background-color: #2c99ff; + border-radius: 50%; + left: 0; + top: 50%; + transform: translateY(-50%); } .theme-card__footer .theme-update .whats-new { - display: inline-block; - color: #2c99ff !important; - border-bottom: 1px dashed #2c99ff; - margin-left: 10px; - cursor: pointer; + display: inline-block; + color: #2c99ff !important; + border-bottom: 1px dashed #2c99ff; + margin-left: 10px; + cursor: pointer; } .theme-card__footer .theme-update-btn { - display: inline-block; - line-height: 34px; - font-size: 13px; - font-weight: 500; - color: #fff !important; - background-color: #3e62f5 !important; - border-radius: 20px; - padding: 0 20px; + display: inline-block; + line-height: 34px; + font-size: 13px; + font-weight: 500; + color: #fff !important; + background-color: #3e62f5 !important; + border-radius: 20px; + padding: 0 20px; } .available-themes-wrapper .available-themes { - padding: 12px 30px 30px 30px; - margin: -15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 12px 30px 30px 30px; + margin: -15px; + display: flex; + align-items: center; + flex-wrap: wrap; } .available-themes-wrapper .available-themes .available-theme-card figure { - margin: 0; + margin: 0; } .available-themes-wrapper .available-theme-card { - max-width: 400px; - background-color: #f4f5f7; - border-radius: 6px; - padding: 25px; - margin: 15px; + max-width: 400px; + background-color: #f4f5f7; + border-radius: 6px; + padding: 25px; + margin: 15px; } .available-themes-wrapper .available-theme-card img { - width: 100%; + width: 100%; } .available-themes-wrapper figure { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .available-themes-wrapper figure img { - border-radius: 6px; - border-radius: 0 5px 10px rgba(173, 180, 210, 0.2); + border-radius: 6px; + border-radius: 0 5px 10px rgba(173, 180, 210, 0.2); } .available-themes-wrapper figure h5 { - margin: 20px 0 !important; - font-size: 20px; - font-weight: 500; - color: #272b41 !important; + margin: 20px 0 !important; + font-size: 20px; + font-weight: 500; + color: #272b41 !important; } .available-themes-wrapper figure .theme-action { - margin: -8px -6px; + margin: -8px -6px; } .available-themes-wrapper figure .theme-action .theme-action-btn { - line-height: 40px; - display: inline-block; - padding: 0 20px; - border-radius: 20px; - color: #272b41 !important; - -webkit-box-shadow: 0 5px 10px rgba(134, 142, 174, 0.05); - box-shadow: 0 5px 10px rgba(134, 142, 174, 0.05); - background-color: #fff !important; - font-weight: 500; - font-size: 14px; - margin: 8px 6px; -} -.available-themes-wrapper figure .theme-action .theme-action-btn.theme-activate-btn { - background-color: #3e62f5 !important; - color: #fff !important; + line-height: 40px; + display: inline-block; + padding: 0 20px; + border-radius: 20px; + color: #272b41 !important; + box-shadow: 0 5px 10px rgba(134, 142, 174, 0.05); + background-color: #fff !important; + font-weight: 500; + font-size: 14px; + margin: 8px 6px; +} +.available-themes-wrapper + figure + .theme-action + .theme-action-btn.theme-activate-btn { + background-color: #3e62f5 !important; + color: #fff !important; } #directorist.atbd_wrapper .account-connect { - padding: 30px 50px; - background-color: #fff; - border-radius: 6px; - -webkit-box-shadow: 0 5px 20px rgba(173, 180, 210, 0.05); - box-shadow: 0 5px 20px rgba(173, 180, 210, 0.05); - width: 670px; - margin: 0 auto 30px; - text-align: center; + padding: 30px 50px; + background-color: #fff; + border-radius: 6px; + box-shadow: 0 5px 20px rgba(173, 180, 210, 0.05); + width: 670px; + margin: 0 auto 30px; + text-align: center; } @media only screen and (max-width: 767px) { - #directorist.atbd_wrapper .account-connect { - width: 100%; - padding: 30px; - } + #directorist.atbd_wrapper .account-connect { + width: 100%; + padding: 30px; + } } #directorist.atbd_wrapper .account-connect h4 { - font-size: 24px !important; - font-weight: 500; - color: #272b41 !important; - margin-bottom: 20px; + font-size: 24px !important; + font-weight: 500; + color: #272b41 !important; + margin-bottom: 20px; } #directorist.atbd_wrapper .account-connect p { - font-size: 16px; - line-height: 1.63; - color: #5a5f7d !important; - margin-bottom: 30px; + font-size: 16px; + line-height: 1.63; + color: #5a5f7d !important; + margin-bottom: 30px; } #directorist.atbd_wrapper .account-connect__form form { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -12px -5px; + display: flex; + align-items: center; + flex-wrap: wrap; + margin: -12px -5px; } #directorist.atbd_wrapper .account-connect__form-group { - position: relative; - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - padding: 12px 5px; + position: relative; + flex: 0 0 50%; + padding: 12px 5px; } #directorist.atbd_wrapper .account-connect__form-group input { - width: 100%; - border-radius: 4px; - height: 48px; - border: 1px solid #e3e6ef; - padding: 0 15px 0 42px; + width: 100%; + border-radius: 4px; + height: 48px; + border: 1px solid #e3e6ef; + padding: 0 15px 0 42px; } #directorist.atbd_wrapper .account-connect__form-group span { - position: absolute; - font-size: 18px; - color: #a1a8c6; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + font-size: 18px; + color: #a1a8c6; + left: 20px; + top: 50%; + transform: translateY(-50%); } #directorist.atbd_wrapper .account-connect__form-btn { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - margin: 12px 5px; + flex: 0 0 100%; + margin: 12px 5px; } #directorist.atbd_wrapper .account-connect__form-btn button { - position: relative; - display: block; - width: 100%; - border: 0 none; - background-color: #3e62f5; - height: 50px; - padding: 0 20px; - border-radius: 6px; - -webkit-box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); - box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); - font-size: 15px; - font-weight: 500; - color: #fff; - cursor: pointer; + position: relative; + display: block; + width: 100%; + border: 0 none; + background-color: #3e62f5; + height: 50px; + padding: 0 20px; + border-radius: 6px; + box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); + font-size: 15px; + font-weight: 500; + color: #fff; + cursor: pointer; } #directorist.atbd_wrapper .account-connect__form-btn button .atbdp-loading { - position: absolute; - right: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + right: 20px; + top: 50%; + transform: translateY(-50%); } /* extension and themes column */ .extension-theme-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - margin: -25px; + display: flex; + flex-wrap: wrap; + align-items: flex-start; + margin: -25px; } #directorist.atbd_wrapper .et-column { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 25px; + flex: 1; + padding: 25px; } @media only screen and (max-width: 767px) { - #directorist.atbd_wrapper .et-column { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + #directorist.atbd_wrapper .et-column { + flex: 0 0 100%; + } } #directorist.atbd_wrapper .et-column h2 { - font-size: 22px; - font-weight: 500; - color: #272b41; - margin-bottom: 25px; + font-size: 22px; + font-weight: 500; + color: #272b41; + margin-bottom: 25px; } #directorist.atbd_wrapper .et-card { - background-color: #fff; - border-radius: 6px; - -webkit-box-shadow: 0 5px 5px rgba(173, 180, 210, 0.05); - box-shadow: 0 5px 5px rgba(173, 180, 210, 0.05); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 15px; - margin-bottom: 20px; + background-color: #fff; + border-radius: 6px; + box-shadow: 0 5px 5px rgba(173, 180, 210, 0.05); + display: flex; + align-items: center; + justify-content: center; + padding: 15px; + margin-bottom: 20px; } @media only screen and (max-width: 1199px) { - #directorist.atbd_wrapper .et-card { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + #directorist.atbd_wrapper .et-card { + flex-direction: column; + } } -#directorist.atbd_wrapper .et-card__image, #directorist.atbd_wrapper .et-card__details { - padding: 10px; +#directorist.atbd_wrapper .et-card__image, +#directorist.atbd_wrapper .et-card__details { + padding: 10px; } @media only screen and (max-width: 1199px) { - #directorist.atbd_wrapper .et-card__image, #directorist.atbd_wrapper .et-card__details { - max-width: 100%; - } + #directorist.atbd_wrapper .et-card__image, + #directorist.atbd_wrapper .et-card__details { + max-width: 100%; + } } #directorist.atbd_wrapper .et-card__image img { - max-width: 100%; - border-radius: 6px; - max-height: 150px; + max-width: 100%; + border-radius: 6px; + max-height: 150px; } #directorist.atbd_wrapper .et-card__details { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + flex: 1; } #directorist.atbd_wrapper .et-card__details h3 { - margin-top: 0; - margin-bottom: 20px; - font-size: 20px; - font-weight: 500; - color: #272b41; + margin-top: 0; + margin-bottom: 20px; + font-size: 20px; + font-weight: 500; + color: #272b41; } #directorist.atbd_wrapper .et-card__details p { - line-height: 1.63; - color: #5a5f7d; - margin-bottom: 20px; - font-size: 16px; + line-height: 1.63; + color: #5a5f7d; + margin-bottom: 20px; + font-size: 16px; } #directorist.atbd_wrapper .et-card__details ul { - margin: -5px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + margin: -5px; + padding: 0; + display: flex; + flex-wrap: wrap; + align-items: center; } #directorist.atbd_wrapper .et-card__details ul li { - padding: 5px; + padding: 5px; } #directorist.atbd_wrapper .et-card__btn { - line-height: 40px; - font-size: 14px; - font-weight: 500; - padding: 0 20px; - border-radius: 5px; - display: block; - text-decoration: none; + line-height: 40px; + font-size: 14px; + font-weight: 500; + padding: 0 20px; + border-radius: 5px; + display: block; + text-decoration: none; } #directorist.atbd_wrapper .et-card__btn--primary { - background-color: rgba(62, 98, 245, 0.1); - color: #3e62f5; + background-color: rgba(62, 98, 245, 0.1); + color: #3e62f5; } #directorist.atbd_wrapper .et-card__btn--secondary { - background-color: rgba(255, 64, 140, 0.1); - color: #ff408c; + background-color: rgba(255, 64, 140, 0.1); + color: #ff408c; } /* atmodal */ /* Modal Core Styles */ .atm-open { - overflow: hidden; + overflow: hidden; } .atm-open .at-modal { - overflow-x: hidden; - overflow-y: auto; + overflow-x: hidden; + overflow-y: auto; } .at-modal { - position: fixed; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - left: 0; - top: 0; - z-index: 9999; - display: none; - overflow: hidden; - outline: 0; + position: fixed; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + left: 0; + top: 0; + z-index: 9999; + display: none; + overflow: hidden; + outline: 0; } .at-modal-content { - position: relative; - width: 500px; - margin: 30px auto; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 0; - visibility: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-height: calc(100% - 5rem); - pointer-events: none; + position: relative; + width: 500px; + margin: 30px auto; + transition: 0.3s ease; + opacity: 0; + visibility: hidden; + display: flex; + align-items: center; + justify-content: center; + min-height: calc(100% - 5rem); + pointer-events: none; } .atm-contents-inner { - width: 100%; - background-color: #fff; - pointer-events: auto; - border-radius: 3px; - position: relative; + width: 100%; + background-color: #fff; + pointer-events: auto; + border-radius: 3px; + position: relative; } .at-modal-content.at-modal-lg { - width: 800px; + width: 800px; } .at-modal-content.at-modal-xl { - width: 1140px; + width: 1140px; } .at-modal-content.at-modal-sm { - width: 300px; + width: 300px; } .at-modal.atm-fade { - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + transition: 0.3s ease; } .at-modal.atm-fade:not(.atm-show) { - opacity: 0; - visibility: hidden; + opacity: 0; + visibility: hidden; } .at-modal.atm-show .at-modal-content { - opacity: 1; - visibility: visible; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + opacity: 1; + visibility: visible; + transition: 0.3s ease; } .at-modal .atm-contents-inner .at-modal-close { - width: 32px; - height: 32px; - top: 20px; - right: 20px; - position: absolute; - -webkit-transform: none; - transform: none; - background-color: #444752; - color: #fff; - border-radius: 300px; - opacity: 1; - font-weight: 300; - z-index: 2; - font-size: 16px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; + width: 32px; + height: 32px; + top: 20px; + right: 20px; + position: absolute; + transform: none; + background-color: #444752; + color: #fff; + border-radius: 300px; + opacity: 1; + font-weight: 300; + z-index: 2; + font-size: 16px; + padding: 0; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; } .at-modal .atm-contents-inner .close span { - display: block; - line-height: 0; + display: block; + line-height: 0; } #directorist.atbd_wrapper .modal-header { - padding: 20px 30px; + padding: 20px 30px; } #directorist.atbd_wrapper .modal-header .modal-title { - font-size: 25px; - font-weight: 500; - color: #151826; + font-size: 25px; + font-weight: 500; + color: #151826; } #directorist.atbd_wrapper .at-modal-close { - background-color: #5a5f7d; - color: #fff; - font-size: 25px; + background-color: #5a5f7d; + color: #fff; + font-size: 25px; } #directorist.atbd_wrapper .at-modal-close span { - position: relative; - top: -2px; + position: relative; + top: -2px; } #directorist.atbd_wrapper .at-modal-close:hover { - color: #fff; + color: #fff; } #directorist.atbd_wrapper .modal-body { - padding: 25px 40px 30px; + padding: 25px 40px 30px; } #directorist.atbd_wrapper .modal-body .update-list { - margin-bottom: 25px; + margin-bottom: 25px; } #directorist.atbd_wrapper .modal-body .update-list:last-child { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper .modal-body .update-list .update-badge { - line-height: 23px; - border-radius: 3px; - background-color: #000; - color: #fff; - font-size: 11px; - font-weight: 600; - padding: 0 7px; - display: inline-block; - margin-bottom: 15px; + line-height: 23px; + border-radius: 3px; + background-color: #000; + color: #fff; + font-size: 11px; + font-weight: 600; + padding: 0 7px; + display: inline-block; + margin-bottom: 15px; } -#directorist.atbd_wrapper .modal-body .update-list .update-badge.update-badge--new { - background-color: #00bb45; +#directorist.atbd_wrapper + .modal-body + .update-list + .update-badge.update-badge--new { + background-color: #00bb45; } -#directorist.atbd_wrapper .modal-body .update-list .update-badge.update-badge--fixed { - background-color: #0090fd; +#directorist.atbd_wrapper + .modal-body + .update-list + .update-badge.update-badge--fixed { + background-color: #0090fd; } -#directorist.atbd_wrapper .modal-body .update-list .update-badge.update-badge--improved { - background-color: #4353ff; +#directorist.atbd_wrapper + .modal-body + .update-list + .update-badge.update-badge--improved { + background-color: #4353ff; } -#directorist.atbd_wrapper .modal-body .update-list .update-badge.update-badge--removed { - background-color: #d72323; +#directorist.atbd_wrapper + .modal-body + .update-list + .update-badge.update-badge--removed { + background-color: #d72323; } #directorist.atbd_wrapper .modal-body .update-list ul, #directorist.atbd_wrapper .modal-body .update-list ul li { - margin: 0; + margin: 0; } #directorist.atbd_wrapper .modal-body .update-list ul li { - margin-bottom: 12px; - font-size: 16px; - color: #5c637e; - padding-left: 20px; - position: relative; + margin-bottom: 12px; + font-size: 16px; + color: #5c637e; + padding-left: 20px; + position: relative; } #directorist.atbd_wrapper .modal-body .update-list ul li:last-child { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper .modal-body .update-list ul li:before { - position: absolute; - content: ""; - width: 6px; - height: 6px; - border-radius: 50%; - background-color: #000; - left: 0; - top: 5px; + position: absolute; + content: ""; + width: 6px; + height: 6px; + border-radius: 50%; + background-color: #000; + left: 0; + top: 5px; } #directorist.atbd_wrapper .modal-body .update-list.update-list--new li:before { - background-color: #00bb45; + background-color: #00bb45; } -#directorist.atbd_wrapper .modal-body .update-list.update-list--fixed li:before { - background-color: #0090fd; +#directorist.atbd_wrapper + .modal-body + .update-list.update-list--fixed + li:before { + background-color: #0090fd; } -#directorist.atbd_wrapper .modal-body .update-list.update-list--improved li:before { - background-color: #4353ff; +#directorist.atbd_wrapper + .modal-body + .update-list.update-list--improved + li:before { + background-color: #4353ff; } -#directorist.atbd_wrapper .modal-body .update-list.update-list--removed li:before { - background-color: #d72323; +#directorist.atbd_wrapper + .modal-body + .update-list.update-list--removed + li:before { + background-color: #d72323; } #directorist.atbd_wrapper .modal-footer button { - background-color: #3e62f5; - border-color: #3e62f5; + background-color: #3e62f5; + border-color: #3e62f5; } /* Responsive CSS */ /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) and (max-width: 1199.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) and (max-width: 767.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 30px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 30px); + } } /* Default WP Theme overwrite */ body.wp-admin { - background-color: #f3f4f6; - font-family: "Inter", sans-serif; + background-color: #f3f4f6; + font-family: "Inter", sans-serif; } .directorist_builder-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - width: 100%; - margin-left: -24px; - margin-top: -10px; - background-color: #fff; - padding: 0 24px; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + margin-left: -24px; + margin-top: -10px; + background-color: #fff; + padding: 0 24px; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); } @media only screen and (max-width: 575px) { - .directorist_builder-header { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 20px 0; - } + .directorist_builder-header { + flex-direction: column; + padding: 20px 0; + } } @media only screen and (max-width: 575px) { - .directorist_builder-header .directorist_builder-header__left { - margin-bottom: 15px; - } + .directorist_builder-header .directorist_builder-header__left { + margin-bottom: 15px; + } } .directorist_builder-header .directorist_logo { - max-width: 108px; - max-height: 32px; + max-width: 108px; + max-height: 32px; } .directorist_builder-header .directorist_logo img { - width: 100%; - max-height: inherit; + width: 100%; + max-height: inherit; } .directorist_builder-header .directorist_builder-links { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px 18px; + margin: 0; + padding: 0; + display: flex; + flex-wrap: wrap; + gap: 10px 18px; } .directorist_builder-header .directorist_builder-links li { - display: inline-block; - margin-bottom: 0; + display: inline-block; + margin-bottom: 0; } .directorist_builder-header .directorist_builder-links a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 2px 5px; - padding: 17px 0; - text-decoration: none; - font-size: 13px; - color: #4d5761; - font-weight: 500; - line-height: 14px; + display: flex; + align-items: center; + gap: 2px 5px; + padding: 17px 0; + text-decoration: none; + font-size: 13px; + color: #4d5761; + font-weight: 500; + line-height: 14px; } .directorist_builder-header .directorist_builder-links a .svg-icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #747c89; + display: inline-flex; + align-items: center; + color: #747c89; } .directorist_builder-header .directorist_builder-links a:hover { - color: #3e62f5; + color: #3e62f5; } .directorist_builder-header .directorist_builder-links a:hover .svg-icon { - color: inherit; + color: inherit; } @media only screen and (max-width: 575px) { - .directorist_builder-header .directorist_builder-links a { - padding: 6px 0; - } + .directorist_builder-header .directorist_builder-links a { + padding: 6px 0; + } } .directorist_builder-header .directorist_builder-links a i { - font-size: 16px; + font-size: 16px; } .directorist_builder-body { - margin-top: 20px; + margin-top: 20px; } .directorist_builder-body .directorist_builder__title { - font-size: 19px; - line-height: 25px; - font-weight: 600; - margin: 0; - color: #000; + font-size: 19px; + line-height: 25px; + font-weight: 600; + margin: 0; + color: #000; } .tabContentActive, .pstContentActive, .pstContentActive2, .pstContentActive3 { - display: block !important; - -webkit-animation: showTab 0.6s ease; - animation: showTab 0.6s ease; + display: block !important; + animation: showTab 0.6s ease; } .atbd_tab_inner, .pst_tab_inner, .pst_tab_inner-2, .pst_tab_inner-3 { - display: none; + display: none; } /* Directorist Membership Notice */ .atbdp-settings-manager .directorist_membership-notice { - margin-bottom: 0; + margin-bottom: 0; } .directorist_membership-notice { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - background-color: #5441b9; - background: linear-gradient(45deg, #5441b9 1%, #b541d8 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5441b9', endColorstr='#b541d8', GradientType=1); - padding: 20px; - border-radius: 14px; - margin-bottom: 30px; + position: relative; + display: flex; + align-items: center; + justify-content: space-between; + background-color: #5441b9; + background: -moz-linear-gradient(45deg, #5441b9 1%, #b541d8 100%); + background: -webkit-linear-gradient(45deg, #5441b9 1%, #b541d8 100%); + background: linear-gradient(45deg, #5441b9 1%, #b541d8 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5441b9", endColorstr="#b541d8", GradientType=1); + padding: 20px; + border-radius: 14px; + margin-bottom: 30px; } @media only screen and (max-width: 767px) { - .directorist_membership-notice { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } + .directorist_membership-notice { + flex-direction: column; + align-items: flex-start; + } } @media only screen and (max-width: 475px) { - .directorist_membership-notice { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - } + .directorist_membership-notice { + align-items: center; + } } .directorist_membership-notice .directorist_membership-notice__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } @media only screen and (max-width: 1199px) { - .directorist_membership-notice .directorist_membership-notice__content { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } + .directorist_membership-notice .directorist_membership-notice__content { + flex-direction: column; + align-items: flex-start; + } } @media only screen and (max-width: 800px) { - .directorist_membership-notice .directorist_membership-notice__content { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - } + .directorist_membership-notice .directorist_membership-notice__content { + flex-direction: row; + } } @media only screen and (max-width: 767px) { - .directorist_membership-notice .directorist_membership-notice__content { - margin-bottom: 30px; - } + .directorist_membership-notice .directorist_membership-notice__content { + margin-bottom: 30px; + } } @media only screen and (max-width: 475px) { - .directorist_membership-notice .directorist_membership-notice__content { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-align: center; - } + .directorist_membership-notice .directorist_membership-notice__content { + flex-direction: column; + align-items: center; + text-align: center; + } } .directorist_membership-notice .directorist_membership-notice__content img { - max-width: 140px; - height: 140px; - border-radius: 14px; - margin-right: 30px; + max-width: 140px; + height: 140px; + border-radius: 14px; + margin-right: 30px; } @media only screen and (max-width: 1399px) { - .directorist_membership-notice .directorist_membership-notice__content img { - max-width: 130px; - height: 130px; - } + .directorist_membership-notice .directorist_membership-notice__content img { + max-width: 130px; + height: 130px; + } } @media only screen and (max-width: 1199px) { - .directorist_membership-notice .directorist_membership-notice__content img { - margin-right: 0; - margin-bottom: 24px; - } + .directorist_membership-notice .directorist_membership-notice__content img { + margin-right: 0; + margin-bottom: 24px; + } } @media only screen and (max-width: 800px) { - .directorist_membership-notice .directorist_membership-notice__content img { - margin: 0 20px 0 0; - } + .directorist_membership-notice .directorist_membership-notice__content img { + margin: 0 20px 0 0; + } } @media only screen and (max-width: 475px) { - .directorist_membership-notice .directorist_membership-notice__content img { - margin-right: 0; - margin-bottom: 24px; - margin: 0 auto 24px auto; - } -} -.directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text { - color: #fff; -} -.directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text h4 { - font-size: 24px; - font-weight: bold; - margin: 4px 0 8px; + .directorist_membership-notice .directorist_membership-notice__content img { + margin-right: 0; + margin-bottom: 24px; + margin: 0 auto 24px auto; + } +} +.directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text { + color: #fff; +} +.directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + h4 { + font-size: 24px; + font-weight: bold; + margin: 4px 0 8px; } @media only screen and (max-width: 1499px) { - .directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text h4 { - font-size: 20px; - } + .directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + h4 { + font-size: 20px; + } } @media only screen and (max-width: 800px) { - .directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text h4 { - font-size: 20px; - margin: 0 0 8px; - } -} -.directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text p { - font-size: 16px; - font-weight: 500; - max-width: 350px; - margin-bottom: 12px; - color: rgba(255, 255, 255, 0.5647058824); -} -.directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text .directorist_membership-sale-badge { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 20px; - font-weight: bold; - min-height: 47px; - line-height: 1.95; - padding: 0 15px; - border-radius: 6px; - color: #000000; - -webkit-transition: 0.3s; - transition: 0.3s; - background-color: #3af4c2; -} -.directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text .directorist_membership-sale-badge:hover { - background-color: #64d8b9; + .directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + h4 { + font-size: 20px; + margin: 0 0 8px; + } +} +.directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + p { + font-size: 16px; + font-weight: 500; + max-width: 350px; + margin-bottom: 12px; + color: rgba(255, 255, 255, 0.5647058824); +} +.directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + .directorist_membership-sale-badge { + display: inline-flex; + align-items: center; + font-size: 20px; + font-weight: bold; + min-height: 47px; + line-height: 1.95; + padding: 0 15px; + border-radius: 6px; + color: #000000; + transition: 0.3s; + background-color: #3af4c2; +} +.directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + .directorist_membership-sale-badge:hover { + background-color: #64d8b9; } @media only screen and (max-width: 1499px) { - .directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text .directorist_membership-sale-badge { - font-size: 18px; - } + .directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + .directorist_membership-sale-badge { + font-size: 18px; + } } @media only screen and (max-width: 1399px) { - .directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text .directorist_membership-sale-badge { - font-size: 16px; - } + .directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + .directorist_membership-sale-badge { + font-size: 16px; + } } @media only screen and (max-width: 475px) { - .directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text .directorist_membership-sale-badge { - font-size: 14px; - min-height: 35px; - } + .directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + .directorist_membership-sale-badge { + font-size: 14px; + min-height: 35px; + } } .directorist_membership-notice__list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - max-width: 450px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + max-width: 450px; + flex-wrap: wrap; } @media only screen and (max-width: 1499px) { - .directorist_membership-notice__list { - max-width: 410px; - } + .directorist_membership-notice__list { + max-width: 410px; + } } @media only screen and (max-width: 1399px) { - .directorist_membership-notice__list { - max-width: 380px; - } + .directorist_membership-notice__list { + max-width: 380px; + } } @media only screen and (max-width: 1199px) { - .directorist_membership-notice__list { - max-width: 250px; - } + .directorist_membership-notice__list { + max-width: 250px; + } } @media only screen and (max-width: 800px) { - .directorist_membership-notice__list { - display: none; - } + .directorist_membership-notice__list { + display: none; + } } .directorist_membership-notice__list li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - line-height: 1; - width: 50%; - font-size: 16px; - font-weight: 500; - color: #fff; - margin: 8px 0; + display: flex; + align-items: center; + line-height: 1; + width: 50%; + font-size: 16px; + font-weight: 500; + color: #fff; + margin: 8px 0; } @media only screen and (max-width: 1499px) { - .directorist_membership-notice__list li { - font-size: 15px; - } + .directorist_membership-notice__list li { + font-size: 15px; + } } @media only screen and (max-width: 1199px) { - .directorist_membership-notice__list li { - width: 100%; - } -} -.directorist_membership-notice__list li .directorist_membership-notice__list__icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 20px; - height: 20px; - border-radius: 50%; - background-color: #f8d633; - margin-right: 12px; -} -.directorist_membership-notice__list li .directorist_membership-notice__list__icon i { - position: relative; - top: 1px; - font-size: 11px; - color: #000; + .directorist_membership-notice__list li { + width: 100%; + } +} +.directorist_membership-notice__list + li + .directorist_membership-notice__list__icon { + display: inline-flex; + align-items: center; + justify-content: center; + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #f8d633; + margin-right: 12px; +} +.directorist_membership-notice__list + li + .directorist_membership-notice__list__icon + i { + position: relative; + top: 1px; + font-size: 11px; + color: #000; } @media only screen and (max-width: 1199px) { - .directorist_membership-notice__list li .directorist_membership-notice__list__icon i { - top: 0; - } + .directorist_membership-notice__list + li + .directorist_membership-notice__list__icon + i { + top: 0; + } } .directorist_membership-notice__action { - margin-right: 25px; + margin-right: 25px; } @media only screen and (max-width: 1499px) { - .directorist_membership-notice__action { - margin-right: 0; - } + .directorist_membership-notice__action { + margin-right: 0; + } } @media only screen and (max-width: 475px) { - .directorist_membership-notice__action { - width: 100%; - text-align: center; - } + .directorist_membership-notice__action { + width: 100%; + text-align: center; + } } .directorist_membership-notice__action .directorist_membership-btn { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 18px; - font-weight: bold; - color: #000; - min-height: 52px; - border-radius: 8px; - padding: 0 34.45px; - background-color: #f8d633; - -webkit-transition: 0.3s; - transition: 0.3s; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 18px; + font-weight: bold; + color: #000; + min-height: 52px; + border-radius: 8px; + padding: 0 34.45px; + background-color: #f8d633; + transition: 0.3s; } .directorist_membership-notice__action .directorist_membership-btn:hover { - background-color: #edc400; + background-color: #edc400; } @media only screen and (max-width: 1499px) { - .directorist_membership-notice__action .directorist_membership-btn { - font-size: 15px; - padding: 0 15.45px; - } + .directorist_membership-notice__action .directorist_membership-btn { + font-size: 15px; + padding: 0 15.45px; + } } @media only screen and (max-width: 1399px) { - .directorist_membership-notice__action .directorist_membership-btn { - font-size: 14px; - min-width: 115px; - } + .directorist_membership-notice__action .directorist_membership-btn { + font-size: 14px; + min-width: 115px; + } } .directorist_membership-notice-close { - position: absolute; - right: 20px; - top: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 18px; - height: 18px; - border-radius: 50%; - background-color: #fff; - -webkit-transition: 0.3s; - transition: 0.3s; + position: absolute; + right: 20px; + top: 20px; + display: flex; + align-items: center; + justify-content: center; + width: 18px; + height: 18px; + border-radius: 50%; + background-color: #fff; + transition: 0.3s; } .directorist_membership-notice-close:hover { - background-color: #EF0000; + background-color: #ef0000; } .directorist_membership-notice-close:hover i { - color: #fff; + color: #fff; } .directorist_membership-notice-close i { - color: #b541d8; + color: #b541d8; } .directorist_builder__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: flex; + gap: 30px; + flex-direction: column; + align-items: flex-start; } .directorist_builder__content .directorist_btn.directorist_btn-success { - background-color: #08bf9c; + background-color: #08bf9c; } .directorist_builder__content .directorist_builder__content__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px 20px; -} -.directorist_builder__content .directorist_builder__content__left .directorist_link-block-wrapper { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 6px 8px; -} -.directorist_builder__content .directorist_builder__content__left .directorist_link-block { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - text-decoration: none; - padding: 0 16px; - height: 40px; - border: 1px solid #3e62f5; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 10px 20px; +} +.directorist_builder__content + .directorist_builder__content__left + .directorist_link-block-wrapper { + display: inline-flex; + align-items: center; + flex-wrap: wrap; + gap: 6px 8px; +} +.directorist_builder__content + .directorist_builder__content__left + .directorist_link-block { + display: flex; + gap: 8px; + align-items: center; + justify-content: center; + border-radius: 8px; + text-decoration: none; + padding: 0 16px; + height: 40px; + border: 1px solid #3e62f5; + cursor: pointer; + box-sizing: border-box; } @media only screen and (max-width: 575px) { - .directorist_builder__content .directorist_builder__content__left .directorist_link-block { - min-width: 100%; - margin: 0; - } -} -.directorist_builder__content .directorist_builder__content__left .directorist_link-block.directorist_new-directory { - -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.12); - box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.12); -} -.directorist_builder__content .directorist_builder__content__left .directorist_link-block.directorist_link-block-primary { - background-color: #3e62f5; - color: #ffffff; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; -} -.directorist_builder__content .directorist_builder__content__left .directorist_link-block.directorist_link-block-primary:hover { - background-color: #5a7aff; - border-color: #5a7aff; -} -.directorist_builder__content .directorist_builder__content__left .directorist_link-block.directorist_link-block-primary-outline { - background-color: transparent; - color: #3e62f5; -} -.directorist_builder__content .directorist_builder__content__left .directorist_link-block .directorist_link-icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist_builder__content .directorist_builder__content__left .directorist_link-block .directorist_link-icon i { - font-size: 16px; - font-weight: 900; - color: #fff; -} -.directorist_builder__content .directorist_builder__content__left .directorist_link-block .directorist_link-text { - display: block; - font-size: 14px; - line-height: 16.24px; - font-weight: 500; + .directorist_builder__content + .directorist_builder__content__left + .directorist_link-block { + min-width: 100%; + margin: 0; + } +} +.directorist_builder__content + .directorist_builder__content__left + .directorist_link-block.directorist_new-directory { + box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.12); +} +.directorist_builder__content + .directorist_builder__content__left + .directorist_link-block.directorist_link-block-primary { + background-color: #3e62f5; + color: #ffffff; + transition: background-color 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__left + .directorist_link-block.directorist_link-block-primary:hover { + background-color: #5a7aff; + border-color: #5a7aff; +} +.directorist_builder__content + .directorist_builder__content__left + .directorist_link-block.directorist_link-block-primary-outline { + background-color: transparent; + color: #3e62f5; +} +.directorist_builder__content + .directorist_builder__content__left + .directorist_link-block + .directorist_link-icon { + display: inline-flex; + align-items: center; + justify-content: center; +} +.directorist_builder__content + .directorist_builder__content__left + .directorist_link-block + .directorist_link-icon + i { + font-size: 16px; + font-weight: 900; + color: #fff; +} +.directorist_builder__content + .directorist_builder__content__left + .directorist_link-block + .directorist_link-text { + display: block; + font-size: 14px; + line-height: 16.24px; + font-weight: 500; } @media only screen and (max-width: 1199px) { - .directorist_builder__content .directorist_builder__content__left .directorist_link-block .directorist_link-text { - font-size: 15px; - } -} -.directorist_builder__content .directorist_builder__content__left .directorist_btn-migrate { - margin-top: 20px; -} -.directorist_builder__content .directorist_builder__content__left .directorist_btn-import .directorist_link-icon { - border: 0 none; + .directorist_builder__content + .directorist_builder__content__left + .directorist_link-block + .directorist_link-text { + font-size: 15px; + } +} +.directorist_builder__content + .directorist_builder__content__left + .directorist_btn-migrate { + margin-top: 20px; +} +.directorist_builder__content + .directorist_builder__content__left + .directorist_btn-import + .directorist_link-icon { + border: 0 none; } .directorist_builder__content .directorist_builder__content__right { - width: 100%; + width: 100%; } @media only screen and (max-width: 1199px) { - .directorist_builder__content .directorist_builder__content__right { - background: #e3e6ef; - border-radius: 8px; - padding: 10px 10px; - width: calc(100% - 20px); - } -} -.directorist_builder__content .directorist_builder__content__right .directorist-total-types { - margin-bottom: 15px; - text-decoration: none; - font-size: 12px; - font-weight: 500; - color: #747c89; - line-height: 14px; - letter-spacing: 0.24px; - text-transform: uppercase; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table { - width: 100%; - text-align: left; - border-spacing: 0; - empty-cells: show; - margin-bottom: 0; - margin-top: 0; - white-space: nowrap; + .directorist_builder__content .directorist_builder__content__right { + background: #e3e6ef; + border-radius: 8px; + padding: 10px 10px; + width: calc(100% - 20px); + } +} +.directorist_builder__content + .directorist_builder__content__right + .directorist-total-types { + margin-bottom: 15px; + text-decoration: none; + font-size: 12px; + font-weight: 500; + color: #747c89; + line-height: 14px; + letter-spacing: 0.24px; + text-transform: uppercase; + display: inline-flex; + align-items: center; + gap: 5px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table { + width: 100%; + text-align: left; + border-spacing: 0; + empty-cells: show; + margin-bottom: 0; + margin-top: 0; + white-space: nowrap; } @media only screen and (max-width: 1199px) { - .directorist_builder__content .directorist_builder__content__right .directorist_table { - overflow-x: auto; - display: inline-grid; - border-radius: 8px; - overflow-y: hidden; - padding-bottom: 83px; - } -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header { - background: #f9fafb; - border: 1px solid #e5e7eb; - border-radius: 8px; - margin-bottom: 8px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.72px; - text-transform: uppercase; - color: #747c89; - max-height: 44px; - min-height: 44px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row > div { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 0 20px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row .directorist_listing-c-action { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - opacity: 0; - visibility: hidden; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 8px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row { - background: white; - border-radius: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-height: 72px; - max-height: 72px; - font-size: 13px; - font-weight: 500; - line-height: 14px; - color: #4d5761; - text-transform: capitalize; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - border-left: 4px solid white; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row:hover { - border-color: #3e62f5; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row:hover .directorist-type-actions .directorist_listing-actions > a { - background-color: #3e62f5; - color: white; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row:hover .directorist-type-actions .directorist_listing-actions > a svg { - color: inherit; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row:hover .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle svg { - color: #747c89; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row > div { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 10px 20px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title { - color: #2c3239; - font-size: 15px; - font-weight: 500; - line-height: 16px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title a { - color: inherit; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title a:hover { - color: #3e62f5; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title .directorist_badge { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 6px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - border-radius: 4px; - background: #d8e0fd; - color: #061e7e; - font-size: 10px; - font-weight: 600; - line-height: 14px; - letter-spacing: 0.4px; - text-transform: uppercase; - height: 18px; - margin: 0; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title .directorist_listing-id { - color: #747c89; - font-size: 12px; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.12px; - margin-top: 8px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-count { - color: #2e94fa; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions > a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 6px; - border-radius: 8px; - background: #e5e7eb; - color: #2c3239; - font-size: 13px; - font-weight: 500; - line-height: 14px; - height: 32px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions > a svg { - width: 14px; - height: 14px; - color: #747c89; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle { - width: 32px; - height: 32px; - border-radius: 8px !important; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle svg { - color: #d2d6db; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle:hover, .directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle.active { - background-color: #e5e7eb !important; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle:hover svg, .directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle.active svg { - color: #2c3239 !important; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option { - right: 0; - top: 35px; - border-radius: 8px; - border: 1px solid #f3f4f6; - -webkit-box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - min-width: 208px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul { - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 9px 12px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul > li:first-child:hover, -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul > li > a:hover { - background-color: rgba(62, 98, 245, 0.05) !important; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li { - margin-bottom: 0 !important; - width: 100%; - overflow: hidden; - border-radius: 4px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > a, -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > div { - margin-bottom: 0 !important; - width: 100%; - margin: 0 !important; - padding: 0 8px !important; - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - line-height: 16.24px !important; - gap: 12px; - color: #4d5761 !important; - height: 42px; - border-radius: 4px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + .directorist_builder__content + .directorist_builder__content__right + .directorist_table { + overflow-x: auto; + display: inline-grid; + border-radius: 8px; + overflow-y: hidden; + padding-bottom: 83px; + } +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-header { + background: #f9fafb; + border: 1px solid #e5e7eb; + border-radius: 8px; + margin-bottom: 8px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-header + .directorist_table-row { + display: flex; + align-items: center; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.72px; + text-transform: uppercase; + color: #747c89; + max-height: 44px; + min-height: 44px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-header + .directorist_table-row + > div { + flex: 1; + padding: 0 20px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-header + .directorist_table-row + .directorist_listing-c-action { + display: inline-flex; + justify-content: flex-end; + opacity: 0; + visibility: hidden; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body { + display: flex; + flex-direction: column; + gap: 8px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_table-row { + background: white; + border-radius: 8px; + display: flex; + align-items: center; + min-height: 72px; + max-height: 72px; + font-size: 13px; + font-weight: 500; + line-height: 14px; + color: #4d5761; + text-transform: capitalize; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + border-left: 4px solid white; + transition: 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_table-row:hover { + border-color: #3e62f5; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_table-row:hover + .directorist-type-actions + .directorist_listing-actions + > a { + background-color: #3e62f5; + color: white; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_table-row:hover + .directorist-type-actions + .directorist_listing-actions + > a + svg { + color: inherit; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_table-row:hover + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-toggle + svg { + color: #747c89; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_table-row + > div { + flex: 1; + padding: 10px 20px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_title { + color: #2c3239; + font-size: 15px; + font-weight: 500; + line-height: 16px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_title + a { + color: inherit; + outline: none; + box-shadow: none; + display: inline-flex; + align-items: center; + gap: 8px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_title + a:hover { + color: #3e62f5; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_title + .directorist_badge { + display: inline-flex; + padding: 0 6px; + justify-content: center; + align-items: center; + gap: 8px; + border-radius: 4px; + background: #d8e0fd; + color: #061e7e; + font-size: 10px; + font-weight: 600; + line-height: 14px; + letter-spacing: 0.4px; + text-transform: uppercase; + height: 18px; + margin: 0; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_title + .directorist_listing-id { + color: #747c89; + font-size: 12px; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + margin-top: 8px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-count { + color: #2e94fa; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions { + display: inline-flex; + align-items: center; + flex-wrap: wrap; + gap: 10px; + justify-content: flex-end; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions { + display: inline-flex; + align-items: center; + gap: 12px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + > a { + display: inline-flex; + align-items: center; + padding: 0 12px; + justify-content: center; + gap: 6px; + border-radius: 8px; + background: #e5e7eb; + color: #2c3239; + font-size: 13px; + font-weight: 500; + line-height: 14px; + height: 32px; + transition: 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + > a + svg { + width: 14px; + height: 14px; + color: #747c89; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-toggle { + width: 32px; + height: 32px; + border-radius: 8px !important; + transition: 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-toggle + svg { + color: #d2d6db; + transition: 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-toggle:hover, +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-toggle.active { + background-color: #e5e7eb !important; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-toggle:hover + svg, +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-toggle.active + svg { + color: #2c3239 !important; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option { + right: 0; + top: 35px; + border-radius: 8px; + border: 1px solid #f3f4f6; + box-shadow: + 0px 12px 16px -4px rgba(16, 24, 40, 0.08), + 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + min-width: 208px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul { + margin: 0; + display: flex; + flex-direction: column; + padding: 9px 12px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + > li:first-child:hover, +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + > li + > a:hover { + background-color: rgba(62, 98, 245, 0.05) !important; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li { + margin-bottom: 0 !important; + width: 100%; + overflow: hidden; + border-radius: 4px; + transition: 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > a, +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > div { + margin-bottom: 0 !important; + width: 100%; + margin: 0 !important; + padding: 0 8px !important; + display: flex !important; + align-items: center; + font-size: 14px; + font-weight: 500; + line-height: 16.24px !important; + gap: 12px; + color: #4d5761 !important; + height: 42px; + border-radius: 4px; + transition: 0.3s ease; } @media only screen and (max-width: 1199px) { - .directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > a, - .directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > div { - height: 32px; - } -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > a.atbdp-directory-delete-link-action, -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > div.atbdp-directory-delete-link-action { - color: #d94a4a !important; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > a.atbdp-directory-delete-link-action svg, -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > div.atbdp-directory-delete-link-action svg { - color: inherit; - width: 18px; - height: 18px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li .directorist_custom-checkbox input[type=checkbox] + label { - padding-left: 29px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li .directorist_custom-checkbox input[type=checkbox] + label:after { - border-radius: 5px; - border-color: #d1d1d7; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin-top: 2px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li .directorist_custom-checkbox input[type=checkbox] + label:before { - font-size: 8px; - left: 5px; - top: 7px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li .directorist_custom-checkbox input[type=checkbox]:checked + label:after { - border-color: #3e62f5; - background-color: #3e62f5; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .atbd-listing-type-active-status { - margin-left: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + .directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > a, + .directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > div { + height: 32px; + } +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > a.atbdp-directory-delete-link-action, +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > div.atbdp-directory-delete-link-action { + color: #d94a4a !important; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > a.atbdp-directory-delete-link-action + svg, +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > div.atbdp-directory-delete-link-action + svg { + color: inherit; + width: 18px; + height: 18px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + .directorist_custom-checkbox + input[type="checkbox"] + + label { + padding-left: 29px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + .directorist_custom-checkbox + input[type="checkbox"] + + label:after { + border-radius: 5px; + border-color: #d1d1d7; + box-sizing: border-box; + margin-top: 2px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + .directorist_custom-checkbox + input[type="checkbox"] + + label:before { + font-size: 8px; + left: 5px; + top: 7px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + .directorist_custom-checkbox + input[type="checkbox"]:checked + + label:after { + border-color: #3e62f5; + background-color: #3e62f5; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .atbd-listing-type-active-status { + margin-left: 0; + transition: 0.3s ease; } /* Custom Tooltip */ .directorist-row-tooltip[data-tooltip] { - position: relative; - cursor: pointer; + position: relative; + cursor: pointer; } .directorist-row-tooltip[data-tooltip].directorist-type-slug-content { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: inline-flex; } .directorist-row-tooltip[data-tooltip].directorist-type-slug-content:after { - text-transform: none; -} -.directorist-row-tooltip[data-tooltip].directorist-type-slug-content[data-flow=bottom]::before { - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); -} -.directorist-row-tooltip[data-tooltip].directorist-type-slug-content[data-flow=bottom]::after { - left: -50px; - -webkit-transform: unset; - transform: unset; -} -.directorist-row-tooltip[data-tooltip]:before, .directorist-row-tooltip[data-tooltip]:after { - line-height: normal; - font-size: 13px; - pointer-events: none; - position: absolute; - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: none; - opacity: 0; + text-transform: none; +} +.directorist-row-tooltip[data-tooltip].directorist-type-slug-content[data-flow="bottom"]::before { + transform: translate(-50%, 0); +} +.directorist-row-tooltip[data-tooltip].directorist-type-slug-content[data-flow="bottom"]::after { + left: -50px; + transform: unset; +} +.directorist-row-tooltip[data-tooltip]:before, +.directorist-row-tooltip[data-tooltip]:after { + line-height: normal; + font-size: 13px; + pointer-events: none; + position: absolute; + box-sizing: border-box; + display: none; + opacity: 0; } .directorist-row-tooltip[data-tooltip]:before { - content: ""; - border: 5px solid transparent; - z-index: 100; + content: ""; + border: 5px solid transparent; + z-index: 100; } .directorist-row-tooltip[data-tooltip]:after { - content: attr(data-tooltip); - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - border-radius: 6px; - background: #141921; - color: #ffffff; - z-index: 99; - padding: 10px 12px; - height: 34px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - line-height: normal; -} -.directorist-row-tooltip[data-tooltip]:hover:before, .directorist-row-tooltip[data-tooltip]:hover:after { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - opacity: 1; -} -.directorist-row-tooltip[data-tooltip]:not([data-flow])::before, .directorist-row-tooltip[data-tooltip][data-flow=top]::before { - bottom: 100%; - border-bottom-width: 0; - border-top-color: #141921; -} -.directorist-row-tooltip[data-tooltip]:not([data-flow])::after, .directorist-row-tooltip[data-tooltip][data-flow=top]::after { - bottom: calc(100% + 5px); -} -.directorist-row-tooltip[data-tooltip]:not([data-flow])::before, .directorist-row-tooltip[data-tooltip]:not([data-flow])::after, .directorist-row-tooltip[data-tooltip][data-flow=top]::before, .directorist-row-tooltip[data-tooltip][data-flow=top]::after { - left: 50%; - -webkit-transform: translate(-50%, -4px); - transform: translate(-50%, -4px); -} -.directorist-row-tooltip[data-tooltip][data-flow=bottom]::before { - top: 100%; - border-top-width: 0; - border-bottom-color: #141921; -} -.directorist-row-tooltip[data-tooltip][data-flow=bottom]::after { - top: calc(100% + 5px); -} -.directorist-row-tooltip[data-tooltip][data-flow=bottom]::before, .directorist-row-tooltip[data-tooltip][data-flow=bottom]::after { - left: 50%; - -webkit-transform: translate(-50%, 6px); - transform: translate(-50%, 6px); -} -.directorist-row-tooltip[data-tooltip][data-flow=left]::before { - top: 50%; - border-right-width: 0; - border-left-color: #141921; - left: calc(0em - 5px); - -webkit-transform: translate(-6px, -50%); - transform: translate(-6px, -50%); -} -.directorist-row-tooltip[data-tooltip][data-flow=left]::after { - top: 50%; - right: calc(100% + 5px); - -webkit-transform: translate(-6px, -50%); - transform: translate(-6px, -50%); -} -.directorist-row-tooltip[data-tooltip][data-flow=right]::before { - top: 50%; - border-left-width: 0; - border-right-color: #141921; - right: calc(0em - 5px); - -webkit-transform: translate(6px, -50%); - transform: translate(6px, -50%); -} -.directorist-row-tooltip[data-tooltip][data-flow=right]::after { - top: 50%; - left: calc(100% + 5px); - -webkit-transform: translate(6px, -50%); - transform: translate(6px, -50%); -} -.directorist-row-tooltip[data-tooltip][data-tooltip=""]::after, .directorist-row-tooltip[data-tooltip][data-tooltip=""]::before { - display: none !important; + content: attr(data-tooltip); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + border-radius: 6px; + background: #141921; + color: #ffffff; + z-index: 99; + padding: 10px 12px; + height: 34px; + align-items: center; + line-height: normal; +} +.directorist-row-tooltip[data-tooltip]:hover:before, +.directorist-row-tooltip[data-tooltip]:hover:after { + display: flex; + opacity: 1; +} +.directorist-row-tooltip[data-tooltip]:not([data-flow])::before, +.directorist-row-tooltip[data-tooltip][data-flow="top"]::before { + bottom: 100%; + border-bottom-width: 0; + border-top-color: #141921; +} +.directorist-row-tooltip[data-tooltip]:not([data-flow])::after, +.directorist-row-tooltip[data-tooltip][data-flow="top"]::after { + bottom: calc(100% + 5px); +} +.directorist-row-tooltip[data-tooltip]:not([data-flow])::before, +.directorist-row-tooltip[data-tooltip]:not([data-flow])::after, +.directorist-row-tooltip[data-tooltip][data-flow="top"]::before, +.directorist-row-tooltip[data-tooltip][data-flow="top"]::after { + left: 50%; + transform: translate(-50%, -4px); +} +.directorist-row-tooltip[data-tooltip][data-flow="bottom"]::before { + top: 100%; + border-top-width: 0; + border-bottom-color: #141921; +} +.directorist-row-tooltip[data-tooltip][data-flow="bottom"]::after { + top: calc(100% + 5px); +} +.directorist-row-tooltip[data-tooltip][data-flow="bottom"]::before, +.directorist-row-tooltip[data-tooltip][data-flow="bottom"]::after { + left: 50%; + transform: translate(-50%, 6px); +} +.directorist-row-tooltip[data-tooltip][data-flow="left"]::before { + top: 50%; + border-right-width: 0; + border-left-color: #141921; + left: calc(0em - 5px); + transform: translate(-6px, -50%); +} +.directorist-row-tooltip[data-tooltip][data-flow="left"]::after { + top: 50%; + right: calc(100% + 5px); + transform: translate(-6px, -50%); +} +.directorist-row-tooltip[data-tooltip][data-flow="right"]::before { + top: 50%; + border-left-width: 0; + border-right-color: #141921; + right: calc(0em - 5px); + transform: translate(6px, -50%); +} +.directorist-row-tooltip[data-tooltip][data-flow="right"]::after { + top: 50%; + left: calc(100% + 5px); + transform: translate(6px, -50%); +} +.directorist-row-tooltip[data-tooltip][data-tooltip=""]::after, +.directorist-row-tooltip[data-tooltip][data-tooltip=""]::before { + display: none !important; } .directorist_listing-slug-text { - min-width: 120px; - display: inline-block; - max-width: 120px; - overflow: hidden; - white-space: nowrap; - padding: 5px 0; - border-bottom: 1px solid transparent; - margin-right: 10px; - text-transform: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_listing-slug-text:hover, .directorist_listing-slug-text--editable { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - border-radius: 6px; - background: #f3f4f6; -} -.directorist_listing-slug-text:hover:focus, .directorist_listing-slug-text--editable:focus { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: var(--spacing-md, 8px); - gap: var(--spacing-md, 8px); - border-radius: var(--radius-sm, 6px); - background: var(--Gray-100, #f3f4f6); - outline: 0; + min-width: 120px; + display: inline-block; + max-width: 120px; + overflow: hidden; + white-space: nowrap; + padding: 5px 0; + border-bottom: 1px solid transparent; + margin-right: 10px; + text-transform: none; + transition: 0.3s ease; +} +.directorist_listing-slug-text:hover, +.directorist_listing-slug-text--editable { + display: inline-flex; + padding: 8px; + align-items: center; + gap: 8px; + border-radius: 6px; + background: #f3f4f6; +} +.directorist_listing-slug-text:hover:focus, +.directorist_listing-slug-text--editable:focus { + display: inline-flex; + padding: var(--spacing-md, 8px); + gap: var(--spacing-md, 8px); + border-radius: var(--radius-sm, 6px); + background: var(--Gray-100, #f3f4f6); + outline: 0; } @media only screen and (max-width: 1499px) { - .directorist_listing-slug-text { - min-width: 110px; - } + .directorist_listing-slug-text { + min-width: 110px; + } } @media only screen and (max-width: 1299px) { - .directorist_listing-slug-text { - min-width: 90px; - } + .directorist_listing-slug-text { + min-width: 90px; + } } .directorist-type-slug .directorist-slug-notice, .directorist-type-slug .directorist-count-notice { - margin: 6px 0 0; - text-transform: math-auto; + margin: 6px 0 0; + text-transform: math-auto; } .directorist-type-slug .directorist-slug-notice.directorist-slug-notice-error, .directorist-type-slug .directorist-count-notice.directorist-slug-notice-error { - color: #EF0000; + color: #ef0000; } .directorist-type-slug .directorist-slug-notice.directorist-slug-notice-success, -.directorist-type-slug .directorist-count-notice.directorist-slug-notice-success { - color: #00AC17; +.directorist-type-slug + .directorist-count-notice.directorist-slug-notice-success { + color: #00ac17; } .directorist-type-slug-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } .directorist-listing-slug-edit-wrap { - display: inline-block; - position: relative; - margin: -3px; - min-width: 75px; + display: inline-block; + position: relative; + margin: -3px; + min-width: 75px; } @media only screen and (max-width: 1299px) { - .directorist-listing-slug-edit-wrap { - position: initial; - } + .directorist-listing-slug-edit-wrap { + position: initial; + } } .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit, .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 30px; - height: 30px; - border-radius: 50%; - background-color: #fff; - -webkit-box-shadow: 0 5px 10px rgba(173, 180, 210, 0.3764705882); - box-shadow: 0 5px 10px rgba(173, 180, 210, 0.3764705882); - margin: 2px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + display: inline-flex; + align-items: center; + justify-content: center; + width: 30px; + height: 30px; + border-radius: 50%; + background-color: #fff; + box-shadow: 0 5px 10px rgba(173, 180, 210, 0.3764705882); + margin: 2px; + transition: 0.3s ease; } .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit:before, -.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add:before { - content: "\f044"; - font-family: "Font Awesome 5 Free"; - font-weight: 400; - font-size: 15px; - color: #2C99FF; +.directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-add:before { + content: "\f044"; + font-family: "Font Awesome 5 Free"; + font-weight: 400; + font-size: 15px; + color: #2c99ff; } @media only screen and (max-width: 1399px) { - .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit, - .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add { - width: 26px; - height: 26px; - margin-left: 6px; - } - .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit:before, - .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add:before { - font-size: 13px; - } + .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit, + .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add { + width: 26px; + height: 26px; + margin-left: 6px; + } + .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit:before, + .directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-add:before { + font-size: 13px; + } } @media only screen and (max-width: 1299px) { - .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit, - .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add { - width: 22px; - height: 22px; - margin-left: 6px; - } - .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit:before, - .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add:before { - font-size: 13px; - } + .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit, + .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add { + width: 22px; + height: 22px; + margin-left: 6px; + } + .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit:before, + .directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-add:before { + font-size: 13px; + } } .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add { - background-color: #08bf9c; - -webkit-box-shadow: none; - box-shadow: none; - display: none; -} -.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add:before { - content: "\f00c"; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - color: #fff; -} -.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add.active { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} -.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add.disabled { - opacity: 0.5; - pointer-events: none; + background-color: #08bf9c; + box-shadow: none; + display: none; +} +.directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-add:before { + content: "\f00c"; + font-family: "Font Awesome 5 Free"; + font-weight: 900; + color: #fff; +} +.directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-add.active { + display: inline-flex; +} +.directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-add.disabled { + opacity: 0.5; + pointer-events: none; } .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 30px; - height: 30px; - border-radius: 50%; - margin: 2px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - background-color: #ff006e; - color: #fff; -} -.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove:before { - content: "\f00d"; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - font-size: 15px; - color: #fff; -} -.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove--hidden { - opacity: 0; - visibility: hidden; - pointer-events: none; + display: inline-flex; + align-items: center; + justify-content: center; + width: 30px; + height: 30px; + border-radius: 50%; + margin: 2px; + transition: 0.3s ease; + background-color: #ff006e; + color: #fff; +} +.directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-remove:before { + content: "\f00d"; + font-family: "Font Awesome 5 Free"; + font-weight: 900; + font-size: 15px; + color: #fff; +} +.directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-remove--hidden { + opacity: 0; + visibility: hidden; + pointer-events: none; } @media only screen and (max-width: 1399px) { - .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove { - width: 26px; - height: 26px; - } - .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove:before { - font-size: 13px; - } + .directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-remove { + width: 26px; + height: 26px; + } + .directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-remove:before { + font-size: 13px; + } } @media only screen and (max-width: 1299px) { - .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove { - width: 22px; - height: 22px; - } - .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove:before { - font-size: 13px; - } + .directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-remove { + width: 22px; + height: 22px; + } + .directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-remove:before { + font-size: 13px; + } } .directorist-listing-slug-edit-wrap .directorist_loader { - position: absolute; - right: -40px; - top: 5px; + position: absolute; + right: -40px; + top: 5px; } .directorist_custom-checkbox input { - display: none; -} -.directorist_custom-checkbox input[type=checkbox] + label { - min-width: 18px; - min-height: 18px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - padding-left: 28px; - padding-top: 3px; - margin-bottom: 0; - line-height: 1.2; - font-weight: 400; - color: #5a5f7d; -} -.directorist_custom-checkbox input[type=checkbox] + label:before { - position: absolute; - font-size: 10px; - left: 6px; - top: 5px; - font-weight: 900; - font-family: "Font Awesome 5 Free"; - content: "\f00c"; - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; -} -.directorist_custom-checkbox input[type=checkbox] + label:after { - position: absolute; - left: 0; - top: 0; - width: 18px; - height: 18px; - border-radius: 50%; - content: ""; - background-color: #fff; - border: 2px solid #c6d0dc; -} -.directorist_custom-checkbox input[type=checkbox]:checked + label:after { - background-color: #00b158; - border-color: #00b158; -} -.directorist_custom-checkbox input[type=checkbox]:checked + label:before { - opacity: 1; - color: #fff; + display: none; +} +.directorist_custom-checkbox input[type="checkbox"] + label { + min-width: 18px; + min-height: 18px; + font-size: 14px; + display: flex; + flex-flow: column; + position: relative; + padding-left: 28px; + padding-top: 3px; + margin-bottom: 0; + line-height: 1.2; + font-weight: 400; + color: #5a5f7d; +} +.directorist_custom-checkbox input[type="checkbox"] + label:before { + position: absolute; + font-size: 10px; + left: 6px; + top: 5px; + font-weight: 900; + font-family: "Font Awesome 5 Free"; + content: "\f00c"; + display: block; + opacity: 0; + transition: all 0.3s ease 0s; + z-index: 2; +} +.directorist_custom-checkbox input[type="checkbox"] + label:after { + position: absolute; + left: 0; + top: 0; + width: 18px; + height: 18px; + border-radius: 50%; + content: ""; + background-color: #fff; + border: 2px solid #c6d0dc; +} +.directorist_custom-checkbox input[type="checkbox"]:checked + label:after { + background-color: #00b158; + border-color: #00b158; +} +.directorist_custom-checkbox input[type="checkbox"]:checked + label:before { + opacity: 1; + color: #fff; } .directorist_builder__content .directorist_badge { - display: inline-block; - padding: 4px 6px; - font-size: 75%; - font-weight: 700; - line-height: 1.5; - text-align: center; - white-space: nowrap; - vertical-align: baseline; - border-radius: 4px; - margin-left: 6px; - border: 0 none; + display: inline-block; + padding: 4px 6px; + font-size: 75%; + font-weight: 700; + line-height: 1.5; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 4px; + margin-left: 6px; + border: 0 none; } .directorist_builder__content .directorist_badge.directorist_badge-primary { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .directorist_table-responsive { - display: block !important; - width: 100%; - overflow-x: auto; - overflow-y: visible; + display: block !important; + width: 100%; + overflow-x: auto; + overflow-y: visible; } .cptm-delete-directory-modal .cptm-modal-header { - padding-left: 20px; + padding-left: 20px; } .cptm-delete-directory-modal .cptm-btn { - text-decoration: none; - display: inline-block; - text-align: center; - border: 1px solid; - padding: 10px 20px; - border-radius: 5px; - cursor: pointer; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - vertical-align: top; + text-decoration: none; + display: inline-block; + text-align: center; + border: 1px solid; + padding: 10px 20px; + border-radius: 5px; + cursor: pointer; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + vertical-align: top; } .cptm-delete-directory-modal .cptm-btn.cptm-btn-secondary { - color: #3e62f5; - border-color: #3e62f5; - background-color: transparent; + color: #3e62f5; + border-color: #3e62f5; + background-color: transparent; } .cptm-delete-directory-modal .cptm-btn.cptm-btn-secondary:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-delete-directory-modal .cptm-btn.cptm-btn-danger { - color: #ff272a; - border-color: #ff272a; - background-color: transparent; + color: #ff272a; + border-color: #ff272a; + background-color: transparent; } .cptm-delete-directory-modal .cptm-btn.cptm-btn-danger:hover { - color: #fff; - background-color: #ff272a; + color: #fff; + background-color: #ff272a; } .directorist_dropdown { - border: 1px solid #d2d6db; - border-radius: 8px; - position: relative; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + border: 1px solid #d2d6db; + border-radius: 8px; + position: relative; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); } .directorist_dropdown.--open { - border-color: #4d5761; + border-color: #4d5761; } .directorist_dropdown.--open .directorist_dropdown-toggle:before { - content: "\eb56"; + content: "\eb56"; } .directorist_dropdown .directorist_dropdown-toggle { - text-decoration: none; - color: #7a82a6; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 10px 15px; - width: auto !important; - height: 100%; - position: relative; + text-decoration: none; + color: #7a82a6; + display: flex; + align-items: center; + justify-content: space-between; + padding: 10px 15px; + width: auto !important; + height: 100%; + position: relative; } .directorist_dropdown .directorist_dropdown-toggle:before { - content: "\f347"; - font: normal 12px/1 dashicons; + content: "\f347"; + font: normal 12px/1 dashicons; } -.directorist_dropdown .directorist_dropdown-toggle .directorist_dropdown-toggle__text { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; +.directorist_dropdown + .directorist_dropdown-toggle + .directorist_dropdown-toggle__text { + order: -1; } .directorist_dropdown .directorist_dropdown-option { - display: none; - position: absolute; - width: 100%; - left: 0; - top: 44px; - padding: 15px; - background-color: #fff; - -webkit-box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); - box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); - border-radius: 5px; - z-index: 99999; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: none; + position: absolute; + width: 100%; + left: 0; + top: 44px; + padding: 15px; + background-color: #fff; + box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); + border-radius: 5px; + z-index: 99999; + box-sizing: border-box; } .directorist_dropdown .directorist_dropdown-option ul li a { - font-size: 14px; - font-weight: 500; - text-decoration: none; - display: block; - padding: 9px 10px; - border-radius: 4px; - color: #5a5f7d; + font-size: 14px; + font-weight: 500; + text-decoration: none; + display: block; + padding: 9px 10px; + border-radius: 4px; + color: #5a5f7d; } .directorist_dropdown .directorist_dropdown-option ul:empty { - position: relative; - height: 50px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + position: relative; + height: 50px; + display: flex; + align-items: center; + justify-content: center; } .directorist_dropdown .directorist_dropdown-option ul:empty:before { - content: "No Items Found"; + content: "No Items Found"; } .directorist_select .select2-container .select2-selection--single { - padding: 0 20px; - height: 38px; - border: 1px solid #c6d0dc; + padding: 0 20px; + height: 38px; + border: 1px solid #c6d0dc; } .directorist_loader { - position: relative; + position: relative; } .directorist_loader:before { - position: absolute; - content: ""; - right: 10px; - top: 31%; - border: 2px solid #dddddd; - border-radius: 50%; - border-top: 2px solid #272b41; - width: 20px; - height: 20px; - -webkit-animation: atbd_spin 2s linear infinite; - /* Safari */ - animation: atbd_spin 2s linear infinite; + position: absolute; + content: ""; + right: 10px; + top: 31%; + border: 2px solid #dddddd; + border-radius: 50%; + border-top: 2px solid #272b41; + width: 20px; + height: 20px; + -webkit-animation: atbd_spin 2s linear infinite; + /* Safari */ + animation: atbd_spin 2s linear infinite; } .directorist_disable { - pointer-events: none; + pointer-events: none; } #publishing-action.directorist_disable input#publish { - cursor: not-allowed; - opacity: 0.3; + cursor: not-allowed; + opacity: 0.3; } .directorist_more-dropdown { - position: relative; + position: relative; } .directorist_more-dropdown .directorist_more-dropdown-toggle { - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 40px; - width: 40px; - border-radius: 50% !important; - background-color: #fff !important; - padding: 0 !important; - color: #868eae !important; + display: flex !important; + align-items: center; + justify-content: center; + height: 40px; + width: 40px; + border-radius: 50% !important; + background-color: #fff !important; + padding: 0 !important; + color: #868eae !important; } .directorist_more-dropdown .directorist_more-dropdown-toggle:focus { - outline: none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + outline: none; + box-shadow: 0 0; } .directorist_more-dropdown .directorist_more-dropdown-toggle i, .directorist_more-dropdown .directorist_more-dropdown-toggle svg { - margin-right: 0 !important; + margin-right: 0 !important; } .directorist_more-dropdown .directorist_more-dropdown-option { - position: absolute; - min-width: 180px; - right: 20px; - top: 40px; - opacity: 0; - visibility: hidden; - background-color: #fff; - -webkit-box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); - box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); - border-radius: 6px; + position: absolute; + min-width: 180px; + right: 20px; + top: 40px; + opacity: 0; + visibility: hidden; + background-color: #fff; + -webkit-box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); + box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); + border-radius: 6px; } .directorist_more-dropdown .directorist_more-dropdown-option.active { - opacity: 1; - visibility: visible; - z-index: 22; + opacity: 1; + visibility: visible; + z-index: 22; } .directorist_more-dropdown .directorist_more-dropdown-option ul { - margin: 12px 0; + margin: 12px 0; } -.directorist_more-dropdown .directorist_more-dropdown-option ul li:not(:last-child) { - margin-bottom: 8px; +.directorist_more-dropdown + .directorist_more-dropdown-option + ul + li:not(:last-child) { + margin-bottom: 8px; } .directorist_more-dropdown .directorist_more-dropdown-option ul li a { - display: -webkit-inline-box !important; - display: -webkit-inline-flex !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px !important; - width: 100%; - padding: 0 16px !important; - margin: 0 !important; - line-height: 1.75 !important; - color: #5a5f7d !important; - background-color: #fff !important; + display: inline-flex !important; + align-items: center; + font-size: 14px !important; + width: 100%; + padding: 0 16px !important; + margin: 0 !important; + line-height: 1.75 !important; + color: #5a5f7d !important; + background-color: #fff !important; } .directorist_more-dropdown .directorist_more-dropdown-option ul li a:focus { - outline: none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + outline: none; + box-shadow: 0 0; } .directorist_more-dropdown .directorist_more-dropdown-option ul li a i { - font-size: 16px; - margin-right: 15px !important; - color: #c6d0dc; + font-size: 16px; + margin-right: 15px !important; + color: #c6d0dc; } .directorist_more-dropdown.default .directorist_more-dropdown-toggle { - opacity: 0.5; - pointer-events: none; + opacity: 0.5; + pointer-events: none; } @-webkit-keyframes atbd_spin { - 0% { - -webkit-transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - } + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + } } @keyframes atbd_spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } } -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before { - left: 5px !important; - top: 5px !important; +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + left: 5px !important; + top: 5px !important; } .directorist-form-group.directorist-faq-group { - margin-bottom: 30px; + margin-bottom: 30px; } .directory_types-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -8px; + display: flex; + align-items: center; + flex-wrap: wrap; + margin: -8px; } .directory_types-wrapper .directory_type-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 8px; + display: flex; + align-items: center; + flex-wrap: wrap; + padding: 8px; } .directory_types-wrapper .directory_type-group label { - padding: 0 0 0 2px; + padding: 0 0 0 2px; } .directory_types-wrapper .directory_type-group input { - position: relative; - top: 2px; + position: relative; + top: 2px; } .csv-action-btns { - padding-left: 15px; + padding-left: 15px; } #atbdp_ie_download_sample { - display: inline-block; - padding: 0 20px; - color: #fff; - font-size: 14px; - text-decoration: none; - font-weight: 500; - line-height: 40px; - border-radius: 4px; - cursor: pointer; - border: 1px solid #3e62f5; - background-color: #3e62f5; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 0 20px; + color: #fff; + font-size: 14px; + text-decoration: none; + font-weight: 500; + line-height: 40px; + border-radius: 4px; + cursor: pointer; + border: 1px solid #3e62f5; + background-color: #3e62f5; + transition: all ease-in-out 300ms; } #atbdp_ie_download_sample:hover { - border-color: #264ef4; - background: #264ef4; - color: #fff; + border-color: #264ef4; + background: #264ef4; + color: #fff; } div#gmap { - height: 400px; + height: 400px; } .cor-wrap, .lat_btn_wrap { - margin-top: 15px; + margin-top: 15px; } img.atbdp-file-info { - max-width: 200px; + max-width: 200px; } /* admin notice */ .directorist__notice_new { - font-size: 13px; - font-weight: 500; - margin-bottom: 2px !important; + font-size: 13px; + font-weight: 500; + margin-bottom: 2px !important; } .directorist__notice_new span { - display: block; - font-weight: 600; - font-size: 14px; + display: block; + font-weight: 600; + font-size: 14px; } .directorist__notice_new a { - color: #3e62f5; - font-weight: 700; + color: #3e62f5; + font-weight: 700; } .directorist__notice_new + p { - margin-top: 0px !important; + margin-top: 0px !important; } .directorist__notice_new_action a { - color: #3e62f5; - font-weight: 700; - color: red; + color: #3e62f5; + font-weight: 700; + color: red; } .directorist__notice_new_action .directorist__notice_new__btn { - display: inline-block; - text-align: center; - border: 1px solid #3e62f5; - padding: 8px 17px; - border-radius: 5px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - font-weight: 500; - font-size: 15px; - color: #fff; - background-color: #3e62f5; - margin-right: 10px; + display: inline-block; + text-align: center; + border: 1px solid #3e62f5; + padding: 8px 17px; + border-radius: 5px; + cursor: pointer; + transition: all ease-in-out 300ms; + font-weight: 500; + font-size: 15px; + color: #fff; + background-color: #3e62f5; + margin-right: 10px; } .directorist__notice_new_action .directorist__notice_new__btn:hover { - color: #fff; + color: #fff; } .add_listing_form_wrapper#gallery_upload { - padding: 30px; - text-align: center; - border-radius: 5px; - border: 1px dashed #dbdee9; + padding: 30px; + text-align: center; + border-radius: 5px; + border: 1px dashed #dbdee9; } .add_listing_form_wrapper#gallery_upload .listing-prv-img-container { - text-align: center; + text-align: center; } .directorist_select .select2.select2-container .select2-selection--single { - border: 1px solid #8c8f94; - min-height: 40px; + border: 1px solid #8c8f94; + min-height: 40px; } -.directorist_select .select2.select2-container .select2-selection--single .select2-selection__rendered { - height: auto; - line-height: 38px; - padding: 0 15px; +.directorist_select + .select2.select2-container + .select2-selection--single + .select2-selection__rendered { + height: auto; + line-height: 38px; + padding: 0 15px; } .directorist_select .select2.select2-container .select2-results__option i, -.directorist_select .select2.select2-container .select2-results__option span.las, -.directorist_select .select2.select2-container .select2-results__option span.lab, +.directorist_select + .select2.select2-container + .select2-results__option + span.las, +.directorist_select + .select2.select2-container + .select2-results__option + span.lab, .directorist_select .select2.select2-container .select2-results__option span.la, -.directorist_select .select2.select2-container .select2-results__option span.fas, -.directorist_select .select2.select2-container .select2-results__option span.fab, -.directorist_select .select2.select2-container .select2-results__option span.far, -.directorist_select .select2.select2-container .select2-results__option span.fa { - font-size: 16px; -} - -#style_settings__color_settings .cptm-field-wraper-type-wp-media-picker input[type=button].cptm-btn { - display: none; +.directorist_select + .select2.select2-container + .select2-results__option + span.fas, +.directorist_select + .select2.select2-container + .select2-results__option + span.fab, +.directorist_select + .select2.select2-container + .select2-results__option + span.far, +.directorist_select + .select2.select2-container + .select2-results__option + span.fa { + font-size: 16px; +} + +#style_settings__color_settings + .cptm-field-wraper-type-wp-media-picker + input[type="button"].cptm-btn { + display: none; } .cptm-create-directory-modal .cptm-modal { - width: 100%; - max-width: 680px; - padding: 40px 36px; - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + max-width: 680px; + padding: 40px 36px; + border-radius: 8px; + box-sizing: border-box; } .cptm-create-directory-modal .cptm-create-directory-modal__header { - padding: 0; - margin: 0; - border: none; -} -.cptm-create-directory-modal .cptm-create-directory-modal__header .cptm-modal-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - position: absolute; - top: -28px; - right: -24px; - margin: 0; - padding: 0; - height: 32px; - width: 32px; - border-radius: 50%; - border: none; - color: #3c3c3c; - background-color: transparent; - cursor: pointer; - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; -} -.cptm-create-directory-modal .cptm-create-directory-modal__header .cptm-modal-action-link svg path { - -webkit-transition: fill ease 0.3s; - transition: fill ease 0.3s; -} -.cptm-create-directory-modal .cptm-create-directory-modal__header .cptm-modal-action-link:hover svg path { - fill: #9746ff; + padding: 0; + margin: 0; + border: none; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__header + .cptm-modal-action-link { + display: flex; + align-items: center; + justify-content: center; + position: absolute; + top: -28px; + right: -24px; + margin: 0; + padding: 0; + height: 32px; + width: 32px; + border-radius: 50%; + border: none; + color: #3c3c3c; + background-color: transparent; + cursor: pointer; + transition: background-color 0.3s; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__header + .cptm-modal-action-link + svg + path { + transition: fill ease 0.3s; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__header + .cptm-modal-action-link:hover + svg + path { + fill: #9746ff; } .cptm-create-directory-modal .cptm-create-directory-modal__body { - padding-top: 36px; + padding-top: 36px; } -.cptm-create-directory-modal .cptm-create-directory-modal__body .directorist_template_notice { - margin-top: 10px; - color: #f80718; +.cptm-create-directory-modal + .cptm-create-directory-modal__body + .directorist_template_notice { + margin-top: 10px; + color: #f80718; } -.cptm-create-directory-modal .cptm-create-directory-modal__body .directorist_template_notice.cptm-section-alert-success { - color: #28a800; +.cptm-create-directory-modal + .cptm-create-directory-modal__body + .directorist_template_notice.cptm-section-alert-success { + color: #28a800; } .cptm-create-directory-modal .cptm-create-directory-modal__title { - font-size: 20px; - line-height: 28px; - font-weight: 600; - color: #141921; - text-align: center; + font-size: 20px; + line-height: 28px; + font-weight: 600; + color: #141921; + text-align: center; } .cptm-create-directory-modal .cptm-create-directory-modal__desc { - font-size: 12px; - line-height: 18px; - font-weight: 400; - color: #4d5761; - text-align: center; - margin: 0; + font-size: 12px; + line-height: 18px; + font-weight: 400; + color: #4d5761; + text-align: center; + margin: 0; } .cptm-create-directory-modal .cptm-create-directory-modal__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 16px; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - text-align: center; - padding: 32px 24px; - background-color: #f3f4f6; - border: 1px solid #f3f4f6; - border-radius: 8px; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single:hover, .cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single:focus { - background-color: #f0f3ff; - border-color: #3e62f5; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single.disabled { - opacity: 0.5; - pointer-events: none; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-flex: unset; - -webkit-flex-grow: unset; - -ms-flex-positive: unset; - flex-grow: unset; - height: 40px; - width: 40px; - min-height: 40px; - min-width: 40px; - border-radius: 50%; - background-color: #0b99ff; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-icon.create-template { - background-color: #ff5c16; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-icon.create-scratch { - background-color: #0b99ff; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-icon.create-ai { - background-color: #9746ff; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-text { - font-size: 14px; - line-height: 19px; - font-weight: 600; - color: #4d5761; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-desc { - font-size: 12px; - line-height: 18px; - font-weight: 400; - color: #3e62f5; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-badge { - position: absolute; - top: 8px; - right: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - height: 24px; - padding: 4px 8px; - border-radius: 4px; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-badge.modal-badge--new { - color: #3e62f5; - background-color: #c0ccfc; + display: flex; + gap: 16px; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single { + position: relative; + display: flex; + gap: 8px; + align-items: center; + flex-direction: column; + flex: 1; + text-align: center; + padding: 32px 24px; + background-color: #f3f4f6; + border: 1px solid #f3f4f6; + border-radius: 8px; + cursor: pointer; + box-sizing: border-box; + box-shadow: none; + transition: all ease 0.3s; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single:hover, +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single:focus { + background-color: #f0f3ff; + border-color: #3e62f5; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single.disabled { + opacity: 0.5; + pointer-events: none; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-btn-icon { + display: flex; + align-items: center; + justify-content: center; + flex-grow: unset; + height: 40px; + width: 40px; + min-height: 40px; + min-width: 40px; + border-radius: 50%; + background-color: #0b99ff; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-btn-icon.create-template { + background-color: #ff5c16; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-btn-icon.create-scratch { + background-color: #0b99ff; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-btn-icon.create-ai { + background-color: #9746ff; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-btn-text { + font-size: 14px; + line-height: 19px; + font-weight: 600; + color: #4d5761; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-btn-desc { + font-size: 12px; + line-height: 18px; + font-weight: 400; + color: #3e62f5; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-badge { + position: absolute; + top: 8px; + right: 8px; + display: flex; + gap: 8px; + align-items: center; + height: 24px; + padding: 4px 8px; + border-radius: 4px; + box-sizing: border-box; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-badge.modal-badge--new { + color: #3e62f5; + background-color: #c0ccfc; } .directorist-flex { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-flex-wrap { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .directorist-align-center { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + align-items: center; } .directorist-justify-content-center { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .directorist-justify-content-between { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; } .directorist-justify-content-around { - -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - justify-content: space-around; + justify-content: space-around; } .directorist-justify-content-start { - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; } .directorist-justify-content-end { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; } .directorist-display-none { - display: none; + display: none; } .directorist-icon-mask:after { - content: ""; - display: block; - width: 18px; - height: 18px; - background-color: var(--directorist-color-dark); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: var(--directorist-icon); - mask-image: var(--directorist-icon); + content: ""; + display: block; + width: 18px; + height: 18px; + background-color: var(--directorist-color-dark); + mask-repeat: no-repeat; + mask-position: center; + mask-image: var(--directorist-icon); } .directorist-error__msg { - color: var(--directorist-color-danger); - font-size: 14px; + color: var(--directorist-color-danger); + font-size: 14px; } .directorist-content-active .entry-content .directorist-search-contents { - width: 100% !important; - max-width: 100% !important; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100% !important; + max-width: 100% !important; + box-sizing: border-box; } /* directorist module style */ .directorist-content-module { - border: 1px solid var(--directorist-color-border); + border: 1px solid var(--directorist-color-border); } .directorist-content-module__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 15px 40px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - min-height: 36px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: flex; + justify-content: space-between; + padding: 15px 40px; + align-items: center; + flex-wrap: wrap; + min-height: 36px; + box-sizing: border-box; } @media (max-width: 480px) { - .directorist-content-module__title { - padding: 20px; - } + .directorist-content-module__title { + padding: 20px; + } } .directorist-content-module__title h2 { - margin: 0 !important; - font-size: 16px; - font-weight: 500; - line-height: 1.2; + margin: 0 !important; + font-size: 16px; + font-weight: 500; + line-height: 1.2; } .directorist-content-module__contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 40px 0; - padding: 30px 40px 40px; - border-top: 1px solid var(--directorist-color-border); + display: flex; + flex-direction: column; + gap: 40px 0; + padding: 30px 40px 40px; + border-top: 1px solid var(--directorist-color-border); } @media (max-width: 480px) { - .directorist-content-module__contents { - padding: 20px; - } -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-wrap { - margin-top: -30px; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs { - position: relative; - bottom: -7px; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs .wp-switch-editor { - margin: 0; - border: none; - border-radius: 5px; - padding: 5px 10px 12px; - background: transparent; - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .html-active .switch-html, -.directorist-content-module__contents .directorist-form-description-field .tmce-active .switch-tmce { - background-color: #f6f7f7; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-container { - border: none; - border-bottom: 1px solid var(--directorist-color-border); -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-container input { - background: transparent !important; - color: var(--directorist-color-body) !important; - border-color: var(--directorist-color-border); -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-area { - border: none; - resize: none; - min-height: 238px; -} -.directorist-content-module__contents .directorist-form-description-field .mce-top-part::before { - display: none; -} -.directorist-content-module__contents .directorist-form-description-field .mce-stack-layout { - border: none; - padding: 0; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar-grp, -.directorist-content-module__contents .directorist-form-description-field .quicktags-toolbar { - border: none; - padding: 8px 12px; - border-radius: 8px; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-ico { - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn button, -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn-group .mce-btn.mce-listbox { - background: transparent; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-menubtn.mce-fixed-width span.mce-txt { - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .mce-statusbar { - display: none; -} -.directorist-content-module__contents .directorist-form-description-field #wp-listing_content-editor-tools { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-content-module__contents .directorist-form-description-field iframe { - max-width: 100%; -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn { - width: 100%; - gap: 10px; - padding-left: 40px; -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn i::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-btn); -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover i::after { - background-color: var(--directorist-color-white); -} -.directorist-content-module__contents .directorist-form-social-info-field select { - color: var(--directorist-color-primary); -} -.directorist-content-module__contents .directorist-checkbox .directorist-checkbox__label { - margin-left: 0; + .directorist-content-module__contents { + padding: 20px; + } +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-wrap { + margin-top: -30px; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-tabs { + position: relative; + bottom: -7px; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-tabs + .wp-switch-editor { + margin: 0; + border: none; + border-radius: 5px; + padding: 5px 10px 12px; + background: transparent; + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .html-active + .switch-html, +.directorist-content-module__contents + .directorist-form-description-field + .tmce-active + .switch-tmce { + background-color: #f6f7f7; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-container { + border: none; + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-container + input { + background: transparent !important; + color: var(--directorist-color-body) !important; + border-color: var(--directorist-color-border); +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-area { + border: none; + resize: none; + min-height: 238px; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-top-part::before { + display: none; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-stack-layout { + border: none; + padding: 0; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar-grp, +.directorist-content-module__contents + .directorist-form-description-field + .quicktags-toolbar { + border: none; + padding: 8px 12px; + border-radius: 8px; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-ico { + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-btn + button, +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-btn-group + .mce-btn.mce-listbox { + background: transparent; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-menubtn.mce-fixed-width + span.mce-txt { + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-statusbar { + display: none; +} +.directorist-content-module__contents + .directorist-form-description-field + #wp-listing_content-editor-tools { + display: flex; + justify-content: flex-end; +} +.directorist-content-module__contents + .directorist-form-description-field + iframe { + max-width: 100%; +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn { + width: 100%; + gap: 10px; + padding-left: 40px; +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn + i::after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-btn); +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn:hover + i::after { + background-color: var(--directorist-color-white); +} +.directorist-content-module__contents + .directorist-form-social-info-field + select { + color: var(--directorist-color-primary); +} +.directorist-content-module__contents + .directorist-checkbox + .directorist-checkbox__label { + margin-left: 0; } .directorist-content-active #directorist.atbd_wrapper { - max-width: 100%; + max-width: 100%; } .directorist-content-active #directorist.atbd_wrapper .atbd_header_bar { - margin-bottom: 35px; + margin-bottom: 35px; } #directorist-dashboard-preloader { - display: none; + display: none; } .directorist-form-required { - color: var(--directorist-color-danger); + color: var(--directorist-color-danger); } .directory_register_form_wrap .dgr_show_recaptcha { - margin-bottom: 20px; + margin-bottom: 20px; } .directory_register_form_wrap .dgr_show_recaptcha > p { - font-size: 16px; - color: var(--directorist-color-primary); - font-weight: 600; - margin-bottom: 8px !important; + font-size: 16px; + color: var(--directorist-color-primary); + font-weight: 600; + margin-bottom: 8px !important; } .directory_register_form_wrap a { - text-decoration: none; + text-decoration: none; } .atbd_login_btn_wrapper .directorist-btn { - line-height: 2.55; - padding-top: 0; - padding-bottom: 0; + line-height: 2.55; + padding-top: 0; + padding-bottom: 0; } -.atbd_login_btn_wrapper .keep_signed.directorist-checkbox .directorist-checkbox__label { - color: var(--directorist-color-primary); +.atbd_login_btn_wrapper + .keep_signed.directorist-checkbox + .directorist-checkbox__label { + color: var(--directorist-color-primary); } .atbdp_login_form_shortcode .directorist-form-group label { - display: inline-block; - margin-bottom: 5px; + display: inline-block; + margin-bottom: 5px; } .atbdp_login_form_shortcode a { - text-decoration: none; + text-decoration: none; } .directory_register_form_wrap .directorist-form-group label { - display: inline-block; - margin-bottom: 5px; + display: inline-block; + margin-bottom: 5px; } .directory_register_form_wrap .directorist-btn { - line-height: 2.55; - padding-top: 0; - padding-bottom: 0; + line-height: 2.55; + padding-top: 0; + padding-bottom: 0; } .directorist-quick-login .directorist-form-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + gap: 15px; + align-items: center; } .atbd_success_mesage > p i { - top: 2px; - margin-right: 5px; - position: relative; - display: inline-block; + top: 2px; + margin-right: 5px; + position: relative; + display: inline-block; } .directorist-loader { - position: relative; + position: relative; } .directorist-loader:before { - position: absolute; - content: ""; - right: 20px; - top: 31%; - border: 2px solid var(--directorist-color-white); - border-radius: 50%; - border-top: 2px solid var(--directorist-color-primary); - width: 20px; - height: 20px; - -webkit-animation: atbd_spin 2s linear infinite; - animation: atbd_spin 2s linear infinite; + position: absolute; + content: ""; + right: 20px; + top: 31%; + border: 2px solid var(--directorist-color-white); + border-radius: 50%; + border-top: 2px solid var(--directorist-color-primary); + width: 20px; + height: 20px; + animation: atbd_spin 2s linear infinite; } .plupload-upload-uic { - width: 420px; - margin: 0 auto !important; - border: 1px dashed var(--directorist-color-border-gray); - padding: 30px; + width: 420px; + margin: 0 auto !important; + border: 1px dashed var(--directorist-color-border-gray); + padding: 30px; } .plupload-upload-uic .atbdp-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; + font-weight: 500; + margin-bottom: 15px; + font-size: 15px; } .plupload-upload-uic .atbdp_button { - border: 1px solid var(--directorist-color-border); - background-color: var(--directorist-color-ss-bg-light); - font-size: 14px; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 40px !important; - padding: 0 30px !important; - height: auto !important; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - color: inherit; + border: 1px solid var(--directorist-color-border); + background-color: var(--directorist-color-ss-bg-light); + font-size: 14px; + box-shadow: none; + line-height: 40px !important; + padding: 0 30px !important; + height: auto !important; + transition: 0.3s ease; + color: inherit; } .plupload-upload-uic .atbdp-dropbox-file-types { - margin-top: 10px; - color: var(--directorist-color-deep-gray); + margin-top: 10px; + color: var(--directorist-color-deep-gray); } @media (max-width: 575px) { - .plupload-upload-uic { - width: 100%; - } + .plupload-upload-uic { + width: 100%; + } } .directorist-address-field .address_result, .directorist-form-address-field .address_result { - position: absolute; - left: 0; - top: 100%; - width: 100%; - max-height: 345px !important; - overflow-y: scroll; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); - box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); - z-index: 10; + position: absolute; + left: 0; + top: 100%; + width: 100%; + max-height: 345px !important; + overflow-y: scroll; + border-radius: 8px; + background-color: var(--directorist-color-white); + box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); + z-index: 10; } .directorist-address-field .address_result ul, .directorist-form-address-field .address_result ul { - list-style: none; - margin: 0; - padding: 0; - border-radius: 8px; + list-style: none; + margin: 0; + padding: 0; + border-radius: 8px; } .directorist-address-field .address_result li, .directorist-form-address-field .address_result li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; - margin: 0; - padding: 10px 20px; - border-bottom: 1px solid #eee; + display: flex; + align-items: center; + gap: 15px; + margin: 0; + padding: 10px 20px; + border-bottom: 1px solid #eee; } .directorist-address-field .address_result li a, .directorist-form-address-field .address_result li a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 15px; - font-size: 14px; - line-height: 18px; - padding: 0; - margin: 0; - color: #767792; - background-color: var(--directorist-color-white); - border-bottom: 1px solid #d9d9d9; - text-decoration: none; - -webkit-transition: color 0.3s ease, border 0.3s ease; - transition: color 0.3s ease, border 0.3s ease; + display: flex; + align-items: flex-start; + gap: 15px; + font-size: 14px; + line-height: 18px; + padding: 0; + margin: 0; + color: #767792; + background-color: var(--directorist-color-white); + border-bottom: 1px solid #d9d9d9; + text-decoration: none; + transition: + color 0.3s ease, + border 0.3s ease; } .directorist-address-field .address_result li a:hover, .directorist-form-address-field .address_result li a:hover { - color: var(--directorist-color-dark); - border-bottom: 1px dashed #e9e9e9; + color: var(--directorist-color-dark); + border-bottom: 1px dashed #e9e9e9; } .directorist-address-field .address_result li:last-child, .directorist-form-address-field .address_result li:last-child { - border: none; + border: none; } .directorist-address-field .address_result li:last-child a, .directorist-form-address-field .address_result li:last-child a { - border: none; + border: none; } .pac-container { - list-style: none; - margin: 0; - padding: 18px 5px 11px; - max-width: 270px; - min-width: 200px; - border-radius: 8px; + list-style: none; + margin: 0; + padding: 18px 5px 11px; + max-width: 270px; + min-width: 200px; + border-radius: 8px; } @media (max-width: 575px) { - .pac-container { - max-width: unset; - width: calc(100% - 30px) !important; - left: 30px !important; - } + .pac-container { + max-width: unset; + width: calc(100% - 30px) !important; + left: 30px !important; + } } .pac-container .pac-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 13px 7px; - padding: 0; - border: none; - background: unset; - cursor: pointer; + display: flex; + align-items: center; + margin: 0 13px 7px; + padding: 0; + border: none; + background: unset; + cursor: pointer; } .pac-container .pac-item span { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .pac-container .pac-item .pac-matched { - font-weight: 400; + font-weight: 400; } .pac-container .pac-item:hover span { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .pac-container .pac-icon-marker { - position: relative; - height: 36px; - width: 36px; - min-width: 36px; - border-radius: 8px; - margin: 0 15px 0 0; - background-color: var(--directorist-color-border-gray); + position: relative; + height: 36px; + width: 36px; + min-width: 36px; + border-radius: 8px; + margin: 0 15px 0 0; + background-color: var(--directorist-color-border-gray); } .pac-container .pac-icon-marker:after { - content: ""; - display: block; - width: 12px; - height: 20px; - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/c5960c249e03a1405b32.svg); - mask-image: url(../js/c5960c249e03a1405b32.svg); + content: ""; + display: block; + width: 12px; + height: 20px; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + background-color: var(--directorist-color-body); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); } .pac-container:after { - display: none; + display: none; } p.status:empty { - display: none; + display: none; } -.gateway_list input[type=radio] { - margin-right: 5px; +.gateway_list input[type="radio"] { + margin-right: 5px; } .directorist-checkout-form .directorist-container-fluid { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } .directorist-checkout-form ul { - list-style-type: none; + list-style-type: none; } .directorist-select select { - width: 100%; - height: 40px; - border: none; - color: var(--directorist-color-body); - border-bottom: 1px solid var(--directorist-color-border-gray); + width: 100%; + height: 40px; + border: none; + color: var(--directorist-color-body); + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-select select:focus { - outline: 0; + outline: 0; } .directorist-content-active .select2-container--open .select2-dropdown--above { - top: 0; - border-color: var(--directorist-color-border); + top: 0; + border-color: var(--directorist-color-border); } -body.logged-in.directorist-content-active .select2-container--open .select2-dropdown--above { - top: 32px; +body.logged-in.directorist-content-active + .select2-container--open + .select2-dropdown--above { + top: 32px; } .directorist-content-active .select2-container--default .select2-dropdown { - border: none; - border-radius: 10px !important; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + border: none; + border-radius: 10px !important; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } -.directorist-content-active .select2-container--default .select2-search--dropdown { - padding: 20px 20px 10px 20px; +.directorist-content-active + .select2-container--default + .select2-search--dropdown { + padding: 20px 20px 10px 20px; } .directorist-content-active .select2-container--default .select2-search__field { - padding: 10px 18px !important; - border-radius: 8px; - background: transparent; - color: var(--directorist-color-deep-gray); - border: 1px solid var(--directorist-color-border-gray) !important; + padding: 10px 18px !important; + border-radius: 8px; + background: transparent; + color: var(--directorist-color-deep-gray); + border: 1px solid var(--directorist-color-border-gray) !important; } -.directorist-content-active .select2-container--default .select2-search__field:focus { - outline: 0; +.directorist-content-active + .select2-container--default + .select2-search__field:focus { + outline: 0; } .directorist-content-active .select2-container--default .select2-results { - padding-bottom: 10px; -} -.directorist-content-active .select2-container--default .select2-results__option { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 15px; - padding: 6px 20px; - color: var(--directorist-color-body); - font-size: 14px; - line-height: 1.5; -} -.directorist-content-active .select2-container--default .select2-results__option--highlighted { - font-weight: 500; - color: var(--directorist-color-primary) !important; - background-color: transparent; -} -.directorist-content-active .select2-container--default .select2-results__message { - margin-bottom: 10px !important; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li { - margin-left: 0; - margin-top: 8.5px; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group { - margin-bottom: 0; - padding: 0; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group .form-control { - height: 24.5px; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field { - margin: 0; - max-width: none; - width: 100% !important; - padding: 0 !important; - border: none !important; -} -.directorist-content-active .select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: rgba(var(--directorist-color-primary-rgb), 0.1) !important; - font-weight: 400; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option { - margin: 0; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option[aria-selected=true] { - font-weight: 600; - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary-rgb), 0.1); - pointer-events: none; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask { - margin-right: 12px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); + padding-bottom: 10px; +} +.directorist-content-active + .select2-container--default + .select2-results__option { + display: flex; + justify-content: space-between; + gap: 15px; + padding: 6px 20px; + color: var(--directorist-color-body); + font-size: 14px; + line-height: 1.5; +} +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted { + font-weight: 500; + color: var(--directorist-color-primary) !important; + background-color: transparent; +} +.directorist-content-active + .select2-container--default + .select2-results__message { + margin-bottom: 10px !important; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li { + margin-left: 0; + margin-top: 8.5px; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li.select2-search--inline.form-group { + margin-bottom: 0; + padding: 0; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li.select2-search--inline.form-group + .form-control { + height: 24.5px; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li + .select2-search__field { + margin: 0; + max-width: none; + width: 100% !important; + padding: 0 !important; + border: none !important; +} +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted[aria-selected] { + background-color: rgba( + var(--directorist-color-primary-rgb), + 0.1 + ) !important; + font-weight: 400; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option { + margin: 0; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option[aria-selected="true"] { + font-weight: 600; + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.1); + pointer-events: none; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents { + display: flex; + align-items: center; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask { + margin-right: 12px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); } @media (max-width: 575px) { - .directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask { - width: 40px; - height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - background-color: var(--directorist-color-bg-light); - } -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-2 { - padding-left: 20px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-3 { - padding-left: 40px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-4 { - padding-left: 60px; -} -.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered { - opacity: 1; -} -.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-content-active .select2-container--default .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-body) !important; + .directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask { + width: 40px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 8px; + background-color: var(--directorist-color-bg-light); + } +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-2 { + padding-left: 20px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-3 { + padding-left: 40px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-4 { + padding-left: 60px; +} +.directorist-content-active + .select2-container--default + .select2-selection--single + .select2-selection__rendered { + opacity: 1; +} +.directorist-content-active + .select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + display: flex; + align-items: center; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-content-active + .select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-body) !important; } .custom-checkbox input { - display: none; -} -.custom-checkbox input[type=checkbox] + .check--select + label, -.custom-checkbox input[type=radio] + .radio--select + label { - min-width: 18px; - min-height: 18px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - padding-left: 28px; - padding-top: 3px; - padding-bottom: 3px; - margin-bottom: 0; - line-height: 1.2; - font-weight: 400; - color: var(--directorist-color-gray); -} -.custom-checkbox input[type=checkbox] + .check--select + label:before, -.custom-checkbox input[type=radio] + .radio--select + label:before { - position: absolute; - font-size: 10px; - left: 5px; - top: 5px; - font-weight: 900; - font-family: "Font Awesome 5 Free"; - content: "\f00c"; - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; -} -.custom-checkbox input[type=checkbox] + .check--select + label:after, -.custom-checkbox input[type=radio] + .radio--select + label:after { - position: absolute; - left: 0; - top: 3px; - width: 18px; - height: 18px; - content: ""; - background-color: var(--directorist-color-white); - border: 2px solid var(--directorist-color-border-gray); -} -.custom-checkbox input[type=radio] + .radio--select + label:before { - top: 8px; - font-size: 9px; -} -.custom-checkbox input[type=radio] + .radio--select + label:after { - border-radius: 50%; -} -.custom-checkbox input[type=radio] + .radio--select + label span { - color: var(--directorist-color-light-gray); -} -.custom-checkbox input[type=radio] + .radio--select + label span.active { - color: var(--directorist-color-warning); -} -.custom-checkbox input[type=checkbox]:checked + .check--select + label:after, -.custom-checkbox input[type=radio]:checked + .radio--select + label:after { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); -} -.custom-checkbox input[type=checkbox]:checked + .check--select + label:before, -.custom-checkbox input[type=radio]:checked + .radio--select + label:before { - opacity: 1; - color: var(--directorist-color-white); + display: none; +} +.custom-checkbox input[type="checkbox"] + .check--select + label, +.custom-checkbox input[type="radio"] + .radio--select + label { + min-width: 18px; + min-height: 18px; + font-size: 14px; + display: flex; + flex-flow: column; + position: relative; + padding-left: 28px; + padding-top: 3px; + padding-bottom: 3px; + margin-bottom: 0; + line-height: 1.2; + font-weight: 400; + color: var(--directorist-color-gray); +} +.custom-checkbox input[type="checkbox"] + .check--select + label:before, +.custom-checkbox input[type="radio"] + .radio--select + label:before { + position: absolute; + font-size: 10px; + left: 5px; + top: 5px; + font-weight: 900; + font-family: "Font Awesome 5 Free"; + content: "\f00c"; + display: block; + opacity: 0; + transition: all 0.3s ease 0s; + z-index: 2; +} +.custom-checkbox input[type="checkbox"] + .check--select + label:after, +.custom-checkbox input[type="radio"] + .radio--select + label:after { + position: absolute; + left: 0; + top: 3px; + width: 18px; + height: 18px; + content: ""; + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border-gray); +} +.custom-checkbox input[type="radio"] + .radio--select + label:before { + top: 8px; + font-size: 9px; +} +.custom-checkbox input[type="radio"] + .radio--select + label:after { + border-radius: 50%; +} +.custom-checkbox input[type="radio"] + .radio--select + label span { + color: var(--directorist-color-light-gray); +} +.custom-checkbox input[type="radio"] + .radio--select + label span.active { + color: var(--directorist-color-warning); +} +.custom-checkbox input[type="checkbox"]:checked + .check--select + label:after, +.custom-checkbox input[type="radio"]:checked + .radio--select + label:after { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); +} +.custom-checkbox input[type="checkbox"]:checked + .check--select + label:before, +.custom-checkbox input[type="radio"]:checked + .radio--select + label:before { + opacity: 1; + color: var(--directorist-color-white); } .directorist-table { - display: table; - width: 100%; -} - -.reset-pseudo-link:visited, .atbdp-nav-link:visited, .cptm-modal-action-link:visited, .cptm-header-action-link:visited, .cptm-sub-nav__item-link:visited, .cptm-form-builder-header-action-link:visited, .cptm-link-light:visited, .cptm-header-nav__list-item-link:visited, .cptm-btn:visited, .reset-pseudo-link:active, .atbdp-nav-link:active, .cptm-modal-action-link:active, .cptm-header-action-link:active, .cptm-sub-nav__item-link:active, .cptm-form-builder-header-action-link:active, .cptm-link-light:active, .cptm-header-nav__list-item-link:active, .cptm-btn:active, .reset-pseudo-link:focus, .atbdp-nav-link:focus, .cptm-modal-action-link:focus, .cptm-header-action-link:focus, .cptm-sub-nav__item-link:focus, .cptm-form-builder-header-action-link:focus, .cptm-link-light:focus, .cptm-header-nav__list-item-link:focus, .cptm-btn:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + display: table; + width: 100%; +} + +.reset-pseudo-link:visited, +.atbdp-nav-link:visited, +.cptm-modal-action-link:visited, +.cptm-header-action-link:visited, +.cptm-sub-nav__item-link:visited, +.cptm-form-builder-header-action-link:visited, +.cptm-link-light:visited, +.cptm-header-nav__list-item-link:visited, +.cptm-btn:visited, +.reset-pseudo-link:active, +.atbdp-nav-link:active, +.cptm-modal-action-link:active, +.cptm-header-action-link:active, +.cptm-sub-nav__item-link:active, +.cptm-form-builder-header-action-link:active, +.cptm-link-light:active, +.cptm-header-nav__list-item-link:active, +.cptm-btn:active, +.reset-pseudo-link:focus, +.atbdp-nav-link:focus, +.cptm-modal-action-link:focus, +.cptm-header-action-link:focus, +.cptm-sub-nav__item-link:focus, +.cptm-form-builder-header-action-link:focus, +.cptm-link-light:focus, +.cptm-header-nav__list-item-link:focus, +.cptm-btn:focus { + outline: none; + box-shadow: none; } .cptm-shortcodes { - max-height: 300px; - overflow: scroll; + max-height: 300px; + overflow: scroll; } .directorist-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-center-content-inline { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: inline-flex; } .directorist-center-content, .directorist-center-content-inline { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; } .directorist-text-right { - text-align: right; + text-align: right; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-text-left { - text-align: left; + text-align: left; } .directorist-mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .directorist-mt-5 { - margin-top: 5px !important; + margin-top: 5px !important; } .directorist-mt-10 { - margin-top: 10px !important; + margin-top: 10px !important; } .directorist-mt-15 { - margin-top: 15px !important; + margin-top: 15px !important; } .directorist-mt-20 { - margin-top: 20px !important; + margin-top: 20px !important; } .directorist-mt-30 { - margin-top: 30px !important; + margin-top: 30px !important; } .directorist-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-25 { - margin-bottom: 25px !important; + margin-bottom: 25px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-n20 { - margin-bottom: -20px !important; + margin-bottom: -20px !important; } .directorist-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .directorist-mb-15 { - margin-bottom: 15px !important; + margin-bottom: 15px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-40 { - margin-bottom: 40px !important; + margin-bottom: 40px !important; } .directorist-mb-50 { - margin-bottom: 50px !important; + margin-bottom: 50px !important; } .directorist-mb-70 { - margin-bottom: 70px !important; + margin-bottom: 70px !important; } .directorist-mb-80 { - margin-bottom: 80px !important; + margin-bottom: 80px !important; } .directorist-pb-100 { - padding-bottom: 100px !important; + padding-bottom: 100px !important; } .directorist-w-100 { - width: 100% !important; - max-width: 100% !important; + width: 100% !important; + max-width: 100% !important; } /* typography */ body.stop-scrolling { - height: 100%; - overflow: hidden; + height: 100%; + overflow: hidden; } .sweet-overlay { - background-color: black; - -ms-filter: "alpha(opacity=40)"; - background-color: rgba(var(--directorist-color-dark-rgb), 0.4); - position: fixed; - left: 0; - right: 0; - top: 0; - bottom: 0; - display: none; - z-index: 10000; + background-color: black; + -ms-filter: "alpha(opacity=40)"; + background-color: rgba(var(--directorist-color-dark-rgb), 0.4); + position: fixed; + left: 0; + right: 0; + top: 0; + bottom: 0; + display: none; + z-index: 10000; } .sweet-alert { - background-color: white; - font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; - width: 478px; - padding: 17px; - border-radius: 5px; - text-align: center; - position: fixed; - left: 50%; - top: 50%; - margin-left: -256px; - margin-top: -200px; - overflow: hidden; - display: none; - z-index: 99999; + background-color: white; + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + width: 478px; + padding: 17px; + border-radius: 5px; + text-align: center; + position: fixed; + left: 50%; + top: 50%; + margin-left: -256px; + margin-top: -200px; + overflow: hidden; + display: none; + z-index: 99999; } @media all and (max-width: 540px) { - .sweet-alert { - width: auto; - margin-left: 0; - margin-right: 0; - left: 15px; - right: 15px; - } + .sweet-alert { + width: auto; + margin-left: 0; + margin-right: 0; + left: 15px; + right: 15px; + } } .sweet-alert h2 { - color: #575757; - font-size: 30px; - text-align: center; - font-weight: 600; - text-transform: none; - position: relative; - margin: 25px 0; - padding: 0; - line-height: 40px; - display: block; + color: #575757; + font-size: 30px; + text-align: center; + font-weight: 600; + text-transform: none; + position: relative; + margin: 25px 0; + padding: 0; + line-height: 40px; + display: block; } .sweet-alert p { - color: #797979; - font-size: 16px; - text-align: center; - font-weight: 300; - position: relative; - text-align: inherit; - float: none; - margin: 0; - padding: 0; - line-height: normal; + color: #797979; + font-size: 16px; + text-align: center; + font-weight: 300; + position: relative; + text-align: inherit; + float: none; + margin: 0; + padding: 0; + line-height: normal; } .sweet-alert fieldset { - border: 0; - position: relative; + border: 0; + position: relative; } .sweet-alert .sa-error-container { - background-color: #f1f1f1; - margin-left: -17px; - margin-right: -17px; - overflow: hidden; - padding: 0 10px; - max-height: 0; - webkit-transition: padding 0.15s, max-height 0.15s; - -webkit-transition: padding 0.15s, max-height 0.15s; - transition: padding 0.15s, max-height 0.15s; + background-color: #f1f1f1; + margin-left: -17px; + margin-right: -17px; + overflow: hidden; + padding: 0 10px; + max-height: 0; + webkit-transition: + padding 0.15s, + max-height 0.15s; + transition: + padding 0.15s, + max-height 0.15s; } .sweet-alert .sa-error-container.show { - padding: 10px 0; - max-height: 100px; - webkit-transition: padding 0.2s, max-height 0.2s; - -webkit-transition: padding 0.25s, max-height 0.25s; - transition: padding 0.25s, max-height 0.25s; + padding: 10px 0; + max-height: 100px; + webkit-transition: + padding 0.2s, + max-height 0.2s; + transition: + padding 0.25s, + max-height 0.25s; } .sweet-alert .sa-error-container .icon { - display: inline-block; - width: 24px; - height: 24px; - border-radius: 50%; - background-color: #ea7d7d; - color: white; - line-height: 24px; - text-align: center; - margin-right: 3px; + display: inline-block; + width: 24px; + height: 24px; + border-radius: 50%; + background-color: #ea7d7d; + color: white; + line-height: 24px; + text-align: center; + margin-right: 3px; } .sweet-alert .sa-error-container p { - display: inline-block; + display: inline-block; } .sweet-alert .sa-input-error { - position: absolute; - top: 29px; - right: 26px; - width: 20px; - height: 20px; - opacity: 0; - -webkit-transform: scale(0.5); - transform: scale(0.5); - -webkit-transform-origin: 50% 50%; - transform-origin: 50% 50%; - -webkit-transition: all 0.1s; - transition: all 0.1s; + position: absolute; + top: 29px; + right: 26px; + width: 20px; + height: 20px; + opacity: 0; + -webkit-transform: scale(0.5); + transform: scale(0.5); + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -webkit-transition: all 0.1s; + transition: all 0.1s; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { - content: ""; - width: 20px; - height: 6px; - background-color: #f06e57; - border-radius: 3px; - position: absolute; - top: 50%; - margin-top: -4px; - left: 50%; - margin-left: -9px; + content: ""; + width: 20px; + height: 6px; + background-color: #f06e57; + border-radius: 3px; + position: absolute; + top: 50%; + margin-top: -4px; + left: 50%; + margin-left: -9px; } .sweet-alert .sa-input-error::before { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-input-error::after { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-input-error.show { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); } .sweet-alert input { - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 3px; - border: 1px solid #d7d7d7; - height: 43px; - margin-top: 10px; - margin-bottom: 17px; - font-size: 18px; - -webkit-box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); - box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); - padding: 0 12px; - display: none; - -webkit-transition: all 0.3s; - transition: all 0.3s; + width: 100%; + box-sizing: border-box; + border-radius: 3px; + border: 1px solid #d7d7d7; + height: 43px; + margin-top: 10px; + margin-bottom: 17px; + font-size: 18px; + box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); + padding: 0 12px; + display: none; + -webkit-transition: all 0.3s; + transition: all 0.3s; } .sweet-alert input:focus { - outline: 0; - -webkit-box-shadow: 0 0 3px #c4e6f5; - box-shadow: 0 0 3px #c4e6f5; - border: 1px solid #b4dbed; + outline: 0; + box-shadow: 0 0 3px #c4e6f5; + border: 1px solid #b4dbed; } .sweet-alert input:focus::-moz-placeholder { - -moz-transition: opacity 0.3s 0.03s ease; - transition: opacity 0.3s 0.03s ease; - opacity: 0.5; + transition: opacity 0.3s 0.03s ease; + opacity: 0.5; } .sweet-alert input:focus:-ms-input-placeholder { - -ms-transition: opacity 0.3s 0.03s ease; - transition: opacity 0.3s 0.03s ease; - opacity: 0.5; + transition: opacity 0.3s 0.03s ease; + opacity: 0.5; } .sweet-alert input:focus::-webkit-input-placeholder { - -webkit-transition: opacity 0.3s 0.03s ease; - transition: opacity 0.3s 0.03s ease; - opacity: 0.5; + transition: opacity 0.3s 0.03s ease; + opacity: 0.5; } .sweet-alert input::-moz-placeholder { - color: #bdbdbd; + color: #bdbdbd; } .sweet-alert input:-ms-input-placeholder { - color: #bdbdbd; + color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { - color: #bdbdbd; + color: #bdbdbd; } .sweet-alert.show-input input { - display: block; + display: block; } .sweet-alert .sa-confirm-button-container { - display: inline-block; - position: relative; + display: inline-block; + position: relative; } .sweet-alert .la-ball-fall { - position: absolute; - left: 50%; - top: 50%; - margin-left: -27px; - margin-top: 4px; - opacity: 0; - visibility: hidden; + position: absolute; + left: 50%; + top: 50%; + margin-left: -27px; + margin-top: 4px; + opacity: 0; + visibility: hidden; } .sweet-alert button { - background-color: #8cd4f5; - color: white; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 17px; - font-weight: 500; - border-radius: 5px; - padding: 10px 32px; - margin: 26px 5px 0 5px; - cursor: pointer; + background-color: #8cd4f5; + color: white; + border: 0; + box-shadow: none; + font-size: 17px; + font-weight: 500; + -webkit-border-radius: 4px; + border-radius: 5px; + padding: 10px 32px; + margin: 26px 5px 0 5px; + cursor: pointer; } .sweet-alert button:focus { - outline: 0; - -webkit-box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); - box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); + outline: 0; + box-shadow: + 0 0 2px rgba(128, 179, 235, 0.5), + inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); } .sweet-alert button:hover { - background-color: #7ecff4; + background-color: #7ecff4; } .sweet-alert button:active { - background-color: #5dc2f1; + background-color: #5dc2f1; } .sweet-alert button.cancel { - background-color: #c1c1c1; + background-color: #c1c1c1; } .sweet-alert button.cancel:hover { - background-color: #b9b9b9; + background-color: #b9b9b9; } .sweet-alert button.cancel:active { - background-color: #a8a8a8; + background-color: #a8a8a8; } .sweet-alert button.cancel:focus { - -webkit-box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; - box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; + box-shadow: + rgba(197, 205, 211, 0.8) 0 0 2px, + rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; } .sweet-alert button[disabled] { - opacity: 0.6; - cursor: default; + opacity: 0.6; + cursor: default; } .sweet-alert button.confirm[disabled] { - color: transparent; + color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { - opacity: 1; - visibility: visible; - -webkit-transition-delay: 0; - transition-delay: 0; + opacity: 1; + visibility: visible; + transition-delay: 0; } .sweet-alert button::-moz-focus-inner { - border: 0; + border: 0; } -.sweet-alert[data-has-cancel-button=false] button { - -webkit-box-shadow: none !important; - box-shadow: none !important; +.sweet-alert[data-has-cancel-button="false"] button { + box-shadow: none !important; } -.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { - padding-bottom: 40px; +.sweet-alert[data-has-confirm-button="false"][data-has-cancel-button="false"] { + padding-bottom: 40px; } .sweet-alert .sa-icon { - width: 80px; - height: 80px; - border: 4px solid gray; - border-radius: 40px; - border-radius: 50%; - margin: 20px auto; - padding: 0; - position: relative; - -webkit-box-sizing: content-box; - box-sizing: content-box; + width: 80px; + height: 80px; + border: 4px solid gray; + -webkit-border-radius: 40px; + border-radius: 40px; + border-radius: 50%; + margin: 20px auto; + padding: 0; + position: relative; + box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { - border-color: #f27474; + border-color: #f27474; } .sweet-alert .sa-icon.sa-error .sa-x-mark { - position: relative; - display: block; + position: relative; + display: block; } .sweet-alert .sa-icon.sa-error .sa-line { - position: absolute; - height: 5px; - width: 47px; - background-color: #f27474; - display: block; - top: 37px; - border-radius: 2px; + position: absolute; + height: 5px; + width: 47px; + background-color: #f27474; + display: block; + top: 37px; + border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - left: 17px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + left: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - right: 16px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + right: 16px; } .sweet-alert .sa-icon.sa-warning { - border-color: #f8bb86; + border-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-body { - position: absolute; - width: 5px; - height: 47px; - left: 50%; - top: 10px; - border-radius: 2px; - margin-left: -2px; - background-color: #f8bb86; + position: absolute; + width: 5px; + height: 47px; + left: 50%; + top: 10px; + -webkit-border-radius: 2px; + border-radius: 2px; + margin-left: -2px; + background-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-dot { - position: absolute; - width: 7px; - height: 7px; - border-radius: 50%; - margin-left: -3px; - left: 50%; - bottom: 10px; - background-color: #f8bb86; + position: absolute; + width: 7px; + height: 7px; + -webkit-border-radius: 50%; + border-radius: 50%; + margin-left: -3px; + left: 50%; + bottom: 10px; + background-color: #f8bb86; } .sweet-alert .sa-icon.sa-info { - border-color: #c9dae1; + border-color: #c9dae1; } .sweet-alert .sa-icon.sa-info::before { - content: ""; - position: absolute; - width: 5px; - height: 29px; - left: 50%; - bottom: 17px; - border-radius: 2px; - margin-left: -2px; - background-color: #c9dae1; + content: ""; + position: absolute; + width: 5px; + height: 29px; + left: 50%; + bottom: 17px; + border-radius: 2px; + margin-left: -2px; + background-color: #c9dae1; } .sweet-alert .sa-icon.sa-info::after { - content: ""; - position: absolute; - width: 7px; - height: 7px; - border-radius: 50%; - margin-left: -3px; - top: 19px; - background-color: #c9dae1; + content: ""; + position: absolute; + width: 7px; + height: 7px; + border-radius: 50%; + margin-left: -3px; + top: 19px; + background-color: #c9dae1; } .sweet-alert .sa-icon.sa-success { - border-color: #a5dc86; + border-color: #a5dc86; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { - content: ""; - border-radius: 40px; - border-radius: 50%; - position: absolute; - width: 60px; - height: 120px; - background: white; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + content: ""; + -webkit-border-radius: 40px; + border-radius: 40px; + border-radius: 50%; + position: absolute; + width: 60px; + height: 120px; + background: white; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success::before { - border-radius: 120px 0 0 120px; - top: -7px; - left: -33px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - -webkit-transform-origin: 60px 60px; - transform-origin: 60px 60px; + -webkit-border-radius: 120px 0 0 120px; + border-radius: 120px 0 0 120px; + top: -7px; + left: -33px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: 60px 60px; + transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { - border-radius: 0 120px 120px 0; - top: -11px; - left: 30px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - -webkit-transform-origin: 0 60px; - transform-origin: 0 60px; + -webkit-border-radius: 0 120px 120px 0; + border-radius: 0 120px 120px 0; + top: -11px; + left: 30px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: 0 60px; + transform-origin: 0 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { - width: 80px; - height: 80px; - border: 4px solid rgba(165, 220, 134, 0.2); - border-radius: 40px; - border-radius: 50%; - -webkit-box-sizing: content-box; - box-sizing: content-box; - position: absolute; - left: -4px; - top: -4px; - z-index: 2; + width: 80px; + height: 80px; + border: 4px solid rgba(165, 220, 134, 0.2); + -webkit-border-radius: 40px; + border-radius: 40px; + border-radius: 50%; + box-sizing: content-box; + position: absolute; + left: -4px; + top: -4px; + z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { - width: 5px; - height: 90px; - background-color: white; - position: absolute; - left: 28px; - top: 8px; - z-index: 1; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + width: 5px; + height: 90px; + background-color: white; + position: absolute; + left: 28px; + top: 8px; + z-index: 1; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { - height: 5px; - background-color: #a5dc86; - display: block; - border-radius: 2px; - position: absolute; - z-index: 2; + height: 5px; + background-color: #a5dc86; + display: block; + border-radius: 2px; + position: absolute; + z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { - width: 25px; - left: 14px; - top: 46px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + width: 25px; + left: 14px; + top: 46px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { - width: 47px; - right: 8px; - top: 38px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + width: 47px; + right: 8px; + top: 38px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-custom { - background-size: contain; - border-radius: 0; - border: 0; - background-position: center center; - background-repeat: no-repeat; + background-size: contain; + border-radius: 0; + border: 0; + background-position: center center; + background-repeat: no-repeat; } @-webkit-keyframes showSweetAlert { - 0% { - transform: scale(0.7); - -webkit-transform: scale(0.7); - } - 45% { - transform: scale(1.05); - -webkit-transform: scale(1.05); - } - 80% { - transform: scale(0.95); - -webkit-transform: scale(0.95); - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - } + 0% { + transform: scale(0.7); + -webkit-transform: scale(0.7); + } + 45% { + transform: scale(1.05); + -webkit-transform: scale(1.05); + } + 80% { + transform: scale(0.95); + -webkit-transform: scale(0.95); + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + } } @keyframes showSweetAlert { - 0% { - transform: scale(0.7); - -webkit-transform: scale(0.7); - } - 45% { - transform: scale(1.05); - -webkit-transform: scale(1.05); - } - 80% { - transform: scale(0.95); - -webkit-transform: scale(0.95); - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - } + 0% { + transform: scale(0.7); + -webkit-transform: scale(0.7); + } + 45% { + transform: scale(1.05); + -webkit-transform: scale(1.05); + } + 80% { + transform: scale(0.95); + -webkit-transform: scale(0.95); + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + } } @-webkit-keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); - } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); - } + 0% { + transform: scale(1); + -webkit-transform: scale(1); + } + 100% { + transform: scale(0.5); + -webkit-transform: scale(0.5); + } } @keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); - } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); - } + 0% { + transform: scale(1); + -webkit-transform: scale(1); + } + 100% { + transform: scale(0.5); + -webkit-transform: scale(0.5); + } } @-webkit-keyframes slideFromTop { - 0% { - top: 0; - } - 100% { - top: 50%; - } + 0% { + top: 0; + } + 100% { + top: 50%; + } } @keyframes slideFromTop { - 0% { - top: 0; - } - 100% { - top: 50%; - } + 0% { + top: 0; + } + 100% { + top: 50%; + } } @-webkit-keyframes slideToTop { - 0% { - top: 50%; - } - 100% { - top: 0; - } + 0% { + top: 50%; + } + 100% { + top: 0; + } } @keyframes slideToTop { - 0% { - top: 50%; - } - 100% { - top: 0; - } + 0% { + top: 50%; + } + 100% { + top: 0; + } } @-webkit-keyframes slideFromBottom { - 0% { - top: 70%; - } - 100% { - top: 50%; - } + 0% { + top: 70%; + } + 100% { + top: 50%; + } } @keyframes slideFromBottom { - 0% { - top: 70%; - } - 100% { - top: 50%; - } + 0% { + top: 70%; + } + 100% { + top: 50%; + } } @-webkit-keyframes slideToBottom { - 0% { - top: 50%; - } - 100% { - top: 70%; - } + 0% { + top: 50%; + } + 100% { + top: 70%; + } } @keyframes slideToBottom { - 0% { - top: 50%; - } - 100% { - top: 70%; - } + 0% { + top: 50%; + } + 100% { + top: 70%; + } } -.showSweetAlert[data-animation=pop] { - -webkit-animation: showSweetAlert 0.3s; - animation: showSweetAlert 0.3s; +.showSweetAlert[data-animation="pop"] { + -webkit-animation: showSweetAlert 0.3s; + animation: showSweetAlert 0.3s; } -.showSweetAlert[data-animation=none] { - -webkit-animation: none; - animation: none; +.showSweetAlert[data-animation="none"] { + -webkit-animation: none; + animation: none; } -.showSweetAlert[data-animation=slide-from-top] { - -webkit-animation: slideFromTop 0.3s; - animation: slideFromTop 0.3s; +.showSweetAlert[data-animation="slide-from-top"] { + -webkit-animation: slideFromTop 0.3s; + animation: slideFromTop 0.3s; } -.showSweetAlert[data-animation=slide-from-bottom] { - -webkit-animation: slideFromBottom 0.3s; - animation: slideFromBottom 0.3s; +.showSweetAlert[data-animation="slide-from-bottom"] { + -webkit-animation: slideFromBottom 0.3s; + animation: slideFromBottom 0.3s; } -.hideSweetAlert[data-animation=pop] { - -webkit-animation: hideSweetAlert 0.2s; - animation: hideSweetAlert 0.2s; +.hideSweetAlert[data-animation="pop"] { + -webkit-animation: hideSweetAlert 0.2s; + animation: hideSweetAlert 0.2s; } -.hideSweetAlert[data-animation=none] { - -webkit-animation: none; - animation: none; +.hideSweetAlert[data-animation="none"] { + -webkit-animation: none; + animation: none; } -.hideSweetAlert[data-animation=slide-from-top] { - -webkit-animation: slideToTop 0.4s; - animation: slideToTop 0.4s; +.hideSweetAlert[data-animation="slide-from-top"] { + -webkit-animation: slideToTop 0.4s; + animation: slideToTop 0.4s; } -.hideSweetAlert[data-animation=slide-from-bottom] { - -webkit-animation: slideToBottom 0.3s; - animation: slideToBottom 0.3s; +.hideSweetAlert[data-animation="slide-from-bottom"] { + -webkit-animation: slideToBottom 0.3s; + animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { - 0% { - width: 0; - left: 1px; - top: 19px; - } - 54% { - width: 0; - left: 1px; - top: 19px; - } - 70% { - width: 50px; - left: -8px; - top: 37px; - } - 84% { - width: 17px; - left: 21px; - top: 48px; - } - 100% { - width: 25px; - left: 14px; - top: 45px; - } + 0% { + width: 0; + left: 1px; + top: 19px; + } + 54% { + width: 0; + left: 1px; + top: 19px; + } + 70% { + width: 50px; + left: -8px; + top: 37px; + } + 84% { + width: 17px; + left: 21px; + top: 48px; + } + 100% { + width: 25px; + left: 14px; + top: 45px; + } } @keyframes animateSuccessTip { - 0% { - width: 0; - left: 1px; - top: 19px; - } - 54% { - width: 0; - left: 1px; - top: 19px; - } - 70% { - width: 50px; - left: -8px; - top: 37px; - } - 84% { - width: 17px; - left: 21px; - top: 48px; - } - 100% { - width: 25px; - left: 14px; - top: 45px; - } + 0% { + width: 0; + left: 1px; + top: 19px; + } + 54% { + width: 0; + left: 1px; + top: 19px; + } + 70% { + width: 50px; + left: -8px; + top: 37px; + } + 84% { + width: 17px; + left: 21px; + top: 48px; + } + 100% { + width: 25px; + left: 14px; + top: 45px; + } } @-webkit-keyframes animateSuccessLong { - 0% { - width: 0; - right: 46px; - top: 54px; - } - 65% { - width: 0; - right: 46px; - top: 54px; - } - 84% { - width: 55px; - right: 0; - top: 35px; - } - 100% { - width: 47px; - right: 8px; - top: 38px; - } + 0% { + width: 0; + right: 46px; + top: 54px; + } + 65% { + width: 0; + right: 46px; + top: 54px; + } + 84% { + width: 55px; + right: 0; + top: 35px; + } + 100% { + width: 47px; + right: 8px; + top: 38px; + } } @keyframes animateSuccessLong { - 0% { - width: 0; - right: 46px; - top: 54px; - } - 65% { - width: 0; - right: 46px; - top: 54px; - } - 84% { - width: 55px; - right: 0; - top: 35px; - } - 100% { - width: 47px; - right: 8px; - top: 38px; - } + 0% { + width: 0; + right: 46px; + top: 54px; + } + 65% { + width: 0; + right: 46px; + top: 54px; + } + 84% { + width: 55px; + right: 0; + top: 35px; + } + 100% { + width: 47px; + right: 8px; + top: 38px; + } } @-webkit-keyframes rotatePlaceholder { - 0% { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - } - 5% { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - } - 12% { - transform: rotate(-405deg); - -webkit-transform: rotate(-405deg); - } - 100% { - transform: rotate(-405deg); - -webkit-transform: rotate(-405deg); - } + 0% { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + } + 5% { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + } + 12% { + transform: rotate(-405deg); + -webkit-transform: rotate(-405deg); + } + 100% { + transform: rotate(-405deg); + -webkit-transform: rotate(-405deg); + } } @keyframes rotatePlaceholder { - 0% { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - } - 5% { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - } - 12% { - transform: rotate(-405deg); - -webkit-transform: rotate(-405deg); - } - 100% { - transform: rotate(-405deg); - -webkit-transform: rotate(-405deg); - } + 0% { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + } + 5% { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + } + 12% { + transform: rotate(-405deg); + -webkit-transform: rotate(-405deg); + } + 100% { + transform: rotate(-405deg); + -webkit-transform: rotate(-405deg); + } } .animateSuccessTip { - -webkit-animation: animateSuccessTip 0.75s; - animation: animateSuccessTip 0.75s; + -webkit-animation: animateSuccessTip 0.75s; + animation: animateSuccessTip 0.75s; } .animateSuccessLong { - -webkit-animation: animateSuccessLong 0.75s; - animation: animateSuccessLong 0.75s; + -webkit-animation: animateSuccessLong 0.75s; + animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { - -webkit-animation: rotatePlaceholder 4.25s ease-in; - animation: rotatePlaceholder 4.25s ease-in; + -webkit-animation: rotatePlaceholder 4.25s ease-in; + animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; - } - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1; - } + 0% { + transform: rotateX(100deg); + -webkit-transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0); + -webkit-transform: rotateX(0); + opacity: 1; + } } @keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; - } - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1; - } + 0% { + transform: rotateX(100deg); + -webkit-transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0); + -webkit-transform: rotateX(0); + opacity: 1; + } } .animateErrorIcon { - -webkit-animation: animateErrorIcon 0.5s; - animation: animateErrorIcon 0.5s; + -webkit-animation: animateErrorIcon 0.5s; + animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { - 0% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 50% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 80% { - transform: scale(1.15); - -webkit-transform: scale(1.15); - margin-top: -6px; - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - margin-top: 0; - opacity: 1; - } + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } } @keyframes animateXMark { - 0% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 50% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 80% { - transform: scale(1.15); - -webkit-transform: scale(1.15); - margin-top: -6px; - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - margin-top: 0; - opacity: 1; - } + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } } .animateXMark { - -webkit-animation: animateXMark 0.5s; - animation: animateXMark 0.5s; + -webkit-animation: animateXMark 0.5s; + animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { - 0% { - border-color: #f8d486; - } - 100% { - border-color: #f8bb86; - } + 0% { + border-color: #f8d486; + } + 100% { + border-color: #f8bb86; + } } @keyframes pulseWarning { - 0% { - border-color: #f8d486; - } - 100% { - border-color: #f8bb86; - } + 0% { + border-color: #f8d486; + } + 100% { + border-color: #f8bb86; + } } .pulseWarning { - -webkit-animation: pulseWarning 0.75s infinite alternate; - animation: pulseWarning 0.75s infinite alternate; + -webkit-animation: pulseWarning 0.75s infinite alternate; + animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { - 0% { - background-color: #f8d486; - } - 100% { - background-color: #f8bb86; - } + 0% { + background-color: #f8d486; + } + 100% { + background-color: #f8bb86; + } } @keyframes pulseWarningIns { - 0% { - background-color: #f8d486; - } - 100% { - background-color: #f8bb86; - } + 0% { + background-color: #f8d486; + } + 100% { + background-color: #f8bb86; + } } .pulseWarningIns { - -webkit-animation: pulseWarningIns 0.75s infinite alternate; - animation: pulseWarningIns 0.75s infinite alternate; + -webkit-animation: pulseWarningIns 0.75s infinite alternate; + animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(360deg); + } } @keyframes rotate-loading { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(360deg); + } } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { - -ms-transform: rotate(45deg) \9 ; + -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { - -ms-transform: rotate(-45deg) \9 ; + -ms-transform: rotate(-45deg) \9; } .sweet-alert .sa-icon.sa-success { - border-color: transparent\9 ; + border-color: transparent\9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { - -ms-transform: rotate(45deg) \9 ; + -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { - -ms-transform: rotate(-45deg) \9 ; + -ms-transform: rotate(-45deg) \9; } /*! @@ -8062,622 +7899,848 @@ body.stop-scrolling { */ .la-ball-fall, .la-ball-fall > div { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .la-ball-fall { - display: block; - font-size: 0; - color: var(--directorist-color-white); + display: block; + font-size: 0; + color: var(--directorist-color-white); } .la-ball-fall.la-dark { - color: #333; + color: #333; } .la-ball-fall > div { - display: inline-block; - float: none; - background-color: currentColor; - border: 0 solid currentColor; + display: inline-block; + float: none; + background-color: currentColor; + border: 0 solid currentColor; } .la-ball-fall { - width: 54px; - height: 18px; + width: 54px; + height: 18px; } .la-ball-fall > div { - width: 10px; - height: 10px; - margin: 4px; - border-radius: 100%; - opacity: 0; - -webkit-animation: ball-fall 1s ease-in-out infinite; - animation: ball-fall 1s ease-in-out infinite; + width: 10px; + height: 10px; + margin: 4px; + border-radius: 100%; + opacity: 0; + -webkit-animation: ball-fall 1s ease-in-out infinite; + -moz-animation: ball-fall 1s ease-in-out infinite; + -o-animation: ball-fall 1s ease-in-out infinite; + animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { - -webkit-animation-delay: -200ms; - animation-delay: -200ms; + -webkit-animation-delay: -200ms; + -moz-animation-delay: -200ms; + -o-animation-delay: -200ms; + animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { - -webkit-animation-delay: -100ms; - animation-delay: -100ms; + -webkit-animation-delay: -100ms; + -moz-animation-delay: -100ms; + -o-animation-delay: -100ms; + animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { - -webkit-animation-delay: 0; - animation-delay: 0; + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay: 0; + animation-delay: 0; } .la-ball-fall.la-sm { - width: 26px; - height: 8px; + width: 26px; + height: 8px; } .la-ball-fall.la-sm > div { - width: 4px; - height: 4px; - margin: 2px; + width: 4px; + height: 4px; + margin: 2px; } .la-ball-fall.la-2x { - width: 108px; - height: 36px; + width: 108px; + height: 36px; } .la-ball-fall.la-2x > div { - width: 20px; - height: 20px; - margin: 8px; + width: 20px; + height: 20px; + margin: 8px; } .la-ball-fall.la-3x { - width: 162px; - height: 54px; + width: 162px; + height: 54px; } .la-ball-fall.la-3x > div { - width: 30px; - height: 30px; - margin: 12px; + width: 30px; + height: 30px; + margin: 12px; } @-webkit-keyframes ball-fall { - 0% { - opacity: 0; - -webkit-transform: translateY(-145%); - transform: translateY(-145%); - } - 10% { - opacity: 0.5; - } - 20% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 80% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 90% { - opacity: 0.5; - } - 100% { - opacity: 0; - -webkit-transform: translateY(145%); - transform: translateY(145%); - } + 0% { + opacity: 0; + -webkit-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -webkit-transform: translateY(145%); + transform: translateY(145%); + } +} +@-moz-keyframes ball-fall { + 0% { + opacity: 0; + -moz-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -moz-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -moz-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -moz-transform: translateY(145%); + transform: translateY(145%); + } +} +@-o-keyframes ball-fall { + 0% { + opacity: 0; + -o-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -o-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -o-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -o-transform: translateY(145%); + transform: translateY(145%); + } } @keyframes ball-fall { - 0% { - opacity: 0; - -webkit-transform: translateY(-145%); - transform: translateY(-145%); - } - 10% { - opacity: 0.5; - } - 20% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 80% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 90% { - opacity: 0.5; - } - 100% { - opacity: 0; - -webkit-transform: translateY(145%); - transform: translateY(145%); - } + 0% { + opacity: 0; + -webkit-transform: translateY(-145%); + -moz-transform: translateY(-145%); + -o-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -webkit-transform: translateY(145%); + -moz-transform: translateY(145%); + -o-transform: translateY(145%); + transform: translateY(145%); + } } .directorist-add-listing-types { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: flex; + box-sizing: border-box; } .directorist-add-listing-types__single { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-add-listing-types__single__link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - background-color: var(--directorist-color-white); - color: var(--directorist-color-primary); - font-size: 16px; - font-weight: 500; - line-height: 20px; - text-align: center; - padding: 40px 25px; - border-radius: 12px; - text-decoration: none !important; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-transition: background 0.2s ease; - transition: background 0.2s ease; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + background-color: var(--directorist-color-white); + color: var(--directorist-color-primary); + font-size: 16px; + font-weight: 500; + line-height: 20px; + text-align: center; + padding: 40px 25px; + border-radius: 12px; + text-decoration: none !important; + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + transition: background 0.2s ease; + /* Legacy Icon */ } .directorist-add-listing-types__single__link .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 70px; - width: 70px; - background-color: var(--directorist-color-primary); - border-radius: 100%; - margin-bottom: 20px; - -webkit-transition: color 0.2s ease, background 0.2s ease; - transition: color 0.2s ease, background 0.2s ease; + display: flex; + align-items: center; + justify-content: center; + height: 70px; + width: 70px; + background-color: var(--directorist-color-primary); + border-radius: 100%; + margin-bottom: 20px; + transition: + color 0.2s ease, + background 0.2s ease; } .directorist-add-listing-types__single__link .directorist-icon-mask:after { - width: 25px; - height: 25px; - background-color: var(--directorist-color-white); + width: 25px; + height: 25px; + background-color: var(--directorist-color-white); } .directorist-add-listing-types__single__link:hover { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-add-listing-types__single__link:hover .directorist-icon-mask { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } -.directorist-add-listing-types__single__link:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); -} -.directorist-add-listing-types__single__link { - /* Legacy Icon */ +.directorist-add-listing-types__single__link:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } .directorist-add-listing-types__single__link > i:not(.directorist-icon-mask) { - display: inline-block; - margin-bottom: 10px; + display: inline-block; + margin-bottom: 10px; } .directorist-add-listing-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: flex; + box-sizing: border-box; } .directorist-add-listing-form .directorist-content-module { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-add-listing-form .directorist-content-module__title i { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-add-listing-form .directorist-content-module__title i:after { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-add-listing-form .directorist-alert-required { - display: block; - margin-top: 5px; - color: #e80000; - font-size: 13px; + display: block; + margin-top: 5px; + color: #e80000; + font-size: 13px; } .directorist-add-listing-form__privacy a { - color: var(--directorist-color-info); + color: var(--directorist-color-info); } .directorist-add-listing-form .directorist-content-module, #directiost-listing-fields_wrapper .directorist-content-module { - margin-bottom: 35px; - border-radius: 12px; + margin-bottom: 35px; + border-radius: 12px; + /* social info */ } @media (max-width: 991px) { - .directorist-add-listing-form .directorist-content-module, - #directiost-listing-fields_wrapper .directorist-content-module { - margin-bottom: 20px; - } + .directorist-add-listing-form .directorist-content-module, + #directiost-listing-fields_wrapper .directorist-content-module { + margin-bottom: 20px; + } } .directorist-add-listing-form .directorist-content-module__title, #directiost-listing-fields_wrapper .directorist-content-module__title { - gap: 15px; - min-height: 66px; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + gap: 15px; + min-height: 66px; + justify-content: flex-start; } .directorist-add-listing-form .directorist-content-module__title i, #directiost-listing-fields_wrapper .directorist-content-module__title i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 36px; - height: 36px; - border-radius: 100%; + display: flex; + align-items: center; + justify-content: center; + width: 36px; + height: 36px; + border-radius: 100%; } .directorist-add-listing-form .directorist-content-module__title i:after, #directiost-listing-fields_wrapper .directorist-content-module__title i:after { - width: 16px; - height: 16px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade { - padding: 0; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade > input[name=address], -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade > input[name=address] { - padding-left: 10px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before { - width: 15px; - height: 15px; - left: unset; - right: 0; - top: 46px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after { - height: 40px; - top: 26px; -} -.directorist-add-listing-form .directorist-content-module, -#directiost-listing-fields_wrapper .directorist-content-module { - /* social info */ -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - margin: 0 0 25px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields:last-child, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields:last-child { - margin: 0 0 40px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-light-gray); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + width: 16px; + height: 16px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade { + padding: 0; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade + > input[name="address"], +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade + > input[name="address"] { + padding-left: 10px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:before, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:before { + width: 15px; + height: 15px; + left: unset; + right: 0; + top: 46px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:after { + height: 40px; + top: 26px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 20px; + margin: 0 0 25px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields:last-child, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields:last-child { + margin: 0 0 40px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group { + flex: 1; + margin: 0; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select { + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select.placeholder-item, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select.placeholder-item { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-light-gray); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input { + display: flex; + gap: 20px; + flex: 1; } @media screen and (max-width: 480px) { - .directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input, - #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input { - gap: 10px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 36px; - height: 36px; - padding: 0; - cursor: pointer; - border-radius: 100%; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-light) !important; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove i::after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i::after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-light-gray); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover { - background-color: var(--directorist-color-primary) !important; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover i::after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i::after { - background-color: var(--directorist-color-white); + .directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input, + #directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input { + gap: 10px; + flex-direction: column; + } +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove { + display: flex; + align-items: center; + justify-content: center; + width: 36px; + height: 36px; + padding: 0; + cursor: pointer; + border-radius: 100%; + transition: all ease 0.3s; + background-color: var(--directorist-color-light) !important; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove + i::after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove + i::after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-light-gray); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove:hover, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover { + background-color: var(--directorist-color-primary) !important; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after { + background-color: var(--directorist-color-white); } #directiost-listing-fields_wrapper .directorist-content-module { - background-color: var(--directorist-color-white); - border-radius: 0; - border: 1px solid #e3e6ef; + background-color: var(--directorist-color-white); + border-radius: 0; + border: 1px solid #e3e6ef; } #directiost-listing-fields_wrapper .directorist-content-module__title { - padding: 20px 30px; - border-bottom: 1px solid #e3e6ef; + padding: 20px 30px; + border-bottom: 1px solid #e3e6ef; } #directiost-listing-fields_wrapper .directorist-content-module__title i { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } #directiost-listing-fields_wrapper .directorist-content-module__title i:after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields { - margin: 0 0 25px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove { - background-color: #ededed !important; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i::after { - background-color: #808080; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover { - background-color: var(--directorist-color-primary) !important; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i::after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title { - cursor: auto; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title:before { - display: none; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents { - padding: 30px 40px 40px; + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields { + margin: 0 0 25px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove { + background-color: #ededed !important; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove + i::after { + background-color: #808080; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover { + background-color: var(--directorist-color-primary) !important; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__title { + cursor: auto; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__title:before { + display: none; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__contents { + padding: 30px 40px 40px; } @media (max-width: 991px) { - #directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents { - height: auto; - opacity: 1; - padding: 20px; - visibility: visible; - } -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-label { - margin-bottom: 10px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element { - position: relative; - height: 42px; - padding: 15px 20px; - font-size: 14px; - font-weight: 400; - border-radius: 5px; - width: 100%; - border: 1px solid #ececec; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 0; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element__prefix { - height: 42px; - line-height: 42px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields select.directorist-form-element, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-select select.directorist-form-element, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element.directory_pricing_field { - padding-top: 0; - padding-bottom: 0; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-radio__label:after { - position: absolute; - left: 0; - top: 0; - width: 20px; - height: 20px; - border-radius: 3px; - content: ""; - border: 1px solid #c6d0dc; - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-radio__label:before { - position: absolute; - left: 7px; - top: 7px; - width: 6px; - height: 6px; - border-radius: 50%; - background-color: var(--directorist-color-primary); - border: 0 none; - -webkit-mask-image: none; - mask-image: none; - z-index: 2; - content: ""; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:after { - border-radius: 50%; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:before { - left: 5px; - top: 5px; - content: ""; - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - border: none; - background-color: var(--directorist-color-white); - display: block; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; -} -#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic { - padding: 30px; - text-align: center; - border-radius: 5px; - border: 1px dashed #dbdee9; -} -#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic .plupload-browse-button-label i::after { - width: 50px; - height: 45px; - background-color: #808080; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-file-upload .directorist-custom-field-file-upload__wrapper ~ .directorist-form-description { - text-align: center; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn { - width: auto; - padding: 11px 26px; - background-color: #444752; - color: var(--directorist-color-white); - border-radius: 5px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn i::after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-map-field__maps #gmap { - border-radius: 0; + #directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__contents { + height: auto; + opacity: 1; + padding: 20px; + visibility: visible; + } +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-label { + margin-bottom: 10px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element { + position: relative; + height: 42px; + padding: 15px 20px; + font-size: 14px; + font-weight: 400; + border-radius: 5px; + width: 100%; + border: 1px solid #ececec; + box-sizing: border-box; + margin-bottom: 0; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element__prefix { + height: 42px; + line-height: 42px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + select.directorist-form-element, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-custom-field-select + select.directorist-form-element, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element.directory_pricing_field { + padding-top: 0; + padding-bottom: 0; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-radio__label:after { + position: absolute; + left: 0; + top: 0; + width: 20px; + height: 20px; + border-radius: 3px; + content: ""; + border: 1px solid #c6d0dc; + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-radio__label:before { + position: absolute; + left: 7px; + top: 7px; + width: 6px; + height: 6px; + border-radius: 50%; + background-color: var(--directorist-color-primary); + border: 0 none; + mask-image: none; + z-index: 2; + content: ""; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:after { + border-radius: 50%; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:before { + left: 5px; + top: 5px; + content: ""; + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-repeat: no-repeat; + width: 10px; + height: 10px; + border: none; + background-color: var(--directorist-color-white); + display: block; + transition: all 0.3s ease 0s; + z-index: 2; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .plupload-upload-uic { + padding: 30px; + text-align: center; + border-radius: 5px; + border: 1px dashed #dbdee9; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .plupload-upload-uic + .plupload-browse-button-label + i::after { + width: 50px; + height: 45px; + background-color: #808080; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-custom-field-file-upload + .directorist-custom-field-file-upload__wrapper + ~ .directorist-form-description { + text-align: center; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-info-field + .directorist-btn { + width: auto; + padding: 11px 26px; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 5px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-info-field + .directorist-btn + i::after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-map-field__maps + #gmap { + border-radius: 0; } /* ========================== @@ -8685,11 +8748,11 @@ body.stop-scrolling { ============================= */ /* listing label */ .directorist-form-label { - display: block; - color: var(--directorist-color-dark); - margin-bottom: 5px; - font-size: 14px; - font-weight: 500; + display: block; + color: var(--directorist-color-dark); + margin-bottom: 5px; + font-size: 14px; + font-weight: 500; } .directorist-custom-field-radio > .directorist-form-label, @@ -8698,1006 +8761,974 @@ body.stop-scrolling { .directorist-form-image-upload-field > .directorist-form-label, .directorist-custom-field-file-upload > .directorist-form-label, .directorist-form-pricing-field.price-type-both > .directorist-form-label { - margin-bottom: 18px; + margin-bottom: 18px; } /* listing type */ .directorist-form-listing-type { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: flex; + flex-wrap: wrap; + gap: 20px; } @media (max-width: 767px) { - .directorist-form-listing-type { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-form-listing-type { + flex-direction: column; + } } .directorist-form-listing-type .directorist-form-label { - font-size: 14px; - font-weight: 500; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - margin: 0; + font-size: 14px; + font-weight: 500; + flex: 0 0 100%; + margin: 0; } .directorist-form-listing-type__single { - -webkit-box-flex: 0; - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; + flex: 0 0 45%; } .directorist-form-listing-type__single.directorist-radio { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label { - width: 100%; - height: 100%; - padding: 25px; - font-size: 14px; - font-weight: 500; - padding-left: 55px; - border-radius: 12px; - color: var(--directorist-color-body); - border: 3px solid var(--directorist-color-border-gray); - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label small { - display: block; - margin-top: 5px; - font-weight: normal; - color: var(--directorist-color-success); -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label:before { - left: 29px; - top: 29px; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label:after { - left: 25px; - top: 25px; - width: 18px; - height: 18px; -} -.directorist-form-listing-type .directorist-radio input[type=radio]:checked + .directorist-radio__label { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + align-items: flex-start; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label { + width: 100%; + height: 100%; + padding: 25px; + font-size: 14px; + font-weight: 500; + padding-left: 55px; + border-radius: 12px; + color: var(--directorist-color-body); + border: 3px solid var(--directorist-color-border-gray); + cursor: pointer; + box-sizing: border-box; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label + small { + display: block; + margin-top: 5px; + font-weight: normal; + color: var(--directorist-color-success); +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label:before { + left: 29px; + top: 29px; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label:after { + left: 25px; + top: 25px; + width: 18px; + height: 18px; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } /* Pricing */ .directorist-form-pricing-field__options { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 0 20px; -} -.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label { - font-size: 14px; - font-weight: 400; - min-height: 18px; - padding-left: 27px; - color: var(--directorist-color-body); -} -.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label { - font-weight: 500; - color: var(--directorist-color-dark); -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:after { - top: 3px; - left: 3px; - width: 14px; - height: 14px; - border-radius: 100%; - border: 2px solid #c6d0dc; -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:before { - left: 0; - top: 0; - width: 8px; - height: 8px; - -webkit-mask-image: none; - mask-image: none; - background-color: var(--directorist-color-white); - border-radius: 100%; - border: 5px solid var(--directorist-color-primary); - -webkit-box-sizing: content-box; - box-sizing: content-box; -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:checked:after { - opacity: 0; + display: flex; + flex-wrap: wrap; + gap: 20px; + align-items: center; + margin: 0 0 20px; +} +.directorist-form-pricing-field__options + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label { + font-size: 14px; + font-weight: 400; + min-height: 18px; + padding-left: 27px; + color: var(--directorist-color-body); +} +.directorist-form-pricing-field__options + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label { + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:after { + top: 3px; + left: 3px; + width: 14px; + height: 14px; + border-radius: 100%; + border: 2px solid #c6d0dc; +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:before { + left: 0; + top: 0; + width: 8px; + height: 8px; + mask-image: none; + background-color: var(--directorist-color-white); + border-radius: 100%; + border: 5px solid var(--directorist-color-primary); + box-sizing: content-box; +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:checked:after { + opacity: 0; } .directorist-form-pricing-field .directorist-form-element { - min-width: 100%; + min-width: 100%; } .price-type-price_range .directorist-form-pricing-field__options, .price-type-price_unit .directorist-form-pricing-field__options { - margin: 0; + margin: 0; } /* location */ .directorist-select-multi select { - display: none; + display: none; } #directorist-location-select { - z-index: 113 !important; + z-index: 113 !important; } /* tags */ #directorist-tag-select { - z-index: 112 !important; + z-index: 112 !important; } /* categories */ #directorist-category-select { - z-index: 111 !important; + z-index: 111 !important; } .directorist-form-group .select2-selection { - border-color: #ececec; + border-color: #ececec; } .directorist-form-group .select2-container--default .select2-selection { - min-height: 40px; - padding-right: 45px; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__rendered { - line-height: 26px; - padding: 0; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__clear { - padding-right: 15px; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__arrow { - right: 10px; + min-height: 40px; + padding-right: 45px; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__rendered { + line-height: 26px; + padding: 0; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__clear { + padding-right: 15px; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__arrow { + right: 10px; } .directorist-form-group .select2-container--default .select2-selection input { - min-height: 26px; + min-height: 26px; } /* hide contact owner */ -.directorist-hide-owner-field.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label { - font-size: 15px; - font-weight: 700; +.directorist-hide-owner-field.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label { + font-size: 15px; + font-weight: 700; } /* Map style */ .directorist-map-coordinate { - margin-top: 20px; + margin-top: 20px; } .directorist-map-coordinates { - padding: 0 0 15px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 15px -15px 0; + padding: 0 0 15px 0; + display: flex; + flex-wrap: wrap; + align-items: center; + margin: 15px -15px 0; } .directorist-map-coordinates .directorist-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding-left: 15px; - padding-right: 15px; - max-width: 290px; + flex: 1; + padding-left: 15px; + padding-right: 15px; + max-width: 290px; } .directorist-map-coordinates__generate { - -webkit-box-flex: 0 !important; - -webkit-flex: 0 0 100% !important; - -ms-flex: 0 0 100% !important; - flex: 0 0 100% !important; - max-width: 100% !important; + flex: 0 0 100% !important; + max-width: 100% !important; } -.directorist-add-listing-form .directorist-content-module .directorist-map-coordinates .directorist-form-group:not(.directorist-map-coordinates__generate) { - margin-bottom: 20px; +.directorist-add-listing-form + .directorist-content-module + .directorist-map-coordinates + .directorist-form-group:not(.directorist-map-coordinates__generate) { + margin-bottom: 20px; } .directorist-form-map-field__wrapper { - margin-bottom: 10px; + margin-bottom: 10px; } .directorist-form-map-field__maps #gmap { - position: relative; - height: 400px; - z-index: 1; - border-radius: 12px; + position: relative; + height: 400px; + z-index: 1; + border-radius: 12px; } .directorist-form-map-field__maps #gmap #gmap_full_screen_button, .directorist-form-map-field__maps #gmap .gm-fullscreen-control { - display: none; -} -.directorist-form-map-field__maps #gmap div[role=img] { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 50px !important; - height: 50px !important; - cursor: pointer; - border-radius: 100%; - overflow: visible !important; -} -.directorist-form-map-field__maps #gmap div[role=img] > img { - position: relative; - z-index: 1; - width: 100% !important; - height: 100% !important; - border-radius: 100%; - background-color: var(--directorist-color-primary); -} -.directorist-form-map-field__maps #gmap div[role=img]:before { - content: ""; - position: absolute; - left: -25px; - top: -25px; - width: 0; - height: 0; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; - border: 50px solid rgba(var(--directorist-color-dark-rgb), 0.2); - opacity: 0; - visibility: hidden; - -webkit-animation: atbd_scale 3s linear alternate infinite; - animation: atbd_scale 3s linear alternate infinite; -} -.directorist-form-map-field__maps #gmap div[role=img]:after { - content: ""; - display: block; - width: 12px; - height: 20px; - position: absolute; - z-index: 2; - background-color: var(--directorist-color-white); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/80f124fcb604319ca80e.svg); - mask-image: url(../js/80f124fcb604319ca80e.svg); -} -.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon { - margin: 0; - display: inline-block; - width: 13px !important; - height: 13px !important; - background-color: unset; -} -.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:before, .directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:after { - display: none; -} -.directorist-form-map-field__maps #gmap div[role=img]:hover:before { - opacity: 1; - visibility: visible; + display: none; +} +.directorist-form-map-field__maps #gmap div[role="img"] { + position: relative; + display: flex; + align-items: center; + justify-content: center; + width: 50px !important; + height: 50px !important; + cursor: pointer; + border-radius: 100%; + overflow: visible !important; +} +.directorist-form-map-field__maps #gmap div[role="img"] > img { + position: relative; + z-index: 1; + width: 100% !important; + height: 100% !important; + border-radius: 100%; + background-color: var(--directorist-color-primary); +} +.directorist-form-map-field__maps #gmap div[role="img"]:before { + content: ""; + position: absolute; + left: -25px; + top: -25px; + width: 0; + height: 0; + border-radius: 50%; + transition: all 0.3s ease-in-out; + border: none; + border: 50px solid rgba(var(--directorist-color-dark-rgb), 0.2); + opacity: 0; + visibility: hidden; + animation: atbd_scale 3s linear alternate infinite; +} +.directorist-form-map-field__maps #gmap div[role="img"]:after { + content: ""; + display: block; + width: 12px; + height: 20px; + position: absolute; + z-index: 2; + background-color: var(--directorist-color-white); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); +} +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon { + margin: 0; + display: inline-block; + width: 13px !important; + height: 13px !important; + background-color: unset; +} +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon:before, +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon:after { + display: none; +} +.directorist-form-map-field__maps #gmap div[role="img"]:hover:before { + opacity: 1; + visibility: visible; } .directorist-form-map-field .map_drag_info { - display: none; + display: none; } .directorist-form-map-field .atbd_map_shape { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - cursor: pointer; - border-radius: 100%; + position: relative; + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + cursor: pointer; + border-radius: 100%; } .directorist-form-map-field .atbd_map_shape:before { - content: ""; - position: absolute; - left: -20px; - top: -20px; - width: 0; - height: 0; - opacity: 0; - visibility: hidden; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; + content: ""; + position: absolute; + left: -20px; + top: -20px; + width: 0; + height: 0; + opacity: 0; + visibility: hidden; + border-radius: 50%; + transition: all 0.3s ease-in-out; + border: none; } .directorist-form-map-field .atbd_map_shape .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-marker-icon); - -webkit-mask: url(../js/80f124fcb604319ca80e.svg); - mask: url(../js/80f124fcb604319ca80e.svg); + width: 16px; + height: 16px; + background-color: var(--directorist-color-marker-icon); + mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); } .directorist-form-map-field .atbd_map_shape:hover:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } /* EZ Media Upload */ .directorist-form-image-upload-field .ez-media-uploader { - text-align: center; - border-radius: 12px; - padding: 35px 10px; - margin: 0; - background-color: var(--directorist-color-bg-gray) !important; - border: 2px dashed var(--directorist-color-border-gray) !important; + text-align: center; + border-radius: 12px; + padding: 35px 10px; + margin: 0; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; } .directorist-form-image-upload-field .ez-media-uploader.ezmu--show { - margin-bottom: 120px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section { - display: block; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu__media-picker-icon-wrap-upload { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: auto; - height: auto; - margin-bottom: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload { - background: unset; - -webkit-filter: unset; - filter: unset; - width: auto; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload i::after { - width: 90px; - height: 80px; - background-color: var(--directorist-color-border-gray); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-buttons { - margin-top: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label { - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 17px 0 35px; - margin: 10px 0; - height: 40px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - background: var(--directorist-color-primary); - color: var(--directorist-color-white); - text-align: center; - font-size: 13px; - font-weight: 500; - line-height: 14px; - cursor: pointer; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:before { - position: absolute; - left: 17px; - top: 13px; - content: ""; - -webkit-mask-image: url(../js/53e21172ac69331e0b44.svg); - mask-image: url(../js/53e21172ac69331e0b44.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:hover { - opacity: 0.85; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap p { - margin: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show { - position: absolute; - top: calc(100% + 22px); - left: 0; - width: auto; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap { - display: none; - height: 76px; - width: 100px; - border-radius: 8px; - background-color: var(--directorist-color-bg-gray) !important; - border: 2px dashed var(--directorist-color-border-gray) !important; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn { - padding: 0; - width: 30px; - height: 30px; - font-size: 0; - position: relative; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn:before { - content: ""; - position: absolute; - width: 30px; - height: 30px; - left: 0; - z-index: 2; - background-color: var(--directorist-color-border-gray); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/ec3db9820a6442a268a9.svg); - mask-image: url(../js/ec3db9820a6442a268a9.svg); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__thumbnail-list-item { - width: 175px; - min-width: 175px; - -webkit-flex-basis: unset; - -ms-flex-preferred-size: unset; - flex-basis: unset; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-buttons { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon { - background-image: unset; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon .directorist-icon-mask::after { - width: 12px; - height: 12px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-button { - width: 20px; - height: 25px; - background-size: 8px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__featured_tag, -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__thumbnail-size-text { - padding: 0 5px; - height: 25px; - line-height: 25px; + margin-bottom: 120px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section { + display: block; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu__media-picker-icon-wrap-upload { + display: flex; + justify-content: center; + width: auto; + height: auto; + margin-bottom: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu-icon-upload { + background: unset; + filter: unset; + width: auto; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu-icon-upload + i::after { + width: 90px; + height: 80px; + background-color: var(--directorist-color-border-gray); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-buttons { + margin-top: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label { + position: relative; + display: inline-flex; + padding: 0 17px 0 35px; + margin: 10px 0; + height: 40px; + align-items: center; + gap: 6px; + border-radius: 8px; + background: var(--directorist-color-primary); + color: var(--directorist-color-white); + text-align: center; + font-size: 13px; + font-weight: 500; + line-height: 14px; + cursor: pointer; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label:before { + position: absolute; + left: 17px; + top: 13px; + content: ""; + mask-image: url(../js/../images/82bc0acb0537c9331637ee2319728e40.svg); + mask-repeat: no-repeat; + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label:hover { + opacity: 0.85; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + p { + margin: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show { + position: absolute; + top: calc(100% + 22px); + left: 0; + width: auto; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 8px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap { + display: none; + height: 76px; + width: 100px; + border-radius: 8px; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap + .ezmu__update-file-btn { + padding: 0; + width: 30px; + height: 30px; + font-size: 0; + position: relative; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap + .ezmu__update-file-btn:before { + content: ""; + position: absolute; + width: 30px; + height: 30px; + left: 0; + z-index: 2; + background-color: var(--directorist-color-border-gray); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/6af1e9612a6d7346e1366489fb9fac45.svg); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__thumbnail-list-item { + width: 175px; + min-width: 175px; + flex-basis: unset; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__sort-buttons { + display: flex; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon { + background-image: unset; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon + .directorist-icon-mask::after { + width: 12px; + height: 12px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__sort-button { + width: 20px; + height: 25px; + background-size: 8px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__featured_tag, +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__thumbnail-size-text { + padding: 0 5px; + height: 25px; + line-height: 25px; } .directorist-form-image-upload-field .ezmu__info-list-item:empty { - display: none; + display: none; } .directorist-add-listing-wrapper { - max-width: 1000px !important; - margin: 0 auto; + max-width: 1000px !important; + margin: 0 auto; } .directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back { - position: relative; - height: 100px; - width: 100%; + position: relative; + height: 100px; + width: 100%; } -.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back .ezmu__thumbnail-img { - -o-object-fit: cover; - object-fit: cover; +.directorist-add-listing-wrapper + .ezmu__thumbnail-list-item_back + .ezmu__thumbnail-img { + object-fit: cover; } .directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); - opacity: 0; - visibility: visible; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.directorist-add-listing-wrapper .ezmu__thumbnail-list-item:hover .ezmu__thumbnail-list-item_back:before { - opacity: 1; - visibility: visible; + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 0; + visibility: visible; + transition: all ease 0.3s; +} +.directorist-add-listing-wrapper + .ezmu__thumbnail-list-item:hover + .ezmu__thumbnail-list-item_back:before { + opacity: 1; + visibility: visible; } .directorist-add-listing-wrapper .ezmu__titles-area .ezmu__title-1 { - font-size: 20px; - font-weight: 500; - margin: 0; + font-size: 20px; + font-weight: 500; + margin: 0; } .directorist-add-listing-wrapper .ezmu__btn { - margin-bottom: 25px; - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached .ezmu__upload-button-wrap .ezmu__btn { - pointer-events: none; - opacity: 0.7; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight { - position: relative; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:before { - content: ""; - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - background-color: #ddd; - cursor: no-drop; - z-index: 9999; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:after { - content: "Maximum Files Uploaded"; - font-size: 18px; - font-weight: 700; - color: #EF0000; - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - cursor: no-drop; - z-index: 9999; + margin-bottom: 25px; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached + .ezmu__upload-button-wrap + .ezmu__btn { + pointer-events: none; + opacity: 0.7; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight { + position: relative; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight:before { + content: ""; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + background-color: #ddd; + cursor: no-drop; + z-index: 9999; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight:after { + content: "Maximum Files Uploaded"; + font-size: 18px; + font-weight: 700; + color: #ef0000; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + cursor: no-drop; + z-index: 9999; } .directorist-add-listing-wrapper .ezmu__info-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 6px; - margin: 15px 0 0; + display: flex; + align-items: center; + flex-direction: column; + gap: 6px; + margin: 15px 0 0; } .directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item { - margin: 0; + margin: 0; } .directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item:before { - width: 16px; - height: 16px; - background-image: url(../js/fecb7262255c19cc2351.svg); + width: 16px; + height: 16px; + background-image: url(../js/../images/83eed1a628ff52c2adf977f50ac7adb4.svg); } .directorist-add-listing-form { - /* form action */ + /* form action */ } .directorist-add-listing-form__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - border-radius: 12px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + display: flex; + flex-direction: column; + border-radius: 12px; + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-add-listing-form__action .directorist-form-submit { - margin-top: 15px; -} -.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading { - position: relative; -} -.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading:after { - content: ""; - border: 2px solid #f3f3f3; - border-radius: 50%; - border-top: 2px solid #656a7a; - width: 20px; - height: 20px; - -webkit-animation: rotate360 2s linear infinite; - animation: rotate360 2s linear infinite; - display: inline-block; - margin: 0 0 0 10px; - position: relative; - top: 4px; + margin-top: 15px; +} +.directorist-add-listing-form__action + .directorist-form-submit__btn.atbd_loading { + position: relative; +} +.directorist-add-listing-form__action + .directorist-form-submit__btn.atbd_loading:after { + content: ""; + border: 2px solid #f3f3f3; + border-radius: 50%; + border-top: 2px solid #656a7a; + width: 20px; + height: 20px; + animation: rotate360 2s linear infinite; + display: inline-block; + margin: 0 0 0 10px; + position: relative; + top: 4px; } .directorist-add-listing-form__action label { - line-height: 1.25; - margin-bottom: 0; + line-height: 1.25; + margin-bottom: 0; } .directorist-add-listing-form__action #listing_notifier { - padding: 18px 40px 33px; - font-size: 14px; - font-weight: 600; - color: var(--directorist-color-danger); - border-top: 1px solid var(--directorist-color-border); + padding: 18px 40px 33px; + font-size: 14px; + font-weight: 600; + color: var(--directorist-color-danger); + border-top: 1px solid var(--directorist-color-border); } .directorist-add-listing-form__action #listing_notifier:empty { - display: none; + display: none; } .directorist-add-listing-form__action #listing_notifier .atbdp_success { - color: var(--directorist-color-success); + color: var(--directorist-color-success); } .directorist-add-listing-form__action .directorist-form-group, .directorist-add-listing-form__action .directorist-checkbox { - margin: 0; - padding: 30px 40px 0; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + margin: 0; + padding: 30px 40px 0; + align-items: flex-start; } @media only screen and (max-width: 576px) { - .directorist-add-listing-form__action .directorist-form-group, - .directorist-add-listing-form__action .directorist-checkbox { - padding: 30px 0 0; - } - .directorist-add-listing-form__action .directorist-form-group.directorist-form-privacy, - .directorist-add-listing-form__action .directorist-checkbox.directorist-form-privacy { - padding: 30px 30px 0; - } + .directorist-add-listing-form__action .directorist-form-group, + .directorist-add-listing-form__action .directorist-checkbox { + padding: 30px 0 0; + } + .directorist-add-listing-form__action + .directorist-form-group.directorist-form-privacy, + .directorist-add-listing-form__action + .directorist-checkbox.directorist-form-privacy { + padding: 30px 30px 0; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__action .directorist-form-group, - .directorist-add-listing-form__action .directorist-checkbox { - padding: 30px 20px 0; - } + .directorist-add-listing-form__action .directorist-form-group, + .directorist-add-listing-form__action .directorist-checkbox { + padding: 30px 20px 0; + } } .directorist-add-listing-form__action .directorist-form-group label, .directorist-add-listing-form__action .directorist-checkbox label { - font-size: 14px; - font-weight: 500; - margin: 0 0 10px; + font-size: 14px; + font-weight: 500; + margin: 0 0 10px; } .directorist-add-listing-form__action .directorist-form-group label a, .directorist-add-listing-form__action .directorist-checkbox label a { - color: var(--directorist-color-info); + color: var(--directorist-color-info); } .directorist-add-listing-form__action .directorist-form-group #guest_user_email, .directorist-add-listing-form__action .directorist-checkbox #guest_user_email { - margin: 0 0 10px; + margin: 0 0 10px; } .directorist-add-listing-form__action .directorist-form-required { - padding-left: 5px; + padding-left: 5px; } .directorist-add-listing-form__publish { - padding: 100px 20px; - margin-bottom: 0; - text-align: center; + padding: 100px 20px; + margin-bottom: 0; + text-align: center; } @media only screen and (max-width: 576px) { - .directorist-add-listing-form__publish { - padding: 70px 20px; - } + .directorist-add-listing-form__publish { + padding: 70px 20px; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish { - padding: 50px 20px; - } + .directorist-add-listing-form__publish { + padding: 50px 20px; + } } .directorist-add-listing-form__publish__icon i { - width: 70px; - height: 70px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - margin: 0 auto 25px; - background-color: var(--directorist-color-light); + width: 70px; + height: 70px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 100%; + margin: 0 auto 25px; + background-color: var(--directorist-color-light); } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i { - margin-bottom: 20px; - } + .directorist-add-listing-form__publish__icon i { + margin-bottom: 20px; + } } .directorist-add-listing-form__publish__icon i:after { - width: 30px; - height: 30px; - background-color: var(--directorist-color-primary); + width: 30px; + height: 30px; + background-color: var(--directorist-color-primary); } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i:after { - width: 25px; - height: 25px; - } + .directorist-add-listing-form__publish__icon i:after { + width: 25px; + height: 25px; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i:after { - width: 22px; - height: 22px; - } + .directorist-add-listing-form__publish__icon i:after { + width: 22px; + height: 22px; + } } .directorist-add-listing-form__publish__title { - font-size: 24px; - font-weight: 600; - margin: 0 0 10px; + font-size: 24px; + font-weight: 600; + margin: 0 0 10px; } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__title { - font-size: 22px; - } + .directorist-add-listing-form__publish__title { + font-size: 22px; + } } .directorist-add-listing-form__publish__subtitle { - font-size: 15px; - color: var(--directorist-color-body); - margin: 0; + font-size: 15px; + color: var(--directorist-color-body); + margin: 0; } .directorist-add-listing-form .directorist-form-group textarea { - padding: 10px 0; - background: transparent; + padding: 10px 0; + background: transparent; } .directorist-add-listing-form .atbd_map_shape { - width: 50px; - height: 50px; + width: 50px; + height: 50px; } .directorist-add-listing-form .atbd_map_shape:before { - left: -25px; - top: -25px; - border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); + left: -25px; + top: -25px; + border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); } .directorist-add-listing-form .atbd_map_shape .directorist-icon-mask::after { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } /* Custom Fields */ /* select */ .directorist-custom-field-select select.directorist-form-element { - padding-top: 0; - padding-bottom: 0; + padding-top: 0; + padding-bottom: 0; } /* file upload */ .plupload-upload-uic { - width: 420px; - margin: 0 auto !important; - border: 1px dashed #dbdee9; - padding: 30px; - text-align: center; + width: 420px; + margin: 0 auto !important; + border: 1px dashed #dbdee9; + padding: 30px; + text-align: center; } .plupload-upload-uic .directorist-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; + font-weight: 500; + margin-bottom: 15px; + font-size: 15px; } .plupload-upload-uic .directorist-dropbox-file-types { - margin-top: 10px; - color: #9299b8; + margin-top: 10px; + color: #9299b8; } /* quick login */ .directorist-modal-container { - display: none; - margin: 0 !important; - max-width: 100% !important; - height: 100vh !important; - position: fixed; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 999999999999; + display: none; + margin: 0 !important; + max-width: 100% !important; + height: 100vh !important; + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 999999999999; } .directorist-modal-container.show { - display: block; + display: block; } .directorist-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: rgba(0, 0, 0, 0.4705882353); - width: 100%; - height: 100%; - position: absolute; - overflow: auto; - top: 0; - left: 0; - right: 0; - bottom: 0; - padding: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + background-color: rgba(0, 0, 0, 0.4705882353); + width: 100%; + height: 100%; + position: absolute; + overflow: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; + padding: 20px; + align-items: center; + justify-content: center; } .directorist-modals { - display: block; - width: 100%; - max-width: 400px; - margin: 0 auto; - background-color: var(--directorist-color-white); - border-radius: 8px; - overflow: hidden; + display: block; + width: 100%; + max-width: 400px; + margin: 0 auto; + background-color: var(--directorist-color-white); + border-radius: 8px; + overflow: hidden; } .directorist-modal-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 10px 20px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-bottom: 1px solid #e4e4e4; + display: flex; + padding: 10px 20px; + justify-content: space-between; + align-items: center; + border-bottom: 1px solid #e4e4e4; } .directorist-modal-title-area { - display: block; + display: block; } .directorist-modal-header .directorist-modal-title { - margin-bottom: 0 !important; - font-size: 24px; + margin-bottom: 0 !important; + font-size: 24px; } .directorist-modal-actions-area { - display: block; - padding: 0 10px; + display: block; + padding: 0 10px; } .directorist-modal-body { - display: block; - padding: 20px; + display: block; + padding: 20px; } .directorist-form-privacy { - margin-bottom: 10px; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); + margin-bottom: 10px; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); } -.directorist-form-privacy.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after { - border-color: var(--directorist-color-body); +.directorist-form-privacy.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after { + border-color: var(--directorist-color-body); } .directorist-form-privacy, .directorist-form-terms { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-form-privacy a, .directorist-form-terms a { - text-decoration: none; + text-decoration: none; } /* ============================= backend add listing form ================================*/ .add_listing_form_wrapper .hide-if-no-js { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + flex-wrap: wrap; + gap: 15px; + justify-content: center; } #listing_form_info .directorist-bh-wrap .directorist-select select { - width: calc(100% - 1px); - min-height: 42px; - display: block !important; - border-color: #ececec !important; - padding: 0 10px; + width: calc(100% - 1px); + min-height: 42px; + display: block !important; + border-color: #ececec !important; + padding: 0 10px; } .directorist-map-field #floating-panel { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-map-field #floating-panel #delete_marker { - background-color: var(--directorist-color-danger); - border: 1px solid var(--directorist-color-danger); - color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); + border: 1px solid var(--directorist-color-danger); + color: var(--directorist-color-white); } -#listing_form_info .atbd_content_module.atbd-booking-information .atbdb_content_module_contents { - padding-top: 20px; +#listing_form_info + .atbd_content_module.atbd-booking-information + .atbdb_content_module_contents { + padding-top: 20px; } .directorist-custom-field-radio, .directorist-custom-field-checkbox { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 0 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + gap: 0 10px; + flex-wrap: wrap; } .directorist-custom-field-radio .directorist-form-label, .directorist-custom-field-radio .directorist-form-description, @@ -9705,800 +9736,677 @@ body.stop-scrolling { .directorist-custom-field-checkbox .directorist-form-label, .directorist-custom-field-checkbox .directorist-form-description, .directorist-custom-field-checkbox .directorist-custom-field-btn-more { - width: 100%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + width: 100%; + flex: 0 0 100%; } .directorist-custom-field-radio .directorist-checkbox, .directorist-custom-field-radio .directorist-radio, .directorist-custom-field-checkbox .directorist-checkbox, .directorist-custom-field-checkbox .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 49%; - -ms-flex: 0 0 49%; - flex: 0 0 49%; + flex: 0 0 49%; } @media only screen and (max-width: 767px) { - .directorist-custom-field-radio .directorist-checkbox, - .directorist-custom-field-radio .directorist-radio, - .directorist-custom-field-checkbox .directorist-checkbox, - .directorist-custom-field-checkbox .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .directorist-custom-field-radio .directorist-checkbox, + .directorist-custom-field-radio .directorist-radio, + .directorist-custom-field-checkbox .directorist-checkbox, + .directorist-custom-field-checkbox .directorist-radio { + flex: 0 0 100%; + } } .directorist-custom-field-radio .directorist-custom-field-btn-more, .directorist-custom-field-checkbox .directorist-custom-field-btn-more { - margin-top: 5px; + margin-top: 5px; } .directorist-custom-field-radio .directorist-custom-field-btn-more:after, .directorist-custom-field-checkbox .directorist-custom-field-btn-more:after { - content: ""; - display: inline-block; - margin-left: 5px; - -webkit-mask-image: url(../js/664d0b74d206cf7349ab.svg); - mask-image: url(../js/664d0b74d206cf7349ab.svg); - width: 12px; - height: 12px; - background-color: var(--directorist-color-body); + content: ""; + display: inline-block; + margin-left: 5px; + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + width: 12px; + height: 12px; + background-color: var(--directorist-color-body); } .directorist-custom-field-radio .directorist-custom-field-btn-more.active:after, -.directorist-custom-field-checkbox .directorist-custom-field-btn-more.active:after { - -webkit-mask-image: url(../js/2d9a2bdcde23b75a6392.svg); - mask-image: url(../js/2d9a2bdcde23b75a6392.svg); -} - -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered { - height: auto; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 5px; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li { - margin: 0; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li input { - margin-top: 0; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline { - width: auto; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline:first-child { - width: inherit; +.directorist-custom-field-checkbox + .directorist-custom-field-btn-more.active:after { + mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); +} + +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered { + height: auto; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 5px; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li { + margin: 0; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li + input { + margin-top: 0; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li.select2-search--inline { + width: auto; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li.select2-search--inline:first-child { + width: inherit; } .multistep-wizard { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; + display: flex; + gap: 30px; } @media only screen and (max-width: 991px) { - .multistep-wizard { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .multistep-wizard { + flex-direction: column; + } } .multistep-wizard__nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - max-height: 100vh; - min-width: 270px; - max-width: 270px; - overflow-y: auto; + display: flex; + gap: 6px; + flex-direction: column; + height: fit-content; + max-height: 100vh; + min-width: 270px; + max-width: 270px; + overflow-y: auto; } .multistep-wizard__nav.sticky { - position: fixed; - top: 0; + position: fixed; + top: 0; } .multistep-wizard__nav__btn { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; - width: 270px; - min-height: 36px; - padding: 7px 16px; - border: none; - outline: none; - cursor: pointer; - font-size: 14px; - font-weight: 400; - border-radius: 8px; - border: 1px solid transparent; - text-decoration: none !important; - color: var(--directorist-color-light-gray); - background-color: transparent; - border: 1px solid transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: background 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease; + position: relative; + display: flex; + align-items: center; + gap: 12px; + width: 270px; + min-height: 36px; + padding: 7px 16px; + border: none; + outline: none; + cursor: pointer; + font-size: 14px; + font-weight: 400; + border-radius: 8px; + border: 1px solid transparent; + text-decoration: none !important; + color: var(--directorist-color-light-gray); + background-color: transparent; + border: 1px solid transparent; + box-sizing: border-box; + transition: + background 0.2s ease, + color 0.2s ease, + box-shadow 0.2s ease; } @media only screen and (max-width: 991px) { - .multistep-wizard__nav__btn { - width: 100%; - } + .multistep-wizard__nav__btn { + width: 100%; + } } .multistep-wizard__nav__btn i { - min-width: 36px; - width: 36px; - height: 36px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - background-color: #ededed; + min-width: 36px; + width: 36px; + height: 36px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 100%; + background-color: #ededed; } .multistep-wizard__nav__btn i:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); - -webkit-transition: background-color 0.2s ease; - transition: background-color 0.2s ease; + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); + transition: background-color 0.2s ease; } .multistep-wizard__nav__btn:before { - position: absolute; - right: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url(../js/3f62f09e3154ac5ef09f.svg); - mask-image: url(../js/3f62f09e3154ac5ef09f.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-light-gray); - display: block; - opacity: 0; - -webkit-transition: opacity 0.2s ease; - transition: opacity 0.2s ease; - z-index: 2; -} -.multistep-wizard__nav__btn.active, .multistep-wizard__nav__btn:hover { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border-color: var(--directorist-color-border-light); - background-color: var(--directorist-color-white); - outline: none; -} -.multistep-wizard__nav__btn.active:before, .multistep-wizard__nav__btn:hover:before { - opacity: 1; + position: absolute; + right: 20px; + top: 50%; + transform: translateY(-50%); + content: ""; + mask-image: url(../js/../images/bbed57ce5c92c9a7aa71622e408b6a66.svg); + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-light-gray); + display: block; + opacity: 0; + transition: opacity 0.2s ease; + z-index: 2; +} +.multistep-wizard__nav__btn.active, +.multistep-wizard__nav__btn:hover { + box-shadow: var(--directorist-box-shadow); + border-color: var(--directorist-color-border-light); + background-color: var(--directorist-color-white); + outline: none; +} +.multistep-wizard__nav__btn.active:before, +.multistep-wizard__nav__btn:hover:before { + opacity: 1; } .multistep-wizard__nav__btn:focus { - outline: none; - font-weight: 600; - color: var(--directorist-color-primary); + outline: none; + font-weight: 600; + color: var(--directorist-color-primary); } .multistep-wizard__nav__btn:focus:before { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .multistep-wizard__nav__btn:focus i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .multistep-wizard__nav__btn.completed { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .multistep-wizard__nav__btn.completed:before { - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - opacity: 1; + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + opacity: 1; } .multistep-wizard__nav__btn.completed i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } @media only screen and (max-width: 991px) { - .multistep-wizard__nav { - display: none; - } + .multistep-wizard__nav { + display: none; + } } .multistep-wizard__content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + flex: 1; } .multistep-wizard__single { - border-radius: 12px; - background-color: var(--directorist-color-white); + border-radius: 12px; + background-color: var(--directorist-color-white); } .multistep-wizard__single label { - display: block; + display: block; } .multistep-wizard__single span.required { - color: var(--directorist-color-danger); + color: var(--directorist-color-danger); } @media only screen and (max-width: 991px) { - .multistep-wizard__single .directorist-content-module__title { - position: relative; - cursor: pointer; - } - .multistep-wizard__single .directorist-content-module__title h2 { - -webkit-padding-end: 20px; - padding-inline-end: 20px; - } - .multistep-wizard__single .directorist-content-module__title:before { - position: absolute; - right: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url(../js/ff2d93062dca72981c1d.svg); - mask-image: url(../js/ff2d93062dca72981c1d.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-dark); - } - .multistep-wizard__single .directorist-content-module__title.opened:before { - -webkit-mask-image: url(../js/a4b0ca5c8376702b4932.svg); - mask-image: url(../js/a4b0ca5c8376702b4932.svg); - } - .multistep-wizard__single .directorist-content-module__contents { - height: 0; - opacity: 0; - padding: 0; - visibility: hidden; - -webkit-transition: padding-top 0.3s ease; - transition: padding-top 0.3s ease; - } - .multistep-wizard__single .directorist-content-module__contents.active { - height: auto; - opacity: 1; - padding: 20px; - visibility: visible; - } + .multistep-wizard__single .directorist-content-module__title { + position: relative; + cursor: pointer; + } + .multistep-wizard__single .directorist-content-module__title h2 { + padding-inline-end: 20px; + } + .multistep-wizard__single .directorist-content-module__title:before { + position: absolute; + right: 20px; + top: 50%; + transform: translateY(-50%); + content: ""; + mask-image: url(../js/../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg); + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-dark); + } + .multistep-wizard__single .directorist-content-module__title.opened:before { + mask-image: url(../js/../images/e9f5f62f416fee88e3f2d027b8b705da.svg); + } + .multistep-wizard__single .directorist-content-module__contents { + height: 0; + opacity: 0; + padding: 0; + visibility: hidden; + transition: padding-top 0.3s ease; + } + .multistep-wizard__single .directorist-content-module__contents.active { + height: auto; + opacity: 1; + padding: 20px; + visibility: visible; + } } .multistep-wizard__progressbar { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 100%; - margin-top: 50px; - border-radius: 8px; + position: relative; + display: flex; + width: 100%; + margin-top: 50px; + border-radius: 8px; } .multistep-wizard__progressbar:before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 2px; - background-color: var(--directorist-color-border); - border-radius: 8px; - -webkit-transition: width 0.3s ease-in-out; - transition: width 0.3s ease-in-out; + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 2px; + background-color: var(--directorist-color-border); + border-radius: 8px; + transition: width 0.3s ease-in-out; } .multistep-wizard__progressbar__width { - position: absolute; - top: 0; - left: 0; - width: 0; + position: absolute; + top: 0; + left: 0; + width: 0; } .multistep-wizard__progressbar__width:after { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 2px; - background-color: var(--directorist-color-primary); - border-radius: 8px; - -webkit-transition: width 0.3s ease-in-out; - transition: width 0.3s ease-in-out; + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 2px; + background-color: var(--directorist-color-primary); + border-radius: 8px; + transition: width 0.3s ease-in-out; } .multistep-wizard__bottom { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 25px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - margin: 20px 0; + display: flex; + flex-wrap: wrap; + gap: 25px; + align-items: center; + justify-content: space-between; + margin: 20px 0; } @media only screen and (max-width: 575px) { - .multistep-wizard__bottom { - gap: 15px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .multistep-wizard__bottom { + gap: 15px; + justify-content: center; + } } .multistep-wizard__btn { - width: 200px; - height: 54px; - gap: 12px; - border: none; - outline: none; - cursor: pointer; - background-color: var(--directorist-color-light); + width: 200px; + height: 54px; + gap: 12px; + border: none; + outline: none; + cursor: pointer; + background-color: var(--directorist-color-light); } .multistep-wizard__btn.directorist-btn { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .multistep-wizard__btn.directorist-btn i:after { - background-color: var(--directorist-color-body); + background-color: var(--directorist-color-body); } -.multistep-wizard__btn.directorist-btn:hover, .multistep-wizard__btn.directorist-btn:focus { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); +.multistep-wizard__btn.directorist-btn:hover, +.multistep-wizard__btn.directorist-btn:focus { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } -.multistep-wizard__btn.directorist-btn:hover i:after, .multistep-wizard__btn.directorist-btn:focus i:after { - background-color: var(--directorist-color-white); +.multistep-wizard__btn.directorist-btn:hover i:after, +.multistep-wizard__btn.directorist-btn:focus i:after { + background-color: var(--directorist-color-white); } -.multistep-wizard__btn[disabled=true], .multistep-wizard__btn[disabled=disabled] { - color: var(--directorist-color-light-gray); - pointer-events: none; +.multistep-wizard__btn[disabled="true"], +.multistep-wizard__btn[disabled="disabled"] { + color: var(--directorist-color-light-gray); + pointer-events: none; } -.multistep-wizard__btn[disabled=true] i:after, .multistep-wizard__btn[disabled=disabled] i:after { - background-color: var(--directorist-color-light-gray); +.multistep-wizard__btn[disabled="true"] i:after, +.multistep-wizard__btn[disabled="disabled"] i:after { + background-color: var(--directorist-color-light-gray); } .multistep-wizard__btn i:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-primary); + width: 14px; + height: 14px; + background-color: var(--directorist-color-primary); } .multistep-wizard__btn--save-preview { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } .multistep-wizard__btn--save-preview.directorist-btn { - height: 0; - opacity: 0; - visibility: hidden; + height: 0; + opacity: 0; + visibility: hidden; } @media only screen and (max-width: 575px) { - .multistep-wizard__btn--save-preview { - width: 100%; - } + .multistep-wizard__btn--save-preview { + width: 100%; + } } .multistep-wizard__btn--skip-preview { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } .multistep-wizard__btn--skip-preview.directorist-btn { - height: 0; - opacity: 0; - visibility: hidden; + height: 0; + opacity: 0; + visibility: hidden; } .multistep-wizard__btn.directorist-btn { - min-height: unset; + min-height: unset; } @media only screen and (max-width: 575px) { - .multistep-wizard__btn.directorist-btn { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .multistep-wizard__btn.directorist-btn { + flex: 0 0 100%; + } } .multistep-wizard__count { - font-size: 15px; - font-weight: 500; + font-size: 15px; + font-weight: 500; } @media only screen and (max-width: 575px) { - .multistep-wizard__count { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - text-align: center; - } + .multistep-wizard__count { + flex: 0 0 100%; + text-align: center; + } } .multistep-wizard .default-add-listing-bottom { - display: none; + display: none; } .multistep-wizard.default-add-listing .multistep-wizard__single { - display: block !important; + display: block !important; } .multistep-wizard.default-add-listing .multistep-wizard__bottom, .multistep-wizard.default-add-listing .multistep-wizard__progressbar { - display: none !important; + display: none !important; } .multistep-wizard.default-add-listing .default-add-listing-bottom { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 35px 0; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.multistep-wizard.default-add-listing .default-add-listing-bottom .directorist-form-submit__btn { - width: 100%; - height: 54px; + display: flex; + gap: 20px; + flex-wrap: wrap; + padding: 35px 0; + justify-content: space-between; } - -.logged-in .multistep-wizard__nav.sticky { - top: 32px; +.multistep-wizard.default-add-listing + .default-add-listing-bottom + .directorist-form-submit__btn { + width: 100%; + height: 54px; } -@-webkit-keyframes atbd_scale { - 0% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } +.logged-in .multistep-wizard__nav.sticky { + top: 32px; } @keyframes atbd_scale { - 0% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } + 0% { + transform: scale(0.8); + } + 100% { + transform: scale(1); + } } #directorist_submit_privacy_policy { - display: block; - opacity: 0; - width: 0; - height: 0; - margin: 0; - padding: 0; - border: none; + display: block; + opacity: 0; + width: 0; + height: 0; + margin: 0; + padding: 0; + border: none; } #directorist_submit_privacy_policy::after { - display: none; + display: none; } .upload-error { - display: block !important; - clear: both; - background-color: #FCD9D9; - color: #E80000; - font-size: 16px; - word-break: break-word; - border-radius: 3px; - padding: 15px 20px; + display: block !important; + clear: both; + background-color: #fcd9d9; + color: #e80000; + font-size: 16px; + word-break: break-word; + border-radius: 3px; + padding: 15px 20px; } #upload-msg { - display: block; - clear: both; + display: block; + clear: both; } #content .category_grid_view li a.post_img { - height: 65px; - width: 90%; - overflow: hidden; + height: 65px; + width: 90%; + overflow: hidden; } #content .category_grid_view li a.post_img img { - margin: 0 auto; - display: block; - height: 65px; + margin: 0 auto; + display: block; + height: 65px; } #content .category_list_view li a.post_img { - height: 110px; - width: 165px; - overflow: hidden; + height: 110px; + width: 165px; + overflow: hidden; } #content .category_list_view li a.post_img img { - margin: 0 auto; - display: block; - height: 110px; + margin: 0 auto; + display: block; + height: 110px; } #sidebar .recent_comments li img.thumb { - width: 40px; + width: 40px; } .post_img_tiny img { - width: 35px; + width: 35px; } .single_post_blog img.alignleft { - width: 96%; - height: auto; + width: 96%; + height: auto; } .ecu_images { - width: 100%; + width: 100%; } .filelist { - width: 100%; + width: 100%; } .filelist .file { - padding: 5px; - background-color: #ececec; - border: solid 1px #ccc; - margin-bottom: 4px; - clear: both; - text-align: left; + padding: 5px; + background-color: #ececec; + border: solid 1px #ccc; + margin-bottom: 4px; + clear: both; + text-align: left; } .filelist .fileprogress { - width: 0%; - height: 5px; - background-color: #3385ff; + width: 0%; + height: 5px; + background-color: #3385ff; } #custom-filedropbox, .directorist-custom-field-file-upload__wrapper > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - gap: 20px; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-start; + gap: 20px; } .plupload-upload-uic { - width: 200px; - height: 150px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - border-radius: 12px; - margin: 0 !important; - background-color: var(--directorist-color-bg-gray); - border: 2px dashed var(--directorist-color-border-gray); + width: 200px; + height: 150px; + padding: 0; + display: flex; + gap: 15px; + align-items: center; + justify-content: center; + flex-direction: column; + border-radius: 12px; + margin: 0 !important; + background-color: var(--directorist-color-bg-gray); + border: 2px dashed var(--directorist-color-border-gray); } .plupload-upload-uic > input { - display: none; + display: none; } .plupload-upload-uic .plupload-browse-button-label { - cursor: pointer; + cursor: pointer; } .plupload-upload-uic .plupload-browse-button-label i::after { - width: 50px; - height: 45px; - background-color: var(--directorist-color-border-gray); + width: 50px; + height: 45px; + background-color: var(--directorist-color-border-gray); } .plupload-upload-uic .plupload-browse-img-size { - font-size: 13px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 13px; + font-weight: 400; + color: var(--directorist-color-body); } @media (max-width: 575px) { - .plupload-upload-uic { - width: 100%; - height: 200px; - } + .plupload-upload-uic { + width: 100%; + height: 200px; + } } .plupload-thumbs { - clear: both; - overflow: hidden; + clear: both; + overflow: hidden; } .plupload-thumbs .thumb { - position: relative; - height: 150px; - width: 200px; - border-radius: 12px; + position: relative; + height: 150px; + width: 200px; + border-radius: 12px; } .plupload-thumbs .thumb img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: 12px; + width: 100%; + height: 100%; + object-fit: cover; + border-radius: 12px; } .plupload-thumbs .thumb:hover .atbdp-thumb-actions::before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } @media (max-width: 575px) { - .plupload-thumbs .thumb { - width: 100%; - height: 200px; - } + .plupload-thumbs .thumb { + width: 100%; + height: 200px; + } } .plupload-thumbs .atbdp-thumb-actions { - position: absolute; - height: 100%; - width: 100%; - top: 0; - left: 0; + position: absolute; + height: 100%; + width: 100%; + top: 0; + left: 0; } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink { - position: absolute; - top: 10px; - right: 10px; - background-color: #FF385C; - height: 32px; - width: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.plupload-thumbs .atbdp-thumb-actions .thumbremovelink .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); + position: absolute; + top: 10px; + right: 10px; + background-color: #ff385c; + height: 32px; + width: 32px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + cursor: pointer; + transition: 0.3s ease; +} +.plupload-thumbs + .atbdp-thumb-actions + .thumbremovelink + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink:hover { - opacity: 0.8; + opacity: 0.8; } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink i { - font-size: 14px; + font-size: 14px; } .plupload-thumbs .atbdp-thumb-actions:before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - left: 0; - top: 0; - opacity: 0; - visibility: hidden; - border-radius: 12px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + content: ""; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + opacity: 0; + visibility: hidden; + border-radius: 12px; + transition: all ease 0.3s; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); } .plupload-thumbs .thumb.atbdp_file { - border: none; - width: auto; + border: none; + width: auto; } .atbdp-add-files .plupload-thumbs .thumb img, .plupload-thumbs .thumb i.atbdp-file-info { - cursor: move; - width: 100%; - height: 100%; - z-index: 1; + cursor: move; + width: 100%; + height: 100%; + z-index: 1; } .plupload-thumbs .thumb i.atbdp-file-info { - font-size: 50px; - padding-top: 10%; - z-index: 1; + font-size: 50px; + padding-top: 10%; + z-index: 1; } .plupload-thumbs .thumb .thumbi { - position: absolute; - right: -10px; - top: -8px; - height: 18px; - width: 18px; + position: absolute; + right: -10px; + top: -8px; + height: 18px; + width: 18px; } .plupload-thumbs .thumb .thumbi a { - text-indent: -8000px; - display: block; + text-indent: -8000px; + display: block; } .plupload-thumbs .atbdp-title-preview, .plupload-thumbs .atbdp-caption-preview { - position: absolute; - top: 10px; - left: 5px; - font-size: 10px; - line-height: 10px; - padding: 1px; - background: rgba(255, 255, 255, 0.5); - z-index: 2; - overflow: hidden; - height: 10px; + position: absolute; + top: 10px; + left: 5px; + font-size: 10px; + line-height: 10px; + padding: 1px; + background: rgba(255, 255, 255, 0.5); + z-index: 2; + overflow: hidden; + height: 10px; } .plupload-thumbs .atbdp-caption-preview { - top: auto; - bottom: 10px; + top: auto; + bottom: 10px; } /* required styles */ @@ -10512,48 +10420,44 @@ body.stop-scrolling { .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { - position: absolute; - left: 0; - top: 0; + position: absolute; + left: 0; + top: 0; } .leaflet-container { - overflow: hidden; + overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-user-drag: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + -webkit-user-drag: none; } /* Prevents IE11 from highlighting tiles in blue */ -.leaflet-tile::-moz-selection { - background: transparent; -} .leaflet-tile::selection { - background: transparent; + background: transparent; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { - image-rendering: -webkit-optimize-contrast; + image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { - width: 1600px; - height: 1600px; - -webkit-transform-origin: 0 0; + width: 1600px; + height: 1600px; + -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { - display: block; + display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ @@ -10564,229 +10468,232 @@ body.stop-scrolling { .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { - max-width: none !important; - max-height: none !important; + max-width: none !important; + max-height: none !important; } .leaflet-container.leaflet-touch-zoom { - -ms-touch-action: pan-x pan-y; - touch-action: pan-x pan-y; + -ms-touch-action: pan-x pan-y; + touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { - -ms-touch-action: pinch-zoom; - /* Fallback for FF which doesn't support pinch-zoom */ - touch-action: none; - touch-action: pinch-zoom; + -ms-touch-action: pinch-zoom; + /* Fallback for FF which doesn't support pinch-zoom */ + touch-action: none; + touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { - -ms-touch-action: none; - touch-action: none; + -ms-touch-action: none; + touch-action: none; } .leaflet-container { - -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: transparent; } .leaflet-container a { - -webkit-tap-highlight-color: rgba(145, 175, 186, 0.4); + -webkit-tap-highlight-color: rgba(145, 175, 186, 0.4); } .leaflet-tile { - -webkit-filter: inherit; - filter: inherit; - visibility: hidden; + filter: inherit; + visibility: hidden; } .leaflet-tile-loaded { - visibility: inherit; + visibility: inherit; } .leaflet-zoom-box { - width: 0; - height: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; - z-index: 800; + width: 0; + height: 0; + -moz-box-sizing: border-box; + box-sizing: border-box; + z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { - -moz-user-select: none; + -moz-user-select: none; } .leaflet-pane { - z-index: 400; + z-index: 400; } .leaflet-tile-pane { - z-index: 200; + z-index: 200; } .leaflet-overlay-pane { - z-index: 400; + z-index: 400; } .leaflet-shadow-pane { - z-index: 500; + z-index: 500; } .leaflet-marker-pane { - z-index: 600; + z-index: 600; } .leaflet-tooltip-pane { - z-index: 650; + z-index: 650; } .leaflet-popup-pane { - z-index: 700; + z-index: 700; } .leaflet-map-pane canvas { - z-index: 100; + z-index: 100; } .leaflet-map-pane svg { - z-index: 200; + z-index: 200; } .leaflet-vml-shape { - width: 1px; - height: 1px; + width: 1px; + height: 1px; } .lvml { - behavior: url(#default#VML); - display: inline-block; - position: absolute; + behavior: url(#default#VML); + display: inline-block; + position: absolute; } /* control positioning */ .leaflet-control { - position: relative; - z-index: 800; - pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ - pointer-events: auto; + position: relative; + z-index: 800; + pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ + pointer-events: auto; } .leaflet-top, .leaflet-bottom { - position: absolute; - z-index: 1000; - pointer-events: none; + position: absolute; + z-index: 1000; + pointer-events: none; } .leaflet-top { - top: 0; + top: 0; } .leaflet-right { - right: 0; - display: none; + right: 0; + display: none; } .leaflet-bottom { - bottom: 0; + bottom: 0; } .leaflet-left { - left: 0; + left: 0; } .leaflet-control { - float: left; - clear: both; + float: left; + clear: both; } .leaflet-right .leaflet-control { - float: right; + float: right; } .leaflet-top .leaflet-control { - margin-top: 10px; + margin-top: 10px; } .leaflet-bottom .leaflet-control { - margin-bottom: 10px; + margin-bottom: 10px; } .leaflet-left .leaflet-control { - margin-left: 10px; + margin-left: 10px; } .leaflet-right .leaflet-control { - margin-right: 10px; + margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile { - will-change: opacity; + will-change: opacity; } .leaflet-fade-anim .leaflet-popup { - opacity: 0; - -webkit-transition: opacity 0.2s linear; - transition: opacity 0.2s linear; + opacity: 0; + -webkit-transition: opacity 0.2s linear; + -moz-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { - opacity: 1; + opacity: 1; } .leaflet-zoom-animated { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; + -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; + transform-origin: 0 0; } .leaflet-zoom-anim .leaflet-zoom-animated { - will-change: transform; + will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { - -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { - -webkit-transition: none; - transition: none; + -webkit-transition: none; + -moz-transition: none; + transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { - visibility: hidden; + visibility: hidden; } /* cursors */ .leaflet-interactive { - cursor: pointer; + cursor: pointer; } .leaflet-grab { - cursor: -webkit-grab; - cursor: grab; + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { - cursor: crosshair; + cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { - cursor: auto; + cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { - cursor: move; - cursor: -webkit-grabbing; - cursor: grabbing; + cursor: move; + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: grabbing; } /* marker & overlays interactivity */ @@ -10795,25890 +10702,22027 @@ body.stop-scrolling { .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { - pointer-events: none; + pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { - pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ - pointer-events: auto; + pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ + pointer-events: auto; } /* visual tweaks */ .leaflet-container { - background-color: #ddd; - outline: 0; + background-color: #ddd; + outline: 0; } .leaflet-container a, .leaflet-container .map-listing-card-single__content a { - color: #404040; + color: #404040; } .leaflet-container a.leaflet-active { - outline: 2px solid #fa8b0c; + outline: 2px solid #fa8b0c; } .leaflet-zoom-box { - border: 2px dotted var(--directorist-color-info); - background: rgba(255, 255, 255, 0.5); + border: 2px dotted var(--directorist-color-info); + background: rgba(255, 255, 255, 0.5); } /* general typography */ .leaflet-container { - font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; + font: + 12px/1.5 "Helvetica Neue", + Arial, + Helvetica, + sans-serif; } /* general toolbar styles */ .leaflet-bar { - -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); - border-radius: 4px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); + border-radius: 4px; } .leaflet-bar a, .leaflet-bar a:hover { - background-color: var(--directorist-color-white); - border-bottom: 1px solid #ccc; - width: 26px; - height: 26px; - line-height: 26px; - display: block; - text-align: center; - text-decoration: none; - color: black; + background-color: var(--directorist-color-white); + border-bottom: 1px solid #ccc; + width: 26px; + height: 26px; + line-height: 26px; + display: block; + text-align: center; + text-decoration: none; + color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { - background-position: 50% 50%; - background-repeat: no-repeat; - display: block; + background-position: 50% 50%; + background-repeat: no-repeat; + display: block; } .leaflet-bar a:hover { - background-color: #f4f4f4; + background-color: #f4f4f4; } .leaflet-bar a:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } .leaflet-bar a:last-child { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - border-bottom: none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom: none; } .leaflet-bar a.leaflet-disabled { - cursor: default; - background-color: #f4f4f4; - color: #bbb; + cursor: default; + background-color: #f4f4f4; + color: #bbb; } .leaflet-touch .leaflet-bar a { - width: 30px; - height: 30px; - line-height: 30px; + width: 30px; + height: 30px; + line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { - border-top-left-radius: 2px; - border-top-right-radius: 2px; + border-top-left-radius: 2px; + border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { - font: bold 18px "Lucida Console", Monaco, monospace; - text-indent: 1px; + font: + bold 18px "Lucida Console", + Monaco, + monospace; + text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { - font-size: 22px; + font-size: 22px; } /* layers control */ .leaflet-control-layers { - -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - background-color: var(--directorist-color-white); - border-radius: 5px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); + background-color: var(--directorist-color-white); + border-radius: 5px; } .leaflet-control-layers-toggle { - width: 36px; - height: 36px; + width: 36px; + height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { - background-size: 26px 26px; + background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { - width: 44px; - height: 44px; + width: 44px; + height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { - display: none; + display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { - display: block; - position: relative; + display: block; + position: relative; } .leaflet-control-layers-expanded { - padding: 6px 10px 6px 6px; - color: #333; - background-color: var(--directorist-color-white); + padding: 6px 10px 6px 6px; + color: #333; + background-color: var(--directorist-color-white); } .leaflet-control-layers-scrollbar { - overflow-y: scroll; - overflow-x: hidden; - padding-right: 5px; + overflow-y: scroll; + overflow-x: hidden; + padding-right: 5px; } .leaflet-control-layers-selector { - margin-top: 2px; - position: relative; - top: 1px; + margin-top: 2px; + position: relative; + top: 1px; } .leaflet-control-layers label { - display: block; + display: block; } .leaflet-control-layers-separator { - height: 0; - border-top: 1px solid #ddd; - margin: 5px -10px 5px -6px; + height: 0; + border-top: 1px solid #ddd; + margin: 5px -10px 5px -6px; } /* Default icon URLs */ /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { - background-color: var(--directorist-color-white); - background: rgba(255, 255, 255, 0.7); - margin: 0; + background-color: var(--directorist-color-white); + background: rgba(255, 255, 255, 0.7); + margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { - padding: 0 5px; - color: #333; + padding: 0 5px; + color: #333; } .leaflet-control-attribution a { - text-decoration: none; + text-decoration: none; } .leaflet-control-attribution a:hover { - text-decoration: underline; + text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { - font-size: 11px; + font-size: 11px; } .leaflet-left .leaflet-control-scale { - margin-left: 5px; + margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { - margin-bottom: 5px; + margin-bottom: 5px; } .leaflet-control-scale-line { - border: 2px solid #777; - border-top: none; - line-height: 1.1; - padding: 2px 5px 1px; - font-size: 11px; - white-space: nowrap; - overflow: hidden; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background-color: var(--directorist-color-white); - background: rgba(255, 255, 255, 0.5); + border: 2px solid #777; + border-top: none; + line-height: 1.1; + padding: 2px 5px 1px; + font-size: 11px; + white-space: nowrap; + overflow: hidden; + -moz-box-sizing: border-box; + box-sizing: border-box; + background-color: var(--directorist-color-white); + background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { - border-top: 2px solid #777; - border-bottom: none; - margin-top: -2px; + border-top: 2px solid #777; + border-bottom: none; + margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { - border-bottom: 2px solid #777; + border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { - border: 2px solid rgba(0, 0, 0, 0.2); - background-clip: padding-box; + border: 2px solid rgba(0, 0, 0, 0.2); + background-clip: padding-box; } /* popup */ .leaflet-popup { - position: absolute; - text-align: center; - margin-bottom: 20px; + position: absolute; + text-align: center; + margin-bottom: 20px; } .leaflet-popup-content-wrapper { - padding: 1px; - text-align: left; - border-radius: 10px; + padding: 1px; + text-align: left; + border-radius: 10px; } .leaflet-popup-content { - margin: 13px 19px; - line-height: 1.4; + margin: 13px 19px; + line-height: 1.4; } .leaflet-popup-content p { - margin: 18px 0; + margin: 18px 0; } .leaflet-popup-tip-container { - width: 40px; - height: 20px; - position: absolute; - left: 50%; - margin-left: -20px; - overflow: hidden; - pointer-events: none; + width: 40px; + height: 20px; + position: absolute; + left: 50%; + margin-left: -20px; + overflow: hidden; + pointer-events: none; } .leaflet-popup-tip { - width: 17px; - height: 17px; - padding: 1px; - margin: -10px auto 0; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + width: 17px; + height: 17px; + padding: 1px; + margin: -10px auto 0; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { - background: white; - color: #333; - -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); - box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); + background: white; + color: #333; + box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); } .leaflet-container a.leaflet-popup-close-button { - position: absolute; - top: 0; - right: 0; - padding: 4px 4px 0 0; - border: none; - text-align: center; - width: 18px; - height: 14px; - font: 16px/14px Tahoma, Verdana, sans-serif; - color: #c3c3c3; - text-decoration: none; - font-weight: bold; - background: transparent; + position: absolute; + top: 0; + right: 0; + padding: 4px 4px 0 0; + border: none; + text-align: center; + width: 18px; + height: 14px; + font: + 16px/14px Tahoma, + Verdana, + sans-serif; + color: #c3c3c3; + text-decoration: none; + font-weight: bold; + background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { - color: #999; + color: #999; } .leaflet-popup-scrolled { - overflow: auto; - border-bottom: 1px solid #ddd; - border-top: 1px solid #ddd; + overflow: auto; + border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { - zoom: 1; + zoom: 1; } .leaflet-oldie .leaflet-popup-tip { - width: 24px; - margin: 0 auto; - -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; - filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); + width: 24px; + margin: 0 auto; + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; + filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { - margin-top: -1px; + margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { - border: 1px solid #999; + border: 1px solid #999; } /* div icon */ .leaflet-div-icon { - background-color: var(--directorist-color-white); - border: 1px solid #666; + background-color: var(--directorist-color-white); + border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { - position: absolute; - padding: 6px; - background-color: var(--directorist-color-white); - border: 1px solid var(--directorist-color-white); - border-radius: 3px; - color: #222; - white-space: nowrap; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - pointer-events: none; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); + position: absolute; + padding: 6px; + background-color: var(--directorist-color-white); + border: 1px solid var(--directorist-color-white); + border-radius: 3px; + color: #222; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .leaflet-tooltip.leaflet-clickable { - cursor: pointer; - pointer-events: auto; + cursor: pointer; + pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { - position: absolute; - pointer-events: none; - border: 6px solid transparent; - background: transparent; - content: ""; + position: absolute; + pointer-events: none; + border: 6px solid transparent; + background: transparent; + content: ""; } /* Directions */ .leaflet-tooltip-bottom { - margin-top: 6px; + margin-top: 6px; } .leaflet-tooltip-top { - margin-top: -6px; + margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { - left: 50%; - margin-left: -6px; + left: 50%; + margin-left: -6px; } .leaflet-tooltip-top:before { - bottom: 0; - margin-bottom: -12px; - border-top-color: var(--directorist-color-white); + bottom: 0; + margin-bottom: -12px; + border-top-color: var(--directorist-color-white); } .leaflet-tooltip-bottom:before { - top: 0; - margin-top: -12px; - margin-left: -6px; - border-bottom-color: var(--directorist-color-white); + top: 0; + margin-top: -12px; + margin-left: -6px; + border-bottom-color: var(--directorist-color-white); } .leaflet-tooltip-left { - margin-left: -6px; + margin-left: -6px; } .leaflet-tooltip-right { - margin-left: 6px; + margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { - top: 50%; - margin-top: -6px; + top: 50%; + margin-top: -6px; } .leaflet-tooltip-left:before { - right: 0; - margin-right: -12px; - border-left-color: var(--directorist-color-white); + right: 0; + margin-right: -12px; + border-left-color: var(--directorist-color-white); } .leaflet-tooltip-right:before { - left: 0; - margin-left: -12px; - border-right-color: var(--directorist-color-white); + left: 0; + margin-left: -12px; + border-right-color: var(--directorist-color-white); } .directorist-content-active #map { - position: relative; - width: 100%; - height: 660px; - border: none; - z-index: 1; + position: relative; + width: 100%; + height: 660px; + border: none; + z-index: 1; } .directorist-content-active #gmap_full_screen_button { - position: absolute; - top: 20px; - right: 20px; - z-index: 999; - width: 50px; - height: 50px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 10px; - background-color: var(--directorist-color-white); - cursor: pointer; + position: absolute; + top: 20px; + right: 20px; + z-index: 999; + width: 50px; + height: 50px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 10px; + background-color: var(--directorist-color-white); + cursor: pointer; } .directorist-content-active #gmap_full_screen_button i::after { - width: 22px; - height: 22px; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - background-color: var(--directorist-color-dark); + width: 22px; + height: 22px; + transition: all 0.3s ease-in-out; + background-color: var(--directorist-color-dark); } .directorist-content-active #gmap_full_screen_button .fullscreen-disable { - display: none; + display: none; } .directorist-content-active #progress { - display: none; - position: absolute; - z-index: 1000; - left: 400px; - top: 300px; - width: 200px; - height: 20px; - margin-top: -20px; - margin-left: -100px; - background-color: var(--directorist-color-white); - background-color: rgba(255, 255, 255, 0.7); - border-radius: 4px; - padding: 2px; + display: none; + position: absolute; + z-index: 1000; + left: 400px; + top: 300px; + width: 200px; + height: 20px; + margin-top: -20px; + margin-left: -100px; + background-color: var(--directorist-color-white); + background-color: rgba(255, 255, 255, 0.7); + border-radius: 4px; + padding: 2px; } .directorist-content-active #progress-bar { - width: 0; - height: 100%; - background-color: #76A6FC; - border-radius: 4px; + width: 0; + height: 100%; + background-color: #76a6fc; + border-radius: 4px; } .directorist-content-active .gm-fullscreen-control { - width: 50px !important; - height: 50px !important; - margin: 20px !important; - border-radius: 10px !important; - -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; - box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; + width: 50px !important; + height: 50px !important; + margin: 20px !important; + border-radius: 10px !important; + box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; } .directorist-content-active .gmnoprint { - border-radius: 5px; + border-radius: 5px; } .directorist-content-active .gm-style-cc, .directorist-content-active .gm-style-mtc-bbw, .directorist-content-active button.gm-svpc { - display: none; + display: none; } .directorist-content-active .italic { - font-style: italic; + font-style: italic; } .directorist-content-active .buttonsTable { - border: 1px solid grey; - border-collapse: collapse; + border: 1px solid grey; + border-collapse: collapse; } .directorist-content-active .buttonsTable td, .directorist-content-active .buttonsTable th { - padding: 8px; - border: 1px solid grey; + padding: 8px; + border: 1px solid grey; } .directorist-content-active .version-disabled { - text-decoration: line-through; + text-decoration: line-through; } /* For sortable field */ .ui-sortable tr:hover { - cursor: move; + cursor: move; } .ui-sortable tr.alternate { - background-color: #F9F9F9; + background-color: #f9f9f9; } .ui-sortable tr.ui-sortable-helper { - background-color: #F9F9F9; - border-top: 1px solid #DFDFDF; + background-color: #f9f9f9; + border-top: 1px solid #dfdfdf; } .directorist-form-group { - position: relative; - width: 100%; + position: relative; + width: 100%; } .directorist-form-group textarea, .directorist-form-group textarea.directorist-form-element { - min-height: unset; - height: auto !important; - max-width: 100%; - width: 100%; + min-height: unset; + height: auto !important; + max-width: 100%; + width: 100%; } .directorist-form-group__with-prefix { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-bottom: 1px solid #d9d9d9; - width: 100%; - gap: 10px; + display: flex; + align-items: center; + border-bottom: 1px solid #d9d9d9; + width: 100%; + gap: 10px; } .directorist-form-group__with-prefix:focus-within { - border-bottom: 2px solid var(--directorist-color-dark); + border-bottom: 2px solid var(--directorist-color-dark); } .directorist-form-group__with-prefix .directorist-form-element { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0 !important; - border: none !important; + flex: 1; + margin: 0 !important; + border: none !important; } .directorist-form-group__with-prefix .directorist-single-info__value { - font-size: 14px; - font-weight: 500; - margin: 0 !important; + font-size: 14px; + font-weight: 500; + margin: 0 !important; } .directorist-form-group__prefix { - height: 40px; - line-height: 40px; - font-size: 14px; - font-weight: 500; - color: #828282; + height: 40px; + line-height: 40px; + font-size: 14px; + font-weight: 500; + color: #828282; } .directorist-form-group__prefix--start { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; + order: -1; } .directorist-form-group__prefix--end { - -webkit-box-ordinal-group: 3; - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; + order: 2; } -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input { - padding-right: 0 !important; +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-form-group__with-prefix + .directorist-search-field__input { + padding-right: 0 !important; } .directorist-form-group label { - margin: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + margin: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-form-group .directorist-form-element { - position: relative; - padding: 0; - width: 100%; - max-width: unset; - min-height: unset; - height: 40px; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); - border: none; - border-radius: 0; - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-bottom: 1px solid var(--directorist-color-border-gray); + position: relative; + padding: 0; + width: 100%; + max-width: unset; + min-height: unset; + height: 40px; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); + border: none; + border-radius: 0; + background: transparent; + box-sizing: border-box; + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-form-group .directorist-form-element:focus { - outline: none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; - border: none; - border-bottom: 2px solid var(--directorist-color-primary); + outline: none; + box-shadow: 0 0; + border: none; + border-bottom: 2px solid var(--directorist-color-primary); } .directorist-form-group .directorist-form-description { - font-size: 14px; - margin-top: 10px; - color: var(--directorist-color-deep-gray); + font-size: 14px; + margin-top: 10px; + color: var(--directorist-color-deep-gray); } .directorist-form-element.directorist-form-element-lg { - height: 50px; + height: 50px; } .directorist-form-element.directorist-form-element-lg__prefix { - height: 50px; - line-height: 50px; + height: 50px; + line-height: 50px; } .directorist-form-element.directorist-form-element-sm { - height: 30px; + height: 30px; } .directorist-form-element.directorist-form-element-sm__prefix { - height: 30px; - line-height: 30px; + height: 30px; + line-height: 30px; } .directorist-form-group.directorist-icon-left .directorist-input-icon { - left: 0; + left: 0; } .directorist-form-group.directorist-icon-left .location-name { - padding-left: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding-left: 25px; + box-sizing: border-box; } .directorist-form-group.directorist-icon-right .directorist-input-icon { - right: 0; + right: 0; } .directorist-form-group.directorist-icon-right .location-name { - padding-right: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding-right: 25px; + box-sizing: border-box; } .directorist-form-group .directorist-input-icon { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - line-height: 1.45; - z-index: 99; - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + position: absolute; + top: 50%; + transform: translateY(-50%); + line-height: 1.45; + z-index: 99; + transition: margin 0.3s ease; } .directorist-form-group .directorist-input-icon i, .directorist-form-group .directorist-input-icon span, .directorist-form-group .directorist-input-icon svg { - font-size: 14px; + font-size: 14px; } .directorist-form-group .directorist-input-icon .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-body); + width: 16px; + height: 16px; + background-color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-form-group .directorist-input-icon { - margin-top: 0; - } + .directorist-form-group .directorist-input-icon { + margin-top: 0; + } } .directorist-label { - margin-bottom: 0; + margin-bottom: 0; } input.directorist-toggle-input { - display: none; + display: none; } .directorist-toggle-input-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex; + align-items: center; + justify-content: space-between; } span.directorist-toggle-input-label-text { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding-right: 10px; + flex-grow: 1; + padding-right: 10px; } span.directorist-toggle-input-label-icon { - position: relative; - display: inline-block; - width: 50px; - height: 25px; - border-radius: 30px; - background-color: #d9d9d9; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + position: relative; + display: inline-block; + width: 50px; + height: 25px; + border-radius: 30px; + background-color: #d9d9d9; + transition: all ease-in-out 300ms; } span.directorist-toggle-input-label-icon::after { - content: ""; - position: absolute; - display: inline-block; - width: 15px; - height: 15px; - border-radius: 50%; - background-color: var(--directorist-color-white); - top: 50%; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + content: ""; + position: absolute; + display: inline-block; + width: 15px; + height: 15px; + border-radius: 50%; + background-color: var(--directorist-color-white); + top: 50%; + transform: translate(0, -50%); + transition: all ease-in-out 300ms; } -input.directorist-toggle-input:checked + .directorist-toggle-input-label span.directorist-toggle-input-label-icon { - background-color: #4353ff; +input.directorist-toggle-input:checked + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon { + background-color: #4353ff; } -input.directorist-toggle-input:not(:checked) + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after { - left: 5px; +input.directorist-toggle-input:not(:checked) + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon::after { + left: 5px; } -input.directorist-toggle-input:checked + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after { - left: calc(100% - 20px); +input.directorist-toggle-input:checked + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon::after { + left: calc(100% - 20px); } .directorist-flex-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-flex-space-between { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; } .directorist-flex-grow-1 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .directorist-tab-navigation { - padding: 0; - margin: 0 -10px 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + padding: 0; + margin: 0 -10px 20px; + display: flex; + justify-content: center; + align-items: center; } .directorist-tab-navigation-list-item { - position: relative; - list-style: none; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - margin: 10px; - padding: 15px 20px; - border-radius: 4px; - -webkit-flex-basis: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - background-color: var(--directorist-color-bg-light); + position: relative; + list-style: none; + flex-grow: 1; + text-align: center; + margin: 10px; + padding: 15px 20px; + border-radius: 4px; + flex-basis: 50%; + background-color: var(--directorist-color-bg-light); } .directorist-tab-navigation-list-item.--is-active { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-tab-navigation-list-item.--is-active::after { - content: ""; - position: absolute; - left: 50%; - bottom: -10px; - width: 0; - height: 0; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 10px solid var(--directorist-color-primary); - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); -} -.directorist-tab-navigation-list-item .directorist-tab-navigation-list-item-link { - margin: -15px -20px; + content: ""; + position: absolute; + left: 50%; + bottom: -10px; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid var(--directorist-color-primary); + transform: translate(-50%, 0); +} +.directorist-tab-navigation-list-item + .directorist-tab-navigation-list-item-link { + margin: -15px -20px; } .directorist-tab-navigation-list-item-link { - position: relative; - display: block; - text-decoration: none; - padding: 15px 20px; - border-radius: 4px; - color: var(--directorist-color-body); - background-color: var(--directorist-color-bg-light); -} -.directorist-tab-navigation-list-item-link:active, .directorist-tab-navigation-list-item-link:visited, .directorist-tab-navigation-list-item-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); + position: relative; + display: block; + text-decoration: none; + padding: 15px 20px; + border-radius: 4px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-bg-light); +} +.directorist-tab-navigation-list-item-link:active, +.directorist-tab-navigation-list-item-link:visited, +.directorist-tab-navigation-list-item-link:focus { + outline: none; + box-shadow: none; + color: var(--directorist-color-body); } .directorist-tab-navigation-list-item-link.--is-active { - cursor: default; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); + cursor: default; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-tab-navigation-list-item-link.--is-active::after { - content: ""; - position: absolute; - left: 50%; - bottom: -10px; - width: 0; - height: 0; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 10px solid var(--directorist-color-primary); - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); + content: ""; + position: absolute; + left: 50%; + bottom: -10px; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid var(--directorist-color-primary); + transform: translate(-50%, 0); } .directorist-tab-content { - display: none; + display: none; } .directorist-tab-content.--is-active { - display: block; + display: block; } .directorist-headline-4 { - margin: 0 0 15px 0; - font-size: 15px; - font-weight: normal; + margin: 0 0 15px 0; + font-size: 15px; + font-weight: normal; } .directorist-label-addon-prepend { - margin-right: 10px; + margin-right: 10px; } .--is-hidden { - display: none; + display: none; } .directorist-flex-center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } /* Directorist button styles */ .directorist-btn { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 5px; - font-size: 14px; - font-weight: 500; - vertical-align: middle; - text-transform: capitalize; - text-align: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - padding: 0 26px; - min-height: 45px; - line-height: 1.5; - border-radius: 8px; - border: 1px solid var(--directorist-color-primary); - -webkit-box-sizing: border-box; - box-sizing: border-box; - text-decoration: none; - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - text-decoration: none !important; + display: inline-flex; + align-items: center; + justify-content: center; + gap: 5px; + font-size: 14px; + font-weight: 500; + vertical-align: middle; + text-transform: capitalize; + text-align: center; + user-select: none; + cursor: pointer; + padding: 0 26px; + min-height: 45px; + line-height: 1.5; + border-radius: 8px; + border: 1px solid var(--directorist-color-primary); + box-sizing: border-box; + text-decoration: none; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + transition: all ease 0.3s; + text-decoration: none !important; } .directorist-btn .directorist-icon-mask:after { - background-color: currentColor; - width: 16px; - height: 16px; + background-color: currentColor; + width: 16px; + height: 16px; } -.directorist-btn.directorist-btn--add-listing, .directorist-btn.directorist-btn--logout { - line-height: 43px; +.directorist-btn.directorist-btn--add-listing, +.directorist-btn.directorist-btn--logout { + line-height: 43px; } -.directorist-btn:hover, .directorist-btn:focus { - color: var(--directorist-color-white); - outline: 0 !important; - background-color: rgba(var(--directorist-color-primary-rgb), 0.8); +.directorist-btn:hover, +.directorist-btn:focus { + color: var(--directorist-color-white); + outline: 0 !important; + background-color: rgba(var(--directorist-color-primary-rgb), 0.8); } .directorist-btn.directorist-btn-primary { - background-color: var(--directorist-color-btn-primary-bg); - color: var(--directorist-color-btn-primary); - border: 1px solid var(--directorist-color-btn-primary-border); + background-color: var(--directorist-color-btn-primary-bg); + color: var(--directorist-color-btn-primary); + border: 1px solid var(--directorist-color-btn-primary-border); } -.directorist-btn.directorist-btn-primary:focus, .directorist-btn.directorist-btn-primary:hover { - background-color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); +.directorist-btn.directorist-btn-primary:focus, +.directorist-btn.directorist-btn-primary:hover { + background-color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); } -.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after, .directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-btn-primary); +.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after, +.directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after { + background-color: var(--directorist-color-btn-primary); } .directorist-btn.directorist-btn-secondary { - background-color: var(--directorist-color-btn-secondary-bg); - color: var(--directorist-color-btn-secondary); - border: 1px solid var(--directorist-color-btn-secondary-border); + background-color: var(--directorist-color-btn-secondary-bg); + color: var(--directorist-color-btn-secondary); + border: 1px solid var(--directorist-color-btn-secondary-border); } -.directorist-btn.directorist-btn-secondary:focus, .directorist-btn.directorist-btn-secondary:hover { - background-color: transparent; - color: currentColor; - border-color: var(--directorist-color-btn-secondary-bg); +.directorist-btn.directorist-btn-secondary:focus, +.directorist-btn.directorist-btn-secondary:hover { + background-color: transparent; + color: currentColor; + border-color: var(--directorist-color-btn-secondary-bg); } .directorist-btn.directorist-btn-dark { - background-color: var(--directorist-color-dark); - border-color: var(--directorist-color-dark); - color: var(--directorist-color-white); + background-color: var(--directorist-color-dark); + border-color: var(--directorist-color-dark); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-dark:hover { - background-color: rgba(var(--directorist-color-dark-rgb), 0.8); + background-color: rgba(var(--directorist-color-dark-rgb), 0.8); } .directorist-btn.directorist-btn-success { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); - color: var(--directorist-color-white); + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-success:hover { - background-color: rgba(var(--directorist-color-success-rgb), 0.8); + background-color: rgba(var(--directorist-color-success-rgb), 0.8); } .directorist-btn.directorist-btn-info { - background-color: var(--directorist-color-info); - border-color: var(--directorist-color-info); - color: var(--directorist-color-white); + background-color: var(--directorist-color-info); + border-color: var(--directorist-color-info); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-info:hover { - background-color: rgba(var(--directorist-color-success-rgb), 0.8); + background-color: rgba(var(--directorist-color-success-rgb), 0.8); } .directorist-btn.directorist-btn-light { - background-color: var(--directorist-color-light); - border-color: var(--directorist-color-light); - color: var(--directorist-color-primary); + background-color: var(--directorist-color-light); + border-color: var(--directorist-color-light); + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-light:focus, .directorist-btn.directorist-btn-light:hover { - background-color: var(--directorist-color-light-hover); - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); +.directorist-btn.directorist-btn-light:focus, +.directorist-btn.directorist-btn-light:hover { + background-color: var(--directorist-color-light-hover); + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-lighter { - border-color: var(--directorist-color-dark); - background-color: #f6f7f9; - color: var(--directorist-color-primary); + border-color: var(--directorist-color-dark); + background-color: #f6f7f9; + color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-warning { - border-color: var(--directorist-color-warning); - background-color: var(--directorist-color-warning); - color: var(--directorist-color-white); + border-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-warning:hover { - background-color: rgba(var(--directorist-color-warning-rgb), 0.8); + background-color: rgba(var(--directorist-color-warning-rgb), 0.8); } .directorist-btn.directorist-btn-danger { - border-color: var(--directorist-color-danger); - background-color: var(--directorist-color-danger); - color: var(--directorist-color-white); + border-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-danger:hover { - background-color: rgba(var(--directorist-color-danger-rgb), 0.8); + background-color: rgba(var(--directorist-color-danger-rgb), 0.8); } .directorist-btn.directorist-btn-bg-normal { - background: #F9F9F9; + background: #f9f9f9; } .directorist-btn.directorist-btn-loading { - position: relative; - font-size: 0; - pointer-events: none; + position: relative; + font-size: 0; + pointer-events: none; } .directorist-btn.directorist-btn-loading:before { - content: ""; - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - border-radius: 8px; - background-color: inherit; + content: ""; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + border-radius: 8px; + background-color: inherit; } .directorist-btn.directorist-btn-loading:after { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 20px; - height: 20px; - border-radius: 50%; - border: 2px solid var(--directorist-color-white); - border-top-color: var(--directorist-color-primary); - position: absolute; - top: 13px; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - -webkit-animation: spin-centered 3s linear infinite; - animation: spin-centered 3s linear infinite; + content: ""; + display: inline-flex; + width: 20px; + height: 20px; + border-radius: 50%; + border: 2px solid var(--directorist-color-white); + border-top-color: var(--directorist-color-primary); + position: absolute; + top: 13px; + left: 50%; + transform: translateX(-50%); + animation: spin-centered 3s linear infinite; } .directorist-btn.directorist-btn-disabled { - pointer-events: none; - opacity: 0.75; + pointer-events: none; + opacity: 0.75; } .directorist-btn.directorist-btn-outline { - background: transparent; - border: 1px solid var(--directorist-color-border) !important; - color: var(--directorist-color-dark); + background: transparent; + border: 1px solid var(--directorist-color-border) !important; + color: var(--directorist-color-dark); } .directorist-btn.directorist-btn-outline-normal { - background: transparent; - border: 1px solid var(--directorist-color-normal) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-normal) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-normal:focus, .directorist-btn.directorist-btn-outline-normal:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-normal); +.directorist-btn.directorist-btn-outline-normal:focus, +.directorist-btn.directorist-btn-outline-normal:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-normal); } .directorist-btn.directorist-btn-outline-light { - background: transparent; - border: 1px solid var(--directorist-color-bg-light) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-bg-light) !important; + color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-outline-primary { - background: transparent; - border: 1px solid var(--directorist-color-primary) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-primary) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-primary:focus, .directorist-btn.directorist-btn-outline-primary:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); +.directorist-btn.directorist-btn-outline-primary:focus, +.directorist-btn.directorist-btn-outline-primary:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-outline-secondary { - background: transparent; - border: 1px solid var(--directorist-color-secondary) !important; - color: var(--directorist-color-secondary); + background: transparent; + border: 1px solid var(--directorist-color-secondary) !important; + color: var(--directorist-color-secondary); } -.directorist-btn.directorist-btn-outline-secondary:focus, .directorist-btn.directorist-btn-outline-secondary:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-secondary); +.directorist-btn.directorist-btn-outline-secondary:focus, +.directorist-btn.directorist-btn-outline-secondary:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-secondary); } .directorist-btn.directorist-btn-outline-success { - background: transparent; - border: 1px solid var(--directorist-color-success) !important; - color: var(--directorist-color-success); + background: transparent; + border: 1px solid var(--directorist-color-success) !important; + color: var(--directorist-color-success); } -.directorist-btn.directorist-btn-outline-success:focus, .directorist-btn.directorist-btn-outline-success:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-success); +.directorist-btn.directorist-btn-outline-success:focus, +.directorist-btn.directorist-btn-outline-success:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-success); } .directorist-btn.directorist-btn-outline-info { - background: transparent; - border: 1px solid var(--directorist-color-info) !important; - color: var(--directorist-color-info); + background: transparent; + border: 1px solid var(--directorist-color-info) !important; + color: var(--directorist-color-info); } -.directorist-btn.directorist-btn-outline-info:focus, .directorist-btn.directorist-btn-outline-info:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-info); +.directorist-btn.directorist-btn-outline-info:focus, +.directorist-btn.directorist-btn-outline-info:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-info); } .directorist-btn.directorist-btn-outline-warning { - background: transparent; - border: 1px solid var(--directorist-color-warning) !important; - color: var(--directorist-color-warning); + background: transparent; + border: 1px solid var(--directorist-color-warning) !important; + color: var(--directorist-color-warning); } -.directorist-btn.directorist-btn-outline-warning:focus, .directorist-btn.directorist-btn-outline-warning:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-warning); +.directorist-btn.directorist-btn-outline-warning:focus, +.directorist-btn.directorist-btn-outline-warning:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-warning); } .directorist-btn.directorist-btn-outline-danger { - background: transparent; - border: 1px solid var(--directorist-color-danger) !important; - color: var(--directorist-color-danger); + background: transparent; + border: 1px solid var(--directorist-color-danger) !important; + color: var(--directorist-color-danger); } -.directorist-btn.directorist-btn-outline-danger:focus, .directorist-btn.directorist-btn-outline-danger:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-danger); +.directorist-btn.directorist-btn-outline-danger:focus, +.directorist-btn.directorist-btn-outline-danger:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); } .directorist-btn.directorist-btn-outline-dark { - background: transparent; - border: 1px solid var(--directorist-color-primary) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-primary) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-dark:focus, .directorist-btn.directorist-btn-outline-dark:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-dark); +.directorist-btn.directorist-btn-outline-dark:focus, +.directorist-btn.directorist-btn-outline-dark:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-dark); } .directorist-btn.directorist-btn-lg { - min-height: 50px; + min-height: 50px; } .directorist-btn.directorist-btn-md { - min-height: 46px; + min-height: 46px; } .directorist-btn.directorist-btn-sm { - min-height: 40px; + min-height: 40px; } .directorist-btn.directorist-btn-xs { - min-height: 36px; + min-height: 36px; } .directorist-btn.directorist-btn-px-15 { - padding: 0 15px; + padding: 0 15px; } .directorist-btn.directorist-btn-block { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -@-webkit-keyframes spin-centered { - from { - -webkit-transform: translateX(-50%) rotate(0deg); - transform: translateX(-50%) rotate(0deg); - } - to { - -webkit-transform: translateX(-50%) rotate(360deg); - transform: translateX(-50%) rotate(360deg); - } + display: flex; } @keyframes spin-centered { - from { - -webkit-transform: translateX(-50%) rotate(0deg); - transform: translateX(-50%) rotate(0deg); - } - to { - -webkit-transform: translateX(-50%) rotate(360deg); - transform: translateX(-50%) rotate(360deg); - } + from { + transform: translateX(-50%) rotate(0deg); + } + to { + transform: translateX(-50%) rotate(360deg); + } } /* Modal Core Styles */ .directorist-modal { - position: fixed; - width: 100%; - height: 100%; - padding: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - left: 0; - top: 0; - z-index: -1; - overflow: auto; - outline: 0; + position: fixed; + width: 100%; + height: 100%; + padding: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + left: 0; + top: 0; + z-index: -1; + overflow: auto; + outline: 0; } .directorist-modal__dialog { - position: relative; - width: 500px; - margin: 30px auto; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 0; - visibility: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-height: calc(100% - 80px); - pointer-events: none; + position: relative; + width: 500px; + margin: 30px auto; + transition: 0.3s ease; + opacity: 0; + visibility: hidden; + display: flex; + align-items: center; + justify-content: center; + min-height: calc(100% - 80px); + pointer-events: none; } .directorist-modal__dialog-lg { - width: 900px; + width: 900px; } .directorist-modal__content { - width: 100%; - background-color: var(--directorist-color-white); - pointer-events: auto; - border-radius: 12px; - position: relative; + width: 100%; + background-color: var(--directorist-color-white); + pointer-events: auto; + border-radius: 12px; + position: relative; } .directorist-modal__content .directorist-modal__header { - position: relative; - padding: 15px; - border-bottom: 1px solid var(--directorist-color-border-gray); + position: relative; + padding: 15px; + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-modal__content .directorist-modal__header__title { - font-size: 20px; - font-weight: 500; - margin: 0; - color: var(--directorist-color-dark); -} -.directorist-modal__content .directorist-modal__header .directorist-modal-close { - position: absolute; - width: 28px; - height: 28px; - right: 25px; - top: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - line-height: 1.45; - padding: 6px; - text-decoration: none; - -webkit-transition: 0.2s background-color ease-in-out; - transition: 0.2s background-color ease-in-out; - background-color: var(--directorist-color-bg-light); -} -.directorist-modal__content .directorist-modal__header .directorist-modal-close:hover { - color: var(--directorist-color-body); - background-color: var(--directorist-color-light-hover); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + font-size: 20px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); +} +.directorist-modal__content + .directorist-modal__header + .directorist-modal-close { + position: absolute; + width: 28px; + height: 28px; + right: 25px; + top: 10px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + line-height: 1.45; + padding: 6px; + text-decoration: none; + transition: 0.2s background-color ease-in-out; + background-color: var(--directorist-color-bg-light); +} +.directorist-modal__content + .directorist-modal__header + .directorist-modal-close:hover { + color: var(--directorist-color-body); + background-color: var(--directorist-color-light-hover); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-modal__content .directorist-modal__body { - padding: 25px 40px; + padding: 25px 40px; } .directorist-modal__content .directorist-modal__footer { - border-top: 1px solid var(--directorist-color-border-gray); - padding: 18px; -} -.directorist-modal__content .directorist-modal__footer .directorist-modal__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - margin: -7.5px; -} -.directorist-modal__content .directorist-modal__footer .directorist-modal__action button { - margin: 7.5px; + border-top: 1px solid var(--directorist-color-border-gray); + padding: 18px; +} +.directorist-modal__content + .directorist-modal__footer + .directorist-modal__action { + display: flex; + justify-content: flex-end; + margin: -7.5px; +} +.directorist-modal__content + .directorist-modal__footer + .directorist-modal__action + button { + margin: 7.5px; } .directorist-modal__content .directorist-modal .directorist-form-group label { - font-size: 16px; + font-size: 16px; } -.directorist-modal__content .directorist-modal .directorist-form-group .directorist-form-element { - resize: none; +.directorist-modal__content + .directorist-modal + .directorist-form-group + .directorist-form-element { + resize: none; } .directorist-modal__dialog.directorist-modal--lg { - width: 800px; + width: 800px; } .directorist-modal__dialog.directorist-modal--xl { - width: 1140px; + width: 1140px; } .directorist-modal__dialog.directorist-modal--sm { - width: 300px; + width: 300px; } .directorist-modal.directorist-fade { - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 1; - visibility: visible; - z-index: 9999; + transition: 0.3s ease; + opacity: 1; + visibility: visible; + z-index: 9999; } .directorist-modal.directorist-fade:not(.directorist-show) { - opacity: 0; - visibility: hidden; + opacity: 0; + visibility: hidden; } .directorist-modal.directorist-show .directorist-modal__dialog { - opacity: 1; - visibility: visible; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + opacity: 1; + visibility: visible; + transition: 0.3s ease; } .directorist-search-modal__overlay { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - opacity: 0; - visibility: hidden; - z-index: 9999; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 0; + visibility: hidden; + z-index: 9999; } .directorist-search-modal__overlay:before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - opacity: 1; - -webkit-transition: all ease 0.4s; - transition: all ease 0.4s; + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 1; + transition: all ease 0.4s; } .directorist-search-modal__contents { - position: fixed; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - bottom: -100%; - width: 90%; - max-width: 600px; - margin-bottom: 100px; - overflow: hidden; - opacity: 0; - visibility: hidden; - z-index: 9999; - border-radius: 12px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-white); + position: fixed; + left: 50%; + transform: translateX(-50%); + bottom: -100%; + width: 90%; + max-width: 600px; + margin-bottom: 100px; + overflow: hidden; + opacity: 0; + visibility: hidden; + z-index: 9999; + border-radius: 12px; + transition: all ease 0.3s; + background-color: var(--directorist-color-white); } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents { - width: 100%; - margin-bottom: 0; - border-radius: 16px 16px 0 0; - } + .directorist-search-modal__contents { + width: 100%; + margin-bottom: 0; + border-radius: 16px 16px 0 0; + } } .directorist-search-modal__contents__header { - position: fixed; - top: 0; - left: 0; - right: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 15px 25px 15px 40px; - border-radius: 16px 16px 0 0; - background-color: var(--directorist-color-white); - border-bottom: 1px solid var(--directorist-color-border); - z-index: 999; + position: fixed; + top: 0; + left: 0; + right: 0; + display: flex; + align-items: center; + justify-content: space-between; + padding: 15px 25px 15px 40px; + border-radius: 16px 16px 0 0; + background-color: var(--directorist-color-white); + border-bottom: 1px solid var(--directorist-color-border); + z-index: 999; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__header { - padding-left: 30px; - padding-right: 20px; - } + .directorist-search-modal__contents__header { + padding-left: 30px; + padding-right: 20px; + } } .directorist-search-modal__contents__body { - height: calc(100vh - 380px); - padding: 30px 40px 0; - overflow: auto; - margin-top: 70px; - margin-bottom: 80px; + height: calc(100vh - 380px); + padding: 30px 40px 0; + overflow: auto; + margin-top: 70px; + margin-bottom: 80px; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__body { - margin-top: 55px; - margin-bottom: 80px; - padding: 30px 30px 0; - height: calc(100dvh - 250px); - } + .directorist-search-modal__contents__body { + margin-top: 55px; + margin-bottom: 80px; + padding: 30px 30px 0; + height: calc(100dvh - 250px); + } } .directorist-search-modal__contents__body .directorist-search-field__label { - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - -webkit-transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; - transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::placeholder, -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-form-group__prefix--start { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element { - padding-right: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=date], .directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=time], .directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=number] { - padding-right: 0; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-form-group__prefix--start { + opacity: 0; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element { + padding-right: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="date"], +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="time"], +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="number"] { + padding-right: 0; } .directorist-search-modal__contents__body .directorist-search-field__btn { - position: absolute; - bottom: 12px; - cursor: pointer; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear { - opacity: 0; - visibility: hidden; - right: 0; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear i::after { - width: 16px; - height: 16px; - background-color: #bcbcbc; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear:hover i::after { - background-color: var(--directorist-color-primary); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=number] { - appearance: none !important; - -webkit-appearance: none !important; - -moz-appearance: none !important; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=date] { - padding-right: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=time] { - padding-right: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-form-group__prefix--start { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__label { - top: 0; - font-size: 13px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__btn { - opacity: 1; - visibility: visible; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input { - position: relative; - bottom: -5px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-location-js { - padding-right: 45px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-form.select2-selection__rendered, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-dark); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-dark); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused.atbdp-form-fade:after, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-filter-location-icon { - margin-top: 0; -} -.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range { - position: relative; -} -.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range .directorist-search-field__label { - font-size: 16px; - font-weight: 500; - position: unset; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-select .directorist-search-field__label { - opacity: 0; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - right: 25px; - bottom: 12px; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after { - background-color: #808080; -} -.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask:after { - width: 12px; - height: 12px; - background-color: #808080; + position: absolute; + bottom: 12px; + cursor: pointer; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear { + opacity: 0; + visibility: hidden; + right: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear + i::after { + width: 16px; + height: 16px; + background-color: #bcbcbc; + transition: background-color 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear:hover + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="number"] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="date"] { + padding-right: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="time"] { + padding-right: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: 0; + font-size: 13px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__btn { + opacity: 1; + visibility: visible; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input { + position: relative; + bottom: -5px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select + .directorist-search-field__label { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-right: 45px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-form.select2-selection__rendered, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused.atbdp-form-fade:after, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field.directorist-search-field-text_range { + position: relative; +} +.directorist-search-modal__contents__body + .directorist-search-field.directorist-search-field-text_range + .directorist-search-field__label { + font-size: 16px; + font-weight: 500; + position: unset; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-select + .directorist-search-field__label { + opacity: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + right: 25px; + bottom: 12px; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-filter-location-icon + .directorist-icon-mask:after { + background-color: #808080; +} +.directorist-search-modal__contents__body + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-icon-mask { + display: flex; + flex: 1; + justify-content: flex-end; +} +.directorist-search-modal__contents__body + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-icon-mask:after { + width: 12px; + height: 12px; + background-color: #808080; } .directorist-search-modal__contents__body .directorist-search-form-dropdown { - border-bottom: 1px solid var(--directorist-color-border); + border-bottom: 1px solid var(--directorist-color-border); } .directorist-search-modal__contents__body .wp-picker-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap { - margin: 0 !important; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label { - width: 70px; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label input { - padding-right: 10px !important; - bottom: 0; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap .wp-picker-clear { - margin: 0; - width: 100px; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-holder { - top: 45px; + display: flex; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap { + margin: 0 !important; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + label { + width: 70px; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + label + input { + padding-right: 10px !important; + bottom: 0; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-holder { + top: 45px; } .directorist-search-modal__contents__footer { - position: fixed; - bottom: 0; - left: 0; - right: 0; - border-radius: 0 0 16px 16px; - background-color: var(--directorist-color-light); - z-index: 9; + position: fixed; + bottom: 0; + left: 0; + right: 0; + border-radius: 0 0 16px 16px; + background-color: var(--directorist-color-light); + z-index: 9; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__footer { - border-radius: 0; - } - .directorist-search-modal__contents__footer .directorist-advanced-filter__action { - padding: 15px 30px; - } -} -.directorist-search-modal__contents__footer .directorist-advanced-filter__action .directorist-btn { - font-size: 15px; + .directorist-search-modal__contents__footer { + border-radius: 0; + } + .directorist-search-modal__contents__footer + .directorist-advanced-filter__action { + padding: 15px 30px; + } +} +.directorist-search-modal__contents__footer + .directorist-advanced-filter__action + .directorist-btn { + font-size: 15px; } .directorist-search-modal__contents__footer .directorist-btn-reset-js { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; - padding: 0; - text-transform: none; - border: none; - background: transparent; - cursor: pointer; + order: -1; + padding: 0; + text-transform: none; + border: none; + background: transparent; + cursor: pointer; } .directorist-search-modal__contents__footer .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + opacity: 0.5; + cursor: not-allowed; } .directorist-search-modal__contents__title { - font-size: 20px; - font-weight: 500; - margin: 0; + font-size: 20px; + font-weight: 500; + margin: 0; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__title { - font-size: 18px; - } + .directorist-search-modal__contents__title { + font-size: 18px; + } } .directorist-search-modal__contents__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - padding: 0; - background-color: var(--directorist-color-light); - border-radius: 100%; - border: none; - cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + padding: 0; + background-color: var(--directorist-color-light); + border-radius: 100%; + border: none; + cursor: pointer; } .directorist-search-modal__contents__btn i::after { - width: 10px; - height: 10px; - -webkit-transition: background-color ease 0.3s; - transition: background-color ease 0.3s; - background-color: var(--directorist-color-dark); + width: 10px; + height: 10px; + transition: background-color ease 0.3s; + background-color: var(--directorist-color-dark); } .directorist-search-modal__contents__btn:hover i::after { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__btn { - width: auto; - height: auto; - background: transparent; - } - .directorist-search-modal__contents__btn i::after { - width: 12px; - height: 12px; - } -} -.directorist-search-modal .directorist-advanced-filter__form .directorist-search-modal__contents__body { - height: calc(100vh - 350px); + .directorist-search-modal__contents__btn { + width: auto; + height: auto; + background: transparent; + } + .directorist-search-modal__contents__btn i::after { + width: 12px; + height: 12px; + } +} +.directorist-search-modal + .directorist-advanced-filter__form + .directorist-search-modal__contents__body { + height: calc(100vh - 350px); } @media only screen and (max-width: 575px) { - .directorist-search-modal .directorist-advanced-filter__form .directorist-search-modal__contents__body { - height: calc(100vh - 200px); - } + .directorist-search-modal + .directorist-advanced-filter__form + .directorist-search-modal__contents__body { + height: calc(100vh - 200px); + } } .directorist-search-modal__minimizer { - content: ""; - position: absolute; - top: 10px; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - width: 50px; - height: 5px; - border-radius: 8px; - background-color: var(--directorist-color-border); - opacity: 0; - visibility: hidden; + content: ""; + position: absolute; + top: 10px; + left: 50%; + transform: translateX(-50%); + width: 50px; + height: 5px; + border-radius: 8px; + background-color: var(--directorist-color-border); + opacity: 0; + visibility: hidden; } @media only screen and (max-width: 575px) { - .directorist-search-modal__minimizer { - opacity: 1; - visibility: visible; - } + .directorist-search-modal__minimizer { + opacity: 1; + visibility: visible; + } } .directorist-search-modal--basic .directorist-search-modal__contents__body { - margin: 0; - padding: 30px; - height: calc(100vh - 260px); + margin: 0; + padding: 30px; + height: calc(100vh - 260px); } @media only screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__contents__body { - height: calc(100vh - 110px); - } + .directorist-search-modal--basic .directorist-search-modal__contents__body { + height: calc(100vh - 110px); + } } @media only screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__contents { - margin: 0; - border-radius: 16px 16px 0 0; - } + .directorist-search-modal--basic .directorist-search-modal__contents { + margin: 0; + border-radius: 16px 16px 0 0; + } } .directorist-search-modal--basic .directorist-search-query { - position: relative; + position: relative; } .directorist-search-modal--basic .directorist-search-query:after { - content: ""; - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - width: 16px; - height: 16px; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - background-color: var(--directorist-color-body); - -webkit-mask-image: url(../js/d900b2f795c7e6714e7b.svg); - mask-image: url(../js/d900b2f795c7e6714e7b.svg); -} -.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search { - border-radius: 8px; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search i::after { - background-color: currentColor; + content: ""; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + transition: all ease 0.3s; + width: 16px; + height: 16px; + mask-position: center; + mask-repeat: no-repeat; + background-color: var(--directorist-color-body); + mask-image: url(../js/../images/9ddfe727fdcddbb985d69ce2e9a06358.svg); +} +.directorist-search-modal--basic + .directorist-search-form-action__modal__btn-search { + border-radius: 8px; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-search-modal--basic + .directorist-search-form-action__modal__btn-search + i::after { + background-color: currentColor; } @media screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input { - min-height: 42px; - border-radius: 8px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field { - width: 100%; - margin: 0 20px; - padding-right: 15px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__label:before { - content: ""; - width: 14px; - height: 14px; - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/e6b033cae029287f53b3.svg); - mask-image: url(../js/e6b033cae029287f53b3.svg); - opacity: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__btn { - bottom: unset; - right: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-filter-location-icon { - margin-top: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input { - width: 100%; - padding-right: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select { - width: calc(100% + 20px); - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - right: 5px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value { - border-bottom: none; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value:focus-within { - outline: none; - border-bottom: 2px solid var(--directorist-color-primary); - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-text_range { - padding: 5px 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search { - width: auto; - padding-right: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap { - right: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) { - margin: 0 40px; - } + .directorist-search-modal--basic .directorist-search-modal__input { + min-height: 42px; + border-radius: 8px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field { + width: 100%; + margin: 0 20px; + padding-right: 15px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__label:before { + content: ""; + width: 14px; + height: 14px; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + background-color: var(--directorist-color-body); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + opacity: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__btn { + bottom: unset; + right: 20px; + top: 50%; + transform: translateY(-50%); + transition: all 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input { + width: 100%; + padding-right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select { + width: calc(100% + 20px); + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + right: 5px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-custom-range-slider__value { + border-bottom: none; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-custom-range-slider__value:focus-within { + outline: none; + border-bottom: 2px solid var(--directorist-color-primary); + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-text_range { + padding: 5px 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-radius_search { + width: auto; + padding-right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) { + margin: 0 40px; + } } @media screen and (max-width: 575px) and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select { - width: calc(100% + 20px); - } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select { + width: calc(100% + 20px); + } } @media screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label { - font-size: 0 !important; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - left: -25px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label:before { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input { - bottom: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-moz-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__btn { - right: -20px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select ~ .directorist-search-field__btn--clear, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - right: 5px !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input { - padding-right: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-location-js { - padding-right: 30px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel).atbdp-form-fade:after, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon { - margin-top: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__label { - opacity: 0; - font-size: 0 !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value { - padding-right: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select { - width: 100%; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - right: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear { - right: 20px !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-form-dropdown { - margin-right: 20px !important; - border-bottom: none; - } - .directorist-search-modal--basic .directorist-price-ranges:after { - top: 30px; - } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__label { + font-size: 0 !important; + top: 50%; + transform: translateY(-50%); + left: -25px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__label:before { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input { + bottom: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__btn { + right: -20px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + right: 5px !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input { + padding-right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-location-js { + padding-right: 30px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not( + .input-has-noLabel + ).atbdp-form-fade:after, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__label { + opacity: 0; + font-size: 0 !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value { + padding-right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select { + width: 100%; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear { + right: 20px !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-form-dropdown { + margin-right: 20px !important; + border-bottom: none; + } + .directorist-search-modal--basic .directorist-price-ranges:after { + top: 30px; + } } .directorist-search-modal--basic .open_now > label { - display: none; + display: none; } .directorist-search-modal--basic .open_now .check-btn, -.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges { - padding: 10px 0; -} -.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges__price-frequency__btn { - display: block; -} -.directorist-search-modal--basic .directorist-advanced-filter__advanced__element .directorist-search-field { - margin: 0; - padding: 10px 0; +.directorist-search-modal--basic + .directorist-search-modal__input + .directorist-price-ranges { + padding: 10px 0; +} +.directorist-search-modal--basic + .directorist-search-modal__input + .directorist-price-ranges__price-frequency__btn { + display: block; +} +.directorist-search-modal--basic + .directorist-advanced-filter__advanced__element + .directorist-search-field { + margin: 0; + padding: 10px 0; } .directorist-search-modal--basic .directorist-checkbox-wrapper, .directorist-search-modal--basic .directorist-radio-wrapper, .directorist-search-modal--basic .directorist-search-tags { - width: 100%; - margin: 10px 0; -} -.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-checkbox, -.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-radio, -.directorist-search-modal--basic .directorist-radio-wrapper .directorist-checkbox, + width: 100%; + margin: 10px 0; +} +.directorist-search-modal--basic + .directorist-checkbox-wrapper + .directorist-checkbox, +.directorist-search-modal--basic + .directorist-checkbox-wrapper + .directorist-radio, +.directorist-search-modal--basic + .directorist-radio-wrapper + .directorist-checkbox, .directorist-search-modal--basic .directorist-radio-wrapper .directorist-radio, .directorist-search-modal--basic .directorist-search-tags .directorist-checkbox, .directorist-search-modal--basic .directorist-search-tags .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } -.directorist-search-modal--basic .directorist-search-tags ~ .directorist-btn-ml { - margin-bottom: 10px; +.directorist-search-modal--basic + .directorist-search-tags + ~ .directorist-btn-ml { + margin-bottom: 10px; } -.directorist-search-modal--basic .directorist-select .select2-container.select2-container--default .select2-selection--single { - min-height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; +.directorist-search-modal--basic + .directorist-select + .select2-container.select2-container--default + .select2-selection--single { + min-height: 40px; + display: flex; } .directorist-search-modal--basic .directorist-search-field-pricing > label, .directorist-search-modal--basic .directorist-search-field__number > label, .directorist-search-modal--basic .directorist-search-field-text_range > label, .directorist-search-modal--basic .directorist-search-field-price_range > label, -.directorist-search-modal--basic .directorist-search-field-radius_search > label { - position: unset; - -webkit-transform: unset; - transform: unset; - display: block; - font-size: 14px; - margin-bottom: 15px; -} -.directorist-search-modal--advanced .directorist-search-modal__contents__body .directorist-search-field__btn { - bottom: 12px; +.directorist-search-modal--basic + .directorist-search-field-radius_search + > label { + position: unset; + transform: unset; + display: block; + font-size: 14px; + margin-bottom: 15px; +} +.directorist-search-modal--advanced + .directorist-search-modal__contents__body + .directorist-search-field__btn { + bottom: 12px; } .directorist-search-modal--full .directorist-search-field { - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + transition: margin 0.3s ease; } -.directorist-search-modal--full .directorist-search-field .directorist-search-field__label { - font-size: 14px; - font-weight: 400; +.directorist-search-modal--full + .directorist-search-field + .directorist-search-field__label { + font-size: 14px; + font-weight: 400; } .directorist-search-modal--full .directorist-search-field.input-is-focused { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-top: 40px; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__label { - top: -35px; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; - margin: 0; - z-index: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - width: 100%; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; + width: 100%; + display: inline-flex; + margin-top: 40px; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0; + z-index: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; } .directorist-search-modal--full .directorist-search-field-pricing > label, .directorist-search-modal--full .directorist-search-field-text_range > label, -.directorist-search-modal--full .directorist-search-field-radius_search > label { - display: block; - font-size: 16px; - font-weight: 500; - margin-bottom: 18px; +.directorist-search-modal--full + .directorist-search-field-radius_search + > label { + display: block; + font-size: 16px; + font-weight: 500; + margin-bottom: 18px; } .directorist-search-modal__input { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border: 1px solid var(--directorist-color-border); - border-radius: 8px; - min-height: 40px; - margin: 0 0 15px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + display: flex; + align-items: center; + border: 1px solid var(--directorist-color-border); + border-radius: 8px; + min-height: 40px; + margin: 0 0 15px; + transition: all ease 0.3s; } .directorist-search-modal__input .directorist-select { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + display: inline-flex; + flex-wrap: wrap; + flex: 1; } .directorist-search-modal__input .select2.select2-container .select2-selection, -.directorist-search-modal__input .directorist-form-group .directorist-form-element, -.directorist-search-modal__input .directorist-form-group .directorist-form-element:focus { - border: 0 none; +.directorist-search-modal__input + .directorist-form-group + .directorist-form-element, +.directorist-search-modal__input + .directorist-form-group + .directorist-form-element:focus { + border: 0 none; } .directorist-search-modal__input__btn { - width: 0; - padding: 0 10px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + width: 0; + padding: 0 10px; + transition: all ease 0.3s; } .directorist-search-modal__input__btn .directorist-icon-mask::after { - width: 14px; - height: 14px; - opacity: 0; - visibility: hidden; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-body); -} -.directorist-search-modal__input .input-is-focused.directorist-search-query::after { - display: none; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; + width: 14px; + height: 14px; + opacity: 0; + visibility: hidden; + transition: all ease 0.3s; + background-color: var(--directorist-color-body); +} +.directorist-search-modal__input + .input-is-focused.directorist-search-query::after { + display: none; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; } .directorist-search-modal .directorist-checkbox-wrapper, .directorist-search-modal .directorist-radio-wrapper, .directorist-search-modal .directorist-search-tags { - padding: 0; - gap: 12px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + gap: 12px; + flex-wrap: wrap; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-form-dropdown { - padding: 0 !important; - } - .directorist-search-modal .directorist-search-form-dropdown .directorist-search-field__btn { - right: 0; - } -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused { - margin-top: 0 !important; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - bottom: 0 !important; - padding-right: 25px; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label { - opacity: 1 !important; - visibility: visible; - margin: 0; - font-size: 14px !important; - font-weight: 500; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item { - font-weight: 600; - margin-left: 5px; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { - opacity: 1; - visibility: visible; + .directorist-search-modal .directorist-search-form-dropdown { + padding: 0 !important; + } + .directorist-search-modal + .directorist-search-form-dropdown + .directorist-search-field__btn { + right: 0; + } +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value, +.directorist-search-modal .directorist-search-form-dropdown.input-is-focused { + margin-top: 0 !important; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + bottom: 0 !important; + padding-right: 25px; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label { + opacity: 1 !important; + visibility: visible; + margin: 0; + font-size: 14px !important; + font-weight: 500; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item { + font-weight: 600; + margin-left: 5px; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + opacity: 1; + visibility: visible; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - padding-right: 0 !important; - } - .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { - right: 25px !important; - } + .directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, + .directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-right: 0 !important; + } + .directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, + .directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + right: 25px !important; + } } .directorist-search-modal .directorist-search-basic-dropdown { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - padding: 0; - width: 100%; - max-width: unset; - height: 40px; - line-height: 40px; - font-size: 14px; - font-weight: 500; - cursor: pointer; - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; - color: var(--directorist-color-dark); -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-prefix:not(:empty) { - -webkit-margin-end: 5px; - margin-inline-end: 5px; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-count:not(:empty) { - width: 20px; - height: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - font-size: 10px; - border-radius: 100%; - -webkit-margin-start: 10px; - margin-inline-start: 10px; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i:after { - width: 12px; - height: 12px; - background-color: #808080; + position: relative; + box-sizing: border-box; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + position: relative; + padding: 0; + width: 100%; + max-width: unset; + height: 40px; + line-height: 40px; + font-size: 14px; + font-weight: 500; + cursor: pointer; + position: unset !important; + transform: unset !important; + color: var(--directorist-color-dark); +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-prefix:not(:empty) { + margin-inline-end: 5px; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-count:not(:empty) { + width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + font-size: 10px; + border-radius: 100%; + margin-inline-start: 10px; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: flex; + flex: 1; + justify-content: flex-end; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i:after { + width: 12px; + height: 12px; + background-color: #808080; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before { - left: -20px !important; - } -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content { - position: absolute; - top: 100%; - left: 0; - width: 100%; - min-width: 150px; - padding: 15px 20px; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - max-height: 250px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - overflow-y: auto; - z-index: 100; - display: none; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content.dropdown-content-show { - display: block; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-search-tags { - gap: 12px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox__label { - width: 100%; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-radio-wrapper, -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox-wrapper { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-dark); + .directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label:before { + left: -20px !important; + } +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content { + position: absolute; + top: 100%; + left: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + max-height: 250px; + box-sizing: border-box; + overflow-y: auto; + z-index: 100; + display: none; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content.dropdown-content-show { + display: block; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-search-tags { + gap: 12px; + flex-direction: column; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox__label { + width: 100%; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-radio-wrapper, +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox-wrapper { + flex-direction: column; +} +.directorist-search-modal + .select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); } .directorist-content-active.directorist-overlay-active { - overflow: hidden; + overflow: hidden; } -.directorist-content-active .directorist-search-modal__input .select2.select2-container .select2-selection { - border: 0 none !important; +.directorist-content-active + .directorist-search-modal__input + .select2.select2-container + .select2-selection { + border: 0 none !important; } /* Responsive CSS */ /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) and (max-width: 1199.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) and (max-width: 767.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 30px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 30px); + } } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { - -webkit-transition: background-color 5000s ease-in-out 0s !important; - transition: background-color 5000s ease-in-out 0s !important; + transition: background-color 5000s ease-in-out 0s !important; } /* Alerts style */ .directorist-alert { - font-size: 15px; - word-break: break-word; - border-radius: 8px; - background-color: #f4f4f4; - padding: 15px 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + font-size: 15px; + word-break: break-word; + border-radius: 8px; + background-color: #f4f4f4; + padding: 15px 20px; + display: flex; + align-items: center; + flex-wrap: wrap; } .directorist-alert .directorist-icon-mask { - margin-right: 5px; + margin-right: 5px; } .directorist-alert > a { - padding-left: 5px; + padding-left: 5px; } .directorist-alert__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: flex; + align-items: flex-start; } .directorist-alert__content span.la, .directorist-alert__content span.fa, .directorist-alert__content i { - margin-right: 12px; - line-height: 1.65; + margin-right: 12px; + line-height: 1.65; } .directorist-alert__content p { - margin-bottom: 0; + margin-bottom: 0; } .directorist-alert__close { - padding: 0 5px; - font-size: 20px !important; - background: none !important; - text-decoration: none; - margin-left: auto !important; - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.2; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + padding: 0 5px; + font-size: 20px !important; + background: none !important; + text-decoration: none; + margin-left: auto !important; + border: 0 none; + box-shadow: none; + line-height: 1.2; + display: flex; + align-items: center; + justify-content: center; } .directorist-alert__close .la, .directorist-alert__close .fa, .directorist-alert__close i, .directorist-alert__close span { - font-size: 16px; - margin-left: 10px; - color: var(--directorist-color-danger); + font-size: 16px; + margin-left: 10px; + color: var(--directorist-color-danger); } .directorist-alert__close:focus { - background-color: transparent; - outline: none; + background-color: transparent; + outline: none; } .directorist-alert a { - text-decoration: none; + text-decoration: none; } .directorist-alert.directorist-alert-primary { - background: rgba(var(--directorist-color-primary-rgb), 0.1); - color: var(--directorist-color-primary); + background: rgba(var(--directorist-color-primary-rgb), 0.1); + color: var(--directorist-color-primary); } .directorist-alert.directorist-alert-primary .directorist-alert__close { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-alert.directorist-alert-info { - background-color: #DCEBFE; - color: #157CF6; + background-color: #dcebfe; + color: #157cf6; } .directorist-alert.directorist-alert-info .directorist-alert__close { - color: #157CF6; + color: #157cf6; } .directorist-alert.directorist-alert-warning { - background-color: #FEE9D9; - color: #F56E00; + background-color: #fee9d9; + color: #f56e00; } .directorist-alert.directorist-alert-warning .directorist-alert__close { - color: #F56E00; + color: #f56e00; } .directorist-alert.directorist-alert-danger { - background-color: #FCD9D9; - color: #E80000; + background-color: #fcd9d9; + color: #e80000; } .directorist-alert.directorist-alert-danger .directorist-alert__close { - color: #E80000; + color: #e80000; } .directorist-alert.directorist-alert-success { - background-color: #D9EFDC; - color: #009114; + background-color: #d9efdc; + color: #009114; } .directorist-alert.directorist-alert-success .directorist-alert__close { - color: #009114; + color: #009114; } .directorist-alert--sm { - padding: 10px 20px; + padding: 10px 20px; } .alert-danger { - background: rgba(232, 0, 0, 0.3); + background: rgba(232, 0, 0, 0.3); } .alert-danger.directorist-register-error { - background: #FCD9D9; - color: #E80000; - border-radius: 3px; + background: #fcd9d9; + color: #e80000; + border-radius: 3px; } .alert-danger.directorist-register-error .directorist-alert__close { - color: #E80000; + color: #e80000; } /* Add listing notice alert */ .directorist-single-listing-notice .directorist-alert__content { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - width: 100%; + justify-content: space-between; + width: 100%; } .directorist-single-listing-notice .directorist-alert__content button { - cursor: pointer; + cursor: pointer; } .directorist-single-listing-notice .directorist-alert__content button span { - font-size: 20px; + font-size: 20px; } .directorist-user-dashboard .directorist-container-fluid { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } .directorist-user-dashboard .directorist-alert-info .directorist-alert__close { - cursor: pointer; - padding-right: 0; + cursor: pointer; + padding-right: 0; } .directorist-badge { - display: inline-block; - font-size: 10px; - font-weight: 700; - line-height: 1.9; - padding: 0 5px; - color: var(--directorist-color-white); - text-transform: uppercase; - border-radius: 5px; + display: inline-block; + font-size: 10px; + font-weight: 700; + line-height: 1.9; + padding: 0 5px; + color: var(--directorist-color-white); + text-transform: uppercase; + border-radius: 5px; } .directorist-badge.directorist-badge-primary { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-badge.directorist-badge-warning { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-badge.directorist-badge-info { - background-color: var(--directorist-color-info); + background-color: var(--directorist-color-info); } .directorist-badge.directorist-badge-success { - background-color: var(--directorist-color-success); + background-color: var(--directorist-color-success); } .directorist-badge.directorist-badge-danger { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } .directorist-badge.directorist-badge-light { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-badge.directorist-badge-gray { - background-color: #525768; + background-color: #525768; } .directorist-badge.directorist-badge-primary-transparent { - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary-rgb), 0.15); + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.15); } .directorist-badge.directorist-badge-warning-transparent { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning-rgb), 0.15); + color: var(--directorist-color-warning); + background-color: rgba(var(--directorist-color-warning-rgb), 0.15); } .directorist-badge.directorist-badge-info-transparent { - color: var(--directorist-color-info); - background-color: rgba(var(--directorist-color-info-rgb), 0.15); + color: var(--directorist-color-info); + background-color: rgba(var(--directorist-color-info-rgb), 0.15); } .directorist-badge.directorist-badge-success-transparent { - color: var(--directorist-color-success); - background-color: rgba(var(--directorist-color-success-rgb), 0.15); + color: var(--directorist-color-success); + background-color: rgba(var(--directorist-color-success-rgb), 0.15); } .directorist-badge.directorist-badge-danger-transparent { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger-rgb), 0.15); + color: var(--directorist-color-danger); + background-color: rgba(var(--directorist-color-danger-rgb), 0.15); } .directorist-badge.directorist-badge-light-transparent { - color: var(--directorist-color-white); - background-color: rgba(var(--directorist-color-white-rgb), 0.15); + color: var(--directorist-color-white); + background-color: rgba(var(--directorist-color-white-rgb), 0.15); } .directorist-badge.directorist-badge-gray-transparent { - color: var(--directorist-color-gray); - background-color: rgba(var(--directorist-color-gray-rgb), 0.15); + color: var(--directorist-color-gray); + background-color: rgba(var(--directorist-color-gray-rgb), 0.15); } .directorist-badge .directorist-badge-tooltip { - position: absolute; - top: -35px; - height: 30px; - line-height: 30px; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - padding: 0 20px; - font-size: 12px; - border-radius: 15px; - color: var(--directorist-color-white); - opacity: 0; - visibility: hidden; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; + position: absolute; + top: -35px; + height: 30px; + line-height: 30px; + width: max-content; + padding: 0 20px; + font-size: 12px; + border-radius: 15px; + color: var(--directorist-color-white); + opacity: 0; + visibility: hidden; + transition: all 0.3s ease-in-out; } .directorist-badge .directorist-badge-tooltip__featured { - background-color: var(--directorist-color-featured-badge); + background-color: var(--directorist-color-featured-badge); } .directorist-badge .directorist-badge-tooltip__new { - background-color: var(--directorist-color-new-badge); + background-color: var(--directorist-color-new-badge); } .directorist-badge .directorist-badge-tooltip__popular { - background-color: var(--directorist-color-popular-badge); + background-color: var(--directorist-color-popular-badge); } @media screen and (max-width: 480px) { - .directorist-badge .directorist-badge-tooltip { - height: 25px; - line-height: 25px; - font-size: 10px; - padding: 0 15px; - } + .directorist-badge .directorist-badge-tooltip { + height: 25px; + line-height: 25px; + font-size: 10px; + padding: 0 15px; + } } .directorist-badge:hover .directorist-badge-tooltip { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .directorist-checkbox, .directorist-radio { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-checkbox input[type=checkbox], -.directorist-checkbox input[type=radio], -.directorist-radio input[type=checkbox], -.directorist-radio input[type=radio] { - display: none !important; -} -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label, .directorist-checkbox input[type=checkbox] + .directorist-radio__label, -.directorist-checkbox input[type=radio] + .directorist-checkbox__label, -.directorist-checkbox input[type=radio] + .directorist-radio__label, -.directorist-radio input[type=checkbox] + .directorist-checkbox__label, -.directorist-radio input[type=checkbox] + .directorist-radio__label, -.directorist-radio input[type=radio] + .directorist-checkbox__label, -.directorist-radio input[type=radio] + .directorist-radio__label { - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - display: inline-block; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - padding-left: 30px; - margin-bottom: 0; - margin-left: 0; - line-height: 1.4; - color: var(--directorist-color-body); - -webkit-box-sizing: content-box; - box-sizing: content-box; -} -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, -.directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, -.directorist-checkbox input[type=radio] + .directorist-radio__label:after, -.directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, -.directorist-radio input[type=checkbox] + .directorist-radio__label:after, -.directorist-radio input[type=radio] + .directorist-checkbox__label:after, -.directorist-radio input[type=radio] + .directorist-radio__label:after { - content: ""; - position: absolute; - left: 0; - top: 0; - width: 20px; - height: 20px; - border-radius: 5px; - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 2px solid var(--directorist-color-gray); - background-color: transparent; + display: flex; + align-items: center; +} +.directorist-checkbox input[type="checkbox"], +.directorist-checkbox input[type="radio"], +.directorist-radio input[type="checkbox"], +.directorist-radio input[type="radio"] { + display: none !important; +} +.directorist-checkbox input[type="checkbox"] + .directorist-checkbox__label, +.directorist-checkbox input[type="checkbox"] + .directorist-radio__label, +.directorist-checkbox input[type="radio"] + .directorist-checkbox__label, +.directorist-checkbox input[type="radio"] + .directorist-radio__label, +.directorist-radio input[type="checkbox"] + .directorist-checkbox__label, +.directorist-radio input[type="checkbox"] + .directorist-radio__label, +.directorist-radio input[type="radio"] + .directorist-checkbox__label, +.directorist-radio input[type="radio"] + .directorist-radio__label { + font-size: 14px; + display: flex; + flex-flow: column; + position: relative; + display: inline-block; + user-select: none; + padding-left: 30px; + margin-bottom: 0; + margin-left: 0; + line-height: 1.4; + color: var(--directorist-color-body); + box-sizing: content-box; +} +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-checkbox input[type="checkbox"] + .directorist-radio__label:after, +.directorist-checkbox input[type="radio"] + .directorist-checkbox__label:after, +.directorist-checkbox input[type="radio"] + .directorist-radio__label:after, +.directorist-radio input[type="checkbox"] + .directorist-checkbox__label:after, +.directorist-radio input[type="checkbox"] + .directorist-radio__label:after, +.directorist-radio input[type="radio"] + .directorist-checkbox__label:after, +.directorist-radio input[type="radio"] + .directorist-radio__label:after { + content: ""; + position: absolute; + left: 0; + top: 0; + width: 20px; + height: 20px; + border-radius: 5px; + background: transparent; + box-sizing: border-box; + border: 2px solid var(--directorist-color-gray); + background-color: transparent; } @media only screen and (max-width: 575px) { - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label, .directorist-checkbox input[type=checkbox] + .directorist-radio__label, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label, - .directorist-checkbox input[type=radio] + .directorist-radio__label, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label, - .directorist-radio input[type=checkbox] + .directorist-radio__label, - .directorist-radio input[type=radio] + .directorist-checkbox__label, - .directorist-radio input[type=radio] + .directorist-radio__label { - line-height: 1.2; - padding-left: 25px; - } - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, - .directorist-checkbox input[type=radio] + .directorist-radio__label:after, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, - .directorist-radio input[type=checkbox] + .directorist-radio__label:after, - .directorist-radio input[type=radio] + .directorist-checkbox__label:after, - .directorist-radio input[type=radio] + .directorist-radio__label:after { - top: 1px; - width: 16px; - height: 16px; - } - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-checkbox input[type=radio] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-radio input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-radio input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-radio input[type=radio] + .directorist-radio__label .directorist-icon-mask:after { - width: 12px; - height: 12px; - } -} -.directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox input[type=radio]:checked + .directorist-radio__label:after, -.directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:after, -.directorist-radio input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-radio input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:before, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:before, -.directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:before, -.directorist-checkbox input[type=radio]:checked + .directorist-radio__label:before, -.directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:before, -.directorist-radio input[type=checkbox]:checked + .directorist-radio__label:before, -.directorist-radio input[type=radio]:checked + .directorist-checkbox__label:before, -.directorist-radio input[type=radio]:checked + .directorist-radio__label:before { - opacity: 1; - visibility: visible; -} - -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before { - position: absolute; - left: 5px; - top: 5px; - content: ""; - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: var(--directorist-color-white); - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; + .directorist-checkbox input[type="checkbox"] + .directorist-checkbox__label, + .directorist-checkbox input[type="checkbox"] + .directorist-radio__label, + .directorist-checkbox input[type="radio"] + .directorist-checkbox__label, + .directorist-checkbox input[type="radio"] + .directorist-radio__label, + .directorist-radio input[type="checkbox"] + .directorist-checkbox__label, + .directorist-radio input[type="checkbox"] + .directorist-radio__label, + .directorist-radio input[type="radio"] + .directorist-checkbox__label, + .directorist-radio input[type="radio"] + .directorist-radio__label { + line-height: 1.2; + padding-left: 25px; + } + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label:after, + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label:after, + .directorist-checkbox input[type="radio"] + .directorist-radio__label:after, + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label:after, + .directorist-radio input[type="checkbox"] + .directorist-radio__label:after, + .directorist-radio input[type="radio"] + .directorist-checkbox__label:after, + .directorist-radio input[type="radio"] + .directorist-radio__label:after { + top: 1px; + width: 16px; + height: 16px; + } + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="radio"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-radio + input[type="checkbox"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-radio + input[type="radio"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-radio + input[type="radio"] + + .directorist-radio__label + .directorist-icon-mask:after { + width: 12px; + height: 12px; + } +} +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:after, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:before, +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:before, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:before, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:before, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:before, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:before, +.directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:before, +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:before { + opacity: 1; + visibility: visible; +} + +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + position: absolute; + left: 5px; + top: 5px; + content: ""; + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); + display: block; + opacity: 0; + transition: all 0.3s ease 0s; + z-index: 2; } @media only screen and (max-width: 575px) { - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before { - top: 4px; - left: 3px; - } -} - -.directorist-radio input[type=radio] + .directorist-radio__label:before { - position: absolute; - left: 5px; - top: 5px; - width: 8px; - height: 8px; - border-radius: 50%; - background-color: var(--directorist-color-white); - border: 0 none; - opacity: 0; - visibility: hidden; - z-index: 2; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - content: ""; + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + top: 4px; + left: 3px; + } +} + +.directorist-radio input[type="radio"] + .directorist-radio__label:before { + position: absolute; + left: 5px; + top: 5px; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: var(--directorist-color-white); + border: 0 none; + opacity: 0; + visibility: hidden; + z-index: 2; + transition: all 0.3s ease 0s; + content: ""; } @media only screen and (max-width: 575px) { - .directorist-radio input[type=radio] + .directorist-radio__label:before { - left: 3px; - top: 4px; - } -} -.directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); -} -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:before { - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: var(--directorist-color-white); -} - -.directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-radio__label:after, -.directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-checkbox__label:after, -.directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-radio__label:after, -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-checkbox__label:after, -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:after { - border-radius: 50%; -} - -.directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-secondary); - border-color: var(--directorist-color-secondary); -} -.directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); -} -.directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} - -.directorist-radio.directorist-radio-primary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: var(--directorist-color-primary) !important; -} -.directorist-radio.directorist-radio-primary input[type=radio]:checked + .directorist-radio__label:before { - background-color: var(--directorist-color-primary) !important; -} -.directorist-radio.directorist-radio-secondary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: var(--directorist-color-secondary) !important; -} -.directorist-radio.directorist-radio-secondary input[type=radio]:checked + .directorist-radio__label:before { - background-color: var(--directorist-color-secondary) !important; -} -.directorist-radio.directorist-radio-blue input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: #3e62f5 !important; -} -.directorist-radio.directorist-radio-blue input[type=radio]:checked + .directorist-radio__label:before { - background-color: #3e62f5 !important; + .directorist-radio input[type="radio"] + .directorist-radio__label:before { + left: 3px; + top: 4px; + } +} +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); +} +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:before { + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); +} + +.directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-radio__label:after, +.directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-radio__label:after, +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-checkbox__label:after, +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:after { + border-radius: 50%; +} + +.directorist-checkbox.directorist-checkbox-primary + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox.directorist-checkbox-secondary + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-secondary); + border-color: var(--directorist-color-secondary); +} +.directorist-checkbox.directorist-checkbox-success + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); +} +.directorist-checkbox.directorist-checkbox-blue + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} + +.directorist-radio.directorist-radio-primary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: var(--directorist-color-primary) !important; +} +.directorist-radio.directorist-radio-primary + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: var(--directorist-color-primary) !important; +} +.directorist-radio.directorist-radio-secondary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: var(--directorist-color-secondary) !important; +} +.directorist-radio.directorist-radio-secondary + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: var(--directorist-color-secondary) !important; +} +.directorist-radio.directorist-radio-blue + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: #3e62f5 !important; +} +.directorist-radio.directorist-radio-blue + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: #3e62f5 !important; } .directorist-checkbox-rating { - gap: 20px; - width: 100%; - padding: 10px 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.directorist-checkbox-rating input[type=checkbox] + .directorist-checkbox__label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + gap: 20px; + width: 100%; + padding: 10px 0; + flex-wrap: wrap; + flex-direction: column; + align-items: flex-start; +} +.directorist-checkbox-rating + input[type="checkbox"] + + .directorist-checkbox__label { + display: flex; + flex-direction: row; } .directorist-checkbox-rating .directorist-icon-mask:after { - width: 14px; - height: 14px; - margin-top: 1px; -} - -.directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:before { - width: 10px; - height: 10px; - top: 5px; - left: 5px; - background-color: var(--directorist-color-white) !important; -} -.directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:after { - width: 20px; - height: 20px; - border-color: #C6D0DC; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-radio.directorist-radio-theme-admin input[type=radio]:checked + .directorist-radio__label:after { - background-color: #3e62f5; - border-color: #3e62f5; + width: 14px; + height: 14px; + margin-top: 1px; +} + +.directorist-radio.directorist-radio-theme-admin + input[type="radio"] + + .directorist-radio__label:before { + width: 10px; + height: 10px; + top: 5px; + left: 5px; + background-color: var(--directorist-color-white) !important; +} +.directorist-radio.directorist-radio-theme-admin + input[type="radio"] + + .directorist-radio__label:after { + width: 20px; + height: 20px; + border-color: #c6d0dc; + box-sizing: border-box; +} +.directorist-radio.directorist-radio-theme-admin + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: #3e62f5; + border-color: #3e62f5; } .directorist-radio.directorist-radio-theme-admin .directorist-radio__label { - padding-left: 35px !important; -} - -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox] + .directorist-checkbox__label:before { - width: 8px; - height: 8px; - top: 6px !important; - left: 6px !important; - border-radius: 50%; - background-color: var(--directorist-color-white) !important; - content: ""; -} -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox] + .directorist-checkbox__label:after { - width: 20px; - height: 20px; - border-color: #C6D0DC; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox]:checked + .directorist-checkbox__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox.directorist-checkbox-theme-admin .directorist-checkbox__label { - padding-left: 35px !important; + padding-left: 35px !important; +} + +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"] + + .directorist-checkbox__label:before { + width: 8px; + height: 8px; + top: 6px !important; + left: 6px !important; + border-radius: 50%; + background-color: var(--directorist-color-white) !important; + content: ""; +} +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"] + + .directorist-checkbox__label:after { + width: 20px; + height: 20px; + border-color: #c6d0dc; + box-sizing: border-box; +} +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"]:checked + + .directorist-checkbox__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox.directorist-checkbox-theme-admin + .directorist-checkbox__label { + padding-left: 35px !important; } .directorist-switch { - position: relative; - display: block; + position: relative; + display: block; } -.directorist-switch input[type=checkbox]:before { - display: none; +.directorist-switch input[type="checkbox"]:before { + display: none; } .directorist-switch .directorist-switch-input { - position: absolute; - left: 0; - z-index: -1; - width: 24px; - height: 25px; - opacity: 0; -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label { - color: #1A1B29; - font-weight: 500; -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:before { - background-color: var(--directorist-color-primary); -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:after { - -webkit-transform: translateX(20px); - transform: translateX(20px); + position: absolute; + left: 0; + z-index: -1; + width: 24px; + height: 25px; + opacity: 0; +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label { + color: #1a1b29; + font-weight: 500; +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label:before { + background-color: var(--directorist-color-primary); +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label:after { + transform: translateX(20px); } .directorist-switch .directorist-switch-label { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 400; - padding-left: 65px; - margin-left: 0; - color: var(--directorist-color-body); + user-select: none; + position: relative; + display: inline-flex; + align-items: center; + font-size: 14px; + font-weight: 400; + padding-left: 65px; + margin-left: 0; + color: var(--directorist-color-body); } .directorist-switch .directorist-switch-label:before { - content: ""; - position: absolute; - top: 0.75px; - left: 4px; - display: block; - width: 44px; - height: 24px; - border-radius: 15px; - pointer-events: all; - background-color: #ECECEC; + content: ""; + position: absolute; + top: 0.75px; + left: 4px; + display: block; + width: 44px; + height: 24px; + border-radius: 15px; + pointer-events: all; + background-color: #ececec; } .directorist-switch .directorist-switch-label:after { - position: absolute; - display: block; - content: ""; - background: no-repeat 50%/50% 50%; - top: 4.75px; - left: 8px; - background-color: var(--directorist-color-white) !important; - width: 16px; - height: 16px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); - box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); - border-radius: 15px; - transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -} - -.directorist-switch.directorist-switch-primary .directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-primary); -} -.directorist-switch.directorist-switch-success.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-success); -} -.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-secondary); -} -.directorist-switch.directorist-switch-danger.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-danger); -} -.directorist-switch.directorist-switch-warning.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-warning); -} -.directorist-switch.directorist-switch-info.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-info); + position: absolute; + display: block; + content: ""; + background: no-repeat 50%/50% 50%; + top: 4.75px; + left: 8px; + background-color: var(--directorist-color-white) !important; + width: 16px; + height: 16px; + background-color: var(--directorist-color-white); + box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); + border-radius: 15px; + transition: + transform 0.15s ease-in-out, + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out, + -webkit-transform 0.15s ease-in-out, + -webkit-box-shadow 0.15s ease-in-out; +} + +.directorist-switch.directorist-switch-primary + .directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-primary); +} +.directorist-switch.directorist-switch-success.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-success); +} +.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-secondary); +} +.directorist-switch.directorist-switch-danger.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-danger); +} +.directorist-switch.directorist-switch-warning.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-warning); +} +.directorist-switch.directorist-switch-info.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-info); } .directorist-switch-Yn { - font-size: 15px; - padding: 3px; - position: relative; - display: inline-block; - border: 1px solid #e9e9e9; - border-radius: 17px; + font-size: 15px; + padding: 3px; + position: relative; + display: inline-block; + border: 1px solid #e9e9e9; + border-radius: 17px; } .directorist-switch-Yn span { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - font-size: 14px; - line-height: 27px; - padding: 5px 10.5px; - font-weight: 500; -} -.directorist-switch-Yn input[type=checkbox] { - display: none; -} -.directorist-switch-Yn input[type=checkbox]:checked + .directorist-switch-yes { - background-color: #3E62F5; - color: var(--directorist-color-white); -} -.directorist-switch-Yn input[type=checkbox]:checked + span + .directorist-switch-no { - background-color: transparent; - color: #9b9eaf; -} -.directorist-switch-Yn input[type=checkbox] .directorist-switch-yes { - background-color: transparent; - color: #9b9eaf; -} -.directorist-switch-Yn input[type=checkbox] + span + .directorist-switch-no { - background-color: #fb6665; - color: var(--directorist-color-white); + user-select: none; + font-size: 14px; + line-height: 27px; + padding: 5px 10.5px; + font-weight: 500; +} +.directorist-switch-Yn input[type="checkbox"] { + display: none; +} +.directorist-switch-Yn + input[type="checkbox"]:checked + + .directorist-switch-yes { + background-color: #3e62f5; + color: var(--directorist-color-white); +} +.directorist-switch-Yn + input[type="checkbox"]:checked + + span + + .directorist-switch-no { + background-color: transparent; + color: #9b9eaf; +} +.directorist-switch-Yn input[type="checkbox"] .directorist-switch-yes { + background-color: transparent; + color: #9b9eaf; +} +.directorist-switch-Yn input[type="checkbox"] + span + .directorist-switch-no { + background-color: #fb6665; + color: var(--directorist-color-white); } .directorist-switch-Yn .directorist-switch-yes { - border-radius: 15px 0 0 15px; + border-radius: 15px 0 0 15px; } .directorist-switch-Yn .directorist-switch-no { - border-radius: 0 15px 15px 0; + border-radius: 0 15px 15px 0; } .select2-selection__arrow, .select2-selection__clear { - display: none !important; + display: none !important; } .directorist-select2-addons-area { - position: absolute; - right: 5px; - top: 50%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - cursor: pointer; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - z-index: 8; + position: absolute; + right: 5px; + top: 50%; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + transform: translate(0, -50%); + z-index: 8; } .directorist-select2-addon { - padding: 0 5px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + padding: 0 5px; + display: flex; + align-items: center; + justify-content: center; } .directorist-select2-dropdown-toggle { - height: auto; - width: 25px; + height: auto; + width: 25px; } .directorist-select2-dropdown-close { - height: auto; - width: 25px; + height: auto; + width: 25px; } .directorist-select2-dropdown-close .directorist-icon-mask::after { - width: 15px; - height: 15px; + width: 15px; + height: 15px; } .directorist-select2-addon .directorist-icon-mask::after { - width: 13px; - height: 13px; -} - -.reset-pseudo-link:visited, .atbdp-nav-link:visited, .cptm-modal-action-link:visited, .cptm-header-action-link:visited, .cptm-sub-nav__item-link:visited, .cptm-form-builder-header-action-link:visited, .cptm-link-light:visited, .cptm-header-nav__list-item-link:visited, .cptm-btn:visited, .reset-pseudo-link:active, .atbdp-nav-link:active, .cptm-modal-action-link:active, .cptm-header-action-link:active, .cptm-sub-nav__item-link:active, .cptm-form-builder-header-action-link:active, .cptm-link-light:active, .cptm-header-nav__list-item-link:active, .cptm-btn:active, .reset-pseudo-link:focus, .atbdp-nav-link:focus, .cptm-modal-action-link:focus, .cptm-header-action-link:focus, .cptm-sub-nav__item-link:focus, .cptm-form-builder-header-action-link:focus, .cptm-link-light:focus, .cptm-header-nav__list-item-link:focus, .cptm-btn:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + width: 13px; + height: 13px; +} + +.reset-pseudo-link:visited, +.atbdp-nav-link:visited, +.cptm-modal-action-link:visited, +.cptm-header-action-link:visited, +.cptm-sub-nav__item-link:visited, +.cptm-form-builder-header-action-link:visited, +.cptm-link-light:visited, +.cptm-header-nav__list-item-link:visited, +.cptm-btn:visited, +.reset-pseudo-link:active, +.atbdp-nav-link:active, +.cptm-modal-action-link:active, +.cptm-header-action-link:active, +.cptm-sub-nav__item-link:active, +.cptm-form-builder-header-action-link:active, +.cptm-link-light:active, +.cptm-header-nav__list-item-link:active, +.cptm-btn:active, +.reset-pseudo-link:focus, +.atbdp-nav-link:focus, +.cptm-modal-action-link:focus, +.cptm-header-action-link:focus, +.cptm-sub-nav__item-link:focus, +.cptm-form-builder-header-action-link:focus, +.cptm-link-light:focus, +.cptm-header-nav__list-item-link:focus, +.cptm-btn:focus { + outline: none; + box-shadow: none; } .cptm-shortcodes { - max-height: 300px; - overflow: scroll; + max-height: 300px; + overflow: scroll; } .directorist-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-center-content-inline { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: inline-flex; } .directorist-center-content, .directorist-center-content-inline { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; } .directorist-text-right { - text-align: right; + text-align: right; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-text-left { - text-align: left; + text-align: left; } .directorist-mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .directorist-mt-5 { - margin-top: 5px !important; + margin-top: 5px !important; } .directorist-mt-10 { - margin-top: 10px !important; + margin-top: 10px !important; } .directorist-mt-15 { - margin-top: 15px !important; + margin-top: 15px !important; } .directorist-mt-20 { - margin-top: 20px !important; + margin-top: 20px !important; } .directorist-mt-30 { - margin-top: 30px !important; + margin-top: 30px !important; } .directorist-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-25 { - margin-bottom: 25px !important; + margin-bottom: 25px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-n20 { - margin-bottom: -20px !important; + margin-bottom: -20px !important; } .directorist-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .directorist-mb-15 { - margin-bottom: 15px !important; + margin-bottom: 15px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-40 { - margin-bottom: 40px !important; + margin-bottom: 40px !important; } .directorist-mb-50 { - margin-bottom: 50px !important; + margin-bottom: 50px !important; } .directorist-mb-70 { - margin-bottom: 70px !important; + margin-bottom: 70px !important; } .directorist-mb-80 { - margin-bottom: 80px !important; + margin-bottom: 80px !important; } .directorist-pb-100 { - padding-bottom: 100px !important; + padding-bottom: 100px !important; } .directorist-w-100 { - width: 100% !important; - max-width: 100% !important; + width: 100% !important; + max-width: 100% !important; } .directorist-draggable-list-item { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .directorist-draggable-list-item-wrapper { - position: relative; - height: 100%; + position: relative; + height: 100%; } .directorist-droppable-area-wrap { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 888888888; - display: none; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: -20px; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 888888888; + display: none; + flex-direction: column; + margin-bottom: -20px; } .directorist-droppable-area { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .directorist-droppable-item-preview { - height: 52px; - background-color: rgba(44, 153, 255, 0.1); - margin-bottom: 20px; - margin-right: 50px; - border-radius: 4px; + height: 52px; + background-color: rgba(44, 153, 255, 0.1); + margin-bottom: 20px; + margin-right: 50px; + border-radius: 4px; } .directorist-droppable-item-preview-before { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-droppable-item-preview-after { - margin-bottom: 20px; + margin-bottom: 20px; } /* Directorist Tooltip */ .directorist-tooltip { - position: relative; + position: relative; } .directorist-tooltip.directorist-tooltip-bottom[data-label]:before { - bottom: -8px; - top: auto; - border-top-color: var(--directorist-color-white); - border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); + bottom: -8px; + top: auto; + border-top-color: var(--directorist-color-white); + border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip.directorist-tooltip-bottom[data-label]:after { - -webkit-transform: translate(-50%); - transform: translate(-50%); - top: 100%; - margin-top: 8px; -} -.directorist-tooltip[data-label]:before, .directorist-tooltip[data-label]:after { - position: absolute !important; - bottom: 100%; - display: none; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - -webkit-animation: showTooltip 0.3s ease; - animation: showTooltip 0.3s ease; + transform: translate(-50%); + top: 100%; + margin-top: 8px; +} +.directorist-tooltip[data-label]:before, +.directorist-tooltip[data-label]:after { + position: absolute !important; + bottom: 100%; + display: none; + height: fit-content; + animation: showTooltip 0.3s ease; } .directorist-tooltip[data-label]:before { - content: ""; - left: 50%; - top: -6px; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - border: 6px solid transparent; - border-top-color: rgba(var(--directorist-color-dark-rgb), 1); + content: ""; + left: 50%; + top: -6px; + transform: translateX(-50%); + border: 6px solid transparent; + border-top-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip[data-label]:after { - font-size: 14px; - content: attr(data-label); - left: 50%; - -webkit-transform: translate(-50%, -6px); - transform: translate(-50%, -6px); - background: rgba(var(--directorist-color-dark-rgb), 1); - padding: 4px 12px; - border-radius: 3px; - color: var(--directorist-color-white); - z-index: 9999; - text-align: center; - min-width: 140px; - max-height: 200px; - overflow-y: auto; -} -.directorist-tooltip[data-label]:hover:before, .directorist-tooltip[data-label]:hover:after { - display: block; + font-size: 14px; + content: attr(data-label); + left: 50%; + transform: translate(-50%, -6px); + background: rgba(var(--directorist-color-dark-rgb), 1); + padding: 4px 12px; + border-radius: 3px; + color: var(--directorist-color-white); + z-index: 9999; + text-align: center; + min-width: 140px; + max-height: 200px; + overflow-y: auto; +} +.directorist-tooltip[data-label]:hover:before, +.directorist-tooltip[data-label]:hover:after { + display: block; } .directorist-tooltip .directorist-tooltip__label { - font-size: 16px; - color: var(--directorist-color-primary); + font-size: 16px; + color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:before { - border-top-color: var(--directorist-color-primary); + border-top-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:after { - background-color: var(--directorist-color-secondary); + background-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-info[data-label]:after { - background-color: var(--directorist-color-info); + background-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-info[data-label]:before { - border-top-color: var(--directorist-color-info); + border-top-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-warning[data-label]:after { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-warning[data-label]:before { - border-top-color: var(--directorist-color-warning); + border-top-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-success[data-label]:after { - background-color: var(--directorist-color-success); + background-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-success[data-label]:before { - border-top-color: var(--directorist-color-success); + border-top-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-danger[data-label]:after { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-danger[data-label]:before { - border-top-color: var(--directorist-color-danger); + border-top-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-primary[data-label]:before { - border-bottom-color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-info[data-label]:before { - border-bottom-color: var(--directorist-color-info); + border-bottom-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-warning[data-label]:before { - border-bottom-color: var(--directorist-color-warning); + border-bottom-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-success[data-label]:before { - border-bottom-color: var(--directorist-color-success); + border-bottom-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-danger[data-label]:before { - border-bottom-color: var(--directorist-color-danger); + border-bottom-color: var(--directorist-color-danger); } @keyframes showTooltip { - from { - opacity: 0; - } + from { + opacity: 0; + } } /* Create Directory Type */ .directorist-directory-type-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px 30px; - padding: 0 20px; - background: white; - min-height: 60px; - border-bottom: 1px solid #e5e7eb; - position: fixed; - right: 0; - top: 32px; - width: calc(100% - 200px); - z-index: 9999; + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 15px 30px; + padding: 0 20px; + background: white; + min-height: 60px; + border-bottom: 1px solid #e5e7eb; + position: fixed; + right: 0; + top: 32px; + width: calc(100% - 200px); + z-index: 9999; } .directorist-directory-type-top:before { - content: ""; - position: absolute; - top: -10px; - left: 0; - height: 10px; - width: 100%; - background-color: #f3f4f6; + content: ""; + position: absolute; + top: -10px; + left: 0; + height: 10px; + width: 100%; + background-color: #f3f4f6; } @media only screen and (max-width: 960px) { - .directorist-directory-type-top { - width: calc(100% - 76px); - } + .directorist-directory-type-top { + width: calc(100% - 76px); + } } @media only screen and (max-width: 782px) { - .directorist-directory-type-top { - width: calc(100% - 40px); - top: 46px; - right: 0; - } + .directorist-directory-type-top { + width: calc(100% - 40px); + top: 46px; + right: 0; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-top { - position: unset; - width: auto; - } - .directorist-directory-type-top:before { - display: none; - } + .directorist-directory-type-top { + position: unset; + width: auto; + } + .directorist-directory-type-top:before { + display: none; + } } @media only screen and (max-width: 479px) { - .directorist-directory-type-top { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 10px 20px; - } + .directorist-directory-type-top { + justify-content: center; + flex-direction: column; + padding: 10px 20px; + } } .directorist-directory-type-top-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + align-items: center; + gap: 10px 20px; + flex-wrap: wrap; } @media only screen and (max-width: 767px) { - .directorist-directory-type-top-left { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-directory-type-top-left { + justify-content: center; + } } .directorist-directory-type-top-left .cptm-form-group { - margin-bottom: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-group-feedback { - white-space: nowrap; + margin-bottom: 0; + display: flex; + align-items: center; + gap: 10px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-group-feedback { + white-space: nowrap; } .directorist-directory-type-top-left .cptm-form-group .cptm-form-control { - height: 36px; - border-radius: 8px; - background: #e5e7eb; - max-width: 150px; - padding: 10px 16px; - font-size: 14px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-webkit-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-moz-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control:-ms-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-ms-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-group-feedback .cptm-form-alert { - padding: 0; + height: 36px; + border-radius: 8px; + background: #e5e7eb; + max-width: 150px; + padding: 10px 16px; + font-size: 14px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-group-feedback + .cptm-form-alert { + padding: 0; } .directorist-directory-type-top-left .directorist-back-directory { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: normal; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: normal; + display: flex; + align-items: center; + gap: 8px; } .directorist-directory-type-top-left .directorist-back-directory svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-directory-type-top-left .directorist-back-directory:hover { - color: #3e62f5; + color: #3e62f5; } .directorist-directory-type-top-right .directorist-create-directory { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - text-decoration: none; - padding: 0 24px; - height: 40px; - border: 1px solid #3e62f5; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); - box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); - background-color: #3e62f5; - color: #ffffff; - font-size: 15px; - font-weight: 500; - line-height: normal; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; + display: flex; + gap: 8px; + align-items: center; + justify-content: center; + border-radius: 8px; + text-decoration: none; + padding: 0 24px; + height: 40px; + border: 1px solid #3e62f5; + cursor: pointer; + box-sizing: border-box; + box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); + background-color: #3e62f5; + color: #ffffff; + font-size: 15px; + font-weight: 500; + line-height: normal; + transition: background-color 0.3s ease; } .directorist-directory-type-top-right .directorist-create-directory:hover { - background-color: #5a7aff; - border-color: #5a7aff; + background-color: #5a7aff; + border-color: #5a7aff; } .directorist-directory-type-top-right .cptm-btn { - margin: 0; + margin: 0; } .directorist-directory-type-bottom { - background: white; - margin-top: 80px; - overflow: hidden; + background: white; + margin-top: 80px; + overflow: hidden; } .directorist-directory-type-bottom .cptm-header-navigation { - position: fixed; - right: 20px; - top: 92px; - width: calc(100% - 262px); - background: #ffffff; - border-top: 20px solid #f3f4f6; - border-bottom: 1px solid #e5e7eb; - gap: 0 32px; - padding: 0 30px; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow-x: auto; - z-index: 100; + position: fixed; + right: 20px; + top: 92px; + width: calc(100% - 262px); + background: #ffffff; + border-top: 20px solid #f3f4f6; + border-bottom: 1px solid #e5e7eb; + gap: 0 32px; + padding: 0 30px; + flex-wrap: nowrap; + overflow-x: auto; + z-index: 100; } @media only screen and (max-width: 960px) { - .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 138px); - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 138px); + justify-content: flex-start; + } } @media only screen and (max-width: 782px) { - .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 82px); - top: 107px; - right: 12px; - } + .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 82px); + top: 107px; + right: 12px; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .cptm-header-navigation { - position: unset; - width: auto; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .directorist-directory-type-bottom .cptm-header-navigation { + position: unset; + width: auto; + flex-wrap: wrap; + } } @media only screen and (max-width: 480px) { - .directorist-directory-type-bottom .cptm-header-navigation { - padding: 10px 30px; - } + .directorist-directory-type-bottom .cptm-header-navigation { + padding: 10px 30px; + } } .directorist-directory-type-bottom .atbdp-cptm-body { - position: relative; - margin-top: 60px; + position: relative; + margin-top: 60px; } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - margin-top: 0; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + margin-top: 0; + } } @media screen and (max-width: 480px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - padding: 20px 30px; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + padding: 20px 30px; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom { - margin-top: 0; - } + .directorist-directory-type-bottom { + margin-top: 0; + } } .wp-admin.folded .directorist-directory-type-top { - width: calc(100% - 118px); + width: calc(100% - 118px); } .wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 138px); + width: calc(100% - 138px); } .directorist-draggable-form-list-wrap { - margin-right: 50px; + margin-right: 50px; } /* Body Header */ .directorist-form-doc { - border-radius: 8px; - background: #f3f4f6; - min-height: 52px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0 20px; - margin-bottom: 24px; + border-radius: 8px; + background: #f3f4f6; + min-height: 52px; + display: flex; + align-items: center; + gap: 10px 30px; + justify-content: space-between; + flex-wrap: wrap; + padding: 0 20px; + margin-bottom: 24px; } @media only screen and (max-width: 575px) { - .directorist-form-doc { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 10px 20px; - } + .directorist-form-doc { + justify-content: center; + flex-direction: column; + padding: 10px 20px; + } } .directorist-form-doc .directorist-form-doc-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + align-items: center; + gap: 8px; + flex-wrap: wrap; } @media only screen and (max-width: 575px) { - .directorist-form-doc .directorist-form-doc-left { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-form-doc .directorist-form-doc-left { + justify-content: center; + } } .directorist-form-doc .directorist-form-doc-left .directorist-form-doc-title { - color: #141921; - font-size: 19px; - font-style: normal; - font-weight: 600; - line-height: 25px; + color: #141921; + font-size: 19px; + font-style: normal; + font-weight: 600; + line-height: 25px; } .directorist-form-doc__watch-tutorial { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid #bee3ff; - background: #eff8ff; - color: #217aef; - text-align: center; - margin-left: 4px; - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.12px; - text-transform: capitalize; + display: inline-flex; + padding: 8px 12px; + width: max-content; + justify-content: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid #bee3ff; + background: #eff8ff; + color: #217aef; + text-align: center; + margin-left: 4px; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + text-transform: capitalize; } .directorist-form-doc__watch-tutorial svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-form-doc__link { - margin-top: 2px; - font-size: 12px; - font-weight: 500; - color: #1b50b2; - line-height: 20px; - letter-spacing: 0.12px; - text-decoration: underline; + margin-top: 2px; + font-size: 12px; + font-weight: 500; + color: #1b50b2; + line-height: 20px; + letter-spacing: 0.12px; + text-decoration: underline; } .directorist-form-doc__preview { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid #e5e7eb; - background: #fff; - color: #383f47; - text-align: center; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; - text-transform: capitalize; + display: inline-flex; + padding: 8px 12px; + justify-content: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid #e5e7eb; + background: #fff; + color: #383f47; + text-align: center; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; + text-transform: capitalize; } .directorist-form-doc__preview svg { - width: 16px; - height: 16px; - color: inherit; + width: 16px; + height: 16px; + color: inherit; } .directorist-form-doc__preview:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + box-shadow: none; } .directorist-footer-wrap .cptm-btn { - position: relative; - margin: 0; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 48px; - font-size: 16px; - font-weight: 500; - color: #ffffff; - border-color: #383f47; - background-color: #383f47; - border-radius: 8px; + position: relative; + margin: 0; + width: 100%; + display: flex; + gap: 8px; + align-items: center; + justify-content: center; + height: 48px; + font-size: 16px; + font-weight: 500; + color: #ffffff; + border-color: #383f47; + background-color: #383f47; + border-radius: 8px; } .directorist-footer-wrap .cptm-btn:before { - content: attr(data-info); - position: absolute; - top: calc(100% + 8px); - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - min-width: -webkit-max-content; - min-width: -moz-max-content; - min-width: max-content; - text-align: center; - color: #ffffff; - font-size: 13px; - font-weight: 500; - padding: 10px 12px; - border-radius: 6px; - background-color: #141921; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + left: 50%; + transform: translateX(-50%); + min-width: max-content; + text-align: center; + color: #ffffff; + font-size: 13px; + font-weight: 500; + padding: 10px 12px; + border-radius: 6px; + background-color: #141921; + opacity: 0; + visibility: hidden; + transition: + opacity 0.3s ease, + visibility 0.3s ease; } .directorist-footer-wrap .cptm-btn:after { - content: ""; - position: absolute; - top: calc(100% + 2px); - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - border-bottom: 6px solid #141921; - border-left: 6px solid transparent; - border-right: 6px solid transparent; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; + content: ""; + position: absolute; + top: calc(100% + 2px); + left: 50%; + transform: translateX(-50%); + border-bottom: 6px solid #141921; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + opacity: 0; + visibility: hidden; + transition: + opacity 0.3s ease, + visibility 0.3s ease; } .directorist-footer-wrap .cptm-btn .cptm-save-icon { - font-size: 16px; + font-size: 16px; } .directorist-footer-wrap .cptm-btn:hover { - border-color: #141921; - background-color: #141921; + border-color: #141921; + background-color: #141921; } -.directorist-footer-wrap .cptm-btn:hover:hover:before, .directorist-footer-wrap .cptm-btn:hover:hover:after { - opacity: 1; - visibility: visible; +.directorist-footer-wrap .cptm-btn:hover:hover:before, +.directorist-footer-wrap .cptm-btn:hover:hover:after { + opacity: 1; + visibility: visible; } .directorist-footer-wrap .cptm-form-group { - margin: 0; + margin: 0; } .cptm-form-note { - margin-bottom: 30px; - padding: 30px; - background-color: #dcebfe; - border-radius: 4px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + margin-bottom: 30px; + padding: 30px; + background-color: #dcebfe; + border-radius: 4px; + display: flex; } .cptm-form-note i { - font-size: 30px; - opacity: 0.2; - margin-right: 15px; + font-size: 30px; + opacity: 0.2; + margin-right: 15px; } .cptm-form-note .cptm-form-note-title { - margin-top: 0; - color: #157cf6; + margin-top: 0; + color: #157cf6; } .cptm-form-note .cptm-form-note-content { - margin: 5px 0; + margin: 5px 0; } .cptm-form-note .cptm-form-note-content a { - color: #157cf6; + color: #157cf6; } #atbdp_cpt_options_metabox .inside { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } #atbdp_cpt_options_metabox .postbox-header { - display: none; + display: none; } .atbdp-cpt-manager { - position: relative; - display: block; - color: #23282d; + position: relative; + display: block; + color: #23282d; } .atbdp-cpt-manager.directorist-overlay-visible { - position: fixed; - z-index: 9; - width: calc(100% - 200px); + position: fixed; + z-index: 9; + width: calc(100% - 200px); } .atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-top, -.atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-bottom .cptm-header-navigation { - z-index: 1; +.atbdp-cpt-manager.directorist-overlay-visible + .directorist-directory-type-bottom + .cptm-header-navigation { + z-index: 1; } .atbdp-cpt-manager.directorist-overlay-visible .submission_form_fields { - z-index: 11; + z-index: 11; } .atbdp-cptm-header { - display: block; + display: block; } .atbdp-cptm-header .cptm-form-group .cptm-form-control { - height: 50px; - font-size: 20px; + height: 50px; + font-size: 20px; } .atbdp-cptm-body { - display: block; + display: block; } .cptm-field-wraper-key-preview_image .cptm-btn { - margin: 0 10px; - height: 40px; - color: #23282d !important; - background-color: #dadce0 !important; - border-radius: 4px !important; - border: 0 none; - font-weight: 500; - padding: 0 30px; + margin: 0 10px; + height: 40px; + color: #23282d !important; + background-color: #dadce0 !important; + border-radius: 4px !important; + border: 0 none; + font-weight: 500; + padding: 0 30px; } .atbdp-cptm-footer { - display: block; - padding: 24px 0 0; - margin: 0 50px 0 30px; - border-top: 1px solid #e5e7eb; + display: block; + padding: 24px 0 0; + margin: 0 50px 0 30px; + border-top: 1px solid #e5e7eb; } .atbdp-cptm-footer .atbdp-cptm-footer-preview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 0 0 20px; + display: flex; + gap: 8px; + flex-direction: column; + margin: 0 0 20px; } .atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label { - position: relative; - font-size: 14px; - font-weight: 500; - color: #4d5761; - cursor: pointer; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label:before { - content: ""; - position: absolute; - right: 0; - top: 0; - width: 36px; - height: 20px; - border-radius: 30px; - background: #d2d6db; - border: 3px solid #d2d6db; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label:after { - content: ""; - position: absolute; - right: 19px; - top: 3px; - width: 14px; - height: 14px; - background: #ffffff; - border-radius: 100%; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle { - display: none; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle:checked ~ label:before { - background-color: #3e62f5; - border-color: #3e62f5; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle:checked ~ label:after { - right: 3px; + position: relative; + font-size: 14px; + font-weight: 500; + color: #4d5761; + cursor: pointer; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-label:before { + content: ""; + position: absolute; + right: 0; + top: 0; + width: 36px; + height: 20px; + border-radius: 30px; + background: #d2d6db; + border: 3px solid #d2d6db; + box-sizing: border-box; + transition: all ease 0.3s; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-label:after { + content: ""; + position: absolute; + right: 19px; + top: 3px; + width: 14px; + height: 14px; + background: #ffffff; + border-radius: 100%; + transition: all ease 0.3s; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle { + display: none; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle:checked + ~ label:before { + background-color: #3e62f5; + border-color: #3e62f5; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle:checked + ~ label:after { + right: 3px; } .atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-desc { - font-size: 12px; - font-weight: 400; - color: #747c89; + font-size: 12px; + font-weight: 400; + color: #747c89; } .atbdp-cptm-footer-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-content: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + justify-content: center; + align-content: center; + flex-wrap: wrap; } .atbdp-cptm-footer-actions .cptm-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 100%; - font-weight: 500; - font-size: 15px; - height: 48px; - padding: 0 30px; - margin: 0; + display: flex; + gap: 10px; + align-items: center; + justify-content: center; + width: 100%; + font-weight: 500; + font-size: 15px; + height: 48px; + padding: 0 30px; + margin: 0; } .atbdp-cptm-footer-actions .cptm-save-text { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + gap: 8px; + justify-content: center; + align-items: center; } .cptm-title-bar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -10px; - padding: 15px 10px; - background-color: #fff; + display: flex; + flex-wrap: wrap; + margin: 0 -10px; + padding: 15px 10px; + background-color: #fff; } .cptm-card-preview-widget .cptm-title-bar { - margin: 0; + margin: 0; } .cptm-title-bar-headings { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 10px; + flex-grow: 1; + padding: 10px; } .cptm-title-bar-actions { - min-width: 100px; - max-width: 220px; - padding: 10px; + min-width: 100px; + max-width: 220px; + padding: 10px; } .cptm-label-btn { - display: inline-block; + display: inline-block; } .cptm-btn, .cptm-btn.cptm-label-btn { - margin: 0 5px 10px; - display: inline-block; - text-align: center; - border: 1px solid transparent; - padding: 10px 20px; - border-radius: 5px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - vertical-align: top; + margin: 0 5px 10px; + display: inline-block; + text-align: center; + border: 1px solid transparent; + padding: 10px 20px; + border-radius: 5px; + cursor: pointer; + transition: all ease-in-out 300ms; + vertical-align: top; } .cptm-btn:disabled, .cptm-btn.cptm-label-btn:disabled { - cursor: not-allowed; - opacity: 0.5; + cursor: not-allowed; + opacity: 0.5; } .cptm-btn.cptm-label-btn { - display: inline-block; - vertical-align: top; + display: inline-block; + vertical-align: top; } .cptm-btn.cptm-btn-rounded { - border-radius: 30px; + border-radius: 30px; } .cptm-btn.cptm-btn-primary { - color: #fff; - border-color: #3e62f5; - background-color: #3e62f5; + color: #fff; + border-color: #3e62f5; + background-color: #3e62f5; } .cptm-btn.cptm-btn-primary:hover { - background-color: #345af4; + background-color: #345af4; } .cptm-btn.cptm-btn-secondery { - color: #3e62f5; - border-color: #3e62f5; - background-color: transparent; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - font-weight: 500; - font-size: 15px !important; + color: #3e62f5; + border-color: #3e62f5; + background-color: transparent; + display: inline-flex; + align-items: center; + gap: 6px; + font-weight: 500; + font-size: 15px !important; } .cptm-btn.cptm-btn-secondery:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-file-input-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .cptm-file-input-wrap .cptm-btn { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-btn-box { - display: block; + display: block; } .cptm-form-builder-group-field-drop-area { - display: block; - padding: 16px 20px; - border-radius: 8px; - margin: 8px 40px 0 30px; - text-align: center; - font-size: 13px; - font-weight: 400; - color: #747c89; - font-style: italic; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - border: 1px dashed #d2d6db; + display: block; + padding: 16px 20px; + border-radius: 8px; + margin: 8px 40px 0 30px; + text-align: center; + font-size: 13px; + font-weight: 400; + color: #747c89; + font-style: italic; + transition: all ease-in-out 300ms; + border: 1px dashed #d2d6db; } .cptm-form-builder-group-field-drop-area.drag-enter { - background-color: #c6c6c6; + background-color: #c6c6c6; } .cptm-form-builder-group-field-drop-area-label { - margin: 0; - pointer-events: none; + margin: 0; + pointer-events: none; } .atbdp-cptm-status-feedback { - position: fixed; - top: 70px; - left: calc(50% + 150px); - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - min-width: 300px; - z-index: 9999; + position: fixed; + top: 70px; + left: calc(50% + 150px); + transform: translateX(-50%); + min-width: 300px; + z-index: 9999; } @media screen and (max-width: 960px) { - .atbdp-cptm-status-feedback { - left: calc(50% + 100px); - } + .atbdp-cptm-status-feedback { + left: calc(50% + 100px); + } } @media screen and (max-width: 782px) { - .atbdp-cptm-status-feedback { - left: 50%; - } + .atbdp-cptm-status-feedback { + left: 50%; + } } .cptm-alert { - position: relative; - padding: 14px 24px 14px 52px; - font-size: 16px; - font-weight: 500; - line-height: 22px; - color: #053e29; - border-radius: 8px; - -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); - box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); + position: relative; + padding: 14px 24px 14px 52px; + font-size: 16px; + font-weight: 500; + line-height: 22px; + color: #053e29; + border-radius: 8px; + box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); } .cptm-alert:before { - content: ""; - position: absolute; - top: 14px; - left: 24px; - font-size: 20px; - font-family: "Font Awesome 5 Free"; - font-weight: 900; + content: ""; + position: absolute; + top: 14px; + left: 24px; + font-size: 20px; + font-family: "Font Awesome 5 Free"; + font-weight: 900; } .cptm-alert-success { - background-color: #ecfdf3; - border: 1px solid #14b570; + background-color: #ecfdf3; + border: 1px solid #14b570; } .cptm-alert-success:before { - content: "\f058"; - color: #14b570; + content: "\f058"; + color: #14b570; } .cptm-alert-error { - background-color: #f3d6d6; - border: 1px solid #c51616; + background-color: #f3d6d6; + border: 1px solid #c51616; } .cptm-alert-error:before { - content: "\f057"; - color: #c51616; + content: "\f057"; + color: #c51616; } .cptm-dropable-element { - position: relative; + position: relative; } .cptm-dropable-base-element { - display: block; - position: relative; - padding: 0; - -webkit-transition: ease-in-out all 300ms; - transition: ease-in-out all 300ms; + display: block; + position: relative; + padding: 0; + transition: ease-in-out all 300ms; } .cptm-dropable-area { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - z-index: 999; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: 999; } .cptm-dropable-placeholder { - padding: 0; - margin: 0; - height: 0; - border-radius: 4px; - overflow: hidden; - -webkit-transition: all ease-in-out 200ms; - transition: all ease-in-out 200ms; - background: RGBA(61, 98, 245, 0.45); + padding: 0; + margin: 0; + height: 0; + border-radius: 4px; + overflow: hidden; + transition: all ease-in-out 200ms; + background: RGBA(61, 98, 245, 0.45); } .cptm-dropable-placeholder.active { - padding: 10px 15px; - margin: 0; - height: 30px; + padding: 10px 15px; + margin: 0; + height: 30px; } .cptm-dropable-inside { - padding: 10px; + padding: 10px; } .cptm-dropable-area-inside { - display: block; - height: 100%; + display: block; + height: 100%; } .cptm-dropable-area-right { - display: block; + display: block; } .cptm-dropable-area-left { - display: block; + display: block; } .cptm-dropable-area-right, .cptm-dropable-area-left { - display: block; - float: left; - width: 50%; - height: 100%; + display: block; + float: left; + width: 50%; + height: 100%; } .cptm-dropable-area-top { - display: block; + display: block; } .cptm-dropable-area-bottom { - display: block; + display: block; } .cptm-dropable-area-top, .cptm-dropable-area-bottom { - display: block; - width: 100%; - height: 50%; + display: block; + width: 100%; + height: 50%; } .cptm-header-navigation { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + margin: 0; + padding: 0; + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; } @media screen and (max-width: 480px) { - .cptm-header-navigation { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .cptm-header-navigation { + flex-direction: column; + } } .cptm-header-nav__list-item { - margin: 0; - display: inline-block; - list-style: none; - text-align: center; - min-width: -webkit-fit-content; - min-width: -moz-fit-content; - min-width: fit-content; + margin: 0; + display: inline-block; + list-style: none; + text-align: center; + min-width: fit-content; } @media (max-width: 480px) { - .cptm-header-nav__list-item { - width: 100%; - } + .cptm-header-nav__list-item { + width: 100%; + } } .cptm-header-nav__list-item-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - text-decoration: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - position: relative; - border-bottom: 2px solid transparent; - color: #4d5761; - padding: 15px 0; + display: flex; + align-items: center; + gap: 8px; + text-decoration: none; + transition: all ease-in-out 300ms; + position: relative; + border-bottom: 2px solid transparent; + color: #4d5761; + padding: 15px 0; } .cptm-header-nav__list-item-link.active { - border-bottom-color: #3e62f5; + border-bottom-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__icon { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__label { - color: #3e62f5; + color: #3e62f5; } .cptm-header-nav__icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - min-width: 28px; - min-height: 28px; - text-align: center; - font-size: 16px; - text-align: center; - border-radius: 6px; - background: #d8e0fd; - color: inherit; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: inline-flex; + min-width: 28px; + min-height: 28px; + text-align: center; + font-size: 16px; + text-align: center; + border-radius: 6px; + background: #d8e0fd; + color: inherit; + transition: all ease-in-out 300ms; + align-items: center; + justify-content: center; } .cptm-header-nav__icon svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .cptm-header-nav__label { - display: block; - color: inherit; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - font-size: 14px; - font-weight: 500; + display: block; + color: inherit; + transition: all ease-in-out 300ms; + font-size: 14px; + font-weight: 500; } .cptm-title-area { - margin-bottom: 20px; + margin-bottom: 20px; } .submission-form .cptm-title-area { - width: 100%; + width: 100%; } .tab-general .cptm-title-area { - margin-left: 0; + margin-left: 0; } .cptm-link-light { - color: #fff; + color: #fff; } -.cptm-link-light:hover, .cptm-link-light:focus, .cptm-link-light:active { - color: #fff; +.cptm-link-light:hover, +.cptm-link-light:focus, +.cptm-link-light:active { + color: #fff; } .cptm-color-white { - color: #fff; + color: #fff; } .cptm-my-10 { - margin-top: 10px; - margin-bottom: 10px; + margin-top: 10px; + margin-bottom: 10px; } .cptm-mb-60 { - margin-bottom: 60px; + margin-bottom: 60px; } .cptm-mr-5 { - margin-right: 5px; + margin-right: 5px; } .cptm-title { - margin: 0; - font-size: 19px; - font-weight: 600; - color: #141921; - line-height: 1.2; + margin: 0; + font-size: 19px; + font-weight: 600; + color: #141921; + line-height: 1.2; } .cptm-des { - font-size: 14px; - font-weight: 400; - line-height: 22px; - color: #4d5761; - margin-top: 10px; + font-size: 14px; + font-weight: 400; + line-height: 22px; + color: #4d5761; + margin-top: 10px; } .atbdp-cptm-tab-contents { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-cptm-tab-item { - display: none; + display: none; } .atbdp-cptm-tab-item.active { - display: block; + display: block; } .cptm-tab-content-header { - position: relative; - background: transparent; - margin-top: 61px; - border-bottom: 1px solid #e5e7eb; + position: relative; + background: transparent; + margin-top: 61px; + border-bottom: 1px solid #e5e7eb; } @media only screen and (max-width: 600px) { - .cptm-tab-content-header { - margin-top: 0; - } + .cptm-tab-content-header { + margin-top: 0; + } } .cptm-tab-content-header .cptm-sub-navigation { - gap: 10px; - padding: 10px 20px; - padding-right: 160px; - margin: 0 15px; - max-width: 1050px; - margin: 0 auto; + gap: 10px; + padding: 10px 20px; + padding-right: 160px; + margin: 0 15px; + max-width: 1050px; + margin: 0 auto; } .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item { - margin: 0; + margin: 0; } .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link { - margin: 0; - padding: 10px 25px; - background-color: #e3e6ef; + margin: 0; + padding: 10px 25px; + background-color: #e3e6ef; } -.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link.active, .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link:hover { - background-color: #3e62f5; +.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link.active, +.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link:hover { + background-color: #3e62f5; } @media screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - margin: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + margin: 0; + } } .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - position: absolute; - right: 30px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + right: 30px; + top: 50%; + transform: translateY(-50%); } @media only screen and (max-width: 782px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-right: 0; - padding-top: 70px; - } - .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - top: 20px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-right: 0; + padding-top: 70px; + } + .cptm-tab-content-header .directorist-form-doc__watch-tutorial { + top: 20px; + right: 50%; + transform: translateX(50%); + } } @media only screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-top: 50px; - padding-bottom: 15px; - } - .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - top: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-top: 50px; + padding-bottom: 15px; + } + .cptm-tab-content-header .directorist-form-doc__watch-tutorial { + top: 0; + } } .cptm-tab-content-body { - display: block; + display: block; } .cptm-tab-content { - position: relative; - margin: 0 auto; - padding: 20px 30px; - min-height: 500px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + margin: 0 auto; + padding: 20px 30px; + min-height: 500px; + box-sizing: border-box; } @media only screen and (max-width: 991px) { - .cptm-tab-content { - padding: 20px 25px; - } + .cptm-tab-content { + padding: 20px 25px; + } } @media (max-width: 480px) { - .cptm-tab-content { - max-width: 100%; - padding: 15px 0; - } + .cptm-tab-content { + max-width: 100%; + padding: 15px 0; + } } .cptm-tab-content.tab-wide { - max-width: 1080px; + max-width: 1080px; } .cptm-tab-content.tab-short-wide { - max-width: 550px; + max-width: 550px; } .cptm-tab-content.tab-full-width { - max-width: 1345px; + max-width: 1345px; } .cptm-short-wide { - max-width: 550px; - width: 100%; - margin-right: auto; - margin-left: auto; + max-width: 550px; + width: 100%; + margin-right: auto; + margin-left: auto; } .cptm-tab-sub-content-item { - margin: 0 auto; - display: none; + margin: 0 auto; + display: none; } .cptm-tab-sub-content-item.active { - display: block; + display: block; } .cptm-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: flex; + flex-wrap: wrap; + margin: 0 -15px; } .cptm-col-5 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(42.66% - 30px); - padding: 0 15px; + flex-grow: 1; + width: calc(42.66% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-5 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-5 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-col-6 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(50% - 30px); - padding: 0 15px; + flex-grow: 1; + width: calc(50% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-6 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-6 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-col-7 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(57.33% - 30px); - padding: 0 15px; + flex-grow: 1; + width: calc(57.33% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-7 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-7 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-section { - position: relative; - margin-bottom: 50px; + position: relative; + margin-bottom: 50px; } -.cptm-section.submission_form_fields .cptm-form-builder-active-fields-container { - height: 100%; - padding-bottom: 162px; - -webkit-box-sizing: border-box; - box-sizing: border-box; +.cptm-section.submission_form_fields + .cptm-form-builder-active-fields-container { + height: 100%; + padding-bottom: 162px; + box-sizing: border-box; } .cptm-section.preview_mode { - position: absolute; - right: 31px; - bottom: 71px; - width: calc(50% + 50px); - padding: 24px 43px 50px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - z-index: 10; - background: #f8f9fa; - border: none; - border-radius: 0 0 8px 8px; + position: absolute; + right: 31px; + bottom: 71px; + width: calc(50% + 50px); + padding: 24px 43px 50px; + box-sizing: border-box; + z-index: 10; + background: #f8f9fa; + border: none; + border-radius: 0 0 8px 8px; } .cptm-section.preview_mode:before { - content: ""; - position: absolute; - top: 0; - left: 43px; - height: 1px; - width: calc(100% - 86px); - background-color: #f3f4f6; + content: ""; + position: absolute; + top: 0; + left: 43px; + height: 1px; + width: calc(100% - 86px); + background-color: #f3f4f6; } .cptm-section.preview_mode .cptm-title-area { - display: none; + display: none; } @media screen and (max-width: 1499px) { - .cptm-section.preview_mode { - width: calc(50% + 40px); - } + .cptm-section.preview_mode { + width: calc(50% + 40px); + } } @media screen and (max-width: 1399px) { - .cptm-section.preview_mode { - width: calc(50% + 20px); - } + .cptm-section.preview_mode { + width: calc(50% + 20px); + } } @media screen and (max-width: 1099px) { - .cptm-section.preview_mode { - width: calc(50% + 10px); - } + .cptm-section.preview_mode { + width: calc(50% + 10px); + } } @media screen and (max-width: 991px) { - .cptm-section.preview_mode { - right: 27px; - } + .cptm-section.preview_mode { + right: 27px; + } } @media screen and (max-width: 767px) { - .cptm-section.preview_mode { - width: calc(100% - 52px); - right: 26px; - bottom: 101px; - } + .cptm-section.preview_mode { + width: calc(100% - 52px); + right: 26px; + bottom: 101px; + } } @media screen and (max-width: 480px) { - .cptm-section.preview_mode { - right: 1px; - bottom: 96px; - width: calc(100% - 2px); - } + .cptm-section.preview_mode { + right: 1px; + bottom: 96px; + width: calc(100% - 2px); + } } .cptm-section.new_listing_status { - z-index: 11; + z-index: 11; } .cptm-section:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-form-builder-preset-fields:not(:last-child) { - margin-bottom: 40px; + margin-bottom: 40px; } .cptm-form-builder-preset-fields-header-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - margin: 0 0 16px; + display: flex; + gap: 15px; + margin: 0 0 16px; } -.cptm-form-builder-preset-fields-header-action-link .cptm-form-builder-preset-fields-header-action-icon { - font-size: 20px; +.cptm-form-builder-preset-fields-header-action-link + .cptm-form-builder-preset-fields-header-action-icon { + font-size: 20px; } .cptm-form-builder-preset-fields-header-action-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + box-shadow: none; } .cptm-form-builder-preset-fields-header-action-text { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - font-size: 14px; - font-weight: 500; - color: #141921; + flex: 1; + font-size: 14px; + font-weight: 500; + color: #141921; } .cptm-form-builder-preset-fields-header-action-link { - color: #747c89; + color: #747c89; } .cptm-title-3 { - margin: 0; - color: #272b41; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - font-weight: 500; - font-size: 18px; + margin: 0; + color: #272b41; + flex-grow: 1; + font-weight: 500; + font-size: 18px; } .cptm-description-text { - margin: 5px 0 20px; - color: #5a5f7d; - font-size: 15px; + margin: 5px 0 20px; + color: #5a5f7d; + font-size: 15px; } .cptm-form-builder-active-fields { - display: block; - height: 100%; + display: block; + height: 100%; } .cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper { - height: auto; - z-index: auto; + height: auto; + z-index: auto; } -.cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper:hover { - z-index: 1; +.cptm-form-builder-active-fields + .directorist-draggable-list-item-wrapper:hover { + z-index: 1; } .cptm-form-builder-active-fields .cptm-description-text + .cptm-btn { - border: 1px solid #3e62f5; - height: 43px; - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; - font-size: 14px; - font-weight: 500; - margin: 0 0 22px; + border: 1px solid #3e62f5; + height: 43px; + background: rgba(62, 98, 245, 0.1); + color: #3e62f5; + font-size: 14px; + font-weight: 500; + margin: 0 0 22px; } -.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn.cptm-btn-primary { - background: #3e62f5; - color: #fff; +.cptm-form-builder-active-fields + .cptm-description-text + + .cptm-btn.cptm-btn-primary { + background: #3e62f5; + color: #fff; } .cptm-form-builder-active-fields-container { - position: relative; - margin: 0; - background-color: #f8f9fa; - border: 1px solid #e3e6e9; - padding: 40px; - border-radius: 8px; - z-index: 1; + position: relative; + margin: 0; + background-color: #f8f9fa; + border: 1px solid #e3e6e9; + padding: 40px; + border-radius: 8px; + z-index: 1; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-container { - padding: 20px; - } + .cptm-form-builder-active-fields-container { + padding: 20px; + } } .cptm-form-builder-active-fields-footer { - text-align: left; + text-align: left; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer { - text-align: left; - } + .cptm-form-builder-active-fields-footer { + text-align: left; + } } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer .cptm-btn { - margin-left: 0; - } + .cptm-form-builder-active-fields-footer .cptm-btn { + margin-left: 0; + } } .cptm-form-builder-active-fields-footer .cptm-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - height: 40px; - color: #141921; - background: #ffffff; - border: 0 none; - margin: 4px 50px 24px 30px; - font-size: 14px; - font-weight: 600; - border-radius: 8px; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + display: flex; + gap: 8px; + height: 40px; + color: #141921; + background: #ffffff; + border: 0 none; + margin: 4px 50px 24px 30px; + font-size: 14px; + font-weight: 600; + border-radius: 8px; + border: 1px solid #e5e7eb; + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); } .cptm-form-builder-active-fields-footer .cptm-btn span { - font-size: 16px; + font-size: 16px; } .cptm-form-builder-active-fields-group { - position: relative; - margin-bottom: 15px; - padding-bottom: 0; + position: relative; + margin-bottom: 15px; + padding-bottom: 0; } .cptm-form-builder-group-header-section { - margin-bottom: 8px; + margin-bottom: 8px; } .cptm-form-builder-group-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: flex; + align-items: flex-start; } .cptm-form-builder-group-title-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 15px 20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - background-color: #383f47; - -webkit-box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-builder-group-title-area.expanded, .cptm-form-builder-group-title-area:focus, .cptm-form-builder-group-title-area:hover { - background-color: #141921; + display: flex; + flex-grow: 1; + padding: 15px 20px; + box-sizing: border-box; + border-radius: 8px; + background-color: #383f47; + box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); + transition: all ease 0.3s; +} +.cptm-form-builder-group-title-area.expanded, +.cptm-form-builder-group-title-area:focus, +.cptm-form-builder-group-title-area:hover { + background-color: #141921; } .expanded .cptm-form-builder-group-title-area { - border-radius: 8px 8px 0 0; + border-radius: 8px 8px 0 0; } -div[draggable=true].cptm-form-builder-group-title-area { - cursor: move; +div[draggable="true"].cptm-form-builder-group-title-area { + cursor: move; } .cptm-form-builder-group-title-area__dropable-wrapper { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-no-wrap { - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + flex-wrap: nowrap; } .cptm-card-top-area { - max-width: 450px; - margin: 0 auto; - margin-bottom: 10px; + max-width: 450px; + margin: 0 auto; + margin-bottom: 10px; } .cptm-card-top-area > .form-group .cptm-form-control { - background: none; - border: 1px solid #c6d0dc; - height: 42px; + background: none; + border: 1px solid #c6d0dc; + height: 42px; } .cptm-card-top-area > .form-group .cptm-template-type-wrapper { - position: relative; + position: relative; } .cptm-card-top-area > .form-group .cptm-template-type-wrapper:before { - content: "\f110"; - position: absolute; - font-family: "LineAwesome"; - right: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - pointer-events: none; + content: "\f110"; + position: absolute; + font-family: "LineAwesome"; + right: 20px; + top: 50%; + transform: translateY(-50%); + pointer-events: none; } .cptm-card-placeholder-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -10px; + display: flex; + flex-wrap: wrap; + margin: 0 -10px; } .cptm-card-placeholder-col { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 0 10px; + flex-grow: 1; + padding: 0 10px; } .cptm-form-builder-group-title-area__dropable-placeholder { - margin-right: 15px; + margin-right: 15px; } .cptm-form-builder-group-title-actions .cptm-form-builder-header-action-link { - font-size: 20px; - color: #fff; + font-size: 20px; + color: #fff; } .cptm-form-builder-group-actions-dropdown { - position: relative; - top: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 32px; - margin-left: 10px; + position: relative; + top: 8px; + display: flex; + justify-content: flex-end; + flex-direction: column; + width: 32px; + margin-left: 10px; } .cptm-form-builder-group-actions-dropdown--field { - position: absolute; - right: 0; - top: 8px; + position: absolute; + right: 0; + top: 8px; } .cptm-form-builder-group-actions-dropdown-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 32px; - height: 32px; - background-color: transparent; - border-radius: 8px; - -webkit-transition: background ease 0.3s; - transition: background ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-btn:hover, .cptm-form-builder-group-actions-dropdown-btn:focus { - background-color: #d2d6db; + display: flex; + align-items: center; + justify-content: center; + width: 32px; + height: 32px; + background-color: transparent; + border-radius: 8px; + transition: background ease 0.3s; +} +.cptm-form-builder-group-actions-dropdown-btn:hover, +.cptm-form-builder-group-actions-dropdown-btn:focus { + background-color: #d2d6db; } .cptm-form-builder-group-actions-dropdown-btn:focus { - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + border: none; + outline: none; + box-shadow: none; } .cptm-form-builder-group-actions-dropdown-btn span { - font-size: 18px; - color: #747c89; + font-size: 18px; + color: #747c89; } .cptm-form-builder-group-actions-dropdown-content.expanded { - position: absolute; - width: 200px; - top: 100%; - right: 0; - z-index: 9; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #d94a4a; - background: #ffffff; - padding: 10px 15px; - width: 100%; - height: 50px; - font-size: 14px; - font-weight: 500; - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - -webkit-transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s; - transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link span { - font-size: 20px; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link:hover { - color: #ffffff; - background: #d94a4a; - border-color: #d94a4a; + position: absolute; + width: 200px; + top: 100%; + right: 0; + z-index: 9; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link { + display: flex; + gap: 8px; + align-items: center; + color: #d94a4a; + background: #ffffff; + padding: 10px 15px; + width: 100%; + height: 50px; + font-size: 14px; + font-weight: 500; + border-radius: 8px; + box-sizing: border-box; + border: 1px solid #e5e7eb; + box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); + transition: + background ease 0.3s, + color ease 0.3s, + border-color ease 0.3s; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link + span { + font-size: 20px; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link:hover { + color: #ffffff; + background: #d94a4a; + border-color: #d94a4a; } .cptm-form-builder-group-actions { - display: block; - min-width: 34px; - margin-left: 15px; + display: block; + min-width: 34px; + margin-left: 15px; } .cptm-form-builder-group-title { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - font-size: 14px; - color: #fff; + flex-grow: 1; + margin: 0; + font-size: 14px; + color: #fff; } .cptm-form-builder-group-options { - background-color: #fff; - margin: 0 42px 0 30px; - padding: 20px; - border-radius: 0 0 8px 8px; - -webkit-box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); - box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); + background-color: #fff; + margin: 0 42px 0 30px; + padding: 20px; + border-radius: 0 0 8px 8px; + box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); } .cptm-form-builder-group-options .directorist-form-fields-advanced { - padding: 0; - margin: 16px 0 0; - font-size: 13px; - font-weight: 500; - background: transparent; - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - color: #2e94fa; - text-decoration: underline; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - cursor: pointer; + padding: 0; + margin: 16px 0 0; + font-size: 13px; + font-weight: 500; + background: transparent; + border: none; + outline: none; + box-shadow: none; + color: #2e94fa; + text-decoration: underline; + transition: all ease 0.3s; + cursor: pointer; } .cptm-form-builder-group-options .directorist-form-fields-advanced:hover { - color: #3e62f5; -} -.cptm-form-builder-group-options .directorist-form-fields-area .cptm-form-group:last-child { - margin-bottom: 0; -} -.cptm-form-builder-group-options .cptm-form-builder-group-options__advanced-toggle { - font-size: 13px; - font-weight: 500; - color: #2e94fa; - background: transparent; - border: none; - padding: 0; - text-decoration: underline; - display: block; - margin-top: -7px; - cursor: pointer; + color: #3e62f5; +} +.cptm-form-builder-group-options + .directorist-form-fields-area + .cptm-form-group:last-child { + margin-bottom: 0; +} +.cptm-form-builder-group-options + .cptm-form-builder-group-options__advanced-toggle { + font-size: 13px; + font-weight: 500; + color: #2e94fa; + background: transparent; + border: none; + padding: 0; + text-decoration: underline; + display: block; + margin-top: -7px; + cursor: pointer; } .cptm-form-builder-group-fields { - display: block; - position: relative; + display: block; + position: relative; } .icon-picker-selector { - margin: 0; - padding: 3px 4px 3px 16px; - border: 1px solid #d2d6db; - border-radius: 8px; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + margin: 0; + padding: 3px 4px 3px 16px; + border: 1px solid #d2d6db; + border-radius: 8px; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); } .icon-picker-selector .icon-picker-selector__icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0; -} -.icon-picker-selector .icon-picker-selector__icon input[type=text].cptm-form-control { - padding: 5px 20px; - min-height: 20px; - background-color: transparent; - outline: none; + display: flex; + align-items: center; + margin: 0; +} +.icon-picker-selector + .icon-picker-selector__icon + input[type="text"].cptm-form-control { + padding: 5px 20px; + min-height: 20px; + background-color: transparent; + outline: none; } .icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon { - position: unset; - -webkit-transform: unset; - transform: unset; - font-size: 16px; + position: unset; + transform: unset; + font-size: 16px; } -.icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon:before { - margin-right: 6px; +.icon-picker-selector + .icon-picker-selector__icon + .directorist-selected-icon:before { + margin-right: 6px; } .icon-picker-selector .icon-picker-selector__icon input { - height: 32px; - border: none !important; - padding-left: 0 !important; + height: 32px; + border: none !important; + padding-left: 0 !important; } -.icon-picker-selector .icon-picker-selector__icon .icon-picker-selector__icon__reset { - font-size: 12px; - padding: 0 10px 0 0; +.icon-picker-selector + .icon-picker-selector__icon + .icon-picker-selector__icon__reset { + font-size: 12px; + padding: 0 10px 0 0; } .icon-picker-selector .icon-picker-selector__btn { - margin: 0; - height: 32px; - padding: 0 15px; - font-size: 13px; - font-weight: 500; - color: #2c3239; - border-radius: 6px; - background-color: #e5e7eb; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + margin: 0; + height: 32px; + padding: 0 15px; + font-size: 13px; + font-weight: 500; + color: #2c3239; + border-radius: 6px; + background-color: #e5e7eb; + transition: all ease 0.3s; } .icon-picker-selector .icon-picker-selector__btn:hover { - background-color: #e3e6e9; + background-color: #e3e6e9; } .cptm-restricted-area { - position: absolute; - top: 0; - bottom: 0; - right: 0; - left: 0; - z-index: 999; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 10px; - text-align: center; - background: rgba(255, 255, 255, 0.8); + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + z-index: 999; + display: flex; + justify-content: center; + align-items: center; + padding: 10px; + text-align: center; + background: rgba(255, 255, 255, 0.8); } .cptm-form-builder-group-field-item { - margin-bottom: 8px; - position: relative; - padding-right: 40px; - padding-left: 30px; - border-radius: 8px; + margin-bottom: 8px; + position: relative; + padding-right: 40px; + padding-left: 30px; + border-radius: 8px; } .cptm-form-builder-group-field-item .directorist-draggable-list-item { - position: absolute; - left: 0; + position: absolute; + left: 0; } -.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header { - border-color: #3e62f5; - border-radius: 8px 8px 0 0; - background-color: #f0f3ff; +.cptm-form-builder-group-field-item.expanded + .cptm-form-builder-group-field-item-header { + border-color: #3e62f5; + border-radius: 8px 8px 0 0; + background-color: #f0f3ff; } -.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header .cptm-form-builder-header-action-link { - color: #747c89; +.cptm-form-builder-group-field-item.expanded + .cptm-form-builder-group-field-item-header + .cptm-form-builder-header-action-link { + color: #747c89; } -.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-body { - border-color: #3e62f5; +.cptm-form-builder-group-field-item.expanded + .cptm-form-builder-group-field-item-body { + border-color: #3e62f5; } .cptm-form-builder-group-field-item-drag span { - color: #a1a9b2; + color: #a1a9b2; } .cptm-form-builder-group-field-item-actions { - display: block; - position: absolute; - right: -15px; - -webkit-transform: translate(34px, 7px); - transform: translate(34px, 7px); + display: block; + position: absolute; + right: -15px; + transform: translate(34px, 7px); } .cptm-form-builder-group-field-item-action-link { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 14px; - background-color: #e3e6ef; - border-radius: 50%; - width: 34px; - height: 34px; - text-align: center; - color: #868eae; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 14px; + background-color: #e3e6ef; + border-radius: 50%; + width: 34px; + height: 34px; + text-align: center; + color: #868eae; + transition: all ease-in-out 300ms; } .action-trash:hover { - color: #e62626; - background-color: rgba(255, 0, 0, 0.15); + color: #e62626; + background-color: rgba(255, 0, 0, 0.15); } .action-trash:hover { - background-color: #d7d7d7; + background-color: #d7d7d7; } .action-trash:hover:hover { - color: #e62626; - background-color: rgba(255, 0, 0, 0.15); + color: #e62626; + background-color: rgba(255, 0, 0, 0.15); } .cptm-form-builder-group-field-item-header-actions { - margin-left: 10px; + margin-left: 10px; } -.cptm-form-builder-group-field-item-header-actions .cptm-form-builder-header-action-link { - font-size: 20px; - color: #747c89; +.cptm-form-builder-group-field-item-header-actions + .cptm-form-builder-header-action-link { + font-size: 20px; + color: #747c89; } .cptm-form-builder-header-action-link { - display: inline-block; - padding: 0; - font-size: 11px; - margin-left: 5px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - opacity: 0.5; + display: inline-block; + padding: 0; + font-size: 11px; + margin-left: 5px; + transition: all ease-in-out 300ms; + opacity: 0.5; } .cptm-form-builder-header-action-link:hover { - opacity: 1; + opacity: 1; } .action-collapse-up span, .action-collapse-up span::before { - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(0); - transform: rotate(0); + transition: all ease-in-out 300ms; + transform: rotate(0); } .action-collapse-down span, .action-collapse-down span::before { - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(180deg); - transform: rotate(180deg); + transition: all ease-in-out 300ms; + transform: rotate(180deg); } .cptm-form-builder-group-field-item-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - position: relative; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 12px 20px; - cursor: default; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - border-radius: 8px; - background-color: #fff; - border: 1px solid #e5e7eb; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - z-index: 0; + display: flex; + position: relative; + justify-content: space-between; + padding: 12px 20px; + cursor: default; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + border-radius: 8px; + background-color: #fff; + border: 1px solid #e5e7eb; + transition: all ease 0.3s; + z-index: 0; } .cptm-form-builder-group-field-item-header .cptm-title-3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - color: #2c3239; + display: flex; + gap: 8px; + align-items: center; + font-size: 14px; + font-weight: 500; + color: #2c3239; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon { - font-size: 16px; - color: #747c89; + font-size: 16px; + color: #747c89; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg svg { - width: 16px; - height: 16px; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg svg path { - fill: #747c89; + display: flex; + align-items: center; + justify-content: center; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-icon-svg + svg { + width: 16px; + height: 16px; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-icon-svg + svg + path { + fill: #747c89; } .cptm-form-builder-group-field-item-header .cptm-title-3 > span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip { - position: relative; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip:before { - content: attr(data-info); - position: absolute; - top: calc(100% + 8px); - left: 0; - min-width: 180px; - max-width: 180px; - text-align: center; - color: #ffffff; - font-size: 13px; - font-weight: 500; - padding: 10px 12px; - border-radius: 6px; - background-color: #141921; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip:after { - content: ""; - position: absolute; - top: calc(100% + 2px); - left: 4px; - border-bottom: 6px solid #141921; - border-left: 6px solid transparent; - border-right: 6px solid transparent; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip:hover:before, .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip:hover:after { - opacity: 1; - visibility: visible; - z-index: 1; + display: flex; + gap: 12px; + align-items: center; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip { + position: relative; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip:before { + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + left: 0; + min-width: 180px; + max-width: 180px; + text-align: center; + color: #ffffff; + font-size: 13px; + font-weight: 500; + padding: 10px 12px; + border-radius: 6px; + background-color: #141921; + opacity: 0; + visibility: hidden; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip:after { + content: ""; + position: absolute; + top: calc(100% + 2px); + left: 4px; + border-bottom: 6px solid #141921; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + opacity: 0; + visibility: hidden; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip:hover:before, +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip:hover:after { + opacity: 1; + visibility: visible; + z-index: 1; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - line-height: 14px; - font-weight: 400; - padding: 4px 8px; - color: #ca6f04; - background-color: #fdefce; - border-radius: 4px; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info .cptm-title-info-icon { - font-size: 16px; + display: flex; + gap: 8px; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 400; + padding: 4px 8px; + color: #ca6f04; + background-color: #fdefce; + border-radius: 4px; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info + .cptm-title-info-icon { + font-size: 16px; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info i { - font-size: 16px; - color: #4d5761; + font-size: 16px; + color: #4d5761; } .directorist-draggable-list-item { - position: relative; - top: 15px; - float: left; - margin-right: 17px; - -webkit-box-flex: unset; - -webkit-flex-grow: unset; - -ms-flex-positive: unset; - flex-grow: unset; + position: relative; + top: 15px; + float: left; + margin-right: 17px; + flex-grow: unset; } .cptm-form-builder-group-field-item-body { - padding: 22px 25px 25px; - background-color: #fff; - border-radius: 0 0 8px 8px; - border: 1px solid transparent; - border-top: none; + padding: 22px 25px 25px; + background-color: #fff; + border-radius: 0 0 8px 8px; + border: 1px solid transparent; + border-top: none; } .cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle { - border-bottom: 1px solid #f1f2f6; - padding-bottom: 15px; - margin-bottom: 15px; + border-bottom: 1px solid #f1f2f6; + padding-bottom: 15px; + margin-bottom: 15px; } -.cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle .cptm-form-group { - margin-bottom: 0; +.cptm-form-builder-group-field-item-body + .cptm-field-wraper-type-toggle + .cptm-form-group { + margin-bottom: 0; } -.cptm-form-builder-group-field-item-body .directorist-type-icon-select + .cptm-form-group { - margin-top: 20px; +.cptm-form-builder-group-field-item-body + .directorist-type-icon-select + + .cptm-form-group { + margin-top: 20px; } .cptm-form-builder-field-list { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + margin: 0; + display: flex; + gap: 6px; + flex-wrap: wrap; } .cptm-form-builder-field-list .directorist-draggable-list-item { - position: unset; + position: unset; } .cptm-form-builder-field-list-item { - width: calc(50% - 3px); - padding: 10px 16px; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - list-style: none; - background-color: #ffffff; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + width: calc(50% - 3px); + padding: 10px 16px; + margin: 0; + display: flex; + align-items: center; + flex-wrap: wrap; + list-style: none; + background-color: #ffffff; + border: 1px solid #e5e7eb; + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + border-radius: 8px; + box-sizing: border-box; + transition: all ease 0.3s; } .cptm-form-builder-field-list-item .directorist-draggable-list-item-slot { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .cptm-form-builder-field-list-item:hover { - background-color: #e5e7eb; - -webkit-box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); - box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); + background-color: #e5e7eb; + box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); } .cptm-form-builder-field-list-item.clickable { - cursor: pointer; + cursor: pointer; } .cptm-form-builder-field-list-item.disabled { - cursor: not-allowed; + cursor: not-allowed; } @media (max-width: 400px) { - .cptm-form-builder-field-list-item { - width: calc(100% - 6px); - } + .cptm-form-builder-field-list-item { + width: calc(100% - 6px); + } } -li[class=cptm-form-builder-field-list-item][draggable=true] { - cursor: move; +li[class="cptm-form-builder-field-list-item"][draggable="true"] { + cursor: move; } .cptm-form-builder-field-list-icon { - display: inline-block; - margin-right: 12px; - width: 16px; - font-size: 16px; - color: #747c89; + display: inline-block; + margin-right: 12px; + width: 16px; + font-size: 16px; + color: #747c89; } .cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } .cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } -.cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg svg path { - fill: #747c89; +.cptm-form-builder-field-list-icon + .cptm-form-builder-field-list-icon-svg + svg + path { + fill: #747c89; } .cptm-form-builder-field-list-label { - display: inline-block; - font-size: 13px; - font-weight: 400; - color: #383f47; + display: inline-block; + font-size: 13px; + font-weight: 400; + color: #383f47; } .cptm-info-text-area { - margin-bottom: 10px; + margin-bottom: 10px; } .cptm-info-text { - margin: 0; - padding: 10px 0; - color: gray; + margin: 0; + padding: 10px 0; + color: gray; } .cptm-info-success { - color: #00b158; + color: #00b158; } .cptm-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .cptm-item-footer-drop-area { - position: absolute; - left: 0; - bottom: 0; - width: 100%; - height: 20px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: translate(0, 100%); - transform: translate(0, 100%); - z-index: 5; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 20px; + transition: all ease-in-out 300ms; + transform: translate(0, 100%); + z-index: 5; } .cptm-item-footer-drop-area.drag-enter { - background-color: rgba(23, 135, 255, 0.3); + background-color: rgba(23, 135, 255, 0.3); } .cptm-item-footer-drop-area.cptm-group-item-drop-area { - height: 40px; + height: 40px; } .cptm-form-builder-group-field-item-drop-area { - height: 20px; - position: absolute; - bottom: -20px; - z-index: 5; - width: 100%; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + height: 20px; + position: absolute; + bottom: -20px; + z-index: 5; + width: 100%; + transition: all ease-in-out 300ms; } .cptm-form-builder-group-field-item-drop-area.drag-enter { - background-color: rgba(23, 135, 255, 0.3); + background-color: rgba(23, 135, 255, 0.3); } .cptm-checkbox-area, .cptm-options-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 10px 0; - right: 0; - left: 0; + display: flex; + flex-direction: column; + margin: 10px 0; + right: 0; + left: 0; } .cptm-checkbox-area .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } @media (max-width: 1300px) { - .cptm-checkbox-area, - .cptm-options-area { - position: static; - } + .cptm-checkbox-area, + .cptm-options-area { + position: static; + } } .cptm-checkbox-item, .cptm-radio-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-right: 20px; + display: flex; + margin-right: 20px; } .cptm-tab-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .cptm-tab-area .cptm-tab-item input { - display: none; + display: none; } .cptm-tab-area .cptm-tab-item input:checked + label { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-tab-area .cptm-tab-item label { - margin: 0; - padding: 0 12px; - height: 32px; - line-height: 32px; - font-size: 14px; - font-weight: 500; - color: #747c89; - background: #e5e7eb; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + margin: 0; + padding: 0 12px; + height: 32px; + line-height: 32px; + font-size: 14px; + font-weight: 500; + color: #747c89; + background: #e5e7eb; + cursor: pointer; + transition: all ease-in-out 300ms; } .cptm-tab-area .cptm-tab-item label:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } @media screen and (max-width: 782px) { - .enable_schema_markup .atbdp-label-icon-wrapper { - margin-bottom: 15px !important; - } + .enable_schema_markup .atbdp-label-icon-wrapper { + margin-bottom: 15px !important; + } } .cptm-schema-tab-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 12px; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 12px; } .cptm-schema-tab-label { - color: rgba(0, 6, 38, 0.9); - font-size: 15px; - font-style: normal; - font-weight: 600; - line-height: 16px; + color: rgba(0, 6, 38, 0.9); + font-size: 15px; + font-style: normal; + font-weight: 600; + line-height: 16px; } .cptm-schema-tab-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px 20px; + display: flex; + gap: 10px 20px; } @media screen and (max-width: 782px) { - .cptm-schema-tab-wrapper { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .cptm-schema-tab-wrapper { + flex-wrap: wrap; + } } -.cptm-schema-tab-wrapper input[type=radio]:checked { - background-color: #3e62f5 !important; - border-color: #3e62f5 !important; +.cptm-schema-tab-wrapper input[type="radio"]:checked { + background-color: #3e62f5 !important; + border-color: #3e62f5 !important; } -.cptm-schema-tab-wrapper input[type=radio]:checked::before { - background-color: white !important; +.cptm-schema-tab-wrapper input[type="radio"]:checked::before { + background-color: white !important; } .cptm-schema-tab-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 12px 16px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid rgba(0, 17, 102, 0.1); - background-color: #fff; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: flex; + padding: 12px 16px; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid rgba(0, 17, 102, 0.1); + background-color: #fff; + transition: all ease-in-out 300ms; } @media screen and (max-width: 782px) { - .cptm-schema-tab-item { - width: 100%; - } + .cptm-schema-tab-item { + width: 100%; + } } -.cptm-schema-tab-item input[type=radio] { - -webkit-box-shadow: none; - box-shadow: none; +.cptm-schema-tab-item input[type="radio"] { + box-shadow: none; } @media screen and (max-width: 782px) { - .cptm-schema-tab-item input[type=radio] { - width: 16px; - height: 16px; - } - .cptm-schema-tab-item input[type=radio]:checked:before { - width: 0.5rem; - height: 0.5rem; - margin: 3px 3px; - line-height: 1.14285714; - } + .cptm-schema-tab-item input[type="radio"] { + width: 16px; + height: 16px; + } + .cptm-schema-tab-item input[type="radio"]:checked:before { + width: 0.5rem; + height: 0.5rem; + margin: 3px 3px; + line-height: 1.14285714; + } } .cptm-schema-tab-item.active { - border-color: #3e62f5 !important; - background-color: #f0f3ff; + border-color: #3e62f5 !important; + background-color: #f0f3ff; } .cptm-schema-tab-item.active .cptm-schema-label-wrapper { - color: #3e62f5 !important; + color: #3e62f5 !important; } .cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child { - cursor: not-allowed; - opacity: 0.5; - pointer-events: none; + cursor: not-allowed; + opacity: 0.5; + pointer-events: none; } -.cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child .cptm-schema-label-badge { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; +.cptm-schema-multi-directory-disabled + .cptm-schema-tab-item:last-child + .cptm-schema-label-badge { + display: inline-flex; } .cptm-schema-label-wrapper { - color: rgba(0, 6, 38, 0.9) !important; - font-size: 14px !important; - font-style: normal; - font-weight: 600 !important; - line-height: 20px; - cursor: pointer; - margin: 0 !important; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + color: rgba(0, 6, 38, 0.9) !important; + font-size: 14px !important; + font-style: normal; + font-weight: 600 !important; + line-height: 20px; + cursor: pointer; + margin: 0 !important; + transition: all ease-in-out 300ms; } .cptm-schema .cptm-schema-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; + display: flex; + align-items: center; + gap: 6px; } .cptm-schema-label-badge { - display: none; - height: 20px; - padding: 0px 8px; - border-radius: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background-color: #e3ecf2; - color: rgba(0, 8, 51, 0.65); - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 16px; - letter-spacing: 0.12px; + display: none; + height: 20px; + padding: 0px 8px; + border-radius: 4px; + align-items: center; + background-color: #e3ecf2; + color: rgba(0, 8, 51, 0.65); + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 16px; + letter-spacing: 0.12px; } .cptm-schema-label-description { - color: rgba(0, 8, 51, 0.65); - font-size: 12px !important; - font-style: normal; - font-weight: 400; - line-height: 18px; - margin-top: 2px; + color: rgba(0, 8, 51, 0.65); + font-size: 12px !important; + font-style: normal; + font-weight: 400; + line-height: 18px; + margin-top: 2px; } #listing_settings__listings_page .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } -input[type=checkbox].cptm-checkbox { - display: none; +input[type="checkbox"].cptm-checkbox { + display: none; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui { - color: #3e62f5; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui { + color: #3e62f5; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui::before { - font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; - font-weight: 900; - color: #fff; - content: "\f00c"; - z-index: 22; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui::before { + font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; + font-weight: 900; + color: #fff; + content: "\f00c"; + z-index: 22; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui:after { - background-color: #00b158; - border-color: #00b158; - z-index: -1; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui:after { + background-color: #00b158; + border-color: #00b158; + z-index: -1; } -input[type=radio].cptm-radio { - margin-top: 1px; +input[type="radio"].cptm-radio { + margin-top: 1px; } .cptm-form-range-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: inline-flex; + flex-wrap: wrap; } .cptm-form-range-wrap .cptm-form-range-bar { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-form-range-wrap .cptm-form-range-output { - width: 30px; + width: 30px; } .cptm-form-range-wrap .cptm-form-range-output-text { - padding: 10px 20px; - background-color: #fff; + padding: 10px 20px; + background-color: #fff; } .cptm-checkbox-ui { - display: inline-block; - min-width: 16px; - position: relative; - z-index: 1; - margin-right: 12px; + display: inline-block; + min-width: 16px; + position: relative; + z-index: 1; + margin-right: 12px; } .cptm-checkbox-ui::before { - font-size: 10px; - line-height: 1; - font-weight: 900; - display: inline-block; - margin-left: 4px; + font-size: 10px; + line-height: 1; + font-weight: 900; + display: inline-block; + margin-left: 4px; } .cptm-checkbox-ui:after { - position: absolute; - left: 0; - top: 0; - width: 18px; - height: 18px; - border-radius: 4px; - border: 1px solid #c6d0dc; - content: ""; + position: absolute; + left: 0; + top: 0; + width: 18px; + height: 18px; + border-radius: 4px; + border: 1px solid #c6d0dc; + content: ""; } .cptm-vh { - overflow: hidden; - overflow-y: auto; - max-height: 100vh; + overflow: hidden; + overflow-y: auto; + max-height: 100vh; } .cptm-thumbnail { - max-width: 350px; - width: 100%; - height: auto; - margin-bottom: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: #f2f2f2; + max-width: 350px; + width: 100%; + height: auto; + margin-bottom: 20px; + display: flex; + justify-content: center; + background-color: #f2f2f2; } .cptm-thumbnail img { - display: block; - width: 100%; - height: auto; + display: block; + width: 100%; + height: auto; } .cptm-thumbnail-placeholder { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } .cptm-thumbnail-placeholder-icon { - font-size: 40px; - color: #d2d6db; + font-size: 40px; + color: #d2d6db; } .cptm-thumbnail-placeholder-icon svg { - width: 40px; - height: 40px; + width: 40px; + height: 40px; } .cptm-thumbnail-img-wrap { - position: relative; + position: relative; } .cptm-thumbnail-action { - display: inline-block; - position: absolute; - top: 0; - right: 0; - background-color: #c6c6c6; - padding: 5px 8px; - border-radius: 50%; - margin: 10px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + position: absolute; + top: 0; + right: 0; + background-color: #c6c6c6; + padding: 5px 8px; + border-radius: 50%; + margin: 10px; + cursor: pointer; + transition: all ease-in-out 300ms; } .cptm-sub-navigation { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + padding: 0; + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; } .cptm-sub-nav__item { - list-style: none; - margin: 0; + list-style: none; + margin: 0; } .cptm-sub-nav__item-link { - display: block; - text-decoration: none; - padding: 12px 25px; - border-radius: 30px; - margin: 22px 5px; - color: #7a8289; - font-weight: 600; - background-color: #f1f2f6; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.cptm-sub-nav__item-link:hover, .cptm-sub-nav__item-link.active { - font-weight: 600; - color: #fff; - background: #3e62f5; + display: block; + text-decoration: none; + padding: 12px 25px; + border-radius: 30px; + margin: 22px 5px; + color: #7a8289; + font-weight: 600; + background-color: #f1f2f6; + transition: 0.3s ease; +} +.cptm-sub-nav__item-link:hover, +.cptm-sub-nav__item-link.active { + font-weight: 600; + color: #fff; + background: #3e62f5; } .cptm-sub-nav__item-link.active { - font-weight: bold; + font-weight: bold; } .cptm-builder-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - position: relative; + display: flex; + flex-wrap: wrap; + position: relative; } .cptm-options-area { - width: 300px; + width: 300px; } .cptm-option-card { - display: none; - margin-bottom: 10px; - opacity: 0; - border-radius: 5px; - text-align: left; - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transition: all linear 300ms; - transition: all linear 300ms; - pointer-events: none; + display: none; + margin-bottom: 10px; + opacity: 0; + border-radius: 5px; + text-align: left; + transform-origin: center; + transition: all linear 300ms; + pointer-events: none; } .cptm-option-card.cptm-animation-flip { - -webkit-transform: rotate3d(0, 1, 0, 45deg); - transform: rotate3d(0, 1, 0, 45deg); + transform: rotate3d(0, 1, 0, 45deg); } .cptm-option-card.cptm-animation-slide-up { - -webkit-transform: translate(0, 30px); - transform: translate(0, 30px); + transform: translate(0, 30px); } .cptm-option-card.active { - display: block; - opacity: 1; - pointer-events: all; + display: block; + opacity: 1; + pointer-events: all; } .cptm-option-card.active.cptm-animation-flip { - -webkit-transform: rotate3d(0, 0, 0, 0deg); - transform: rotate3d(0, 0, 0, 0deg); + transform: rotate3d(0, 0, 0, 0deg); } .cptm-option-card.active.cptm-animation-slide-up { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); + transform: translate(0, 0); } .cptm-anchor-down { - display: block; - text-align: center; - position: relative; - top: -1px; + display: block; + text-align: center; + position: relative; + top: -1px; } .cptm-anchor-down:after { - content: ""; - display: inline-block; - width: 0; - height: 0; - border-left: 15px solid transparent; - border-right: 15px solid transparent; - border-top: 15px solid #fff; + content: ""; + display: inline-block; + width: 0; + height: 0; + border-left: 15px solid transparent; + border-right: 15px solid transparent; + border-top: 15px solid #fff; } .cptm-header-action-link { - display: inline-block; - padding: 0 10px; - text-decoration: none; - color: #fff; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 0 10px; + text-decoration: none; + color: #fff; + transition: all ease-in-out 300ms; } .cptm-header-action-link:hover { - color: #fff; + color: #fff; } .cptm-option-card-header { - border-radius: 5px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - background-color: #3e62f5; + border-radius: 5px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + background-color: #3e62f5; } .cptm-option-card-header-title-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #fff; - min-height: 56px; - padding: 0 15px 0 25px; + display: flex; + align-items: center; + color: #fff; + min-height: 56px; + padding: 0 15px 0 25px; } .cptm-option-card-header-title { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - text-align: left; - color: #fff; + flex-grow: 1; + margin: 0; + text-align: left; + color: #fff; } .cptm-header-action-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0 0 0 10px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + padding: 0 0 0 10px; + justify-content: center; + align-items: center; } .cptm-option-card-header-nav-section { - display: block; + display: block; } .cptm-option-card-header-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - color: #fff; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0; - margin: 0; - background-color: rgba(255, 255, 255, 0.15); + display: flex; + color: #fff; + flex-wrap: wrap; + padding: 0; + margin: 0; + background-color: rgba(255, 255, 255, 0.15); } .cptm-option-card-header-nav-item { - display: block; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - padding: 8px 10px; - cursor: pointer; - margin-bottom: 0; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: block; + flex-grow: 1; + text-align: center; + padding: 8px 10px; + cursor: pointer; + margin-bottom: 0; + transition: all ease-in-out 300ms; } .cptm-option-card-header-nav-item.active { - background-color: rgba(255, 255, 255, 0.15); + background-color: rgba(255, 255, 255, 0.15); } .cptm-option-card-body { - padding: 18px 20px 20px; - border-radius: 5px; - border-top-right-radius: 0; - border-top-left-radius: 0; - -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); - box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); - background-color: #fff; - max-height: 500px; - overflow-y: auto; + padding: 18px 20px 20px; + border-radius: 5px; + border-top-right-radius: 0; + border-top-left-radius: 0; + box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); + background-color: #fff; + max-height: 500px; + overflow-y: auto; } .cptm-option-card-body .cptm-form-group:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-option-card-body .directorist-type-icon-select { - margin-bottom: 20px; + margin-bottom: 20px; } .cptm-option-card-body .directorist-type-icon-select .icon-picker-selector { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .cptm-widget-insert-area { - position: absolute; - bottom: 0; - left: 50%; - z-index: 99; - -webkit-transform: translate(-50%, 50%); - transform: translate(-50%, 50%); + position: absolute; + bottom: 0; + left: 50%; + z-index: 99; + transform: translate(-50%, 50%); } .cptm-widget-insert-wrap { - position: relative; + position: relative; } .cptm-widget-insert-modal-container { - position: absolute; - left: 50%; - top: 0; - width: 330px; - -webkit-transform: translate(-50%, -100%); - transform: translate(-50%, -100%); - pointer-events: none; + position: absolute; + left: 50%; + top: 0; + width: 330px; + transform: translate(-50%, -100%); + pointer-events: none; } .cptm-widget-insert-modal-container.active { - pointer-events: all; + pointer-events: all; } .cptm-widget-insert-link { - display: inline-block; - width: 26px; - height: 26px; - line-height: 25px; - border-radius: 50%; - font-size: 14px; - text-align: center; - text-decoration: none; - background-color: #fff; - -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - color: #5a5f7d; + display: inline-block; + width: 26px; + height: 26px; + line-height: 25px; + border-radius: 50%; + font-size: 14px; + text-align: center; + text-decoration: none; + background-color: #fff; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + color: #5a5f7d; } .cptm-listing-card-preview-body .cptm-widget-insert-link, .cptm-listing-card-preview-footer .cptm-widget-insert-link { - background: #23282d; - color: #fff; + background: #23282d; + color: #fff; } .cptm-widget-card-drop-prepend { - border-radius: 8px; + border-radius: 8px; } .cptm-widget-card-drop-append { - display: block; - width: 100%; - height: 0; - border-radius: 8px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: transparent; - border: 1px dashed transparent; + display: block; + width: 100%; + height: 0; + border-radius: 8px; + transition: all ease-in-out 300ms; + background-color: transparent; + border: 1px dashed transparent; } .cptm-widget-card-drop-append.dropable { - margin: 3px 0; - height: 10px; - border-color: cornflowerblue; + margin: 3px 0; + height: 10px; + border-color: cornflowerblue; } .cptm-widget-card-drop-append.drag-enter { - background-color: cornflowerblue; + background-color: cornflowerblue; } .cptm-widget-card-wrap { - visibility: visible; + visibility: visible; } .cptm-widget-card-inline-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - vertical-align: top; + display: inline-flex; + vertical-align: top; } .cptm-widget-card-inline-wrap .cptm-widget-card { - display: inline-block; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + display: inline-block; + flex: 1; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append { - display: inline-block; - width: 0; - height: auto; + display: inline-block; + width: 0; + height: auto; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append.dropable { - margin: 0 3px; - width: 10px; - max-width: 10px; + margin: 0 3px; + width: 10px; + max-width: 10px; } .cptm-list-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 5px; - color: gray; - font-weight: 600; - font-size: 16px; + display: flex; + padding: 5px; + color: gray; + font-weight: 600; + font-size: 16px; } .cptm-list-item .cptm-list-item-icon { - width: 25px; + width: 25px; } .cptm-list-item .cptm-list-item-label { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-list-item-card { - display: block; + display: block; } .cptm-widget-badge { - display: inline-block; - text-align: center; - color: #fff; - border-radius: 5px; - font-size: 11px; - padding: 2px 8px; - margin: 2px; - font-weight: 700; - background-color: rgba(255, 255, 255, 0.2); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - position: relative; + display: inline-block; + text-align: center; + color: #fff; + border-radius: 5px; + font-size: 11px; + padding: 2px 8px; + margin: 2px; + font-weight: 700; + background-color: rgba(255, 255, 255, 0.2); + transition: 0.3s ease; + position: relative; } .cptm-preview-area { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-preview-wrapper { - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - gap: 25px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex !important; + gap: 25px; + align-items: center; + justify-content: space-between; } .cptm-preview-wrapper .cptm-preview-radio-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - max-width: 300px; + display: flex; + flex-direction: column; + flex: 0 0 auto; + max-width: 300px; } .cptm-preview-wrapper .cptm-preview-area-archive img { - max-height: 100px; + max-height: 100px; } .cptm-widget-thumb .cptm-widget-thumb-icon i { - font-size: 80px; - opacity: 0.1; + font-size: 80px; + opacity: 0.1; } .cptm-widget-thumb .cptm-widget-label { - font-size: 13px; - font-weight: 500; - color: #868eae; + font-size: 13px; + font-weight: 500; + color: #868eae; } .cptm-placeholder-blcok { - padding: 2px; - position: relative; - min-height: 54px; - border: 2px dashed rgba(255, 255, 255, 0.15); - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 4px; - z-index: 99; + padding: 2px; + position: relative; + min-height: 54px; + border: 2px dashed rgba(255, 255, 255, 0.15); + transition: all ease-in-out 300ms; + box-sizing: border-box; + border-radius: 4px; + z-index: 99; } -.cptm-placeholder-blcok:hover, .cptm-placeholder-blcok.drag-enter { - border-color: rgb(255, 255, 255); +.cptm-placeholder-blcok:hover, +.cptm-placeholder-blcok.drag-enter { + border-color: rgb(255, 255, 255); } .cptm-placeholder-label { - margin: 0; - text-align: center; - margin-bottom: 0; - text-align: center; - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - z-index: 0; - color: rgba(255, 255, 255, 0.4); - font-size: 13px; + margin: 0; + text-align: center; + margin-bottom: 0; + text-align: center; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + z-index: 0; + color: rgba(255, 255, 255, 0.4); + font-size: 13px; } .cptm-placeholder-label.hide { - display: none; + display: none; } .cptm-listing-card-preview-footer .cptm-placeholder-label { - color: #868eae; + color: #868eae; } .cptm-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 100%; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + height: 100%; + flex-wrap: wrap; + justify-content: center; + align-items: center; } .cptm-center-content.cptm-content-wide * { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .cptm-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .cptm-listing-card-body-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .cptm-align-left { - text-align: left; + text-align: left; } .cptm-listing-card-body-header-left { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-listing-card-body-header-right { - width: 100px; - margin-left: 10px; + width: 100px; + margin-left: 10px; } .cptm-card-preview-area-wrap { - max-width: 450px; - margin: 0 auto; + max-width: 450px; + margin: 0 auto; } .cptm-card-preview-widget { - max-width: 450px; - margin: 0 auto; - border-radius: 8px; - -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - background-color: #fff; + max-width: 450px; + margin: 0 auto; + border-radius: 8px; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); + background-color: #fff; } .cptm-card-preview-widget.cptm-card-list-view { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - max-width: 100%; + display: flex; + flex-wrap: wrap; + max-width: 100%; } .cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-thumbnail { - height: 100%; + height: 100%; } -.cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { - min-width: 320px; - min-height: 300px; +.cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header { + min-width: 320px; + min-height: 300px; } @media (max-width: 400px) { - .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { - min-width: 100%; - } + .cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header { + min-width: 100%; + } } .cptm-field-wraper-key-single_listing_header .cptm-card-preview-area-wrap, .cptm-field-wraper-key-single_listing_header .cptm-card-preview-widget { - max-width: 750px; + max-width: 750px; } .cptm-listing-card-preview-header { - display: block; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + display: block; + flex-grow: 1; } .cptm-listing-card-content { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-card-preview-thumbnail { - position: relative; - height: 280px; - background: #272b41; - border-radius: 5px 5px 0 0; + position: relative; + height: 280px; + background: #272b41; + border-radius: 5px 5px 0 0; } .cptm-card-preview-thumbnail-overlay { - position: relative; - height: 100%; - padding: 20px 10px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + height: 100%; + padding: 20px 10px; + box-sizing: border-box; } .cptm-card-preview-thumbnail-placeholer { - height: 100%; + height: 100%; } .cptm-card-preview-thumbnail-placeholder { - height: 100%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + height: 100%; + text-align: center; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; } .cptm-listing-card-preview-quick-info-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-card-preview-thumbnail-bg { - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - font-size: 72px; - color: #7b7d8b; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + font-size: 72px; + color: #7b7d8b; } .cptm-card-preview-thumbnail-bg span { - color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.1); } .cptm-card-preview-top-left { - width: calc(50% - 30px); - position: absolute; - top: 20px; - left: 20px; + width: calc(50% - 30px); + position: absolute; + top: 20px; + left: 20px; } .cptm-card-preview-top-left-placeholder { - display: block; - text-align: left; + display: block; + text-align: left; } .cptm-card-preview-top-right { - position: absolute; - right: 20px; - top: 20px; - width: calc(50% - 30px); + position: absolute; + right: 20px; + top: 20px; + width: calc(50% - 30px); } .cptm-card-preview-top-right-placeholder { - text-align: right; + text-align: right; } .cptm-card-preview-bottom-left { - position: absolute; - width: calc(50% - 30px); - bottom: 53px; - left: 20px; + position: absolute; + width: calc(50% - 30px); + bottom: 53px; + left: 20px; } .cptm-card-preview-bottom-left-placeholder { - display: block; - text-align: left; + display: block; + text-align: left; } .cptm-card-preview-bottom-right { - position: absolute; - bottom: 53px; - right: 20px; - width: calc(50% - 30px); + position: absolute; + bottom: 53px; + right: 20px; + width: calc(50% - 30px); } .cptm-card-preview-bottom-right-placeholder { - display: block; - text-align: right; + display: block; + text-align: right; } .cptm-listing-card-preview-body { - display: block; - padding: 35px 20px 20px; - position: relative; + display: block; + padding: 35px 20px 20px; + position: relative; } .cptm-listing-card-author-avatar { - z-index: 99; - position: absolute; - left: 50%; - top: 0; - width: calc(100% - 40px); - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); + z-index: 99; + position: absolute; + left: 50%; + top: 0; + width: calc(100% - 40px); + transform: translate(-50%, -50%); } .cptm-listing-card-author-avatar .cptm-placeholder-blcok { - padding: 0; - height: 51px; - min-height: auto; - text-align: center; - border-color: rgba(198, 208, 220, 0.5); + padding: 0; + height: 51px; + min-height: auto; + text-align: center; + border-color: rgba(198, 208, 220, 0.5); } -.cptm-listing-card-author-avatar .cptm-widget-insert-area .cptm-widget-insert-link { - background-color: #fff; - color: #5a5f7d; +.cptm-listing-card-author-avatar + .cptm-widget-insert-area + .cptm-widget-insert-link { + background-color: #fff; + color: #5a5f7d; } .cptm-placeholder-author-thumb { - margin: 0; + margin: 0; } .cptm-placeholder-author-thumb img { - width: 40px; - height: 40px; - border-radius: 50%; - -o-object-fit: cover; - object-fit: cover; - background-color: #c6d0dc; - border: 4px solid #fff; + width: 40px; + height: 40px; + border-radius: 50%; + object-fit: cover; + background-color: #c6d0dc; + border: 4px solid #fff; } .cptm-placeholder-author-thumb-wrapper { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: #c6d0dc; - border: 4px solid #fff; - color: white; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + width: 40px; + height: 40px; + border-radius: 50%; + background-color: #c6d0dc; + border: 4px solid #fff; + color: white; + display: inline-flex; + align-items: center; + justify-content: center; } .cptm-placeholder-author-thumb-wrapper svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .cptm-widget-title-card { - margin-bottom: 10px; - padding: 10px; - text-align: left; - color: #bfbfbf; - font-weight: bold; - font-size: 18px; + margin-bottom: 10px; + padding: 10px; + text-align: left; + color: #bfbfbf; + font-weight: bold; + font-size: 18px; } .cptm-has-widget-control { - position: relative; + position: relative; } .cptm-has-widget-control:hover .cptm-widget-control-wrap { - visibility: visible; - pointer-events: all; - opacity: 1; + visibility: visible; + pointer-events: all; + opacity: 1; } .cptm-form-group-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .cptm-form-group-col { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-flex-basis: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; + flex-grow: 1; + flex-basis: 50%; } .cptm-form-group-info { - color: gray; - margin-bottom: 5px; + color: gray; + margin-bottom: 5px; } .cptm-widget-actions-tools { - position: absolute; - width: 75px; - background-color: #2c99ff; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - top: -40px; - padding: 5px; - border: 3px solid #2c99ff; - border-radius: 1px 1px 0 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 9999; + position: absolute; + width: 75px; + background-color: #2c99ff; + left: 50%; + transform: translateX(-50%); + top: -40px; + padding: 5px; + border: 3px solid #2c99ff; + border-radius: 1px 1px 0 0; + display: flex; + align-items: center; + justify-content: center; + visibility: hidden; + opacity: 0; + pointer-events: none; + transition: 0.3s ease; + z-index: 9999; } .cptm-widget-actions-tools a { - padding: 0 6px; - font-size: 12px; - color: #fff; + padding: 0 6px; + font-size: 12px; + color: #fff; } .cptm-widget-actions-tools-wrap:before { - position: absolute; - content: ""; - width: 100%; - height: 100%; - left: -8px; - top: -8px; - border: 3px solid #2c99ff; - padding: 5px; - visibility: hidden; - opacity: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 1; + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: -8px; + top: -8px; + border: 3px solid #2c99ff; + padding: 5px; + visibility: hidden; + opacity: 0; + transition: 0.3s ease; + z-index: 1; } .cptm-widget-actions-tools-wrap:hover .cptm-widget-actions-tools { - visibility: visible; - opacity: 1; - pointer-events: all; + visibility: visible; + opacity: 1; + pointer-events: all; } .cptm-widget-actions-tools-wrap:hover:before { - visibility: visible; - opacity: 1; + visibility: visible; + opacity: 1; } .cptm-widget-control-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - visibility: hidden; - opacity: 0; - position: absolute; - left: 0; - right: 0; - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - top: 1px; - pointer-events: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - z-index: 99; + display: flex; + visibility: hidden; + opacity: 0; + position: absolute; + left: 0; + right: 0; + width: 100%; + justify-content: center; + align-items: center; + top: 1px; + pointer-events: none; + transition: all ease-in-out 300ms; + z-index: 99; } .cptm-widget-control { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding-bottom: 10px; - -webkit-transform: translate(0%, -100%); - transform: translate(0%, -100%); + display: flex; + padding-bottom: 10px; + transform: translate(0%, -100%); } .cptm-widget-control::after { - content: ""; - display: inline-block; - margin: 0 auto; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 10px solid #3e62f5; - position: absolute; - bottom: 2px; - left: 50%; - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); - z-index: -1; + content: ""; + display: inline-block; + margin: 0 auto; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid #3e62f5; + position: absolute; + bottom: 2px; + left: 50%; + transform: translate(-50%, 0); + z-index: -1; } .cptm-widget-control .cptm-widget-control-action:first-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } .cptm-widget-control .cptm-widget-control-action:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } .hide { - display: none; + display: none; } .cptm-widget-control-action { - display: inline-block; - padding: 5px 8px; - color: #fff; - font-size: 12px; - cursor: pointer; - background-color: #3e62f5; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 5px 8px; + color: #fff; + font-size: 12px; + cursor: pointer; + background-color: #3e62f5; + transition: all ease-in-out 300ms; } .cptm-widget-control-action:hover { - background-color: #0e3bf2; + background-color: #0e3bf2; } .cptm-listing-card-preview-body-placeholder { - display: block; - padding: 10px; - min-height: 206px; - border-color: #e3e6ef; + display: block; + padding: 10px; + min-height: 206px; + border-color: #e3e6ef; } -.cptm-listing-card-preview-body-placeholder:hover, .cptm-listing-card-preview-body-placeholder.drag-enter { - border-color: #717171; +.cptm-listing-card-preview-body-placeholder:hover, +.cptm-listing-card-preview-body-placeholder.drag-enter { + border-color: #717171; } .cptm-listing-card-preview-body-placeholder .cptm-placeholder-label { - color: #a1a8c6; + color: #a1a8c6; } .cptm-listing-card-preview-footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 20px; - background-color: #f4f5f7; - border-radius: 0 0 5px 5px; + display: flex; + flex-wrap: wrap; + padding: 20px; + background-color: #f4f5f7; + border-radius: 0 0 5px 5px; } .cptm-listing-card-preview-footer-left-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-right: 5px; - border-color: #c6d0dc; - width: calc(50% - 10px); - text-align: left; + flex-grow: 1; + margin-right: 5px; + border-color: #c6d0dc; + width: calc(50% - 10px); + text-align: left; } -.cptm-listing-card-preview-footer-left-placeholder:hover, .cptm-listing-card-preview-footer-left-placeholder.drag-enter { - border-color: #1e1e1e; +.cptm-listing-card-preview-footer-left-placeholder:hover, +.cptm-listing-card-preview-footer-left-placeholder.drag-enter { + border-color: #1e1e1e; } .cptm-listing-card-preview-footer-right-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - border-color: #c6d0dc; - width: calc(50% - 10px); - text-align: right; + flex-grow: 1; + border-color: #c6d0dc; + width: calc(50% - 10px); + text-align: right; } -.cptm-listing-card-preview-footer-right-placeholder:hover, .cptm-listing-card-preview-footer-right-placeholder.drag-enter { - border-color: #1e1e1e; +.cptm-listing-card-preview-footer-right-placeholder:hover, +.cptm-listing-card-preview-footer-right-placeholder.drag-enter { + border-color: #1e1e1e; } .cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + justify-content: flex-end; + align-items: center; } .cptm-card-light.cptm-placeholder-blcok { - border-color: #c6d0dc; + border-color: #c6d0dc; } -.cptm-card-light.cptm-placeholder-blcok:hover, .cptm-card-light.cptm-placeholder-blcok.drag-enter { - border-color: #1e1e1e; +.cptm-card-light.cptm-placeholder-blcok:hover, +.cptm-card-light.cptm-placeholder-blcok.drag-enter { + border-color: #1e1e1e; } .cptm-card-light .cptm-placeholder-label { - color: #23282d; + color: #23282d; } .cptm-card-light .cptm-widget-badge { - color: #969db8; - background-color: #eff0f3; + color: #969db8; + background-color: #eff0f3; } .cptm-card-dark-light .cptm-placeholder-label { - padding: 5px 12px; - color: #888; - border-radius: 30px; - background-color: #fff; + padding: 5px 12px; + color: #888; + border-radius: 30px; + background-color: #fff; } .cptm-card-dark-light .cptm-widget-badge { - background-color: rgba(0, 0, 0, 0.8); + background-color: rgba(0, 0, 0, 0.8); } .cptm-widgets-container { - overflow: hidden; - border: 1px solid rgba(0, 0, 0, 0.1); - background-color: #fff; + overflow: hidden; + border: 1px solid rgba(0, 0, 0, 0.1); + background-color: #fff; } .cptm-widgets-header { - display: block; + display: block; } .cptm-widget-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0; + display: flex; + flex-wrap: wrap; + margin: 0; } .cptm-widget-nav-item { - display: inline-block; - margin: 0; - padding: 12px 10px; - cursor: pointer; - -webkit-flex-basis: 33.3333333333%; - -ms-flex-preferred-size: 33.3333333333%; - flex-basis: 33.3333333333%; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; - color: #8a8a8a; - border-right: 1px solid #e3e1e1; - background-color: #f2f2f2; + display: inline-block; + margin: 0; + padding: 12px 10px; + cursor: pointer; + flex-basis: 33.3333333333%; + flex-grow: 1; + text-align: center; + box-sizing: border-box; + cursor: pointer; + color: #8a8a8a; + border-right: 1px solid #e3e1e1; + background-color: #f2f2f2; } .cptm-widget-nav-item:last-child { - border-right: none; + border-right: none; } .cptm-widget-nav-item:hover { - color: #2b2b2b; + color: #2b2b2b; } .cptm-widget-nav-item.active { - font-weight: bold; - color: #2b2b2b; - background-color: #fff; + font-weight: bold; + color: #2b2b2b; + background-color: #fff; } .cptm-widgets-body { - padding: 10px; - max-height: 450px; - overflow: hidden; - overflow-y: auto; + padding: 10px; + max-height: 450px; + overflow: hidden; + overflow-y: auto; } .cptm-widgets-list { - display: block; - margin: 0; + display: block; + margin: 0; } .cptm-widgets-list-item { - display: block; + display: block; } .widget-group-title { - margin: 0 0 5px; - font-size: 16px; - color: #bbb; + margin: 0 0 5px; + font-size: 16px; + color: #bbb; } .cptm-widgets-sub-list { - display: block; - margin: 0; + display: block; + margin: 0; } .cptm-widgets-sub-list-item { - display: block; - padding: 10px 15px; - background-color: #eee; - border-radius: 5px; - margin-bottom: 10px; - cursor: move; + display: block; + padding: 10px 15px; + background-color: #eee; + border-radius: 5px; + margin-bottom: 10px; + cursor: move; } .widget-icon { - display: inline-block; - margin-right: 5px; + display: inline-block; + margin-right: 5px; } .widget-label { - display: inline-block; + display: inline-block; } .cptm-form-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-form-group label { - display: block; - font-size: 14px; - font-weight: 500; - color: #2c3239; - margin-bottom: 9px; + display: block; + font-size: 14px; + font-weight: 500; + color: #2c3239; + margin-bottom: 9px; } .cptm-form-group label .cptm-sub-label { - font-weight: 400; - color: #747c89; - margin: 0; + font-weight: 400; + color: #747c89; + margin: 0; } .cptm-form-group .cptm-form-control { - max-width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; + max-width: 100%; + box-sizing: border-box; } .cptm-form-group.cptm-form-content { - text-align: center; - margin-bottom: 0; + text-align: center; + margin-bottom: 0; } .cptm-form-group.cptm-form-content .cptm-form-content-select { - text-align: left; + text-align: left; } .cptm-form-group.cptm-form-content .cptm-form-content-title { - font-size: 16px; - line-height: 22px; - font-weight: 600; - color: #191b23; - margin: 0 0 8px; + font-size: 16px; + line-height: 22px; + font-weight: 600; + color: #191b23; + margin: 0 0 8px; } .cptm-form-group.cptm-form-content .cptm-form-content-desc { - font-size: 12px; - line-height: 18px; - font-weight: 400; - color: #747c89; - margin: 0; + font-size: 12px; + line-height: 18px; + font-weight: 400; + color: #747c89; + margin: 0; } .cptm-form-group.cptm-form-content .cptm-form-content-icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 40px; - margin: 0 0 12px; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 40px; + margin: 0 0 12px; } .cptm-form-group.cptm-form-content .cptm-form-content-btn { - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 30px; - font-size: 12px; - line-height: 14px; - font-weight: 500; - margin: 8px auto 0; - color: #3e62f5; - background: transparent; - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - cursor: pointer; + position: relative; + display: inline-flex; + gap: 6px; + align-items: center; + justify-content: center; + height: 30px; + font-size: 12px; + line-height: 14px; + font-weight: 500; + margin: 8px auto 0; + color: #3e62f5; + background: transparent; + border: none; + outline: none; + box-shadow: none; + cursor: pointer; } .cptm-form-group.cptm-form-content .cptm-form-content-btn:before { - content: ""; - position: absolute; - width: 0; - height: 1px; - left: 0; - bottom: 8px; - background-color: #3e62f5; - -webkit-transition: width ease-in-out 300ms; - transition: width ease-in-out 300ms; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, .cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before { - width: 100%; + content: ""; + position: absolute; + width: 0; + height: 1px; + left: 0; + bottom: 8px; + background-color: #3e62f5; + transition: width ease-in-out 300ms; +} +.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, +.cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before { + width: 100%; } .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled { - pointer-events: none; + pointer-events: none; } -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled:before { - display: none; +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-btn-disabled:before { + display: none; } .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - color: #747c89; - height: auto; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:before { - display: none; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:hover, .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:focus { - color: #3e62f5; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-icon { - font-size: 14px; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-loader { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-loader i { - font-size: 15px; + display: flex; + color: #747c89; + height: auto; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:before { + display: none; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:hover, +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:focus { + color: #3e62f5; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-icon { + font-size: 14px; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-loader { + display: inline-flex; + gap: 6px; + align-items: center; + justify-content: center; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-loader + i { + font-size: 15px; } .cptm-form-group.tab-field .cptm-preview-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 0; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + gap: 0; + flex-direction: column; } .cptm-form-group.cpt-has-error .cptm-form-control { - border: 1px solid rgb(192, 51, 51); + border: 1px solid rgb(192, 51, 51); } .cptm-preview-image-upload { - width: 350px; - max-width: 100%; - height: 224px; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - border-radius: 10px; - position: relative; - overflow: hidden; + width: 350px; + max-width: 100%; + height: 224px; + flex-shrink: 0; + border-radius: 10px; + position: relative; + overflow: hidden; } .cptm-preview-image-upload:not(.cptm-preview-image-upload--show) { - border: 2px dashed #d2d6db; - background: #f9fafb; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail { - max-width: 100%; - width: 100%; - height: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-action { - display: none; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-img-wrap img { - width: 40px; - height: 40px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 4px; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - background: #141921; - color: #fff; - text-align: center; - font-size: 13px; - font-weight: 500; - line-height: 14px; - margin-top: 20px; - margin-bottom: 12px; - cursor: pointer; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn input { - background-color: transparent; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - color: white; - padding: 0; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn i { - font-size: 14px; - color: inherit; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .directorist-row-tooltip[data-tooltip]:before, .cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .directorist-row-tooltip[data-tooltip]:after { - opacity: 0; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-drag-text { - color: #747c89; - font-size: 14px; - font-weight: 400; - line-height: 16px; - text-transform: capitalize; + border: 2px dashed #d2d6db; + background: #f9fafb; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail { + max-width: 100%; + width: 100%; + height: 100%; + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-action { + display: none; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-img-wrap + img { + width: 40px; + height: 40px; + object-fit: cover; + border-radius: 4px; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn { + display: inline-flex; + padding: 8px 12px; + justify-content: center; + align-items: center; + gap: 6px; + border-radius: 8px; + background: #141921; + color: #fff; + text-align: center; + font-size: 13px; + font-weight: 500; + line-height: 14px; + margin-top: 20px; + margin-bottom: 12px; + cursor: pointer; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn + input { + background-color: transparent; + border: none; + box-shadow: none; + color: white; + padding: 0; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn + i { + font-size: 14px; + color: inherit; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .directorist-row-tooltip[data-tooltip]:before, +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .directorist-row-tooltip[data-tooltip]:after { + opacity: 0; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-drag-text { + color: #747c89; + font-size: 14px; + font-weight: 400; + line-height: 16px; + text-transform: capitalize; } .cptm-preview-image-upload.cptm-preview-image-upload--show { - margin-bottom: 0; - height: 100%; + margin-bottom: 0; + height: 100%; } .cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail { - margin: 0; - position: relative; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail:after { - content: ""; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), color-stop(35.42%, rgba(0, 0, 0, 0))); - background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 35.42%); - z-index: 1; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail .action-trash ~ .cptm-upload-btn { - right: 52px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-action { - margin: 0; - background-color: white; - width: 32px; - height: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0; - top: 12px; - right: 12px; - border-radius: 8px; - font-size: 16px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-drag-text { - display: none; + margin: 0; + position: relative; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: linear-gradient( + 180deg, + rgba(0, 0, 0, 0.6) 0%, + rgba(0, 0, 0, 0) 35.42% + ); + z-index: 1; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail + .action-trash + ~ .cptm-upload-btn { + right: 52px; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-action { + margin: 0; + background-color: white; + width: 32px; + height: 32px; + display: flex; + align-items: center; + justify-content: center; + padding: 0; + top: 12px; + right: 12px; + border-radius: 8px; + font-size: 16px; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-drag-text { + display: none; } .cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn { - position: absolute; - top: 12px; - right: 12px; - max-width: 32px !important; - width: 32px; - max-height: 32px; - height: 32px; - background-color: white; - padding: 0; - border-radius: 8px; - margin: 10px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - z-index: 2; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn input { - display: none; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn i::before { - content: "\ea57"; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .directorist-row-tooltip[data-tooltip]:after { - background-color: white; - color: #141921; - opacity: 1; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .directorist-row-tooltip[data-tooltip][data-flow=bottom]::before { - border-bottom-color: white; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-action { - z-index: 2; + position: absolute; + top: 12px; + right: 12px; + max-width: 32px !important; + width: 32px; + max-height: 32px; + height: 32px; + background-color: white; + padding: 0; + border-radius: 8px; + margin: 10px; + cursor: pointer; + transition: all ease-in-out 300ms; + margin: 0; + display: flex; + align-items: center; + justify-content: center; + z-index: 2; + box-sizing: border-box; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-upload-btn + input { + display: none; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-upload-btn + i::before { + content: "\ea57"; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .directorist-row-tooltip[data-tooltip]:after { + background-color: white; + color: #141921; + opacity: 1; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .directorist-row-tooltip[data-tooltip][data-flow="bottom"]::before { + border-bottom-color: white; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-action { + z-index: 2; } .cptm-form-group-feedback { - display: block; + display: block; } .cptm-form-alert { - padding: 0 0 10px; - color: #06d6a0; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + padding: 0 0 10px; + color: #06d6a0; + transition: all ease-in-out 300ms; } .cptm-form-alert.cptm-error { - color: #c82424; + color: #c82424; } .cptm-input-toggle-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + align-items: center; } .cptm-input-toggle-wrap label { - padding-right: 10px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-bottom: 0; + padding-right: 10px; + flex-grow: 1; + margin-bottom: 0; } .cptm-input-toggle { - display: inline-block; - position: relative; - width: 36px; - height: 20px; - background-color: #d9d9d9; - border-radius: 30px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - cursor: pointer; + display: inline-block; + position: relative; + width: 36px; + height: 20px; + background-color: #d9d9d9; + border-radius: 30px; + transition: all ease-in-out 300ms; + cursor: pointer; } .cptm-input-toggle::after { - content: ""; - display: inline-block; - width: 30%; - height: calc(100% - 10px); - background-color: #fff; - border-radius: 50%; - position: absolute; - top: 0; - left: 0; - margin: 5px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + content: ""; + display: inline-block; + width: 30%; + height: calc(100% - 10px); + background-color: #fff; + border-radius: 50%; + position: absolute; + top: 0; + left: 0; + margin: 5px; + transition: all ease-in-out 300ms; } .cptm-input-toggle.active { - background-color: #3e62f5; + background-color: #3e62f5; } .cptm-input-toggle.active::after { - left: 100%; - -webkit-transform: translateX(calc(-100% - 10px)); - transform: translateX(calc(-100% - 10px)); + left: 100%; + transform: translateX(calc(-100% - 10px)); } .cptm-multi-option-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-multi-option-group .cptm-btn { - margin: 0; + margin: 0; } .cptm-multi-option-label { - display: block; + display: block; } .cptm-multi-option-group-section-draft { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -8px; + display: flex; + flex-wrap: wrap; + margin: -8px; } .cptm-multi-option-group-section-draft .cptm-form-group { - margin: 0 8px 20px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + margin: 0 8px 20px; + flex: 1; } .cptm-multi-option-group-section-draft .cptm-form-group .cptm-form-control { - width: 100%; + width: 100%; } .cptm-multi-option-group-section-draft .cptm-form-group.cpt-has-error { - position: relative; + position: relative; } .cptm-multi-option-group-section-draft p { - margin: 28px 8px 20px; + margin: 28px 8px 20px; } .cptm-label { - display: block; - margin-bottom: 10px; - font-weight: 500; + display: block; + margin-bottom: 10px; + font-weight: 500; } .form-repeater__container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 8px; + display: flex; + flex-direction: column; + gap: 8px; } .form-repeater__group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 16px; - position: relative; + display: flex; + align-items: center; + gap: 16px; + position: relative; } .form-repeater__group.sortable-chosen .form-repeater__input { - background: #e1e4e8 !important; - border: 1px solid #d1d5db !important; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; -} -.form-repeater__remove-btn, .form-repeater__drag-btn { - color: #4d5761; - background: transparent; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - outline: none; - padding: 0; - margin: 0; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; -} -.form-repeater__remove-btn:disabled, .form-repeater__drag-btn:disabled { - cursor: not-allowed; - opacity: 0.6; -} -.form-repeater__remove-btn svg, .form-repeater__drag-btn svg { - width: 12px; - height: 12px; -} -.form-repeater__remove-btn i, .form-repeater__drag-btn i { - font-size: 16px; - margin: 0; - padding: 0; + background: #e1e4e8 !important; + border: 1px solid #d1d5db !important; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; +} +.form-repeater__remove-btn, +.form-repeater__drag-btn { + color: #4d5761; + background: transparent; + border: none; + box-shadow: none; + outline: none; + padding: 0; + margin: 0; + transition: all 0.3s ease; +} +.form-repeater__remove-btn:disabled, +.form-repeater__drag-btn:disabled { + cursor: not-allowed; + opacity: 0.6; +} +.form-repeater__remove-btn svg, +.form-repeater__drag-btn svg { + width: 12px; + height: 12px; +} +.form-repeater__remove-btn i, +.form-repeater__drag-btn i { + font-size: 16px; + margin: 0; + padding: 0; } .form-repeater__drag-btn { - cursor: move; - position: absolute; - left: 0; + cursor: move; + position: absolute; + left: 0; } .form-repeater__remove-btn { - cursor: pointer; - position: absolute; - right: 0; + cursor: pointer; + position: absolute; + right: 0; } .form-repeater__remove-btn:hover { - color: #c83a3a; + color: #c83a3a; } .form-repeater__input { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - height: 40px; - padding: 5px 16px; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - border-radius: 8px; - border: 1px solid var(--Gray-200, #e5e7eb); - background: white; - -webkit-box-shadow: 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); - box-shadow: 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); - color: #2c3239; - outline: none; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - margin: 0 32px; - overflow: hidden; - -ms-text-overflow: ellipsis; - text-overflow: ellipsis; + flex: 1; + height: 40px; + padding: 5px 16px; + flex-shrink: 0; + border-radius: 8px; + border: 1px solid var(--Gray-200, #e5e7eb); + background: white; + box-shadow: 0px 1px 2px 0px + var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); + color: #2c3239; + outline: none; + transition: all 0.3s ease; + margin: 0 32px; + overflow: hidden; + -o-text-overflow: ellipsis; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; } .form-repeater__input-value-added { - background: var(--Gray-50, #f9fafb); - border-color: #e5e7eb; + background: var(--Gray-50, #f9fafb); + border-color: #e5e7eb; } .form-repeater__input:focus { - background: var(--Gray-50, #f9fafb); - border-color: #3e62f5; -} -.form-repeater__input::-webkit-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; -} -.form-repeater__input::-moz-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; -} -.form-repeater__input:-ms-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; -} -.form-repeater__input::-ms-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + background: var(--Gray-50, #f9fafb); + border-color: #3e62f5; } .form-repeater__input::placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; } .form-repeater__add-group-btn { - font-size: 12px; - font-weight: 600; - color: #2e94fa; - background: transparent; - border: none; - padding: 0; - text-decoration: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - cursor: pointer; - letter-spacing: 0.12px; - margin: 17px 32px 0; - padding: 0; + font-size: 12px; + font-weight: 600; + color: #2e94fa; + background: transparent; + border: none; + padding: 0; + text-decoration: none; + display: flex; + align-items: center; + gap: 6px; + cursor: pointer; + letter-spacing: 0.12px; + margin: 17px 32px 0; + padding: 0; } .form-repeater__add-group-btn:disabled { - cursor: not-allowed; - opacity: 0.6; + cursor: not-allowed; + opacity: 0.6; } .form-repeater__add-group-btn svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .form-repeater__add-group-btn i { - font-size: 16px; + font-size: 16px; } /* Style the video popup */ .video-popup-overlay { - position: fixed; - top: 0; - right: 0; - width: calc(100% - 160px); - height: 100%; - background: rgba(0, 0, 0, 0.8); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 9999; + position: fixed; + top: 0; + right: 0; + width: calc(100% - 160px); + height: 100%; + background: rgba(0, 0, 0, 0.8); + display: flex; + justify-content: center; + align-items: center; + z-index: 9999; } .video-popup-content { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + position: relative; + display: flex; + justify-content: center; + align-items: center; } .video-popup-content video { - width: 100%; - max-width: 500px; + width: 100%; + max-width: 500px; } .close-btn { - position: absolute; - top: 40px; - right: 40px; - background: transparent; - border: none; - font-size: 18px; - cursor: pointer; - color: #ffffff; + position: absolute; + top: 40px; + right: 40px; + background: transparent; + border: none; + font-size: 18px; + cursor: pointer; + color: #ffffff; } .cptm-form-control, select.cptm-form-control, -input[type=date].cptm-form-control, -input[type=datetime-local].cptm-form-control, -input[type=datetime].cptm-form-control, -input[type=email].cptm-form-control, -input[type=month].cptm-form-control, -input[type=number].cptm-form-control, -input[type=password].cptm-form-control, -input[type=search].cptm-form-control, -input[type=tel].cptm-form-control, -input[type=text].cptm-form-control, -input[type=time].cptm-form-control, -input[type=url].cptm-form-control, -input[type=week].cptm-form-control input[type=text].cptm-form-control { - display: block; - width: 100%; - max-width: 100%; - padding: 10px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: left; - border-radius: 4px; - -webkit-box-shadow: none; - box-shadow: none; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background-color: #f4f5f7; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-control:hover, .cptm-form-control:focus, +input[type="date"].cptm-form-control, +input[type="datetime-local"].cptm-form-control, +input[type="datetime"].cptm-form-control, +input[type="email"].cptm-form-control, +input[type="month"].cptm-form-control, +input[type="number"].cptm-form-control, +input[type="password"].cptm-form-control, +input[type="search"].cptm-form-control, +input[type="tel"].cptm-form-control, +input[type="text"].cptm-form-control, +input[type="time"].cptm-form-control, +input[type="url"].cptm-form-control, +input[type="week"].cptm-form-control input[type="text"].cptm-form-control { + display: block; + width: 100%; + max-width: 100%; + padding: 10px 20px; + font-size: 14px; + color: #5a5f7d; + text-align: left; + border-radius: 4px; + box-shadow: none; + font-weight: 400; + margin: 0; + line-height: 18px; + height: auto; + min-height: 30px; + background-color: #f4f5f7; + transition: all ease 0.3s; +} +.cptm-form-control:hover, +.cptm-form-control:focus, select.cptm-form-control:hover, select.cptm-form-control:focus, -input[type=date].cptm-form-control:hover, -input[type=date].cptm-form-control:focus, -input[type=datetime-local].cptm-form-control:hover, -input[type=datetime-local].cptm-form-control:focus, -input[type=datetime].cptm-form-control:hover, -input[type=datetime].cptm-form-control:focus, -input[type=email].cptm-form-control:hover, -input[type=email].cptm-form-control:focus, -input[type=month].cptm-form-control:hover, -input[type=month].cptm-form-control:focus, -input[type=number].cptm-form-control:hover, -input[type=number].cptm-form-control:focus, -input[type=password].cptm-form-control:hover, -input[type=password].cptm-form-control:focus, -input[type=search].cptm-form-control:hover, -input[type=search].cptm-form-control:focus, -input[type=tel].cptm-form-control:hover, -input[type=tel].cptm-form-control:focus, -input[type=text].cptm-form-control:hover, -input[type=text].cptm-form-control:focus, -input[type=time].cptm-form-control:hover, -input[type=time].cptm-form-control:focus, -input[type=url].cptm-form-control:hover, -input[type=url].cptm-form-control:focus, -input[type=week].cptm-form-control input[type=text].cptm-form-control:hover, -input[type=week].cptm-form-control input[type=text].cptm-form-control:focus { - color: #23282d; - border-color: #3e62f5; +input[type="date"].cptm-form-control:hover, +input[type="date"].cptm-form-control:focus, +input[type="datetime-local"].cptm-form-control:hover, +input[type="datetime-local"].cptm-form-control:focus, +input[type="datetime"].cptm-form-control:hover, +input[type="datetime"].cptm-form-control:focus, +input[type="email"].cptm-form-control:hover, +input[type="email"].cptm-form-control:focus, +input[type="month"].cptm-form-control:hover, +input[type="month"].cptm-form-control:focus, +input[type="number"].cptm-form-control:hover, +input[type="number"].cptm-form-control:focus, +input[type="password"].cptm-form-control:hover, +input[type="password"].cptm-form-control:focus, +input[type="search"].cptm-form-control:hover, +input[type="search"].cptm-form-control:focus, +input[type="tel"].cptm-form-control:hover, +input[type="tel"].cptm-form-control:focus, +input[type="text"].cptm-form-control:hover, +input[type="text"].cptm-form-control:focus, +input[type="time"].cptm-form-control:hover, +input[type="time"].cptm-form-control:focus, +input[type="url"].cptm-form-control:hover, +input[type="url"].cptm-form-control:focus, +input[type="week"].cptm-form-control input[type="text"].cptm-form-control:hover, +input[type="week"].cptm-form-control + input[type="text"].cptm-form-control:focus { + color: #23282d; + border-color: #3e62f5; } select.cptm-form-control, -input[type=date].cptm-form-control, -input[type=datetime-local].cptm-form-control, -input[type=datetime].cptm-form-control, -input[type=email].cptm-form-control, -input[type=month].cptm-form-control, -input[type=number].cptm-form-control, -input[type=password].cptm-form-control, -input[type=search].cptm-form-control, -input[type=tel].cptm-form-control, -input[type=text].cptm-form-control, -input[type=time].cptm-form-control, -input[type=url].cptm-form-control, -input[type=week].cptm-form-control, -input[type=text].cptm-form-control { - padding: 10px 20px; - font-size: 14px; - color: #4d5761; - background: #ffffff; - text-align: left; - border: 0 none; - border-radius: 8px; - border: 1px solid #d2d6db; - -webkit-box-shadow: none; - box-shadow: none; - width: 100%; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; +input[type="date"].cptm-form-control, +input[type="datetime-local"].cptm-form-control, +input[type="datetime"].cptm-form-control, +input[type="email"].cptm-form-control, +input[type="month"].cptm-form-control, +input[type="number"].cptm-form-control, +input[type="password"].cptm-form-control, +input[type="search"].cptm-form-control, +input[type="tel"].cptm-form-control, +input[type="text"].cptm-form-control, +input[type="time"].cptm-form-control, +input[type="url"].cptm-form-control, +input[type="week"].cptm-form-control, +input[type="text"].cptm-form-control { + padding: 10px 20px; + font-size: 14px; + color: #4d5761; + background: #ffffff; + text-align: left; + border: 0 none; + border-radius: 8px; + border: 1px solid #d2d6db; + box-shadow: none; + width: 100%; + font-weight: 400; + margin: 0; + line-height: 18px; + height: auto; + min-height: 30px; } select.cptm-form-control:hover, -input[type=date].cptm-form-control:hover, -input[type=datetime-local].cptm-form-control:hover, -input[type=datetime].cptm-form-control:hover, -input[type=email].cptm-form-control:hover, -input[type=month].cptm-form-control:hover, -input[type=number].cptm-form-control:hover, -input[type=password].cptm-form-control:hover, -input[type=search].cptm-form-control:hover, -input[type=tel].cptm-form-control:hover, -input[type=text].cptm-form-control:hover, -input[type=time].cptm-form-control:hover, -input[type=url].cptm-form-control:hover, -input[type=week].cptm-form-control:hover, -input[type=text].cptm-form-control:hover { - color: #23282d; +input[type="date"].cptm-form-control:hover, +input[type="datetime-local"].cptm-form-control:hover, +input[type="datetime"].cptm-form-control:hover, +input[type="email"].cptm-form-control:hover, +input[type="month"].cptm-form-control:hover, +input[type="number"].cptm-form-control:hover, +input[type="password"].cptm-form-control:hover, +input[type="search"].cptm-form-control:hover, +input[type="tel"].cptm-form-control:hover, +input[type="text"].cptm-form-control:hover, +input[type="time"].cptm-form-control:hover, +input[type="url"].cptm-form-control:hover, +input[type="week"].cptm-form-control:hover, +input[type="text"].cptm-form-control:hover { + color: #23282d; } select.cptm-form-control.cptm-form-control-light, -input[type=date].cptm-form-control.cptm-form-control-light, -input[type=datetime-local].cptm-form-control.cptm-form-control-light, -input[type=datetime].cptm-form-control.cptm-form-control-light, -input[type=email].cptm-form-control.cptm-form-control-light, -input[type=month].cptm-form-control.cptm-form-control-light, -input[type=number].cptm-form-control.cptm-form-control-light, -input[type=password].cptm-form-control.cptm-form-control-light, -input[type=search].cptm-form-control.cptm-form-control-light, -input[type=tel].cptm-form-control.cptm-form-control-light, -input[type=text].cptm-form-control.cptm-form-control-light, -input[type=time].cptm-form-control.cptm-form-control-light, -input[type=url].cptm-form-control.cptm-form-control-light, -input[type=week].cptm-form-control.cptm-form-control-light, -input[type=text].cptm-form-control.cptm-form-control-light { - border: 1px solid #ccc; - background-color: #fff; +input[type="date"].cptm-form-control.cptm-form-control-light, +input[type="datetime-local"].cptm-form-control.cptm-form-control-light, +input[type="datetime"].cptm-form-control.cptm-form-control-light, +input[type="email"].cptm-form-control.cptm-form-control-light, +input[type="month"].cptm-form-control.cptm-form-control-light, +input[type="number"].cptm-form-control.cptm-form-control-light, +input[type="password"].cptm-form-control.cptm-form-control-light, +input[type="search"].cptm-form-control.cptm-form-control-light, +input[type="tel"].cptm-form-control.cptm-form-control-light, +input[type="text"].cptm-form-control.cptm-form-control-light, +input[type="time"].cptm-form-control.cptm-form-control-light, +input[type="url"].cptm-form-control.cptm-form-control-light, +input[type="week"].cptm-form-control.cptm-form-control-light, +input[type="text"].cptm-form-control.cptm-form-control-light { + border: 1px solid #ccc; + background-color: #fff; } .tab-general .cptm-title-area, .tab-other .cptm-title-area { - margin-left: 0; + margin-left: 0; } .tab-general .cptm-form-group .cptm-form-control, .tab-other .cptm-form-group .cptm-form-control { - background-color: #fff; - border: 1px solid #e3e6ef; + background-color: #fff; + border: 1px solid #e3e6ef; } .tab-preview_image .cptm-title-area, .tab-packages .cptm-title-area, .tab-other .cptm-title-area { - margin-left: 0; + margin-left: 0; } .tab-preview_image .cptm-title-area p, .tab-packages .cptm-title-area p, .tab-other .cptm-title-area p { - font-size: 15px; - color: #5a5f7d; + font-size: 15px; + color: #5a5f7d; } .cptm-modal-container { - display: none; - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - overflow: auto; - z-index: 99999; - height: 100vh; + display: none; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: auto; + z-index: 99999; + height: 100vh; } .cptm-modal-container.active { - display: block; + display: block; } .cptm-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 20px; - height: 100%; - min-height: calc(100% - 40px); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: rgba(0, 0, 0, 0.5); + display: flex; + padding: 20px; + height: 100%; + min-height: calc(100% - 40px); + justify-content: center; + align-items: center; + transition: all ease-in-out 300ms; + background-color: rgba(0, 0, 0, 0.5); } .cptm-modal { - display: block; - margin: 0 auto; - padding: 10px; - width: 100%; - max-width: 300px; - border-radius: 5px; - background-color: #fff; + display: block; + margin: 0 auto; + padding: 10px; + width: 100%; + max-width: 300px; + border-radius: 5px; + background-color: #fff; } .cptm-modal-header { - position: relative; - padding: 15px 30px 15px 15px; - margin: -10px; - margin-bottom: 10px; - border-bottom: 1px solid #e3e3e3; + position: relative; + padding: 15px 30px 15px 15px; + margin: -10px; + margin-bottom: 10px; + border-bottom: 1px solid #e3e3e3; } .cptm-modal-header-title { - text-align: left; - margin: 0; + text-align: left; + margin: 0; } .cptm-modal-actions { - display: block; - margin: 0 -5px; - position: absolute; - right: 10px; - top: 10px; - text-align: right; + display: block; + margin: 0 -5px; + position: absolute; + right: 10px; + top: 10px; + text-align: right; } .cptm-modal-action-link { - margin: 0 5px; - text-decoration: none; - height: 25px; - display: inline-block; - width: 25px; - text-align: center; - line-height: 25px; - border-radius: 50%; - color: #2b2b2b; - font-size: 18px; + margin: 0 5px; + text-decoration: none; + height: 25px; + display: inline-block; + width: 25px; + text-align: center; + line-height: 25px; + border-radius: 50%; + color: #2b2b2b; + font-size: 18px; } .cptm-modal-confirmation-title { - margin: 30px auto; - font-size: 20px; - text-align: center; + margin: 30px auto; + font-size: 20px; + text-align: center; } .cptm-section-alert-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-height: 200px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + min-height: 200px; } .cptm-section-alert-content { - text-align: center; - padding: 10px; + text-align: center; + padding: 10px; } .cptm-section-alert-icon { - margin-bottom: 20px; - width: 100px; - height: 100px; - font-size: 45px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - border-radius: 50%; - color: darkgray; - background-color: #f2f2f2; + margin-bottom: 20px; + width: 100px; + height: 100px; + font-size: 45px; + display: inline-flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + border-radius: 50%; + color: darkgray; + background-color: #f2f2f2; } .cptm-section-alert-icon.cptm-alert-success { - color: #fff; - background-color: #14cc60; + color: #fff; + background-color: #14cc60; } .cptm-section-alert-icon.cptm-alert-error { - color: #fff; - background-color: #cc1433; + color: #fff; + background-color: #cc1433; } .cptm-color-picker-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: inline-flex; } .cptm-color-picker-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-left: 10px; + display: flex; + align-items: center; + margin-left: 10px; } .cptm-wdget-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex; + justify-content: space-between; } .atbdp-flex-align-center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } .cptm-px-5 { - padding: 0 5px; + padding: 0 5px; } .cptm-text-gray { - color: #c1c1c1; + color: #c1c1c1; } .cptm-text-right { - text-align: right !important; + text-align: right !important; } .cptm-text-center { - text-align: center !important; + text-align: center !important; } .cptm-text-left { - text-align: left !important; + text-align: left !important; } .cptm-d-block { - display: block !important; + display: block !important; } .cptm-d-inline { - display: inline-block !important; + display: inline-block !important; } .cptm-d-inline-flex { - display: -webkit-inline-box !important; - display: -webkit-inline-flex !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: inline-flex !important; + flex-wrap: wrap; } .cptm-d-none { - display: none !important; + display: none !important; } .cptm-p-20 { - padding: 20px; + padding: 20px; } .cptm-color-picker { - display: inline-block; - padding: 5px 5px 2px 5px; - border-radius: 30px; - border: 1px solid #d4d4d4; + display: inline-block; + padding: 5px 5px 2px 5px; + border-radius: 30px; + border: 1px solid #d4d4d4; } -input[type=radio]:checked::before { - background-color: #3e62f5; +input[type="radio"]:checked::before { + background-color: #3e62f5; } @media (max-width: 767px) { - input[type=checkbox], - input[type=radio] { - width: 15px; - height: 15px; - } + input[type="checkbox"], + input[type="radio"] { + width: 15px; + height: 15px; + } } .cptm-preview-placeholder { - width: 700px; - max-width: 100%; - margin: 0 auto; + width: 700px; + max-width: 100%; + margin: 0 auto; } .cptm-preview-placeholder__card { - padding: 30px; - border-radius: 6px; - -webkit-box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); - box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); + padding: 30px; + border-radius: 6px; + box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); } .cptm-preview-placeholder__card .cptm-widget-insert-link { - background-color: #272b41; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 12px; - color: #fff; + background-color: #272b41; + box-shadow: none; + font-size: 12px; + color: #fff; } .cptm-preview-placeholder__card__item { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + flex: 1; } .cptm-preview-placeholder__card__item--top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box:first-child { - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; -} -.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box:not(:first-child) { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; + display: flex; + gap: 30px; + justify-content: space-between; +} +.cptm-preview-placeholder__card__item--top + .cptm-preview-placeholder__card__box:first-child { + flex: unset; +} +.cptm-preview-placeholder__card__item--top + .cptm-preview-placeholder__card__box:not(:first-child) { + flex: 0 0 50%; } .cptm-preview-placeholder__card__box { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 10px 10px 19px; - border-radius: 8px; - min-height: 66px; - min-width: 150px; - z-index: unset; + flex: 1; + padding: 10px 10px 19px; + border-radius: 8px; + min-height: 66px; + min-width: 150px; + z-index: unset; } .cptm-preview-placeholder__card__box .cptm-placeholder-label { - color: #868eae; - font-size: 13px; - font-weight: 500; + color: #868eae; + font-size: 13px; + font-weight: 500; } .cptm-preview-placeholder__card__box .cptm-widget-preview-area { - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} -.cptm-preview-placeholder__card__box .cptm-widget-preview-area .cptm-widget-badge { - margin: 0; - padding: 6px 19px 7px 20px; - border-radius: 8px; - font-size: 13px; - font-weight: 500; - color: #868eae; - background-color: #e3e6ef; + gap: 8px; + flex-wrap: wrap; + display: inline-flex; +} +.cptm-preview-placeholder__card__box + .cptm-widget-preview-area + .cptm-widget-badge { + margin: 0; + padding: 6px 19px 7px 20px; + border-radius: 8px; + font-size: 13px; + font-weight: 500; + color: #868eae; + background-color: #e3e6ef; } .cptm-preview-placeholder__card__btn { - width: 100%; - height: 66px; - border: none; - border-radius: 6px; - cursor: pointer; - color: #5a5f7d; - font-size: 13px; - font-weight: 500; - margin-top: 20px; + width: 100%; + height: 66px; + border: none; + border-radius: 6px; + cursor: pointer; + color: #5a5f7d; + font-size: 13px; + font-weight: 500; + margin-top: 20px; } .cptm-preview-placeholder__card__btn .icon { - width: 26px; - height: 26px; - line-height: 26px; - background-color: #fff; - border-radius: 100%; - -webkit-margin-end: 7px; - margin-inline-end: 7px; + width: 26px; + height: 26px; + line-height: 26px; + background-color: #fff; + border-radius: 100%; + margin-inline-end: 7px; } .cptm-preview-placeholder__card .slider-placeholder { - padding: 50px; - text-align: center; + padding: 50px; + text-align: center; } -.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-label { - margin-top: 5px; +.cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area + .cptm-widget-label { + margin-top: 5px; } .cptm-preview-placeholder__card .dndrop-container.vertical { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: 20px; -} -.cptm-preview-placeholder__card .dndrop-container.vertical > .dndrop-draggable-wrapper { - overflow: visible; + display: flex; + gap: 20px; + flex-direction: column; + margin-bottom: 20px; +} +.cptm-preview-placeholder__card + .dndrop-container.vertical + > .dndrop-draggable-wrapper { + overflow: visible; } .cptm-preview-placeholder__card .draggable-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + display: flex; + gap: 20px; + align-items: center; + flex-direction: row; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element { - font-size: 15px; - color: #868eae; + font-size: 15px; + color: #868eae; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element:hover { - color: #1e1e1e; + color: #1e1e1e; } .atbdp-sidebar-nav-area { - display: block; + display: block; } .atbdp-sidebar-nav { - display: block; - margin: 0; - background-color: #f6f6f6; + display: block; + margin: 0; + background-color: #f6f6f6; } .atbdp-nav-link { - display: block; - padding: 15px; - text-decoration: none; - color: #2b2b2b; + display: block; + padding: 15px; + text-decoration: none; + color: #2b2b2b; } .atbdp-nav-icon { - display: inline-block; - margin-right: 10px; + display: inline-block; + margin-right: 10px; } .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-nav-item .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-sidebar-nav-item.active .atbdp-sidebar-subnav { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav { - display: block; - margin: 0; - margin-left: 28px; - display: none; + display: block; + margin: 0; + margin-left: 28px; + display: none; } .atbdp-sidebar-subnav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item .atbdp-nav-link { - color: #686d88; + color: #686d88; } .atbdp-sidebar-subnav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: flex; + flex-wrap: wrap; + margin: 0 -15px; } .atbdp-col { - padding: 0 15px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding: 0 15px; + flex-grow: 1; + box-sizing: border-box; } .atbdp-col-3 { - -webkit-flex-basis: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - width: 25%; + flex-basis: 25%; + width: 25%; } .atbdp-col-4 { - -webkit-flex-basis: 33.3333333333%; - -ms-flex-preferred-size: 33.3333333333%; - flex-basis: 33.3333333333%; - width: 33.3333333333%; + flex-basis: 33.3333333333%; + width: 33.3333333333%; } .atbdp-col-8 { - -webkit-flex-basis: 66.6666666667%; - -ms-flex-preferred-size: 66.6666666667%; - flex-basis: 66.6666666667%; - width: 66.6666666667%; + flex-basis: 66.6666666667%; + width: 66.6666666667%; } .shrink { - max-width: 300px; + max-width: 300px; } .directorist_dropdown { - position: relative; + position: relative; } .directorist_dropdown .directorist_dropdown-toggle { - position: relative; - text-decoration: none; - display: block; - width: 100%; - max-height: 38px; - font-size: 14px; - font-weight: 500; - background-color: transparent; - color: #4d5761; - padding: 12px 15px; - line-height: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + text-decoration: none; + display: block; + width: 100%; + max-height: 38px; + font-size: 14px; + font-weight: 500; + background-color: transparent; + color: #4d5761; + padding: 12px 15px; + line-height: 1; + box-sizing: border-box; } .directorist_dropdown .directorist_dropdown-toggle:focus { - outline: 0 none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + outline: 0 none; + box-shadow: 0 0; } .directorist_dropdown .directorist_dropdown-toggle:before { - font-family: unicons-line; - font-weight: 400; - font-size: 20px; - content: "\eb3a"; - color: #747c89; - position: absolute; - top: 50%; - right: 0; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - height: 20px; + font-family: unicons-line; + font-weight: 400; + font-size: 20px; + content: "\eb3a"; + color: #747c89; + position: absolute; + top: 50%; + right: 0; + transform: translate(-50%, -50%); + height: 20px; } .directorist_dropdown .directorist_dropdown-option { - display: none; - position: absolute; - width: 100%; - max-height: 350px; - left: 0; - top: 39px; - padding: 12px 8px; - background-color: #fff; - -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - border: 1px solid #e5e7eb; - border-radius: 8px; - z-index: 99999; - overflow-y: auto; + display: none; + position: absolute; + width: 100%; + max-height: 350px; + left: 0; + top: 39px; + padding: 12px 8px; + background-color: #fff; + box-shadow: + 0 12px 16px -4px rgba(16, 24, 40, 0.08), + 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + border: 1px solid #e5e7eb; + border-radius: 8px; + z-index: 99999; + overflow-y: auto; } .directorist_dropdown .directorist_dropdown-option.--show { - display: block !important; + display: block !important; } .directorist_dropdown .directorist_dropdown-option ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist_dropdown .directorist_dropdown-option ul li { - margin-bottom: 0; + margin-bottom: 0; } .directorist_dropdown .directorist_dropdown-option ul li a { - font-size: 14px; - font-weight: 500; - text-decoration: none; - display: block; - padding: 9px 15px; - border-radius: 8px; - color: #4d5761; - -webkit-transition: 0.3s; - transition: 0.3s; -} -.directorist_dropdown .directorist_dropdown-option ul li a:hover, .directorist_dropdown .directorist_dropdown-option ul li a.active:hover { - color: #fff; - background-color: #3e62f5; + font-size: 14px; + font-weight: 500; + text-decoration: none; + display: block; + padding: 9px 15px; + border-radius: 8px; + color: #4d5761; + transition: 0.3s; +} +.directorist_dropdown .directorist_dropdown-option ul li a:hover, +.directorist_dropdown .directorist_dropdown-option ul li a.active:hover { + color: #fff; + background-color: #3e62f5; } .directorist_dropdown .directorist_dropdown-option ul li a.active { - color: #3e62f5; - background-color: #f0f3ff; + color: #3e62f5; + background-color: #f0f3ff; } .cptm-form-group .directorist_dropdown-option { - max-height: 240px; + max-height: 240px; } .cptm-import-directory-modal .cptm-file-input-wrap { - margin: 16px -5px 0 -5px; + margin: 16px -5px 0 -5px; } /* Sticky fields */ .cptm-col-sticky { - position: -webkit-sticky; - position: sticky; - top: 60px; - height: 100%; - max-height: calc(100vh - 100px); - overflow: auto; - scrollbar-width: 6px; - scrollbar-color: #d2d6db #f3f4f6; + position: sticky; + top: 60px; + height: 100%; + max-height: calc(100vh - 100px); + overflow: auto; + scrollbar-width: 6px; + scrollbar-color: #d2d6db #f3f4f6; } .cptm-widget-trash-confirmation-modal-overlay { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 10; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal { - background: #fff; - padding: 30px 25px; - border-radius: 8px; - text-align: center; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal h2 { - font-size: 16px; - font-weight: 500; - margin: 0 0 18px; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal p { - margin: 0 0 20px; - font-size: 14px; - max-width: 400px; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + display: flex; + justify-content: center; + align-items: center; + z-index: 10; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal { + background: #fff; + padding: 30px 25px; + border-radius: 8px; + text-align: center; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal + h2 { + font-size: 16px; + font-weight: 500; + margin: 0 0 18px; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal + p { + margin: 0 0 20px; + font-size: 14px; + max-width: 400px; } .cptm-widget-trash-confirmation-modal-overlay button { - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - background: rgb(197, 22, 22); - padding: 10px 15px; - border-radius: 6px; - color: #fff; - font-size: 14px; - font-weight: 500; - margin: 5px; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + border: 0 none; + box-shadow: none; + background: rgb(197, 22, 22); + padding: 10px 15px; + border-radius: 6px; + color: #fff; + font-size: 14px; + font-weight: 500; + margin: 5px; + cursor: pointer; + transition: 0.3s ease; } .cptm-widget-trash-confirmation-modal-overlay button:hover { - background: #ba1230; + background: #ba1230; } -.cptm-widget-trash-confirmation-modal-overlay button.cptm-widget-trash-confirmation-modal-action-btn__cancel { - background: #f1f2f6; - color: #7a8289; +.cptm-widget-trash-confirmation-modal-overlay + button.cptm-widget-trash-confirmation-modal-action-btn__cancel { + background: #f1f2f6; + color: #7a8289; } -.cptm-widget-trash-confirmation-modal-overlay button.cptm-widget-trash-confirmation-modal-action-btn__cancel:hover { - background: #dee0e4; +.cptm-widget-trash-confirmation-modal-overlay + button.cptm-widget-trash-confirmation-modal-action-btn__cancel:hover { + background: #dee0e4; } .cptm-field-group-container .cptm-field-group-container__label { - font-size: 15px; - font-weight: 500; - color: #272b41; - display: inline-block; + font-size: 15px; + font-weight: 500; + color: #272b41; + display: inline-block; } @media only screen and (max-width: 767px) { - .cptm-field-group-container .cptm-field-group-container__label { - margin-bottom: 15px; - } + .cptm-field-group-container .cptm-field-group-container__label { + margin-bottom: 15px; + } } .cptm-container-group-fields { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 26px; + display: flex; + align-items: center; + gap: 26px; } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .cptm-container-group-fields { + flex-wrap: wrap; + } } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields .cptm-form-group:not(:last-child) { - margin-bottom: 0; - } + .cptm-container-group-fields .cptm-form-group:not(:last-child) { + margin-bottom: 0; + } } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .cptm-form-group { - width: 100%; - } + .cptm-container-group-fields .cptm-form-group { + width: 100%; + } } .cptm-container-group-fields .highlight-field { - padding: 0; + padding: 0; } .cptm-container-group-fields .atbdp-row { - margin: 0; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + margin: 0; + flex-wrap: nowrap; + gap: 10px; + align-items: center; } .cptm-container-group-fields .atbdp-row .atbdp-col { - -webkit-box-flex: 0 !important; - -webkit-flex: none !important; - -ms-flex: none !important; - flex: none !important; - width: auto; - padding: 0; + flex: none !important; + width: auto; + padding: 0; } .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: 100px !important; - -webkit-box-sizing: border-box; - box-sizing: border-box; + max-width: 100px !important; + box-sizing: border-box; } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: none !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: none !important; + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: 150px !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: 150px !important; + } } .cptm-container-group-fields .atbdp-row .atbdp-col label { - margin: 0; - font-size: 14px !important; - font-weight: normal; + margin: 0; + font-size: 14px !important; + font-weight: normal; } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields .atbdp-row .atbdp-col label { - min-width: 50px; - } + .cptm-container-group-fields .atbdp-row .atbdp-col label { + min-width: 50px; + } } .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: 95px; + width: 95px; } -.cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown .directorist_dropdown-toggle:before { - position: relative; - top: -3px; +.cptm-container-group-fields + .atbdp-row + .atbdp-col + .directorist_dropdown + .directorist_dropdown-toggle:before { + position: relative; + top: -3px; } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: calc(100% - 2px); - } + .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: calc(100% - 2px); + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: 150px; - } + .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: 150px; + } } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-8 { - -webkit-box-flex: 1 !important; - -webkit-flex: auto !important; - -ms-flex: auto !important; - flex: auto !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-8 { + flex: auto !important; + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4 { - width: auto !important; - } -} - -.reset-pseudo-link:visited, .cptm-btn:visited, .cptm-header-nav__list-item-link:visited, .cptm-link-light:visited, .cptm-form-builder-header-action-link:visited, .cptm-sub-nav__item-link:visited, .cptm-header-action-link:visited, .cptm-modal-action-link:visited, .atbdp-nav-link:visited, .reset-pseudo-link:active, .cptm-btn:active, .cptm-header-nav__list-item-link:active, .cptm-link-light:active, .cptm-form-builder-header-action-link:active, .cptm-sub-nav__item-link:active, .cptm-header-action-link:active, .cptm-modal-action-link:active, .atbdp-nav-link:active, .reset-pseudo-link:focus, .cptm-btn:focus, .cptm-header-nav__list-item-link:focus, .cptm-link-light:focus, .cptm-form-builder-header-action-link:focus, .cptm-sub-nav__item-link:focus, .cptm-header-action-link:focus, .cptm-modal-action-link:focus, .atbdp-nav-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4 { + width: auto !important; + } +} + +.reset-pseudo-link:visited, +.cptm-btn:visited, +.cptm-header-nav__list-item-link:visited, +.cptm-link-light:visited, +.cptm-form-builder-header-action-link:visited, +.cptm-sub-nav__item-link:visited, +.cptm-header-action-link:visited, +.cptm-modal-action-link:visited, +.atbdp-nav-link:visited, +.reset-pseudo-link:active, +.cptm-btn:active, +.cptm-header-nav__list-item-link:active, +.cptm-link-light:active, +.cptm-form-builder-header-action-link:active, +.cptm-sub-nav__item-link:active, +.cptm-header-action-link:active, +.cptm-modal-action-link:active, +.atbdp-nav-link:active, +.reset-pseudo-link:focus, +.cptm-btn:focus, +.cptm-header-nav__list-item-link:focus, +.cptm-link-light:focus, +.cptm-form-builder-header-action-link:focus, +.cptm-sub-nav__item-link:focus, +.cptm-header-action-link:focus, +.cptm-modal-action-link:focus, +.atbdp-nav-link:focus { + outline: none; + box-shadow: none; } .cptm-shortcodes { - max-height: 300px; - overflow: scroll; + max-height: 300px; + overflow: scroll; } .directorist-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-center-content-inline { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: inline-flex; } .directorist-center-content, .directorist-center-content-inline { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; } .directorist-text-right { - text-align: right; + text-align: right; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-text-left { - text-align: left; + text-align: left; } .directorist-mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .directorist-mt-5 { - margin-top: 5px !important; + margin-top: 5px !important; } .directorist-mt-10 { - margin-top: 10px !important; + margin-top: 10px !important; } .directorist-mt-15 { - margin-top: 15px !important; + margin-top: 15px !important; } .directorist-mt-20 { - margin-top: 20px !important; + margin-top: 20px !important; } .directorist-mt-30 { - margin-top: 30px !important; + margin-top: 30px !important; } .directorist-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-25 { - margin-bottom: 25px !important; + margin-bottom: 25px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-n20 { - margin-bottom: -20px !important; + margin-bottom: -20px !important; } .directorist-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .directorist-mb-15 { - margin-bottom: 15px !important; + margin-bottom: 15px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-40 { - margin-bottom: 40px !important; + margin-bottom: 40px !important; } .directorist-mb-50 { - margin-bottom: 50px !important; + margin-bottom: 50px !important; } .directorist-mb-70 { - margin-bottom: 70px !important; + margin-bottom: 70px !important; } .directorist-mb-80 { - margin-bottom: 80px !important; + margin-bottom: 80px !important; } .directorist-pb-100 { - padding-bottom: 100px !important; + padding-bottom: 100px !important; } .directorist-w-100 { - width: 100% !important; - max-width: 100% !important; + width: 100% !important; + max-width: 100% !important; } .directorist-draggable-list-item { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .directorist-draggable-list-item-wrapper { - position: relative; - height: 100%; + position: relative; + height: 100%; } .directorist-droppable-area-wrap { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 888888888; - display: none; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: -20px; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 888888888; + display: none; + flex-direction: column; + margin-bottom: -20px; } .directorist-droppable-area { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .directorist-droppable-item-preview { - height: 52px; - background-color: rgba(44, 153, 255, 0.1); - margin-bottom: 20px; - margin-right: 50px; - border-radius: 4px; + height: 52px; + background-color: rgba(44, 153, 255, 0.1); + margin-bottom: 20px; + margin-right: 50px; + border-radius: 4px; } .directorist-droppable-item-preview-before { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-droppable-item-preview-after { - margin-bottom: 20px; + margin-bottom: 20px; } /* Directorist Tooltip */ .directorist-tooltip { - position: relative; + position: relative; } .directorist-tooltip.directorist-tooltip-bottom[data-label]:before { - bottom: -8px; - top: auto; - border-top-color: var(--directorist-color-white); - border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); + bottom: -8px; + top: auto; + border-top-color: var(--directorist-color-white); + border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip.directorist-tooltip-bottom[data-label]:after { - -webkit-transform: translate(-50%); - transform: translate(-50%); - top: 100%; - margin-top: 8px; -} -.directorist-tooltip[data-label]:before, .directorist-tooltip[data-label]:after { - position: absolute !important; - bottom: 100%; - display: none; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - -webkit-animation: showTooltip 0.3s ease; - animation: showTooltip 0.3s ease; + transform: translate(-50%); + top: 100%; + margin-top: 8px; +} +.directorist-tooltip[data-label]:before, +.directorist-tooltip[data-label]:after { + position: absolute !important; + bottom: 100%; + display: none; + height: fit-content; + animation: showTooltip 0.3s ease; } .directorist-tooltip[data-label]:before { - content: ""; - left: 50%; - top: -6px; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - border: 6px solid transparent; - border-top-color: rgba(var(--directorist-color-dark-rgb), 1); + content: ""; + left: 50%; + top: -6px; + transform: translateX(-50%); + border: 6px solid transparent; + border-top-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip[data-label]:after { - font-size: 14px; - content: attr(data-label); - left: 50%; - -webkit-transform: translate(-50%, -6px); - transform: translate(-50%, -6px); - background: rgba(var(--directorist-color-dark-rgb), 1); - padding: 4px 12px; - border-radius: 3px; - color: var(--directorist-color-white); - z-index: 9999; - text-align: center; - min-width: 140px; - max-height: 200px; - overflow-y: auto; -} -.directorist-tooltip[data-label]:hover:before, .directorist-tooltip[data-label]:hover:after { - display: block; + font-size: 14px; + content: attr(data-label); + left: 50%; + transform: translate(-50%, -6px); + background: rgba(var(--directorist-color-dark-rgb), 1); + padding: 4px 12px; + border-radius: 3px; + color: var(--directorist-color-white); + z-index: 9999; + text-align: center; + min-width: 140px; + max-height: 200px; + overflow-y: auto; +} +.directorist-tooltip[data-label]:hover:before, +.directorist-tooltip[data-label]:hover:after { + display: block; } .directorist-tooltip .directorist-tooltip__label { - font-size: 16px; - color: var(--directorist-color-primary); + font-size: 16px; + color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:before { - border-top-color: var(--directorist-color-primary); + border-top-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:after { - background-color: var(--directorist-color-secondary); + background-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-info[data-label]:after { - background-color: var(--directorist-color-info); + background-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-info[data-label]:before { - border-top-color: var(--directorist-color-info); + border-top-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-warning[data-label]:after { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-warning[data-label]:before { - border-top-color: var(--directorist-color-warning); + border-top-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-success[data-label]:after { - background-color: var(--directorist-color-success); + background-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-success[data-label]:before { - border-top-color: var(--directorist-color-success); + border-top-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-danger[data-label]:after { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-danger[data-label]:before { - border-top-color: var(--directorist-color-danger); + border-top-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-primary[data-label]:before { - border-bottom-color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-info[data-label]:before { - border-bottom-color: var(--directorist-color-info); + border-bottom-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-warning[data-label]:before { - border-bottom-color: var(--directorist-color-warning); + border-bottom-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-success[data-label]:before { - border-bottom-color: var(--directorist-color-success); + border-bottom-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-danger[data-label]:before { - border-bottom-color: var(--directorist-color-danger); + border-bottom-color: var(--directorist-color-danger); } @keyframes showTooltip { - from { - opacity: 0; - } + from { + opacity: 0; + } } /* Create Directory Type */ .directorist-directory-type-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px 30px; - padding: 0 20px; - background: white; - min-height: 60px; - border-bottom: 1px solid #e5e7eb; - position: fixed; - right: 0; - top: 32px; - width: calc(100% - 200px); - z-index: 9999; + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 15px 30px; + padding: 0 20px; + background: white; + min-height: 60px; + border-bottom: 1px solid #e5e7eb; + position: fixed; + right: 0; + top: 32px; + width: calc(100% - 200px); + z-index: 9999; } .directorist-directory-type-top:before { - content: ""; - position: absolute; - top: -10px; - left: 0; - height: 10px; - width: 100%; - background-color: #f3f4f6; + content: ""; + position: absolute; + top: -10px; + left: 0; + height: 10px; + width: 100%; + background-color: #f3f4f6; } @media only screen and (max-width: 960px) { - .directorist-directory-type-top { - width: calc(100% - 76px); - } + .directorist-directory-type-top { + width: calc(100% - 76px); + } } @media only screen and (max-width: 782px) { - .directorist-directory-type-top { - width: calc(100% - 40px); - top: 46px; - right: 0; - } + .directorist-directory-type-top { + width: calc(100% - 40px); + top: 46px; + right: 0; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-top { - position: unset; - width: auto; - } - .directorist-directory-type-top:before { - display: none; - } + .directorist-directory-type-top { + position: unset; + width: auto; + } + .directorist-directory-type-top:before { + display: none; + } } @media only screen and (max-width: 479px) { - .directorist-directory-type-top { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 10px 20px; - } + .directorist-directory-type-top { + justify-content: center; + flex-direction: column; + padding: 10px 20px; + } } .directorist-directory-type-top-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + align-items: center; + gap: 10px 20px; + flex-wrap: wrap; } @media only screen and (max-width: 767px) { - .directorist-directory-type-top-left { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-directory-type-top-left { + justify-content: center; + } } .directorist-directory-type-top-left .cptm-form-group { - margin-bottom: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-group-feedback { - white-space: nowrap; + margin-bottom: 0; + display: flex; + align-items: center; + gap: 10px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-group-feedback { + white-space: nowrap; } .directorist-directory-type-top-left .cptm-form-group .cptm-form-control { - height: 36px; - border-radius: 8px; - background: #e5e7eb; - max-width: 150px; - padding: 10px 16px; - font-size: 14px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-webkit-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-moz-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control:-ms-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-ms-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-group-feedback .cptm-form-alert { - padding: 0; + height: 36px; + border-radius: 8px; + background: #e5e7eb; + max-width: 150px; + padding: 10px 16px; + font-size: 14px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-group-feedback + .cptm-form-alert { + padding: 0; } .directorist-directory-type-top-left .directorist-back-directory { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: normal; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: normal; + display: flex; + align-items: center; + gap: 8px; } .directorist-directory-type-top-left .directorist-back-directory svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-directory-type-top-left .directorist-back-directory:hover { - color: #3e62f5; + color: #3e62f5; } .directorist-directory-type-top-right .directorist-create-directory { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - text-decoration: none; - padding: 0 24px; - height: 40px; - border: 1px solid #3e62f5; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); - box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); - background-color: #3e62f5; - color: #ffffff; - font-size: 15px; - font-weight: 500; - line-height: normal; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; + display: flex; + gap: 8px; + align-items: center; + justify-content: center; + border-radius: 8px; + text-decoration: none; + padding: 0 24px; + height: 40px; + border: 1px solid #3e62f5; + cursor: pointer; + box-sizing: border-box; + box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); + background-color: #3e62f5; + color: #ffffff; + font-size: 15px; + font-weight: 500; + line-height: normal; + transition: background-color 0.3s ease; } .directorist-directory-type-top-right .directorist-create-directory:hover { - background-color: #5a7aff; - border-color: #5a7aff; + background-color: #5a7aff; + border-color: #5a7aff; } .directorist-directory-type-top-right .cptm-btn { - margin: 0; + margin: 0; } .directorist-directory-type-bottom { - background: white; - margin-top: 80px; - overflow: hidden; + background: white; + margin-top: 80px; + overflow: hidden; } .directorist-directory-type-bottom .cptm-header-navigation { - position: fixed; - right: 20px; - top: 92px; - width: calc(100% - 262px); - background: #ffffff; - border-top: 20px solid #f3f4f6; - border-bottom: 1px solid #e5e7eb; - gap: 0 32px; - padding: 0 30px; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow-x: auto; - z-index: 100; + position: fixed; + right: 20px; + top: 92px; + width: calc(100% - 262px); + background: #ffffff; + border-top: 20px solid #f3f4f6; + border-bottom: 1px solid #e5e7eb; + gap: 0 32px; + padding: 0 30px; + flex-wrap: nowrap; + overflow-x: auto; + z-index: 100; } @media only screen and (max-width: 960px) { - .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 138px); - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 138px); + justify-content: flex-start; + } } @media only screen and (max-width: 782px) { - .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 82px); - top: 107px; - right: 12px; - } + .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 82px); + top: 107px; + right: 12px; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .cptm-header-navigation { - position: unset; - width: auto; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .directorist-directory-type-bottom .cptm-header-navigation { + position: unset; + width: auto; + flex-wrap: wrap; + } } @media only screen and (max-width: 480px) { - .directorist-directory-type-bottom .cptm-header-navigation { - padding: 10px 30px; - } + .directorist-directory-type-bottom .cptm-header-navigation { + padding: 10px 30px; + } } .directorist-directory-type-bottom .atbdp-cptm-body { - position: relative; - margin-top: 60px; + position: relative; + margin-top: 60px; } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - margin-top: 0; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + margin-top: 0; + } } @media screen and (max-width: 480px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - padding: 20px 30px; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + padding: 20px 30px; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom { - margin-top: 0; - } + .directorist-directory-type-bottom { + margin-top: 0; + } } .wp-admin.folded .directorist-directory-type-top { - width: calc(100% - 118px); + width: calc(100% - 118px); } .wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 138px); + width: calc(100% - 138px); } .directorist-draggable-form-list-wrap { - margin-right: 50px; + margin-right: 50px; } /* Body Header */ .directorist-form-doc { - border-radius: 8px; - background: #f3f4f6; - min-height: 52px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0 20px; - margin-bottom: 24px; + border-radius: 8px; + background: #f3f4f6; + min-height: 52px; + display: flex; + align-items: center; + gap: 10px 30px; + justify-content: space-between; + flex-wrap: wrap; + padding: 0 20px; + margin-bottom: 24px; } @media only screen and (max-width: 575px) { - .directorist-form-doc { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 10px 20px; - } + .directorist-form-doc { + justify-content: center; + flex-direction: column; + padding: 10px 20px; + } } .directorist-form-doc .directorist-form-doc-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + align-items: center; + gap: 8px; + flex-wrap: wrap; } @media only screen and (max-width: 575px) { - .directorist-form-doc .directorist-form-doc-left { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-form-doc .directorist-form-doc-left { + justify-content: center; + } } .directorist-form-doc .directorist-form-doc-left .directorist-form-doc-title { - color: #141921; - font-size: 19px; - font-style: normal; - font-weight: 600; - line-height: 25px; + color: #141921; + font-size: 19px; + font-style: normal; + font-weight: 600; + line-height: 25px; } .directorist-form-doc__watch-tutorial { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid #bee3ff; - background: #eff8ff; - color: #217aef; - text-align: center; - margin-left: 4px; - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.12px; - text-transform: capitalize; + display: inline-flex; + padding: 8px 12px; + width: max-content; + justify-content: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid #bee3ff; + background: #eff8ff; + color: #217aef; + text-align: center; + margin-left: 4px; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + text-transform: capitalize; } .directorist-form-doc__watch-tutorial svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-form-doc__link { - margin-top: 2px; - font-size: 12px; - font-weight: 500; - color: #1b50b2; - line-height: 20px; - letter-spacing: 0.12px; - text-decoration: underline; + margin-top: 2px; + font-size: 12px; + font-weight: 500; + color: #1b50b2; + line-height: 20px; + letter-spacing: 0.12px; + text-decoration: underline; } .directorist-form-doc__preview { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid #e5e7eb; - background: #fff; - color: #383f47; - text-align: center; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; - text-transform: capitalize; + display: inline-flex; + padding: 8px 12px; + justify-content: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid #e5e7eb; + background: #fff; + color: #383f47; + text-align: center; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; + text-transform: capitalize; } .directorist-form-doc__preview svg { - width: 16px; - height: 16px; - color: inherit; + width: 16px; + height: 16px; + color: inherit; } .directorist-form-doc__preview:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + box-shadow: none; } .directorist-footer-wrap .cptm-btn { - position: relative; - margin: 0; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 48px; - font-size: 16px; - font-weight: 500; - color: #ffffff; - border-color: #383f47; - background-color: #383f47; - border-radius: 8px; + position: relative; + margin: 0; + width: 100%; + display: flex; + gap: 8px; + align-items: center; + justify-content: center; + height: 48px; + font-size: 16px; + font-weight: 500; + color: #ffffff; + border-color: #383f47; + background-color: #383f47; + border-radius: 8px; } .directorist-footer-wrap .cptm-btn:before { - content: attr(data-info); - position: absolute; - top: calc(100% + 8px); - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - min-width: -webkit-max-content; - min-width: -moz-max-content; - min-width: max-content; - text-align: center; - color: #ffffff; - font-size: 13px; - font-weight: 500; - padding: 10px 12px; - border-radius: 6px; - background-color: #141921; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + left: 50%; + transform: translateX(-50%); + min-width: max-content; + text-align: center; + color: #ffffff; + font-size: 13px; + font-weight: 500; + padding: 10px 12px; + border-radius: 6px; + background-color: #141921; + opacity: 0; + visibility: hidden; + transition: + opacity 0.3s ease, + visibility 0.3s ease; } .directorist-footer-wrap .cptm-btn:after { - content: ""; - position: absolute; - top: calc(100% + 2px); - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - border-bottom: 6px solid #141921; - border-left: 6px solid transparent; - border-right: 6px solid transparent; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; + content: ""; + position: absolute; + top: calc(100% + 2px); + left: 50%; + transform: translateX(-50%); + border-bottom: 6px solid #141921; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + opacity: 0; + visibility: hidden; + transition: + opacity 0.3s ease, + visibility 0.3s ease; } .directorist-footer-wrap .cptm-btn .cptm-save-icon { - font-size: 16px; + font-size: 16px; } .directorist-footer-wrap .cptm-btn:hover { - border-color: #141921; - background-color: #141921; + border-color: #141921; + background-color: #141921; } -.directorist-footer-wrap .cptm-btn:hover:hover:before, .directorist-footer-wrap .cptm-btn:hover:hover:after { - opacity: 1; - visibility: visible; +.directorist-footer-wrap .cptm-btn:hover:hover:before, +.directorist-footer-wrap .cptm-btn:hover:hover:after { + opacity: 1; + visibility: visible; } .directorist-footer-wrap .cptm-form-group { - margin: 0; + margin: 0; } .cptm-form-note { - margin-bottom: 30px; - padding: 30px; - background-color: #dcebfe; - border-radius: 4px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + margin-bottom: 30px; + padding: 30px; + background-color: #dcebfe; + border-radius: 4px; + display: flex; } .cptm-form-note i { - font-size: 30px; - opacity: 0.2; - margin-right: 15px; + font-size: 30px; + opacity: 0.2; + margin-right: 15px; } .cptm-form-note .cptm-form-note-title { - margin-top: 0; - color: #157cf6; + margin-top: 0; + color: #157cf6; } .cptm-form-note .cptm-form-note-content { - margin: 5px 0; + margin: 5px 0; } .cptm-form-note .cptm-form-note-content a { - color: #157cf6; + color: #157cf6; } #atbdp_cpt_options_metabox .inside { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } #atbdp_cpt_options_metabox .postbox-header { - display: none; + display: none; } .atbdp-cpt-manager { - position: relative; - display: block; - color: #23282d; + position: relative; + display: block; + color: #23282d; } .atbdp-cpt-manager.directorist-overlay-visible { - position: fixed; - z-index: 9; - width: calc(100% - 200px); + position: fixed; + z-index: 9; + width: calc(100% - 200px); } .atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-top, -.atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-bottom .cptm-header-navigation { - z-index: 1; +.atbdp-cpt-manager.directorist-overlay-visible + .directorist-directory-type-bottom + .cptm-header-navigation { + z-index: 1; } .atbdp-cpt-manager.directorist-overlay-visible .submission_form_fields { - z-index: 11; + z-index: 11; } .atbdp-cptm-header { - display: block; + display: block; } .atbdp-cptm-header .cptm-form-group .cptm-form-control { - height: 50px; - font-size: 20px; + height: 50px; + font-size: 20px; } .atbdp-cptm-body { - display: block; + display: block; } .cptm-field-wraper-key-preview_image .cptm-btn { - margin: 0 10px; - height: 40px; - color: #23282d !important; - background-color: #dadce0 !important; - border-radius: 4px !important; - border: 0 none; - font-weight: 500; - padding: 0 30px; + margin: 0 10px; + height: 40px; + color: #23282d !important; + background-color: #dadce0 !important; + border-radius: 4px !important; + border: 0 none; + font-weight: 500; + padding: 0 30px; } .atbdp-cptm-footer { - display: block; - padding: 24px 0 0; - margin: 0 50px 0 30px; - border-top: 1px solid #e5e7eb; + display: block; + padding: 24px 0 0; + margin: 0 50px 0 30px; + border-top: 1px solid #e5e7eb; } .atbdp-cptm-footer .atbdp-cptm-footer-preview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 0 0 20px; + display: flex; + gap: 8px; + flex-direction: column; + margin: 0 0 20px; } .atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label { - position: relative; - font-size: 14px; - font-weight: 500; - color: #4d5761; - cursor: pointer; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label:before { - content: ""; - position: absolute; - right: 0; - top: 0; - width: 36px; - height: 20px; - border-radius: 30px; - background: #d2d6db; - border: 3px solid #d2d6db; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label:after { - content: ""; - position: absolute; - right: 19px; - top: 3px; - width: 14px; - height: 14px; - background: #ffffff; - border-radius: 100%; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle { - display: none; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle:checked ~ label:before { - background-color: #3e62f5; - border-color: #3e62f5; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle:checked ~ label:after { - right: 3px; + position: relative; + font-size: 14px; + font-weight: 500; + color: #4d5761; + cursor: pointer; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-label:before { + content: ""; + position: absolute; + right: 0; + top: 0; + width: 36px; + height: 20px; + border-radius: 30px; + background: #d2d6db; + border: 3px solid #d2d6db; + box-sizing: border-box; + transition: all ease 0.3s; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-label:after { + content: ""; + position: absolute; + right: 19px; + top: 3px; + width: 14px; + height: 14px; + background: #ffffff; + border-radius: 100%; + transition: all ease 0.3s; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle { + display: none; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle:checked + ~ label:before { + background-color: #3e62f5; + border-color: #3e62f5; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle:checked + ~ label:after { + right: 3px; } .atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-desc { - font-size: 12px; - font-weight: 400; - color: #747c89; + font-size: 12px; + font-weight: 400; + color: #747c89; } .atbdp-cptm-footer-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-content: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + justify-content: center; + align-content: center; + flex-wrap: wrap; } .atbdp-cptm-footer-actions .cptm-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 100%; - font-weight: 500; - font-size: 15px; - height: 48px; - padding: 0 30px; - margin: 0; + display: flex; + gap: 10px; + align-items: center; + justify-content: center; + width: 100%; + font-weight: 500; + font-size: 15px; + height: 48px; + padding: 0 30px; + margin: 0; } .atbdp-cptm-footer-actions .cptm-save-text { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + gap: 8px; + justify-content: center; + align-items: center; } .cptm-title-bar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -10px; - padding: 15px 10px; - background-color: #fff; + display: flex; + flex-wrap: wrap; + margin: 0 -10px; + padding: 15px 10px; + background-color: #fff; } .cptm-card-preview-widget .cptm-title-bar { - margin: 0; + margin: 0; } .cptm-title-bar-headings { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 10px; + flex-grow: 1; + padding: 10px; } .cptm-title-bar-actions { - min-width: 100px; - max-width: 220px; - padding: 10px; + min-width: 100px; + max-width: 220px; + padding: 10px; } .cptm-label-btn { - display: inline-block; + display: inline-block; } .cptm-btn, .cptm-btn.cptm-label-btn { - margin: 0 5px 10px; - display: inline-block; - text-align: center; - border: 1px solid transparent; - padding: 10px 20px; - border-radius: 5px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - vertical-align: top; + margin: 0 5px 10px; + display: inline-block; + text-align: center; + border: 1px solid transparent; + padding: 10px 20px; + border-radius: 5px; + cursor: pointer; + transition: all ease-in-out 300ms; + vertical-align: top; } .cptm-btn:disabled, .cptm-btn.cptm-label-btn:disabled { - cursor: not-allowed; - opacity: 0.5; + cursor: not-allowed; + opacity: 0.5; } .cptm-btn.cptm-label-btn { - display: inline-block; - vertical-align: top; + display: inline-block; + vertical-align: top; } .cptm-btn.cptm-btn-rounded { - border-radius: 30px; + border-radius: 30px; } .cptm-btn.cptm-btn-primary { - color: #fff; - border-color: #3e62f5; - background-color: #3e62f5; + color: #fff; + border-color: #3e62f5; + background-color: #3e62f5; } .cptm-btn.cptm-btn-primary:hover { - background-color: #345af4; + background-color: #345af4; } .cptm-btn.cptm-btn-secondery { - color: #3e62f5; - border-color: #3e62f5; - background-color: transparent; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - font-weight: 500; - font-size: 15px !important; + color: #3e62f5; + border-color: #3e62f5; + background-color: transparent; + display: inline-flex; + align-items: center; + gap: 6px; + font-weight: 500; + font-size: 15px !important; } .cptm-btn.cptm-btn-secondery:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-file-input-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .cptm-file-input-wrap .cptm-btn { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-btn-box { - display: block; + display: block; } .cptm-form-builder-group-field-drop-area { - display: block; - padding: 16px 20px; - border-radius: 8px; - margin: 8px 40px 0 30px; - text-align: center; - font-size: 13px; - font-weight: 400; - color: #747c89; - font-style: italic; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - border: 1px dashed #d2d6db; + display: block; + padding: 16px 20px; + border-radius: 8px; + margin: 8px 40px 0 30px; + text-align: center; + font-size: 13px; + font-weight: 400; + color: #747c89; + font-style: italic; + transition: all ease-in-out 300ms; + border: 1px dashed #d2d6db; } .cptm-form-builder-group-field-drop-area.drag-enter { - background-color: #c6c6c6; + background-color: #c6c6c6; } .cptm-form-builder-group-field-drop-area-label { - margin: 0; - pointer-events: none; + margin: 0; + pointer-events: none; } .atbdp-cptm-status-feedback { - position: fixed; - top: 70px; - left: calc(50% + 150px); - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - min-width: 300px; - z-index: 9999; + position: fixed; + top: 70px; + left: calc(50% + 150px); + transform: translateX(-50%); + min-width: 300px; + z-index: 9999; } @media screen and (max-width: 960px) { - .atbdp-cptm-status-feedback { - left: calc(50% + 100px); - } + .atbdp-cptm-status-feedback { + left: calc(50% + 100px); + } } @media screen and (max-width: 782px) { - .atbdp-cptm-status-feedback { - left: 50%; - } + .atbdp-cptm-status-feedback { + left: 50%; + } } .cptm-alert { - position: relative; - padding: 14px 24px 14px 52px; - font-size: 16px; - font-weight: 500; - line-height: 22px; - color: #053e29; - border-radius: 8px; - -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); - box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); + position: relative; + padding: 14px 24px 14px 52px; + font-size: 16px; + font-weight: 500; + line-height: 22px; + color: #053e29; + border-radius: 8px; + box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); } .cptm-alert:before { - content: ""; - position: absolute; - top: 14px; - left: 24px; - font-size: 20px; - font-family: "Font Awesome 5 Free"; - font-weight: 900; + content: ""; + position: absolute; + top: 14px; + left: 24px; + font-size: 20px; + font-family: "Font Awesome 5 Free"; + font-weight: 900; } .cptm-alert-success { - background-color: #ecfdf3; - border: 1px solid #14b570; + background-color: #ecfdf3; + border: 1px solid #14b570; } .cptm-alert-success:before { - content: "\f058"; - color: #14b570; + content: "\f058"; + color: #14b570; } .cptm-alert-error { - background-color: #f3d6d6; - border: 1px solid #c51616; + background-color: #f3d6d6; + border: 1px solid #c51616; } .cptm-alert-error:before { - content: "\f057"; - color: #c51616; + content: "\f057"; + color: #c51616; } .cptm-dropable-element { - position: relative; + position: relative; } .cptm-dropable-base-element { - display: block; - position: relative; - padding: 0; - -webkit-transition: ease-in-out all 300ms; - transition: ease-in-out all 300ms; + display: block; + position: relative; + padding: 0; + transition: ease-in-out all 300ms; } .cptm-dropable-area { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - z-index: 999; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: 999; } .cptm-dropable-placeholder { - padding: 0; - margin: 0; - height: 0; - border-radius: 4px; - overflow: hidden; - -webkit-transition: all ease-in-out 200ms; - transition: all ease-in-out 200ms; - background: RGBA(61, 98, 245, 0.45); + padding: 0; + margin: 0; + height: 0; + border-radius: 4px; + overflow: hidden; + transition: all ease-in-out 200ms; + background: RGBA(61, 98, 245, 0.45); } .cptm-dropable-placeholder.active { - padding: 10px 15px; - margin: 0; - height: 30px; + padding: 10px 15px; + margin: 0; + height: 30px; } .cptm-dropable-inside { - padding: 10px; + padding: 10px; } .cptm-dropable-area-inside { - display: block; - height: 100%; + display: block; + height: 100%; } .cptm-dropable-area-right { - display: block; + display: block; } .cptm-dropable-area-left { - display: block; + display: block; } .cptm-dropable-area-right, .cptm-dropable-area-left { - display: block; - float: left; - width: 50%; - height: 100%; + display: block; + float: left; + width: 50%; + height: 100%; } .cptm-dropable-area-top { - display: block; + display: block; } .cptm-dropable-area-bottom { - display: block; + display: block; } .cptm-dropable-area-top, .cptm-dropable-area-bottom { - display: block; - width: 100%; - height: 50%; + display: block; + width: 100%; + height: 50%; } .cptm-header-navigation { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + margin: 0; + padding: 0; + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; } @media screen and (max-width: 480px) { - .cptm-header-navigation { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .cptm-header-navigation { + flex-direction: column; + } } .cptm-header-nav__list-item { - margin: 0; - display: inline-block; - list-style: none; - text-align: center; - min-width: -webkit-fit-content; - min-width: -moz-fit-content; - min-width: fit-content; + margin: 0; + display: inline-block; + list-style: none; + text-align: center; + min-width: fit-content; } @media (max-width: 480px) { - .cptm-header-nav__list-item { - width: 100%; - } + .cptm-header-nav__list-item { + width: 100%; + } } .cptm-header-nav__list-item-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - text-decoration: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - position: relative; - border-bottom: 2px solid transparent; - color: #4d5761; - padding: 15px 0; + display: flex; + align-items: center; + gap: 8px; + text-decoration: none; + transition: all ease-in-out 300ms; + position: relative; + border-bottom: 2px solid transparent; + color: #4d5761; + padding: 15px 0; } .cptm-header-nav__list-item-link.active { - border-bottom-color: #3e62f5; + border-bottom-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__icon { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__label { - color: #3e62f5; + color: #3e62f5; } .cptm-header-nav__icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - min-width: 28px; - min-height: 28px; - text-align: center; - font-size: 16px; - text-align: center; - border-radius: 6px; - background: #d8e0fd; - color: inherit; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: inline-flex; + min-width: 28px; + min-height: 28px; + text-align: center; + font-size: 16px; + text-align: center; + border-radius: 6px; + background: #d8e0fd; + color: inherit; + transition: all ease-in-out 300ms; + align-items: center; + justify-content: center; } .cptm-header-nav__icon svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .cptm-header-nav__label { - display: block; - color: inherit; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - font-size: 14px; - font-weight: 500; + display: block; + color: inherit; + transition: all ease-in-out 300ms; + font-size: 14px; + font-weight: 500; } .cptm-title-area { - margin-bottom: 20px; + margin-bottom: 20px; } .submission-form .cptm-title-area { - width: 100%; + width: 100%; } .tab-general .cptm-title-area { - margin-left: 0; + margin-left: 0; } .cptm-link-light { - color: #fff; + color: #fff; } -.cptm-link-light:hover, .cptm-link-light:focus, .cptm-link-light:active { - color: #fff; +.cptm-link-light:hover, +.cptm-link-light:focus, +.cptm-link-light:active { + color: #fff; } .cptm-color-white { - color: #fff; + color: #fff; } .cptm-my-10 { - margin-top: 10px; - margin-bottom: 10px; + margin-top: 10px; + margin-bottom: 10px; } .cptm-mb-60 { - margin-bottom: 60px; + margin-bottom: 60px; } .cptm-mr-5 { - margin-right: 5px; + margin-right: 5px; } .cptm-title { - margin: 0; - font-size: 19px; - font-weight: 600; - color: #141921; - line-height: 1.2; + margin: 0; + font-size: 19px; + font-weight: 600; + color: #141921; + line-height: 1.2; } .cptm-des { - font-size: 14px; - font-weight: 400; - line-height: 22px; - color: #4d5761; - margin-top: 10px; + font-size: 14px; + font-weight: 400; + line-height: 22px; + color: #4d5761; + margin-top: 10px; } .atbdp-cptm-tab-contents { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-cptm-tab-item { - display: none; + display: none; } .atbdp-cptm-tab-item.active { - display: block; + display: block; } .cptm-tab-content-header { - position: relative; - background: transparent; - margin-top: 61px; - border-bottom: 1px solid #e5e7eb; + position: relative; + background: transparent; + margin-top: 61px; + border-bottom: 1px solid #e5e7eb; } @media only screen and (max-width: 600px) { - .cptm-tab-content-header { - margin-top: 0; - } + .cptm-tab-content-header { + margin-top: 0; + } } .cptm-tab-content-header .cptm-sub-navigation { - gap: 10px; - padding: 10px 20px; - padding-right: 160px; - margin: 0 15px; - max-width: 1050px; - margin: 0 auto; + gap: 10px; + padding: 10px 20px; + padding-right: 160px; + margin: 0 15px; + max-width: 1050px; + margin: 0 auto; } .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item { - margin: 0; + margin: 0; } .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link { - margin: 0; - padding: 10px 25px; - background-color: #e3e6ef; + margin: 0; + padding: 10px 25px; + background-color: #e3e6ef; } -.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link.active, .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link:hover { - background-color: #3e62f5; +.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link.active, +.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link:hover { + background-color: #3e62f5; } @media screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - margin: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + margin: 0; + } } .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - position: absolute; - right: 30px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + right: 30px; + top: 50%; + transform: translateY(-50%); } @media only screen and (max-width: 782px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-right: 0; - padding-top: 70px; - } - .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - top: 20px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-right: 0; + padding-top: 70px; + } + .cptm-tab-content-header .directorist-form-doc__watch-tutorial { + top: 20px; + right: 50%; + transform: translateX(50%); + } } @media only screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-top: 50px; - padding-bottom: 15px; - } - .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - top: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-top: 50px; + padding-bottom: 15px; + } + .cptm-tab-content-header .directorist-form-doc__watch-tutorial { + top: 0; + } } .cptm-tab-content-body { - display: block; + display: block; } .cptm-tab-content { - position: relative; - margin: 0 auto; - padding: 20px 30px; - min-height: 500px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + margin: 0 auto; + padding: 20px 30px; + min-height: 500px; + box-sizing: border-box; } @media only screen and (max-width: 991px) { - .cptm-tab-content { - padding: 20px 25px; - } + .cptm-tab-content { + padding: 20px 25px; + } } @media (max-width: 480px) { - .cptm-tab-content { - max-width: 100%; - padding: 15px 0; - } + .cptm-tab-content { + max-width: 100%; + padding: 15px 0; + } } .cptm-tab-content.tab-wide { - max-width: 1080px; + max-width: 1080px; } .cptm-tab-content.tab-short-wide { - max-width: 550px; + max-width: 550px; } .cptm-tab-content.tab-full-width { - max-width: 1345px; + max-width: 1345px; } .cptm-short-wide { - max-width: 550px; - width: 100%; - margin-right: auto; - margin-left: auto; + max-width: 550px; + width: 100%; + margin-right: auto; + margin-left: auto; } .cptm-tab-sub-content-item { - margin: 0 auto; - display: none; + margin: 0 auto; + display: none; } .cptm-tab-sub-content-item.active { - display: block; + display: block; } .cptm-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: flex; + flex-wrap: wrap; + margin: 0 -15px; } .cptm-col-5 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(42.66% - 30px); - padding: 0 15px; + flex-grow: 1; + width: calc(42.66% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-5 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-5 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-col-6 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(50% - 30px); - padding: 0 15px; + flex-grow: 1; + width: calc(50% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-6 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-6 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-col-7 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(57.33% - 30px); - padding: 0 15px; + flex-grow: 1; + width: calc(57.33% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-7 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-7 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-section { - position: relative; - margin-bottom: 50px; + position: relative; + margin-bottom: 50px; } -.cptm-section.submission_form_fields .cptm-form-builder-active-fields-container { - height: 100%; - padding-bottom: 162px; - -webkit-box-sizing: border-box; - box-sizing: border-box; +.cptm-section.submission_form_fields + .cptm-form-builder-active-fields-container { + height: 100%; + padding-bottom: 162px; + box-sizing: border-box; } .cptm-section.preview_mode { - position: absolute; - right: 31px; - bottom: 71px; - width: calc(50% + 50px); - padding: 24px 43px 50px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - z-index: 10; - background: #f8f9fa; - border: none; - border-radius: 0 0 8px 8px; + position: absolute; + right: 31px; + bottom: 71px; + width: calc(50% + 50px); + padding: 24px 43px 50px; + box-sizing: border-box; + z-index: 10; + background: #f8f9fa; + border: none; + border-radius: 0 0 8px 8px; } .cptm-section.preview_mode:before { - content: ""; - position: absolute; - top: 0; - left: 43px; - height: 1px; - width: calc(100% - 86px); - background-color: #f3f4f6; + content: ""; + position: absolute; + top: 0; + left: 43px; + height: 1px; + width: calc(100% - 86px); + background-color: #f3f4f6; } .cptm-section.preview_mode .cptm-title-area { - display: none; + display: none; } @media screen and (max-width: 1499px) { - .cptm-section.preview_mode { - width: calc(50% + 40px); - } + .cptm-section.preview_mode { + width: calc(50% + 40px); + } } @media screen and (max-width: 1399px) { - .cptm-section.preview_mode { - width: calc(50% + 20px); - } + .cptm-section.preview_mode { + width: calc(50% + 20px); + } } @media screen and (max-width: 1099px) { - .cptm-section.preview_mode { - width: calc(50% + 10px); - } + .cptm-section.preview_mode { + width: calc(50% + 10px); + } } @media screen and (max-width: 991px) { - .cptm-section.preview_mode { - right: 27px; - } + .cptm-section.preview_mode { + right: 27px; + } } @media screen and (max-width: 767px) { - .cptm-section.preview_mode { - width: calc(100% - 52px); - right: 26px; - bottom: 101px; - } + .cptm-section.preview_mode { + width: calc(100% - 52px); + right: 26px; + bottom: 101px; + } } @media screen and (max-width: 480px) { - .cptm-section.preview_mode { - right: 1px; - bottom: 96px; - width: calc(100% - 2px); - } + .cptm-section.preview_mode { + right: 1px; + bottom: 96px; + width: calc(100% - 2px); + } } .cptm-section.new_listing_status { - z-index: 11; + z-index: 11; } .cptm-section:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-form-builder-preset-fields:not(:last-child) { - margin-bottom: 40px; + margin-bottom: 40px; } .cptm-form-builder-preset-fields-header-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - margin: 0 0 16px; + display: flex; + gap: 15px; + margin: 0 0 16px; } -.cptm-form-builder-preset-fields-header-action-link .cptm-form-builder-preset-fields-header-action-icon { - font-size: 20px; +.cptm-form-builder-preset-fields-header-action-link + .cptm-form-builder-preset-fields-header-action-icon { + font-size: 20px; } .cptm-form-builder-preset-fields-header-action-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + box-shadow: none; } .cptm-form-builder-preset-fields-header-action-text { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - font-size: 14px; - font-weight: 500; - color: #141921; + flex: 1; + font-size: 14px; + font-weight: 500; + color: #141921; } .cptm-form-builder-preset-fields-header-action-link { - color: #747c89; + color: #747c89; } .cptm-title-3 { - margin: 0; - color: #272b41; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - font-weight: 500; - font-size: 18px; + margin: 0; + color: #272b41; + flex-grow: 1; + font-weight: 500; + font-size: 18px; } .cptm-description-text { - margin: 5px 0 20px; - color: #5a5f7d; - font-size: 15px; + margin: 5px 0 20px; + color: #5a5f7d; + font-size: 15px; } .cptm-form-builder-active-fields { - display: block; - height: 100%; + display: block; + height: 100%; } .cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper { - height: auto; - z-index: auto; + height: auto; + z-index: auto; } -.cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper:hover { - z-index: 1; +.cptm-form-builder-active-fields + .directorist-draggable-list-item-wrapper:hover { + z-index: 1; } .cptm-form-builder-active-fields .cptm-description-text + .cptm-btn { - border: 1px solid #3e62f5; - height: 43px; - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; - font-size: 14px; - font-weight: 500; - margin: 0 0 22px; + border: 1px solid #3e62f5; + height: 43px; + background: rgba(62, 98, 245, 0.1); + color: #3e62f5; + font-size: 14px; + font-weight: 500; + margin: 0 0 22px; } -.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn.cptm-btn-primary { - background: #3e62f5; - color: #fff; +.cptm-form-builder-active-fields + .cptm-description-text + + .cptm-btn.cptm-btn-primary { + background: #3e62f5; + color: #fff; } .cptm-form-builder-active-fields-container { - position: relative; - margin: 0; - background-color: #f8f9fa; - border: 1px solid #e3e6e9; - padding: 40px; - border-radius: 8px; - z-index: 1; + position: relative; + margin: 0; + background-color: #f8f9fa; + border: 1px solid #e3e6e9; + padding: 40px; + border-radius: 8px; + z-index: 1; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-container { - padding: 20px; - } + .cptm-form-builder-active-fields-container { + padding: 20px; + } } .cptm-form-builder-active-fields-footer { - text-align: left; + text-align: left; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer { - text-align: left; - } + .cptm-form-builder-active-fields-footer { + text-align: left; + } } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer .cptm-btn { - margin-left: 0; - } + .cptm-form-builder-active-fields-footer .cptm-btn { + margin-left: 0; + } } .cptm-form-builder-active-fields-footer .cptm-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - height: 40px; - color: #141921; - background: #ffffff; - border: 0 none; - margin: 4px 50px 24px 30px; - font-size: 14px; - font-weight: 600; - border-radius: 8px; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + display: flex; + gap: 8px; + height: 40px; + color: #141921; + background: #ffffff; + border: 0 none; + margin: 4px 50px 24px 30px; + font-size: 14px; + font-weight: 600; + border-radius: 8px; + border: 1px solid #e5e7eb; + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); } .cptm-form-builder-active-fields-footer .cptm-btn span { - font-size: 16px; + font-size: 16px; } .cptm-form-builder-active-fields-group { - position: relative; - margin-bottom: 15px; - padding-bottom: 0; + position: relative; + margin-bottom: 15px; + padding-bottom: 0; } .cptm-form-builder-group-header-section { - margin-bottom: 8px; + margin-bottom: 8px; } .cptm-form-builder-group-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: flex; + align-items: flex-start; } .cptm-form-builder-group-title-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 15px 20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - background-color: #383f47; - -webkit-box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-builder-group-title-area.expanded, .cptm-form-builder-group-title-area:focus, .cptm-form-builder-group-title-area:hover { - background-color: #141921; + display: flex; + flex-grow: 1; + padding: 15px 20px; + box-sizing: border-box; + border-radius: 8px; + background-color: #383f47; + box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); + transition: all ease 0.3s; +} +.cptm-form-builder-group-title-area.expanded, +.cptm-form-builder-group-title-area:focus, +.cptm-form-builder-group-title-area:hover { + background-color: #141921; } .expanded .cptm-form-builder-group-title-area { - border-radius: 8px 8px 0 0; + border-radius: 8px 8px 0 0; } -div[draggable=true].cptm-form-builder-group-title-area { - cursor: move; +div[draggable="true"].cptm-form-builder-group-title-area { + cursor: move; } .cptm-form-builder-group-title-area__dropable-wrapper { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-no-wrap { - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + flex-wrap: nowrap; } .cptm-card-top-area { - max-width: 450px; - margin: 0 auto; - margin-bottom: 10px; + max-width: 450px; + margin: 0 auto; + margin-bottom: 10px; } .cptm-card-top-area > .form-group .cptm-form-control { - background: none; - border: 1px solid #c6d0dc; - height: 42px; + background: none; + border: 1px solid #c6d0dc; + height: 42px; } .cptm-card-top-area > .form-group .cptm-template-type-wrapper { - position: relative; + position: relative; } .cptm-card-top-area > .form-group .cptm-template-type-wrapper:before { - content: "\f110"; - position: absolute; - font-family: "LineAwesome"; - right: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - pointer-events: none; + content: "\f110"; + position: absolute; + font-family: "LineAwesome"; + right: 20px; + top: 50%; + transform: translateY(-50%); + pointer-events: none; } .cptm-card-placeholder-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -10px; + display: flex; + flex-wrap: wrap; + margin: 0 -10px; } .cptm-card-placeholder-col { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 0 10px; + flex-grow: 1; + padding: 0 10px; } .cptm-form-builder-group-title-area__dropable-placeholder { - margin-right: 15px; + margin-right: 15px; } .cptm-form-builder-group-title-actions .cptm-form-builder-header-action-link { - font-size: 20px; - color: #fff; + font-size: 20px; + color: #fff; } .cptm-form-builder-group-actions-dropdown { - position: relative; - top: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 32px; - margin-left: 10px; + position: relative; + top: 8px; + display: flex; + justify-content: flex-end; + flex-direction: column; + width: 32px; + margin-left: 10px; } .cptm-form-builder-group-actions-dropdown--field { - position: absolute; - right: 0; - top: 8px; + position: absolute; + right: 0; + top: 8px; } .cptm-form-builder-group-actions-dropdown-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 32px; - height: 32px; - background-color: transparent; - border-radius: 8px; - -webkit-transition: background ease 0.3s; - transition: background ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-btn:hover, .cptm-form-builder-group-actions-dropdown-btn:focus { - background-color: #d2d6db; + display: flex; + align-items: center; + justify-content: center; + width: 32px; + height: 32px; + background-color: transparent; + border-radius: 8px; + transition: background ease 0.3s; +} +.cptm-form-builder-group-actions-dropdown-btn:hover, +.cptm-form-builder-group-actions-dropdown-btn:focus { + background-color: #d2d6db; } .cptm-form-builder-group-actions-dropdown-btn:focus { - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + border: none; + outline: none; + box-shadow: none; } .cptm-form-builder-group-actions-dropdown-btn span { - font-size: 18px; - color: #747c89; + font-size: 18px; + color: #747c89; } .cptm-form-builder-group-actions-dropdown-content.expanded { - position: absolute; - width: 200px; - top: 100%; - right: 0; - z-index: 9; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #d94a4a; - background: #ffffff; - padding: 10px 15px; - width: 100%; - height: 50px; - font-size: 14px; - font-weight: 500; - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - -webkit-transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s; - transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link span { - font-size: 20px; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link:hover { - color: #ffffff; - background: #d94a4a; - border-color: #d94a4a; + position: absolute; + width: 200px; + top: 100%; + right: 0; + z-index: 9; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link { + display: flex; + gap: 8px; + align-items: center; + color: #d94a4a; + background: #ffffff; + padding: 10px 15px; + width: 100%; + height: 50px; + font-size: 14px; + font-weight: 500; + border-radius: 8px; + box-sizing: border-box; + border: 1px solid #e5e7eb; + box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); + transition: + background ease 0.3s, + color ease 0.3s, + border-color ease 0.3s; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link + span { + font-size: 20px; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link:hover { + color: #ffffff; + background: #d94a4a; + border-color: #d94a4a; } .cptm-form-builder-group-actions { - display: block; - min-width: 34px; - margin-left: 15px; + display: block; + min-width: 34px; + margin-left: 15px; } .cptm-form-builder-group-title { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - font-size: 14px; - color: #fff; + flex-grow: 1; + margin: 0; + font-size: 14px; + color: #fff; } .cptm-form-builder-group-options { - background-color: #fff; - margin: 0 42px 0 30px; - padding: 20px; - border-radius: 0 0 8px 8px; - -webkit-box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); - box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); + background-color: #fff; + margin: 0 42px 0 30px; + padding: 20px; + border-radius: 0 0 8px 8px; + box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); } .cptm-form-builder-group-options .directorist-form-fields-advanced { - padding: 0; - margin: 16px 0 0; - font-size: 13px; - font-weight: 500; - background: transparent; - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - color: #2e94fa; - text-decoration: underline; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - cursor: pointer; + padding: 0; + margin: 16px 0 0; + font-size: 13px; + font-weight: 500; + background: transparent; + border: none; + outline: none; + box-shadow: none; + color: #2e94fa; + text-decoration: underline; + transition: all ease 0.3s; + cursor: pointer; } .cptm-form-builder-group-options .directorist-form-fields-advanced:hover { - color: #3e62f5; -} -.cptm-form-builder-group-options .directorist-form-fields-area .cptm-form-group:last-child { - margin-bottom: 0; -} -.cptm-form-builder-group-options .cptm-form-builder-group-options__advanced-toggle { - font-size: 13px; - font-weight: 500; - color: #2e94fa; - background: transparent; - border: none; - padding: 0; - text-decoration: underline; - display: block; - margin-top: -7px; - cursor: pointer; + color: #3e62f5; +} +.cptm-form-builder-group-options + .directorist-form-fields-area + .cptm-form-group:last-child { + margin-bottom: 0; +} +.cptm-form-builder-group-options + .cptm-form-builder-group-options__advanced-toggle { + font-size: 13px; + font-weight: 500; + color: #2e94fa; + background: transparent; + border: none; + padding: 0; + text-decoration: underline; + display: block; + margin-top: -7px; + cursor: pointer; } .cptm-form-builder-group-fields { - display: block; - position: relative; + display: block; + position: relative; } .icon-picker-selector { - margin: 0; - padding: 3px 4px 3px 16px; - border: 1px solid #d2d6db; - border-radius: 8px; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + margin: 0; + padding: 3px 4px 3px 16px; + border: 1px solid #d2d6db; + border-radius: 8px; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); } .icon-picker-selector .icon-picker-selector__icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0; -} -.icon-picker-selector .icon-picker-selector__icon input[type=text].cptm-form-control { - padding: 5px 20px; - min-height: 20px; - background-color: transparent; - outline: none; + display: flex; + align-items: center; + margin: 0; +} +.icon-picker-selector + .icon-picker-selector__icon + input[type="text"].cptm-form-control { + padding: 5px 20px; + min-height: 20px; + background-color: transparent; + outline: none; } .icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon { - position: unset; - -webkit-transform: unset; - transform: unset; - font-size: 16px; + position: unset; + transform: unset; + font-size: 16px; } -.icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon:before { - margin-right: 6px; +.icon-picker-selector + .icon-picker-selector__icon + .directorist-selected-icon:before { + margin-right: 6px; } .icon-picker-selector .icon-picker-selector__icon input { - height: 32px; - border: none !important; - padding-left: 0 !important; + height: 32px; + border: none !important; + padding-left: 0 !important; } -.icon-picker-selector .icon-picker-selector__icon .icon-picker-selector__icon__reset { - font-size: 12px; - padding: 0 10px 0 0; +.icon-picker-selector + .icon-picker-selector__icon + .icon-picker-selector__icon__reset { + font-size: 12px; + padding: 0 10px 0 0; } .icon-picker-selector .icon-picker-selector__btn { - margin: 0; - height: 32px; - padding: 0 15px; - font-size: 13px; - font-weight: 500; - color: #2c3239; - border-radius: 6px; - background-color: #e5e7eb; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + margin: 0; + height: 32px; + padding: 0 15px; + font-size: 13px; + font-weight: 500; + color: #2c3239; + border-radius: 6px; + background-color: #e5e7eb; + transition: all ease 0.3s; } .icon-picker-selector .icon-picker-selector__btn:hover { - background-color: #e3e6e9; + background-color: #e3e6e9; } .cptm-restricted-area { - position: absolute; - top: 0; - bottom: 0; - right: 0; - left: 0; - z-index: 999; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 10px; - text-align: center; - background: rgba(255, 255, 255, 0.8); + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + z-index: 999; + display: flex; + justify-content: center; + align-items: center; + padding: 10px; + text-align: center; + background: rgba(255, 255, 255, 0.8); } .cptm-form-builder-group-field-item { - margin-bottom: 8px; - position: relative; - padding-right: 40px; - padding-left: 30px; - border-radius: 8px; + margin-bottom: 8px; + position: relative; + padding-right: 40px; + padding-left: 30px; + border-radius: 8px; } .cptm-form-builder-group-field-item .directorist-draggable-list-item { - position: absolute; - left: 0; + position: absolute; + left: 0; } -.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header { - border-color: #3e62f5; - border-radius: 8px 8px 0 0; - background-color: #f0f3ff; +.cptm-form-builder-group-field-item.expanded + .cptm-form-builder-group-field-item-header { + border-color: #3e62f5; + border-radius: 8px 8px 0 0; + background-color: #f0f3ff; } -.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header .cptm-form-builder-header-action-link { - color: #747c89; +.cptm-form-builder-group-field-item.expanded + .cptm-form-builder-group-field-item-header + .cptm-form-builder-header-action-link { + color: #747c89; } -.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-body { - border-color: #3e62f5; +.cptm-form-builder-group-field-item.expanded + .cptm-form-builder-group-field-item-body { + border-color: #3e62f5; } .cptm-form-builder-group-field-item-drag span { - color: #a1a9b2; + color: #a1a9b2; } .cptm-form-builder-group-field-item-actions { - display: block; - position: absolute; - right: -15px; - -webkit-transform: translate(34px, 7px); - transform: translate(34px, 7px); + display: block; + position: absolute; + right: -15px; + transform: translate(34px, 7px); } .cptm-form-builder-group-field-item-action-link { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 14px; - background-color: #e3e6ef; - border-radius: 50%; - width: 34px; - height: 34px; - text-align: center; - color: #868eae; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 14px; + background-color: #e3e6ef; + border-radius: 50%; + width: 34px; + height: 34px; + text-align: center; + color: #868eae; + transition: all ease-in-out 300ms; } .action-trash:hover { - color: #e62626; - background-color: rgba(255, 0, 0, 0.15); + color: #e62626; + background-color: rgba(255, 0, 0, 0.15); } .action-trash:hover { - background-color: #d7d7d7; + background-color: #d7d7d7; } .action-trash:hover:hover { - color: #e62626; - background-color: rgba(255, 0, 0, 0.15); + color: #e62626; + background-color: rgba(255, 0, 0, 0.15); } .cptm-form-builder-group-field-item-header-actions { - margin-left: 10px; + margin-left: 10px; } -.cptm-form-builder-group-field-item-header-actions .cptm-form-builder-header-action-link { - font-size: 20px; - color: #747c89; +.cptm-form-builder-group-field-item-header-actions + .cptm-form-builder-header-action-link { + font-size: 20px; + color: #747c89; } .cptm-form-builder-header-action-link { - display: inline-block; - padding: 0; - font-size: 11px; - margin-left: 5px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - opacity: 0.5; + display: inline-block; + padding: 0; + font-size: 11px; + margin-left: 5px; + transition: all ease-in-out 300ms; + opacity: 0.5; } .cptm-form-builder-header-action-link:hover { - opacity: 1; + opacity: 1; } .action-collapse-up span, .action-collapse-up span::before { - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(0); - transform: rotate(0); + transition: all ease-in-out 300ms; + transform: rotate(0); } .action-collapse-down span, .action-collapse-down span::before { - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(180deg); - transform: rotate(180deg); + transition: all ease-in-out 300ms; + transform: rotate(180deg); } .cptm-form-builder-group-field-item-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - position: relative; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 12px 20px; - cursor: default; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - border-radius: 8px; - background-color: #fff; - border: 1px solid #e5e7eb; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - z-index: 0; + display: flex; + position: relative; + justify-content: space-between; + padding: 12px 20px; + cursor: default; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + border-radius: 8px; + background-color: #fff; + border: 1px solid #e5e7eb; + transition: all ease 0.3s; + z-index: 0; } .cptm-form-builder-group-field-item-header .cptm-title-3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - color: #2c3239; + display: flex; + gap: 8px; + align-items: center; + font-size: 14px; + font-weight: 500; + color: #2c3239; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon { - font-size: 16px; - color: #747c89; + font-size: 16px; + color: #747c89; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg svg { - width: 16px; - height: 16px; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg svg path { - fill: #747c89; + display: flex; + align-items: center; + justify-content: center; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-icon-svg + svg { + width: 16px; + height: 16px; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-icon-svg + svg + path { + fill: #747c89; } .cptm-form-builder-group-field-item-header .cptm-title-3 > span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip { - position: relative; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip:before { - content: attr(data-info); - position: absolute; - top: calc(100% + 8px); - left: 0; - min-width: 180px; - max-width: 180px; - text-align: center; - color: #ffffff; - font-size: 13px; - font-weight: 500; - padding: 10px 12px; - border-radius: 6px; - background-color: #141921; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip:after { - content: ""; - position: absolute; - top: calc(100% + 2px); - left: 4px; - border-bottom: 6px solid #141921; - border-left: 6px solid transparent; - border-right: 6px solid transparent; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip:hover:before, .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip:hover:after { - opacity: 1; - visibility: visible; - z-index: 1; + display: flex; + gap: 12px; + align-items: center; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip { + position: relative; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip:before { + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + left: 0; + min-width: 180px; + max-width: 180px; + text-align: center; + color: #ffffff; + font-size: 13px; + font-weight: 500; + padding: 10px 12px; + border-radius: 6px; + background-color: #141921; + opacity: 0; + visibility: hidden; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip:after { + content: ""; + position: absolute; + top: calc(100% + 2px); + left: 4px; + border-bottom: 6px solid #141921; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + opacity: 0; + visibility: hidden; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip:hover:before, +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip:hover:after { + opacity: 1; + visibility: visible; + z-index: 1; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - line-height: 14px; - font-weight: 400; - padding: 4px 8px; - color: #ca6f04; - background-color: #fdefce; - border-radius: 4px; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info .cptm-title-info-icon { - font-size: 16px; + display: flex; + gap: 8px; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 400; + padding: 4px 8px; + color: #ca6f04; + background-color: #fdefce; + border-radius: 4px; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info + .cptm-title-info-icon { + font-size: 16px; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info i { - font-size: 16px; - color: #4d5761; + font-size: 16px; + color: #4d5761; } .directorist-draggable-list-item { - position: relative; - top: 15px; - float: left; - margin-right: 17px; - -webkit-box-flex: unset; - -webkit-flex-grow: unset; - -ms-flex-positive: unset; - flex-grow: unset; + position: relative; + top: 15px; + float: left; + margin-right: 17px; + flex-grow: unset; } .cptm-form-builder-group-field-item-body { - padding: 22px 25px 25px; - background-color: #fff; - border-radius: 0 0 8px 8px; - border: 1px solid transparent; - border-top: none; + padding: 22px 25px 25px; + background-color: #fff; + border-radius: 0 0 8px 8px; + border: 1px solid transparent; + border-top: none; } .cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle { - border-bottom: 1px solid #f1f2f6; - padding-bottom: 15px; - margin-bottom: 15px; + border-bottom: 1px solid #f1f2f6; + padding-bottom: 15px; + margin-bottom: 15px; } -.cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle .cptm-form-group { - margin-bottom: 0; +.cptm-form-builder-group-field-item-body + .cptm-field-wraper-type-toggle + .cptm-form-group { + margin-bottom: 0; } -.cptm-form-builder-group-field-item-body .directorist-type-icon-select + .cptm-form-group { - margin-top: 20px; +.cptm-form-builder-group-field-item-body + .directorist-type-icon-select + + .cptm-form-group { + margin-top: 20px; } .cptm-form-builder-field-list { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + margin: 0; + display: flex; + gap: 6px; + flex-wrap: wrap; } .cptm-form-builder-field-list .directorist-draggable-list-item { - position: unset; + position: unset; } .cptm-form-builder-field-list-item { - width: calc(50% - 3px); - padding: 10px 16px; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - list-style: none; - background-color: #ffffff; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + width: calc(50% - 3px); + padding: 10px 16px; + margin: 0; + display: flex; + align-items: center; + flex-wrap: wrap; + list-style: none; + background-color: #ffffff; + border: 1px solid #e5e7eb; + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + border-radius: 8px; + box-sizing: border-box; + transition: all ease 0.3s; } .cptm-form-builder-field-list-item .directorist-draggable-list-item-slot { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .cptm-form-builder-field-list-item:hover { - background-color: #e5e7eb; - -webkit-box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); - box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); + background-color: #e5e7eb; + box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); } .cptm-form-builder-field-list-item.clickable { - cursor: pointer; + cursor: pointer; } .cptm-form-builder-field-list-item.disabled { - cursor: not-allowed; + cursor: not-allowed; } @media (max-width: 400px) { - .cptm-form-builder-field-list-item { - width: calc(100% - 6px); - } + .cptm-form-builder-field-list-item { + width: calc(100% - 6px); + } } -li[class=cptm-form-builder-field-list-item][draggable=true] { - cursor: move; +li[class="cptm-form-builder-field-list-item"][draggable="true"] { + cursor: move; } .cptm-form-builder-field-list-icon { - display: inline-block; - margin-right: 12px; - width: 16px; - font-size: 16px; - color: #747c89; + display: inline-block; + margin-right: 12px; + width: 16px; + font-size: 16px; + color: #747c89; } .cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } .cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } -.cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg svg path { - fill: #747c89; +.cptm-form-builder-field-list-icon + .cptm-form-builder-field-list-icon-svg + svg + path { + fill: #747c89; } .cptm-form-builder-field-list-label { - display: inline-block; - font-size: 13px; - font-weight: 400; - color: #383f47; + display: inline-block; + font-size: 13px; + font-weight: 400; + color: #383f47; } .cptm-info-text-area { - margin-bottom: 10px; + margin-bottom: 10px; } .cptm-info-text { - margin: 0; - padding: 10px 0; - color: gray; + margin: 0; + padding: 10px 0; + color: gray; } .cptm-info-success { - color: #00b158; + color: #00b158; } .cptm-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .cptm-item-footer-drop-area { - position: absolute; - left: 0; - bottom: 0; - width: 100%; - height: 20px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: translate(0, 100%); - transform: translate(0, 100%); - z-index: 5; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 20px; + transition: all ease-in-out 300ms; + transform: translate(0, 100%); + z-index: 5; } .cptm-item-footer-drop-area.drag-enter { - background-color: rgba(23, 135, 255, 0.3); + background-color: rgba(23, 135, 255, 0.3); } .cptm-item-footer-drop-area.cptm-group-item-drop-area { - height: 40px; + height: 40px; } .cptm-form-builder-group-field-item-drop-area { - height: 20px; - position: absolute; - bottom: -20px; - z-index: 5; - width: 100%; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + height: 20px; + position: absolute; + bottom: -20px; + z-index: 5; + width: 100%; + transition: all ease-in-out 300ms; } .cptm-form-builder-group-field-item-drop-area.drag-enter { - background-color: rgba(23, 135, 255, 0.3); + background-color: rgba(23, 135, 255, 0.3); } .cptm-checkbox-area, .cptm-options-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 10px 0; - right: 0; - left: 0; + display: flex; + flex-direction: column; + margin: 10px 0; + right: 0; + left: 0; } .cptm-checkbox-area .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } @media (max-width: 1300px) { - .cptm-checkbox-area, - .cptm-options-area { - position: static; - } + .cptm-checkbox-area, + .cptm-options-area { + position: static; + } } .cptm-checkbox-item, .cptm-radio-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-right: 20px; + display: flex; + margin-right: 20px; } .cptm-tab-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .cptm-tab-area .cptm-tab-item input { - display: none; + display: none; } .cptm-tab-area .cptm-tab-item input:checked + label { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-tab-area .cptm-tab-item label { - margin: 0; - padding: 0 12px; - height: 32px; - line-height: 32px; - font-size: 14px; - font-weight: 500; - color: #747c89; - background: #e5e7eb; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + margin: 0; + padding: 0 12px; + height: 32px; + line-height: 32px; + font-size: 14px; + font-weight: 500; + color: #747c89; + background: #e5e7eb; + cursor: pointer; + transition: all ease-in-out 300ms; } .cptm-tab-area .cptm-tab-item label:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } @media screen and (max-width: 782px) { - .enable_schema_markup .atbdp-label-icon-wrapper { - margin-bottom: 15px !important; - } + .enable_schema_markup .atbdp-label-icon-wrapper { + margin-bottom: 15px !important; + } } .cptm-schema-tab-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 12px; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 12px; } .cptm-schema-tab-label { - color: rgba(0, 6, 38, 0.9); - font-size: 15px; - font-style: normal; - font-weight: 600; - line-height: 16px; + color: rgba(0, 6, 38, 0.9); + font-size: 15px; + font-style: normal; + font-weight: 600; + line-height: 16px; } .cptm-schema-tab-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px 20px; + display: flex; + gap: 10px 20px; } @media screen and (max-width: 782px) { - .cptm-schema-tab-wrapper { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .cptm-schema-tab-wrapper { + flex-wrap: wrap; + } } -.cptm-schema-tab-wrapper input[type=radio]:checked { - background-color: #3e62f5 !important; - border-color: #3e62f5 !important; +.cptm-schema-tab-wrapper input[type="radio"]:checked { + background-color: #3e62f5 !important; + border-color: #3e62f5 !important; } -.cptm-schema-tab-wrapper input[type=radio]:checked::before { - background-color: white !important; +.cptm-schema-tab-wrapper input[type="radio"]:checked::before { + background-color: white !important; } .cptm-schema-tab-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 12px 16px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid rgba(0, 17, 102, 0.1); - background-color: #fff; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: flex; + padding: 12px 16px; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid rgba(0, 17, 102, 0.1); + background-color: #fff; + transition: all ease-in-out 300ms; } @media screen and (max-width: 782px) { - .cptm-schema-tab-item { - width: 100%; - } + .cptm-schema-tab-item { + width: 100%; + } } -.cptm-schema-tab-item input[type=radio] { - -webkit-box-shadow: none; - box-shadow: none; +.cptm-schema-tab-item input[type="radio"] { + box-shadow: none; } @media screen and (max-width: 782px) { - .cptm-schema-tab-item input[type=radio] { - width: 16px; - height: 16px; - } - .cptm-schema-tab-item input[type=radio]:checked:before { - width: 0.5rem; - height: 0.5rem; - margin: 3px 3px; - line-height: 1.14285714; - } + .cptm-schema-tab-item input[type="radio"] { + width: 16px; + height: 16px; + } + .cptm-schema-tab-item input[type="radio"]:checked:before { + width: 0.5rem; + height: 0.5rem; + margin: 3px 3px; + line-height: 1.14285714; + } } .cptm-schema-tab-item.active { - border-color: #3e62f5 !important; - background-color: #f0f3ff; + border-color: #3e62f5 !important; + background-color: #f0f3ff; } .cptm-schema-tab-item.active .cptm-schema-label-wrapper { - color: #3e62f5 !important; + color: #3e62f5 !important; } .cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child { - cursor: not-allowed; - opacity: 0.5; - pointer-events: none; + cursor: not-allowed; + opacity: 0.5; + pointer-events: none; } -.cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child .cptm-schema-label-badge { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; +.cptm-schema-multi-directory-disabled + .cptm-schema-tab-item:last-child + .cptm-schema-label-badge { + display: inline-flex; } .cptm-schema-label-wrapper { - color: rgba(0, 6, 38, 0.9) !important; - font-size: 14px !important; - font-style: normal; - font-weight: 600 !important; - line-height: 20px; - cursor: pointer; - margin: 0 !important; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + color: rgba(0, 6, 38, 0.9) !important; + font-size: 14px !important; + font-style: normal; + font-weight: 600 !important; + line-height: 20px; + cursor: pointer; + margin: 0 !important; + transition: all ease-in-out 300ms; } .cptm-schema .cptm-schema-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; + display: flex; + align-items: center; + gap: 6px; } .cptm-schema-label-badge { - display: none; - height: 20px; - padding: 0px 8px; - border-radius: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background-color: #e3ecf2; - color: rgba(0, 8, 51, 0.65); - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 16px; - letter-spacing: 0.12px; + display: none; + height: 20px; + padding: 0px 8px; + border-radius: 4px; + align-items: center; + background-color: #e3ecf2; + color: rgba(0, 8, 51, 0.65); + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 16px; + letter-spacing: 0.12px; } .cptm-schema-label-description { - color: rgba(0, 8, 51, 0.65); - font-size: 12px !important; - font-style: normal; - font-weight: 400; - line-height: 18px; - margin-top: 2px; + color: rgba(0, 8, 51, 0.65); + font-size: 12px !important; + font-style: normal; + font-weight: 400; + line-height: 18px; + margin-top: 2px; } #listing_settings__listings_page .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } -input[type=checkbox].cptm-checkbox { - display: none; +input[type="checkbox"].cptm-checkbox { + display: none; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui { - color: #3e62f5; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui { + color: #3e62f5; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui::before { - font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; - font-weight: 900; - color: #fff; - content: "\f00c"; - z-index: 22; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui::before { + font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; + font-weight: 900; + color: #fff; + content: "\f00c"; + z-index: 22; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui:after { - background-color: #00b158; - border-color: #00b158; - z-index: -1; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui:after { + background-color: #00b158; + border-color: #00b158; + z-index: -1; } -input[type=radio].cptm-radio { - margin-top: 1px; +input[type="radio"].cptm-radio { + margin-top: 1px; } .cptm-form-range-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: inline-flex; + flex-wrap: wrap; } .cptm-form-range-wrap .cptm-form-range-bar { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-form-range-wrap .cptm-form-range-output { - width: 30px; + width: 30px; } .cptm-form-range-wrap .cptm-form-range-output-text { - padding: 10px 20px; - background-color: #fff; + padding: 10px 20px; + background-color: #fff; } .cptm-checkbox-ui { - display: inline-block; - min-width: 16px; - position: relative; - z-index: 1; - margin-right: 12px; + display: inline-block; + min-width: 16px; + position: relative; + z-index: 1; + margin-right: 12px; } .cptm-checkbox-ui::before { - font-size: 10px; - line-height: 1; - font-weight: 900; - display: inline-block; - margin-left: 4px; + font-size: 10px; + line-height: 1; + font-weight: 900; + display: inline-block; + margin-left: 4px; } .cptm-checkbox-ui:after { - position: absolute; - left: 0; - top: 0; - width: 18px; - height: 18px; - border-radius: 4px; - border: 1px solid #c6d0dc; - content: ""; + position: absolute; + left: 0; + top: 0; + width: 18px; + height: 18px; + border-radius: 4px; + border: 1px solid #c6d0dc; + content: ""; } .cptm-vh { - overflow: hidden; - overflow-y: auto; - max-height: 100vh; + overflow: hidden; + overflow-y: auto; + max-height: 100vh; } .cptm-thumbnail { - max-width: 350px; - width: 100%; - height: auto; - margin-bottom: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: #f2f2f2; + max-width: 350px; + width: 100%; + height: auto; + margin-bottom: 20px; + display: flex; + justify-content: center; + background-color: #f2f2f2; } .cptm-thumbnail img { - display: block; - width: 100%; - height: auto; + display: block; + width: 100%; + height: auto; } .cptm-thumbnail-placeholder { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } .cptm-thumbnail-placeholder-icon { - font-size: 40px; - color: #d2d6db; + font-size: 40px; + color: #d2d6db; } .cptm-thumbnail-placeholder-icon svg { - width: 40px; - height: 40px; + width: 40px; + height: 40px; } .cptm-thumbnail-img-wrap { - position: relative; + position: relative; } .cptm-thumbnail-action { - display: inline-block; - position: absolute; - top: 0; - right: 0; - background-color: #c6c6c6; - padding: 5px 8px; - border-radius: 50%; - margin: 10px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + position: absolute; + top: 0; + right: 0; + background-color: #c6c6c6; + padding: 5px 8px; + border-radius: 50%; + margin: 10px; + cursor: pointer; + transition: all ease-in-out 300ms; } .cptm-sub-navigation { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + padding: 0; + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; } .cptm-sub-nav__item { - list-style: none; - margin: 0; + list-style: none; + margin: 0; } .cptm-sub-nav__item-link { - display: block; - text-decoration: none; - padding: 12px 25px; - border-radius: 30px; - margin: 22px 5px; - color: #7a8289; - font-weight: 600; - background-color: #f1f2f6; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.cptm-sub-nav__item-link:hover, .cptm-sub-nav__item-link.active { - font-weight: 600; - color: #fff; - background: #3e62f5; + display: block; + text-decoration: none; + padding: 12px 25px; + border-radius: 30px; + margin: 22px 5px; + color: #7a8289; + font-weight: 600; + background-color: #f1f2f6; + transition: 0.3s ease; +} +.cptm-sub-nav__item-link:hover, +.cptm-sub-nav__item-link.active { + font-weight: 600; + color: #fff; + background: #3e62f5; } .cptm-sub-nav__item-link.active { - font-weight: bold; + font-weight: bold; } .cptm-builder-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - position: relative; + display: flex; + flex-wrap: wrap; + position: relative; } .cptm-options-area { - width: 300px; + width: 300px; } .cptm-option-card { - display: none; - margin-bottom: 10px; - opacity: 0; - border-radius: 5px; - text-align: left; - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transition: all linear 300ms; - transition: all linear 300ms; - pointer-events: none; + display: none; + margin-bottom: 10px; + opacity: 0; + border-radius: 5px; + text-align: left; + transform-origin: center; + transition: all linear 300ms; + pointer-events: none; } .cptm-option-card.cptm-animation-flip { - -webkit-transform: rotate3d(0, 1, 0, 45deg); - transform: rotate3d(0, 1, 0, 45deg); + transform: rotate3d(0, 1, 0, 45deg); } .cptm-option-card.cptm-animation-slide-up { - -webkit-transform: translate(0, 30px); - transform: translate(0, 30px); + transform: translate(0, 30px); } .cptm-option-card.active { - display: block; - opacity: 1; - pointer-events: all; + display: block; + opacity: 1; + pointer-events: all; } .cptm-option-card.active.cptm-animation-flip { - -webkit-transform: rotate3d(0, 0, 0, 0deg); - transform: rotate3d(0, 0, 0, 0deg); + transform: rotate3d(0, 0, 0, 0deg); } .cptm-option-card.active.cptm-animation-slide-up { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); + transform: translate(0, 0); } .cptm-anchor-down { - display: block; - text-align: center; - position: relative; - top: -1px; + display: block; + text-align: center; + position: relative; + top: -1px; } .cptm-anchor-down:after { - content: ""; - display: inline-block; - width: 0; - height: 0; - border-left: 15px solid transparent; - border-right: 15px solid transparent; - border-top: 15px solid #fff; + content: ""; + display: inline-block; + width: 0; + height: 0; + border-left: 15px solid transparent; + border-right: 15px solid transparent; + border-top: 15px solid #fff; } .cptm-header-action-link { - display: inline-block; - padding: 0 10px; - text-decoration: none; - color: #fff; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 0 10px; + text-decoration: none; + color: #fff; + transition: all ease-in-out 300ms; } .cptm-header-action-link:hover { - color: #fff; + color: #fff; } .cptm-option-card-header { - border-radius: 5px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - background-color: #3e62f5; + border-radius: 5px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + background-color: #3e62f5; } .cptm-option-card-header-title-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #fff; - min-height: 56px; - padding: 0 15px 0 25px; + display: flex; + align-items: center; + color: #fff; + min-height: 56px; + padding: 0 15px 0 25px; } .cptm-option-card-header-title { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - text-align: left; - color: #fff; + flex-grow: 1; + margin: 0; + text-align: left; + color: #fff; } .cptm-header-action-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0 0 0 10px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + padding: 0 0 0 10px; + justify-content: center; + align-items: center; } .cptm-option-card-header-nav-section { - display: block; + display: block; } .cptm-option-card-header-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - color: #fff; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0; - margin: 0; - background-color: rgba(255, 255, 255, 0.15); + display: flex; + color: #fff; + flex-wrap: wrap; + padding: 0; + margin: 0; + background-color: rgba(255, 255, 255, 0.15); } .cptm-option-card-header-nav-item { - display: block; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - padding: 8px 10px; - cursor: pointer; - margin-bottom: 0; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: block; + flex-grow: 1; + text-align: center; + padding: 8px 10px; + cursor: pointer; + margin-bottom: 0; + transition: all ease-in-out 300ms; } .cptm-option-card-header-nav-item.active { - background-color: rgba(255, 255, 255, 0.15); + background-color: rgba(255, 255, 255, 0.15); } .cptm-option-card-body { - padding: 18px 20px 20px; - border-radius: 5px; - border-top-right-radius: 0; - border-top-left-radius: 0; - -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); - box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); - background-color: #fff; - max-height: 500px; - overflow-y: auto; + padding: 18px 20px 20px; + border-radius: 5px; + border-top-right-radius: 0; + border-top-left-radius: 0; + box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); + background-color: #fff; + max-height: 500px; + overflow-y: auto; } .cptm-option-card-body .cptm-form-group:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-option-card-body .directorist-type-icon-select { - margin-bottom: 20px; + margin-bottom: 20px; } .cptm-option-card-body .directorist-type-icon-select .icon-picker-selector { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .cptm-widget-insert-area { - position: absolute; - bottom: 0; - left: 50%; - z-index: 99; - -webkit-transform: translate(-50%, 50%); - transform: translate(-50%, 50%); + position: absolute; + bottom: 0; + left: 50%; + z-index: 99; + transform: translate(-50%, 50%); } .cptm-widget-insert-wrap { - position: relative; + position: relative; } .cptm-widget-insert-modal-container { - position: absolute; - left: 50%; - top: 0; - width: 330px; - -webkit-transform: translate(-50%, -100%); - transform: translate(-50%, -100%); - pointer-events: none; + position: absolute; + left: 50%; + top: 0; + width: 330px; + transform: translate(-50%, -100%); + pointer-events: none; } .cptm-widget-insert-modal-container.active { - pointer-events: all; + pointer-events: all; } .cptm-widget-insert-link { - display: inline-block; - width: 26px; - height: 26px; - line-height: 25px; - border-radius: 50%; - font-size: 14px; - text-align: center; - text-decoration: none; - background-color: #fff; - -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - color: #5a5f7d; + display: inline-block; + width: 26px; + height: 26px; + line-height: 25px; + border-radius: 50%; + font-size: 14px; + text-align: center; + text-decoration: none; + background-color: #fff; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + color: #5a5f7d; } .cptm-listing-card-preview-body .cptm-widget-insert-link, .cptm-listing-card-preview-footer .cptm-widget-insert-link { - background: #23282d; - color: #fff; + background: #23282d; + color: #fff; } .cptm-widget-card-drop-prepend { - border-radius: 8px; + border-radius: 8px; } .cptm-widget-card-drop-append { - display: block; - width: 100%; - height: 0; - border-radius: 8px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: transparent; - border: 1px dashed transparent; + display: block; + width: 100%; + height: 0; + border-radius: 8px; + transition: all ease-in-out 300ms; + background-color: transparent; + border: 1px dashed transparent; } .cptm-widget-card-drop-append.dropable { - margin: 3px 0; - height: 10px; - border-color: cornflowerblue; + margin: 3px 0; + height: 10px; + border-color: cornflowerblue; } .cptm-widget-card-drop-append.drag-enter { - background-color: cornflowerblue; + background-color: cornflowerblue; } .cptm-widget-card-wrap { - visibility: visible; + visibility: visible; } .cptm-widget-card-inline-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - vertical-align: top; + display: inline-flex; + vertical-align: top; } .cptm-widget-card-inline-wrap .cptm-widget-card { - display: inline-block; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + display: inline-block; + flex: 1; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append { - display: inline-block; - width: 0; - height: auto; + display: inline-block; + width: 0; + height: auto; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append.dropable { - margin: 0 3px; - width: 10px; - max-width: 10px; + margin: 0 3px; + width: 10px; + max-width: 10px; } .cptm-list-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 5px; - color: gray; - font-weight: 600; - font-size: 16px; + display: flex; + padding: 5px; + color: gray; + font-weight: 600; + font-size: 16px; } .cptm-list-item .cptm-list-item-icon { - width: 25px; + width: 25px; } .cptm-list-item .cptm-list-item-label { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-list-item-card { - display: block; + display: block; } .cptm-widget-badge { - display: inline-block; - text-align: center; - color: #fff; - border-radius: 5px; - font-size: 11px; - padding: 2px 8px; - margin: 2px; - font-weight: 700; - background-color: rgba(255, 255, 255, 0.2); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - position: relative; + display: inline-block; + text-align: center; + color: #fff; + border-radius: 5px; + font-size: 11px; + padding: 2px 8px; + margin: 2px; + font-weight: 700; + background-color: rgba(255, 255, 255, 0.2); + transition: 0.3s ease; + position: relative; } .cptm-preview-area { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-preview-wrapper { - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - gap: 25px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex !important; + gap: 25px; + align-items: center; + justify-content: space-between; } .cptm-preview-wrapper .cptm-preview-radio-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - max-width: 300px; + display: flex; + flex-direction: column; + flex: 0 0 auto; + max-width: 300px; } .cptm-preview-wrapper .cptm-preview-area-archive img { - max-height: 100px; + max-height: 100px; } .cptm-widget-thumb .cptm-widget-thumb-icon i { - font-size: 80px; - opacity: 0.1; + font-size: 80px; + opacity: 0.1; } .cptm-widget-thumb .cptm-widget-label { - font-size: 13px; - font-weight: 500; - color: #868eae; + font-size: 13px; + font-weight: 500; + color: #868eae; } .cptm-placeholder-blcok { - padding: 2px; - position: relative; - min-height: 54px; - border: 2px dashed rgba(255, 255, 255, 0.15); - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 4px; - z-index: 99; + padding: 2px; + position: relative; + min-height: 54px; + border: 2px dashed rgba(255, 255, 255, 0.15); + transition: all ease-in-out 300ms; + box-sizing: border-box; + border-radius: 4px; + z-index: 99; } -.cptm-placeholder-blcok:hover, .cptm-placeholder-blcok.drag-enter { - border-color: rgb(255, 255, 255); +.cptm-placeholder-blcok:hover, +.cptm-placeholder-blcok.drag-enter { + border-color: rgb(255, 255, 255); } .cptm-placeholder-label { - margin: 0; - text-align: center; - margin-bottom: 0; - text-align: center; - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - z-index: 0; - color: rgba(255, 255, 255, 0.4); - font-size: 13px; + margin: 0; + text-align: center; + margin-bottom: 0; + text-align: center; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + z-index: 0; + color: rgba(255, 255, 255, 0.4); + font-size: 13px; } .cptm-placeholder-label.hide { - display: none; + display: none; } .cptm-listing-card-preview-footer .cptm-placeholder-label { - color: #868eae; + color: #868eae; } .cptm-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 100%; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + height: 100%; + flex-wrap: wrap; + justify-content: center; + align-items: center; } .cptm-center-content.cptm-content-wide * { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .cptm-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .cptm-listing-card-body-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .cptm-align-left { - text-align: left; + text-align: left; } .cptm-listing-card-body-header-left { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-listing-card-body-header-right { - width: 100px; - margin-left: 10px; + width: 100px; + margin-left: 10px; } .cptm-card-preview-area-wrap { - max-width: 450px; - margin: 0 auto; + max-width: 450px; + margin: 0 auto; } .cptm-card-preview-widget { - max-width: 450px; - margin: 0 auto; - border-radius: 8px; - -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - background-color: #fff; + max-width: 450px; + margin: 0 auto; + border-radius: 8px; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); + background-color: #fff; } .cptm-card-preview-widget.cptm-card-list-view { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - max-width: 100%; + display: flex; + flex-wrap: wrap; + max-width: 100%; } .cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-thumbnail { - height: 100%; + height: 100%; } -.cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { - min-width: 320px; - min-height: 300px; +.cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header { + min-width: 320px; + min-height: 300px; } @media (max-width: 400px) { - .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { - min-width: 100%; - } + .cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header { + min-width: 100%; + } } .cptm-field-wraper-key-single_listing_header .cptm-card-preview-area-wrap, .cptm-field-wraper-key-single_listing_header .cptm-card-preview-widget { - max-width: 750px; + max-width: 750px; } .cptm-listing-card-preview-header { - display: block; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + display: block; + flex-grow: 1; } .cptm-listing-card-content { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-card-preview-thumbnail { - position: relative; - height: 280px; - background: #272b41; - border-radius: 5px 5px 0 0; + position: relative; + height: 280px; + background: #272b41; + border-radius: 5px 5px 0 0; } .cptm-card-preview-thumbnail-overlay { - position: relative; - height: 100%; - padding: 20px 10px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + height: 100%; + padding: 20px 10px; + box-sizing: border-box; } .cptm-card-preview-thumbnail-placeholer { - height: 100%; + height: 100%; } .cptm-card-preview-thumbnail-placeholder { - height: 100%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + height: 100%; + text-align: center; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; } .cptm-listing-card-preview-quick-info-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-card-preview-thumbnail-bg { - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - font-size: 72px; - color: #7b7d8b; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + font-size: 72px; + color: #7b7d8b; } .cptm-card-preview-thumbnail-bg span { - color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.1); } .cptm-card-preview-top-left { - width: calc(50% - 30px); - position: absolute; - top: 20px; - left: 20px; + width: calc(50% - 30px); + position: absolute; + top: 20px; + left: 20px; } .cptm-card-preview-top-left-placeholder { - display: block; - text-align: left; + display: block; + text-align: left; } .cptm-card-preview-top-right { - position: absolute; - right: 20px; - top: 20px; - width: calc(50% - 30px); + position: absolute; + right: 20px; + top: 20px; + width: calc(50% - 30px); } .cptm-card-preview-top-right-placeholder { - text-align: right; + text-align: right; } .cptm-card-preview-bottom-left { - position: absolute; - width: calc(50% - 30px); - bottom: 53px; - left: 20px; + position: absolute; + width: calc(50% - 30px); + bottom: 53px; + left: 20px; } .cptm-card-preview-bottom-left-placeholder { - display: block; - text-align: left; + display: block; + text-align: left; } .cptm-card-preview-bottom-right { - position: absolute; - bottom: 53px; - right: 20px; - width: calc(50% - 30px); + position: absolute; + bottom: 53px; + right: 20px; + width: calc(50% - 30px); } .cptm-card-preview-bottom-right-placeholder { - display: block; - text-align: right; + display: block; + text-align: right; } .cptm-listing-card-preview-body { - display: block; - padding: 35px 20px 20px; - position: relative; + display: block; + padding: 35px 20px 20px; + position: relative; } .cptm-listing-card-author-avatar { - z-index: 99; - position: absolute; - left: 50%; - top: 0; - width: calc(100% - 40px); - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); + z-index: 99; + position: absolute; + left: 50%; + top: 0; + width: calc(100% - 40px); + transform: translate(-50%, -50%); } .cptm-listing-card-author-avatar .cptm-placeholder-blcok { - padding: 0; - height: 51px; - min-height: auto; - text-align: center; - border-color: rgba(198, 208, 220, 0.5); + padding: 0; + height: 51px; + min-height: auto; + text-align: center; + border-color: rgba(198, 208, 220, 0.5); } -.cptm-listing-card-author-avatar .cptm-widget-insert-area .cptm-widget-insert-link { - background-color: #fff; - color: #5a5f7d; +.cptm-listing-card-author-avatar + .cptm-widget-insert-area + .cptm-widget-insert-link { + background-color: #fff; + color: #5a5f7d; } .cptm-placeholder-author-thumb { - margin: 0; + margin: 0; } .cptm-placeholder-author-thumb img { - width: 40px; - height: 40px; - border-radius: 50%; - -o-object-fit: cover; - object-fit: cover; - background-color: #c6d0dc; - border: 4px solid #fff; + width: 40px; + height: 40px; + border-radius: 50%; + object-fit: cover; + background-color: #c6d0dc; + border: 4px solid #fff; } .cptm-placeholder-author-thumb-wrapper { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: #c6d0dc; - border: 4px solid #fff; - color: white; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + width: 40px; + height: 40px; + border-radius: 50%; + background-color: #c6d0dc; + border: 4px solid #fff; + color: white; + display: inline-flex; + align-items: center; + justify-content: center; } .cptm-placeholder-author-thumb-wrapper svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .cptm-widget-title-card { - margin-bottom: 10px; - padding: 10px; - text-align: left; - color: #bfbfbf; - font-weight: bold; - font-size: 18px; + margin-bottom: 10px; + padding: 10px; + text-align: left; + color: #bfbfbf; + font-weight: bold; + font-size: 18px; } .cptm-has-widget-control { - position: relative; + position: relative; } .cptm-has-widget-control:hover .cptm-widget-control-wrap { - visibility: visible; - pointer-events: all; - opacity: 1; + visibility: visible; + pointer-events: all; + opacity: 1; } .cptm-form-group-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .cptm-form-group-col { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-flex-basis: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; + flex-grow: 1; + flex-basis: 50%; } .cptm-form-group-info { - color: gray; - margin-bottom: 5px; + color: gray; + margin-bottom: 5px; } .cptm-widget-actions-tools { - position: absolute; - width: 75px; - background-color: #2c99ff; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - top: -40px; - padding: 5px; - border: 3px solid #2c99ff; - border-radius: 1px 1px 0 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 9999; + position: absolute; + width: 75px; + background-color: #2c99ff; + left: 50%; + transform: translateX(-50%); + top: -40px; + padding: 5px; + border: 3px solid #2c99ff; + border-radius: 1px 1px 0 0; + display: flex; + align-items: center; + justify-content: center; + visibility: hidden; + opacity: 0; + pointer-events: none; + transition: 0.3s ease; + z-index: 9999; } .cptm-widget-actions-tools a { - padding: 0 6px; - font-size: 12px; - color: #fff; + padding: 0 6px; + font-size: 12px; + color: #fff; } .cptm-widget-actions-tools-wrap:before { - position: absolute; - content: ""; - width: 100%; - height: 100%; - left: -8px; - top: -8px; - border: 3px solid #2c99ff; - padding: 5px; - visibility: hidden; - opacity: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 1; + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: -8px; + top: -8px; + border: 3px solid #2c99ff; + padding: 5px; + visibility: hidden; + opacity: 0; + transition: 0.3s ease; + z-index: 1; } .cptm-widget-actions-tools-wrap:hover .cptm-widget-actions-tools { - visibility: visible; - opacity: 1; - pointer-events: all; + visibility: visible; + opacity: 1; + pointer-events: all; } .cptm-widget-actions-tools-wrap:hover:before { - visibility: visible; - opacity: 1; + visibility: visible; + opacity: 1; } .cptm-widget-control-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - visibility: hidden; - opacity: 0; - position: absolute; - left: 0; - right: 0; - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - top: 1px; - pointer-events: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - z-index: 99; + display: flex; + visibility: hidden; + opacity: 0; + position: absolute; + left: 0; + right: 0; + width: 100%; + justify-content: center; + align-items: center; + top: 1px; + pointer-events: none; + transition: all ease-in-out 300ms; + z-index: 99; } .cptm-widget-control { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding-bottom: 10px; - -webkit-transform: translate(0%, -100%); - transform: translate(0%, -100%); + display: flex; + padding-bottom: 10px; + transform: translate(0%, -100%); } .cptm-widget-control::after { - content: ""; - display: inline-block; - margin: 0 auto; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 10px solid #3e62f5; - position: absolute; - bottom: 2px; - left: 50%; - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); - z-index: -1; + content: ""; + display: inline-block; + margin: 0 auto; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid #3e62f5; + position: absolute; + bottom: 2px; + left: 50%; + transform: translate(-50%, 0); + z-index: -1; } .cptm-widget-control .cptm-widget-control-action:first-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } .cptm-widget-control .cptm-widget-control-action:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } .hide { - display: none; + display: none; } .cptm-widget-control-action { - display: inline-block; - padding: 5px 8px; - color: #fff; - font-size: 12px; - cursor: pointer; - background-color: #3e62f5; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 5px 8px; + color: #fff; + font-size: 12px; + cursor: pointer; + background-color: #3e62f5; + transition: all ease-in-out 300ms; } .cptm-widget-control-action:hover { - background-color: #0e3bf2; + background-color: #0e3bf2; } .cptm-listing-card-preview-body-placeholder { - display: block; - padding: 10px; - min-height: 206px; - border-color: #e3e6ef; + display: block; + padding: 10px; + min-height: 206px; + border-color: #e3e6ef; } -.cptm-listing-card-preview-body-placeholder:hover, .cptm-listing-card-preview-body-placeholder.drag-enter { - border-color: #717171; +.cptm-listing-card-preview-body-placeholder:hover, +.cptm-listing-card-preview-body-placeholder.drag-enter { + border-color: #717171; } .cptm-listing-card-preview-body-placeholder .cptm-placeholder-label { - color: #a1a8c6; + color: #a1a8c6; } .cptm-listing-card-preview-footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 20px; - background-color: #f4f5f7; - border-radius: 0 0 5px 5px; + display: flex; + flex-wrap: wrap; + padding: 20px; + background-color: #f4f5f7; + border-radius: 0 0 5px 5px; } .cptm-listing-card-preview-footer-left-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-right: 5px; - border-color: #c6d0dc; - width: calc(50% - 10px); - text-align: left; + flex-grow: 1; + margin-right: 5px; + border-color: #c6d0dc; + width: calc(50% - 10px); + text-align: left; } -.cptm-listing-card-preview-footer-left-placeholder:hover, .cptm-listing-card-preview-footer-left-placeholder.drag-enter { - border-color: #1e1e1e; +.cptm-listing-card-preview-footer-left-placeholder:hover, +.cptm-listing-card-preview-footer-left-placeholder.drag-enter { + border-color: #1e1e1e; } .cptm-listing-card-preview-footer-right-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - border-color: #c6d0dc; - width: calc(50% - 10px); - text-align: right; + flex-grow: 1; + border-color: #c6d0dc; + width: calc(50% - 10px); + text-align: right; } -.cptm-listing-card-preview-footer-right-placeholder:hover, .cptm-listing-card-preview-footer-right-placeholder.drag-enter { - border-color: #1e1e1e; +.cptm-listing-card-preview-footer-right-placeholder:hover, +.cptm-listing-card-preview-footer-right-placeholder.drag-enter { + border-color: #1e1e1e; } .cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + justify-content: flex-end; + align-items: center; } .cptm-card-light.cptm-placeholder-blcok { - border-color: #c6d0dc; + border-color: #c6d0dc; } -.cptm-card-light.cptm-placeholder-blcok:hover, .cptm-card-light.cptm-placeholder-blcok.drag-enter { - border-color: #1e1e1e; +.cptm-card-light.cptm-placeholder-blcok:hover, +.cptm-card-light.cptm-placeholder-blcok.drag-enter { + border-color: #1e1e1e; } .cptm-card-light .cptm-placeholder-label { - color: #23282d; + color: #23282d; } .cptm-card-light .cptm-widget-badge { - color: #969db8; - background-color: #eff0f3; + color: #969db8; + background-color: #eff0f3; } .cptm-card-dark-light .cptm-placeholder-label { - padding: 5px 12px; - color: #888; - border-radius: 30px; - background-color: #fff; + padding: 5px 12px; + color: #888; + border-radius: 30px; + background-color: #fff; } .cptm-card-dark-light .cptm-widget-badge { - background-color: rgba(0, 0, 0, 0.8); + background-color: rgba(0, 0, 0, 0.8); } .cptm-widgets-container { - overflow: hidden; - border: 1px solid rgba(0, 0, 0, 0.1); - background-color: #fff; + overflow: hidden; + border: 1px solid rgba(0, 0, 0, 0.1); + background-color: #fff; } .cptm-widgets-header { - display: block; + display: block; } .cptm-widget-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0; + display: flex; + flex-wrap: wrap; + margin: 0; } .cptm-widget-nav-item { - display: inline-block; - margin: 0; - padding: 12px 10px; - cursor: pointer; - -webkit-flex-basis: 33.3333333333%; - -ms-flex-preferred-size: 33.3333333333%; - flex-basis: 33.3333333333%; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; - color: #8a8a8a; - border-right: 1px solid #e3e1e1; - background-color: #f2f2f2; + display: inline-block; + margin: 0; + padding: 12px 10px; + cursor: pointer; + flex-basis: 33.3333333333%; + flex-grow: 1; + text-align: center; + box-sizing: border-box; + cursor: pointer; + color: #8a8a8a; + border-right: 1px solid #e3e1e1; + background-color: #f2f2f2; } .cptm-widget-nav-item:last-child { - border-right: none; + border-right: none; } .cptm-widget-nav-item:hover { - color: #2b2b2b; + color: #2b2b2b; } .cptm-widget-nav-item.active { - font-weight: bold; - color: #2b2b2b; - background-color: #fff; + font-weight: bold; + color: #2b2b2b; + background-color: #fff; } .cptm-widgets-body { - padding: 10px; - max-height: 450px; - overflow: hidden; - overflow-y: auto; + padding: 10px; + max-height: 450px; + overflow: hidden; + overflow-y: auto; } .cptm-widgets-list { - display: block; - margin: 0; + display: block; + margin: 0; } .cptm-widgets-list-item { - display: block; + display: block; } .widget-group-title { - margin: 0 0 5px; - font-size: 16px; - color: #bbb; + margin: 0 0 5px; + font-size: 16px; + color: #bbb; } .cptm-widgets-sub-list { - display: block; - margin: 0; + display: block; + margin: 0; } .cptm-widgets-sub-list-item { - display: block; - padding: 10px 15px; - background-color: #eee; - border-radius: 5px; - margin-bottom: 10px; - cursor: move; + display: block; + padding: 10px 15px; + background-color: #eee; + border-radius: 5px; + margin-bottom: 10px; + cursor: move; } .widget-icon { - display: inline-block; - margin-right: 5px; + display: inline-block; + margin-right: 5px; } .widget-label { - display: inline-block; + display: inline-block; } .cptm-form-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-form-group label { - display: block; - font-size: 14px; - font-weight: 500; - color: #2c3239; - margin-bottom: 9px; + display: block; + font-size: 14px; + font-weight: 500; + color: #2c3239; + margin-bottom: 9px; } .cptm-form-group label .cptm-sub-label { - font-weight: 400; - color: #747c89; - margin: 0; + font-weight: 400; + color: #747c89; + margin: 0; } .cptm-form-group .cptm-form-control { - max-width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; + max-width: 100%; + box-sizing: border-box; } .cptm-form-group.cptm-form-content { - text-align: center; - margin-bottom: 0; + text-align: center; + margin-bottom: 0; } .cptm-form-group.cptm-form-content .cptm-form-content-select { - text-align: left; + text-align: left; } .cptm-form-group.cptm-form-content .cptm-form-content-title { - font-size: 16px; - line-height: 22px; - font-weight: 600; - color: #191b23; - margin: 0 0 8px; + font-size: 16px; + line-height: 22px; + font-weight: 600; + color: #191b23; + margin: 0 0 8px; } .cptm-form-group.cptm-form-content .cptm-form-content-desc { - font-size: 12px; - line-height: 18px; - font-weight: 400; - color: #747c89; - margin: 0; + font-size: 12px; + line-height: 18px; + font-weight: 400; + color: #747c89; + margin: 0; } .cptm-form-group.cptm-form-content .cptm-form-content-icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 40px; - margin: 0 0 12px; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 40px; + margin: 0 0 12px; } .cptm-form-group.cptm-form-content .cptm-form-content-btn { - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 30px; - font-size: 12px; - line-height: 14px; - font-weight: 500; - margin: 8px auto 0; - color: #3e62f5; - background: transparent; - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - cursor: pointer; + position: relative; + display: inline-flex; + gap: 6px; + align-items: center; + justify-content: center; + height: 30px; + font-size: 12px; + line-height: 14px; + font-weight: 500; + margin: 8px auto 0; + color: #3e62f5; + background: transparent; + border: none; + outline: none; + box-shadow: none; + cursor: pointer; } .cptm-form-group.cptm-form-content .cptm-form-content-btn:before { - content: ""; - position: absolute; - width: 0; - height: 1px; - left: 0; - bottom: 8px; - background-color: #3e62f5; - -webkit-transition: width ease-in-out 300ms; - transition: width ease-in-out 300ms; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, .cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before { - width: 100%; + content: ""; + position: absolute; + width: 0; + height: 1px; + left: 0; + bottom: 8px; + background-color: #3e62f5; + transition: width ease-in-out 300ms; +} +.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, +.cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before { + width: 100%; } .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled { - pointer-events: none; + pointer-events: none; } -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled:before { - display: none; +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-btn-disabled:before { + display: none; } .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - color: #747c89; - height: auto; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:before { - display: none; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:hover, .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:focus { - color: #3e62f5; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-icon { - font-size: 14px; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-loader { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-loader i { - font-size: 15px; + display: flex; + color: #747c89; + height: auto; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:before { + display: none; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:hover, +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:focus { + color: #3e62f5; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-icon { + font-size: 14px; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-loader { + display: inline-flex; + gap: 6px; + align-items: center; + justify-content: center; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-loader + i { + font-size: 15px; } .cptm-form-group.tab-field .cptm-preview-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 0; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + gap: 0; + flex-direction: column; } .cptm-form-group.cpt-has-error .cptm-form-control { - border: 1px solid rgb(192, 51, 51); + border: 1px solid rgb(192, 51, 51); } .cptm-preview-image-upload { - width: 350px; - max-width: 100%; - height: 224px; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - border-radius: 10px; - position: relative; - overflow: hidden; + width: 350px; + max-width: 100%; + height: 224px; + flex-shrink: 0; + border-radius: 10px; + position: relative; + overflow: hidden; } .cptm-preview-image-upload:not(.cptm-preview-image-upload--show) { - border: 2px dashed #d2d6db; - background: #f9fafb; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail { - max-width: 100%; - width: 100%; - height: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-action { - display: none; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-img-wrap img { - width: 40px; - height: 40px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 4px; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - background: #141921; - color: #fff; - text-align: center; - font-size: 13px; - font-weight: 500; - line-height: 14px; - margin-top: 20px; - margin-bottom: 12px; - cursor: pointer; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn input { - background-color: transparent; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - color: white; - padding: 0; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn i { - font-size: 14px; - color: inherit; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .directorist-row-tooltip[data-tooltip]:before, .cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .directorist-row-tooltip[data-tooltip]:after { - opacity: 0; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-drag-text { - color: #747c89; - font-size: 14px; - font-weight: 400; - line-height: 16px; - text-transform: capitalize; + border: 2px dashed #d2d6db; + background: #f9fafb; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail { + max-width: 100%; + width: 100%; + height: 100%; + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-action { + display: none; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-img-wrap + img { + width: 40px; + height: 40px; + object-fit: cover; + border-radius: 4px; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn { + display: inline-flex; + padding: 8px 12px; + justify-content: center; + align-items: center; + gap: 6px; + border-radius: 8px; + background: #141921; + color: #fff; + text-align: center; + font-size: 13px; + font-weight: 500; + line-height: 14px; + margin-top: 20px; + margin-bottom: 12px; + cursor: pointer; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn + input { + background-color: transparent; + border: none; + box-shadow: none; + color: white; + padding: 0; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn + i { + font-size: 14px; + color: inherit; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .directorist-row-tooltip[data-tooltip]:before, +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .directorist-row-tooltip[data-tooltip]:after { + opacity: 0; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-drag-text { + color: #747c89; + font-size: 14px; + font-weight: 400; + line-height: 16px; + text-transform: capitalize; } .cptm-preview-image-upload.cptm-preview-image-upload--show { - margin-bottom: 0; - height: 100%; + margin-bottom: 0; + height: 100%; } .cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail { - margin: 0; - position: relative; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail:after { - content: ""; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), color-stop(35.42%, rgba(0, 0, 0, 0))); - background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 35.42%); - z-index: 1; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail .action-trash ~ .cptm-upload-btn { - right: 52px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-action { - margin: 0; - background-color: white; - width: 32px; - height: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0; - top: 12px; - right: 12px; - border-radius: 8px; - font-size: 16px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-drag-text { - display: none; + margin: 0; + position: relative; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: linear-gradient( + 180deg, + rgba(0, 0, 0, 0.6) 0%, + rgba(0, 0, 0, 0) 35.42% + ); + z-index: 1; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail + .action-trash + ~ .cptm-upload-btn { + right: 52px; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-action { + margin: 0; + background-color: white; + width: 32px; + height: 32px; + display: flex; + align-items: center; + justify-content: center; + padding: 0; + top: 12px; + right: 12px; + border-radius: 8px; + font-size: 16px; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-drag-text { + display: none; } .cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn { - position: absolute; - top: 12px; - right: 12px; - max-width: 32px !important; - width: 32px; - max-height: 32px; - height: 32px; - background-color: white; - padding: 0; - border-radius: 8px; - margin: 10px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - z-index: 2; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn input { - display: none; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn i::before { - content: "\ea57"; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .directorist-row-tooltip[data-tooltip]:after { - background-color: white; - color: #141921; - opacity: 1; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .directorist-row-tooltip[data-tooltip][data-flow=bottom]::before { - border-bottom-color: white; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-action { - z-index: 2; + position: absolute; + top: 12px; + right: 12px; + max-width: 32px !important; + width: 32px; + max-height: 32px; + height: 32px; + background-color: white; + padding: 0; + border-radius: 8px; + margin: 10px; + cursor: pointer; + transition: all ease-in-out 300ms; + margin: 0; + display: flex; + align-items: center; + justify-content: center; + z-index: 2; + box-sizing: border-box; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-upload-btn + input { + display: none; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-upload-btn + i::before { + content: "\ea57"; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .directorist-row-tooltip[data-tooltip]:after { + background-color: white; + color: #141921; + opacity: 1; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .directorist-row-tooltip[data-tooltip][data-flow="bottom"]::before { + border-bottom-color: white; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-action { + z-index: 2; } .cptm-form-group-feedback { - display: block; + display: block; } .cptm-form-alert { - padding: 0 0 10px; - color: #06d6a0; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + padding: 0 0 10px; + color: #06d6a0; + transition: all ease-in-out 300ms; } .cptm-form-alert.cptm-error { - color: #c82424; + color: #c82424; } .cptm-input-toggle-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + align-items: center; } .cptm-input-toggle-wrap label { - padding-right: 10px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-bottom: 0; + padding-right: 10px; + flex-grow: 1; + margin-bottom: 0; } .cptm-input-toggle { - display: inline-block; - position: relative; - width: 36px; - height: 20px; - background-color: #d9d9d9; - border-radius: 30px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - cursor: pointer; + display: inline-block; + position: relative; + width: 36px; + height: 20px; + background-color: #d9d9d9; + border-radius: 30px; + transition: all ease-in-out 300ms; + cursor: pointer; } .cptm-input-toggle::after { - content: ""; - display: inline-block; - width: 30%; - height: calc(100% - 10px); - background-color: #fff; - border-radius: 50%; - position: absolute; - top: 0; - left: 0; - margin: 5px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + content: ""; + display: inline-block; + width: 30%; + height: calc(100% - 10px); + background-color: #fff; + border-radius: 50%; + position: absolute; + top: 0; + left: 0; + margin: 5px; + transition: all ease-in-out 300ms; } .cptm-input-toggle.active { - background-color: #3e62f5; + background-color: #3e62f5; } .cptm-input-toggle.active::after { - left: 100%; - -webkit-transform: translateX(calc(-100% - 10px)); - transform: translateX(calc(-100% - 10px)); + left: 100%; + transform: translateX(calc(-100% - 10px)); } .cptm-multi-option-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-multi-option-group .cptm-btn { - margin: 0; + margin: 0; } .cptm-multi-option-label { - display: block; + display: block; } .cptm-multi-option-group-section-draft { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -8px; + display: flex; + flex-wrap: wrap; + margin: -8px; } .cptm-multi-option-group-section-draft .cptm-form-group { - margin: 0 8px 20px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + margin: 0 8px 20px; + flex: 1; } .cptm-multi-option-group-section-draft .cptm-form-group .cptm-form-control { - width: 100%; + width: 100%; } .cptm-multi-option-group-section-draft .cptm-form-group.cpt-has-error { - position: relative; + position: relative; } .cptm-multi-option-group-section-draft p { - margin: 28px 8px 20px; + margin: 28px 8px 20px; } .cptm-label { - display: block; - margin-bottom: 10px; - font-weight: 500; + display: block; + margin-bottom: 10px; + font-weight: 500; } .form-repeater__container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 8px; + display: flex; + flex-direction: column; + gap: 8px; } .form-repeater__group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 16px; - position: relative; + display: flex; + align-items: center; + gap: 16px; + position: relative; } .form-repeater__group.sortable-chosen .form-repeater__input { - background: #e1e4e8 !important; - border: 1px solid #d1d5db !important; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; -} -.form-repeater__remove-btn, .form-repeater__drag-btn { - color: #4d5761; - background: transparent; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - outline: none; - padding: 0; - margin: 0; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; -} -.form-repeater__remove-btn:disabled, .form-repeater__drag-btn:disabled { - cursor: not-allowed; - opacity: 0.6; -} -.form-repeater__remove-btn svg, .form-repeater__drag-btn svg { - width: 12px; - height: 12px; -} -.form-repeater__remove-btn i, .form-repeater__drag-btn i { - font-size: 16px; - margin: 0; - padding: 0; + background: #e1e4e8 !important; + border: 1px solid #d1d5db !important; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; +} +.form-repeater__remove-btn, +.form-repeater__drag-btn { + color: #4d5761; + background: transparent; + border: none; + box-shadow: none; + outline: none; + padding: 0; + margin: 0; + transition: all 0.3s ease; +} +.form-repeater__remove-btn:disabled, +.form-repeater__drag-btn:disabled { + cursor: not-allowed; + opacity: 0.6; +} +.form-repeater__remove-btn svg, +.form-repeater__drag-btn svg { + width: 12px; + height: 12px; +} +.form-repeater__remove-btn i, +.form-repeater__drag-btn i { + font-size: 16px; + margin: 0; + padding: 0; } .form-repeater__drag-btn { - cursor: move; - position: absolute; - left: 0; + cursor: move; + position: absolute; + left: 0; } .form-repeater__remove-btn { - cursor: pointer; - position: absolute; - right: 0; + cursor: pointer; + position: absolute; + right: 0; } .form-repeater__remove-btn:hover { - color: #c83a3a; + color: #c83a3a; } .form-repeater__input { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - height: 40px; - padding: 5px 16px; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - border-radius: 8px; - border: 1px solid var(--Gray-200, #e5e7eb); - background: white; - -webkit-box-shadow: 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); - box-shadow: 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); - color: #2c3239; - outline: none; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - margin: 0 32px; - overflow: hidden; - -ms-text-overflow: ellipsis; - text-overflow: ellipsis; + flex: 1; + height: 40px; + padding: 5px 16px; + flex-shrink: 0; + border-radius: 8px; + border: 1px solid var(--Gray-200, #e5e7eb); + background: white; + box-shadow: 0px 1px 2px 0px + var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); + color: #2c3239; + outline: none; + transition: all 0.3s ease; + margin: 0 32px; + overflow: hidden; + -o-text-overflow: ellipsis; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; } .form-repeater__input-value-added { - background: var(--Gray-50, #f9fafb); - border-color: #e5e7eb; + background: var(--Gray-50, #f9fafb); + border-color: #e5e7eb; } .form-repeater__input:focus { - background: var(--Gray-50, #f9fafb); - border-color: #3e62f5; -} -.form-repeater__input::-webkit-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; -} -.form-repeater__input::-moz-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; -} -.form-repeater__input:-ms-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; -} -.form-repeater__input::-ms-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + background: var(--Gray-50, #f9fafb); + border-color: #3e62f5; } .form-repeater__input::placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; } .form-repeater__add-group-btn { - font-size: 12px; - font-weight: 600; - color: #2e94fa; - background: transparent; - border: none; - padding: 0; - text-decoration: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - cursor: pointer; - letter-spacing: 0.12px; - margin: 17px 32px 0; - padding: 0; + font-size: 12px; + font-weight: 600; + color: #2e94fa; + background: transparent; + border: none; + padding: 0; + text-decoration: none; + display: flex; + align-items: center; + gap: 6px; + cursor: pointer; + letter-spacing: 0.12px; + margin: 17px 32px 0; + padding: 0; } .form-repeater__add-group-btn:disabled { - cursor: not-allowed; - opacity: 0.6; + cursor: not-allowed; + opacity: 0.6; } .form-repeater__add-group-btn svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .form-repeater__add-group-btn i { - font-size: 16px; + font-size: 16px; } /* Style the video popup */ .video-popup-overlay { - position: fixed; - top: 0; - right: 0; - width: calc(100% - 160px); - height: 100%; - background: rgba(0, 0, 0, 0.8); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 9999; + position: fixed; + top: 0; + right: 0; + width: calc(100% - 160px); + height: 100%; + background: rgba(0, 0, 0, 0.8); + display: flex; + justify-content: center; + align-items: center; + z-index: 9999; } .video-popup-content { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + position: relative; + display: flex; + justify-content: center; + align-items: center; } .video-popup-content video { - width: 100%; - max-width: 500px; + width: 100%; + max-width: 500px; } .close-btn { - position: absolute; - top: 40px; - right: 40px; - background: transparent; - border: none; - font-size: 18px; - cursor: pointer; - color: #ffffff; + position: absolute; + top: 40px; + right: 40px; + background: transparent; + border: none; + font-size: 18px; + cursor: pointer; + color: #ffffff; } .cptm-form-control, select.cptm-form-control, -input[type=date].cptm-form-control, -input[type=datetime-local].cptm-form-control, -input[type=datetime].cptm-form-control, -input[type=email].cptm-form-control, -input[type=month].cptm-form-control, -input[type=number].cptm-form-control, -input[type=password].cptm-form-control, -input[type=search].cptm-form-control, -input[type=tel].cptm-form-control, -input[type=text].cptm-form-control, -input[type=time].cptm-form-control, -input[type=url].cptm-form-control, -input[type=week].cptm-form-control input[type=text].cptm-form-control { - display: block; - width: 100%; - max-width: 100%; - padding: 10px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: left; - border-radius: 4px; - -webkit-box-shadow: none; - box-shadow: none; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background-color: #f4f5f7; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-control:hover, .cptm-form-control:focus, +input[type="date"].cptm-form-control, +input[type="datetime-local"].cptm-form-control, +input[type="datetime"].cptm-form-control, +input[type="email"].cptm-form-control, +input[type="month"].cptm-form-control, +input[type="number"].cptm-form-control, +input[type="password"].cptm-form-control, +input[type="search"].cptm-form-control, +input[type="tel"].cptm-form-control, +input[type="text"].cptm-form-control, +input[type="time"].cptm-form-control, +input[type="url"].cptm-form-control, +input[type="week"].cptm-form-control input[type="text"].cptm-form-control { + display: block; + width: 100%; + max-width: 100%; + padding: 10px 20px; + font-size: 14px; + color: #5a5f7d; + text-align: left; + border-radius: 4px; + box-shadow: none; + font-weight: 400; + margin: 0; + line-height: 18px; + height: auto; + min-height: 30px; + background-color: #f4f5f7; + transition: all ease 0.3s; +} +.cptm-form-control:hover, +.cptm-form-control:focus, select.cptm-form-control:hover, select.cptm-form-control:focus, -input[type=date].cptm-form-control:hover, -input[type=date].cptm-form-control:focus, -input[type=datetime-local].cptm-form-control:hover, -input[type=datetime-local].cptm-form-control:focus, -input[type=datetime].cptm-form-control:hover, -input[type=datetime].cptm-form-control:focus, -input[type=email].cptm-form-control:hover, -input[type=email].cptm-form-control:focus, -input[type=month].cptm-form-control:hover, -input[type=month].cptm-form-control:focus, -input[type=number].cptm-form-control:hover, -input[type=number].cptm-form-control:focus, -input[type=password].cptm-form-control:hover, -input[type=password].cptm-form-control:focus, -input[type=search].cptm-form-control:hover, -input[type=search].cptm-form-control:focus, -input[type=tel].cptm-form-control:hover, -input[type=tel].cptm-form-control:focus, -input[type=text].cptm-form-control:hover, -input[type=text].cptm-form-control:focus, -input[type=time].cptm-form-control:hover, -input[type=time].cptm-form-control:focus, -input[type=url].cptm-form-control:hover, -input[type=url].cptm-form-control:focus, -input[type=week].cptm-form-control input[type=text].cptm-form-control:hover, -input[type=week].cptm-form-control input[type=text].cptm-form-control:focus { - color: #23282d; - border-color: #3e62f5; +input[type="date"].cptm-form-control:hover, +input[type="date"].cptm-form-control:focus, +input[type="datetime-local"].cptm-form-control:hover, +input[type="datetime-local"].cptm-form-control:focus, +input[type="datetime"].cptm-form-control:hover, +input[type="datetime"].cptm-form-control:focus, +input[type="email"].cptm-form-control:hover, +input[type="email"].cptm-form-control:focus, +input[type="month"].cptm-form-control:hover, +input[type="month"].cptm-form-control:focus, +input[type="number"].cptm-form-control:hover, +input[type="number"].cptm-form-control:focus, +input[type="password"].cptm-form-control:hover, +input[type="password"].cptm-form-control:focus, +input[type="search"].cptm-form-control:hover, +input[type="search"].cptm-form-control:focus, +input[type="tel"].cptm-form-control:hover, +input[type="tel"].cptm-form-control:focus, +input[type="text"].cptm-form-control:hover, +input[type="text"].cptm-form-control:focus, +input[type="time"].cptm-form-control:hover, +input[type="time"].cptm-form-control:focus, +input[type="url"].cptm-form-control:hover, +input[type="url"].cptm-form-control:focus, +input[type="week"].cptm-form-control input[type="text"].cptm-form-control:hover, +input[type="week"].cptm-form-control + input[type="text"].cptm-form-control:focus { + color: #23282d; + border-color: #3e62f5; } select.cptm-form-control, -input[type=date].cptm-form-control, -input[type=datetime-local].cptm-form-control, -input[type=datetime].cptm-form-control, -input[type=email].cptm-form-control, -input[type=month].cptm-form-control, -input[type=number].cptm-form-control, -input[type=password].cptm-form-control, -input[type=search].cptm-form-control, -input[type=tel].cptm-form-control, -input[type=text].cptm-form-control, -input[type=time].cptm-form-control, -input[type=url].cptm-form-control, -input[type=week].cptm-form-control, -input[type=text].cptm-form-control { - padding: 10px 20px; - font-size: 14px; - color: #4d5761; - background: #ffffff; - text-align: left; - border: 0 none; - border-radius: 8px; - border: 1px solid #d2d6db; - -webkit-box-shadow: none; - box-shadow: none; - width: 100%; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; +input[type="date"].cptm-form-control, +input[type="datetime-local"].cptm-form-control, +input[type="datetime"].cptm-form-control, +input[type="email"].cptm-form-control, +input[type="month"].cptm-form-control, +input[type="number"].cptm-form-control, +input[type="password"].cptm-form-control, +input[type="search"].cptm-form-control, +input[type="tel"].cptm-form-control, +input[type="text"].cptm-form-control, +input[type="time"].cptm-form-control, +input[type="url"].cptm-form-control, +input[type="week"].cptm-form-control, +input[type="text"].cptm-form-control { + padding: 10px 20px; + font-size: 14px; + color: #4d5761; + background: #ffffff; + text-align: left; + border: 0 none; + border-radius: 8px; + border: 1px solid #d2d6db; + box-shadow: none; + width: 100%; + font-weight: 400; + margin: 0; + line-height: 18px; + height: auto; + min-height: 30px; } select.cptm-form-control:hover, -input[type=date].cptm-form-control:hover, -input[type=datetime-local].cptm-form-control:hover, -input[type=datetime].cptm-form-control:hover, -input[type=email].cptm-form-control:hover, -input[type=month].cptm-form-control:hover, -input[type=number].cptm-form-control:hover, -input[type=password].cptm-form-control:hover, -input[type=search].cptm-form-control:hover, -input[type=tel].cptm-form-control:hover, -input[type=text].cptm-form-control:hover, -input[type=time].cptm-form-control:hover, -input[type=url].cptm-form-control:hover, -input[type=week].cptm-form-control:hover, -input[type=text].cptm-form-control:hover { - color: #23282d; +input[type="date"].cptm-form-control:hover, +input[type="datetime-local"].cptm-form-control:hover, +input[type="datetime"].cptm-form-control:hover, +input[type="email"].cptm-form-control:hover, +input[type="month"].cptm-form-control:hover, +input[type="number"].cptm-form-control:hover, +input[type="password"].cptm-form-control:hover, +input[type="search"].cptm-form-control:hover, +input[type="tel"].cptm-form-control:hover, +input[type="text"].cptm-form-control:hover, +input[type="time"].cptm-form-control:hover, +input[type="url"].cptm-form-control:hover, +input[type="week"].cptm-form-control:hover, +input[type="text"].cptm-form-control:hover { + color: #23282d; } select.cptm-form-control.cptm-form-control-light, -input[type=date].cptm-form-control.cptm-form-control-light, -input[type=datetime-local].cptm-form-control.cptm-form-control-light, -input[type=datetime].cptm-form-control.cptm-form-control-light, -input[type=email].cptm-form-control.cptm-form-control-light, -input[type=month].cptm-form-control.cptm-form-control-light, -input[type=number].cptm-form-control.cptm-form-control-light, -input[type=password].cptm-form-control.cptm-form-control-light, -input[type=search].cptm-form-control.cptm-form-control-light, -input[type=tel].cptm-form-control.cptm-form-control-light, -input[type=text].cptm-form-control.cptm-form-control-light, -input[type=time].cptm-form-control.cptm-form-control-light, -input[type=url].cptm-form-control.cptm-form-control-light, -input[type=week].cptm-form-control.cptm-form-control-light, -input[type=text].cptm-form-control.cptm-form-control-light { - border: 1px solid #ccc; - background-color: #fff; +input[type="date"].cptm-form-control.cptm-form-control-light, +input[type="datetime-local"].cptm-form-control.cptm-form-control-light, +input[type="datetime"].cptm-form-control.cptm-form-control-light, +input[type="email"].cptm-form-control.cptm-form-control-light, +input[type="month"].cptm-form-control.cptm-form-control-light, +input[type="number"].cptm-form-control.cptm-form-control-light, +input[type="password"].cptm-form-control.cptm-form-control-light, +input[type="search"].cptm-form-control.cptm-form-control-light, +input[type="tel"].cptm-form-control.cptm-form-control-light, +input[type="text"].cptm-form-control.cptm-form-control-light, +input[type="time"].cptm-form-control.cptm-form-control-light, +input[type="url"].cptm-form-control.cptm-form-control-light, +input[type="week"].cptm-form-control.cptm-form-control-light, +input[type="text"].cptm-form-control.cptm-form-control-light { + border: 1px solid #ccc; + background-color: #fff; } .tab-general .cptm-title-area, .tab-other .cptm-title-area { - margin-left: 0; + margin-left: 0; } .tab-general .cptm-form-group .cptm-form-control, .tab-other .cptm-form-group .cptm-form-control { - background-color: #fff; - border: 1px solid #e3e6ef; + background-color: #fff; + border: 1px solid #e3e6ef; } .tab-preview_image .cptm-title-area, .tab-packages .cptm-title-area, .tab-other .cptm-title-area { - margin-left: 0; + margin-left: 0; } .tab-preview_image .cptm-title-area p, .tab-packages .cptm-title-area p, .tab-other .cptm-title-area p { - font-size: 15px; - color: #5a5f7d; + font-size: 15px; + color: #5a5f7d; } .cptm-modal-container { - display: none; - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - overflow: auto; - z-index: 99999; - height: 100vh; + display: none; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: auto; + z-index: 99999; + height: 100vh; } .cptm-modal-container.active { - display: block; + display: block; } .cptm-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 20px; - height: 100%; - min-height: calc(100% - 40px); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: rgba(0, 0, 0, 0.5); + display: flex; + padding: 20px; + height: 100%; + min-height: calc(100% - 40px); + justify-content: center; + align-items: center; + transition: all ease-in-out 300ms; + background-color: rgba(0, 0, 0, 0.5); } .cptm-modal { - display: block; - margin: 0 auto; - padding: 10px; - width: 100%; - max-width: 300px; - border-radius: 5px; - background-color: #fff; + display: block; + margin: 0 auto; + padding: 10px; + width: 100%; + max-width: 300px; + border-radius: 5px; + background-color: #fff; } .cptm-modal-header { - position: relative; - padding: 15px 30px 15px 15px; - margin: -10px; - margin-bottom: 10px; - border-bottom: 1px solid #e3e3e3; + position: relative; + padding: 15px 30px 15px 15px; + margin: -10px; + margin-bottom: 10px; + border-bottom: 1px solid #e3e3e3; } .cptm-modal-header-title { - text-align: left; - margin: 0; + text-align: left; + margin: 0; } .cptm-modal-actions { - display: block; - margin: 0 -5px; - position: absolute; - right: 10px; - top: 10px; - text-align: right; + display: block; + margin: 0 -5px; + position: absolute; + right: 10px; + top: 10px; + text-align: right; } .cptm-modal-action-link { - margin: 0 5px; - text-decoration: none; - height: 25px; - display: inline-block; - width: 25px; - text-align: center; - line-height: 25px; - border-radius: 50%; - color: #2b2b2b; - font-size: 18px; + margin: 0 5px; + text-decoration: none; + height: 25px; + display: inline-block; + width: 25px; + text-align: center; + line-height: 25px; + border-radius: 50%; + color: #2b2b2b; + font-size: 18px; } .cptm-modal-confirmation-title { - margin: 30px auto; - font-size: 20px; - text-align: center; + margin: 30px auto; + font-size: 20px; + text-align: center; } .cptm-section-alert-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-height: 200px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + min-height: 200px; } .cptm-section-alert-content { - text-align: center; - padding: 10px; + text-align: center; + padding: 10px; } .cptm-section-alert-icon { - margin-bottom: 20px; - width: 100px; - height: 100px; - font-size: 45px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - border-radius: 50%; - color: darkgray; - background-color: #f2f2f2; + margin-bottom: 20px; + width: 100px; + height: 100px; + font-size: 45px; + display: inline-flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + border-radius: 50%; + color: darkgray; + background-color: #f2f2f2; } .cptm-section-alert-icon.cptm-alert-success { - color: #fff; - background-color: #14cc60; + color: #fff; + background-color: #14cc60; } .cptm-section-alert-icon.cptm-alert-error { - color: #fff; - background-color: #cc1433; + color: #fff; + background-color: #cc1433; } .cptm-color-picker-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: inline-flex; } .cptm-color-picker-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-left: 10px; + display: flex; + align-items: center; + margin-left: 10px; } .cptm-wdget-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex; + justify-content: space-between; } .atbdp-flex-align-center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } .cptm-px-5 { - padding: 0 5px; + padding: 0 5px; } .cptm-text-gray { - color: #c1c1c1; + color: #c1c1c1; } .cptm-text-right { - text-align: right !important; + text-align: right !important; } .cptm-text-center { - text-align: center !important; + text-align: center !important; } .cptm-text-left { - text-align: left !important; + text-align: left !important; } .cptm-d-block { - display: block !important; + display: block !important; } .cptm-d-inline { - display: inline-block !important; + display: inline-block !important; } .cptm-d-inline-flex { - display: -webkit-inline-box !important; - display: -webkit-inline-flex !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: inline-flex !important; + flex-wrap: wrap; } .cptm-d-none { - display: none !important; + display: none !important; } .cptm-p-20 { - padding: 20px; + padding: 20px; } .cptm-color-picker { - display: inline-block; - padding: 5px 5px 2px 5px; - border-radius: 30px; - border: 1px solid #d4d4d4; + display: inline-block; + padding: 5px 5px 2px 5px; + border-radius: 30px; + border: 1px solid #d4d4d4; } -input[type=radio]:checked::before { - background-color: #3e62f5; +input[type="radio"]:checked::before { + background-color: #3e62f5; } @media (max-width: 767px) { - input[type=checkbox], - input[type=radio] { - width: 15px; - height: 15px; - } + input[type="checkbox"], + input[type="radio"] { + width: 15px; + height: 15px; + } } .cptm-preview-placeholder { - width: 700px; - max-width: 100%; - margin: 0 auto; + width: 700px; + max-width: 100%; + margin: 0 auto; } .cptm-preview-placeholder__card { - padding: 30px; - border-radius: 6px; - -webkit-box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); - box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); + padding: 30px; + border-radius: 6px; + box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); } .cptm-preview-placeholder__card .cptm-widget-insert-link { - background-color: #272b41; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 12px; - color: #fff; + background-color: #272b41; + box-shadow: none; + font-size: 12px; + color: #fff; } .cptm-preview-placeholder__card__item { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + flex: 1; } .cptm-preview-placeholder__card__item--top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box:first-child { - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; -} -.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box:not(:first-child) { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; + display: flex; + gap: 30px; + justify-content: space-between; +} +.cptm-preview-placeholder__card__item--top + .cptm-preview-placeholder__card__box:first-child { + flex: unset; +} +.cptm-preview-placeholder__card__item--top + .cptm-preview-placeholder__card__box:not(:first-child) { + flex: 0 0 50%; } .cptm-preview-placeholder__card__box { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 10px 10px 19px; - border-radius: 8px; - min-height: 66px; - min-width: 150px; - z-index: unset; + flex: 1; + padding: 10px 10px 19px; + border-radius: 8px; + min-height: 66px; + min-width: 150px; + z-index: unset; } .cptm-preview-placeholder__card__box .cptm-placeholder-label { - color: #868eae; - font-size: 13px; - font-weight: 500; + color: #868eae; + font-size: 13px; + font-weight: 500; } .cptm-preview-placeholder__card__box .cptm-widget-preview-area { - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} -.cptm-preview-placeholder__card__box .cptm-widget-preview-area .cptm-widget-badge { - margin: 0; - padding: 6px 19px 7px 20px; - border-radius: 8px; - font-size: 13px; - font-weight: 500; - color: #868eae; - background-color: #e3e6ef; + gap: 8px; + flex-wrap: wrap; + display: inline-flex; +} +.cptm-preview-placeholder__card__box + .cptm-widget-preview-area + .cptm-widget-badge { + margin: 0; + padding: 6px 19px 7px 20px; + border-radius: 8px; + font-size: 13px; + font-weight: 500; + color: #868eae; + background-color: #e3e6ef; } .cptm-preview-placeholder__card__btn { - width: 100%; - height: 66px; - border: none; - border-radius: 6px; - cursor: pointer; - color: #5a5f7d; - font-size: 13px; - font-weight: 500; - margin-top: 20px; + width: 100%; + height: 66px; + border: none; + border-radius: 6px; + cursor: pointer; + color: #5a5f7d; + font-size: 13px; + font-weight: 500; + margin-top: 20px; } .cptm-preview-placeholder__card__btn .icon { - width: 26px; - height: 26px; - line-height: 26px; - background-color: #fff; - border-radius: 100%; - -webkit-margin-end: 7px; - margin-inline-end: 7px; + width: 26px; + height: 26px; + line-height: 26px; + background-color: #fff; + border-radius: 100%; + margin-inline-end: 7px; } .cptm-preview-placeholder__card .slider-placeholder { - padding: 50px; - text-align: center; + padding: 50px; + text-align: center; } -.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-label { - margin-top: 5px; +.cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area + .cptm-widget-label { + margin-top: 5px; } .cptm-preview-placeholder__card .dndrop-container.vertical { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: 20px; -} -.cptm-preview-placeholder__card .dndrop-container.vertical > .dndrop-draggable-wrapper { - overflow: visible; + display: flex; + gap: 20px; + flex-direction: column; + margin-bottom: 20px; +} +.cptm-preview-placeholder__card + .dndrop-container.vertical + > .dndrop-draggable-wrapper { + overflow: visible; } .cptm-preview-placeholder__card .draggable-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + display: flex; + gap: 20px; + align-items: center; + flex-direction: row; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element { - font-size: 15px; - color: #868eae; + font-size: 15px; + color: #868eae; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element:hover { - color: #1e1e1e; + color: #1e1e1e; } .atbdp-sidebar-nav-area { - display: block; + display: block; } .atbdp-sidebar-nav { - display: block; - margin: 0; - background-color: #f6f6f6; + display: block; + margin: 0; + background-color: #f6f6f6; } .atbdp-nav-link { - display: block; - padding: 15px; - text-decoration: none; - color: #2b2b2b; + display: block; + padding: 15px; + text-decoration: none; + color: #2b2b2b; } .atbdp-nav-icon { - display: inline-block; - margin-right: 10px; + display: inline-block; + margin-right: 10px; } .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-nav-item .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-sidebar-nav-item.active .atbdp-sidebar-subnav { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav { - display: block; - margin: 0; - margin-left: 28px; - display: none; + display: block; + margin: 0; + margin-left: 28px; + display: none; } .atbdp-sidebar-subnav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item .atbdp-nav-link { - color: #686d88; + color: #686d88; } .atbdp-sidebar-subnav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: flex; + flex-wrap: wrap; + margin: 0 -15px; } .atbdp-col { - padding: 0 15px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding: 0 15px; + flex-grow: 1; + box-sizing: border-box; } .atbdp-col-3 { - -webkit-flex-basis: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - width: 25%; + flex-basis: 25%; + width: 25%; } .atbdp-col-4 { - -webkit-flex-basis: 33.3333333333%; - -ms-flex-preferred-size: 33.3333333333%; - flex-basis: 33.3333333333%; - width: 33.3333333333%; + flex-basis: 33.3333333333%; + width: 33.3333333333%; } .atbdp-col-8 { - -webkit-flex-basis: 66.6666666667%; - -ms-flex-preferred-size: 66.6666666667%; - flex-basis: 66.6666666667%; - width: 66.6666666667%; + flex-basis: 66.6666666667%; + width: 66.6666666667%; } .shrink { - max-width: 300px; + max-width: 300px; } .directorist_dropdown { - position: relative; + position: relative; } .directorist_dropdown .directorist_dropdown-toggle { - position: relative; - text-decoration: none; - display: block; - width: 100%; - max-height: 38px; - font-size: 14px; - font-weight: 500; - background-color: transparent; - color: #4d5761; - padding: 12px 15px; - line-height: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + text-decoration: none; + display: block; + width: 100%; + max-height: 38px; + font-size: 14px; + font-weight: 500; + background-color: transparent; + color: #4d5761; + padding: 12px 15px; + line-height: 1; + box-sizing: border-box; } .directorist_dropdown .directorist_dropdown-toggle:focus { - outline: 0 none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + outline: 0 none; + box-shadow: 0 0; } .directorist_dropdown .directorist_dropdown-toggle:before { - font-family: unicons-line; - font-weight: 400; - font-size: 20px; - content: "\eb3a"; - color: #747c89; - position: absolute; - top: 50%; - right: 0; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - height: 20px; + font-family: unicons-line; + font-weight: 400; + font-size: 20px; + content: "\eb3a"; + color: #747c89; + position: absolute; + top: 50%; + right: 0; + transform: translate(-50%, -50%); + height: 20px; } .directorist_dropdown .directorist_dropdown-option { - display: none; - position: absolute; - width: 100%; - max-height: 350px; - left: 0; - top: 39px; - padding: 12px 8px; - background-color: #fff; - -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - border: 1px solid #e5e7eb; - border-radius: 8px; - z-index: 99999; - overflow-y: auto; + display: none; + position: absolute; + width: 100%; + max-height: 350px; + left: 0; + top: 39px; + padding: 12px 8px; + background-color: #fff; + box-shadow: + 0 12px 16px -4px rgba(16, 24, 40, 0.08), + 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + border: 1px solid #e5e7eb; + border-radius: 8px; + z-index: 99999; + overflow-y: auto; } .directorist_dropdown .directorist_dropdown-option.--show { - display: block !important; + display: block !important; } .directorist_dropdown .directorist_dropdown-option ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist_dropdown .directorist_dropdown-option ul li { - margin-bottom: 0; + margin-bottom: 0; } .directorist_dropdown .directorist_dropdown-option ul li a { - font-size: 14px; - font-weight: 500; - text-decoration: none; - display: block; - padding: 9px 15px; - border-radius: 8px; - color: #4d5761; - -webkit-transition: 0.3s; - transition: 0.3s; -} -.directorist_dropdown .directorist_dropdown-option ul li a:hover, .directorist_dropdown .directorist_dropdown-option ul li a.active:hover { - color: #fff; - background-color: #3e62f5; + font-size: 14px; + font-weight: 500; + text-decoration: none; + display: block; + padding: 9px 15px; + border-radius: 8px; + color: #4d5761; + transition: 0.3s; +} +.directorist_dropdown .directorist_dropdown-option ul li a:hover, +.directorist_dropdown .directorist_dropdown-option ul li a.active:hover { + color: #fff; + background-color: #3e62f5; } .directorist_dropdown .directorist_dropdown-option ul li a.active { - color: #3e62f5; - background-color: #f0f3ff; + color: #3e62f5; + background-color: #f0f3ff; } .cptm-form-group .directorist_dropdown-option { - max-height: 240px; + max-height: 240px; } .cptm-import-directory-modal .cptm-file-input-wrap { - margin: 16px -5px 0 -5px; + margin: 16px -5px 0 -5px; } /* Sticky fields */ .cptm-col-sticky { - position: -webkit-sticky; - position: sticky; - top: 60px; - height: 100%; - max-height: calc(100vh - 100px); - overflow: auto; - scrollbar-width: 6px; - scrollbar-color: #d2d6db #f3f4f6; + position: sticky; + top: 60px; + height: 100%; + max-height: calc(100vh - 100px); + overflow: auto; + scrollbar-width: 6px; + scrollbar-color: #d2d6db #f3f4f6; } .cptm-widget-trash-confirmation-modal-overlay { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 10; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal { - background: #fff; - padding: 30px 25px; - border-radius: 8px; - text-align: center; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal h2 { - font-size: 16px; - font-weight: 500; - margin: 0 0 18px; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal p { - margin: 0 0 20px; - font-size: 14px; - max-width: 400px; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + display: flex; + justify-content: center; + align-items: center; + z-index: 10; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal { + background: #fff; + padding: 30px 25px; + border-radius: 8px; + text-align: center; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal + h2 { + font-size: 16px; + font-weight: 500; + margin: 0 0 18px; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal + p { + margin: 0 0 20px; + font-size: 14px; + max-width: 400px; } .cptm-widget-trash-confirmation-modal-overlay button { - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - background: rgb(197, 22, 22); - padding: 10px 15px; - border-radius: 6px; - color: #fff; - font-size: 14px; - font-weight: 500; - margin: 5px; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + border: 0 none; + box-shadow: none; + background: rgb(197, 22, 22); + padding: 10px 15px; + border-radius: 6px; + color: #fff; + font-size: 14px; + font-weight: 500; + margin: 5px; + cursor: pointer; + transition: 0.3s ease; } .cptm-widget-trash-confirmation-modal-overlay button:hover { - background: #ba1230; + background: #ba1230; } -.cptm-widget-trash-confirmation-modal-overlay button.cptm-widget-trash-confirmation-modal-action-btn__cancel { - background: #f1f2f6; - color: #7a8289; +.cptm-widget-trash-confirmation-modal-overlay + button.cptm-widget-trash-confirmation-modal-action-btn__cancel { + background: #f1f2f6; + color: #7a8289; } -.cptm-widget-trash-confirmation-modal-overlay button.cptm-widget-trash-confirmation-modal-action-btn__cancel:hover { - background: #dee0e4; +.cptm-widget-trash-confirmation-modal-overlay + button.cptm-widget-trash-confirmation-modal-action-btn__cancel:hover { + background: #dee0e4; } .cptm-field-group-container .cptm-field-group-container__label { - font-size: 15px; - font-weight: 500; - color: #272b41; - display: inline-block; + font-size: 15px; + font-weight: 500; + color: #272b41; + display: inline-block; } @media only screen and (max-width: 767px) { - .cptm-field-group-container .cptm-field-group-container__label { - margin-bottom: 15px; - } + .cptm-field-group-container .cptm-field-group-container__label { + margin-bottom: 15px; + } } .cptm-container-group-fields { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 26px; + display: flex; + align-items: center; + gap: 26px; } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .cptm-container-group-fields { + flex-wrap: wrap; + } } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields .cptm-form-group:not(:last-child) { - margin-bottom: 0; - } + .cptm-container-group-fields .cptm-form-group:not(:last-child) { + margin-bottom: 0; + } } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .cptm-form-group { - width: 100%; - } + .cptm-container-group-fields .cptm-form-group { + width: 100%; + } } .cptm-container-group-fields .highlight-field { - padding: 0; + padding: 0; } .cptm-container-group-fields .atbdp-row { - margin: 0; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + margin: 0; + flex-wrap: nowrap; + gap: 10px; + align-items: center; } .cptm-container-group-fields .atbdp-row .atbdp-col { - -webkit-box-flex: 0 !important; - -webkit-flex: none !important; - -ms-flex: none !important; - flex: none !important; - width: auto; - padding: 0; + flex: none !important; + width: auto; + padding: 0; } .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: 100px !important; - -webkit-box-sizing: border-box; - box-sizing: border-box; + max-width: 100px !important; + box-sizing: border-box; } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: none !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: none !important; + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: 150px !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: 150px !important; + } } .cptm-container-group-fields .atbdp-row .atbdp-col label { - margin: 0; - font-size: 14px !important; - font-weight: normal; + margin: 0; + font-size: 14px !important; + font-weight: normal; } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields .atbdp-row .atbdp-col label { - min-width: 50px; - } + .cptm-container-group-fields .atbdp-row .atbdp-col label { + min-width: 50px; + } } .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: 95px; + width: 95px; } -.cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown .directorist_dropdown-toggle:before { - position: relative; - top: -3px; +.cptm-container-group-fields + .atbdp-row + .atbdp-col + .directorist_dropdown + .directorist_dropdown-toggle:before { + position: relative; + top: -3px; } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: calc(100% - 2px); - } + .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: calc(100% - 2px); + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: 150px; - } + .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: 150px; + } } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-8 { - -webkit-box-flex: 1 !important; - -webkit-flex: auto !important; - -ms-flex: auto !important; - flex: auto !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-8 { + flex: auto !important; + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4 { - width: auto !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4 { + width: auto !important; + } } .cptm-theme-butterfly .cptm-info-text { - text-align: left; - margin: 0; + text-align: left; + margin: 0; } .icon-picker { - position: fixed; - background-color: rgba(0, 0, 0, 0.35); - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 9999; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; + position: fixed; + background-color: rgba(0, 0, 0, 0.35); + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 9999; + visibility: hidden; + opacity: 0; + pointer-events: none; + transition: + opacity 0.3s ease, + visibility 0.3s ease; } .icon-picker__inner { - width: 935px; - position: absolute; - top: 50%; - left: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - background: white; - height: 800px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - overflow: hidden; - border-radius: 6px; + width: 935px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + background: white; + height: 800px; + display: flex; + overflow: hidden; + border-radius: 6px; } .icon-picker__close { - width: 34px; - height: 34px; - border-radius: 50%; - background-color: #5A5F7D; - color: #fff; - font-size: 12px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - position: absolute; - right: 20px; - top: 23px; - z-index: 1; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + width: 34px; + height: 34px; + border-radius: 50%; + background-color: #5a5f7d; + color: #fff; + font-size: 12px; + display: flex; + align-items: center; + justify-content: center; + position: absolute; + right: 20px; + top: 23px; + z-index: 1; + transition: 0.3s ease; } .icon-picker__close:hover { - color: #fff; - background-color: #222; + color: #fff; + background-color: #222; } .icon-picker__sidebar { - width: 30%; - background-color: #eff0f3; - padding: 30px 20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 30%; + background-color: #eff0f3; + padding: 30px 20px; + box-sizing: border-box; } .icon-picker__content { - width: 70%; - overflow: auto; + width: 70%; + overflow: auto; } .icon-picker__content .icons-group { - padding-top: 80px; + padding-top: 80px; } .icon-picker__content .icons-group h4 { - font-size: 16px; - font-weight: 500; - color: #272B41; - background-color: #ffffff; - padding: 33px 0 27px 20px; - border-bottom: 1px solid #E3E6EF; - margin: 0; - position: absolute; - left: 30%; - top: 0; - width: 70%; + font-size: 16px; + font-weight: 500; + color: #272b41; + background-color: #ffffff; + padding: 33px 0 27px 20px; + border-bottom: 1px solid #e3e6ef; + margin: 0; + position: absolute; + left: 30%; + top: 0; + width: 70%; } .icon-picker__content .icons-group-icons { - padding: 17px 0 17px 17px; + padding: 17px 0 17px 17px; } .icon-picker__content .icons-group-icons .font-icon-btn { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin: 5px 3px; - width: 70px; - height: 70px; - background-color: #F4F5F7; - border-radius: 5px; - font-size: 24px; - color: #868EAE; - font-size: 18px !important; - border: 0 none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + justify-content: center; + margin: 5px 3px; + width: 70px; + height: 70px; + background-color: #f4f5f7; + border-radius: 5px; + font-size: 24px; + color: #868eae; + font-size: 18px !important; + border: 0 none; + transition: 0.3s ease; } .icon-picker__content .icons-group-icons .font-icon-btn.cptm-btn-primary { - background-color: #3e62f5; - color: #fff; - font-size: 30px; - -webkit-box-shadow: 0 3px 10px rgba(39, 43, 65, 0.2); - box-shadow: 0 3px 10px rgba(39, 43, 65, 0.2); - border: 1px solid #E3E6EF; + background-color: #3e62f5; + color: #fff; + font-size: 30px; + box-shadow: 0 3px 10px rgba(39, 43, 65, 0.2); + border: 1px solid #e3e6ef; } .icon-picker__filter { - margin-bottom: 30px; + margin-bottom: 30px; } .icon-picker__filter label { - font-size: 14px; - font-weight: 500; - margin-bottom: 8px; - display: block; + font-size: 14px; + font-weight: 500; + margin-bottom: 8px; + display: block; } .icon-picker__filter input, .icon-picker__filter select { - color: #797d93; - font-size: 14px; - height: 44px; - border: 1px solid #E3E6EF; - border-radius: 4px; - padding: 0 15px; - width: 100%; -} -.icon-picker__filter input::-webkit-input-placeholder { - color: #797d93; -} -.icon-picker__filter input::-moz-placeholder { - color: #797d93; -} -.icon-picker__filter input:-ms-input-placeholder { - color: #797d93; -} -.icon-picker__filter input::-ms-input-placeholder { - color: #797d93; + color: #797d93; + font-size: 14px; + height: 44px; + border: 1px solid #e3e6ef; + border-radius: 4px; + padding: 0 15px; + width: 100%; } .icon-picker__filter input::placeholder { - color: #797d93; + color: #797d93; } -.icon-picker__filter select:hover, .icon-picker__filter select:focus { - color: #797d93; +.icon-picker__filter select:hover, +.icon-picker__filter select:focus { + color: #797d93; } .icon-picker.icon-picker-visible { - visibility: visible; - opacity: 1; - pointer-events: auto; + visibility: visible; + opacity: 1; + pointer-events: auto; } .icon-picker__preview-icon { - font-size: 80px; - color: #272B41; - display: block !important; - text-align: center; + font-size: 80px; + color: #272b41; + display: block !important; + text-align: center; } .icon-picker__preview-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-top: 15px; + display: flex; + justify-content: center; + margin-top: 15px; } .icon-picker__done-btn { - display: block !important; - width: 100%; - margin: 35px 0 0 0 !important; + display: block !important; + width: 100%; + margin: 35px 0 0 0 !important; } .directorist-type-icon-select label { - font-size: 14px; - font-weight: 500; - display: block; - margin-bottom: 10px; + font-size: 14px; + font-weight: 500; + display: block; + margin-bottom: 10px; } .icon-picker-selector { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 -10px; + display: flex; + align-items: center; + margin: 0 -10px; } .icon-picker-selector__icon { - position: relative; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0 10px; + position: relative; + flex: 1; + margin: 0 10px; } .icon-picker-selector__icon .directorist-selected-icon { - position: absolute; - left: 15px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + left: 15px; + top: 50%; + transform: translateY(-50%); } .icon-picker-selector__icon .cptm-form-control { - pointer-events: none; + pointer-events: none; } .icon-picker-selector__icon__reset { - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - cursor: pointer; - padding: 5px 15px; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + cursor: pointer; + padding: 5px 15px; } .icon-picker-selector__btn { - margin: 0 10px; - height: 40px; - background-color: #DADCE0; - border-radius: 4px; - border: 0 none; - font-weight: 500; - padding: 0 30px; - cursor: pointer; + margin: 0 10px; + height: 40px; + background-color: #dadce0; + border-radius: 4px; + border: 0 none; + font-weight: 500; + padding: 0 30px; + cursor: pointer; } .directorist-category-icon-picker { - margin-top: 10px; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + margin-top: 10px; + width: 100%; + display: flex; } .directorist-category-icon-picker .icon-picker-selector { - width: 100%; + width: 100%; } /* Responsive fix */ @media only screen and (max-width: 1441px) { - .icon-picker__inner { - width: 825px; - height: 660px; - } + .icon-picker__inner { + width: 825px; + height: 660px; + } } @media only screen and (max-width: 1199px) { - .icon-picker__inner { - width: 615px; - height: 500px; - } + .icon-picker__inner { + width: 615px; + height: 500px; + } } @media only screen and (max-width: 767px) { - .icon-picker__inner { - width: 500px; - height: 450px; - } + .icon-picker__inner { + width: 500px; + height: 450px; + } } @media only screen and (max-width: 575px) { - .icon-picker__inner { - display: block; - width: calc(100% - 30px); - overflow: scroll; - } - .icon-picker__sidebar, - .icon-picker__content { - width: auto; - } - .icon-picker__content .icons-group-icons .font-icon-btn { - width: 55px; - height: 55px; - font-size: 16px; - } -} -.reset-pseudo-link:visited, .cptm-btn:visited, .cptm-header-nav__list-item-link:visited, .cptm-link-light:visited, .cptm-form-builder-header-action-link:visited, .cptm-sub-nav__item-link:visited, .cptm-header-action-link:visited, .cptm-modal-action-link:visited, .atbdp-nav-link:visited, .reset-pseudo-link:active, .cptm-btn:active, .cptm-header-nav__list-item-link:active, .cptm-link-light:active, .cptm-form-builder-header-action-link:active, .cptm-sub-nav__item-link:active, .cptm-header-action-link:active, .cptm-modal-action-link:active, .atbdp-nav-link:active, .reset-pseudo-link:focus, .cptm-btn:focus, .cptm-header-nav__list-item-link:focus, .cptm-link-light:focus, .cptm-form-builder-header-action-link:focus, .cptm-sub-nav__item-link:focus, .cptm-header-action-link:focus, .cptm-modal-action-link:focus, .atbdp-nav-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + .icon-picker__inner { + display: block; + width: calc(100% - 30px); + overflow: scroll; + } + .icon-picker__sidebar, + .icon-picker__content { + width: auto; + } + .icon-picker__content .icons-group-icons .font-icon-btn { + width: 55px; + height: 55px; + font-size: 16px; + } +} +.reset-pseudo-link:visited, +.cptm-btn:visited, +.cptm-header-nav__list-item-link:visited, +.cptm-link-light:visited, +.cptm-form-builder-header-action-link:visited, +.cptm-sub-nav__item-link:visited, +.cptm-header-action-link:visited, +.cptm-modal-action-link:visited, +.atbdp-nav-link:visited, +.reset-pseudo-link:active, +.cptm-btn:active, +.cptm-header-nav__list-item-link:active, +.cptm-link-light:active, +.cptm-form-builder-header-action-link:active, +.cptm-sub-nav__item-link:active, +.cptm-header-action-link:active, +.cptm-modal-action-link:active, +.atbdp-nav-link:active, +.reset-pseudo-link:focus, +.cptm-btn:focus, +.cptm-header-nav__list-item-link:focus, +.cptm-link-light:focus, +.cptm-form-builder-header-action-link:focus, +.cptm-sub-nav__item-link:focus, +.cptm-header-action-link:focus, +.cptm-modal-action-link:focus, +.atbdp-nav-link:focus { + outline: none; + box-shadow: none; } .cptm-shortcodes { - max-height: 300px; - overflow: scroll; + max-height: 300px; + overflow: scroll; } .directorist-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-center-content-inline { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: inline-flex; } .directorist-center-content, .directorist-center-content-inline { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; } .directorist-text-right { - text-align: right; + text-align: right; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-text-left { - text-align: left; + text-align: left; } .directorist-mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .directorist-mt-5 { - margin-top: 5px !important; + margin-top: 5px !important; } .directorist-mt-10 { - margin-top: 10px !important; + margin-top: 10px !important; } .directorist-mt-15 { - margin-top: 15px !important; + margin-top: 15px !important; } .directorist-mt-20 { - margin-top: 20px !important; + margin-top: 20px !important; } .directorist-mt-30 { - margin-top: 30px !important; + margin-top: 30px !important; } .directorist-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-25 { - margin-bottom: 25px !important; + margin-bottom: 25px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-n20 { - margin-bottom: -20px !important; + margin-bottom: -20px !important; } .directorist-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .directorist-mb-15 { - margin-bottom: 15px !important; + margin-bottom: 15px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-40 { - margin-bottom: 40px !important; + margin-bottom: 40px !important; } .directorist-mb-50 { - margin-bottom: 50px !important; + margin-bottom: 50px !important; } .directorist-mb-70 { - margin-bottom: 70px !important; + margin-bottom: 70px !important; } .directorist-mb-80 { - margin-bottom: 80px !important; + margin-bottom: 80px !important; } .directorist-pb-100 { - padding-bottom: 100px !important; + padding-bottom: 100px !important; } .directorist-w-100 { - width: 100% !important; - max-width: 100% !important; + width: 100% !important; + max-width: 100% !important; } .directorist-draggable-list-item { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .directorist-draggable-list-item-wrapper { - position: relative; - height: 100%; + position: relative; + height: 100%; } .directorist-droppable-area-wrap { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 888888888; - display: none; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: -20px; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 888888888; + display: none; + flex-direction: column; + margin-bottom: -20px; } .directorist-droppable-area { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .directorist-droppable-item-preview { - height: 52px; - background-color: rgba(44, 153, 255, 0.1); - margin-bottom: 20px; - margin-right: 50px; - border-radius: 4px; + height: 52px; + background-color: rgba(44, 153, 255, 0.1); + margin-bottom: 20px; + margin-right: 50px; + border-radius: 4px; } .directorist-droppable-item-preview-before { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-droppable-item-preview-after { - margin-bottom: 20px; + margin-bottom: 20px; } /* Directorist Tooltip */ .directorist-tooltip { - position: relative; + position: relative; } .directorist-tooltip.directorist-tooltip-bottom[data-label]:before { - bottom: -8px; - top: auto; - border-top-color: var(--directorist-color-white); - border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); + bottom: -8px; + top: auto; + border-top-color: var(--directorist-color-white); + border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip.directorist-tooltip-bottom[data-label]:after { - -webkit-transform: translate(-50%); - transform: translate(-50%); - top: 100%; - margin-top: 8px; -} -.directorist-tooltip[data-label]:before, .directorist-tooltip[data-label]:after { - position: absolute !important; - bottom: 100%; - display: none; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - -webkit-animation: showTooltip 0.3s ease; - animation: showTooltip 0.3s ease; + transform: translate(-50%); + top: 100%; + margin-top: 8px; +} +.directorist-tooltip[data-label]:before, +.directorist-tooltip[data-label]:after { + position: absolute !important; + bottom: 100%; + display: none; + height: fit-content; + animation: showTooltip 0.3s ease; } .directorist-tooltip[data-label]:before { - content: ""; - left: 50%; - top: -6px; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - border: 6px solid transparent; - border-top-color: rgba(var(--directorist-color-dark-rgb), 1); + content: ""; + left: 50%; + top: -6px; + transform: translateX(-50%); + border: 6px solid transparent; + border-top-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip[data-label]:after { - font-size: 14px; - content: attr(data-label); - left: 50%; - -webkit-transform: translate(-50%, -6px); - transform: translate(-50%, -6px); - background: rgba(var(--directorist-color-dark-rgb), 1); - padding: 4px 12px; - border-radius: 3px; - color: var(--directorist-color-white); - z-index: 9999; - text-align: center; - min-width: 140px; - max-height: 200px; - overflow-y: auto; -} -.directorist-tooltip[data-label]:hover:before, .directorist-tooltip[data-label]:hover:after { - display: block; + font-size: 14px; + content: attr(data-label); + left: 50%; + transform: translate(-50%, -6px); + background: rgba(var(--directorist-color-dark-rgb), 1); + padding: 4px 12px; + border-radius: 3px; + color: var(--directorist-color-white); + z-index: 9999; + text-align: center; + min-width: 140px; + max-height: 200px; + overflow-y: auto; +} +.directorist-tooltip[data-label]:hover:before, +.directorist-tooltip[data-label]:hover:after { + display: block; } .directorist-tooltip .directorist-tooltip__label { - font-size: 16px; - color: var(--directorist-color-primary); + font-size: 16px; + color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:before { - border-top-color: var(--directorist-color-primary); + border-top-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:after { - background-color: var(--directorist-color-secondary); + background-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-info[data-label]:after { - background-color: var(--directorist-color-info); + background-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-info[data-label]:before { - border-top-color: var(--directorist-color-info); + border-top-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-warning[data-label]:after { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-warning[data-label]:before { - border-top-color: var(--directorist-color-warning); + border-top-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-success[data-label]:after { - background-color: var(--directorist-color-success); + background-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-success[data-label]:before { - border-top-color: var(--directorist-color-success); + border-top-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-danger[data-label]:after { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-danger[data-label]:before { - border-top-color: var(--directorist-color-danger); + border-top-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-primary[data-label]:before { - border-bottom-color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-info[data-label]:before { - border-bottom-color: var(--directorist-color-info); + border-bottom-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-warning[data-label]:before { - border-bottom-color: var(--directorist-color-warning); + border-bottom-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-success[data-label]:before { - border-bottom-color: var(--directorist-color-success); + border-bottom-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-danger[data-label]:before { - border-bottom-color: var(--directorist-color-danger); + border-bottom-color: var(--directorist-color-danger); } @keyframes showTooltip { - from { - opacity: 0; - } + from { + opacity: 0; + } } /* Create Directory Type */ .directorist-directory-type-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px 30px; - padding: 0 20px; - background: white; - min-height: 60px; - border-bottom: 1px solid #e5e7eb; - position: fixed; - right: 0; - top: 32px; - width: calc(100% - 200px); - z-index: 9999; + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 15px 30px; + padding: 0 20px; + background: white; + min-height: 60px; + border-bottom: 1px solid #e5e7eb; + position: fixed; + right: 0; + top: 32px; + width: calc(100% - 200px); + z-index: 9999; } .directorist-directory-type-top:before { - content: ""; - position: absolute; - top: -10px; - left: 0; - height: 10px; - width: 100%; - background-color: #f3f4f6; + content: ""; + position: absolute; + top: -10px; + left: 0; + height: 10px; + width: 100%; + background-color: #f3f4f6; } @media only screen and (max-width: 960px) { - .directorist-directory-type-top { - width: calc(100% - 76px); - } + .directorist-directory-type-top { + width: calc(100% - 76px); + } } @media only screen and (max-width: 782px) { - .directorist-directory-type-top { - width: calc(100% - 40px); - top: 46px; - right: 0; - } + .directorist-directory-type-top { + width: calc(100% - 40px); + top: 46px; + right: 0; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-top { - position: unset; - width: auto; - } - .directorist-directory-type-top:before { - display: none; - } + .directorist-directory-type-top { + position: unset; + width: auto; + } + .directorist-directory-type-top:before { + display: none; + } } @media only screen and (max-width: 479px) { - .directorist-directory-type-top { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 10px 20px; - } + .directorist-directory-type-top { + justify-content: center; + flex-direction: column; + padding: 10px 20px; + } } .directorist-directory-type-top-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + align-items: center; + gap: 10px 20px; + flex-wrap: wrap; } @media only screen and (max-width: 767px) { - .directorist-directory-type-top-left { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-directory-type-top-left { + justify-content: center; + } } .directorist-directory-type-top-left .cptm-form-group { - margin-bottom: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-group-feedback { - white-space: nowrap; + margin-bottom: 0; + display: flex; + align-items: center; + gap: 10px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-group-feedback { + white-space: nowrap; } .directorist-directory-type-top-left .cptm-form-group .cptm-form-control { - height: 36px; - border-radius: 8px; - background: #e5e7eb; - max-width: 150px; - padding: 10px 16px; - font-size: 14px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-webkit-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-moz-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control:-ms-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-ms-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-group-feedback .cptm-form-alert { - padding: 0; + height: 36px; + border-radius: 8px; + background: #e5e7eb; + max-width: 150px; + padding: 10px 16px; + font-size: 14px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-group-feedback + .cptm-form-alert { + padding: 0; } .directorist-directory-type-top-left .directorist-back-directory { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: normal; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: normal; + display: flex; + align-items: center; + gap: 8px; } .directorist-directory-type-top-left .directorist-back-directory svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-directory-type-top-left .directorist-back-directory:hover { - color: #3e62f5; + color: #3e62f5; } .directorist-directory-type-top-right .directorist-create-directory { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - text-decoration: none; - padding: 0 24px; - height: 40px; - border: 1px solid #3e62f5; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); - box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); - background-color: #3e62f5; - color: #ffffff; - font-size: 15px; - font-weight: 500; - line-height: normal; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; + display: flex; + gap: 8px; + align-items: center; + justify-content: center; + border-radius: 8px; + text-decoration: none; + padding: 0 24px; + height: 40px; + border: 1px solid #3e62f5; + cursor: pointer; + box-sizing: border-box; + box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); + background-color: #3e62f5; + color: #ffffff; + font-size: 15px; + font-weight: 500; + line-height: normal; + transition: background-color 0.3s ease; } .directorist-directory-type-top-right .directorist-create-directory:hover { - background-color: #5a7aff; - border-color: #5a7aff; + background-color: #5a7aff; + border-color: #5a7aff; } .directorist-directory-type-top-right .cptm-btn { - margin: 0; + margin: 0; } .directorist-directory-type-bottom { - background: white; - margin-top: 80px; - overflow: hidden; + background: white; + margin-top: 80px; + overflow: hidden; } .directorist-directory-type-bottom .cptm-header-navigation { - position: fixed; - right: 20px; - top: 92px; - width: calc(100% - 262px); - background: #ffffff; - border-top: 20px solid #f3f4f6; - border-bottom: 1px solid #e5e7eb; - gap: 0 32px; - padding: 0 30px; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow-x: auto; - z-index: 100; + position: fixed; + right: 20px; + top: 92px; + width: calc(100% - 262px); + background: #ffffff; + border-top: 20px solid #f3f4f6; + border-bottom: 1px solid #e5e7eb; + gap: 0 32px; + padding: 0 30px; + flex-wrap: nowrap; + overflow-x: auto; + z-index: 100; } @media only screen and (max-width: 960px) { - .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 138px); - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 138px); + justify-content: flex-start; + } } @media only screen and (max-width: 782px) { - .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 82px); - top: 107px; - right: 12px; - } + .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 82px); + top: 107px; + right: 12px; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .cptm-header-navigation { - position: unset; - width: auto; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .directorist-directory-type-bottom .cptm-header-navigation { + position: unset; + width: auto; + flex-wrap: wrap; + } } @media only screen and (max-width: 480px) { - .directorist-directory-type-bottom .cptm-header-navigation { - padding: 10px 30px; - } + .directorist-directory-type-bottom .cptm-header-navigation { + padding: 10px 30px; + } } .directorist-directory-type-bottom .atbdp-cptm-body { - position: relative; - margin-top: 60px; + position: relative; + margin-top: 60px; } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - margin-top: 0; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + margin-top: 0; + } } @media screen and (max-width: 480px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - padding: 20px 30px; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + padding: 20px 30px; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom { - margin-top: 0; - } + .directorist-directory-type-bottom { + margin-top: 0; + } } .wp-admin.folded .directorist-directory-type-top { - width: calc(100% - 118px); + width: calc(100% - 118px); } .wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 138px); + width: calc(100% - 138px); } .directorist-draggable-form-list-wrap { - margin-right: 50px; + margin-right: 50px; } /* Body Header */ .directorist-form-doc { - border-radius: 8px; - background: #f3f4f6; - min-height: 52px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0 20px; - margin-bottom: 24px; + border-radius: 8px; + background: #f3f4f6; + min-height: 52px; + display: flex; + align-items: center; + gap: 10px 30px; + justify-content: space-between; + flex-wrap: wrap; + padding: 0 20px; + margin-bottom: 24px; } @media only screen and (max-width: 575px) { - .directorist-form-doc { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 10px 20px; - } + .directorist-form-doc { + justify-content: center; + flex-direction: column; + padding: 10px 20px; + } } .directorist-form-doc .directorist-form-doc-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + align-items: center; + gap: 8px; + flex-wrap: wrap; } @media only screen and (max-width: 575px) { - .directorist-form-doc .directorist-form-doc-left { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-form-doc .directorist-form-doc-left { + justify-content: center; + } } .directorist-form-doc .directorist-form-doc-left .directorist-form-doc-title { - color: #141921; - font-size: 19px; - font-style: normal; - font-weight: 600; - line-height: 25px; + color: #141921; + font-size: 19px; + font-style: normal; + font-weight: 600; + line-height: 25px; } .directorist-form-doc__watch-tutorial { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid #bee3ff; - background: #eff8ff; - color: #217aef; - text-align: center; - margin-left: 4px; - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.12px; - text-transform: capitalize; + display: inline-flex; + padding: 8px 12px; + width: max-content; + justify-content: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid #bee3ff; + background: #eff8ff; + color: #217aef; + text-align: center; + margin-left: 4px; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + text-transform: capitalize; } .directorist-form-doc__watch-tutorial svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-form-doc__link { - margin-top: 2px; - font-size: 12px; - font-weight: 500; - color: #1b50b2; - line-height: 20px; - letter-spacing: 0.12px; - text-decoration: underline; + margin-top: 2px; + font-size: 12px; + font-weight: 500; + color: #1b50b2; + line-height: 20px; + letter-spacing: 0.12px; + text-decoration: underline; } .directorist-form-doc__preview { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid #e5e7eb; - background: #fff; - color: #383f47; - text-align: center; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; - text-transform: capitalize; + display: inline-flex; + padding: 8px 12px; + justify-content: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid #e5e7eb; + background: #fff; + color: #383f47; + text-align: center; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; + text-transform: capitalize; } .directorist-form-doc__preview svg { - width: 16px; - height: 16px; - color: inherit; + width: 16px; + height: 16px; + color: inherit; } .directorist-form-doc__preview:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + box-shadow: none; } .directorist-footer-wrap .cptm-btn { - position: relative; - margin: 0; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 48px; - font-size: 16px; - font-weight: 500; - color: #ffffff; - border-color: #383f47; - background-color: #383f47; - border-radius: 8px; + position: relative; + margin: 0; + width: 100%; + display: flex; + gap: 8px; + align-items: center; + justify-content: center; + height: 48px; + font-size: 16px; + font-weight: 500; + color: #ffffff; + border-color: #383f47; + background-color: #383f47; + border-radius: 8px; } .directorist-footer-wrap .cptm-btn:before { - content: attr(data-info); - position: absolute; - top: calc(100% + 8px); - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - min-width: -webkit-max-content; - min-width: -moz-max-content; - min-width: max-content; - text-align: center; - color: #ffffff; - font-size: 13px; - font-weight: 500; - padding: 10px 12px; - border-radius: 6px; - background-color: #141921; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + left: 50%; + transform: translateX(-50%); + min-width: max-content; + text-align: center; + color: #ffffff; + font-size: 13px; + font-weight: 500; + padding: 10px 12px; + border-radius: 6px; + background-color: #141921; + opacity: 0; + visibility: hidden; + transition: + opacity 0.3s ease, + visibility 0.3s ease; } .directorist-footer-wrap .cptm-btn:after { - content: ""; - position: absolute; - top: calc(100% + 2px); - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - border-bottom: 6px solid #141921; - border-left: 6px solid transparent; - border-right: 6px solid transparent; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; + content: ""; + position: absolute; + top: calc(100% + 2px); + left: 50%; + transform: translateX(-50%); + border-bottom: 6px solid #141921; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + opacity: 0; + visibility: hidden; + transition: + opacity 0.3s ease, + visibility 0.3s ease; } .directorist-footer-wrap .cptm-btn .cptm-save-icon { - font-size: 16px; + font-size: 16px; } .directorist-footer-wrap .cptm-btn:hover { - border-color: #141921; - background-color: #141921; + border-color: #141921; + background-color: #141921; } -.directorist-footer-wrap .cptm-btn:hover:hover:before, .directorist-footer-wrap .cptm-btn:hover:hover:after { - opacity: 1; - visibility: visible; +.directorist-footer-wrap .cptm-btn:hover:hover:before, +.directorist-footer-wrap .cptm-btn:hover:hover:after { + opacity: 1; + visibility: visible; } .directorist-footer-wrap .cptm-form-group { - margin: 0; + margin: 0; } .cptm-form-note { - margin-bottom: 30px; - padding: 30px; - background-color: #dcebfe; - border-radius: 4px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + margin-bottom: 30px; + padding: 30px; + background-color: #dcebfe; + border-radius: 4px; + display: flex; } .cptm-form-note i { - font-size: 30px; - opacity: 0.2; - margin-right: 15px; + font-size: 30px; + opacity: 0.2; + margin-right: 15px; } .cptm-form-note .cptm-form-note-title { - margin-top: 0; - color: #157cf6; + margin-top: 0; + color: #157cf6; } .cptm-form-note .cptm-form-note-content { - margin: 5px 0; + margin: 5px 0; } .cptm-form-note .cptm-form-note-content a { - color: #157cf6; + color: #157cf6; } #atbdp_cpt_options_metabox .inside { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } #atbdp_cpt_options_metabox .postbox-header { - display: none; + display: none; } .atbdp-cpt-manager { - position: relative; - display: block; - color: #23282d; + position: relative; + display: block; + color: #23282d; } .atbdp-cpt-manager.directorist-overlay-visible { - position: fixed; - z-index: 9; - width: calc(100% - 200px); + position: fixed; + z-index: 9; + width: calc(100% - 200px); } .atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-top, -.atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-bottom .cptm-header-navigation { - z-index: 1; +.atbdp-cpt-manager.directorist-overlay-visible + .directorist-directory-type-bottom + .cptm-header-navigation { + z-index: 1; } .atbdp-cpt-manager.directorist-overlay-visible .submission_form_fields { - z-index: 11; + z-index: 11; } .atbdp-cptm-header { - display: block; + display: block; } .atbdp-cptm-header .cptm-form-group .cptm-form-control { - height: 50px; - font-size: 20px; + height: 50px; + font-size: 20px; } .atbdp-cptm-body { - display: block; + display: block; } .cptm-field-wraper-key-preview_image .cptm-btn { - margin: 0 10px; - height: 40px; - color: #23282d !important; - background-color: #dadce0 !important; - border-radius: 4px !important; - border: 0 none; - font-weight: 500; - padding: 0 30px; + margin: 0 10px; + height: 40px; + color: #23282d !important; + background-color: #dadce0 !important; + border-radius: 4px !important; + border: 0 none; + font-weight: 500; + padding: 0 30px; } .atbdp-cptm-footer { - display: block; - padding: 24px 0 0; - margin: 0 50px 0 30px; - border-top: 1px solid #e5e7eb; + display: block; + padding: 24px 0 0; + margin: 0 50px 0 30px; + border-top: 1px solid #e5e7eb; } .atbdp-cptm-footer .atbdp-cptm-footer-preview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 0 0 20px; + display: flex; + gap: 8px; + flex-direction: column; + margin: 0 0 20px; } .atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label { - position: relative; - font-size: 14px; - font-weight: 500; - color: #4d5761; - cursor: pointer; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label:before { - content: ""; - position: absolute; - right: 0; - top: 0; - width: 36px; - height: 20px; - border-radius: 30px; - background: #d2d6db; - border: 3px solid #d2d6db; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label:after { - content: ""; - position: absolute; - right: 19px; - top: 3px; - width: 14px; - height: 14px; - background: #ffffff; - border-radius: 100%; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle { - display: none; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle:checked ~ label:before { - background-color: #3e62f5; - border-color: #3e62f5; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle:checked ~ label:after { - right: 3px; + position: relative; + font-size: 14px; + font-weight: 500; + color: #4d5761; + cursor: pointer; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-label:before { + content: ""; + position: absolute; + right: 0; + top: 0; + width: 36px; + height: 20px; + border-radius: 30px; + background: #d2d6db; + border: 3px solid #d2d6db; + box-sizing: border-box; + transition: all ease 0.3s; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-label:after { + content: ""; + position: absolute; + right: 19px; + top: 3px; + width: 14px; + height: 14px; + background: #ffffff; + border-radius: 100%; + transition: all ease 0.3s; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle { + display: none; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle:checked + ~ label:before { + background-color: #3e62f5; + border-color: #3e62f5; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle:checked + ~ label:after { + right: 3px; } .atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-desc { - font-size: 12px; - font-weight: 400; - color: #747c89; + font-size: 12px; + font-weight: 400; + color: #747c89; } .atbdp-cptm-footer-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-content: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + justify-content: center; + align-content: center; + flex-wrap: wrap; } .atbdp-cptm-footer-actions .cptm-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 100%; - font-weight: 500; - font-size: 15px; - height: 48px; - padding: 0 30px; - margin: 0; + display: flex; + gap: 10px; + align-items: center; + justify-content: center; + width: 100%; + font-weight: 500; + font-size: 15px; + height: 48px; + padding: 0 30px; + margin: 0; } .atbdp-cptm-footer-actions .cptm-save-text { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + gap: 8px; + justify-content: center; + align-items: center; } .cptm-title-bar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -10px; - padding: 15px 10px; - background-color: #fff; + display: flex; + flex-wrap: wrap; + margin: 0 -10px; + padding: 15px 10px; + background-color: #fff; } .cptm-card-preview-widget .cptm-title-bar { - margin: 0; + margin: 0; } .cptm-title-bar-headings { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 10px; + flex-grow: 1; + padding: 10px; } .cptm-title-bar-actions { - min-width: 100px; - max-width: 220px; - padding: 10px; + min-width: 100px; + max-width: 220px; + padding: 10px; } .cptm-label-btn { - display: inline-block; + display: inline-block; } .cptm-btn, .cptm-btn.cptm-label-btn { - margin: 0 5px 10px; - display: inline-block; - text-align: center; - border: 1px solid transparent; - padding: 10px 20px; - border-radius: 5px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - vertical-align: top; + margin: 0 5px 10px; + display: inline-block; + text-align: center; + border: 1px solid transparent; + padding: 10px 20px; + border-radius: 5px; + cursor: pointer; + transition: all ease-in-out 300ms; + vertical-align: top; } .cptm-btn:disabled, .cptm-btn.cptm-label-btn:disabled { - cursor: not-allowed; - opacity: 0.5; + cursor: not-allowed; + opacity: 0.5; } .cptm-btn.cptm-label-btn { - display: inline-block; - vertical-align: top; + display: inline-block; + vertical-align: top; } .cptm-btn.cptm-btn-rounded { - border-radius: 30px; + border-radius: 30px; } .cptm-btn.cptm-btn-primary { - color: #fff; - border-color: #3e62f5; - background-color: #3e62f5; + color: #fff; + border-color: #3e62f5; + background-color: #3e62f5; } .cptm-btn.cptm-btn-primary:hover { - background-color: #345af4; + background-color: #345af4; } .cptm-btn.cptm-btn-secondery { - color: #3e62f5; - border-color: #3e62f5; - background-color: transparent; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - font-weight: 500; - font-size: 15px !important; + color: #3e62f5; + border-color: #3e62f5; + background-color: transparent; + display: inline-flex; + align-items: center; + gap: 6px; + font-weight: 500; + font-size: 15px !important; } .cptm-btn.cptm-btn-secondery:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-file-input-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .cptm-file-input-wrap .cptm-btn { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-btn-box { - display: block; + display: block; } .cptm-form-builder-group-field-drop-area { - display: block; - padding: 16px 20px; - border-radius: 8px; - margin: 8px 40px 0 30px; - text-align: center; - font-size: 13px; - font-weight: 400; - color: #747c89; - font-style: italic; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - border: 1px dashed #d2d6db; + display: block; + padding: 16px 20px; + border-radius: 8px; + margin: 8px 40px 0 30px; + text-align: center; + font-size: 13px; + font-weight: 400; + color: #747c89; + font-style: italic; + transition: all ease-in-out 300ms; + border: 1px dashed #d2d6db; } .cptm-form-builder-group-field-drop-area.drag-enter { - background-color: #c6c6c6; + background-color: #c6c6c6; } .cptm-form-builder-group-field-drop-area-label { - margin: 0; - pointer-events: none; + margin: 0; + pointer-events: none; } .atbdp-cptm-status-feedback { - position: fixed; - top: 70px; - left: calc(50% + 150px); - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - min-width: 300px; - z-index: 9999; + position: fixed; + top: 70px; + left: calc(50% + 150px); + transform: translateX(-50%); + min-width: 300px; + z-index: 9999; } @media screen and (max-width: 960px) { - .atbdp-cptm-status-feedback { - left: calc(50% + 100px); - } + .atbdp-cptm-status-feedback { + left: calc(50% + 100px); + } } @media screen and (max-width: 782px) { - .atbdp-cptm-status-feedback { - left: 50%; - } + .atbdp-cptm-status-feedback { + left: 50%; + } } .cptm-alert { - position: relative; - padding: 14px 24px 14px 52px; - font-size: 16px; - font-weight: 500; - line-height: 22px; - color: #053e29; - border-radius: 8px; - -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); - box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); + position: relative; + padding: 14px 24px 14px 52px; + font-size: 16px; + font-weight: 500; + line-height: 22px; + color: #053e29; + border-radius: 8px; + box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); } .cptm-alert:before { - content: ""; - position: absolute; - top: 14px; - left: 24px; - font-size: 20px; - font-family: "Font Awesome 5 Free"; - font-weight: 900; + content: ""; + position: absolute; + top: 14px; + left: 24px; + font-size: 20px; + font-family: "Font Awesome 5 Free"; + font-weight: 900; } .cptm-alert-success { - background-color: #ecfdf3; - border: 1px solid #14b570; + background-color: #ecfdf3; + border: 1px solid #14b570; } .cptm-alert-success:before { - content: "\f058"; - color: #14b570; + content: "\f058"; + color: #14b570; } .cptm-alert-error { - background-color: #f3d6d6; - border: 1px solid #c51616; + background-color: #f3d6d6; + border: 1px solid #c51616; } .cptm-alert-error:before { - content: "\f057"; - color: #c51616; + content: "\f057"; + color: #c51616; } .cptm-dropable-element { - position: relative; + position: relative; } .cptm-dropable-base-element { - display: block; - position: relative; - padding: 0; - -webkit-transition: ease-in-out all 300ms; - transition: ease-in-out all 300ms; + display: block; + position: relative; + padding: 0; + transition: ease-in-out all 300ms; } .cptm-dropable-area { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - z-index: 999; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + z-index: 999; } .cptm-dropable-placeholder { - padding: 0; - margin: 0; - height: 0; - border-radius: 4px; - overflow: hidden; - -webkit-transition: all ease-in-out 200ms; - transition: all ease-in-out 200ms; - background: RGBA(61, 98, 245, 0.45); + padding: 0; + margin: 0; + height: 0; + border-radius: 4px; + overflow: hidden; + transition: all ease-in-out 200ms; + background: RGBA(61, 98, 245, 0.45); } .cptm-dropable-placeholder.active { - padding: 10px 15px; - margin: 0; - height: 30px; + padding: 10px 15px; + margin: 0; + height: 30px; } .cptm-dropable-inside { - padding: 10px; + padding: 10px; } .cptm-dropable-area-inside { - display: block; - height: 100%; + display: block; + height: 100%; } .cptm-dropable-area-right { - display: block; + display: block; } .cptm-dropable-area-left { - display: block; + display: block; } .cptm-dropable-area-right, .cptm-dropable-area-left { - display: block; - float: left; - width: 50%; - height: 100%; + display: block; + float: left; + width: 50%; + height: 100%; } .cptm-dropable-area-top { - display: block; + display: block; } .cptm-dropable-area-bottom { - display: block; + display: block; } .cptm-dropable-area-top, .cptm-dropable-area-bottom { - display: block; - width: 100%; - height: 50%; + display: block; + width: 100%; + height: 50%; } .cptm-header-navigation { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + margin: 0; + padding: 0; + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; } @media screen and (max-width: 480px) { - .cptm-header-navigation { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .cptm-header-navigation { + flex-direction: column; + } } .cptm-header-nav__list-item { - margin: 0; - display: inline-block; - list-style: none; - text-align: center; - min-width: -webkit-fit-content; - min-width: -moz-fit-content; - min-width: fit-content; + margin: 0; + display: inline-block; + list-style: none; + text-align: center; + min-width: fit-content; } @media (max-width: 480px) { - .cptm-header-nav__list-item { - width: 100%; - } + .cptm-header-nav__list-item { + width: 100%; + } } .cptm-header-nav__list-item-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - text-decoration: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - position: relative; - border-bottom: 2px solid transparent; - color: #4d5761; - padding: 15px 0; + display: flex; + align-items: center; + gap: 8px; + text-decoration: none; + transition: all ease-in-out 300ms; + position: relative; + border-bottom: 2px solid transparent; + color: #4d5761; + padding: 15px 0; } .cptm-header-nav__list-item-link.active { - border-bottom-color: #3e62f5; + border-bottom-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__icon { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__label { - color: #3e62f5; + color: #3e62f5; } .cptm-header-nav__icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - min-width: 28px; - min-height: 28px; - text-align: center; - font-size: 16px; - text-align: center; - border-radius: 6px; - background: #d8e0fd; - color: inherit; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: inline-flex; + min-width: 28px; + min-height: 28px; + text-align: center; + font-size: 16px; + text-align: center; + border-radius: 6px; + background: #d8e0fd; + color: inherit; + transition: all ease-in-out 300ms; + align-items: center; + justify-content: center; } .cptm-header-nav__icon svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .cptm-header-nav__label { - display: block; - color: inherit; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - font-size: 14px; - font-weight: 500; + display: block; + color: inherit; + transition: all ease-in-out 300ms; + font-size: 14px; + font-weight: 500; } .cptm-title-area { - margin-bottom: 20px; + margin-bottom: 20px; } .submission-form .cptm-title-area { - width: 100%; + width: 100%; } .tab-general .cptm-title-area { - margin-left: 0; + margin-left: 0; } .cptm-link-light { - color: #fff; + color: #fff; } -.cptm-link-light:hover, .cptm-link-light:focus, .cptm-link-light:active { - color: #fff; +.cptm-link-light:hover, +.cptm-link-light:focus, +.cptm-link-light:active { + color: #fff; } .cptm-color-white { - color: #fff; + color: #fff; } .cptm-my-10 { - margin-top: 10px; - margin-bottom: 10px; + margin-top: 10px; + margin-bottom: 10px; } .cptm-mb-60 { - margin-bottom: 60px; + margin-bottom: 60px; } .cptm-mr-5 { - margin-right: 5px; + margin-right: 5px; } .cptm-title { - margin: 0; - font-size: 19px; - font-weight: 600; - color: #141921; - line-height: 1.2; + margin: 0; + font-size: 19px; + font-weight: 600; + color: #141921; + line-height: 1.2; } .cptm-des { - font-size: 14px; - font-weight: 400; - line-height: 22px; - color: #4d5761; - margin-top: 10px; + font-size: 14px; + font-weight: 400; + line-height: 22px; + color: #4d5761; + margin-top: 10px; } .atbdp-cptm-tab-contents { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-cptm-tab-item { - display: none; + display: none; } .atbdp-cptm-tab-item.active { - display: block; + display: block; } .cptm-tab-content-header { - position: relative; - background: transparent; - margin-top: 61px; - border-bottom: 1px solid #e5e7eb; + position: relative; + background: transparent; + margin-top: 61px; + border-bottom: 1px solid #e5e7eb; } @media only screen and (max-width: 600px) { - .cptm-tab-content-header { - margin-top: 0; - } + .cptm-tab-content-header { + margin-top: 0; + } } .cptm-tab-content-header .cptm-sub-navigation { - gap: 10px; - padding: 10px 20px; - padding-right: 160px; - margin: 0 15px; - max-width: 1050px; - margin: 0 auto; + gap: 10px; + padding: 10px 20px; + padding-right: 160px; + margin: 0 15px; + max-width: 1050px; + margin: 0 auto; } .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item { - margin: 0; + margin: 0; } .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link { - margin: 0; - padding: 10px 25px; - background-color: #e3e6ef; + margin: 0; + padding: 10px 25px; + background-color: #e3e6ef; } -.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link.active, .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link:hover { - background-color: #3e62f5; +.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link.active, +.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link:hover { + background-color: #3e62f5; } @media screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - margin: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + margin: 0; + } } .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - position: absolute; - right: 30px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + right: 30px; + top: 50%; + transform: translateY(-50%); } @media only screen and (max-width: 782px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-right: 0; - padding-top: 70px; - } - .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - top: 20px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-right: 0; + padding-top: 70px; + } + .cptm-tab-content-header .directorist-form-doc__watch-tutorial { + top: 20px; + right: 50%; + transform: translateX(50%); + } } @media only screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-top: 50px; - padding-bottom: 15px; - } - .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - top: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-top: 50px; + padding-bottom: 15px; + } + .cptm-tab-content-header .directorist-form-doc__watch-tutorial { + top: 0; + } } .cptm-tab-content-body { - display: block; + display: block; } .cptm-tab-content { - position: relative; - margin: 0 auto; - padding: 20px 30px; - min-height: 500px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + margin: 0 auto; + padding: 20px 30px; + min-height: 500px; + box-sizing: border-box; } @media only screen and (max-width: 991px) { - .cptm-tab-content { - padding: 20px 25px; - } + .cptm-tab-content { + padding: 20px 25px; + } } @media (max-width: 480px) { - .cptm-tab-content { - max-width: 100%; - padding: 15px 0; - } + .cptm-tab-content { + max-width: 100%; + padding: 15px 0; + } } .cptm-tab-content.tab-wide { - max-width: 1080px; + max-width: 1080px; } .cptm-tab-content.tab-short-wide { - max-width: 550px; + max-width: 550px; } .cptm-tab-content.tab-full-width { - max-width: 1345px; + max-width: 1345px; } .cptm-short-wide { - max-width: 550px; - width: 100%; - margin-right: auto; - margin-left: auto; + max-width: 550px; + width: 100%; + margin-right: auto; + margin-left: auto; } .cptm-tab-sub-content-item { - margin: 0 auto; - display: none; + margin: 0 auto; + display: none; } .cptm-tab-sub-content-item.active { - display: block; + display: block; } .cptm-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: flex; + flex-wrap: wrap; + margin: 0 -15px; } .cptm-col-5 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(42.66% - 30px); - padding: 0 15px; + flex-grow: 1; + width: calc(42.66% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-5 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-5 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-col-6 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(50% - 30px); - padding: 0 15px; + flex-grow: 1; + width: calc(50% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-6 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-6 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-col-7 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(57.33% - 30px); - padding: 0 15px; + flex-grow: 1; + width: calc(57.33% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-7 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-7 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-section { - position: relative; - margin-bottom: 50px; + position: relative; + margin-bottom: 50px; } -.cptm-section.submission_form_fields .cptm-form-builder-active-fields-container { - height: 100%; - padding-bottom: 162px; - -webkit-box-sizing: border-box; - box-sizing: border-box; +.cptm-section.submission_form_fields + .cptm-form-builder-active-fields-container { + height: 100%; + padding-bottom: 162px; + box-sizing: border-box; } .cptm-section.preview_mode { - position: absolute; - right: 31px; - bottom: 71px; - width: calc(50% + 50px); - padding: 24px 43px 50px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - z-index: 10; - background: #f8f9fa; - border: none; - border-radius: 0 0 8px 8px; + position: absolute; + right: 31px; + bottom: 71px; + width: calc(50% + 50px); + padding: 24px 43px 50px; + box-sizing: border-box; + z-index: 10; + background: #f8f9fa; + border: none; + border-radius: 0 0 8px 8px; } .cptm-section.preview_mode:before { - content: ""; - position: absolute; - top: 0; - left: 43px; - height: 1px; - width: calc(100% - 86px); - background-color: #f3f4f6; + content: ""; + position: absolute; + top: 0; + left: 43px; + height: 1px; + width: calc(100% - 86px); + background-color: #f3f4f6; } .cptm-section.preview_mode .cptm-title-area { - display: none; + display: none; } @media screen and (max-width: 1499px) { - .cptm-section.preview_mode { - width: calc(50% + 40px); - } + .cptm-section.preview_mode { + width: calc(50% + 40px); + } } @media screen and (max-width: 1399px) { - .cptm-section.preview_mode { - width: calc(50% + 20px); - } + .cptm-section.preview_mode { + width: calc(50% + 20px); + } } @media screen and (max-width: 1099px) { - .cptm-section.preview_mode { - width: calc(50% + 10px); - } + .cptm-section.preview_mode { + width: calc(50% + 10px); + } } @media screen and (max-width: 991px) { - .cptm-section.preview_mode { - right: 27px; - } + .cptm-section.preview_mode { + right: 27px; + } } @media screen and (max-width: 767px) { - .cptm-section.preview_mode { - width: calc(100% - 52px); - right: 26px; - bottom: 101px; - } + .cptm-section.preview_mode { + width: calc(100% - 52px); + right: 26px; + bottom: 101px; + } } @media screen and (max-width: 480px) { - .cptm-section.preview_mode { - right: 1px; - bottom: 96px; - width: calc(100% - 2px); - } + .cptm-section.preview_mode { + right: 1px; + bottom: 96px; + width: calc(100% - 2px); + } } .cptm-section.new_listing_status { - z-index: 11; + z-index: 11; } .cptm-section:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-form-builder-preset-fields:not(:last-child) { - margin-bottom: 40px; + margin-bottom: 40px; } .cptm-form-builder-preset-fields-header-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - margin: 0 0 16px; + display: flex; + gap: 15px; + margin: 0 0 16px; } -.cptm-form-builder-preset-fields-header-action-link .cptm-form-builder-preset-fields-header-action-icon { - font-size: 20px; +.cptm-form-builder-preset-fields-header-action-link + .cptm-form-builder-preset-fields-header-action-icon { + font-size: 20px; } .cptm-form-builder-preset-fields-header-action-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + box-shadow: none; } .cptm-form-builder-preset-fields-header-action-text { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - font-size: 14px; - font-weight: 500; - color: #141921; + flex: 1; + font-size: 14px; + font-weight: 500; + color: #141921; } .cptm-form-builder-preset-fields-header-action-link { - color: #747c89; + color: #747c89; } .cptm-title-3 { - margin: 0; - color: #272b41; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - font-weight: 500; - font-size: 18px; + margin: 0; + color: #272b41; + flex-grow: 1; + font-weight: 500; + font-size: 18px; } .cptm-description-text { - margin: 5px 0 20px; - color: #5a5f7d; - font-size: 15px; + margin: 5px 0 20px; + color: #5a5f7d; + font-size: 15px; } .cptm-form-builder-active-fields { - display: block; - height: 100%; + display: block; + height: 100%; } .cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper { - height: auto; - z-index: auto; + height: auto; + z-index: auto; } -.cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper:hover { - z-index: 1; +.cptm-form-builder-active-fields + .directorist-draggable-list-item-wrapper:hover { + z-index: 1; } .cptm-form-builder-active-fields .cptm-description-text + .cptm-btn { - border: 1px solid #3e62f5; - height: 43px; - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; - font-size: 14px; - font-weight: 500; - margin: 0 0 22px; + border: 1px solid #3e62f5; + height: 43px; + background: rgba(62, 98, 245, 0.1); + color: #3e62f5; + font-size: 14px; + font-weight: 500; + margin: 0 0 22px; } -.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn.cptm-btn-primary { - background: #3e62f5; - color: #fff; +.cptm-form-builder-active-fields + .cptm-description-text + + .cptm-btn.cptm-btn-primary { + background: #3e62f5; + color: #fff; } .cptm-form-builder-active-fields-container { - position: relative; - margin: 0; - background-color: #f8f9fa; - border: 1px solid #e3e6e9; - padding: 40px; - border-radius: 8px; - z-index: 1; + position: relative; + margin: 0; + background-color: #f8f9fa; + border: 1px solid #e3e6e9; + padding: 40px; + border-radius: 8px; + z-index: 1; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-container { - padding: 20px; - } + .cptm-form-builder-active-fields-container { + padding: 20px; + } } .cptm-form-builder-active-fields-footer { - text-align: left; + text-align: left; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer { - text-align: left; - } + .cptm-form-builder-active-fields-footer { + text-align: left; + } } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer .cptm-btn { - margin-left: 0; - } + .cptm-form-builder-active-fields-footer .cptm-btn { + margin-left: 0; + } } .cptm-form-builder-active-fields-footer .cptm-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - height: 40px; - color: #141921; - background: #ffffff; - border: 0 none; - margin: 4px 50px 24px 30px; - font-size: 14px; - font-weight: 600; - border-radius: 8px; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + display: flex; + gap: 8px; + height: 40px; + color: #141921; + background: #ffffff; + border: 0 none; + margin: 4px 50px 24px 30px; + font-size: 14px; + font-weight: 600; + border-radius: 8px; + border: 1px solid #e5e7eb; + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); } .cptm-form-builder-active-fields-footer .cptm-btn span { - font-size: 16px; + font-size: 16px; } .cptm-form-builder-active-fields-group { - position: relative; - margin-bottom: 15px; - padding-bottom: 0; + position: relative; + margin-bottom: 15px; + padding-bottom: 0; } .cptm-form-builder-group-header-section { - margin-bottom: 8px; + margin-bottom: 8px; } .cptm-form-builder-group-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: flex; + align-items: flex-start; } .cptm-form-builder-group-title-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 15px 20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - background-color: #383f47; - -webkit-box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-builder-group-title-area.expanded, .cptm-form-builder-group-title-area:focus, .cptm-form-builder-group-title-area:hover { - background-color: #141921; + display: flex; + flex-grow: 1; + padding: 15px 20px; + box-sizing: border-box; + border-radius: 8px; + background-color: #383f47; + box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); + transition: all ease 0.3s; +} +.cptm-form-builder-group-title-area.expanded, +.cptm-form-builder-group-title-area:focus, +.cptm-form-builder-group-title-area:hover { + background-color: #141921; } .expanded .cptm-form-builder-group-title-area { - border-radius: 8px 8px 0 0; + border-radius: 8px 8px 0 0; } -div[draggable=true].cptm-form-builder-group-title-area { - cursor: move; +div[draggable="true"].cptm-form-builder-group-title-area { + cursor: move; } .cptm-form-builder-group-title-area__dropable-wrapper { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-no-wrap { - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + flex-wrap: nowrap; } .cptm-card-top-area { - max-width: 450px; - margin: 0 auto; - margin-bottom: 10px; + max-width: 450px; + margin: 0 auto; + margin-bottom: 10px; } .cptm-card-top-area > .form-group .cptm-form-control { - background: none; - border: 1px solid #c6d0dc; - height: 42px; + background: none; + border: 1px solid #c6d0dc; + height: 42px; } .cptm-card-top-area > .form-group .cptm-template-type-wrapper { - position: relative; + position: relative; } .cptm-card-top-area > .form-group .cptm-template-type-wrapper:before { - content: "\f110"; - position: absolute; - font-family: "LineAwesome"; - right: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - pointer-events: none; + content: "\f110"; + position: absolute; + font-family: "LineAwesome"; + right: 20px; + top: 50%; + transform: translateY(-50%); + pointer-events: none; } .cptm-card-placeholder-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -10px; + display: flex; + flex-wrap: wrap; + margin: 0 -10px; } .cptm-card-placeholder-col { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 0 10px; + flex-grow: 1; + padding: 0 10px; } .cptm-form-builder-group-title-area__dropable-placeholder { - margin-right: 15px; + margin-right: 15px; } .cptm-form-builder-group-title-actions .cptm-form-builder-header-action-link { - font-size: 20px; - color: #fff; + font-size: 20px; + color: #fff; } .cptm-form-builder-group-actions-dropdown { - position: relative; - top: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 32px; - margin-left: 10px; + position: relative; + top: 8px; + display: flex; + justify-content: flex-end; + flex-direction: column; + width: 32px; + margin-left: 10px; } .cptm-form-builder-group-actions-dropdown--field { - position: absolute; - right: 0; - top: 8px; + position: absolute; + right: 0; + top: 8px; } .cptm-form-builder-group-actions-dropdown-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 32px; - height: 32px; - background-color: transparent; - border-radius: 8px; - -webkit-transition: background ease 0.3s; - transition: background ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-btn:hover, .cptm-form-builder-group-actions-dropdown-btn:focus { - background-color: #d2d6db; + display: flex; + align-items: center; + justify-content: center; + width: 32px; + height: 32px; + background-color: transparent; + border-radius: 8px; + transition: background ease 0.3s; +} +.cptm-form-builder-group-actions-dropdown-btn:hover, +.cptm-form-builder-group-actions-dropdown-btn:focus { + background-color: #d2d6db; } .cptm-form-builder-group-actions-dropdown-btn:focus { - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + border: none; + outline: none; + box-shadow: none; } .cptm-form-builder-group-actions-dropdown-btn span { - font-size: 18px; - color: #747c89; + font-size: 18px; + color: #747c89; } .cptm-form-builder-group-actions-dropdown-content.expanded { - position: absolute; - width: 200px; - top: 100%; - right: 0; - z-index: 9; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #d94a4a; - background: #ffffff; - padding: 10px 15px; - width: 100%; - height: 50px; - font-size: 14px; - font-weight: 500; - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - -webkit-transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s; - transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link span { - font-size: 20px; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link:hover { - color: #ffffff; - background: #d94a4a; - border-color: #d94a4a; + position: absolute; + width: 200px; + top: 100%; + right: 0; + z-index: 9; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link { + display: flex; + gap: 8px; + align-items: center; + color: #d94a4a; + background: #ffffff; + padding: 10px 15px; + width: 100%; + height: 50px; + font-size: 14px; + font-weight: 500; + border-radius: 8px; + box-sizing: border-box; + border: 1px solid #e5e7eb; + box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); + transition: + background ease 0.3s, + color ease 0.3s, + border-color ease 0.3s; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link + span { + font-size: 20px; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link:hover { + color: #ffffff; + background: #d94a4a; + border-color: #d94a4a; } .cptm-form-builder-group-actions { - display: block; - min-width: 34px; - margin-left: 15px; + display: block; + min-width: 34px; + margin-left: 15px; } .cptm-form-builder-group-title { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - font-size: 14px; - color: #fff; + flex-grow: 1; + margin: 0; + font-size: 14px; + color: #fff; } .cptm-form-builder-group-options { - background-color: #fff; - margin: 0 42px 0 30px; - padding: 20px; - border-radius: 0 0 8px 8px; - -webkit-box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); - box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); + background-color: #fff; + margin: 0 42px 0 30px; + padding: 20px; + border-radius: 0 0 8px 8px; + box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); } .cptm-form-builder-group-options .directorist-form-fields-advanced { - padding: 0; - margin: 16px 0 0; - font-size: 13px; - font-weight: 500; - background: transparent; - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - color: #2e94fa; - text-decoration: underline; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - cursor: pointer; + padding: 0; + margin: 16px 0 0; + font-size: 13px; + font-weight: 500; + background: transparent; + border: none; + outline: none; + box-shadow: none; + color: #2e94fa; + text-decoration: underline; + transition: all ease 0.3s; + cursor: pointer; } .cptm-form-builder-group-options .directorist-form-fields-advanced:hover { - color: #3e62f5; -} -.cptm-form-builder-group-options .directorist-form-fields-area .cptm-form-group:last-child { - margin-bottom: 0; -} -.cptm-form-builder-group-options .cptm-form-builder-group-options__advanced-toggle { - font-size: 13px; - font-weight: 500; - color: #2e94fa; - background: transparent; - border: none; - padding: 0; - text-decoration: underline; - display: block; - margin-top: -7px; - cursor: pointer; + color: #3e62f5; +} +.cptm-form-builder-group-options + .directorist-form-fields-area + .cptm-form-group:last-child { + margin-bottom: 0; +} +.cptm-form-builder-group-options + .cptm-form-builder-group-options__advanced-toggle { + font-size: 13px; + font-weight: 500; + color: #2e94fa; + background: transparent; + border: none; + padding: 0; + text-decoration: underline; + display: block; + margin-top: -7px; + cursor: pointer; } .cptm-form-builder-group-fields { - display: block; - position: relative; + display: block; + position: relative; } .icon-picker-selector { - margin: 0; - padding: 3px 4px 3px 16px; - border: 1px solid #d2d6db; - border-radius: 8px; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + margin: 0; + padding: 3px 4px 3px 16px; + border: 1px solid #d2d6db; + border-radius: 8px; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); } .icon-picker-selector .icon-picker-selector__icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0; -} -.icon-picker-selector .icon-picker-selector__icon input[type=text].cptm-form-control { - padding: 5px 20px; - min-height: 20px; - background-color: transparent; - outline: none; + display: flex; + align-items: center; + margin: 0; +} +.icon-picker-selector + .icon-picker-selector__icon + input[type="text"].cptm-form-control { + padding: 5px 20px; + min-height: 20px; + background-color: transparent; + outline: none; } .icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon { - position: unset; - -webkit-transform: unset; - transform: unset; - font-size: 16px; + position: unset; + transform: unset; + font-size: 16px; } -.icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon:before { - margin-right: 6px; +.icon-picker-selector + .icon-picker-selector__icon + .directorist-selected-icon:before { + margin-right: 6px; } .icon-picker-selector .icon-picker-selector__icon input { - height: 32px; - border: none !important; - padding-left: 0 !important; + height: 32px; + border: none !important; + padding-left: 0 !important; } -.icon-picker-selector .icon-picker-selector__icon .icon-picker-selector__icon__reset { - font-size: 12px; - padding: 0 10px 0 0; +.icon-picker-selector + .icon-picker-selector__icon + .icon-picker-selector__icon__reset { + font-size: 12px; + padding: 0 10px 0 0; } .icon-picker-selector .icon-picker-selector__btn { - margin: 0; - height: 32px; - padding: 0 15px; - font-size: 13px; - font-weight: 500; - color: #2c3239; - border-radius: 6px; - background-color: #e5e7eb; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + margin: 0; + height: 32px; + padding: 0 15px; + font-size: 13px; + font-weight: 500; + color: #2c3239; + border-radius: 6px; + background-color: #e5e7eb; + transition: all ease 0.3s; } .icon-picker-selector .icon-picker-selector__btn:hover { - background-color: #e3e6e9; + background-color: #e3e6e9; } .cptm-restricted-area { - position: absolute; - top: 0; - bottom: 0; - right: 0; - left: 0; - z-index: 999; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 10px; - text-align: center; - background: rgba(255, 255, 255, 0.8); + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + z-index: 999; + display: flex; + justify-content: center; + align-items: center; + padding: 10px; + text-align: center; + background: rgba(255, 255, 255, 0.8); } .cptm-form-builder-group-field-item { - margin-bottom: 8px; - position: relative; - padding-right: 40px; - padding-left: 30px; - border-radius: 8px; + margin-bottom: 8px; + position: relative; + padding-right: 40px; + padding-left: 30px; + border-radius: 8px; } .cptm-form-builder-group-field-item .directorist-draggable-list-item { - position: absolute; - left: 0; + position: absolute; + left: 0; } -.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header { - border-color: #3e62f5; - border-radius: 8px 8px 0 0; - background-color: #f0f3ff; +.cptm-form-builder-group-field-item.expanded + .cptm-form-builder-group-field-item-header { + border-color: #3e62f5; + border-radius: 8px 8px 0 0; + background-color: #f0f3ff; } -.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header .cptm-form-builder-header-action-link { - color: #747c89; +.cptm-form-builder-group-field-item.expanded + .cptm-form-builder-group-field-item-header + .cptm-form-builder-header-action-link { + color: #747c89; } -.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-body { - border-color: #3e62f5; +.cptm-form-builder-group-field-item.expanded + .cptm-form-builder-group-field-item-body { + border-color: #3e62f5; } .cptm-form-builder-group-field-item-drag span { - color: #a1a9b2; + color: #a1a9b2; } .cptm-form-builder-group-field-item-actions { - display: block; - position: absolute; - right: -15px; - -webkit-transform: translate(34px, 7px); - transform: translate(34px, 7px); + display: block; + position: absolute; + right: -15px; + transform: translate(34px, 7px); } .cptm-form-builder-group-field-item-action-link { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 14px; - background-color: #e3e6ef; - border-radius: 50%; - width: 34px; - height: 34px; - text-align: center; - color: #868eae; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 14px; + background-color: #e3e6ef; + border-radius: 50%; + width: 34px; + height: 34px; + text-align: center; + color: #868eae; + transition: all ease-in-out 300ms; } .action-trash:hover { - color: #e62626; - background-color: rgba(255, 0, 0, 0.15); + color: #e62626; + background-color: rgba(255, 0, 0, 0.15); } .action-trash:hover { - background-color: #d7d7d7; + background-color: #d7d7d7; } .action-trash:hover:hover { - color: #e62626; - background-color: rgba(255, 0, 0, 0.15); + color: #e62626; + background-color: rgba(255, 0, 0, 0.15); } .cptm-form-builder-group-field-item-header-actions { - margin-left: 10px; + margin-left: 10px; } -.cptm-form-builder-group-field-item-header-actions .cptm-form-builder-header-action-link { - font-size: 20px; - color: #747c89; +.cptm-form-builder-group-field-item-header-actions + .cptm-form-builder-header-action-link { + font-size: 20px; + color: #747c89; } .cptm-form-builder-header-action-link { - display: inline-block; - padding: 0; - font-size: 11px; - margin-left: 5px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - opacity: 0.5; + display: inline-block; + padding: 0; + font-size: 11px; + margin-left: 5px; + transition: all ease-in-out 300ms; + opacity: 0.5; } .cptm-form-builder-header-action-link:hover { - opacity: 1; + opacity: 1; } .action-collapse-up span, .action-collapse-up span::before { - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(0); - transform: rotate(0); + transition: all ease-in-out 300ms; + transform: rotate(0); } .action-collapse-down span, .action-collapse-down span::before { - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(180deg); - transform: rotate(180deg); + transition: all ease-in-out 300ms; + transform: rotate(180deg); } .cptm-form-builder-group-field-item-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - position: relative; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 12px 20px; - cursor: default; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - border-radius: 8px; - background-color: #fff; - border: 1px solid #e5e7eb; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - z-index: 0; + display: flex; + position: relative; + justify-content: space-between; + padding: 12px 20px; + cursor: default; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + border-radius: 8px; + background-color: #fff; + border: 1px solid #e5e7eb; + transition: all ease 0.3s; + z-index: 0; } .cptm-form-builder-group-field-item-header .cptm-title-3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - color: #2c3239; + display: flex; + gap: 8px; + align-items: center; + font-size: 14px; + font-weight: 500; + color: #2c3239; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon { - font-size: 16px; - color: #747c89; + font-size: 16px; + color: #747c89; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg svg { - width: 16px; - height: 16px; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg svg path { - fill: #747c89; + display: flex; + align-items: center; + justify-content: center; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-icon-svg + svg { + width: 16px; + height: 16px; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-icon-svg + svg + path { + fill: #747c89; } .cptm-form-builder-group-field-item-header .cptm-title-3 > span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip { - position: relative; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip:before { - content: attr(data-info); - position: absolute; - top: calc(100% + 8px); - left: 0; - min-width: 180px; - max-width: 180px; - text-align: center; - color: #ffffff; - font-size: 13px; - font-weight: 500; - padding: 10px 12px; - border-radius: 6px; - background-color: #141921; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip:after { - content: ""; - position: absolute; - top: calc(100% + 2px); - left: 4px; - border-bottom: 6px solid #141921; - border-left: 6px solid transparent; - border-right: 6px solid transparent; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip:hover:before, .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip:hover:after { - opacity: 1; - visibility: visible; - z-index: 1; + display: flex; + gap: 12px; + align-items: center; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip { + position: relative; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip:before { + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + left: 0; + min-width: 180px; + max-width: 180px; + text-align: center; + color: #ffffff; + font-size: 13px; + font-weight: 500; + padding: 10px 12px; + border-radius: 6px; + background-color: #141921; + opacity: 0; + visibility: hidden; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip:after { + content: ""; + position: absolute; + top: calc(100% + 2px); + left: 4px; + border-bottom: 6px solid #141921; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + opacity: 0; + visibility: hidden; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip:hover:before, +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip:hover:after { + opacity: 1; + visibility: visible; + z-index: 1; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - line-height: 14px; - font-weight: 400; - padding: 4px 8px; - color: #ca6f04; - background-color: #fdefce; - border-radius: 4px; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info .cptm-title-info-icon { - font-size: 16px; + display: flex; + gap: 8px; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 400; + padding: 4px 8px; + color: #ca6f04; + background-color: #fdefce; + border-radius: 4px; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info + .cptm-title-info-icon { + font-size: 16px; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info i { - font-size: 16px; - color: #4d5761; + font-size: 16px; + color: #4d5761; } .directorist-draggable-list-item { - position: relative; - top: 15px; - float: left; - margin-right: 17px; - -webkit-box-flex: unset; - -webkit-flex-grow: unset; - -ms-flex-positive: unset; - flex-grow: unset; + position: relative; + top: 15px; + float: left; + margin-right: 17px; + flex-grow: unset; } .cptm-form-builder-group-field-item-body { - padding: 22px 25px 25px; - background-color: #fff; - border-radius: 0 0 8px 8px; - border: 1px solid transparent; - border-top: none; + padding: 22px 25px 25px; + background-color: #fff; + border-radius: 0 0 8px 8px; + border: 1px solid transparent; + border-top: none; } .cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle { - border-bottom: 1px solid #f1f2f6; - padding-bottom: 15px; - margin-bottom: 15px; + border-bottom: 1px solid #f1f2f6; + padding-bottom: 15px; + margin-bottom: 15px; } -.cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle .cptm-form-group { - margin-bottom: 0; +.cptm-form-builder-group-field-item-body + .cptm-field-wraper-type-toggle + .cptm-form-group { + margin-bottom: 0; } -.cptm-form-builder-group-field-item-body .directorist-type-icon-select + .cptm-form-group { - margin-top: 20px; +.cptm-form-builder-group-field-item-body + .directorist-type-icon-select + + .cptm-form-group { + margin-top: 20px; } .cptm-form-builder-field-list { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + margin: 0; + display: flex; + gap: 6px; + flex-wrap: wrap; } .cptm-form-builder-field-list .directorist-draggable-list-item { - position: unset; + position: unset; } .cptm-form-builder-field-list-item { - width: calc(50% - 3px); - padding: 10px 16px; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - list-style: none; - background-color: #ffffff; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + width: calc(50% - 3px); + padding: 10px 16px; + margin: 0; + display: flex; + align-items: center; + flex-wrap: wrap; + list-style: none; + background-color: #ffffff; + border: 1px solid #e5e7eb; + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + border-radius: 8px; + box-sizing: border-box; + transition: all ease 0.3s; } .cptm-form-builder-field-list-item .directorist-draggable-list-item-slot { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .cptm-form-builder-field-list-item:hover { - background-color: #e5e7eb; - -webkit-box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); - box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); + background-color: #e5e7eb; + box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); } .cptm-form-builder-field-list-item.clickable { - cursor: pointer; + cursor: pointer; } .cptm-form-builder-field-list-item.disabled { - cursor: not-allowed; + cursor: not-allowed; } @media (max-width: 400px) { - .cptm-form-builder-field-list-item { - width: calc(100% - 6px); - } + .cptm-form-builder-field-list-item { + width: calc(100% - 6px); + } } -li[class=cptm-form-builder-field-list-item][draggable=true] { - cursor: move; +li[class="cptm-form-builder-field-list-item"][draggable="true"] { + cursor: move; } .cptm-form-builder-field-list-icon { - display: inline-block; - margin-right: 12px; - width: 16px; - font-size: 16px; - color: #747c89; + display: inline-block; + margin-right: 12px; + width: 16px; + font-size: 16px; + color: #747c89; } .cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } .cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } -.cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg svg path { - fill: #747c89; +.cptm-form-builder-field-list-icon + .cptm-form-builder-field-list-icon-svg + svg + path { + fill: #747c89; } .cptm-form-builder-field-list-label { - display: inline-block; - font-size: 13px; - font-weight: 400; - color: #383f47; + display: inline-block; + font-size: 13px; + font-weight: 400; + color: #383f47; } .cptm-info-text-area { - margin-bottom: 10px; + margin-bottom: 10px; } .cptm-info-text { - margin: 0; - padding: 10px 0; - color: gray; + margin: 0; + padding: 10px 0; + color: gray; } .cptm-info-success { - color: #00b158; + color: #00b158; } .cptm-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .cptm-item-footer-drop-area { - position: absolute; - left: 0; - bottom: 0; - width: 100%; - height: 20px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: translate(0, 100%); - transform: translate(0, 100%); - z-index: 5; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 20px; + transition: all ease-in-out 300ms; + transform: translate(0, 100%); + z-index: 5; } .cptm-item-footer-drop-area.drag-enter { - background-color: rgba(23, 135, 255, 0.3); + background-color: rgba(23, 135, 255, 0.3); } .cptm-item-footer-drop-area.cptm-group-item-drop-area { - height: 40px; + height: 40px; } .cptm-form-builder-group-field-item-drop-area { - height: 20px; - position: absolute; - bottom: -20px; - z-index: 5; - width: 100%; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + height: 20px; + position: absolute; + bottom: -20px; + z-index: 5; + width: 100%; + transition: all ease-in-out 300ms; } .cptm-form-builder-group-field-item-drop-area.drag-enter { - background-color: rgba(23, 135, 255, 0.3); + background-color: rgba(23, 135, 255, 0.3); } .cptm-checkbox-area, .cptm-options-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 10px 0; - right: 0; - left: 0; + display: flex; + flex-direction: column; + margin: 10px 0; + right: 0; + left: 0; } .cptm-checkbox-area .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } @media (max-width: 1300px) { - .cptm-checkbox-area, - .cptm-options-area { - position: static; - } + .cptm-checkbox-area, + .cptm-options-area { + position: static; + } } .cptm-checkbox-item, .cptm-radio-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-right: 20px; + display: flex; + margin-right: 20px; } .cptm-tab-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .cptm-tab-area .cptm-tab-item input { - display: none; + display: none; } .cptm-tab-area .cptm-tab-item input:checked + label { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-tab-area .cptm-tab-item label { - margin: 0; - padding: 0 12px; - height: 32px; - line-height: 32px; - font-size: 14px; - font-weight: 500; - color: #747c89; - background: #e5e7eb; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + margin: 0; + padding: 0 12px; + height: 32px; + line-height: 32px; + font-size: 14px; + font-weight: 500; + color: #747c89; + background: #e5e7eb; + cursor: pointer; + transition: all ease-in-out 300ms; } .cptm-tab-area .cptm-tab-item label:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } @media screen and (max-width: 782px) { - .enable_schema_markup .atbdp-label-icon-wrapper { - margin-bottom: 15px !important; - } + .enable_schema_markup .atbdp-label-icon-wrapper { + margin-bottom: 15px !important; + } } .cptm-schema-tab-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 12px; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 12px; } .cptm-schema-tab-label { - color: rgba(0, 6, 38, 0.9); - font-size: 15px; - font-style: normal; - font-weight: 600; - line-height: 16px; + color: rgba(0, 6, 38, 0.9); + font-size: 15px; + font-style: normal; + font-weight: 600; + line-height: 16px; } .cptm-schema-tab-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px 20px; + display: flex; + gap: 10px 20px; } @media screen and (max-width: 782px) { - .cptm-schema-tab-wrapper { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .cptm-schema-tab-wrapper { + flex-wrap: wrap; + } } -.cptm-schema-tab-wrapper input[type=radio]:checked { - background-color: #3e62f5 !important; - border-color: #3e62f5 !important; +.cptm-schema-tab-wrapper input[type="radio"]:checked { + background-color: #3e62f5 !important; + border-color: #3e62f5 !important; } -.cptm-schema-tab-wrapper input[type=radio]:checked::before { - background-color: white !important; +.cptm-schema-tab-wrapper input[type="radio"]:checked::before { + background-color: white !important; } .cptm-schema-tab-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 12px 16px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid rgba(0, 17, 102, 0.1); - background-color: #fff; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: flex; + padding: 12px 16px; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid rgba(0, 17, 102, 0.1); + background-color: #fff; + transition: all ease-in-out 300ms; } @media screen and (max-width: 782px) { - .cptm-schema-tab-item { - width: 100%; - } + .cptm-schema-tab-item { + width: 100%; + } } -.cptm-schema-tab-item input[type=radio] { - -webkit-box-shadow: none; - box-shadow: none; +.cptm-schema-tab-item input[type="radio"] { + box-shadow: none; } @media screen and (max-width: 782px) { - .cptm-schema-tab-item input[type=radio] { - width: 16px; - height: 16px; - } - .cptm-schema-tab-item input[type=radio]:checked:before { - width: 0.5rem; - height: 0.5rem; - margin: 3px 3px; - line-height: 1.14285714; - } + .cptm-schema-tab-item input[type="radio"] { + width: 16px; + height: 16px; + } + .cptm-schema-tab-item input[type="radio"]:checked:before { + width: 0.5rem; + height: 0.5rem; + margin: 3px 3px; + line-height: 1.14285714; + } } .cptm-schema-tab-item.active { - border-color: #3e62f5 !important; - background-color: #f0f3ff; + border-color: #3e62f5 !important; + background-color: #f0f3ff; } .cptm-schema-tab-item.active .cptm-schema-label-wrapper { - color: #3e62f5 !important; + color: #3e62f5 !important; } .cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child { - cursor: not-allowed; - opacity: 0.5; - pointer-events: none; + cursor: not-allowed; + opacity: 0.5; + pointer-events: none; } -.cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child .cptm-schema-label-badge { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; +.cptm-schema-multi-directory-disabled + .cptm-schema-tab-item:last-child + .cptm-schema-label-badge { + display: inline-flex; } .cptm-schema-label-wrapper { - color: rgba(0, 6, 38, 0.9) !important; - font-size: 14px !important; - font-style: normal; - font-weight: 600 !important; - line-height: 20px; - cursor: pointer; - margin: 0 !important; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + color: rgba(0, 6, 38, 0.9) !important; + font-size: 14px !important; + font-style: normal; + font-weight: 600 !important; + line-height: 20px; + cursor: pointer; + margin: 0 !important; + transition: all ease-in-out 300ms; } .cptm-schema .cptm-schema-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; + display: flex; + align-items: center; + gap: 6px; } .cptm-schema-label-badge { - display: none; - height: 20px; - padding: 0px 8px; - border-radius: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background-color: #e3ecf2; - color: rgba(0, 8, 51, 0.65); - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 16px; - letter-spacing: 0.12px; + display: none; + height: 20px; + padding: 0px 8px; + border-radius: 4px; + align-items: center; + background-color: #e3ecf2; + color: rgba(0, 8, 51, 0.65); + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 16px; + letter-spacing: 0.12px; } .cptm-schema-label-description { - color: rgba(0, 8, 51, 0.65); - font-size: 12px !important; - font-style: normal; - font-weight: 400; - line-height: 18px; - margin-top: 2px; + color: rgba(0, 8, 51, 0.65); + font-size: 12px !important; + font-style: normal; + font-weight: 400; + line-height: 18px; + margin-top: 2px; } #listing_settings__listings_page .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } -input[type=checkbox].cptm-checkbox { - display: none; +input[type="checkbox"].cptm-checkbox { + display: none; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui { - color: #3e62f5; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui { + color: #3e62f5; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui::before { - font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; - font-weight: 900; - color: #fff; - content: "\f00c"; - z-index: 22; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui::before { + font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; + font-weight: 900; + color: #fff; + content: "\f00c"; + z-index: 22; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui:after { - background-color: #00b158; - border-color: #00b158; - z-index: -1; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui:after { + background-color: #00b158; + border-color: #00b158; + z-index: -1; } -input[type=radio].cptm-radio { - margin-top: 1px; +input[type="radio"].cptm-radio { + margin-top: 1px; } .cptm-form-range-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: inline-flex; + flex-wrap: wrap; } .cptm-form-range-wrap .cptm-form-range-bar { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-form-range-wrap .cptm-form-range-output { - width: 30px; + width: 30px; } .cptm-form-range-wrap .cptm-form-range-output-text { - padding: 10px 20px; - background-color: #fff; + padding: 10px 20px; + background-color: #fff; } .cptm-checkbox-ui { - display: inline-block; - min-width: 16px; - position: relative; - z-index: 1; - margin-right: 12px; + display: inline-block; + min-width: 16px; + position: relative; + z-index: 1; + margin-right: 12px; } .cptm-checkbox-ui::before { - font-size: 10px; - line-height: 1; - font-weight: 900; - display: inline-block; - margin-left: 4px; + font-size: 10px; + line-height: 1; + font-weight: 900; + display: inline-block; + margin-left: 4px; } .cptm-checkbox-ui:after { - position: absolute; - left: 0; - top: 0; - width: 18px; - height: 18px; - border-radius: 4px; - border: 1px solid #c6d0dc; - content: ""; + position: absolute; + left: 0; + top: 0; + width: 18px; + height: 18px; + border-radius: 4px; + border: 1px solid #c6d0dc; + content: ""; } .cptm-vh { - overflow: hidden; - overflow-y: auto; - max-height: 100vh; + overflow: hidden; + overflow-y: auto; + max-height: 100vh; } .cptm-thumbnail { - max-width: 350px; - width: 100%; - height: auto; - margin-bottom: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: #f2f2f2; + max-width: 350px; + width: 100%; + height: auto; + margin-bottom: 20px; + display: flex; + justify-content: center; + background-color: #f2f2f2; } .cptm-thumbnail img { - display: block; - width: 100%; - height: auto; + display: block; + width: 100%; + height: auto; } .cptm-thumbnail-placeholder { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } .cptm-thumbnail-placeholder-icon { - font-size: 40px; - color: #d2d6db; + font-size: 40px; + color: #d2d6db; } .cptm-thumbnail-placeholder-icon svg { - width: 40px; - height: 40px; + width: 40px; + height: 40px; } .cptm-thumbnail-img-wrap { - position: relative; + position: relative; } .cptm-thumbnail-action { - display: inline-block; - position: absolute; - top: 0; - right: 0; - background-color: #c6c6c6; - padding: 5px 8px; - border-radius: 50%; - margin: 10px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + position: absolute; + top: 0; + right: 0; + background-color: #c6c6c6; + padding: 5px 8px; + border-radius: 50%; + margin: 10px; + cursor: pointer; + transition: all ease-in-out 300ms; } .cptm-sub-navigation { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + padding: 0; + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; } .cptm-sub-nav__item { - list-style: none; - margin: 0; + list-style: none; + margin: 0; } .cptm-sub-nav__item-link { - display: block; - text-decoration: none; - padding: 12px 25px; - border-radius: 30px; - margin: 22px 5px; - color: #7a8289; - font-weight: 600; - background-color: #f1f2f6; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.cptm-sub-nav__item-link:hover, .cptm-sub-nav__item-link.active { - font-weight: 600; - color: #fff; - background: #3e62f5; + display: block; + text-decoration: none; + padding: 12px 25px; + border-radius: 30px; + margin: 22px 5px; + color: #7a8289; + font-weight: 600; + background-color: #f1f2f6; + transition: 0.3s ease; +} +.cptm-sub-nav__item-link:hover, +.cptm-sub-nav__item-link.active { + font-weight: 600; + color: #fff; + background: #3e62f5; } .cptm-sub-nav__item-link.active { - font-weight: bold; + font-weight: bold; } .cptm-builder-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - position: relative; + display: flex; + flex-wrap: wrap; + position: relative; } .cptm-options-area { - width: 300px; + width: 300px; } .cptm-option-card { - display: none; - margin-bottom: 10px; - opacity: 0; - border-radius: 5px; - text-align: left; - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transition: all linear 300ms; - transition: all linear 300ms; - pointer-events: none; + display: none; + margin-bottom: 10px; + opacity: 0; + border-radius: 5px; + text-align: left; + transform-origin: center; + transition: all linear 300ms; + pointer-events: none; } .cptm-option-card.cptm-animation-flip { - -webkit-transform: rotate3d(0, 1, 0, 45deg); - transform: rotate3d(0, 1, 0, 45deg); + transform: rotate3d(0, 1, 0, 45deg); } .cptm-option-card.cptm-animation-slide-up { - -webkit-transform: translate(0, 30px); - transform: translate(0, 30px); + transform: translate(0, 30px); } .cptm-option-card.active { - display: block; - opacity: 1; - pointer-events: all; + display: block; + opacity: 1; + pointer-events: all; } .cptm-option-card.active.cptm-animation-flip { - -webkit-transform: rotate3d(0, 0, 0, 0deg); - transform: rotate3d(0, 0, 0, 0deg); + transform: rotate3d(0, 0, 0, 0deg); } .cptm-option-card.active.cptm-animation-slide-up { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); + transform: translate(0, 0); } .cptm-anchor-down { - display: block; - text-align: center; - position: relative; - top: -1px; + display: block; + text-align: center; + position: relative; + top: -1px; } .cptm-anchor-down:after { - content: ""; - display: inline-block; - width: 0; - height: 0; - border-left: 15px solid transparent; - border-right: 15px solid transparent; - border-top: 15px solid #fff; + content: ""; + display: inline-block; + width: 0; + height: 0; + border-left: 15px solid transparent; + border-right: 15px solid transparent; + border-top: 15px solid #fff; } .cptm-header-action-link { - display: inline-block; - padding: 0 10px; - text-decoration: none; - color: #fff; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 0 10px; + text-decoration: none; + color: #fff; + transition: all ease-in-out 300ms; } .cptm-header-action-link:hover { - color: #fff; + color: #fff; } .cptm-option-card-header { - border-radius: 5px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - background-color: #3e62f5; + border-radius: 5px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + background-color: #3e62f5; } .cptm-option-card-header-title-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #fff; - min-height: 56px; - padding: 0 15px 0 25px; + display: flex; + align-items: center; + color: #fff; + min-height: 56px; + padding: 0 15px 0 25px; } .cptm-option-card-header-title { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - text-align: left; - color: #fff; + flex-grow: 1; + margin: 0; + text-align: left; + color: #fff; } .cptm-header-action-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0 0 0 10px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + padding: 0 0 0 10px; + justify-content: center; + align-items: center; } .cptm-option-card-header-nav-section { - display: block; + display: block; } .cptm-option-card-header-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - color: #fff; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0; - margin: 0; - background-color: rgba(255, 255, 255, 0.15); + display: flex; + color: #fff; + flex-wrap: wrap; + padding: 0; + margin: 0; + background-color: rgba(255, 255, 255, 0.15); } .cptm-option-card-header-nav-item { - display: block; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - padding: 8px 10px; - cursor: pointer; - margin-bottom: 0; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: block; + flex-grow: 1; + text-align: center; + padding: 8px 10px; + cursor: pointer; + margin-bottom: 0; + transition: all ease-in-out 300ms; } .cptm-option-card-header-nav-item.active { - background-color: rgba(255, 255, 255, 0.15); + background-color: rgba(255, 255, 255, 0.15); } .cptm-option-card-body { - padding: 18px 20px 20px; - border-radius: 5px; - border-top-right-radius: 0; - border-top-left-radius: 0; - -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); - box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); - background-color: #fff; - max-height: 500px; - overflow-y: auto; + padding: 18px 20px 20px; + border-radius: 5px; + border-top-right-radius: 0; + border-top-left-radius: 0; + box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); + background-color: #fff; + max-height: 500px; + overflow-y: auto; } .cptm-option-card-body .cptm-form-group:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-option-card-body .directorist-type-icon-select { - margin-bottom: 20px; + margin-bottom: 20px; } .cptm-option-card-body .directorist-type-icon-select .icon-picker-selector { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .cptm-widget-insert-area { - position: absolute; - bottom: 0; - left: 50%; - z-index: 99; - -webkit-transform: translate(-50%, 50%); - transform: translate(-50%, 50%); + position: absolute; + bottom: 0; + left: 50%; + z-index: 99; + transform: translate(-50%, 50%); } .cptm-widget-insert-wrap { - position: relative; + position: relative; } .cptm-widget-insert-modal-container { - position: absolute; - left: 50%; - top: 0; - width: 330px; - -webkit-transform: translate(-50%, -100%); - transform: translate(-50%, -100%); - pointer-events: none; + position: absolute; + left: 50%; + top: 0; + width: 330px; + transform: translate(-50%, -100%); + pointer-events: none; } .cptm-widget-insert-modal-container.active { - pointer-events: all; + pointer-events: all; } .cptm-widget-insert-link { - display: inline-block; - width: 26px; - height: 26px; - line-height: 25px; - border-radius: 50%; - font-size: 14px; - text-align: center; - text-decoration: none; - background-color: #fff; - -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - color: #5a5f7d; + display: inline-block; + width: 26px; + height: 26px; + line-height: 25px; + border-radius: 50%; + font-size: 14px; + text-align: center; + text-decoration: none; + background-color: #fff; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + color: #5a5f7d; } .cptm-listing-card-preview-body .cptm-widget-insert-link, .cptm-listing-card-preview-footer .cptm-widget-insert-link { - background: #23282d; - color: #fff; + background: #23282d; + color: #fff; } .cptm-widget-card-drop-prepend { - border-radius: 8px; + border-radius: 8px; } .cptm-widget-card-drop-append { - display: block; - width: 100%; - height: 0; - border-radius: 8px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: transparent; - border: 1px dashed transparent; + display: block; + width: 100%; + height: 0; + border-radius: 8px; + transition: all ease-in-out 300ms; + background-color: transparent; + border: 1px dashed transparent; } .cptm-widget-card-drop-append.dropable { - margin: 3px 0; - height: 10px; - border-color: cornflowerblue; + margin: 3px 0; + height: 10px; + border-color: cornflowerblue; } .cptm-widget-card-drop-append.drag-enter { - background-color: cornflowerblue; + background-color: cornflowerblue; } .cptm-widget-card-wrap { - visibility: visible; + visibility: visible; } .cptm-widget-card-inline-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - vertical-align: top; + display: inline-flex; + vertical-align: top; } .cptm-widget-card-inline-wrap .cptm-widget-card { - display: inline-block; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + display: inline-block; + flex: 1; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append { - display: inline-block; - width: 0; - height: auto; + display: inline-block; + width: 0; + height: auto; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append.dropable { - margin: 0 3px; - width: 10px; - max-width: 10px; + margin: 0 3px; + width: 10px; + max-width: 10px; } .cptm-list-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 5px; - color: gray; - font-weight: 600; - font-size: 16px; + display: flex; + padding: 5px; + color: gray; + font-weight: 600; + font-size: 16px; } .cptm-list-item .cptm-list-item-icon { - width: 25px; + width: 25px; } .cptm-list-item .cptm-list-item-label { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-list-item-card { - display: block; + display: block; } .cptm-widget-badge { - display: inline-block; - text-align: center; - color: #fff; - border-radius: 5px; - font-size: 11px; - padding: 2px 8px; - margin: 2px; - font-weight: 700; - background-color: rgba(255, 255, 255, 0.2); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - position: relative; + display: inline-block; + text-align: center; + color: #fff; + border-radius: 5px; + font-size: 11px; + padding: 2px 8px; + margin: 2px; + font-weight: 700; + background-color: rgba(255, 255, 255, 0.2); + transition: 0.3s ease; + position: relative; } .cptm-preview-area { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-preview-wrapper { - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - gap: 25px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex !important; + gap: 25px; + align-items: center; + justify-content: space-between; } .cptm-preview-wrapper .cptm-preview-radio-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - max-width: 300px; + display: flex; + flex-direction: column; + flex: 0 0 auto; + max-width: 300px; } .cptm-preview-wrapper .cptm-preview-area-archive img { - max-height: 100px; + max-height: 100px; } .cptm-widget-thumb .cptm-widget-thumb-icon i { - font-size: 80px; - opacity: 0.1; + font-size: 80px; + opacity: 0.1; } .cptm-widget-thumb .cptm-widget-label { - font-size: 13px; - font-weight: 500; - color: #868eae; + font-size: 13px; + font-weight: 500; + color: #868eae; } .cptm-placeholder-blcok { - padding: 2px; - position: relative; - min-height: 54px; - border: 2px dashed rgba(255, 255, 255, 0.15); - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 4px; - z-index: 99; + padding: 2px; + position: relative; + min-height: 54px; + border: 2px dashed rgba(255, 255, 255, 0.15); + transition: all ease-in-out 300ms; + box-sizing: border-box; + border-radius: 4px; + z-index: 99; } -.cptm-placeholder-blcok:hover, .cptm-placeholder-blcok.drag-enter { - border-color: rgb(255, 255, 255); +.cptm-placeholder-blcok:hover, +.cptm-placeholder-blcok.drag-enter { + border-color: rgb(255, 255, 255); } .cptm-placeholder-label { - margin: 0; - text-align: center; - margin-bottom: 0; - text-align: center; - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - z-index: 0; - color: rgba(255, 255, 255, 0.4); - font-size: 13px; + margin: 0; + text-align: center; + margin-bottom: 0; + text-align: center; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + z-index: 0; + color: rgba(255, 255, 255, 0.4); + font-size: 13px; } .cptm-placeholder-label.hide { - display: none; + display: none; } .cptm-listing-card-preview-footer .cptm-placeholder-label { - color: #868eae; + color: #868eae; } .cptm-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 100%; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + height: 100%; + flex-wrap: wrap; + justify-content: center; + align-items: center; } .cptm-center-content.cptm-content-wide * { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .cptm-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .cptm-listing-card-body-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .cptm-align-left { - text-align: left; + text-align: left; } .cptm-listing-card-body-header-left { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-listing-card-body-header-right { - width: 100px; - margin-left: 10px; + width: 100px; + margin-left: 10px; } .cptm-card-preview-area-wrap { - max-width: 450px; - margin: 0 auto; + max-width: 450px; + margin: 0 auto; } .cptm-card-preview-widget { - max-width: 450px; - margin: 0 auto; - border-radius: 8px; - -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - background-color: #fff; + max-width: 450px; + margin: 0 auto; + border-radius: 8px; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); + background-color: #fff; } .cptm-card-preview-widget.cptm-card-list-view { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - max-width: 100%; + display: flex; + flex-wrap: wrap; + max-width: 100%; } .cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-thumbnail { - height: 100%; + height: 100%; } -.cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { - min-width: 320px; - min-height: 300px; +.cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header { + min-width: 320px; + min-height: 300px; } @media (max-width: 400px) { - .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { - min-width: 100%; - } + .cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header { + min-width: 100%; + } } .cptm-field-wraper-key-single_listing_header .cptm-card-preview-area-wrap, .cptm-field-wraper-key-single_listing_header .cptm-card-preview-widget { - max-width: 750px; + max-width: 750px; } .cptm-listing-card-preview-header { - display: block; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + display: block; + flex-grow: 1; } .cptm-listing-card-content { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-card-preview-thumbnail { - position: relative; - height: 280px; - background: #272b41; - border-radius: 5px 5px 0 0; + position: relative; + height: 280px; + background: #272b41; + border-radius: 5px 5px 0 0; } .cptm-card-preview-thumbnail-overlay { - position: relative; - height: 100%; - padding: 20px 10px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + height: 100%; + padding: 20px 10px; + box-sizing: border-box; } .cptm-card-preview-thumbnail-placeholer { - height: 100%; + height: 100%; } .cptm-card-preview-thumbnail-placeholder { - height: 100%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + height: 100%; + text-align: center; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; } .cptm-listing-card-preview-quick-info-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-card-preview-thumbnail-bg { - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - font-size: 72px; - color: #7b7d8b; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + font-size: 72px; + color: #7b7d8b; } .cptm-card-preview-thumbnail-bg span { - color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.1); } .cptm-card-preview-top-left { - width: calc(50% - 30px); - position: absolute; - top: 20px; - left: 20px; + width: calc(50% - 30px); + position: absolute; + top: 20px; + left: 20px; } .cptm-card-preview-top-left-placeholder { - display: block; - text-align: left; + display: block; + text-align: left; } .cptm-card-preview-top-right { - position: absolute; - right: 20px; - top: 20px; - width: calc(50% - 30px); + position: absolute; + right: 20px; + top: 20px; + width: calc(50% - 30px); } .cptm-card-preview-top-right-placeholder { - text-align: right; + text-align: right; } .cptm-card-preview-bottom-left { - position: absolute; - width: calc(50% - 30px); - bottom: 53px; - left: 20px; + position: absolute; + width: calc(50% - 30px); + bottom: 53px; + left: 20px; } .cptm-card-preview-bottom-left-placeholder { - display: block; - text-align: left; + display: block; + text-align: left; } .cptm-card-preview-bottom-right { - position: absolute; - bottom: 53px; - right: 20px; - width: calc(50% - 30px); + position: absolute; + bottom: 53px; + right: 20px; + width: calc(50% - 30px); } .cptm-card-preview-bottom-right-placeholder { - display: block; - text-align: right; + display: block; + text-align: right; } .cptm-listing-card-preview-body { - display: block; - padding: 35px 20px 20px; - position: relative; + display: block; + padding: 35px 20px 20px; + position: relative; } .cptm-listing-card-author-avatar { - z-index: 99; - position: absolute; - left: 50%; - top: 0; - width: calc(100% - 40px); - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); + z-index: 99; + position: absolute; + left: 50%; + top: 0; + width: calc(100% - 40px); + transform: translate(-50%, -50%); } .cptm-listing-card-author-avatar .cptm-placeholder-blcok { - padding: 0; - height: 51px; - min-height: auto; - text-align: center; - border-color: rgba(198, 208, 220, 0.5); + padding: 0; + height: 51px; + min-height: auto; + text-align: center; + border-color: rgba(198, 208, 220, 0.5); } -.cptm-listing-card-author-avatar .cptm-widget-insert-area .cptm-widget-insert-link { - background-color: #fff; - color: #5a5f7d; +.cptm-listing-card-author-avatar + .cptm-widget-insert-area + .cptm-widget-insert-link { + background-color: #fff; + color: #5a5f7d; } .cptm-placeholder-author-thumb { - margin: 0; + margin: 0; } .cptm-placeholder-author-thumb img { - width: 40px; - height: 40px; - border-radius: 50%; - -o-object-fit: cover; - object-fit: cover; - background-color: #c6d0dc; - border: 4px solid #fff; + width: 40px; + height: 40px; + border-radius: 50%; + object-fit: cover; + background-color: #c6d0dc; + border: 4px solid #fff; } .cptm-placeholder-author-thumb-wrapper { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: #c6d0dc; - border: 4px solid #fff; - color: white; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + width: 40px; + height: 40px; + border-radius: 50%; + background-color: #c6d0dc; + border: 4px solid #fff; + color: white; + display: inline-flex; + align-items: center; + justify-content: center; } .cptm-placeholder-author-thumb-wrapper svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .cptm-widget-title-card { - margin-bottom: 10px; - padding: 10px; - text-align: left; - color: #bfbfbf; - font-weight: bold; - font-size: 18px; + margin-bottom: 10px; + padding: 10px; + text-align: left; + color: #bfbfbf; + font-weight: bold; + font-size: 18px; } .cptm-has-widget-control { - position: relative; + position: relative; } .cptm-has-widget-control:hover .cptm-widget-control-wrap { - visibility: visible; - pointer-events: all; - opacity: 1; + visibility: visible; + pointer-events: all; + opacity: 1; } .cptm-form-group-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .cptm-form-group-col { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-flex-basis: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; + flex-grow: 1; + flex-basis: 50%; } .cptm-form-group-info { - color: gray; - margin-bottom: 5px; + color: gray; + margin-bottom: 5px; } .cptm-widget-actions-tools { - position: absolute; - width: 75px; - background-color: #2c99ff; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - top: -40px; - padding: 5px; - border: 3px solid #2c99ff; - border-radius: 1px 1px 0 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 9999; + position: absolute; + width: 75px; + background-color: #2c99ff; + left: 50%; + transform: translateX(-50%); + top: -40px; + padding: 5px; + border: 3px solid #2c99ff; + border-radius: 1px 1px 0 0; + display: flex; + align-items: center; + justify-content: center; + visibility: hidden; + opacity: 0; + pointer-events: none; + transition: 0.3s ease; + z-index: 9999; } .cptm-widget-actions-tools a { - padding: 0 6px; - font-size: 12px; - color: #fff; + padding: 0 6px; + font-size: 12px; + color: #fff; } .cptm-widget-actions-tools-wrap:before { - position: absolute; - content: ""; - width: 100%; - height: 100%; - left: -8px; - top: -8px; - border: 3px solid #2c99ff; - padding: 5px; - visibility: hidden; - opacity: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 1; + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: -8px; + top: -8px; + border: 3px solid #2c99ff; + padding: 5px; + visibility: hidden; + opacity: 0; + transition: 0.3s ease; + z-index: 1; } .cptm-widget-actions-tools-wrap:hover .cptm-widget-actions-tools { - visibility: visible; - opacity: 1; - pointer-events: all; + visibility: visible; + opacity: 1; + pointer-events: all; } .cptm-widget-actions-tools-wrap:hover:before { - visibility: visible; - opacity: 1; + visibility: visible; + opacity: 1; } .cptm-widget-control-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - visibility: hidden; - opacity: 0; - position: absolute; - left: 0; - right: 0; - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - top: 1px; - pointer-events: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - z-index: 99; + display: flex; + visibility: hidden; + opacity: 0; + position: absolute; + left: 0; + right: 0; + width: 100%; + justify-content: center; + align-items: center; + top: 1px; + pointer-events: none; + transition: all ease-in-out 300ms; + z-index: 99; } .cptm-widget-control { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding-bottom: 10px; - -webkit-transform: translate(0%, -100%); - transform: translate(0%, -100%); + display: flex; + padding-bottom: 10px; + transform: translate(0%, -100%); } .cptm-widget-control::after { - content: ""; - display: inline-block; - margin: 0 auto; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 10px solid #3e62f5; - position: absolute; - bottom: 2px; - left: 50%; - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); - z-index: -1; + content: ""; + display: inline-block; + margin: 0 auto; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid #3e62f5; + position: absolute; + bottom: 2px; + left: 50%; + transform: translate(-50%, 0); + z-index: -1; } .cptm-widget-control .cptm-widget-control-action:first-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } .cptm-widget-control .cptm-widget-control-action:last-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } .hide { - display: none; + display: none; } .cptm-widget-control-action { - display: inline-block; - padding: 5px 8px; - color: #fff; - font-size: 12px; - cursor: pointer; - background-color: #3e62f5; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 5px 8px; + color: #fff; + font-size: 12px; + cursor: pointer; + background-color: #3e62f5; + transition: all ease-in-out 300ms; } .cptm-widget-control-action:hover { - background-color: #0e3bf2; + background-color: #0e3bf2; } .cptm-listing-card-preview-body-placeholder { - display: block; - padding: 10px; - min-height: 206px; - border-color: #e3e6ef; + display: block; + padding: 10px; + min-height: 206px; + border-color: #e3e6ef; } -.cptm-listing-card-preview-body-placeholder:hover, .cptm-listing-card-preview-body-placeholder.drag-enter { - border-color: #717171; +.cptm-listing-card-preview-body-placeholder:hover, +.cptm-listing-card-preview-body-placeholder.drag-enter { + border-color: #717171; } .cptm-listing-card-preview-body-placeholder .cptm-placeholder-label { - color: #a1a8c6; + color: #a1a8c6; } .cptm-listing-card-preview-footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 20px; - background-color: #f4f5f7; - border-radius: 0 0 5px 5px; + display: flex; + flex-wrap: wrap; + padding: 20px; + background-color: #f4f5f7; + border-radius: 0 0 5px 5px; } .cptm-listing-card-preview-footer-left-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-right: 5px; - border-color: #c6d0dc; - width: calc(50% - 10px); - text-align: left; + flex-grow: 1; + margin-right: 5px; + border-color: #c6d0dc; + width: calc(50% - 10px); + text-align: left; } -.cptm-listing-card-preview-footer-left-placeholder:hover, .cptm-listing-card-preview-footer-left-placeholder.drag-enter { - border-color: #1e1e1e; +.cptm-listing-card-preview-footer-left-placeholder:hover, +.cptm-listing-card-preview-footer-left-placeholder.drag-enter { + border-color: #1e1e1e; } .cptm-listing-card-preview-footer-right-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - border-color: #c6d0dc; - width: calc(50% - 10px); - text-align: right; + flex-grow: 1; + border-color: #c6d0dc; + width: calc(50% - 10px); + text-align: right; } -.cptm-listing-card-preview-footer-right-placeholder:hover, .cptm-listing-card-preview-footer-right-placeholder.drag-enter { - border-color: #1e1e1e; +.cptm-listing-card-preview-footer-right-placeholder:hover, +.cptm-listing-card-preview-footer-right-placeholder.drag-enter { + border-color: #1e1e1e; } .cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + justify-content: flex-end; + align-items: center; } .cptm-card-light.cptm-placeholder-blcok { - border-color: #c6d0dc; + border-color: #c6d0dc; } -.cptm-card-light.cptm-placeholder-blcok:hover, .cptm-card-light.cptm-placeholder-blcok.drag-enter { - border-color: #1e1e1e; +.cptm-card-light.cptm-placeholder-blcok:hover, +.cptm-card-light.cptm-placeholder-blcok.drag-enter { + border-color: #1e1e1e; } .cptm-card-light .cptm-placeholder-label { - color: #23282d; + color: #23282d; } .cptm-card-light .cptm-widget-badge { - color: #969db8; - background-color: #eff0f3; + color: #969db8; + background-color: #eff0f3; } .cptm-card-dark-light .cptm-placeholder-label { - padding: 5px 12px; - color: #888; - border-radius: 30px; - background-color: #fff; + padding: 5px 12px; + color: #888; + border-radius: 30px; + background-color: #fff; } .cptm-card-dark-light .cptm-widget-badge { - background-color: rgba(0, 0, 0, 0.8); + background-color: rgba(0, 0, 0, 0.8); } .cptm-widgets-container { - overflow: hidden; - border: 1px solid rgba(0, 0, 0, 0.1); - background-color: #fff; + overflow: hidden; + border: 1px solid rgba(0, 0, 0, 0.1); + background-color: #fff; } .cptm-widgets-header { - display: block; + display: block; } .cptm-widget-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0; + display: flex; + flex-wrap: wrap; + margin: 0; } .cptm-widget-nav-item { - display: inline-block; - margin: 0; - padding: 12px 10px; - cursor: pointer; - -webkit-flex-basis: 33.3333333333%; - -ms-flex-preferred-size: 33.3333333333%; - flex-basis: 33.3333333333%; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; - color: #8a8a8a; - border-right: 1px solid #e3e1e1; - background-color: #f2f2f2; + display: inline-block; + margin: 0; + padding: 12px 10px; + cursor: pointer; + flex-basis: 33.3333333333%; + flex-grow: 1; + text-align: center; + box-sizing: border-box; + cursor: pointer; + color: #8a8a8a; + border-right: 1px solid #e3e1e1; + background-color: #f2f2f2; } .cptm-widget-nav-item:last-child { - border-right: none; + border-right: none; } .cptm-widget-nav-item:hover { - color: #2b2b2b; + color: #2b2b2b; } .cptm-widget-nav-item.active { - font-weight: bold; - color: #2b2b2b; - background-color: #fff; + font-weight: bold; + color: #2b2b2b; + background-color: #fff; } .cptm-widgets-body { - padding: 10px; - max-height: 450px; - overflow: hidden; - overflow-y: auto; + padding: 10px; + max-height: 450px; + overflow: hidden; + overflow-y: auto; } .cptm-widgets-list { - display: block; - margin: 0; + display: block; + margin: 0; } .cptm-widgets-list-item { - display: block; + display: block; } .widget-group-title { - margin: 0 0 5px; - font-size: 16px; - color: #bbb; + margin: 0 0 5px; + font-size: 16px; + color: #bbb; } .cptm-widgets-sub-list { - display: block; - margin: 0; + display: block; + margin: 0; } .cptm-widgets-sub-list-item { - display: block; - padding: 10px 15px; - background-color: #eee; - border-radius: 5px; - margin-bottom: 10px; - cursor: move; + display: block; + padding: 10px 15px; + background-color: #eee; + border-radius: 5px; + margin-bottom: 10px; + cursor: move; } .widget-icon { - display: inline-block; - margin-right: 5px; + display: inline-block; + margin-right: 5px; } .widget-label { - display: inline-block; + display: inline-block; } .cptm-form-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-form-group label { - display: block; - font-size: 14px; - font-weight: 500; - color: #2c3239; - margin-bottom: 9px; + display: block; + font-size: 14px; + font-weight: 500; + color: #2c3239; + margin-bottom: 9px; } .cptm-form-group label .cptm-sub-label { - font-weight: 400; - color: #747c89; - margin: 0; + font-weight: 400; + color: #747c89; + margin: 0; } .cptm-form-group .cptm-form-control { - max-width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; + max-width: 100%; + box-sizing: border-box; } .cptm-form-group.cptm-form-content { - text-align: center; - margin-bottom: 0; + text-align: center; + margin-bottom: 0; } .cptm-form-group.cptm-form-content .cptm-form-content-select { - text-align: left; + text-align: left; } .cptm-form-group.cptm-form-content .cptm-form-content-title { - font-size: 16px; - line-height: 22px; - font-weight: 600; - color: #191b23; - margin: 0 0 8px; + font-size: 16px; + line-height: 22px; + font-weight: 600; + color: #191b23; + margin: 0 0 8px; } .cptm-form-group.cptm-form-content .cptm-form-content-desc { - font-size: 12px; - line-height: 18px; - font-weight: 400; - color: #747c89; - margin: 0; + font-size: 12px; + line-height: 18px; + font-weight: 400; + color: #747c89; + margin: 0; } .cptm-form-group.cptm-form-content .cptm-form-content-icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 40px; - margin: 0 0 12px; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 40px; + margin: 0 0 12px; } .cptm-form-group.cptm-form-content .cptm-form-content-btn { - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 30px; - font-size: 12px; - line-height: 14px; - font-weight: 500; - margin: 8px auto 0; - color: #3e62f5; - background: transparent; - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - cursor: pointer; + position: relative; + display: inline-flex; + gap: 6px; + align-items: center; + justify-content: center; + height: 30px; + font-size: 12px; + line-height: 14px; + font-weight: 500; + margin: 8px auto 0; + color: #3e62f5; + background: transparent; + border: none; + outline: none; + box-shadow: none; + cursor: pointer; } .cptm-form-group.cptm-form-content .cptm-form-content-btn:before { - content: ""; - position: absolute; - width: 0; - height: 1px; - left: 0; - bottom: 8px; - background-color: #3e62f5; - -webkit-transition: width ease-in-out 300ms; - transition: width ease-in-out 300ms; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, .cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before { - width: 100%; + content: ""; + position: absolute; + width: 0; + height: 1px; + left: 0; + bottom: 8px; + background-color: #3e62f5; + transition: width ease-in-out 300ms; +} +.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, +.cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before { + width: 100%; } .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled { - pointer-events: none; + pointer-events: none; } -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled:before { - display: none; +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-btn-disabled:before { + display: none; } .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - color: #747c89; - height: auto; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:before { - display: none; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:hover, .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:focus { - color: #3e62f5; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-icon { - font-size: 14px; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-loader { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-loader i { - font-size: 15px; + display: flex; + color: #747c89; + height: auto; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:before { + display: none; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:hover, +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:focus { + color: #3e62f5; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-icon { + font-size: 14px; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-loader { + display: inline-flex; + gap: 6px; + align-items: center; + justify-content: center; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-loader + i { + font-size: 15px; } .cptm-form-group.tab-field .cptm-preview-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 0; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + gap: 0; + flex-direction: column; } .cptm-form-group.cpt-has-error .cptm-form-control { - border: 1px solid rgb(192, 51, 51); + border: 1px solid rgb(192, 51, 51); } .cptm-preview-image-upload { - width: 350px; - max-width: 100%; - height: 224px; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - border-radius: 10px; - position: relative; - overflow: hidden; + width: 350px; + max-width: 100%; + height: 224px; + flex-shrink: 0; + border-radius: 10px; + position: relative; + overflow: hidden; } .cptm-preview-image-upload:not(.cptm-preview-image-upload--show) { - border: 2px dashed #d2d6db; - background: #f9fafb; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail { - max-width: 100%; - width: 100%; - height: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-action { - display: none; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-img-wrap img { - width: 40px; - height: 40px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 4px; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - background: #141921; - color: #fff; - text-align: center; - font-size: 13px; - font-weight: 500; - line-height: 14px; - margin-top: 20px; - margin-bottom: 12px; - cursor: pointer; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn input { - background-color: transparent; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - color: white; - padding: 0; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn i { - font-size: 14px; - color: inherit; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .directorist-row-tooltip[data-tooltip]:before, .cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .directorist-row-tooltip[data-tooltip]:after { - opacity: 0; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-drag-text { - color: #747c89; - font-size: 14px; - font-weight: 400; - line-height: 16px; - text-transform: capitalize; + border: 2px dashed #d2d6db; + background: #f9fafb; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail { + max-width: 100%; + width: 100%; + height: 100%; + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-action { + display: none; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-img-wrap + img { + width: 40px; + height: 40px; + object-fit: cover; + border-radius: 4px; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn { + display: inline-flex; + padding: 8px 12px; + justify-content: center; + align-items: center; + gap: 6px; + border-radius: 8px; + background: #141921; + color: #fff; + text-align: center; + font-size: 13px; + font-weight: 500; + line-height: 14px; + margin-top: 20px; + margin-bottom: 12px; + cursor: pointer; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn + input { + background-color: transparent; + border: none; + box-shadow: none; + color: white; + padding: 0; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn + i { + font-size: 14px; + color: inherit; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .directorist-row-tooltip[data-tooltip]:before, +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .directorist-row-tooltip[data-tooltip]:after { + opacity: 0; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-drag-text { + color: #747c89; + font-size: 14px; + font-weight: 400; + line-height: 16px; + text-transform: capitalize; } .cptm-preview-image-upload.cptm-preview-image-upload--show { - margin-bottom: 0; - height: 100%; + margin-bottom: 0; + height: 100%; } .cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail { - margin: 0; - position: relative; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail:after { - content: ""; - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; - background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), color-stop(35.42%, rgba(0, 0, 0, 0))); - background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 35.42%); - z-index: 1; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail .action-trash ~ .cptm-upload-btn { - right: 52px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-action { - margin: 0; - background-color: white; - width: 32px; - height: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0; - top: 12px; - right: 12px; - border-radius: 8px; - font-size: 16px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-drag-text { - display: none; + margin: 0; + position: relative; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: linear-gradient( + 180deg, + rgba(0, 0, 0, 0.6) 0%, + rgba(0, 0, 0, 0) 35.42% + ); + z-index: 1; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail + .action-trash + ~ .cptm-upload-btn { + right: 52px; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-action { + margin: 0; + background-color: white; + width: 32px; + height: 32px; + display: flex; + align-items: center; + justify-content: center; + padding: 0; + top: 12px; + right: 12px; + border-radius: 8px; + font-size: 16px; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-drag-text { + display: none; } .cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn { - position: absolute; - top: 12px; - right: 12px; - max-width: 32px !important; - width: 32px; - max-height: 32px; - height: 32px; - background-color: white; - padding: 0; - border-radius: 8px; - margin: 10px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - z-index: 2; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn input { - display: none; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn i::before { - content: "\ea57"; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .directorist-row-tooltip[data-tooltip]:after { - background-color: white; - color: #141921; - opacity: 1; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .directorist-row-tooltip[data-tooltip][data-flow=bottom]::before { - border-bottom-color: white; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-action { - z-index: 2; + position: absolute; + top: 12px; + right: 12px; + max-width: 32px !important; + width: 32px; + max-height: 32px; + height: 32px; + background-color: white; + padding: 0; + border-radius: 8px; + margin: 10px; + cursor: pointer; + transition: all ease-in-out 300ms; + margin: 0; + display: flex; + align-items: center; + justify-content: center; + z-index: 2; + box-sizing: border-box; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-upload-btn + input { + display: none; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-upload-btn + i::before { + content: "\ea57"; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .directorist-row-tooltip[data-tooltip]:after { + background-color: white; + color: #141921; + opacity: 1; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .directorist-row-tooltip[data-tooltip][data-flow="bottom"]::before { + border-bottom-color: white; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-action { + z-index: 2; } .cptm-form-group-feedback { - display: block; + display: block; } .cptm-form-alert { - padding: 0 0 10px; - color: #06d6a0; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + padding: 0 0 10px; + color: #06d6a0; + transition: all ease-in-out 300ms; } .cptm-form-alert.cptm-error { - color: #c82424; + color: #c82424; } .cptm-input-toggle-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + align-items: center; } .cptm-input-toggle-wrap label { - padding-right: 10px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-bottom: 0; + padding-right: 10px; + flex-grow: 1; + margin-bottom: 0; } .cptm-input-toggle { - display: inline-block; - position: relative; - width: 36px; - height: 20px; - background-color: #d9d9d9; - border-radius: 30px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - cursor: pointer; + display: inline-block; + position: relative; + width: 36px; + height: 20px; + background-color: #d9d9d9; + border-radius: 30px; + transition: all ease-in-out 300ms; + cursor: pointer; } .cptm-input-toggle::after { - content: ""; - display: inline-block; - width: 30%; - height: calc(100% - 10px); - background-color: #fff; - border-radius: 50%; - position: absolute; - top: 0; - left: 0; - margin: 5px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + content: ""; + display: inline-block; + width: 30%; + height: calc(100% - 10px); + background-color: #fff; + border-radius: 50%; + position: absolute; + top: 0; + left: 0; + margin: 5px; + transition: all ease-in-out 300ms; } .cptm-input-toggle.active { - background-color: #3e62f5; + background-color: #3e62f5; } .cptm-input-toggle.active::after { - left: 100%; - -webkit-transform: translateX(calc(-100% - 10px)); - transform: translateX(calc(-100% - 10px)); + left: 100%; + transform: translateX(calc(-100% - 10px)); } .cptm-multi-option-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-multi-option-group .cptm-btn { - margin: 0; + margin: 0; } .cptm-multi-option-label { - display: block; + display: block; } .cptm-multi-option-group-section-draft { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -8px; + display: flex; + flex-wrap: wrap; + margin: -8px; } .cptm-multi-option-group-section-draft .cptm-form-group { - margin: 0 8px 20px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + margin: 0 8px 20px; + flex: 1; } .cptm-multi-option-group-section-draft .cptm-form-group .cptm-form-control { - width: 100%; + width: 100%; } .cptm-multi-option-group-section-draft .cptm-form-group.cpt-has-error { - position: relative; + position: relative; } .cptm-multi-option-group-section-draft p { - margin: 28px 8px 20px; + margin: 28px 8px 20px; } .cptm-label { - display: block; - margin-bottom: 10px; - font-weight: 500; + display: block; + margin-bottom: 10px; + font-weight: 500; } .form-repeater__container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 8px; + display: flex; + flex-direction: column; + gap: 8px; } .form-repeater__group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 16px; - position: relative; + display: flex; + align-items: center; + gap: 16px; + position: relative; } .form-repeater__group.sortable-chosen .form-repeater__input { - background: #e1e4e8 !important; - border: 1px solid #d1d5db !important; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; -} -.form-repeater__remove-btn, .form-repeater__drag-btn { - color: #4d5761; - background: transparent; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - outline: none; - padding: 0; - margin: 0; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; -} -.form-repeater__remove-btn:disabled, .form-repeater__drag-btn:disabled { - cursor: not-allowed; - opacity: 0.6; -} -.form-repeater__remove-btn svg, .form-repeater__drag-btn svg { - width: 12px; - height: 12px; -} -.form-repeater__remove-btn i, .form-repeater__drag-btn i { - font-size: 16px; - margin: 0; - padding: 0; + background: #e1e4e8 !important; + border: 1px solid #d1d5db !important; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; } +.form-repeater__remove-btn, .form-repeater__drag-btn { - cursor: move; - position: absolute; - left: 0; + color: #4d5761; + background: transparent; + border: none; + box-shadow: none; + outline: none; + padding: 0; + margin: 0; + transition: all 0.3s ease; +} +.form-repeater__remove-btn:disabled, +.form-repeater__drag-btn:disabled { + cursor: not-allowed; + opacity: 0.6; +} +.form-repeater__remove-btn svg, +.form-repeater__drag-btn svg { + width: 12px; + height: 12px; +} +.form-repeater__remove-btn i, +.form-repeater__drag-btn i { + font-size: 16px; + margin: 0; + padding: 0; +} +.form-repeater__drag-btn { + cursor: move; + position: absolute; + left: 0; } .form-repeater__remove-btn { - cursor: pointer; - position: absolute; - right: 0; + cursor: pointer; + position: absolute; + right: 0; } .form-repeater__remove-btn:hover { - color: #c83a3a; + color: #c83a3a; } .form-repeater__input { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - height: 40px; - padding: 5px 16px; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - border-radius: 8px; - border: 1px solid var(--Gray-200, #e5e7eb); - background: white; - -webkit-box-shadow: 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); - box-shadow: 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); - color: #2c3239; - outline: none; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - margin: 0 32px; - overflow: hidden; - -ms-text-overflow: ellipsis; - text-overflow: ellipsis; + flex: 1; + height: 40px; + padding: 5px 16px; + flex-shrink: 0; + border-radius: 8px; + border: 1px solid var(--Gray-200, #e5e7eb); + background: white; + box-shadow: 0px 1px 2px 0px + var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); + color: #2c3239; + outline: none; + transition: all 0.3s ease; + margin: 0 32px; + overflow: hidden; + -o-text-overflow: ellipsis; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; } .form-repeater__input-value-added { - background: var(--Gray-50, #f9fafb); - border-color: #e5e7eb; + background: var(--Gray-50, #f9fafb); + border-color: #e5e7eb; } .form-repeater__input:focus { - background: var(--Gray-50, #f9fafb); - border-color: #3e62f5; -} -.form-repeater__input::-webkit-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; -} -.form-repeater__input::-moz-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; -} -.form-repeater__input:-ms-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; -} -.form-repeater__input::-ms-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + background: var(--Gray-50, #f9fafb); + border-color: #3e62f5; } .form-repeater__input::placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; } .form-repeater__add-group-btn { - font-size: 12px; - font-weight: 600; - color: #2e94fa; - background: transparent; - border: none; - padding: 0; - text-decoration: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - cursor: pointer; - letter-spacing: 0.12px; - margin: 17px 32px 0; - padding: 0; + font-size: 12px; + font-weight: 600; + color: #2e94fa; + background: transparent; + border: none; + padding: 0; + text-decoration: none; + display: flex; + align-items: center; + gap: 6px; + cursor: pointer; + letter-spacing: 0.12px; + margin: 17px 32px 0; + padding: 0; } .form-repeater__add-group-btn:disabled { - cursor: not-allowed; - opacity: 0.6; + cursor: not-allowed; + opacity: 0.6; } .form-repeater__add-group-btn svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .form-repeater__add-group-btn i { - font-size: 16px; + font-size: 16px; } /* Style the video popup */ .video-popup-overlay { - position: fixed; - top: 0; - right: 0; - width: calc(100% - 160px); - height: 100%; - background: rgba(0, 0, 0, 0.8); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 9999; + position: fixed; + top: 0; + right: 0; + width: calc(100% - 160px); + height: 100%; + background: rgba(0, 0, 0, 0.8); + display: flex; + justify-content: center; + align-items: center; + z-index: 9999; } .video-popup-content { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + position: relative; + display: flex; + justify-content: center; + align-items: center; } .video-popup-content video { - width: 100%; - max-width: 500px; + width: 100%; + max-width: 500px; } .close-btn { - position: absolute; - top: 40px; - right: 40px; - background: transparent; - border: none; - font-size: 18px; - cursor: pointer; - color: #ffffff; + position: absolute; + top: 40px; + right: 40px; + background: transparent; + border: none; + font-size: 18px; + cursor: pointer; + color: #ffffff; } .cptm-form-control, select.cptm-form-control, -input[type=date].cptm-form-control, -input[type=datetime-local].cptm-form-control, -input[type=datetime].cptm-form-control, -input[type=email].cptm-form-control, -input[type=month].cptm-form-control, -input[type=number].cptm-form-control, -input[type=password].cptm-form-control, -input[type=search].cptm-form-control, -input[type=tel].cptm-form-control, -input[type=text].cptm-form-control, -input[type=time].cptm-form-control, -input[type=url].cptm-form-control, -input[type=week].cptm-form-control input[type=text].cptm-form-control { - display: block; - width: 100%; - max-width: 100%; - padding: 10px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: left; - border-radius: 4px; - -webkit-box-shadow: none; - box-shadow: none; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background-color: #f4f5f7; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-control:hover, .cptm-form-control:focus, +input[type="date"].cptm-form-control, +input[type="datetime-local"].cptm-form-control, +input[type="datetime"].cptm-form-control, +input[type="email"].cptm-form-control, +input[type="month"].cptm-form-control, +input[type="number"].cptm-form-control, +input[type="password"].cptm-form-control, +input[type="search"].cptm-form-control, +input[type="tel"].cptm-form-control, +input[type="text"].cptm-form-control, +input[type="time"].cptm-form-control, +input[type="url"].cptm-form-control, +input[type="week"].cptm-form-control input[type="text"].cptm-form-control { + display: block; + width: 100%; + max-width: 100%; + padding: 10px 20px; + font-size: 14px; + color: #5a5f7d; + text-align: left; + border-radius: 4px; + box-shadow: none; + font-weight: 400; + margin: 0; + line-height: 18px; + height: auto; + min-height: 30px; + background-color: #f4f5f7; + transition: all ease 0.3s; +} +.cptm-form-control:hover, +.cptm-form-control:focus, select.cptm-form-control:hover, select.cptm-form-control:focus, -input[type=date].cptm-form-control:hover, -input[type=date].cptm-form-control:focus, -input[type=datetime-local].cptm-form-control:hover, -input[type=datetime-local].cptm-form-control:focus, -input[type=datetime].cptm-form-control:hover, -input[type=datetime].cptm-form-control:focus, -input[type=email].cptm-form-control:hover, -input[type=email].cptm-form-control:focus, -input[type=month].cptm-form-control:hover, -input[type=month].cptm-form-control:focus, -input[type=number].cptm-form-control:hover, -input[type=number].cptm-form-control:focus, -input[type=password].cptm-form-control:hover, -input[type=password].cptm-form-control:focus, -input[type=search].cptm-form-control:hover, -input[type=search].cptm-form-control:focus, -input[type=tel].cptm-form-control:hover, -input[type=tel].cptm-form-control:focus, -input[type=text].cptm-form-control:hover, -input[type=text].cptm-form-control:focus, -input[type=time].cptm-form-control:hover, -input[type=time].cptm-form-control:focus, -input[type=url].cptm-form-control:hover, -input[type=url].cptm-form-control:focus, -input[type=week].cptm-form-control input[type=text].cptm-form-control:hover, -input[type=week].cptm-form-control input[type=text].cptm-form-control:focus { - color: #23282d; - border-color: #3e62f5; +input[type="date"].cptm-form-control:hover, +input[type="date"].cptm-form-control:focus, +input[type="datetime-local"].cptm-form-control:hover, +input[type="datetime-local"].cptm-form-control:focus, +input[type="datetime"].cptm-form-control:hover, +input[type="datetime"].cptm-form-control:focus, +input[type="email"].cptm-form-control:hover, +input[type="email"].cptm-form-control:focus, +input[type="month"].cptm-form-control:hover, +input[type="month"].cptm-form-control:focus, +input[type="number"].cptm-form-control:hover, +input[type="number"].cptm-form-control:focus, +input[type="password"].cptm-form-control:hover, +input[type="password"].cptm-form-control:focus, +input[type="search"].cptm-form-control:hover, +input[type="search"].cptm-form-control:focus, +input[type="tel"].cptm-form-control:hover, +input[type="tel"].cptm-form-control:focus, +input[type="text"].cptm-form-control:hover, +input[type="text"].cptm-form-control:focus, +input[type="time"].cptm-form-control:hover, +input[type="time"].cptm-form-control:focus, +input[type="url"].cptm-form-control:hover, +input[type="url"].cptm-form-control:focus, +input[type="week"].cptm-form-control input[type="text"].cptm-form-control:hover, +input[type="week"].cptm-form-control + input[type="text"].cptm-form-control:focus { + color: #23282d; + border-color: #3e62f5; } select.cptm-form-control, -input[type=date].cptm-form-control, -input[type=datetime-local].cptm-form-control, -input[type=datetime].cptm-form-control, -input[type=email].cptm-form-control, -input[type=month].cptm-form-control, -input[type=number].cptm-form-control, -input[type=password].cptm-form-control, -input[type=search].cptm-form-control, -input[type=tel].cptm-form-control, -input[type=text].cptm-form-control, -input[type=time].cptm-form-control, -input[type=url].cptm-form-control, -input[type=week].cptm-form-control, -input[type=text].cptm-form-control { - padding: 10px 20px; - font-size: 14px; - color: #4d5761; - background: #ffffff; - text-align: left; - border: 0 none; - border-radius: 8px; - border: 1px solid #d2d6db; - -webkit-box-shadow: none; - box-shadow: none; - width: 100%; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; +input[type="date"].cptm-form-control, +input[type="datetime-local"].cptm-form-control, +input[type="datetime"].cptm-form-control, +input[type="email"].cptm-form-control, +input[type="month"].cptm-form-control, +input[type="number"].cptm-form-control, +input[type="password"].cptm-form-control, +input[type="search"].cptm-form-control, +input[type="tel"].cptm-form-control, +input[type="text"].cptm-form-control, +input[type="time"].cptm-form-control, +input[type="url"].cptm-form-control, +input[type="week"].cptm-form-control, +input[type="text"].cptm-form-control { + padding: 10px 20px; + font-size: 14px; + color: #4d5761; + background: #ffffff; + text-align: left; + border: 0 none; + border-radius: 8px; + border: 1px solid #d2d6db; + box-shadow: none; + width: 100%; + font-weight: 400; + margin: 0; + line-height: 18px; + height: auto; + min-height: 30px; } select.cptm-form-control:hover, -input[type=date].cptm-form-control:hover, -input[type=datetime-local].cptm-form-control:hover, -input[type=datetime].cptm-form-control:hover, -input[type=email].cptm-form-control:hover, -input[type=month].cptm-form-control:hover, -input[type=number].cptm-form-control:hover, -input[type=password].cptm-form-control:hover, -input[type=search].cptm-form-control:hover, -input[type=tel].cptm-form-control:hover, -input[type=text].cptm-form-control:hover, -input[type=time].cptm-form-control:hover, -input[type=url].cptm-form-control:hover, -input[type=week].cptm-form-control:hover, -input[type=text].cptm-form-control:hover { - color: #23282d; +input[type="date"].cptm-form-control:hover, +input[type="datetime-local"].cptm-form-control:hover, +input[type="datetime"].cptm-form-control:hover, +input[type="email"].cptm-form-control:hover, +input[type="month"].cptm-form-control:hover, +input[type="number"].cptm-form-control:hover, +input[type="password"].cptm-form-control:hover, +input[type="search"].cptm-form-control:hover, +input[type="tel"].cptm-form-control:hover, +input[type="text"].cptm-form-control:hover, +input[type="time"].cptm-form-control:hover, +input[type="url"].cptm-form-control:hover, +input[type="week"].cptm-form-control:hover, +input[type="text"].cptm-form-control:hover { + color: #23282d; } select.cptm-form-control.cptm-form-control-light, -input[type=date].cptm-form-control.cptm-form-control-light, -input[type=datetime-local].cptm-form-control.cptm-form-control-light, -input[type=datetime].cptm-form-control.cptm-form-control-light, -input[type=email].cptm-form-control.cptm-form-control-light, -input[type=month].cptm-form-control.cptm-form-control-light, -input[type=number].cptm-form-control.cptm-form-control-light, -input[type=password].cptm-form-control.cptm-form-control-light, -input[type=search].cptm-form-control.cptm-form-control-light, -input[type=tel].cptm-form-control.cptm-form-control-light, -input[type=text].cptm-form-control.cptm-form-control-light, -input[type=time].cptm-form-control.cptm-form-control-light, -input[type=url].cptm-form-control.cptm-form-control-light, -input[type=week].cptm-form-control.cptm-form-control-light, -input[type=text].cptm-form-control.cptm-form-control-light { - border: 1px solid #ccc; - background-color: #fff; +input[type="date"].cptm-form-control.cptm-form-control-light, +input[type="datetime-local"].cptm-form-control.cptm-form-control-light, +input[type="datetime"].cptm-form-control.cptm-form-control-light, +input[type="email"].cptm-form-control.cptm-form-control-light, +input[type="month"].cptm-form-control.cptm-form-control-light, +input[type="number"].cptm-form-control.cptm-form-control-light, +input[type="password"].cptm-form-control.cptm-form-control-light, +input[type="search"].cptm-form-control.cptm-form-control-light, +input[type="tel"].cptm-form-control.cptm-form-control-light, +input[type="text"].cptm-form-control.cptm-form-control-light, +input[type="time"].cptm-form-control.cptm-form-control-light, +input[type="url"].cptm-form-control.cptm-form-control-light, +input[type="week"].cptm-form-control.cptm-form-control-light, +input[type="text"].cptm-form-control.cptm-form-control-light { + border: 1px solid #ccc; + background-color: #fff; } .tab-general .cptm-title-area, .tab-other .cptm-title-area { - margin-left: 0; + margin-left: 0; } .tab-general .cptm-form-group .cptm-form-control, .tab-other .cptm-form-group .cptm-form-control { - background-color: #fff; - border: 1px solid #e3e6ef; + background-color: #fff; + border: 1px solid #e3e6ef; } .tab-preview_image .cptm-title-area, .tab-packages .cptm-title-area, .tab-other .cptm-title-area { - margin-left: 0; + margin-left: 0; } .tab-preview_image .cptm-title-area p, .tab-packages .cptm-title-area p, .tab-other .cptm-title-area p { - font-size: 15px; - color: #5a5f7d; + font-size: 15px; + color: #5a5f7d; } .cptm-modal-container { - display: none; - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - overflow: auto; - z-index: 99999; - height: 100vh; + display: none; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: auto; + z-index: 99999; + height: 100vh; } .cptm-modal-container.active { - display: block; + display: block; } .cptm-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 20px; - height: 100%; - min-height: calc(100% - 40px); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: rgba(0, 0, 0, 0.5); + display: flex; + padding: 20px; + height: 100%; + min-height: calc(100% - 40px); + justify-content: center; + align-items: center; + transition: all ease-in-out 300ms; + background-color: rgba(0, 0, 0, 0.5); } .cptm-modal { - display: block; - margin: 0 auto; - padding: 10px; - width: 100%; - max-width: 300px; - border-radius: 5px; - background-color: #fff; + display: block; + margin: 0 auto; + padding: 10px; + width: 100%; + max-width: 300px; + border-radius: 5px; + background-color: #fff; } .cptm-modal-header { - position: relative; - padding: 15px 30px 15px 15px; - margin: -10px; - margin-bottom: 10px; - border-bottom: 1px solid #e3e3e3; + position: relative; + padding: 15px 30px 15px 15px; + margin: -10px; + margin-bottom: 10px; + border-bottom: 1px solid #e3e3e3; } .cptm-modal-header-title { - text-align: left; - margin: 0; + text-align: left; + margin: 0; } .cptm-modal-actions { - display: block; - margin: 0 -5px; - position: absolute; - right: 10px; - top: 10px; - text-align: right; + display: block; + margin: 0 -5px; + position: absolute; + right: 10px; + top: 10px; + text-align: right; } .cptm-modal-action-link { - margin: 0 5px; - text-decoration: none; - height: 25px; - display: inline-block; - width: 25px; - text-align: center; - line-height: 25px; - border-radius: 50%; - color: #2b2b2b; - font-size: 18px; + margin: 0 5px; + text-decoration: none; + height: 25px; + display: inline-block; + width: 25px; + text-align: center; + line-height: 25px; + border-radius: 50%; + color: #2b2b2b; + font-size: 18px; } .cptm-modal-confirmation-title { - margin: 30px auto; - font-size: 20px; - text-align: center; + margin: 30px auto; + font-size: 20px; + text-align: center; } .cptm-section-alert-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-height: 200px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + min-height: 200px; } .cptm-section-alert-content { - text-align: center; - padding: 10px; + text-align: center; + padding: 10px; } .cptm-section-alert-icon { - margin-bottom: 20px; - width: 100px; - height: 100px; - font-size: 45px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - border-radius: 50%; - color: darkgray; - background-color: #f2f2f2; + margin-bottom: 20px; + width: 100px; + height: 100px; + font-size: 45px; + display: inline-flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + border-radius: 50%; + color: darkgray; + background-color: #f2f2f2; } .cptm-section-alert-icon.cptm-alert-success { - color: #fff; - background-color: #14cc60; + color: #fff; + background-color: #14cc60; } .cptm-section-alert-icon.cptm-alert-error { - color: #fff; - background-color: #cc1433; + color: #fff; + background-color: #cc1433; } .cptm-color-picker-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: inline-flex; } .cptm-color-picker-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-left: 10px; + display: flex; + align-items: center; + margin-left: 10px; } .cptm-wdget-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex; + justify-content: space-between; } .atbdp-flex-align-center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } .cptm-px-5 { - padding: 0 5px; + padding: 0 5px; } .cptm-text-gray { - color: #c1c1c1; + color: #c1c1c1; } .cptm-text-right { - text-align: right !important; + text-align: right !important; } .cptm-text-center { - text-align: center !important; + text-align: center !important; } .cptm-text-left { - text-align: left !important; + text-align: left !important; } .cptm-d-block { - display: block !important; + display: block !important; } .cptm-d-inline { - display: inline-block !important; + display: inline-block !important; } .cptm-d-inline-flex { - display: -webkit-inline-box !important; - display: -webkit-inline-flex !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: inline-flex !important; + flex-wrap: wrap; } .cptm-d-none { - display: none !important; + display: none !important; } .cptm-p-20 { - padding: 20px; + padding: 20px; } .cptm-color-picker { - display: inline-block; - padding: 5px 5px 2px 5px; - border-radius: 30px; - border: 1px solid #d4d4d4; + display: inline-block; + padding: 5px 5px 2px 5px; + border-radius: 30px; + border: 1px solid #d4d4d4; } -input[type=radio]:checked::before { - background-color: #3e62f5; +input[type="radio"]:checked::before { + background-color: #3e62f5; } @media (max-width: 767px) { - input[type=checkbox], - input[type=radio] { - width: 15px; - height: 15px; - } + input[type="checkbox"], + input[type="radio"] { + width: 15px; + height: 15px; + } } .cptm-preview-placeholder { - width: 700px; - max-width: 100%; - margin: 0 auto; + width: 700px; + max-width: 100%; + margin: 0 auto; } .cptm-preview-placeholder__card { - padding: 30px; - border-radius: 6px; - -webkit-box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); - box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); + padding: 30px; + border-radius: 6px; + box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); } .cptm-preview-placeholder__card .cptm-widget-insert-link { - background-color: #272b41; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 12px; - color: #fff; + background-color: #272b41; + box-shadow: none; + font-size: 12px; + color: #fff; } .cptm-preview-placeholder__card__item { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + flex: 1; } .cptm-preview-placeholder__card__item--top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box:first-child { - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; -} -.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box:not(:first-child) { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; + display: flex; + gap: 30px; + justify-content: space-between; +} +.cptm-preview-placeholder__card__item--top + .cptm-preview-placeholder__card__box:first-child { + flex: unset; +} +.cptm-preview-placeholder__card__item--top + .cptm-preview-placeholder__card__box:not(:first-child) { + flex: 0 0 50%; } .cptm-preview-placeholder__card__box { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 10px 10px 19px; - border-radius: 8px; - min-height: 66px; - min-width: 150px; - z-index: unset; + flex: 1; + padding: 10px 10px 19px; + border-radius: 8px; + min-height: 66px; + min-width: 150px; + z-index: unset; } .cptm-preview-placeholder__card__box .cptm-placeholder-label { - color: #868eae; - font-size: 13px; - font-weight: 500; + color: #868eae; + font-size: 13px; + font-weight: 500; } .cptm-preview-placeholder__card__box .cptm-widget-preview-area { - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} -.cptm-preview-placeholder__card__box .cptm-widget-preview-area .cptm-widget-badge { - margin: 0; - padding: 6px 19px 7px 20px; - border-radius: 8px; - font-size: 13px; - font-weight: 500; - color: #868eae; - background-color: #e3e6ef; + gap: 8px; + flex-wrap: wrap; + display: inline-flex; +} +.cptm-preview-placeholder__card__box + .cptm-widget-preview-area + .cptm-widget-badge { + margin: 0; + padding: 6px 19px 7px 20px; + border-radius: 8px; + font-size: 13px; + font-weight: 500; + color: #868eae; + background-color: #e3e6ef; } .cptm-preview-placeholder__card__btn { - width: 100%; - height: 66px; - border: none; - border-radius: 6px; - cursor: pointer; - color: #5a5f7d; - font-size: 13px; - font-weight: 500; - margin-top: 20px; + width: 100%; + height: 66px; + border: none; + border-radius: 6px; + cursor: pointer; + color: #5a5f7d; + font-size: 13px; + font-weight: 500; + margin-top: 20px; } .cptm-preview-placeholder__card__btn .icon { - width: 26px; - height: 26px; - line-height: 26px; - background-color: #fff; - border-radius: 100%; - -webkit-margin-end: 7px; - margin-inline-end: 7px; + width: 26px; + height: 26px; + line-height: 26px; + background-color: #fff; + border-radius: 100%; + margin-inline-end: 7px; } .cptm-preview-placeholder__card .slider-placeholder { - padding: 50px; - text-align: center; + padding: 50px; + text-align: center; } -.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-label { - margin-top: 5px; +.cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area + .cptm-widget-label { + margin-top: 5px; } .cptm-preview-placeholder__card .dndrop-container.vertical { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: 20px; -} -.cptm-preview-placeholder__card .dndrop-container.vertical > .dndrop-draggable-wrapper { - overflow: visible; + display: flex; + gap: 20px; + flex-direction: column; + margin-bottom: 20px; +} +.cptm-preview-placeholder__card + .dndrop-container.vertical + > .dndrop-draggable-wrapper { + overflow: visible; } .cptm-preview-placeholder__card .draggable-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + display: flex; + gap: 20px; + align-items: center; + flex-direction: row; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element { - font-size: 15px; - color: #868eae; + font-size: 15px; + color: #868eae; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element:hover { - color: #1e1e1e; + color: #1e1e1e; } .atbdp-sidebar-nav-area { - display: block; + display: block; } .atbdp-sidebar-nav { - display: block; - margin: 0; - background-color: #f6f6f6; + display: block; + margin: 0; + background-color: #f6f6f6; } .atbdp-nav-link { - display: block; - padding: 15px; - text-decoration: none; - color: #2b2b2b; + display: block; + padding: 15px; + text-decoration: none; + color: #2b2b2b; } .atbdp-nav-icon { - display: inline-block; - margin-right: 10px; + display: inline-block; + margin-right: 10px; } .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-nav-item .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-sidebar-nav-item.active .atbdp-sidebar-subnav { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav { - display: block; - margin: 0; - margin-left: 28px; - display: none; + display: block; + margin: 0; + margin-left: 28px; + display: none; } .atbdp-sidebar-subnav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item .atbdp-nav-link { - color: #686d88; + color: #686d88; } .atbdp-sidebar-subnav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: flex; + flex-wrap: wrap; + margin: 0 -15px; } .atbdp-col { - padding: 0 15px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding: 0 15px; + flex-grow: 1; + box-sizing: border-box; } .atbdp-col-3 { - -webkit-flex-basis: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - width: 25%; + flex-basis: 25%; + width: 25%; } .atbdp-col-4 { - -webkit-flex-basis: 33.3333333333%; - -ms-flex-preferred-size: 33.3333333333%; - flex-basis: 33.3333333333%; - width: 33.3333333333%; + flex-basis: 33.3333333333%; + width: 33.3333333333%; } .atbdp-col-8 { - -webkit-flex-basis: 66.6666666667%; - -ms-flex-preferred-size: 66.6666666667%; - flex-basis: 66.6666666667%; - width: 66.6666666667%; + flex-basis: 66.6666666667%; + width: 66.6666666667%; } .shrink { - max-width: 300px; + max-width: 300px; } .directorist_dropdown { - position: relative; + position: relative; } .directorist_dropdown .directorist_dropdown-toggle { - position: relative; - text-decoration: none; - display: block; - width: 100%; - max-height: 38px; - font-size: 14px; - font-weight: 500; - background-color: transparent; - color: #4d5761; - padding: 12px 15px; - line-height: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + text-decoration: none; + display: block; + width: 100%; + max-height: 38px; + font-size: 14px; + font-weight: 500; + background-color: transparent; + color: #4d5761; + padding: 12px 15px; + line-height: 1; + box-sizing: border-box; } .directorist_dropdown .directorist_dropdown-toggle:focus { - outline: 0 none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + outline: 0 none; + box-shadow: 0 0; } .directorist_dropdown .directorist_dropdown-toggle:before { - font-family: unicons-line; - font-weight: 400; - font-size: 20px; - content: "\eb3a"; - color: #747c89; - position: absolute; - top: 50%; - right: 0; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - height: 20px; + font-family: unicons-line; + font-weight: 400; + font-size: 20px; + content: "\eb3a"; + color: #747c89; + position: absolute; + top: 50%; + right: 0; + transform: translate(-50%, -50%); + height: 20px; } .directorist_dropdown .directorist_dropdown-option { - display: none; - position: absolute; - width: 100%; - max-height: 350px; - left: 0; - top: 39px; - padding: 12px 8px; - background-color: #fff; - -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - border: 1px solid #e5e7eb; - border-radius: 8px; - z-index: 99999; - overflow-y: auto; + display: none; + position: absolute; + width: 100%; + max-height: 350px; + left: 0; + top: 39px; + padding: 12px 8px; + background-color: #fff; + box-shadow: + 0 12px 16px -4px rgba(16, 24, 40, 0.08), + 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + border: 1px solid #e5e7eb; + border-radius: 8px; + z-index: 99999; + overflow-y: auto; } .directorist_dropdown .directorist_dropdown-option.--show { - display: block !important; + display: block !important; } .directorist_dropdown .directorist_dropdown-option ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist_dropdown .directorist_dropdown-option ul li { - margin-bottom: 0; + margin-bottom: 0; } .directorist_dropdown .directorist_dropdown-option ul li a { - font-size: 14px; - font-weight: 500; - text-decoration: none; - display: block; - padding: 9px 15px; - border-radius: 8px; - color: #4d5761; - -webkit-transition: 0.3s; - transition: 0.3s; -} -.directorist_dropdown .directorist_dropdown-option ul li a:hover, .directorist_dropdown .directorist_dropdown-option ul li a.active:hover { - color: #fff; - background-color: #3e62f5; + font-size: 14px; + font-weight: 500; + text-decoration: none; + display: block; + padding: 9px 15px; + border-radius: 8px; + color: #4d5761; + transition: 0.3s; +} +.directorist_dropdown .directorist_dropdown-option ul li a:hover, +.directorist_dropdown .directorist_dropdown-option ul li a.active:hover { + color: #fff; + background-color: #3e62f5; } .directorist_dropdown .directorist_dropdown-option ul li a.active { - color: #3e62f5; - background-color: #f0f3ff; + color: #3e62f5; + background-color: #f0f3ff; } .cptm-form-group .directorist_dropdown-option { - max-height: 240px; + max-height: 240px; } .cptm-import-directory-modal .cptm-file-input-wrap { - margin: 16px -5px 0 -5px; + margin: 16px -5px 0 -5px; } /* Sticky fields */ .cptm-col-sticky { - position: -webkit-sticky; - position: sticky; - top: 60px; - height: 100%; - max-height: calc(100vh - 100px); - overflow: auto; - scrollbar-width: 6px; - scrollbar-color: #d2d6db #f3f4f6; + position: sticky; + top: 60px; + height: 100%; + max-height: calc(100vh - 100px); + overflow: auto; + scrollbar-width: 6px; + scrollbar-color: #d2d6db #f3f4f6; } .cptm-widget-trash-confirmation-modal-overlay { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 10; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal { - background: #fff; - padding: 30px 25px; - border-radius: 8px; - text-align: center; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal h2 { - font-size: 16px; - font-weight: 500; - margin: 0 0 18px; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal p { - margin: 0 0 20px; - font-size: 14px; - max-width: 400px; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + display: flex; + justify-content: center; + align-items: center; + z-index: 10; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal { + background: #fff; + padding: 30px 25px; + border-radius: 8px; + text-align: center; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal + h2 { + font-size: 16px; + font-weight: 500; + margin: 0 0 18px; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal + p { + margin: 0 0 20px; + font-size: 14px; + max-width: 400px; } .cptm-widget-trash-confirmation-modal-overlay button { - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - background: rgb(197, 22, 22); - padding: 10px 15px; - border-radius: 6px; - color: #fff; - font-size: 14px; - font-weight: 500; - margin: 5px; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + border: 0 none; + box-shadow: none; + background: rgb(197, 22, 22); + padding: 10px 15px; + border-radius: 6px; + color: #fff; + font-size: 14px; + font-weight: 500; + margin: 5px; + cursor: pointer; + transition: 0.3s ease; } .cptm-widget-trash-confirmation-modal-overlay button:hover { - background: #ba1230; + background: #ba1230; } -.cptm-widget-trash-confirmation-modal-overlay button.cptm-widget-trash-confirmation-modal-action-btn__cancel { - background: #f1f2f6; - color: #7a8289; +.cptm-widget-trash-confirmation-modal-overlay + button.cptm-widget-trash-confirmation-modal-action-btn__cancel { + background: #f1f2f6; + color: #7a8289; } -.cptm-widget-trash-confirmation-modal-overlay button.cptm-widget-trash-confirmation-modal-action-btn__cancel:hover { - background: #dee0e4; +.cptm-widget-trash-confirmation-modal-overlay + button.cptm-widget-trash-confirmation-modal-action-btn__cancel:hover { + background: #dee0e4; } .cptm-field-group-container .cptm-field-group-container__label { - font-size: 15px; - font-weight: 500; - color: #272b41; - display: inline-block; + font-size: 15px; + font-weight: 500; + color: #272b41; + display: inline-block; } @media only screen and (max-width: 767px) { - .cptm-field-group-container .cptm-field-group-container__label { - margin-bottom: 15px; - } + .cptm-field-group-container .cptm-field-group-container__label { + margin-bottom: 15px; + } } .cptm-container-group-fields { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 26px; + display: flex; + align-items: center; + gap: 26px; } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .cptm-container-group-fields { + flex-wrap: wrap; + } } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields .cptm-form-group:not(:last-child) { - margin-bottom: 0; - } + .cptm-container-group-fields .cptm-form-group:not(:last-child) { + margin-bottom: 0; + } } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .cptm-form-group { - width: 100%; - } + .cptm-container-group-fields .cptm-form-group { + width: 100%; + } } .cptm-container-group-fields .highlight-field { - padding: 0; + padding: 0; } .cptm-container-group-fields .atbdp-row { - margin: 0; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + margin: 0; + flex-wrap: nowrap; + gap: 10px; + align-items: center; } .cptm-container-group-fields .atbdp-row .atbdp-col { - -webkit-box-flex: 0 !important; - -webkit-flex: none !important; - -ms-flex: none !important; - flex: none !important; - width: auto; - padding: 0; + flex: none !important; + width: auto; + padding: 0; } .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: 100px !important; - -webkit-box-sizing: border-box; - box-sizing: border-box; + max-width: 100px !important; + box-sizing: border-box; } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: none !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: none !important; + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: 150px !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: 150px !important; + } } .cptm-container-group-fields .atbdp-row .atbdp-col label { - margin: 0; - font-size: 14px !important; - font-weight: normal; + margin: 0; + font-size: 14px !important; + font-weight: normal; } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields .atbdp-row .atbdp-col label { - min-width: 50px; - } + .cptm-container-group-fields .atbdp-row .atbdp-col label { + min-width: 50px; + } } .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: 95px; + width: 95px; } -.cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown .directorist_dropdown-toggle:before { - position: relative; - top: -3px; +.cptm-container-group-fields + .atbdp-row + .atbdp-col + .directorist_dropdown + .directorist_dropdown-toggle:before { + position: relative; + top: -3px; } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: calc(100% - 2px); - } + .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: calc(100% - 2px); + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: 150px; - } + .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: 150px; + } } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-8 { - -webkit-box-flex: 1 !important; - -webkit-flex: auto !important; - -ms-flex: auto !important; - flex: auto !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-8 { + flex: auto !important; + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4 { - width: auto !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4 { + width: auto !important; + } } .cptm-theme-butterfly .cptm-info-text { - text-align: left; - margin: 0; + text-align: left; + margin: 0; } .atbdp-settings-panel .cptm-form-group { - margin-bottom: 35px; + margin-bottom: 35px; } .atbdp-settings-panel .cptm-form-group.cptm-schema-multi-directory-disabled { - cursor: not-allowed; - opacity: 0.5; - pointer-events: none; + cursor: not-allowed; + opacity: 0.5; + pointer-events: none; } .atbdp-settings-panel .cptm-tab-content { - margin: 0; - padding: 0; - width: 100%; - max-width: unset; + margin: 0; + padding: 0; + width: 100%; + max-width: unset; } .atbdp-settings-panel .cptm-title { - font-size: 18px; - line-height: unset; + font-size: 18px; + line-height: unset; } .atbdp-settings-panel .cptm-menu-title { - font-size: 20px; - font-weight: 500; - color: #23282d; - margin-bottom: 50px; + font-size: 20px; + font-weight: 500; + color: #23282d; + margin-bottom: 50px; } .atbdp-settings-panel .cptm-section { - border: 1px solid #E3E6EF; - border-radius: 8px; - margin-bottom: 50px !important; + border: 1px solid #e3e6ef; + border-radius: 8px; + margin-bottom: 50px !important; } .atbdp-settings-panel .cptm-section .cptm-title-area { - border-bottom: 1px solid #E3E6EF; - padding: 20px 25px; - margin-bottom: 0; + border-bottom: 1px solid #e3e6ef; + padding: 20px 25px; + margin-bottom: 0; } .atbdp-settings-panel .cptm-section .cptm-title-area.directorist-no-header { - border-bottom: 0 none; - margin-bottom: 0; - padding-bottom: 0; + border-bottom: 0 none; + margin-bottom: 0; + padding-bottom: 0; } .atbdp-settings-panel .cptm-section .cptm-title-area .cptm-title { - font-size: 20px; - font-weight: 500; - color: #000000; + font-size: 20px; + font-weight: 500; + color: #000000; } .atbdp-settings-panel .cptm-section .cptm-form-fields { - padding: 20px 25px 0 25px; + padding: 20px 25px 0 25px; } .atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group label { - font-size: 15px; -} -.atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group .atbdp-label-icon-wrapper { - margin: 0; - padding: 0; - color: rgba(0, 6, 38, 0.9); - font-size: 15px; - font-style: normal; - font-weight: 600; - line-height: 16px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 14px; -} -.atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group .atbdp-label-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - width: 40px; - height: 40px; - border-radius: 8px; - color: #4D5761; - background: #E5E7EB; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - aspect-ratio: 1/1; -} -.atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group .atbdp-label-icon svg { - width: 16px; - height: 16px; -} -.atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group .atbdp-label-icon i { - color: #4D5761; -} -.atbdp-settings-panel .cptm-section.button_type, .atbdp-settings-panel .cptm-section.enable_multi_directory { - z-index: 11; + font-size: 15px; +} +.atbdp-settings-panel + .cptm-section + .cptm-form-fields + .cptm-form-group + .atbdp-label-icon-wrapper { + margin: 0; + padding: 0; + color: rgba(0, 6, 38, 0.9); + font-size: 15px; + font-style: normal; + font-weight: 600; + line-height: 16px; + display: inline-flex; + align-items: center; + gap: 14px; +} +.atbdp-settings-panel + .cptm-section + .cptm-form-fields + .cptm-form-group + .atbdp-label-icon { + display: flex; + justify-content: center; + align-items: center; + gap: 8px; + width: 40px; + height: 40px; + border-radius: 8px; + color: #4d5761; + background: #e5e7eb; + flex-shrink: 0; + aspect-ratio: 1/1; +} +.atbdp-settings-panel + .cptm-section + .cptm-form-fields + .cptm-form-group + .atbdp-label-icon + svg { + width: 16px; + height: 16px; +} +.atbdp-settings-panel + .cptm-section + .cptm-form-fields + .cptm-form-group + .atbdp-label-icon + i { + color: #4d5761; +} +.atbdp-settings-panel .cptm-section.button_type, +.atbdp-settings-panel .cptm-section.enable_multi_directory { + z-index: 11; } .atbdp-settings-panel #style_settings__color_settings .cptm-section { - z-index: unset; + z-index: unset; } /* settings panel css */ .atbdp-settings-manager .directorist_builder-header { - margin-bottom: 30px; + margin-bottom: 30px; } .atbdp-settings-manager .atbdp-settings-manager__top { - max-width: 1200px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.atbdp-settings-manager .atbdp-settings-manager__top .directorist_builder-links { - margin: 0; - padding: 0; - margin-top: 10px; -} -.atbdp-settings-manager .atbdp-settings-manager__top .directorist_builder-links li { - display: inline-block; - margin-bottom: 0; -} -.atbdp-settings-manager .atbdp-settings-manager__top .directorist_builder-links li:not(:last-child) { - margin-right: 25px; -} -.atbdp-settings-manager .atbdp-settings-manager__top .directorist_builder-links li a { - font-size: 14px; - text-decoration: none; - color: #5a5f7d; + max-width: 1200px; + display: flex; + justify-content: space-between; + align-items: center; +} +.atbdp-settings-manager + .atbdp-settings-manager__top + .directorist_builder-links { + margin: 0; + padding: 0; + margin-top: 10px; +} +.atbdp-settings-manager + .atbdp-settings-manager__top + .directorist_builder-links + li { + display: inline-block; + margin-bottom: 0; +} +.atbdp-settings-manager + .atbdp-settings-manager__top + .directorist_builder-links + li:not(:last-child) { + margin-right: 25px; +} +.atbdp-settings-manager + .atbdp-settings-manager__top + .directorist_builder-links + li + a { + font-size: 14px; + text-decoration: none; + color: #5a5f7d; } .atbdp-settings-manager .atbdp-settings-manager__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - font-size: 24px; - font-weight: 500; - color: #23282d; - margin-bottom: 28px; -} -.atbdp-settings-manager .atbdp-settings-manager__title .directorist_settings-trigger { - display: none; - margin: 8px 0 0 30px; + display: flex; + align-items: center; + justify-content: space-between; + font-size: 24px; + font-weight: 500; + color: #23282d; + margin-bottom: 28px; +} +.atbdp-settings-manager + .atbdp-settings-manager__title + .directorist_settings-trigger { + display: none; + margin: 8px 0 0 30px; } @media only screen and (max-width: 575px) { - .atbdp-settings-manager .atbdp-settings-manager__title .directorist_settings-trigger { - display: block; - } + .atbdp-settings-manager + .atbdp-settings-manager__title + .directorist_settings-trigger { + display: block; + } } -.directorist_vertical-align-m .directorist_item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} .directorist_vertical-align-m { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; +} +.directorist_vertical-align-m .directorist_item { + display: flex; } .atbdp-settings-manager .atbdp-tab-sub-contents .directorist_btn-start { - font-size: 14px; - font-weight: 500; - color: #2c99ff; - border-radius: 18px; - padding: 6px 13px; - text-decoration: none; - border-color: #2c99ff; - margin-bottom: 0; - margin-left: 20px; + font-size: 14px; + font-weight: 500; + color: #2c99ff; + border-radius: 18px; + padding: 6px 13px; + text-decoration: none; + border-color: #2c99ff; + margin-bottom: 0; + margin-left: 20px; } @media only screen and (max-width: 767px) { - .atbdp-settings-manager .settings-contents .atbdp-row .atbdp-col.atbdp-col-4 { - width: 100%; - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - } + .atbdp-settings-manager + .settings-contents + .atbdp-row + .atbdp-col.atbdp-col-4 { + width: 100%; + flex-basis: 100%; + } } @media only screen and (max-width: 767px) { - .atbdp-settings-manager .settings-contents .cptm-form-group label { - margin-bottom: 15px; - } + .atbdp-settings-manager .settings-contents .cptm-form-group label { + margin-bottom: 15px; + } } -.atbdp-settings-manager .settings-contents .directorist_dropdown .directorist_dropdown-toggle { - line-height: 0.8; +.atbdp-settings-manager + .settings-contents + .directorist_dropdown + .directorist_dropdown-toggle { + line-height: 0.8; } .directorist_settings-trigger { - display: inline-block; - cursor: pointer; + display: inline-block; + cursor: pointer; } .directorist_settings-trigger span { - display: block; - width: 20px; - height: 2px; - background-color: #272b41; + display: block; + width: 20px; + height: 2px; + background-color: #272b41; } .directorist_settings-trigger span:not(:last-child) { - margin-bottom: 4px; + margin-bottom: 4px; } .settings-wrapper { - width: 100%; - margin: 0 auto; + width: 100%; + margin: 0 auto; } .atbdp-settings-panel { - max-width: 1200px; - margin: 0 !important; + max-width: 1200px; + margin: 0 !important; } .setting-top-bar { - background-color: #272b41; - padding: 15px 20px; - border-radius: 5px 5px 0 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + background-color: #272b41; + padding: 15px 20px; + border-radius: 5px 5px 0 0; + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: space-between; } @media only screen and (max-width: 767px) { - .setting-top-bar { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .setting-top-bar { + flex-direction: column; + } } .setting-top-bar .atbdp-setting-top-bar-right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex; + align-items: center; + justify-content: space-between; } @media only screen and (max-width: 767px) { - .setting-top-bar .atbdp-setting-top-bar-right { - margin-top: 15px; - } + .setting-top-bar .atbdp-setting-top-bar-right { + margin-top: 15px; + } } @media only screen and (max-width: 575px) { - .setting-top-bar .atbdp-setting-top-bar-right { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .setting-top-bar .atbdp-setting-top-bar-right { + flex-direction: column; + } } .setting-top-bar .atbdp-setting-top-bar-right .setting-top-bar__search-field { - margin-right: 5px; + margin-right: 5px; } -.setting-top-bar .atbdp-setting-top-bar-right .setting-top-bar__search-field input { - border-radius: 20px; - color: #fff !important; +.setting-top-bar + .atbdp-setting-top-bar-right + .setting-top-bar__search-field + input { + border-radius: 20px; + color: #fff !important; } .setting-top-bar .directorist_setting-panel__pages { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .setting-top-bar .directorist_setting-panel__pages li { - display: inline-block; - margin-bottom: 0; -} -.setting-top-bar .directorist_setting-panel__pages li .directorist_setting-panel__pages--link { - text-decoration: none; - font-size: 14px; - font-weight: 400; - color: rgba(255, 255, 255, 0.3137254902); -} -.setting-top-bar .directorist_setting-panel__pages li .directorist_setting-panel__pages--link.active { - color: #fff; -} -.setting-top-bar .directorist_setting-panel__pages li .directorist_setting-panel__pages--link.active::before { - color: rgba(255, 255, 255, 0.3137254902); -} -.setting-top-bar .directorist_setting-panel__pages li .directorist_setting-panel__pages--link:focus { - outline: 0 none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; -} -.setting-top-bar .directorist_setting-panel__pages li + li .directorist_setting-panel__pages--link:before { - font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; - content: "\f105"; - margin: 0px 2px 0 5px; - font-weight: 900; - position: relative; - top: 1px; + display: inline-block; + margin-bottom: 0; +} +.setting-top-bar + .directorist_setting-panel__pages + li + .directorist_setting-panel__pages--link { + text-decoration: none; + font-size: 14px; + font-weight: 400; + color: rgba(255, 255, 255, 0.3137254902); +} +.setting-top-bar + .directorist_setting-panel__pages + li + .directorist_setting-panel__pages--link.active { + color: #fff; +} +.setting-top-bar + .directorist_setting-panel__pages + li + .directorist_setting-panel__pages--link.active::before { + color: rgba(255, 255, 255, 0.3137254902); +} +.setting-top-bar + .directorist_setting-panel__pages + li + .directorist_setting-panel__pages--link:focus { + outline: 0 none; + box-shadow: 0 0; +} +.setting-top-bar + .directorist_setting-panel__pages + li + + li + .directorist_setting-panel__pages--link:before { + font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; + content: "\f105"; + margin: 0px 2px 0 5px; + font-weight: 900; + position: relative; + top: 1px; } .setting-top-bar .search-suggestions-list { - border-radius: 5px; - padding: 20px; - -webkit-box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); - box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); - height: 360px; - overflow-y: auto; + border-radius: 5px; + padding: 20px; + box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); + height: 360px; + overflow-y: auto; } .setting-top-bar .search-suggestions-list .search-suggestions-list--link { - padding: 8px 10px; - font-size: 14px; - font-weight: 500; - border-radius: 4px; - color: #5a5f7d; + padding: 8px 10px; + font-size: 14px; + font-weight: 500; + border-radius: 4px; + color: #5a5f7d; } .setting-top-bar .search-suggestions-list .search-suggestions-list--link:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .setting-top-bar__search-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } @media only screen and (max-width: 575px) { - .setting-top-bar__search-actions { - margin-top: 15px; - } + .setting-top-bar__search-actions { + margin-top: 15px; + } } @media only screen and (max-width: 575px) { - .setting-top-bar__search-actions .setting-response-feedback { - margin-left: 0 !important; - } + .setting-top-bar__search-actions .setting-response-feedback { + margin-left: 0 !important; + } } .setting-response-feedback { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 0 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #fff; + display: flex; + margin: 0 10px; + align-items: center; + color: #fff; } .setting-search-suggestions { - position: relative; - z-index: 999; + position: relative; + z-index: 999; } .search-suggestions-list { - margin: 5px auto 0; - position: absolute; - width: 100%; - z-index: 9999; - -webkit-box-shadow: 0 0 3px #ccc; - box-shadow: 0 0 3px #ccc; - background-color: #fff; + margin: 5px auto 0; + position: absolute; + width: 100%; + z-index: 9999; + box-shadow: 0 0 3px #ccc; + background-color: #fff; } .search-suggestions-list--list-item { - list-style: none; + list-style: none; } .search-suggestions-list--link { - display: block; - padding: 10px 15px; - text-decoration: none; - -webkit-transition: all ease-in-out 200ms; - transition: all ease-in-out 200ms; + display: block; + padding: 10px 15px; + text-decoration: none; + transition: all ease-in-out 200ms; } .search-suggestions-list--link:hover { - background-color: #f2f2f2; + background-color: #f2f2f2; } .setting-body { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .settings-contents { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 20px 20px 0; - background-color: #fff; + flex-grow: 1; + padding: 20px 20px 0; + background-color: #fff; } .setting-search-field__input { - height: 40px; - padding: 0 16px !important; - border: 0 none !important; - background-color: rgba(255, 255, 255, 0.031372549) !important; - border-radius: 4px; - color: rgba(255, 255, 255, 0.3137254902) !important; - width: 250px; - max-width: 250px; - font-size: 14px; + height: 40px; + padding: 0 16px !important; + border: 0 none !important; + background-color: rgba(255, 255, 255, 0.031372549) !important; + border-radius: 4px; + color: rgba(255, 255, 255, 0.3137254902) !important; + width: 250px; + max-width: 250px; + font-size: 14px; } .setting-search-field__input:focus { - outline: none; - -webkit-box-shadow: 0 0 !important; - box-shadow: 0 0 !important; + outline: none; + box-shadow: 0 0 !important; } .settings-save-btn { - display: inline-block; - padding: 0 20px; - color: #fff; - font-size: 14px; - text-decoration: none; - font-weight: 500; - line-height: 40px; - border-radius: 4px; - cursor: pointer; - border: 1px solid #3e62f5; - background-color: #3e62f5; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 0 20px; + color: #fff; + font-size: 14px; + text-decoration: none; + font-weight: 500; + line-height: 40px; + border-radius: 4px; + cursor: pointer; + border: 1px solid #3e62f5; + background-color: #3e62f5; + transition: all ease-in-out 300ms; } .settings-save-btn:focus { - color: #fff; - outline: none; + color: #fff; + outline: none; } .settings-save-btn:hover { - border-color: #264ef4; - background: #264ef4; - color: #fff; + border-color: #264ef4; + background: #264ef4; + color: #fff; } .settings-save-btn:disabled { - opacity: 0.8; - cursor: not-allowed; + opacity: 0.8; + cursor: not-allowed; } .setting-left-sibebar { - min-width: 250px; - max-width: 250px; - background-color: #f6f6f6; - border-right: 1px solid #f6f6f6; + min-width: 250px; + max-width: 250px; + background-color: #f6f6f6; + border-right: 1px solid #f6f6f6; } @media only screen and (max-width: 767px) { - .setting-left-sibebar { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100vh; - overflow-y: auto; - background-color: #fff; - -webkit-transform: translateX(-250px); - transform: translateX(-250px); - -webkit-transition: 0.35s; - transition: 0.35s; - z-index: 99999; - } + .setting-left-sibebar { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100vh; + overflow-y: auto; + background-color: #fff; + transform: translateX(-250px); + transition: 0.35s; + z-index: 99999; + } } .setting-left-sibebar.active { - -webkit-transform: translateX(0px); - transform: translateX(0px); + transform: translateX(0px); } .directorist_settings-panel-shade { - position: fixed; - width: 100%; - height: 100%; - left: 0; - top: 0; - background-color: rgba(39, 43, 65, 0.1882352941); - z-index: -1; - opacity: 0; - visibility: hidden; + position: fixed; + width: 100%; + height: 100%; + left: 0; + top: 0; + background-color: rgba(39, 43, 65, 0.1882352941); + z-index: -1; + opacity: 0; + visibility: hidden; } .directorist_settings-panel-shade.active { - z-index: 999; - opacity: 1; - visibility: visible; + z-index: 999; + opacity: 1; + visibility: visible; } .settings-nav { - margin: 0; - padding: 0; - list-style-type: none; + margin: 0; + padding: 0; + list-style-type: none; } .settings-nav li { - list-style: none; + list-style: none; } .settings-nav a { - text-decoration: none; + text-decoration: none; } .settings-nav__item.active { - background-color: #fff; + background-color: #fff; } .settings-nav__item ul { - padding-left: 0; - background-color: #fff; - display: none; + padding-left: 0; + background-color: #fff; + display: none; } .settings-nav__item.active ul { - display: block; + display: block; } .settings-nav__item__link { - line-height: 50px; - padding: 0 25px; - font-size: 14px; - font-weight: 500; - color: #272b41; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + line-height: 50px; + padding: 0 25px; + font-size: 14px; + font-weight: 500; + color: #272b41; + transition: 0.3s ease; + display: flex; + align-items: center; } .settings-nav__item__link:hover { - background-color: #fff; + background-color: #fff; } .settings-nav__item.active .settings-nav__item__link { - color: #3e62f5; + color: #3e62f5; } .settings-nav__item__icon { - display: inline-block; - width: 32px; + display: inline-block; + width: 32px; } .settings-nav__item__icon i { - font-size: 15px; + font-size: 15px; } .settings-nav__item__icon i.directorist_Blue { - color: #3e62f5; + color: #3e62f5; } .settings-nav__item__icon i.directorist_success { - color: #08bf9c; + color: #08bf9c; } .settings-nav__item__icon i.directorist_pink { - color: #ff408c; + color: #ff408c; } .settings-nav__item__icon i.directorist_warning { - color: #fa8b0c; + color: #fa8b0c; } .settings-nav__item__icon i.directorist_info { - color: #2c99ff; + color: #2c99ff; } .settings-nav__item__icon i.directorist_green { - color: #00b158; + color: #00b158; } .settings-nav__item__icon i.directorist_danger { - color: #ff272a; + color: #ff272a; } .settings-nav__item__icon i.directorist_wordpress { - color: #0073aa; + color: #0073aa; } /* .settings-nav__item ul li { margin-bottom: 25px; } */ .settings-nav__item ul li a { - line-height: 25px; - padding: 10px 25px 10px 58px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-size: 14px; - font-weight: 500; - color: #5a5f7d; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - border-left: 2px solid transparent; + line-height: 25px; + padding: 10px 25px 10px 58px; + display: flex; + font-size: 14px; + font-weight: 500; + color: #5a5f7d; + transition: 0.3s ease; + border-left: 2px solid transparent; } .settings-nav__item ul li a:focus { - -webkit-box-shadow: 0 0; - box-shadow: 0 0; - outline: 0 none; + box-shadow: 0 0; + outline: 0 none; } .settings-nav__item ul li a.active { - color: #3e62f5; - background-color: #fff; - -webkit-box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); - box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); - border-left-color: #3e62f5; + color: #3e62f5; + background-color: #fff; + box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); + border-left-color: #3e62f5; } .settings-nav__item ul li a:hover { - background-color: #fff; - -webkit-box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); - box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); + background-color: #fff; + box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); } span.drop-toggle-caret { - width: 10px; - height: 5px; - margin-left: auto; + width: 10px; + height: 5px; + margin-left: auto; } span.drop-toggle-caret:before { - position: absolute; - content: ""; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - border-top: 5px solid #868eae; + position: absolute; + content: ""; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid #868eae; } -.settings-nav__item.active .settings-nav__item__link span.drop-toggle-caret:before { - border-top: 0; - border-bottom: 5px solid #3e62f5; +.settings-nav__item.active + .settings-nav__item__link + span.drop-toggle-caret:before { + border-top: 0; + border-bottom: 5px solid #3e62f5; } .highlight-field { - padding: 10px; - border: 2px solid #3e62f5; + padding: 10px; + border: 2px solid #3e62f5; } .settings-footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 0 -20px; - padding: 15px 15px 15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - background-color: #f8f9fb; + display: flex; + margin: 0 -20px; + padding: 15px 15px 15px; + flex-wrap: wrap; + justify-content: flex-end; + background-color: #f8f9fb; } .settings-footer .setting-response-feedback { - color: #272b41; + color: #272b41; } .settings-footer-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - color: #272b41; + display: flex; + flex-wrap: wrap; + color: #272b41; } .atbdp-settings-panel .cptm-form-control, .atbdp-settings-panel .directorist_dropdown { - max-width: 500px !important; + max-width: 500px !important; } #page_settings .cptm-menu-title { - display: none; + display: none; } #personalization .cptm-menu-title { - display: none; + display: none; } #import_export .cptm-menu-title { - display: none; + display: none; } .directorist-extensions > td > div { - margin: -2px 35px 10px; - border: 1px solid #E3E6EF; - padding: 13px 15px 15px; - border-radius: 5px; - position: relative; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + margin: -2px 35px 10px; + border: 1px solid #e3e6ef; + padding: 13px 15px 15px; + border-radius: 5px; + position: relative; + transition: 0.3s ease; } .ext-more { - position: absolute; - left: 0; - bottom: 20px; - width: 100%; - text-align: center; - z-index: 2; + position: absolute; + left: 0; + bottom: 20px; + width: 100%; + text-align: center; + z-index: 2; } .directorist-extensions table { - width: 100%; + width: 100%; } .ext-height-fix { - height: 250px !important; - overflow: hidden; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + height: 250px !important; + overflow: hidden; + transition: 0.3s ease; } .ext-height-fix:before { - position: absolute; - content: ""; - width: 100%; - height: 150px; - background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.94)), to(#fff)); - background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.94), #fff); - left: 0; - bottom: 0; + position: absolute; + content: ""; + width: 100%; + height: 150px; + background: linear-gradient( + rgba(255, 255, 255, 0), + rgba(255, 255, 255, 0.94), + #fff + ); + left: 0; + bottom: 0; } .ext-more-link { - color: #090E2A; - font-size: 14px; - font-weight: 500; + color: #090e2a; + font-size: 14px; + font-weight: 500; } .directorist-setup-wizard-vh-none { - height: auto; + height: auto; } .directorist-setup-wizard-wrapper { - padding: 100px 0; + padding: 100px 0; } .atbdp-setup-content { - font-family: Arial; - width: 700px; - color: #3e3e3e; - border-radius: 5px; - -webkit-box-shadow: 0 5px 15px rgba(146, 153, 184, 0.2); - box-shadow: 0 5px 15px rgba(146, 153, 184, 0.2); - background-color: #fff; - overflow: hidden; + font-family: Arial; + width: 700px; + color: #3e3e3e; + border-radius: 5px; + box-shadow: 0 5px 15px rgba(146, 153, 184, 0.2); + background-color: #fff; + overflow: hidden; } .atbdp-setup-content .atbdp-c-header { - padding: 32px 40px 23px; - border-bottom: 1px solid #f1f2f6; + padding: 32px 40px 23px; + border-bottom: 1px solid #f1f2f6; } .atbdp-setup-content .atbdp-c-header h1 { - font-size: 28px; - font-weight: 600; - margin: 0; + font-size: 28px; + font-weight: 600; + margin: 0; } .atbdp-setup-content .atbdp-c-body { - padding: 30px 40px 50px; + padding: 30px 40px 50px; } .atbdp-setup-content .atbdp-c-logo { - text-align: center; - margin-bottom: 40px; + text-align: center; + margin-bottom: 40px; } .atbdp-setup-content .atbdp-c-logo img { - width: 200px; + width: 200px; } .atbdp-setup-content .atbdp-c-body p { - font-size: 16px; - line-height: 26px; - color: #5a5f7d; + font-size: 16px; + line-height: 26px; + color: #5a5f7d; } .atbdp-setup-content .atbdp-c-body .atbdp-c-intro-title { - font-size: 26px; - font-weight: 500; + font-size: 26px; + font-weight: 500; } .wintro-text { - margin-top: 100px; + margin-top: 100px; } .atbdp-setup-content .atbdp-c-footer { - background-color: #f4f5f7; - padding: 20px 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + background-color: #f4f5f7; + padding: 20px 40px; + display: flex; + justify-content: flex-end; } .atbdp-setup-content .atbdp-c-footer p { - margin: 0; + margin: 0; } .wbtn { - padding: 0 20px; - line-height: 48px; - display: inline-block; - border-radius: 5px; - border: 1px solid #e3e6ef; - font-size: 15px; - text-decoration: none; - color: #5a5f7d; - background-color: #fff; - cursor: pointer; + padding: 0 20px; + line-height: 48px; + display: inline-block; + border-radius: 5px; + border: 1px solid #e3e6ef; + font-size: 15px; + text-decoration: none; + color: #5a5f7d; + background-color: #fff; + cursor: pointer; } .wbtn-primary { - background-color: #4353ff; - border-color: #4353ff; - color: #fff; - margin-left: 6px; + background-color: #4353ff; + border-color: #4353ff; + color: #fff; + margin-left: 6px; } .w-skip-link { - color: #5a5f7d; - font-size: 15px; - margin-right: 10px; - display: inline-block; - text-decoration: none; + color: #5a5f7d; + font-size: 15px; + margin-right: 10px; + display: inline-block; + text-decoration: none; } .w-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 25px; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + margin-bottom: 25px; } .w-form-group:last-child { - margin-bottom: 0; + margin-bottom: 0; } .w-form-group label { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - font-size: 15px; - font-weight: 500; + flex: 1; + font-size: 15px; + font-weight: 500; } .w-form-group div { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + flex: 1; } .w-form-group select, -.w-form-group input[type=text] { - width: 100%; - height: 42px; - border-radius: 4px; - padding: 0 16px; - border: 1px solid #c6d0dc; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; +.w-form-group input[type="text"] { + width: 100%; + height: 42px; + border-radius: 4px; + padding: 0 16px; + border: 1px solid #c6d0dc; + box-sizing: border-box; + cursor: pointer; } .atbdp-sw-gmap-key small { - display: block; - margin-top: 4px; - color: #9299b8; + display: block; + margin-top: 4px; + color: #9299b8; } .w-toggle-switch { - position: relative; - width: 48px; - height: 26px; + position: relative; + width: 48px; + height: 26px; } .w-toggle-switch .w-switch { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - height: 0; - font-size: 15px; - left: 0; - line-height: 0; - outline: none; - position: absolute; - top: 0; - width: 0; - cursor: pointer; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + height: 0; + font-size: 15px; + left: 0; + line-height: 0; + outline: none; + position: absolute; + top: 0; + width: 0; + cursor: pointer; } .w-toggle-switch .w-switch:before, .w-toggle-switch .w-switch:after { - content: ""; - font-size: 15px; - position: absolute; + content: ""; + font-size: 15px; + position: absolute; } .w-toggle-switch .w-switch:before { - border-radius: 19px; - background-color: #c8cadf; - height: 26px; - left: -4px; - top: -3px; - -webkit-transition: background-color 0.25s ease-out 0.1s; - transition: background-color 0.25s ease-out 0.1s; - width: 48px; + border-radius: 19px; + background-color: #c8cadf; + height: 26px; + left: -4px; + top: -3px; + -webkit-transition: background-color 0.25s ease-out 0.1s; + transition: background-color 0.25s ease-out 0.1s; + width: 48px; } .w-toggle-switch .w-switch:after { - -webkit-box-shadow: 0 0 4px rgba(146, 155, 177, 0.15); - box-shadow: 0 0 4px rgba(146, 155, 177, 0.15); - border-radius: 50%; - background-color: #fefefe; - height: 18px; - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - -webkit-transition: -webkit-transform 0.25s ease-out 0.1s; - transition: -webkit-transform 0.25s ease-out 0.1s; - transition: transform 0.25s ease-out 0.1s; - transition: transform 0.25s ease-out 0.1s, -webkit-transform 0.25s ease-out 0.1s; - width: 18px; - top: 1px; + box-shadow: 0 0 4px rgba(146, 155, 177, 0.15); + border-radius: 50%; + background-color: #fefefe; + height: 18px; + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + -webkit-transition: -webkit-transform 0.25s ease-out 0.1s; + transition: -webkit-transform 0.25s ease-out 0.1s; + transition: transform 0.25s ease-out 0.1s; + transition: + transform 0.25s ease-out 0.1s, + -webkit-transform 0.25s ease-out 0.1s; + width: 18px; + top: 1px; } .w-toggle-switch .w-switch:checked:after { - -webkit-transform: translate(20px, 0); - transform: translate(20px, 0); + -webkit-transform: translate(20px, 0); + transform: translate(20px, 0); } .w-toggle-switch .w-switch:checked:before { - background-color: #4353ff; + background-color: #4353ff; } .w-input-group { - position: relative; + position: relative; } .w-input-group span { - position: absolute; - left: 1px; - top: 1px; - height: 40px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - padding: 0 12px; - color: #9299b8; - background-color: #eff0f3; - border-radius: 4px 0 0 4px; + position: absolute; + left: 1px; + top: 1px; + height: 40px; + display: inline-flex; + align-items: center; + font-size: 12px; + padding: 0 12px; + color: #9299b8; + background-color: #eff0f3; + border-radius: 4px 0 0 4px; } .w-input-group input { - padding-left: 58px !important; + padding-left: 58px !important; } .wicon-done { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: 50px; - background-color: #0fb73b; - border-radius: 50%; - width: 80px; - height: 80px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: #fff; - margin-bottom: 10px; + display: inline-flex; + font-size: 50px; + background-color: #0fb73b; + border-radius: 50%; + width: 80px; + height: 80px; + align-items: center; + justify-content: center; + color: #fff; + margin-bottom: 10px; } .wsteps-done { - margin-top: 30px; - text-align: center; + margin-top: 30px; + text-align: center; } .wsteps-done h2 { - font-size: 24px; - font-weight: 500; - margin-bottom: 50px; + font-size: 24px; + font-weight: 500; + margin-bottom: 50px; } .wbtn-outline-primary { - border-color: #4353ff; - color: #4353ff; - margin-left: 6px; + border-color: #4353ff; + color: #4353ff; + margin-left: 6px; } .atbdp-c-footer-center { - -webkit-box-pack: center !important; - -webkit-justify-content: center !important; - -ms-flex-pack: center !important; - justify-content: center !important; - padding: 30px !important; + justify-content: center !important; + padding: 30px !important; } .atbdp-c-footer-center a { - color: #2c99ff; + color: #2c99ff; } .atbdp-none { - display: none; + display: none; } .directorist-importer__importing { - position: relative; + position: relative; } .directorist-importer__importing h2 { - margin-top: 0; + margin-top: 0; } /* progressbar style */ .directorist-importer__importing progress { - border-radius: 15px; - width: 100%; - height: 30px; - overflow: hidden; - position: relative; + border-radius: 15px; + width: 100%; + height: 30px; + overflow: hidden; + position: relative; } .directorist-importer__importing .directorist-importer-wrapper { - position: relative; -} - -.directorist-importer__importing .directorist-importer-wrapper .directorist-importer-length { - position: absolute; - height: 100%; - left: 0; - top: 0; - overflow: hidden; -} - -.directorist-importer__importing .directorist-importer-wrapper .directorist-importer-length:before { - position: absolute; - content: ""; - width: 40px; - height: 100%; - left: 0; - top: 0; - background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.25)), to(transparent)); - background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.25), transparent); - -webkit-animation: slideRight 2s linear infinite; - animation: slideRight 2s linear infinite; -} - -@-webkit-keyframes slideRight { - from { - left: 0; - } - to { - left: 100%; - } + position: relative; +} + +.directorist-importer__importing + .directorist-importer-wrapper + .directorist-importer-length { + position: absolute; + height: 100%; + left: 0; + top: 0; + overflow: hidden; +} + +.directorist-importer__importing + .directorist-importer-wrapper + .directorist-importer-length:before { + position: absolute; + content: ""; + width: 40px; + height: 100%; + left: 0; + top: 0; + background: linear-gradient( + to right, + transparent, + rgba(255, 255, 255, 0.25), + transparent + ); + animation: slideRight 2s linear infinite; } @keyframes slideRight { - from { - left: 0; - } - to { - left: 100%; - } + from { + left: 0; + } + to { + left: 100%; + } } .directorist-importer__importing progress::-webkit-progress-bar { - background-color: #e8f0f8; - border-radius: 15px; + background-color: #e8f0f8; + border-radius: 15px; } .directorist-importer__importing progress::-webkit-progress-value { - background-color: #2c99ff; + background-color: #2c99ff; } .directorist-importer__importing progress::-moz-progress-bar { - background-color: #e8f0f8; - border-radius: 15px; - border: none; - box-shadow: none; + background-color: #e8f0f8; + border-radius: 15px; + border: none; + box-shadow: none; } .directorist-importer__importing progress[value]::-moz-progress-bar { - background-color: #2c99ff; + background-color: #2c99ff; } .directorist-importer__importing span.importer-notice { - display: block; - color: #5a5f7d; - font-size: 15px; - padding-bottom: 13px; + display: block; + color: #5a5f7d; + font-size: 15px; + padding-bottom: 13px; } .directorist-importer__importing span.importer-details { - display: block; - color: #5a5f7d; - font-size: 15px; - padding-top: 13px; + display: block; + color: #5a5f7d; + font-size: 15px; + padding-top: 13px; } .directorist-importer__importing .spinner.is-active { - width: 15px; - height: 15px; - border-radius: 50%; - border: 3px solid #ddd; - position: absolute; - right: 20px; - top: 26px; - background: transparent; - border-right-color: #4353ff; - -webkit-animation: swRotate 2s linear infinite; - animation: swRotate 2s linear infinite; -} - -@-webkit-keyframes swRotate { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + width: 15px; + height: 15px; + border-radius: 50%; + border: 3px solid #ddd; + position: absolute; + right: 20px; + top: 26px; + background: transparent; + border-right-color: #4353ff; + animation: swRotate 2s linear infinite; } @keyframes swRotate { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(360deg); + } } /* custom select */ .w-form-group .select2-container--default .select2-selection--single { - height: 40px; - border: 1px solid #c6d0dc; - border-radius: 4px; + height: 40px; + border: 1px solid #c6d0dc; + border-radius: 4px; } -.w-form-group .select2-container--default .select2-selection--single .select2-selection__rendered { - color: #5a5f7d; - line-height: 38px; - padding: 0 15px; +.w-form-group + .select2-container--default + .select2-selection--single + .select2-selection__rendered { + color: #5a5f7d; + line-height: 38px; + padding: 0 15px; } -.w-form-group .select2-container--default .select2-selection--single .select2-selection__arrow { - height: 38px; - right: 5px; +.w-form-group + .select2-container--default + .select2-selection--single + .select2-selection__arrow { + height: 38px; + right: 5px; } .w-form-group span.select2-selection.select2-selection--single:focus { - outline: 0; + outline: 0; } .select2-dropdown { - border: 1px solid #c6d0dc !important; - border-top: 0 none !important; + border: 1px solid #c6d0dc !important; + border-top: 0 none !important; } -.directorist-content-active .select2-container--default .select2-results__option[aria-selected=true] { - background-color: #eee !important; +.directorist-content-active + .select2-container--default + .select2-results__option[aria-selected="true"] { + background-color: #eee !important; } -.directorist-content-active .select2-container--default .select2-results__option--highlighted, -.directorist-content-active .select2-container--default .select2-results__option[aria-selected=true].select2-results__option--highlighted { - background-color: #4353ff !important; +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted, +.directorist-content-active + .select2-container--default + .select2-results__option[aria-selected="true"].select2-results__option--highlighted { + background-color: #4353ff !important; } .btn-hide { - display: none; + display: none; } .directorist-setup-wizard { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - height: auto; - margin: 0; - font-family: "Inter"; + display: flex; + align-items: flex-start; + height: auto; + margin: 0; + font-family: "Inter"; } .directorist-setup-wizard__wrapper { - height: 100%; - min-height: 100vh; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 100%; - padding: 0; - background-color: #f4f5f7; + height: 100%; + min-height: 100vh; + display: flex; + flex-direction: column; + width: 100%; + padding: 0; + background-color: #f4f5f7; } .directorist-setup-wizard__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - background-color: #ffffff; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + display: flex; + gap: 30px; + align-items: center; + justify-content: space-between; + background-color: #ffffff; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .directorist-setup-wizard__header__step { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 15px; - max-width: 700px; - padding: 15px 0; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex: 1; + gap: 15px; + max-width: 700px; + padding: 15px 0; + flex-direction: column; + align-items: center; } @media (max-width: 767px) { - .directorist-setup-wizard__header__step { - position: absolute; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - top: 80px; - width: 100%; - padding: 15px 20px 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; - } + .directorist-setup-wizard__header__step { + position: absolute; + left: 50%; + transform: translateX(-50%); + top: 80px; + width: 100%; + padding: 15px 20px 0; + box-sizing: border-box; + } } .directorist-setup-wizard__header__step .atbdp-setup-steps { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0; - margin: 0; - list-style: none; - border-radius: 25px; - overflow: hidden; + width: 100%; + display: flex; + flex-wrap: wrap; + padding: 0; + margin: 0; + list-style: none; + border-radius: 25px; + overflow: hidden; } .directorist-setup-wizard__header__step .atbdp-setup-steps li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - position: relative; + display: flex; + flex: 1; + position: relative; } .directorist-setup-wizard__header__step .atbdp-setup-steps li:after { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 100%; - height: 12px; - background-color: #ebebeb; -} -.directorist-setup-wizard__header__step .atbdp-setup-steps li.done:after, .directorist-setup-wizard__header__step .atbdp-setup-steps li.active:after { - background-color: #4353ff; + content: ""; + display: inline-flex; + width: 100%; + height: 12px; + background-color: #ebebeb; +} +.directorist-setup-wizard__header__step .atbdp-setup-steps li.done:after, +.directorist-setup-wizard__header__step .atbdp-setup-steps li.active:after { + background-color: #4353ff; } .directorist-setup-wizard__logo { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 15px 25px; - border-right: 1px solid #e7e7e7; + display: flex; + align-self: stretch; + align-items: center; + padding: 15px 25px; + border-right: 1px solid #e7e7e7; } @media (max-width: 767px) { - .directorist-setup-wizard__logo { - border: none; - } + .directorist-setup-wizard__logo { + border: none; + } } .directorist-setup-wizard__logo img { - width: 140px; + width: 140px; } .directorist-setup-wizard__close { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 15px 25px; - -webkit-margin-start: 138px; - margin-inline-start: 138px; - border-left: 1px solid #e7e7e7; + display: flex; + align-self: stretch; + align-items: center; + padding: 15px 25px; + margin-inline-start: 138px; + border-left: 1px solid #e7e7e7; } @media (max-width: 1199px) { - .directorist-setup-wizard__close { - -webkit-margin-start: 0; - margin-inline-start: 0; - } + .directorist-setup-wizard__close { + margin-inline-start: 0; + } } .directorist-setup-wizard__close__btn svg path { - fill: #b7b7b7; - -webkit-transition: fill 0.3s ease; - transition: fill 0.3s ease; + fill: #b7b7b7; + transition: fill 0.3s ease; } .directorist-setup-wizard__close__btn:hover svg path { - fill: #4353ff; + fill: #4353ff; } .directorist-setup-wizard__footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - padding: 15px 25px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - background-color: #ffffff; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + display: flex; + gap: 30px; + padding: 15px 25px; + align-items: center; + justify-content: space-between; + background-color: #ffffff; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } @media (max-width: 375px) { - .directorist-setup-wizard__footer { - gap: 20px; - padding: 30px 20px; - } + .directorist-setup-wizard__footer { + gap: 20px; + padding: 30px 20px; + } } .directorist-setup-wizard__btn { - padding: 0 20px; - height: 48px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 20px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - font-size: 15px; - background-color: #4353ff; - border-color: #4353ff; - color: #fff; - border: none; - cursor: pointer; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + padding: 0 20px; + height: 48px; + display: flex; + align-items: center; + gap: 20px; + justify-content: center; + border-radius: 8px; + font-size: 15px; + background-color: #4353ff; + border-color: #4353ff; + color: #fff; + border: none; + cursor: pointer; + transition: opacity 0.3s ease; } .directorist-setup-wizard__btn:hover { - opacity: 0.85; + opacity: 0.85; } .directorist-setup-wizard__btn:disabled { - opacity: 0.5; - pointer-events: none; - cursor: not-allowed; + opacity: 0.5; + pointer-events: none; + cursor: not-allowed; } @media (max-width: 375px) { - .directorist-setup-wizard__btn { - gap: 15px; - } + .directorist-setup-wizard__btn { + gap: 15px; + } } .directorist-setup-wizard__btn--skip { - background: transparent; - color: #000; - padding: 0; + background: transparent; + color: #000; + padding: 0; } .directorist-setup-wizard__btn--full { - width: 100%; - text-align: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + text-align: center; + box-sizing: border-box; } .directorist-setup-wizard__btn--return { - color: #141414; - background: #ebebeb; + color: #141414; + background: #ebebeb; } .directorist-setup-wizard__btn--next { - position: relative; - gap: 10px; - padding: 0 25px; + position: relative; + gap: 10px; + padding: 0 25px; } @media (max-width: 375px) { - .directorist-setup-wizard__btn--next { - padding: 0 20px; - } + .directorist-setup-wizard__btn--next { + padding: 0 20px; + } } .directorist-setup-wizard__btn.loading { - position: relative; + position: relative; } .directorist-setup-wizard__btn.loading:before { - content: ""; - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - border-radius: 8px; - background-color: rgba(0, 0, 0, 0.5); + content: ""; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + border-radius: 8px; + background-color: rgba(0, 0, 0, 0.5); } .directorist-setup-wizard__btn.loading:after { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 20px; - height: 20px; - border-radius: 50%; - border: 2px solid #ffffff; - border-top-color: #4353ff; - position: absolute; - top: 12px; - right: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - -webkit-animation: spin 3s linear infinite; - animation: spin 3s linear infinite; + content: ""; + display: inline-flex; + width: 20px; + height: 20px; + border-radius: 50%; + border: 2px solid #ffffff; + border-top-color: #4353ff; + position: absolute; + top: 12px; + right: 50%; + transform: translateX(-50%); + animation: spin 3s linear infinite; } .directorist-setup-wizard__next { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 20px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + display: flex; + align-items: center; + gap: 20px; + flex: 1; + justify-content: flex-end; } .directorist-setup-wizard__next .directorist-setup-wizard__btn { - height: 44px; + height: 44px; } @media (max-width: 375px) { - .directorist-setup-wizard__next { - gap: 15px; - } + .directorist-setup-wizard__next { + gap: 15px; + } } .directorist-setup-wizard__back__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #000; + display: flex; + gap: 10px; + align-items: center; + color: #000; } .directorist-setup-wizard__back__btn:hover { - opacity: 0.85; + opacity: 0.85; } .directorist-setup-wizard__content { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + width: 100%; + display: flex; + gap: 30px; + flex-direction: column; } .directorist-setup-wizard__content__title { - font-size: 30px; - line-height: 36px; - font-weight: 400; - margin: 0 0 10px; - color: #141414; + font-size: 30px; + line-height: 36px; + font-weight: 400; + margin: 0 0 10px; + color: #141414; } .directorist-setup-wizard__content__title--section { - font-size: 24px; - font-weight: 500; - margin: 30px 0 15px; + font-size: 24px; + font-weight: 500; + margin: 30px 0 15px; } .directorist-setup-wizard__content__section-title { - font-size: 18px; - line-height: 26px; - font-weight: 600; - margin: 0 0 15px; - color: #141414; + font-size: 18px; + line-height: 26px; + font-weight: 600; + margin: 0 0 15px; + color: #141414; } .directorist-setup-wizard__content__desc { - font-size: 16px; - font-weight: 400; - margin: 0 0 10px; - color: #484848; + font-size: 16px; + font-weight: 400; + margin: 0 0 10px; + color: #484848; } .directorist-setup-wizard__content__header { - margin: 0 auto; - text-align: center; + margin: 0 auto; + text-align: center; } .directorist-setup-wizard__content__header--listings { - max-width: 100%; - text-align: center; + max-width: 100%; + text-align: center; } .directorist-setup-wizard__content__header__title { - font-size: 30px; - line-height: 36px; - font-weight: 400; - margin: 0 0 10px; + font-size: 30px; + line-height: 36px; + font-weight: 400; + margin: 0 0 10px; } .directorist-setup-wizard__content__header__title:last-child { - margin: 0; + margin: 0; } .directorist-setup-wizard__content__header__desc { - font-size: 16px; - line-height: 26px; - font-weight: 400; - margin: 0; + font-size: 16px; + line-height: 26px; + font-weight: 400; + margin: 0; } .directorist-setup-wizard__content__items { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 40px; - width: 100%; - max-width: 720px; - margin: 0 auto; - background-color: #ffffff; - border-radius: 8px; - -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05); - box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05); - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + display: flex; + gap: 10px; + flex-wrap: wrap; + padding: 40px; + width: 100%; + max-width: 720px; + margin: 0 auto; + background-color: #ffffff; + border-radius: 8px; + box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05); + box-sizing: border-box; } @media (max-width: 480px) { - .directorist-setup-wizard__content__items { - padding: 35px 25px; - } + .directorist-setup-wizard__content__items { + padding: 35px 25px; + } } @media (max-width: 375px) { - .directorist-setup-wizard__content__items { - padding: 30px 20px; - } + .directorist-setup-wizard__content__items { + padding: 30px 20px; + } } .directorist-setup-wizard__content__items--listings { - gap: 30px; - padding: 40px 180px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + gap: 30px; + padding: 40px 180px; + flex-direction: column; } @media (max-width: 991px) { - .directorist-setup-wizard__content__items--listings { - padding: 40px 100px; - } + .directorist-setup-wizard__content__items--listings { + padding: 40px 100px; + } } @media (max-width: 767px) { - .directorist-setup-wizard__content__items--listings { - padding: 40px 50px; - } + .directorist-setup-wizard__content__items--listings { + padding: 40px 50px; + } } @media (max-width: 480px) { - .directorist-setup-wizard__content__items--listings { - padding: 35px 25px; - } + .directorist-setup-wizard__content__items--listings { + padding: 35px 25px; + } } @media (max-width: 375) { - .directorist-setup-wizard__content__items--listings { - padding: 30px 20px; - } + .directorist-setup-wizard__content__items--listings { + padding: 30px 20px; + } } .directorist-setup-wizard__content__items--completed { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - text-align: center; - gap: 0; - padding: 40px 75px 50px; + flex-direction: column; + text-align: center; + gap: 0; + padding: 40px 75px 50px; } @media (max-width: 480px) { - .directorist-setup-wizard__content__items--completed { - padding: 40px 30px 50px; - } + .directorist-setup-wizard__content__items--completed { + padding: 40px 30px 50px; + } } .directorist-setup-wizard__content__items--completed .congratulations-img { - margin: 0 auto 10px; + margin: 0 auto 10px; } .directorist-setup-wizard__content__import { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .directorist-setup-wizard__content__import__title { - font-size: 18px; - font-weight: 500; - margin: 0; - color: #141414; + font-size: 18px; + font-weight: 500; + margin: 0; + color: #141414; } .directorist-setup-wizard__content__import__wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + gap: 20px; + flex-direction: column; } .directorist-setup-wizard__content__import__single label { - font-size: 15px; - font-weight: 400; - position: relative; - padding-left: 30px; - color: #484848; - cursor: pointer; + font-size: 15px; + font-weight: 400; + position: relative; + padding-left: 30px; + color: #484848; + cursor: pointer; } .directorist-setup-wizard__content__import__single label:before { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 18px; - height: 18px; - border-radius: 4px; - border: 1px solid #b7b7b7; - position: absolute; - left: 0; - top: -1px; + content: ""; + display: inline-flex; + width: 18px; + height: 18px; + border-radius: 4px; + border: 1px solid #b7b7b7; + position: absolute; + left: 0; + top: -1px; } .directorist-setup-wizard__content__import__single label:after { - content: ""; - background-image: url(../js/57ed7e0c941f002f5892.svg); - background-repeat: no-repeat; - width: 9px; - height: 7px; - position: absolute; - left: 5px; - top: 6px; - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-setup-wizard__content__import__single input[type=checkbox] { - display: none; -} -.directorist-setup-wizard__content__import__single input[type=checkbox]:checked ~ label:before { - background-color: #4353ff; - border-color: #4353ff; -} -.directorist-setup-wizard__content__import__single input[type=checkbox]:checked ~ label:after { - opacity: 1; + content: ""; + background-image: url(../js/../images/52912e13371376d03cbd266752b1fe5e.svg); + background-repeat: no-repeat; + width: 9px; + height: 7px; + position: absolute; + left: 5px; + top: 6px; + opacity: 0; + transition: opacity 0.3s ease; +} +.directorist-setup-wizard__content__import__single input[type="checkbox"] { + display: none; +} +.directorist-setup-wizard__content__import__single + input[type="checkbox"]:checked + ~ label:before { + background-color: #4353ff; + border-color: #4353ff; +} +.directorist-setup-wizard__content__import__single + input[type="checkbox"]:checked + ~ label:after { + opacity: 1; } .directorist-setup-wizard__content__import__btn { - margin-top: 20px; + margin-top: 20px; } .directorist-setup-wizard__content__import__notice { - margin-top: 10px; - font-size: 14px; - font-weight: 400; - text-align: center; + margin-top: 10px; + font-size: 14px; + font-weight: 400; + text-align: center; } .directorist-setup-wizard__content__btns { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + gap: 15px; + flex-wrap: wrap; + justify-content: center; } .directorist-setup-wizard__content__pricing__checkbox { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex; + flex-wrap: wrap; + gap: 20px; + justify-content: space-between; } .directorist-setup-wizard__content__pricing__checkbox .feature-title { - font-size: 14px; - color: #484848; + font-size: 14px; + color: #484848; } .directorist-setup-wizard__content__pricing__checkbox label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - position: relative; - cursor: pointer; + display: flex; + position: relative; + cursor: pointer; } .directorist-setup-wizard__content__pricing__checkbox label:before { - content: ""; - width: 40px; - height: 20px; - border-radius: 15px; - border: 1px solid #4353ff; - background: transparent; - position: absolute; - right: 0; - top: 0; + content: ""; + width: 40px; + height: 20px; + border-radius: 15px; + border: 1px solid #4353ff; + background: transparent; + position: absolute; + right: 0; + top: 0; } .directorist-setup-wizard__content__pricing__checkbox label:after { - content: ""; - position: absolute; - right: 22px; - top: 4px; - width: 14px; - height: 14px; - border-radius: 100%; - background-color: #4353ff; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; -} -.directorist-setup-wizard__content__pricing__checkbox input[type=checkbox] { - display: none; -} -.directorist-setup-wizard__content__pricing__checkbox input[type=checkbox]:checked ~ label:before { - background-color: #4353ff; -} -.directorist-setup-wizard__content__pricing__checkbox input[type=checkbox]:checked ~ label:after { - right: 5px; - background-color: #ffffff; -} -.directorist-setup-wizard__content__pricing__checkbox input[type=checkbox]:checked ~ .directorist-setup-wizard__content__pricing__amount { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + content: ""; + position: absolute; + right: 22px; + top: 4px; + width: 14px; + height: 14px; + border-radius: 100%; + background-color: #4353ff; + transition: all 0.3s ease; +} +.directorist-setup-wizard__content__pricing__checkbox input[type="checkbox"] { + display: none; +} +.directorist-setup-wizard__content__pricing__checkbox + input[type="checkbox"]:checked + ~ label:before { + background-color: #4353ff; +} +.directorist-setup-wizard__content__pricing__checkbox + input[type="checkbox"]:checked + ~ label:after { + right: 5px; + background-color: #ffffff; +} +.directorist-setup-wizard__content__pricing__checkbox + input[type="checkbox"]:checked + ~ .directorist-setup-wizard__content__pricing__amount { + display: flex; + align-items: center; + justify-content: space-between; + flex: 0 0 100%; } .directorist-setup-wizard__content__pricing__amount { - display: none; + display: none; } .directorist-setup-wizard__content__pricing__amount .price-title { - font-size: 14px; - color: #484848; + font-size: 14px; + color: #484848; } .directorist-setup-wizard__content__pricing__amount .price-amount { - font-size: 14px; - font-weight: 500; - color: #141414; - border-radius: 8px; - background-color: #ebebeb; - border: 1px solid #ebebeb; - padding: 10px 15px; + font-size: 14px; + font-weight: 500; + color: #141414; + border-radius: 8px; + background-color: #ebebeb; + border: 1px solid #ebebeb; + padding: 10px 15px; } .directorist-setup-wizard__content__pricing__amount .price-amount input { - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - padding: 0; - max-width: 45px; - background: transparent; + border: none; + outline: none; + box-shadow: none; + padding: 0; + max-width: 45px; + background: transparent; } .directorist-setup-wizard__content__gateway__checkbox { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - margin: 0 0 20px; + display: flex; + gap: 10px; + flex-wrap: wrap; + justify-content: space-between; + margin: 0 0 20px; } .directorist-setup-wizard__content__gateway__checkbox:last-child { - margin: 0; + margin: 0; } .directorist-setup-wizard__content__gateway__checkbox .gateway-title { - font-size: 14px; - color: #484848; + font-size: 14px; + color: #484848; } .directorist-setup-wizard__content__gateway__checkbox label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - position: relative; - cursor: pointer; + display: flex; + position: relative; + cursor: pointer; } .directorist-setup-wizard__content__gateway__checkbox label:before { - content: ""; - width: 40px; - height: 20px; - border-radius: 15px; - border: 1px solid #4353ff; - background: transparent; - position: absolute; - right: 0; - top: 0; + content: ""; + width: 40px; + height: 20px; + border-radius: 15px; + border: 1px solid #4353ff; + background: transparent; + position: absolute; + right: 0; + top: 0; } .directorist-setup-wizard__content__gateway__checkbox label:after { - content: ""; - position: absolute; - right: 22px; - top: 4px; - width: 14px; - height: 14px; - border-radius: 100%; - background-color: #4353ff; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; -} -.directorist-setup-wizard__content__gateway__checkbox input[type=checkbox] { - display: none; -} -.directorist-setup-wizard__content__gateway__checkbox input[type=checkbox]:checked ~ label:before { - background-color: #4353ff; -} -.directorist-setup-wizard__content__gateway__checkbox input[type=checkbox]:checked ~ label:after { - right: 5px; - background-color: #ffffff; + content: ""; + position: absolute; + right: 22px; + top: 4px; + width: 14px; + height: 14px; + border-radius: 100%; + background-color: #4353ff; + transition: all 0.3s ease; +} +.directorist-setup-wizard__content__gateway__checkbox input[type="checkbox"] { + display: none; +} +.directorist-setup-wizard__content__gateway__checkbox + input[type="checkbox"]:checked + ~ label:before { + background-color: #4353ff; +} +.directorist-setup-wizard__content__gateway__checkbox + input[type="checkbox"]:checked + ~ label:after { + right: 5px; + background-color: #ffffff; } .directorist-setup-wizard__content__gateway__checkbox .enable-warning { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - font-size: 12px; - font-style: italic; + flex: 0 0 100%; + font-size: 12px; + font-style: italic; } .directorist-setup-wizard__content__notice { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 14px; - font-weight: 500; - color: #484848; - -webkit-transition: color 0.3s eases; - transition: color 0.3s eases; + display: flex; + gap: 5px; + align-items: center; + justify-content: center; + font-size: 14px; + font-weight: 500; + color: #484848; + transition: color 0.3s eases; } .directorist-setup-wizard__content__notice:hover { - color: #4353ff; + color: #4353ff; } .directorist-setup-wizard__checkbox { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; + display: flex; + align-items: center; + gap: 10px; } @media (max-width: 480px) { - .directorist-setup-wizard__checkbox { - width: 100%; - } - .directorist-setup-wizard__checkbox label { - width: 100%; - } + .directorist-setup-wizard__checkbox { + width: 100%; + } + .directorist-setup-wizard__checkbox label { + width: 100%; + } } .directorist-setup-wizard__checkbox--custom { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - display: none; + flex: 0 0 100%; + display: none; } .directorist-setup-wizard__checkbox label { - position: relative; - font-size: 14px; - font-weight: 500; - color: #141414; - height: 40px; - line-height: 38px; - padding: 0 40px 0 15px; - border-radius: 5px; - border: 1px solid #d6d6d6; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; + position: relative; + font-size: 14px; + font-weight: 500; + color: #141414; + height: 40px; + line-height: 38px; + padding: 0 40px 0 15px; + border-radius: 5px; + border: 1px solid #d6d6d6; + transition: background-color 0.3s ease; + box-sizing: border-box; + cursor: pointer; } .directorist-setup-wizard__checkbox label:before { - content: ""; - background-image: url(../js/cbce2b363c224ee87fe0.svg); - background-repeat: no-repeat; - width: 16px; - height: 16px; - position: absolute; - right: 10px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - opacity: 0; -} -.directorist-setup-wizard__checkbox input[type=checkbox] { - display: none; -} -.directorist-setup-wizard__checkbox input[type=checkbox]:checked ~ label { - background-color: rgba(67, 83, 255, 0.2509803922); - border-color: transparent; -} -.directorist-setup-wizard__checkbox input[type=checkbox]:checked ~ label::before { - opacity: 1; -} -.directorist-setup-wizard__checkbox input[type=checkbox]:disabled ~ label { - background-color: #ebebeb; - color: #b7b7b7; - cursor: not-allowed; -} -.directorist-setup-wizard__checkbox input[type=text] { - width: 100%; - height: 42px; - border-radius: 4px; - padding: 0 16px; - background-color: #ebebeb; - border: none; - outline: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-setup-wizard__checkbox input[type=text]::-webkit-input-placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; -} -.directorist-setup-wizard__checkbox input[type=text]::-moz-placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; -} -.directorist-setup-wizard__checkbox input[type=text]:-ms-input-placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; -} -.directorist-setup-wizard__checkbox input[type=text]::-ms-input-placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; -} -.directorist-setup-wizard__checkbox input[type=text]::placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; + content: ""; + background-image: url(../js/../images/ce51f4953f209124fb4786d7d5946493.svg); + background-repeat: no-repeat; + width: 16px; + height: 16px; + position: absolute; + right: 10px; + top: 50%; + transform: translateY(-50%); + font-size: 14px; + opacity: 0; +} +.directorist-setup-wizard__checkbox input[type="checkbox"] { + display: none; +} +.directorist-setup-wizard__checkbox input[type="checkbox"]:checked ~ label { + background-color: rgba(67, 83, 255, 0.2509803922); + border-color: transparent; +} +.directorist-setup-wizard__checkbox + input[type="checkbox"]:checked + ~ label::before { + opacity: 1; +} +.directorist-setup-wizard__checkbox input[type="checkbox"]:disabled ~ label { + background-color: #ebebeb; + color: #b7b7b7; + cursor: not-allowed; +} +.directorist-setup-wizard__checkbox input[type="text"] { + width: 100%; + height: 42px; + border-radius: 4px; + padding: 0 16px; + background-color: #ebebeb; + border: none; + outline: none; + box-sizing: border-box; +} +.directorist-setup-wizard__checkbox input[type="text"]::placeholder { + font-size: 14px; + font-weight: 400; + color: #787878; } .directorist-setup-wizard__counter { - width: 100%; - text-align: left; + width: 100%; + text-align: left; } .directorist-setup-wizard__counter__title { - font-size: 20px; - font-weight: 600; - color: #141414; - margin: 0 0 10px; + font-size: 20px; + font-weight: 600; + color: #141414; + margin: 0 0 10px; } .directorist-setup-wizard__counter__desc { - display: none; - font-size: 14px; - color: #404040; - margin: 0 0 10px; + display: none; + font-size: 14px; + color: #404040; + margin: 0 0 10px; } .directorist-setup-wizard__counter .selected_count { - color: #4353ff; + color: #4353ff; } .directorist-setup-wizard__introduction { - max-width: 700px; - margin: 0 auto; - text-align: center; - padding: 50px 0 100px; + max-width: 700px; + margin: 0 auto; + text-align: center; + padding: 50px 0 100px; } .directorist-setup-wizard__step { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 15px; - padding: 50px 15px 100px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: flex; + flex: 1; + gap: 15px; + padding: 50px 15px 100px; + flex-direction: column; + align-items: center; + box-sizing: border-box; } @media (max-width: 767px) { - .directorist-setup-wizard__step { - padding-top: 100px; - } + .directorist-setup-wizard__step { + padding-top: 100px; + } } .directorist-setup-wizard__box { - width: 100%; - max-width: 720px; - margin: 0 auto; - padding: 30px 40px 40px; - background-color: #ffffff; - border-radius: 8px; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + max-width: 720px; + margin: 0 auto; + padding: 30px 40px 40px; + background-color: #ffffff; + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + box-sizing: border-box; } @media (max-width: 480px) { - .directorist-setup-wizard__box { - padding: 30px 25px; - } + .directorist-setup-wizard__box { + padding: 30px 25px; + } } @media (max-width: 375px) { - .directorist-setup-wizard__box { - padding: 30px 20px; - } + .directorist-setup-wizard__box { + padding: 30px 20px; + } } .directorist-setup-wizard__box__content__title { - font-size: 24px; - font-weight: 400; - margin: 0 0 5px; - color: #141414; + font-size: 24px; + font-weight: 400; + margin: 0 0 5px; + color: #141414; } .directorist-setup-wizard__box__content__title--section { - font-size: 15px; - font-weight: 400; - color: #141414; - margin: 0 0 10px; + font-size: 15px; + font-weight: 400; + color: #141414; + margin: 0 0 10px; } .directorist-setup-wizard__box__content__desc { - font-size: 15px; - font-weight: 400; - margin: 0 0 25px; - color: #484848; + font-size: 15px; + font-weight: 400; + margin: 0 0 25px; + color: #484848; } .directorist-setup-wizard__box__content__form { - position: relative; + position: relative; } .directorist-setup-wizard__box__content__form:before { - content: ""; - background-image: url(../js/cd12c438bd56fbec79b3.svg); - background-repeat: no-repeat; - width: 14px; - height: 14px; - position: absolute; - left: 18px; - top: 14px; + content: ""; + background-image: url(../js/../images/2b491f8827936e353fbe598bfae84852.svg); + background-repeat: no-repeat; + width: 14px; + height: 14px; + position: absolute; + left: 18px; + top: 14px; } .directorist-setup-wizard__box__content__form .address_result { - background-color: #ffffff; - -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); - box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); + background-color: #ffffff; + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); } -.directorist-setup-wizard__box__content__form.directorist-search-field .directorist-setup-wizard__box__content__input--clear { - display: none; +.directorist-setup-wizard__box__content__form.directorist-search-field + .directorist-setup-wizard__box__content__input--clear { + display: none; } -.directorist-setup-wizard__box__content__form.directorist-search-field.input-is-focused .directorist-setup-wizard__box__content__input--clear { - display: block; +.directorist-setup-wizard__box__content__form.directorist-search-field.input-is-focused + .directorist-setup-wizard__box__content__input--clear { + display: block; } .directorist-setup-wizard__box__content__input { - width: 100%; - height: 44px; - border-radius: 8px; - padding: 0 40px; - padding-right: 60px; - outline: none; - background-color: #ebebeb; - border: 1px solid #ebebeb; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + height: 44px; + border-radius: 8px; + padding: 0 40px; + padding-right: 60px; + outline: none; + background-color: #ebebeb; + border: 1px solid #ebebeb; + box-sizing: border-box; } .directorist-setup-wizard__box__content__input--clear { - position: absolute; - right: 40px; - top: 14px; + position: absolute; + right: 40px; + top: 14px; } -.directorist-setup-wizard__box__content__input--clear .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #484848; +.directorist-setup-wizard__box__content__input--clear + .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: #484848; } .directorist-setup-wizard__box__content__location-icon { - position: absolute; - right: 18px; - top: 14px; + position: absolute; + right: 18px; + top: 14px; } -.directorist-setup-wizard__box__content__location-icon .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #484848; +.directorist-setup-wizard__box__content__location-icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: #484848; } .directorist-setup-wizard__map { - margin-top: 20px; + margin-top: 20px; } .directorist-setup-wizard__map #gmap { - height: 280px; - border-radius: 8px; + height: 280px; + border-radius: 8px; } .directorist-setup-wizard__map .leaflet-touch .leaflet-bar a { - background: #ffffff; + background: #ffffff; } -.directorist-setup-wizard__map .leaflet-marker-icon .directorist-icon-mask:after { - width: 30px; - height: 30px; - background-color: #e23636; - -webkit-mask-image: url(../js/c5960c249e03a1405b32.svg); - mask-image: url(../js/c5960c249e03a1405b32.svg); +.directorist-setup-wizard__map + .leaflet-marker-icon + .directorist-icon-mask:after { + width: 30px; + height: 30px; + background-color: #e23636; + mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); } .directorist-setup-wizard__notice { - position: absolute; - bottom: 10px; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - font-size: 12px; - font-weight: 600; - font-style: italic; - color: #f80718; -} - -@-webkit-keyframes spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + position: absolute; + bottom: 10px; + left: 50%; + transform: translateX(-50%); + font-size: 12px; + font-weight: 600; + font-style: italic; + color: #f80718; } @keyframes spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } } /* data Progressing */ .directorist-setup-wizard__step .directorist-setup-wizard__content.hidden { - display: none; + display: none; } .middle-content.middle-content-import { - background: white; - padding: 40px; - -webkit-box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1); - box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1); - width: 600px; - border-radius: 8px; + background: white; + padding: 40px; + box-shadow: + 0px 4px 6px -2px rgba(0, 0, 0, 0.05), + 0px 10px 15px -3px rgba(0, 0, 0, 0.1); + width: 600px; + border-radius: 8px; } .middle-content.hidden { - display: none; + display: none; } .directorist-import-progress-info-text { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-align-content: center; - -ms-flex-line-pack: center; - align-content: center; - grid-gap: 10px; + display: flex; + align-items: center; + align-content: center; + grid-gap: 10px; } .directorist-import-progress, .directorist-import-error { - margin-top: 25px; + margin-top: 25px; } .directorist-import-progress .directorist-import-progress-bar-wrap, .directorist-import-error .directorist-import-progress-bar-wrap { - position: relative; - overflow: hidden; + position: relative; + overflow: hidden; } .directorist-import-progress .import-progress-gap span, .directorist-import-error .import-progress-gap span { - background: white; - height: 6px; - position: absolute; - width: 10px; - top: -1px; + background: white; + height: 6px; + position: absolute; + width: 10px; + top: -1px; } .directorist-import-progress .import-progress-gap span:nth-child(1), .directorist-import-error .import-progress-gap span:nth-child(1) { - left: calc(25% - 10px); + left: calc(25% - 10px); } .directorist-import-progress .import-progress-gap span:nth-child(2), .directorist-import-error .import-progress-gap span:nth-child(2) { - left: calc(50% - 10px); + left: calc(50% - 10px); } .directorist-import-progress .import-progress-gap span:nth-child(3), .directorist-import-error .import-progress-gap span:nth-child(3) { - left: calc(75% - 10px); + left: calc(75% - 10px); } .directorist-import-progress .directorist-import-progress-bar-bg, .directorist-import-error .directorist-import-progress-bar-bg { - height: 4px; - background: #e5e7eb; - width: 100%; - position: relative; -} -.directorist-import-progress .directorist-import-progress-bar-bg .directorist-import-progress-bar, -.directorist-import-error .directorist-import-progress-bar-bg .directorist-import-progress-bar { - position: absolute; - left: 0; - top: 0; - background: #2563eb; - -webkit-transition: all 1s; - transition: all 1s; - width: 0%; - height: 100%; -} -.directorist-import-progress .directorist-import-progress-bar-bg .directorist-import-progress-bar.import-done, -.directorist-import-error .directorist-import-progress-bar-bg .directorist-import-progress-bar.import-done { - background: #38c172; + height: 4px; + background: #e5e7eb; + width: 100%; + position: relative; +} +.directorist-import-progress + .directorist-import-progress-bar-bg + .directorist-import-progress-bar, +.directorist-import-error + .directorist-import-progress-bar-bg + .directorist-import-progress-bar { + position: absolute; + left: 0; + top: 0; + background: #2563eb; + transition: all 1s; + width: 0%; + height: 100%; +} +.directorist-import-progress + .directorist-import-progress-bar-bg + .directorist-import-progress-bar.import-done, +.directorist-import-error + .directorist-import-progress-bar-bg + .directorist-import-progress-bar.import-done { + background: #38c172; } .directorist-import-progress .directorist-import-progress-info, .directorist-import-error .directorist-import-progress-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-top: 15px; - margin-bottom: 15px; + display: flex; + justify-content: space-between; + align-items: center; + margin-top: 15px; + margin-bottom: 15px; } .directorist-import-error .directorist-import-error-box { - overflow-y: scroll; + overflow-y: scroll; } .directorist-import-error .directorist-import-progress-bar-bg { - width: 100%; - margin-bottom: 15px; + width: 100%; + margin-bottom: 15px; } -.directorist-import-error .directorist-import-progress-bar-bg .directorist-import-progress-bar { - background: #2563eb; +.directorist-import-error + .directorist-import-progress-bar-bg + .directorist-import-progress-bar { + background: #2563eb; } .directorist-import-process-step-bottom { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; } .directorist-import-process-step-bottom img { - width: 335px; - text-align: center; - display: inline-block; - padding: 20px 10px 0; + width: 335px; + text-align: center; + display: inline-block; + padding: 20px 10px 0; } .import-done-congrats { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } .import-done-congrats span { - margin-left: 17px; + margin-left: 17px; } .import-done-section { - margin-top: 60px; + margin-top: 60px; } .import-done-section .tweet-import-success .tweet-text { - background: #ffffff; - border: 1px solid rgba(34, 101, 235, 0.1); - border-radius: 4px; - padding: 14px 21px 14px 21px; + background: #ffffff; + border: 1px solid rgba(34, 101, 235, 0.1); + border-radius: 4px; + padding: 14px 21px 14px 21px; } .import-done-section .tweet-import-success .twitter-btn-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 7px; - right: 30px; - position: absolute; - margin-top: 8px; - text-decoration: none; + display: flex; + align-items: center; + gap: 7px; + right: 30px; + position: absolute; + margin-top: 8px; + text-decoration: none; } .import-done-section .import-done-text { - margin-top: 60px; + margin-top: 60px; } .import-done-section .import-done-text .import-done-counter { - text-align: left; + text-align: left; } .import-done-section .import-done-text .import-done-button { - margin-top: 25px; + margin-top: 25px; } .directorist-import-done-inner, .import-done-counter, .import-done-section { - display: none; + display: none; } .import-done .import-status-string, .import-done .directorist-import-text-inner { - display: none; + display: none; } .import-done .import-done-counter, .import-done .directorist-import-done-inner, .import-done .import-done-section { - display: block; + display: block; } .import-progress-warning { - position: relative; - top: 10px; - font-size: 15px; - font-weight: 500; - color: #e91e63; - display: block; - text-align: center; + position: relative; + top: 10px; + font-size: 15px; + font-weight: 500; + color: #e91e63; + display: block; + text-align: center; } .directorist-create-directory { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-family: "Inter"; - margin-left: -20px; + display: flex; + flex-direction: column; + font-family: "Inter"; + margin-left: -20px; } .directorist-create-directory * { - -webkit-box-flex: unset !important; - -webkit-flex-grow: unset !important; - -ms-flex-positive: unset !important; - flex-grow: unset !important; + flex-grow: unset !important; } .directorist-create-directory__wrapper { - width: 100%; - height: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 0; - margin: 50px 0; + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + padding: 0; + margin: 50px 0; } .directorist-create-directory__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - background-color: #ffffff; - padding: 12px 32px; - border-bottom: 1px solid #E5E7EB; + display: flex; + gap: 30px; + align-items: center; + justify-content: space-between; + background-color: #ffffff; + padding: 12px 32px; + border-bottom: 1px solid #e5e7eb; } .directorist-create-directory__logo { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 15px 25px; - border-right: 1px solid #e7e7e7; + display: flex; + align-self: stretch; + align-items: center; + padding: 15px 25px; + border-right: 1px solid #e7e7e7; } @media (max-width: 767px) { - .directorist-create-directory__logo { - border: none; - } + .directorist-create-directory__logo { + border: none; + } } .directorist-create-directory__logo img { - width: 140px; + width: 140px; } .directorist-create-directory__close__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 14px 16px; - font-size: 14px; - line-height: 20px; - font-weight: 500; - color: #141921; + display: flex; + gap: 8px; + align-items: center; + padding: 14px 16px; + font-size: 14px; + line-height: 20px; + font-weight: 500; + color: #141921; } .directorist-create-directory__close__btn svg { - -webkit-box-flex: unset; - -webkit-flex-grow: unset; - -ms-flex-positive: unset; - flex-grow: unset; + flex-grow: unset; } .directorist-create-directory__close__btn svg path { - fill: #b7b7b7; - -webkit-transition: fill 0.3s ease; - transition: fill 0.3s ease; + fill: #b7b7b7; + transition: fill 0.3s ease; } .directorist-create-directory__close__btn:hover svg path { - fill: #4353ff; + fill: #4353ff; } .directorist-create-directory__upgrade { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; + display: flex; + gap: 12px; } .directorist-create-directory__upgrade__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 4px; - font-size: 12px; - line-height: 16px; - font-weight: 600; - color: #141921; - margin: 0; + display: flex; + gap: 4px; + font-size: 12px; + line-height: 16px; + font-weight: 600; + color: #141921; + margin: 0; } .directorist-create-directory__upgrade__link { - font-size: 10px; - line-height: 12px; - font-weight: 500; - color: #3E62F5; - margin: 0; - text-decoration: underline; + font-size: 10px; + line-height: 12px; + font-weight: 500; + color: #3e62f5; + margin: 0; + text-decoration: underline; } .directorist-create-directory__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 32px; + display: flex; + gap: 12px; + flex-direction: column; + padding: 32px; } .directorist-create-directory__info__title { - font-size: 20px; - line-height: 28px; - font-weight: 600; - margin: 0 0 4px; + font-size: 20px; + line-height: 28px; + font-weight: 600; + margin: 0 0 4px; } .directorist-create-directory__info__desc { - font-size: 14px; - line-height: 22px; - font-weight: 400; - margin: 0; + font-size: 14px; + line-height: 22px; + font-weight: 400; + margin: 0; } .directorist-create-directory__footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - padding: 15px 25px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - background-color: #ffffff; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + display: flex; + gap: 30px; + padding: 15px 25px; + align-items: center; + justify-content: space-between; + background-color: #ffffff; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } @media (max-width: 375px) { - .directorist-create-directory__footer { - gap: 20px; - padding: 30px 20px; - } + .directorist-create-directory__footer { + gap: 20px; + padding: 30px 20px; + } } .directorist-create-directory__btn { - padding: 0 20px; - height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 20px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - font-size: 15px; - background-color: #4353ff; - border-color: #4353ff; - color: #fff; - border: none; - cursor: pointer; - white-space: nowrap; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + padding: 0 20px; + height: 40px; + display: flex; + align-items: center; + gap: 20px; + justify-content: center; + border-radius: 8px; + font-size: 15px; + background-color: #4353ff; + border-color: #4353ff; + color: #fff; + border: none; + cursor: pointer; + white-space: nowrap; + transition: opacity 0.3s ease; } .directorist-create-directory__btn:hover { - opacity: 0.85; + opacity: 0.85; } -.directorist-create-directory__btn:disabled, .directorist-create-directory__btn.disabled { - opacity: 0.5; - pointer-events: none; - cursor: not-allowed; +.directorist-create-directory__btn:disabled, +.directorist-create-directory__btn.disabled { + opacity: 0.5; + pointer-events: none; + cursor: not-allowed; } @media (max-width: 375px) { - .directorist-create-directory__btn { - gap: 15px; - } + .directorist-create-directory__btn { + gap: 15px; + } } .directorist-create-directory__btn--skip { - background: transparent; - color: #000; - padding: 0; + background: transparent; + color: #000; + padding: 0; } .directorist-create-directory__btn--full { - width: 100%; - text-align: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + text-align: center; + box-sizing: border-box; } .directorist-create-directory__btn--return { - color: #141414; - background: #ebebeb; + color: #141414; + background: #ebebeb; } .directorist-create-directory__btn--next { - position: relative; - gap: 8px; - padding: 0 16px; - font-size: 14px; - font-weight: 600; - background-color: #3E62F5; - border-color: #3E62F5; - -webkit-box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); - box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); + position: relative; + gap: 8px; + padding: 0 16px; + font-size: 14px; + font-weight: 600; + background-color: #3e62f5; + border-color: #3e62f5; + box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); } .directorist-create-directory__btn.loading { - position: relative; + position: relative; } .directorist-create-directory__btn.loading:before { - content: ""; - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - border-radius: 8px; - background-color: rgba(0, 0, 0, 0.5); + content: ""; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + border-radius: 8px; + background-color: rgba(0, 0, 0, 0.5); } .directorist-create-directory__btn.loading:after { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 20px; - height: 20px; - border-radius: 50%; - border: 2px solid #ffffff; - border-top-color: #4353ff; - position: absolute; - top: 10px; - right: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - -webkit-animation: spin 3s linear infinite; - animation: spin 3s linear infinite; + content: ""; + display: inline-flex; + width: 20px; + height: 20px; + border-radius: 50%; + border: 2px solid #ffffff; + border-top-color: #4353ff; + position: absolute; + top: 10px; + right: 50%; + transform: translateX(-50%); + animation: spin 3s linear infinite; } .directorist-create-directory__next { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + gap: 8px; + align-items: center; } .directorist-create-directory__next img { - max-width: 10px; + max-width: 10px; } .directorist-create-directory__next .directorist_regenerate_fields { - gap: 8px; - font-size: 14px; - line-height: 20px; - font-weight: 500; - color: #3E62F5 !important; - background: transparent !important; - border-color: transparent !important; + gap: 8px; + font-size: 14px; + line-height: 20px; + font-weight: 500; + color: #3e62f5 !important; + background: transparent !important; + border-color: transparent !important; } .directorist-create-directory__next .directorist_regenerate_fields.loading { - pointer-events: none; + pointer-events: none; } .directorist-create-directory__next .directorist_regenerate_fields.loading svg { - -webkit-animation: spin 2s linear infinite; - animation: spin 2s linear infinite; + animation: spin 2s linear infinite; } -.directorist-create-directory__next .directorist_regenerate_fields.loading:before, .directorist-create-directory__next .directorist_regenerate_fields.loading:after { - display: none; +.directorist-create-directory__next + .directorist_regenerate_fields.loading:before, +.directorist-create-directory__next + .directorist_regenerate_fields.loading:after { + display: none; } @media (max-width: 375px) { - .directorist-create-directory__next { - gap: 15px; - } + .directorist-create-directory__next { + gap: 15px; + } } .directorist-create-directory__back { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; + display: flex; + gap: 8px; } .directorist-create-directory__back__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - color: #141921; - font-size: 14px; - font-weight: 500; - line-height: 20px; + display: flex; + align-items: center; + gap: 8px; + color: #141921; + font-size: 14px; + font-weight: 500; + line-height: 20px; } .directorist-create-directory__back__btn svg, .directorist-create-directory__back__btn img { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directorist-create-directory__back__btn:hover { - color: #3E62F5; + color: #3e62f5; } .directorist-create-directory__back__btn:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + box-shadow: none; } .directorist-create-directory__back__btn.disabled { - opacity: 0.5; - pointer-events: none; - cursor: not-allowed; + opacity: 0.5; + pointer-events: none; + cursor: not-allowed; } .directorist-create-directory__step { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + gap: 12px; + align-items: center; + justify-content: center; } .directorist-create-directory__step .atbdp-setup-steps { - width: 100%; - max-width: 130px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0; - margin: 0; - list-style: none; - border-radius: 4px; - overflow: hidden; + width: 100%; + max-width: 130px; + display: flex; + flex-wrap: wrap; + padding: 0; + margin: 0; + list-style: none; + border-radius: 4px; + overflow: hidden; } .directorist-create-directory__step .atbdp-setup-steps li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - position: relative; - margin: 0; - -webkit-flex-grow: 1 !important; - -ms-flex-positive: 1 !important; - flex-grow: 1 !important; + display: flex; + flex: 1; + position: relative; + margin: 0; + flex-grow: 1 !important; } .directorist-create-directory__step .atbdp-setup-steps li:after { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 100%; - height: 8px; - background-color: #D2D6DB; -} -.directorist-create-directory__step .atbdp-setup-steps li.done:after, .directorist-create-directory__step .atbdp-setup-steps li.active:after { - background-color: #6E89F7; + content: ""; + display: inline-flex; + width: 100%; + height: 8px; + background-color: #d2d6db; +} +.directorist-create-directory__step .atbdp-setup-steps li.done:after, +.directorist-create-directory__step .atbdp-setup-steps li.active:after { + background-color: #6e89f7; } .directorist-create-directory__step .step-count { - font-size: 14px; - line-height: 19px; - font-weight: 600; - color: #747C89; + font-size: 14px; + line-height: 19px; + font-weight: 600; + color: #747c89; } .directorist-create-directory__content { - border-radius: 10px; - border: 1px solid #E5E7EB; - background-color: white; - -webkit-box-shadow: 0px 3px 2px -1px rgba(27, 36, 44, 0.02), 0px 15px 24px -6px rgba(27, 36, 44, 0.08); - box-shadow: 0px 3px 2px -1px rgba(27, 36, 44, 0.02), 0px 15px 24px -6px rgba(27, 36, 44, 0.08); - max-width: 622px; - min-width: 622px; - overflow: auto; - margin: 0 auto; + border-radius: 10px; + border: 1px solid #e5e7eb; + background-color: white; + box-shadow: + 0px 3px 2px -1px rgba(27, 36, 44, 0.02), + 0px 15px 24px -6px rgba(27, 36, 44, 0.08); + max-width: 622px; + min-width: 622px; + overflow: auto; + margin: 0 auto; } .directorist-create-directory__content.full-width { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - height: 100vh; - max-width: 100%; - min-width: 100%; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - border-radius: unset; - background-color: transparent; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + height: 100vh; + max-width: 100%; + min-width: 100%; + border: none; + box-shadow: none; + border-radius: unset; + background-color: transparent; } .directorist-create-directory__content::-webkit-scrollbar { - display: none; + display: none; } .directorist-create-directory__content__items { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 28px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 32px; - width: 100%; - margin: 0 auto; - background-color: #ffffff; - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + display: flex; + gap: 28px; + flex-wrap: wrap; + padding: 32px; + width: 100%; + margin: 0 auto; + background-color: #ffffff; + border-radius: 8px; + box-sizing: border-box; } .directorist-create-directory__content__items--columns { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .directorist-create-directory__content__form-group-label { - color: #141921; - font-size: 14px; - font-weight: 600; - line-height: 20px; - margin-bottom: 12px; - display: block; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + color: #141921; + font-size: 14px; + font-weight: 600; + line-height: 20px; + margin-bottom: 12px; + display: block; + align-items: center; } .directorist-create-directory__content__form-group-label .required-label { - color: #D94A4A; - font-weight: 600; + color: #d94a4a; + font-weight: 600; } .directorist-create-directory__content__form-group-label .optional-label { - color: #7E8C9A; - font-weight: 400; + color: #7e8c9a; + font-weight: 400; } .directorist-create-directory__content__form-group { - width: 100%; + width: 100%; } .directorist-create-directory__content__input.form-control { - max-width: 100%; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 7px 16px 7px 44px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - border-radius: 8px; - border: 1px solid #D2D6DB; - background-color: white; - color: #747C89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; - overflow: hidden; - -webkit-transition: 0.3s; - transition: 0.3s; - appearance: none; - -webkit-appearance: none; - -moz-appearance: none; + max-width: 100%; + width: 100%; + display: flex; + padding: 7px 16px 7px 44px; + align-items: center; + gap: 8px; + align-self: stretch; + border-radius: 8px; + border: 1px solid #d2d6db; + background-color: white; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; + overflow: hidden; + transition: 0.3s; + appearance: none; + -webkit-appearance: none; + -moz-appearance: none; } .directorist-create-directory__content__input.form-control.--textarea { - resize: none; - min-height: 148px; - max-height: 148px; - background-color: #F9FAFB; - white-space: wrap; - overflow: auto; + resize: none; + min-height: 148px; + max-height: 148px; + background-color: #f9fafb; + white-space: wrap; + overflow: auto; } .directorist-create-directory__content__input.form-control.--textarea:focus { - background-color: white; + background-color: white; } .directorist-create-directory__content__input.form-control.--icon-none { - padding: 7px 16px; -} -.directorist-create-directory__content__input.form-control::-webkit-input-placeholder { - overflow: hidden; - color: #747C89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; -} -.directorist-create-directory__content__input.form-control::-moz-placeholder { - overflow: hidden; - color: #747C89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; -} -.directorist-create-directory__content__input.form-control:-ms-input-placeholder { - overflow: hidden; - color: #747C89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; -} -.directorist-create-directory__content__input.form-control::-ms-input-placeholder { - overflow: hidden; - color: #747C89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; + padding: 7px 16px; } .directorist-create-directory__content__input.form-control::placeholder { - overflow: hidden; - color: #747C89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; -} -.directorist-create-directory__content__input.form-control:focus, .directorist-create-directory__content__input.form-control:hover { - color: #141921; - border-color: #3E62F5; - -webkit-box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3); - box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3); -} -.directorist-create-directory__content__input[name=directory-location]::-webkit-search-cancel-button { - position: relative; - right: 0; - margin: 0; - height: 20px; - width: 20px; - background: #D1D1D7; - -webkit-appearance: none; - -webkit-mask-image: url(../js/84c98516c08c2bf40588.svg); - mask-image: url(../js/84c98516c08c2bf40588.svg); -} -.directorist-create-directory__content__input.empty, .directorist-create-directory__content__input.max-char-reached { - border-color: #ff0808 !important; - -webkit-box-shadow: 0px 0px 3px 3px rgba(212, 15, 15, 0.3) !important; - box-shadow: 0px 0px 3px 3px rgba(212, 15, 15, 0.3) !important; + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; +} +.directorist-create-directory__content__input.form-control:focus, +.directorist-create-directory__content__input.form-control:hover { + color: #141921; + border-color: #3e62f5; + box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3); +} +.directorist-create-directory__content__input[name="directory-location"]::-webkit-search-cancel-button { + position: relative; + right: 0; + margin: 0; + height: 20px; + width: 20px; + background: #d1d1d7; + -webkit-appearance: none; + mask-image: url(../js/../images/fbe9a71fb4cca6c00727edfa817798b2.svg); +} +.directorist-create-directory__content__input.empty, +.directorist-create-directory__content__input.max-char-reached { + border-color: #ff0808 !important; + box-shadow: 0px 0px 3px 3px rgba(212, 15, 15, 0.3) !important; } .directorist-create-directory__content__input ~ .character-count { - width: 100%; - text-align: end; - font-size: 12px; - line-height: 20px; - font-weight: 500; - color: #555F6D; - margin-top: 8px; + width: 100%; + text-align: end; + font-size: 12px; + line-height: 20px; + font-weight: 500; + color: #555f6d; + margin-top: 8px; } .directorist-create-directory__content__input-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - position: relative; - color: #747C89; + display: flex; + align-items: center; + flex-wrap: wrap; + position: relative; + color: #747c89; } .directorist-create-directory__content__input-group.--options { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 12px; -} -.directorist-create-directory__content__input-group.--options .--options-wrapper { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px 10px; + flex-direction: column; + align-items: flex-start; + gap: 12px; +} +.directorist-create-directory__content__input-group.--options + .--options-wrapper { + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 15px 10px; } .directorist-create-directory__content__input-group.--options .--options-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - overflow: hidden; - color: #747C89; - text-overflow: ellipsis; - font-size: 14px; - font-weight: 400; - line-height: 24px; + display: flex; + align-items: center; + gap: 8px; + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + font-size: 14px; + font-weight: 400; + line-height: 24px; } .directorist-create-directory__content__input-group.--options .--options-right { - font-size: 12px; - font-weight: 400; - line-height: 20px; - letter-spacing: 0.12px; + font-size: 12px; + font-weight: 400; + line-height: 20px; + letter-spacing: 0.12px; } -.directorist-create-directory__content__input-group.--options .--options-right strong { - font-weight: 500; +.directorist-create-directory__content__input-group.--options + .--options-right + strong { + font-weight: 500; } .directorist-create-directory__content__input-group.--options .--hit-button { - border-radius: 4px; - background: #E5E7EB; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0px 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - overflow: hidden; - color: #141921; - text-overflow: ellipsis; - font-size: 12px; - font-weight: 400; - line-height: 24px; -} -.directorist-create-directory__content__input-group.--options .--hit-button strong { - font-weight: 500; -} -.directorist-create-directory__content__input-group:hover .directorist-create-directory__content__input-icon svg { - color: #141921; + border-radius: 4px; + background: #e5e7eb; + display: flex; + padding: 0px 8px; + align-items: center; + gap: 6px; + overflow: hidden; + color: #141921; + text-overflow: ellipsis; + font-size: 12px; + font-weight: 400; + line-height: 24px; +} +.directorist-create-directory__content__input-group.--options + .--hit-button + strong { + font-weight: 500; +} +.directorist-create-directory__content__input-group:hover + .directorist-create-directory__content__input-icon + svg { + color: #141921; } .directorist-create-directory__content__input-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - position: absolute; - top: 10px; - left: 20px; - pointer-events: none; + display: flex; + align-items: center; + position: absolute; + top: 10px; + left: 20px; + pointer-events: none; } .directorist-create-directory__content__input-icon svg, .directorist-create-directory__content__input-icon img { - width: 20px; - height: 20px; - -webkit-transition: 0.3s; - transition: 0.3s; + width: 20px; + height: 20px; + transition: 0.3s; } .directorist-create-directory__content__footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 20px 32px; - border-top: 1px solid #E5E7EB; + display: flex; + gap: 30px; + align-items: center; + justify-content: space-between; + padding: 20px 32px; + border-top: 1px solid #e5e7eb; } .directorist-create-directory__content__btns { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + gap: 15px; + flex-wrap: wrap; + justify-content: center; } .directorist-create-directory__content__notice { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 14px; - font-weight: 500; - color: #484848; - -webkit-transition: color 0.3s eases; - transition: color 0.3s eases; + display: flex; + gap: 5px; + align-items: center; + justify-content: center; + font-size: 14px; + font-weight: 500; + color: #484848; + transition: color 0.3s eases; } .directorist-create-directory__content__notice:hover { - color: #4353ff; + color: #4353ff; } .directorist-create-directory__generate { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; } .directorist-create-directory__generate .directory-img { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 4px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-create-directory__generate .directory-img #directory-img__generating { - width: 48px; - height: 48px; -} -.directorist-create-directory__generate .directory-img #directory-img__building { - width: 322px; - height: auto; + display: flex; + padding: 4px; + justify-content: center; + align-items: center; +} +.directorist-create-directory__generate + .directory-img + #directory-img__generating { + width: 48px; + height: 48px; +} +.directorist-create-directory__generate + .directory-img + #directory-img__building { + width: 322px; + height: auto; } .directorist-create-directory__generate .directory-img svg { - width: var(--Large, 48px); - height: var(--Large, 48px); + width: var(--Large, 48px); + height: var(--Large, 48px); } .directorist-create-directory__generate .directory-title { - color: #141921; - font-size: 18px; - font-weight: 700; - line-height: 32px; - margin: 16px 0 4px; + color: #141921; + font-size: 18px; + font-weight: 700; + line-height: 32px; + margin: 16px 0 4px; } .directorist-create-directory__generate .directory-description { - color: #4D5761; - font-size: 12px; - font-weight: 400; - line-height: 20px; - margin-top: 0; - margin-bottom: 40px; + color: #4d5761; + font-size: 12px; + font-weight: 400; + line-height: 20px; + margin-top: 0; + margin-bottom: 40px; } .directorist-create-directory__generate .directory-description strong { - font-weight: 600; + font-weight: 600; } .directorist-create-directory__checkbox-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + align-items: center; + flex-wrap: wrap; } .directorist-create-directory__checkbox-wrapper.--gap-12 { - gap: 12px; + gap: 12px; } .directorist-create-directory__checkbox-wrapper.--gap-8 { - gap: 8px; + gap: 8px; } .directorist-create-directory__checkbox-wrapper.--svg-size-16 label svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .directorist-create-directory__checkbox-wrapper.--svg-size-20 label svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directorist-create-directory__checkbox { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; + display: flex; + align-items: center; + gap: 10px; } @media (max-width: 480px) { - .directorist-create-directory__checkbox { - width: 100%; - } - .directorist-create-directory__checkbox label { - width: 100%; - } -} -.directorist-create-directory__checkbox__others .directorist-create-directory__content__input-icon { - top: 8px; - left: 16px; -} -.directorist-create-directory__checkbox__others .directorist-create-directory__content__input-icon svg { - width: 16px; - height: 16px; -} -.directorist-create-directory__checkbox__others .directorist-create-directory__content__input { - padding: 4px 16px 4px 36px; + .directorist-create-directory__checkbox { + width: 100%; + } + .directorist-create-directory__checkbox label { + width: 100%; + } +} +.directorist-create-directory__checkbox__others + .directorist-create-directory__content__input-icon { + top: 8px; + left: 16px; +} +.directorist-create-directory__checkbox__others + .directorist-create-directory__content__input-icon + svg { + width: 16px; + height: 16px; +} +.directorist-create-directory__checkbox__others + .directorist-create-directory__content__input { + padding: 4px 16px 4px 36px; } .directorist-create-directory__checkbox--custom { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - display: none; + flex: 0 0 100%; + display: none; } .directorist-create-directory__checkbox label { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - height: 32px; - font-size: 12px; - font-weight: 600; - line-height: 16px; - letter-spacing: 0.12px; - color: #4D5761; - border: 1px solid #F3F4F6; - background-color: #F3F4F6; - padding: 0 12px; - border-radius: 4px; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; -} -.directorist-create-directory__checkbox input[type=checkbox] { - display: none; -} -.directorist-create-directory__checkbox input[type=checkbox]:hover ~ label, .directorist-create-directory__checkbox input[type=checkbox]:focus ~ label { - color: #383F47; - background-color: #E5E7EB; - border-color: #E5E7EB; -} -.directorist-create-directory__checkbox input[type=checkbox]:checked ~ label { - color: #FFFfff; - background-color: #6E89F7; - border-color: #6E89F7; -} -.directorist-create-directory__checkbox input[type=checkbox]:disabled ~ label { - background-color: #F3F4F6; - color: #4D5761; - opacity: 0.5; - cursor: not-allowed; - pointer-events: none; -} -.directorist-create-directory__checkbox input[type=radio] { - display: none; -} -.directorist-create-directory__checkbox input[type=radio]:hover ~ label, .directorist-create-directory__checkbox input[type=radio]:focus ~ label { - color: #383F47; - background-color: #E5E7EB; - border-color: #E5E7EB; -} -.directorist-create-directory__checkbox input[type=radio]:checked ~ label { - color: #FFFfff; - background-color: #6E89F7; - border-color: #6E89F7; -} -.directorist-create-directory__checkbox input[type=radio]:disabled ~ label { - background-color: #F3F4F6; - color: #4D5761; - opacity: 0.5; - cursor: not-allowed; - pointer-events: none; -} -.directorist-create-directory__checkbox input[type=text] { - width: 100%; - height: 42px; - border-radius: 4px; - padding: 0 16px; - background-color: #ebebeb; - border: none; - outline: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-create-directory__checkbox input[type=text]::-webkit-input-placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; -} -.directorist-create-directory__checkbox input[type=text]::-moz-placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; -} -.directorist-create-directory__checkbox input[type=text]:-ms-input-placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; -} -.directorist-create-directory__checkbox input[type=text]::-ms-input-placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; -} -.directorist-create-directory__checkbox input[type=text]::placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; + position: relative; + display: flex; + align-items: center; + gap: 8px; + height: 32px; + font-size: 12px; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.12px; + color: #4d5761; + border: 1px solid #f3f4f6; + background-color: #f3f4f6; + padding: 0 12px; + border-radius: 4px; + transition: background-color 0.3s ease; + box-sizing: border-box; + cursor: pointer; +} +.directorist-create-directory__checkbox input[type="checkbox"] { + display: none; +} +.directorist-create-directory__checkbox input[type="checkbox"]:hover ~ label, +.directorist-create-directory__checkbox input[type="checkbox"]:focus ~ label { + color: #383f47; + background-color: #e5e7eb; + border-color: #e5e7eb; +} +.directorist-create-directory__checkbox input[type="checkbox"]:checked ~ label { + color: #ffffff; + background-color: #6e89f7; + border-color: #6e89f7; +} +.directorist-create-directory__checkbox + input[type="checkbox"]:disabled + ~ label { + background-color: #f3f4f6; + color: #4d5761; + opacity: 0.5; + cursor: not-allowed; + pointer-events: none; +} +.directorist-create-directory__checkbox input[type="radio"] { + display: none; +} +.directorist-create-directory__checkbox input[type="radio"]:hover ~ label, +.directorist-create-directory__checkbox input[type="radio"]:focus ~ label { + color: #383f47; + background-color: #e5e7eb; + border-color: #e5e7eb; +} +.directorist-create-directory__checkbox input[type="radio"]:checked ~ label { + color: #ffffff; + background-color: #6e89f7; + border-color: #6e89f7; +} +.directorist-create-directory__checkbox input[type="radio"]:disabled ~ label { + background-color: #f3f4f6; + color: #4d5761; + opacity: 0.5; + cursor: not-allowed; + pointer-events: none; +} +.directorist-create-directory__checkbox input[type="text"] { + width: 100%; + height: 42px; + border-radius: 4px; + padding: 0 16px; + background-color: #ebebeb; + border: none; + outline: none; + box-sizing: border-box; +} +.directorist-create-directory__checkbox input[type="text"]::placeholder { + font-size: 14px; + font-weight: 400; + color: #787878; } .directorist-create-directory__go-pro { - margin-top: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 8px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - border-radius: 6px; - border: 1px solid #9EB0FA; - background: #F0F3FF; + margin-top: 20px; + display: flex; + padding: 8px; + justify-content: space-between; + align-items: center; + align-self: stretch; + border-radius: 6px; + border: 1px solid #9eb0fa; + background: #f0f3ff; } .directorist-create-directory__go-pro-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 8px; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 10px; - color: #4D5761; - font-size: 14px; - font-weight: 400; - line-height: 20px; + display: flex; + padding: 8px; + align-items: flex-start; + gap: 10px; + color: #4d5761; + font-size: 14px; + font-weight: 400; + line-height: 20px; } .directorist-create-directory__go-pro-title svg { - padding: 4px 8px; - width: 32px; - max-height: 16px; - color: #3E62F5; + padding: 4px 8px; + width: 32px; + max-height: 16px; + color: #3e62f5; } .directorist-create-directory__go-pro-button a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 146px; - height: 32px; - padding: 0px 16px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - color: #141921; - font-size: 12px; - font-weight: 600; - line-height: 19px; - text-transform: capitalize; - border-radius: 6px; - border: 1px solid #D2D6DB; - background: #F0F3FF; - -webkit-box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); - box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + display: flex; + width: 146px; + height: 32px; + padding: 0px 16px; + justify-content: center; + align-items: center; + gap: 8px; + color: #141921; + font-size: 12px; + font-weight: 600; + line-height: 19px; + text-transform: capitalize; + border-radius: 6px; + border: 1px solid #d2d6db; + background: #f0f3ff; + box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); + box-sizing: border-box; + transition: opacity 0.3s ease; } .directorist-create-directory__go-pro-button a:hover { - background-color: #3E62F5; - border-color: #3E62F5; - color: white; - opacity: 0.85; + background-color: #3e62f5; + border-color: #3e62f5; + color: white; + opacity: 0.85; } .directorist-create-directory__counter { - width: 100%; - text-align: left; + width: 100%; + text-align: left; } .directorist-create-directory__counter__title { - font-size: 20px; - font-weight: 600; - color: #141414; - margin: 0 0 10px; + font-size: 20px; + font-weight: 600; + color: #141414; + margin: 0 0 10px; } .directorist-create-directory__counter__desc { - display: none; - font-size: 14px; - color: #404040; - margin: 0 0 10px; + display: none; + font-size: 14px; + color: #404040; + margin: 0 0 10px; } .directorist-create-directory__counter .selected_count { - color: #4353ff; + color: #4353ff; } .directorist-create-directory__introduction { - max-width: 700px; - margin: 0 auto; - text-align: center; - padding: 50px 0 100px; + max-width: 700px; + margin: 0 auto; + text-align: center; + padding: 50px 0 100px; } .directorist-create-directory__info { - text-align: center; + text-align: center; } .directorist-create-directory__box { - width: 100%; - max-width: 720px; - margin: 0 auto; - padding: 30px 40px 40px; - background-color: #ffffff; - border-radius: 8px; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + max-width: 720px; + margin: 0 auto; + padding: 30px 40px 40px; + background-color: #ffffff; + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + box-sizing: border-box; } @media (max-width: 480px) { - .directorist-create-directory__box { - padding: 30px 25px; - } + .directorist-create-directory__box { + padding: 30px 25px; + } } @media (max-width: 375px) { - .directorist-create-directory__box { - padding: 30px 20px; - } + .directorist-create-directory__box { + padding: 30px 20px; + } } .directorist-create-directory__box__content__title { - font-size: 24px; - font-weight: 400; - margin: 0 0 5px; - color: #141414; + font-size: 24px; + font-weight: 400; + margin: 0 0 5px; + color: #141414; } .directorist-create-directory__box__content__title--section { - font-size: 15px; - font-weight: 400; - color: #141414; - margin: 0 0 10px; + font-size: 15px; + font-weight: 400; + color: #141414; + margin: 0 0 10px; } .directorist-create-directory__box__content__desc { - font-size: 15px; - font-weight: 400; - margin: 0 0 25px; - color: #484848; + font-size: 15px; + font-weight: 400; + margin: 0 0 25px; + color: #484848; } .directorist-create-directory__box__content__form { - position: relative; + position: relative; } .directorist-create-directory__box__content__form:before { - content: ""; - background-image: url(../js/cd12c438bd56fbec79b3.svg); - background-repeat: no-repeat; - width: 14px; - height: 14px; - position: absolute; - left: 18px; - top: 14px; + content: ""; + background-image: url(../js/../images/2b491f8827936e353fbe598bfae84852.svg); + background-repeat: no-repeat; + width: 14px; + height: 14px; + position: absolute; + left: 18px; + top: 14px; } .directorist-create-directory__box__content__form .address_result { - background-color: #ffffff; - -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); - box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); + background-color: #ffffff; + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); } -.directorist-create-directory__box__content__form.directorist-search-field .directorist-create-directory__box__content__input--clear { - display: none; +.directorist-create-directory__box__content__form.directorist-search-field + .directorist-create-directory__box__content__input--clear { + display: none; } -.directorist-create-directory__box__content__form.directorist-search-field.input-is-focused .directorist-create-directory__box__content__input--clear { - display: block; +.directorist-create-directory__box__content__form.directorist-search-field.input-is-focused + .directorist-create-directory__box__content__input--clear { + display: block; } .directorist-create-directory__box__content__input { - width: 100%; - height: 44px; - border-radius: 8px; - padding: 0 40px; - padding-right: 60px; - outline: none; - background-color: #ebebeb; - border: 1px solid #ebebeb; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + height: 44px; + border-radius: 8px; + padding: 0 40px; + padding-right: 60px; + outline: none; + background-color: #ebebeb; + border: 1px solid #ebebeb; + box-sizing: border-box; } .directorist-create-directory__box__content__input--clear { - position: absolute; - right: 40px; - top: 14px; + position: absolute; + right: 40px; + top: 14px; } -.directorist-create-directory__box__content__input--clear .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #484848; +.directorist-create-directory__box__content__input--clear + .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: #484848; } .directorist-create-directory__box__content__location-icon { - position: absolute; - right: 18px; - top: 14px; + position: absolute; + right: 18px; + top: 14px; } -.directorist-create-directory__box__content__location-icon .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #484848; +.directorist-create-directory__box__content__location-icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: #484848; } .directorist-create-directory__map { - margin-top: 20px; + margin-top: 20px; } .directorist-create-directory__map #gmap { - height: 280px; - border-radius: 8px; + height: 280px; + border-radius: 8px; } .directorist-create-directory__map .leaflet-touch .leaflet-bar a { - background: #ffffff; + background: #ffffff; } .directorist-create-directory__notice { - position: absolute; - bottom: 10px; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - font-size: 12px; - font-weight: 600; - font-style: italic; - color: #f80718; + position: absolute; + bottom: 10px; + left: 50%; + transform: translateX(-50%); + font-size: 12px; + font-weight: 600; + font-style: italic; + color: #f80718; } .directorist-box { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 28px; - width: 100%; + display: flex; + align-items: flex-start; + flex-direction: column; + gap: 28px; + width: 100%; } .directorist-box__item { - width: 100%; + width: 100%; } .directorist-box__label { - display: block; - color: #141921; - font-family: Inter; - font-size: 14px; - font-style: normal; - font-weight: 600; - line-height: 20px; - margin-bottom: 8px; + display: block; + color: #141921; + font-family: Inter; + font-size: 14px; + font-style: normal; + font-weight: 600; + line-height: 20px; + margin-bottom: 8px; } .directorist-box__input-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 4px 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - border-radius: 8px; - border: 1px solid #d2d6db; - background: #fff; - -webkit-transition: 0.3s; - transition: 0.3s; -} -.directorist-box__input-wrapper:hover, .directorist-box__input-wrapper:focus { - border: 1px solid #3e62f5; - -webkit-box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3); - box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3); -} -.directorist-box__input[type=text] { - padding: 0 8px; - overflow: hidden; - color: #141921; - text-overflow: ellipsis; - white-space: nowrap; - font-family: Inter; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; - border: none !important; - outline: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - height: 30px; -} -.directorist-box__input[type=text]::-webkit-input-placeholder { - overflow: hidden; - color: #747c89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; -} -.directorist-box__input[type=text]::-moz-placeholder { - overflow: hidden; - color: #747c89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; -} -.directorist-box__input[type=text]:-ms-input-placeholder { - overflow: hidden; - color: #747c89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; -} -.directorist-box__input[type=text]::-ms-input-placeholder { - overflow: hidden; - color: #747c89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; -} -.directorist-box__input[type=text]::placeholder { - overflow: hidden; - color: #747c89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; + display: flex; + padding: 4px 8px; + align-items: center; + gap: 8px; + align-self: stretch; + border-radius: 8px; + border: 1px solid #d2d6db; + background: #fff; + transition: 0.3s; +} +.directorist-box__input-wrapper:hover, +.directorist-box__input-wrapper:focus { + border: 1px solid #3e62f5; + box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3); +} +.directorist-box__input[type="text"] { + padding: 0 8px; + overflow: hidden; + color: #141921; + text-overflow: ellipsis; + white-space: nowrap; + font-family: Inter; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; + border: none !important; + outline: none !important; + box-shadow: none !important; + height: 30px; +} +.directorist-box__input[type="text"]::placeholder { + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; } .directorist-box__tagList { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-align-content: center; - -ms-flex-line-pack: center; - align-content: center; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0; - margin: 0; - list-style: none; + display: flex; + align-items: center; + align-content: center; + gap: 8px; + flex-wrap: wrap; + padding: 0; + margin: 0; + list-style: none; } .directorist-box__tagList li { - margin: 0; + margin: 0; } .directorist-box__tagList li:not(:only-child, :last-child) { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 24px; - padding: 0 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - border-radius: 4px; - background: #f3f4f6; - margin: 0; - text-transform: capitalize; - color: #4d5761; - font-size: 12px; - font-weight: 600; - line-height: 16px; - letter-spacing: 0.12px; + display: flex; + height: 24px; + padding: 0 8px; + align-items: center; + gap: 8px; + border-radius: 4px; + background: #f3f4f6; + margin: 0; + text-transform: capitalize; + color: #4d5761; + font-size: 12px; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.12px; } .directorist-box__recommended-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; - padding: 0; - margin: 0; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 8px; + padding: 0; + margin: 0; } .directorist-box__recommended-list.recommend-disable { - opacity: 0.5; - pointer-events: none; + opacity: 0.5; + pointer-events: none; } .directorist-box__recommended-list li { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - height: 32px; - font-size: 12px; - font-weight: 600; - line-height: 16px; - letter-spacing: 0.12px; - color: #4d5761; - border: 1px solid #f3f4f6; - background-color: #f3f4f6; - padding: 0 12px; - border-radius: 4px; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; - margin: 0; + position: relative; + display: flex; + align-items: center; + gap: 8px; + height: 32px; + font-size: 12px; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.12px; + color: #4d5761; + border: 1px solid #f3f4f6; + background-color: #f3f4f6; + padding: 0 12px; + border-radius: 4px; + transition: background-color 0.3s ease; + box-sizing: border-box; + cursor: pointer; + margin: 0; } .directorist-box__recommended-list li:hover { - color: #383F47; - background-color: #E5E7EB; + color: #383f47; + background-color: #e5e7eb; } .directorist-box__recommended-list li.disabled { - display: none; + display: none; } .directorist-box__recommended-list li.free-disabled { - display: none; + display: none; } .directorist-box__recommended-list li.free-disabled:hover { - background-color: #cfd8dc; + background-color: #cfd8dc; } .directorist-box-options__wrapper { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px 10px; - margin-top: 12px; + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 15px 10px; + margin-top: 12px; } .directorist-box-options__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - overflow: hidden; - color: #747c89; - text-overflow: ellipsis; - font-size: 14px; - font-weight: 400; - line-height: 24px; + display: flex; + align-items: center; + gap: 8px; + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + font-size: 14px; + font-weight: 400; + line-height: 24px; } .directorist-box-options__right { - font-size: 12px; - font-weight: 400; - line-height: 20px; - letter-spacing: 0.12px; - color: #555f6d; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 5px; + font-size: 12px; + font-weight: 400; + line-height: 20px; + letter-spacing: 0.12px; + color: #555f6d; + display: inline-flex; + gap: 5px; } .directorist-box-options__right strong { - font-weight: 500; + font-weight: 500; } .directorist-box-options__hit-button { - border-radius: 4px; - background: #e5e7eb; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - overflow: hidden; - color: #141921; - text-overflow: ellipsis; - font-size: 12px; - font-weight: 400; - line-height: 24px; + border-radius: 4px; + background: #e5e7eb; + display: flex; + padding: 0 8px; + align-items: center; + gap: 6px; + overflow: hidden; + color: #141921; + text-overflow: ellipsis; + font-size: 12px; + font-weight: 400; + line-height: 24px; } .directorist-create-directory__go-pro { - margin-top: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 8px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - border-radius: 6px; - border: 1px solid #9eb0fa; - background: #f0f3ff; + margin-top: 20px; + display: flex; + padding: 8px; + justify-content: space-between; + align-items: center; + align-self: stretch; + border-radius: 6px; + border: 1px solid #9eb0fa; + background: #f0f3ff; } .directorist-create-directory__go-pro-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 8px; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 10px; - color: #4d5761; - font-size: 14px; - font-weight: 400; - line-height: 20px; + display: flex; + padding: 8px; + align-items: flex-start; + gap: 10px; + color: #4d5761; + font-size: 14px; + font-weight: 400; + line-height: 20px; } .directorist-create-directory__go-pro-title svg { - padding: 4px 8px; - width: 32px; - max-height: 16px; - color: #3e62f5; + padding: 4px 8px; + width: 32px; + max-height: 16px; + color: #3e62f5; } .directorist-create-directory__go-pro-button a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 146px; - height: 32px; - padding: 0 16px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - color: #141921; - font-size: 12px; - font-weight: 600; - line-height: 19px; - text-transform: capitalize; - border-radius: 6px; - border: 1px solid #d2d6db; - background: #f0f3ff; - -webkit-box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); - box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + display: flex; + width: 146px; + height: 32px; + padding: 0 16px; + justify-content: center; + align-items: center; + gap: 8px; + color: #141921; + font-size: 12px; + font-weight: 600; + line-height: 19px; + text-transform: capitalize; + border-radius: 6px; + border: 1px solid #d2d6db; + background: #f0f3ff; + box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); + transition: opacity 0.3s ease; } .directorist-create-directory__go-pro-button a:hover { - background-color: #3e62f5; - border-color: #3e62f5; - color: white; - opacity: 0.85; + background-color: #3e62f5; + border-color: #3e62f5; + color: white; + opacity: 0.85; } .directory-generate-btn { - margin-bottom: 20px; + margin-bottom: 20px; } .directory-generate-btn__content { - border-radius: 6px; - border-radius: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 12.5px 61px 12.5px 64px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border: 1px solid #E5E7EB; - background: #FFF; - -webkit-box-shadow: 0px 16px 24px -6px rgba(27, 36, 44, 0.16), 0px 2px 2px -1px rgba(27, 36, 44, 0.04); - box-shadow: 0px 16px 24px -6px rgba(27, 36, 44, 0.16), 0px 2px 2px -1px rgba(27, 36, 44, 0.04); - gap: 8px; - color: #141921; - font-size: 12px; - font-weight: 600; - line-height: 20px; - position: relative; - padding: 10px; - margin: 0 2px 3px 2px; - border-radius: 6px; + border-radius: 6px; + border-radius: 8px; + display: flex; + padding: 12.5px 61px 12.5px 64px; + justify-content: center; + align-items: center; + border: 1px solid #e5e7eb; + background: #fff; + box-shadow: + 0px 16px 24px -6px rgba(27, 36, 44, 0.16), + 0px 2px 2px -1px rgba(27, 36, 44, 0.04); + gap: 8px; + color: #141921; + font-size: 12px; + font-weight: 600; + line-height: 20px; + position: relative; + padding: 10px; + margin: 0 2px 3px 2px; + border-radius: 6px; } .directory-generate-btn--bg { - position: absolute; - top: 0; - left: 0; - height: 100%; - background-image: -webkit-gradient(linear, left top, left bottom, from(#EABAEB), to(#3E62F5)); - background-image: linear-gradient(#EABAEB, #3E62F5); - -webkit-transition: width 0.3s ease; - transition: width 0.3s ease; - border-radius: 8px; + position: absolute; + top: 0; + left: 0; + height: 100%; + background-image: linear-gradient(#eabaeb, #3e62f5); + transition: width 0.3s ease; + border-radius: 8px; } .directory-generate-btn svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directory-generate-btn__wrapper { - position: relative; - width: 347px; - background-color: white; - border-radius: 5px; - margin: 0 auto; - margin-bottom: 20px; + position: relative; + width: 347px; + background-color: white; + border-radius: 5px; + margin: 0 auto; + margin-bottom: 20px; } .directory-generate-progress-list { - margin-top: 34px; + margin-top: 34px; } .directory-generate-progress-list ul { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 18px; + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + align-items: center; + gap: 18px; } .directory-generate-progress-list ul li { - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 12px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - color: #4D5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 20px; + margin: 0; + display: flex; + justify-content: center; + align-items: flex-start; + gap: 12px; + align-self: stretch; + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 20px; } .directory-generate-progress-list ul li svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directory-generate-progress-list__btn { - position: relative; - gap: 8px; - padding: 0 16px; - font-size: 14px; - font-weight: 600; - background-color: #3E62F5; - border: 1px solid #3E62F5; - color: #fff !important; - -webkit-box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); - box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); - height: 40px; - border-radius: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 100%; - margin-top: 32px; - margin-bottom: 30px; + position: relative; + gap: 8px; + padding: 0 16px; + font-size: 14px; + font-weight: 600; + background-color: #3e62f5; + border: 1px solid #3e62f5; + color: #fff !important; + box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); + height: 40px; + border-radius: 8px; + display: flex; + align-items: center; + justify-content: center; + width: 100%; + margin-top: 32px; + margin-bottom: 30px; } .directory-generate-progress-list__btn svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directory-generate-progress-list__btn.disabled { - opacity: 0.5; - pointer-events: none; + opacity: 0.5; + pointer-events: none; } .directorist-ai-generate-box { - background-color: white; - padding: 32px; + background-color: white; + padding: 32px; } .directorist-ai-generate-box__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; - margin-bottom: 32px; + display: flex; + align-items: center; + gap: 12px; + margin-bottom: 32px; } .directorist-ai-generate-box__header svg { - width: 40px; - height: 40px; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; + width: 40px; + height: 40px; + flex-shrink: 0; } .directorist-ai-generate-box__title { - margin-left: 10px; + margin-left: 10px; } .directorist-ai-generate-box__title h6 { - margin: 0; - color: #2c3239; - font-family: Inter; - font-size: 18px; - font-style: normal; - font-weight: 600; - line-height: 22px; + margin: 0; + color: #2c3239; + font-family: Inter; + font-size: 18px; + font-style: normal; + font-weight: 600; + line-height: 22px; } .directorist-ai-generate-box__title p { - color: #4d5761; - font-size: 14px; - font-weight: 400; - line-height: 22px; - margin: 0; + color: #4d5761; + font-size: 14px; + font-weight: 400; + line-height: 22px; + margin: 0; } .directorist-ai-generate-box__items { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 24px; - border-radius: 8px; - background: #f3f4f6; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 8px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - margin: 0; - max-height: 540px; - overflow-y: auto; + display: flex; + padding: 24px; + border-radius: 8px; + background: #f3f4f6; + flex-direction: column; + align-items: flex-start; + gap: 8px; + align-self: stretch; + margin: 0; + max-height: 540px; + overflow-y: auto; } .directorist-ai-generate-box__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 10px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; -} -.directorist-ai-generate-box__item.pinned .directorist-ai-generate-dropdown__pin-icon svg { - color: #3E62F5; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 10px; + align-self: stretch; +} +.directorist-ai-generate-box__item.pinned + .directorist-ai-generate-dropdown__pin-icon + svg { + color: #3e62f5; } .directorist-ai-generate-dropdown { - border: 1px solid #e5e7eb; - border-radius: 8px; - background-color: #fff; - width: 100%; + border: 1px solid #e5e7eb; + border-radius: 8px; + background-color: #fff; + width: 100%; } -.directorist-ai-generate-dropdown[aria-expanded=true] .directorist-ai-generate-dropdown__header { - border-color: #e5e7eb; +.directorist-ai-generate-dropdown[aria-expanded="true"] + .directorist-ai-generate-dropdown__header { + border-color: #e5e7eb; } .directorist-ai-generate-dropdown__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 14px 16px; - border-radius: 8px 8px 0 0; - border-bottom: 1px solid transparent; + display: flex; + justify-content: space-between; + align-items: center; + padding: 14px 16px; + border-radius: 8px 8px 0 0; + border-bottom: 1px solid transparent; } .directorist-ai-generate-dropdown__header.has-options { - cursor: pointer; + cursor: pointer; } .directorist-ai-generate-dropdown__header-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } .directorist-ai-generate-dropdown__header-icon { - -webkit-transition: -webkit-transform 0.3s ease; - transition: -webkit-transform 0.3s ease; - transition: transform 0.3s ease; - transition: transform 0.3s ease, -webkit-transform 0.3s ease; + transition: transform 0.3s ease; } .directorist-ai-generate-dropdown__header-icon.rotate { - -webkit-transform: rotate(180deg); - transform: rotate(180deg); + transform: rotate(180deg); } .directorist-ai-generate-dropdown__pin-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0px 12px 0px 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - border-right: 1px solid #D2D6DB; - color: #4D5761; + display: flex; + padding: 0px 12px 0px 6px; + align-items: center; + gap: 10px; + align-self: stretch; + border-right: 1px solid #d2d6db; + color: #4d5761; } .directorist-ai-generate-dropdown__pin-icon:hover { - color: #3E62F5; + color: #3e62f5; } .directorist-ai-generate-dropdown__pin-icon svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directorist-ai-generate-dropdown__title-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #4D5761; - font-size: 28px; + display: flex; + align-items: center; + color: #4d5761; + font-size: 28px; } .directorist-ai-generate-dropdown__title-icon svg { - width: 28px; - height: 28px; + width: 28px; + height: 28px; } .directorist-ai-generate-dropdown__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0px 12px 0px 24px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; + display: flex; + padding: 0px 12px 0px 24px; + align-items: center; + gap: 12px; } .directorist-ai-generate-dropdown__title-main h6 { - color: #4D5761; - font-family: Inter; - font-size: 14px; - font-style: normal; - font-weight: 600; - line-height: 16.24px; - margin: 0; - text-transform: capitalize; + color: #4d5761; + font-family: Inter; + font-size: 14px; + font-style: normal; + font-weight: 600; + line-height: 16.24px; + margin: 0; + text-transform: capitalize; } .directorist-ai-generate-dropdown__title-main p { - color: #747C89; - font-family: Inter; - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 13.92px; - margin: 4px 0 0 0; + color: #747c89; + font-family: Inter; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 13.92px; + margin: 4px 0 0 0; } .directorist-ai-generate-dropdown__content { - display: none; - padding: 24px; - color: #747C89; - font-family: Inter; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 13.92px; -} -.directorist-ai-generate-dropdown__content[aria-expanded=true], .directorist-ai-generate-dropdown__content--expanded { - display: block; + display: none; + padding: 24px; + color: #747c89; + font-family: Inter; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 13.92px; +} +.directorist-ai-generate-dropdown__content[aria-expanded="true"], +.directorist-ai-generate-dropdown__content--expanded { + display: block; } .directorist-ai-generate-dropdown__header-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #4D5761; + display: flex; + align-items: center; + color: #4d5761; } .directorist-ai-generate-dropdown__header-icon svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directorist-ai-location-field__title { - color: #4D5761; - font-family: Inter; - font-size: 14px; - font-style: normal; - font-weight: 600; - line-height: 19px; - margin-bottom: 12px; + color: #4d5761; + font-family: Inter; + font-size: 14px; + font-style: normal; + font-weight: 600; + line-height: 19px; + margin-bottom: 12px; } .directorist-ai-location-field__title span { - color: #747C89; - font-weight: 500; + color: #747c89; + font-weight: 500; } .directorist-ai-location-field__content ul { - padding: 0; - margin: 0; - list-style: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 12px; + padding: 0; + margin: 0; + list-style: none; + display: flex; + flex-direction: column; + gap: 12px; } .directorist-ai-location-field__content ul li { - height: 32px; - padding: 8px 12px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - -webkit-box-flex: 1; - -webkit-flex: 1 0 0; - -ms-flex: 1 0 0px; - flex: 1 0 0; - border-radius: 4px; - background: #F3F4F6; - color: #4D5761; - font-size: 12px; - font-style: normal; - font-weight: 600; - line-height: 16px; - letter-spacing: 0.12px; + height: 32px; + padding: 8px 12px; + display: flex; + align-items: center; + gap: 8px; + flex: 1 0 0; + border-radius: 4px; + background: #f3f4f6; + color: #4d5761; + font-size: 12px; + font-style: normal; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.12px; } .directorist-ai-location-field__content ul li svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directorist-ai-checkbox-field__label { - color: #4D5761; - font-size: 14px; - font-style: normal; - font-weight: 600; - line-height: 19px; - margin-bottom: 16px; - display: block; + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 600; + line-height: 19px; + margin-bottom: 16px; + display: block; } .directorist-ai-checkbox-field__list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-align-content: flex-start; - -ms-flex-line-pack: start; - align-content: flex-start; - gap: 10px 34px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + align-items: flex-start; + align-content: flex-start; + gap: 10px 34px; + align-self: stretch; + flex-wrap: wrap; } .directorist-ai-checkbox-field__list-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 32px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - color: #4D5761; - font-size: 12px; - font-weight: 600; - line-height: 16px; - letter-spacing: 0.12px; + display: flex; + height: 32px; + align-items: center; + gap: 8px; + color: #4d5761; + font-size: 12px; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.12px; } .directorist-ai-checkbox-field__list-item svg { - width: 24px; - height: 24px; + width: 24px; + height: 24px; } .directorist-ai-checkbox-field__items { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 24px; + display: flex; + flex-direction: column; + gap: 24px; } .directorist-ai-keyword-field__label { - color: #4D5761; - font-size: 14px; - font-weight: 600; - line-height: 19px; - margin-bottom: 16px; - display: block; + color: #4d5761; + font-size: 14px; + font-weight: 600; + line-height: 19px; + margin-bottom: 16px; + display: block; } .directorist-ai-keyword-field__list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-align-content: flex-start; - -ms-flex-line-pack: start; - align-content: flex-start; - gap: 10px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + align-items: flex-start; + align-content: flex-start; + gap: 10px; + align-self: stretch; + flex-wrap: wrap; +} +.directorist-ai-keyword-field__list-item { + display: flex; + align-items: center; + gap: 8px; + border-radius: 4px; + background: #f3f4f6; + color: #4d5761; + font-size: 12px; + font-style: normal; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.12px; } .directorist-ai-keyword-field__list-item.--h-24 { - height: 24px; + height: 24px; } .directorist-ai-keyword-field__list-item.--h-32 { - height: 32px; + height: 32px; } .directorist-ai-keyword-field__list-item.--px-8 { - padding: 0px 8px; + padding: 0px 8px; } .directorist-ai-keyword-field__list-item.--px-12 { - padding: 0px 12px; -} -.directorist-ai-keyword-field__list-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - border-radius: 4px; - background: #F3F4F6; - color: #4D5761; - font-size: 12px; - font-style: normal; - font-weight: 600; - line-height: 16px; - letter-spacing: 0.12px; + padding: 0px 12px; } .directorist-ai-keyword-field__list-item svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directorist-ai-keyword-field__items { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 24px; + display: flex; + flex-direction: column; + gap: 24px; } @keyframes spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } } /* data Progressing */ -.directorist-create-directory__step .directorist-create-directory__content.hidden { - display: none; +.directorist-create-directory__step + .directorist-create-directory__content.hidden { + display: none; } .middle-content.middle-content-import { - background: white; - padding: 40px; - -webkit-box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1); - box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1); - width: 600px; - border-radius: 8px; + background: white; + padding: 40px; + box-shadow: + 0px 4px 6px -2px rgba(0, 0, 0, 0.05), + 0px 10px 15px -3px rgba(0, 0, 0, 0.1); + width: 600px; + border-radius: 8px; } .middle-content.hidden { - display: none; + display: none; } .directorist-import-progress-info-text { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-align-content: center; - -ms-flex-line-pack: center; - align-content: center; - grid-gap: 10px; + display: flex; + align-items: center; + align-content: center; + grid-gap: 10px; } .directorist-import-progress, .directorist-import-error { - margin-top: 25px; + margin-top: 25px; } .directorist-import-progress .directorist-import-progress-bar-wrap, .directorist-import-error .directorist-import-progress-bar-wrap { - position: relative; - overflow: hidden; + position: relative; + overflow: hidden; } .directorist-import-progress .import-progress-gap span, .directorist-import-error .import-progress-gap span { - background: white; - height: 6px; - position: absolute; - width: 10px; - top: -1px; + background: white; + height: 6px; + position: absolute; + width: 10px; + top: -1px; } .directorist-import-progress .import-progress-gap span:nth-child(1), .directorist-import-error .import-progress-gap span:nth-child(1) { - left: calc(25% - 10px); + left: calc(25% - 10px); } .directorist-import-progress .import-progress-gap span:nth-child(2), .directorist-import-error .import-progress-gap span:nth-child(2) { - left: calc(50% - 10px); + left: calc(50% - 10px); } .directorist-import-progress .import-progress-gap span:nth-child(3), .directorist-import-error .import-progress-gap span:nth-child(3) { - left: calc(75% - 10px); + left: calc(75% - 10px); } .directorist-import-progress .directorist-import-progress-bar-bg, .directorist-import-error .directorist-import-progress-bar-bg { - height: 4px; - background: #e5e7eb; - width: 100%; - position: relative; -} -.directorist-import-progress .directorist-import-progress-bar-bg .directorist-import-progress-bar, -.directorist-import-error .directorist-import-progress-bar-bg .directorist-import-progress-bar { - position: absolute; - left: 0; - top: 0; - background: #2563eb; - -webkit-transition: all 1s; - transition: all 1s; - width: 0%; - height: 100%; -} -.directorist-import-progress .directorist-import-progress-bar-bg .directorist-import-progress-bar.import-done, -.directorist-import-error .directorist-import-progress-bar-bg .directorist-import-progress-bar.import-done { - background: #38c172; + height: 4px; + background: #e5e7eb; + width: 100%; + position: relative; +} +.directorist-import-progress + .directorist-import-progress-bar-bg + .directorist-import-progress-bar, +.directorist-import-error + .directorist-import-progress-bar-bg + .directorist-import-progress-bar { + position: absolute; + left: 0; + top: 0; + background: #2563eb; + transition: all 1s; + width: 0%; + height: 100%; +} +.directorist-import-progress + .directorist-import-progress-bar-bg + .directorist-import-progress-bar.import-done, +.directorist-import-error + .directorist-import-progress-bar-bg + .directorist-import-progress-bar.import-done { + background: #38c172; } .directorist-import-progress .directorist-import-progress-info, .directorist-import-error .directorist-import-progress-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-top: 15px; - margin-bottom: 15px; + display: flex; + justify-content: space-between; + align-items: center; + margin-top: 15px; + margin-bottom: 15px; } .directorist-import-error .directorist-import-error-box { - overflow-y: scroll; + overflow-y: scroll; } .directorist-import-error .directorist-import-progress-bar-bg { - width: 100%; - margin-bottom: 15px; + width: 100%; + margin-bottom: 15px; } -.directorist-import-error .directorist-import-progress-bar-bg .directorist-import-progress-bar { - background: #2563eb; +.directorist-import-error + .directorist-import-progress-bar-bg + .directorist-import-progress-bar { + background: #2563eb; } .directorist-import-process-step-bottom { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; } .directorist-import-process-step-bottom img { - width: 335px; - text-align: center; - display: inline-block; - padding: 20px 10px 0; + width: 335px; + text-align: center; + display: inline-block; + padding: 20px 10px 0; } .import-done-congrats { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } .import-done-congrats span { - margin-left: 17px; + margin-left: 17px; } .import-done-section { - margin-top: 60px; + margin-top: 60px; } .import-done-section .tweet-import-success .tweet-text { - background: #ffffff; - border: 1px solid rgba(34, 101, 235, 0.1); - border-radius: 4px; - padding: 14px 21px 14px 21px; + background: #ffffff; + border: 1px solid rgba(34, 101, 235, 0.1); + border-radius: 4px; + padding: 14px 21px 14px 21px; } .import-done-section .tweet-import-success .twitter-btn-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 7px; - right: 30px; - position: absolute; - margin-top: 8px; - text-decoration: none; + display: flex; + align-items: center; + gap: 7px; + right: 30px; + position: absolute; + margin-top: 8px; + text-decoration: none; } .import-done-section .import-done-text { - margin-top: 60px; + margin-top: 60px; } .import-done-section .import-done-text .import-done-counter { - text-align: left; + text-align: left; } .import-done-section .import-done-text .import-done-button { - margin-top: 25px; + margin-top: 25px; } .directorist-import-done-inner, .import-done-counter, .import-done-section { - display: none; + display: none; } .import-done .import-status-string, .import-done .directorist-import-text-inner { - display: none; + display: none; } .import-done .import-done-counter, .import-done .directorist-import-done-inner, .import-done .import-done-section { - display: block; + display: block; } .import-progress-warning { - position: relative; - top: 10px; - font-size: 15px; - font-weight: 500; - color: #e91e63; - display: block; - text-align: center; + position: relative; + top: 10px; + font-size: 15px; + font-weight: 500; + color: #e91e63; + display: block; + text-align: center; } -/*# sourceMappingURL=admin-main.css.map*/ \ No newline at end of file +/*# sourceMappingURL=admin-main.css.map*/ diff --git a/assets/css/admin-main.rtl.css b/assets/css/admin-main.rtl.css index 9d761d4ff3..b21757d447 100644 --- a/assets/css/admin-main.rtl.css +++ b/assets/css/admin-main.rtl.css @@ -1,834 +1,796 @@ -/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\ - !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss ***! - \*****************************************************************************************************************************************************************************************************************************************************************************************************/ +/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/.pnpm/css-loader@3.6.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/.pnpm/resolve-url-loader@3.1.5/node_modules/resolve-url-loader/index.js!./node_modules/.pnpm/postcss-loader@3.0.0/node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.91.0_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss ***! + \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap); -/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\ - !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (1) ***! - \*********************************************************************************************************************************************************************************************************************************************************************************************************/ +/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/.pnpm/css-loader@3.6.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/.pnpm/resolve-url-loader@3.1.5/node_modules/resolve-url-loader/index.js!./node_modules/.pnpm/postcss-loader@3.0.0/node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.91.0_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (1) ***! + \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap); -/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\ - !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (2) ***! - \*********************************************************************************************************************************************************************************************************************************************************************************************************/ +/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/.pnpm/css-loader@3.6.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/.pnpm/resolve-url-loader@3.1.5/node_modules/resolve-url-loader/index.js!./node_modules/.pnpm/postcss-loader@3.0.0/node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.91.0_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (2) ***! + \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap); -/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\ - !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (3) ***! - \*********************************************************************************************************************************************************************************************************************************************************************************************************/ +/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/.pnpm/css-loader@3.6.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/.pnpm/resolve-url-loader@3.1.5/node_modules/resolve-url-loader/index.js!./node_modules/.pnpm/postcss-loader@3.0.0/node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.91.0_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (3) ***! + \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap); -/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\ - !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (4) ***! - \*********************************************************************************************************************************************************************************************************************************************************************************************************/ +/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/.pnpm/css-loader@3.6.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/.pnpm/resolve-url-loader@3.1.5/node_modules/resolve-url-loader/index.js!./node_modules/.pnpm/postcss-loader@3.0.0/node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.91.0_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/admin/admin-style.scss (4) ***! + \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* typography */ +#directiost-listing-fields_wrapper { + padding: 18px 20px; + /*********************************************************** + ************************************************************ + css for Custom Field + ************************************************************* + **************************************************************/ + /* + for shortable field*/ +} #directiost-listing-fields_wrapper .directorist-show { - display: block !important; + display: block !important; } #directiost-listing-fields_wrapper .directorist-hide { - display: none !important; -} -#directiost-listing-fields_wrapper { - padding: 18px 20px; + display: none !important; } #directiost-listing-fields_wrapper a:focus, #directiost-listing-fields_wrapper a:active { - -webkit-box-shadow: unset; - box-shadow: unset; - outline: none; + box-shadow: unset; + outline: none; } #directiost-listing-fields_wrapper .atcc_pt_40 { - padding-top: 40px; + padding-top: 40px; } #directiost-listing-fields_wrapper * { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } #directiost-listing-fields_wrapper .iris-picker, #directiost-listing-fields_wrapper .iris-picker * { - -webkit-box-sizing: content-box; - box-sizing: content-box; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; } #directiost-listing-fields_wrapper #gmap { - height: 350px; + height: 350px; } #directiost-listing-fields_wrapper label { - margin-bottom: 8px; - display: inline-block; - font-weight: 500; - font-size: 15px; - color: #202428; + margin-bottom: 8px; + display: inline-block; + font-weight: 500; + font-size: 15px; + color: #202428; } #directiost-listing-fields_wrapper .map_wrapper { - position: relative; + position: relative; } #directiost-listing-fields_wrapper .map_wrapper #floating-panel { - position: absolute; - z-index: 2; - left: 59px; - top: 10px; + position: absolute; + z-index: 2; + left: 59px; + top: 10px; } #directiost-listing-fields_wrapper a.btn { - text-decoration: none; + text-decoration: none; } -#directiost-listing-fields_wrapper [data-toggle=tooltip] { - color: #a1a1a7; - font-size: 12px; +#directiost-listing-fields_wrapper [data-toggle="tooltip"] { + color: #a1a1a7; + font-size: 12px; } -#directiost-listing-fields_wrapper [data-toggle=tooltip]:hover { - color: #202428; +#directiost-listing-fields_wrapper [data-toggle="tooltip"]:hover { + color: #202428; } #directiost-listing-fields_wrapper .single_prv_attachment { - text-align: center; + text-align: center; } #directiost-listing-fields_wrapper .single_prv_attachment div { - position: relative; - display: inline-block; + position: relative; + display: inline-block; } #directiost-listing-fields_wrapper .single_prv_attachment div .remove_prev_img { - position: absolute; - top: -5px; - left: -5px; - background-color: #d3d1ec; - line-height: 26px; - width: 26px; - border-radius: 50%; - -webkit-transition: 0.2s; - transition: 0.2s; - cursor: pointer; - color: #ffffff; - padding: 0; -} -#directiost-listing-fields_wrapper .single_prv_attachment div .remove_prev_img:hover { - color: #c81d1d; + position: absolute; + top: -5px; + left: -5px; + background-color: #d3d1ec; + line-height: 26px; + width: 26px; + border-radius: 50%; + transition: 0.2s; + cursor: pointer; + color: #ffffff; + padding: 0; +} +#directiost-listing-fields_wrapper + .single_prv_attachment + div + .remove_prev_img:hover { + color: #c81d1d; } #directiost-listing-fields_wrapper #listing_image_btn span { - vertical-align: text-bottom; + vertical-align: text-bottom; } #directiost-listing-fields_wrapper .default_img { - margin-bottom: 10px; - text-align: center; - margin-top: 10px; + margin-bottom: 10px; + text-align: center; + margin-top: 10px; } #directiost-listing-fields_wrapper .default_img small { - color: #7a82a6; - font-size: 13px; + color: #7a82a6; + font-size: 13px; } #directiost-listing-fields_wrapper .atbd_pricing_options { - margin-bottom: 15px; + margin-bottom: 15px; } #directiost-listing-fields_wrapper .atbd_pricing_options label { - font-size: 13px; + font-size: 13px; } #directiost-listing-fields_wrapper .atbd_pricing_options .bor { - margin: 0 15px; + margin: 0 15px; } #directiost-listing-fields_wrapper .atbd_pricing_options small { - font-size: 12px; - vertical-align: top; + font-size: 12px; + vertical-align: top; } -#directiost-listing-fields_wrapper .price-type-both select.directory_pricing_field { - display: none; +#directiost-listing-fields_wrapper + .price-type-both + select.directory_pricing_field { + display: none; } #directiost-listing-fields_wrapper .listing-img-container { - text-align: center; - padding: 10px 0 15px; + text-align: center; + padding: 10px 0 15px; } #directiost-listing-fields_wrapper .listing-img-container p { - margin-top: 15px; - margin-bottom: 4px; - color: #7a82a6; - font-size: 16px; + margin-top: 15px; + margin-bottom: 4px; + color: #7a82a6; + font-size: 16px; } #directiost-listing-fields_wrapper .listing-img-container small { - color: #7a82a6; - font-size: 13px; + color: #7a82a6; + font-size: 13px; } #directiost-listing-fields_wrapper .listing-img-container .single_attachment { - width: auto; - display: inline-block; - position: relative; -} -#directiost-listing-fields_wrapper .listing-img-container .single_attachment .remove_image { - position: absolute; - top: -5px; - left: -5px; - background-color: #d3d1ec; - line-height: 26px; - width: 26px; - height: 26px; - border-radius: 50%; - -webkit-transition: 0.2s; - transition: 0.2s; - cursor: pointer; - color: #9497A7; -} -#directiost-listing-fields_wrapper .listing-img-container .single_attachment .remove_image:hover { - color: #EF0000; + width: auto; + display: inline-block; + position: relative; +} +#directiost-listing-fields_wrapper + .listing-img-container + .single_attachment + .remove_image { + position: absolute; + top: -5px; + left: -5px; + background-color: #d3d1ec; + line-height: 26px; + width: 26px; + height: 26px; + border-radius: 50%; + transition: 0.2s; + cursor: pointer; + color: #9497a7; +} +#directiost-listing-fields_wrapper + .listing-img-container + .single_attachment + .remove_image:hover { + color: #ef0000; } #directiost-listing-fields_wrapper .field-options { - margin-bottom: 15px; + margin-bottom: 15px; } #directiost-listing-fields_wrapper .directorist-hide-if-no-js { - text-align: center; - margin: 0; + text-align: center; + margin: 0; } #directiost-listing-fields_wrapper .form-check { - margin-bottom: 25px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + margin-bottom: 25px; + display: flex; + align-items: center; } #directiost-listing-fields_wrapper .form-check input { - vertical-align: top; - margin-top: 0; + vertical-align: top; + margin-top: 0; } #directiost-listing-fields_wrapper .form-check .form-check-label { - margin: 0; - font-size: 15px; + margin: 0; + font-size: 15px; } #directiost-listing-fields_wrapper .atbd_optional_field { - margin-bottom: 15px; + margin-bottom: 15px; } #directiost-listing-fields_wrapper .extension_detail { - margin-top: 20px; + margin-top: 20px; } #directiost-listing-fields_wrapper .extension_detail .btn_wrapper { - margin-top: 25px; + margin-top: 25px; } #directiost-listing-fields_wrapper .extension_detail.ext_d { - min-height: 140px; - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + min-height: 140px; + position: relative; + display: flex; + flex-direction: column; + flex-wrap: wrap; } #directiost-listing-fields_wrapper .extension_detail.ext_d p { - margin: 0; + margin: 0; } #directiost-listing-fields_wrapper .extension_detail.ext_d .btn_wrapper { - width: 100%; - margin-top: auto; + width: 100%; + margin-top: auto; } #directiost-listing-fields_wrapper .extension_detail.ext_d > a, #directiost-listing-fields_wrapper .extension_detail.ext_d p, #directiost-listing-fields_wrapper .extension_detail.ext_d div { - display: block; + display: block; } #directiost-listing-fields_wrapper .extension_detail.ext_d > p { - margin-bottom: 15px; + margin-bottom: 15px; } #directiost-listing-fields_wrapper .ext_title a { - text-align: center; - text-decoration: none; - font-weight: 500; - font-size: 18px; - color: #202428; - -webkit-transition: 0.3s; - transition: 0.3s; - display: block; + text-align: center; + text-decoration: none; + font-weight: 500; + font-size: 18px; + color: #202428; + transition: 0.3s; + display: block; } #directiost-listing-fields_wrapper .ext_title:hover a { - color: #6e63ff; + color: #6e63ff; } #directiost-listing-fields_wrapper .ext_title .text-center { - text-align: center; + text-align: center; } #directiost-listing-fields_wrapper .attc_extension_wrapper { - margin-top: 30px; + margin-top: 30px; } -#directiost-listing-fields_wrapper .attc_extension_wrapper .col-md-4 .single_extension .btn { - padding: 3px 15px; - font-size: 14px; +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .col-md-4 + .single_extension + .btn { + padding: 3px 15px; + font-size: 14px; } #directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension { - margin-bottom: 30px; - background-color: #ffffff; - -webkit-box-shadow: 0px 5px 10px #e1e7f7; - box-shadow: 0px 5px 10px #e1e7f7; - padding: 25px; -} -#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension img { - width: 100%; -} -#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension.coming_soon img { - opacity: 0.6; -} -#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension.coming_soon a { - pointer-events: none !important; -} -#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension.coming_soon .ext_title a:after { - content: "(Coming Soon)"; - color: #ff0000; - font-size: 14px; -} -#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension.coming_soon .ext_title:hover a { - color: inherit; -} -#directiost-listing-fields_wrapper .attc_extension_wrapper .single_extension.coming_soon .btn { - opacity: 0.5; + margin-bottom: 30px; + background-color: #ffffff; + box-shadow: 0px 5px 10px #e1e7f7; + padding: 25px; +} +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .single_extension + img { + width: 100%; +} +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .single_extension.coming_soon + img { + opacity: 0.6; +} +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .single_extension.coming_soon + a { + pointer-events: none !important; +} +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .single_extension.coming_soon + .ext_title + a:after { + content: "(Coming Soon)"; + color: #ff0000; + font-size: 14px; +} +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .single_extension.coming_soon + .ext_title:hover + a { + color: inherit; +} +#directiost-listing-fields_wrapper + .attc_extension_wrapper + .single_extension.coming_soon + .btn { + opacity: 0.5; } #directiost-listing-fields_wrapper .attc_extension_wrapper__heading { - margin-bottom: 15px; + margin-bottom: 15px; } #directiost-listing-fields_wrapper .btn_wrapper a + a { - margin-right: 10px; + margin-right: 10px; } #directiost-listing-fields_wrapper.atbd_help_support .wrap_left { - width: 70%; + width: 70%; } #directiost-listing-fields_wrapper.atbd_help_support h3 { - font-size: 24px; + font-size: 24px; } #directiost-listing-fields_wrapper.atbd_help_support a { - color: #387dff; + color: #387dff; } #directiost-listing-fields_wrapper.atbd_help_support a:hover { - text-decoration: underline; + text-decoration: underline; } #directiost-listing-fields_wrapper.atbd_help_support .postbox { - padding: 30px; + padding: 30px; } #directiost-listing-fields_wrapper.atbd_help_support .postbox h3 { - margin-bottom: 20px; + margin-bottom: 20px; } #directiost-listing-fields_wrapper.atbd_help_support .wrap { - display: inline-block; - vertical-align: top; + display: inline-block; + vertical-align: top; } #directiost-listing-fields_wrapper.atbd_help_support .wrap_right { - width: 27%; + width: 27%; } #directiost-listing-fields_wrapper.atbd_help_support .wrap_right .postbox { - background-color: #0073aa; - border-radius: 3px; - -webkit-box-shadow: 0 10px 20px rgba(103, 103, 103, 0.27); - box-shadow: 0 10px 20px rgba(103, 103, 103, 0.27); + background-color: #0073aa; + border-radius: 3px; + box-shadow: 0 10px 20px rgba(103, 103, 103, 0.27); } #directiost-listing-fields_wrapper.atbd_help_support .wrap_right .postbox h3 { - color: #fff; - margin-bottom: 25px; + color: #fff; + margin-bottom: 25px; } #directiost-listing-fields_wrapper .shortcode_table td { - font-size: 14px; - line-height: 22px; + font-size: 14px; + line-height: 22px; } #directiost-listing-fields_wrapper ul.atbdp_pro_features li { - font-size: 16px; - margin-bottom: 12px; + font-size: 16px; + margin-bottom: 12px; } #directiost-listing-fields_wrapper ul.atbdp_pro_features li a { - color: #ededed; + color: #ededed; } #directiost-listing-fields_wrapper ul.atbdp_pro_features li a:hover { - color: #fff; + color: #fff; } #directiost-listing-fields_wrapper .atbdp-radio-list li label, #directiost-listing-fields_wrapper .atbdp-checkbox-list li label { - text-transform: capitalize; - font-size: 13px; + text-transform: capitalize; + font-size: 13px; } #directiost-listing-fields_wrapper .atbdp-radio-list li label input, #directiost-listing-fields_wrapper .atbdp-checkbox-list li label input { - margin-left: 7px; + margin-left: 7px; } #directiost-listing-fields_wrapper .single_thm .ext_title h4 { - text-align: center; + text-align: center; } #directiost-listing-fields_wrapper .single_thm .btn_wrapper { - text-align: center; -} -#directiost-listing-fields_wrapper { - /*********************************************************** - ************************************************************ - css for Custom Field - ************************************************************* - **************************************************************/ + text-align: center; } #directiost-listing-fields_wrapper .postbox table.widefat { - -webkit-box-shadow: none; - box-shadow: none; - background-color: #eff2f5; + box-shadow: none; + background-color: #eff2f5; } #directiost-listing-fields_wrapper #atbdp-field-details td { - color: #555; - font-size: 17px; - width: 8%; + color: #555; + font-size: 17px; + width: 8%; } #directiost-listing-fields_wrapper #atbdp-field-options td { - color: #555; - font-size: 17px; - width: 8%; + color: #555; + font-size: 17px; + width: 8%; } #directiost-listing-fields_wrapper .atbdp-tick-cross { - margin-right: 18px; + margin-right: 18px; } #directiost-listing-fields_wrapper .atbdp-tick-cross2 { - margin-right: 25px; -} -#directiost-listing-fields_wrapper { - /* - for shortable field*/ + margin-right: 25px; } #directiost-listing-fields_wrapper .ui-sortable tr:hover { - cursor: move; + cursor: move; } #directiost-listing-fields_wrapper .ui-sortable tr.alternate { - background-color: #f9f9f9; + background-color: #f9f9f9; } #directiost-listing-fields_wrapper .ui-sortable tr.ui-sortable-helper { - background-color: #f9f9f9; - border-top: 1px solid #dfdfdf; + background-color: #f9f9f9; + border-top: 1px solid #dfdfdf; } #directiost-listing-fields_wrapper .business-hour label { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper .form-group { - margin-bottom: 30px; + margin-bottom: 30px; } #directorist.atbd_wrapper .form-group > label { - margin-bottom: 10px; + margin-bottom: 10px; } #directorist.atbd_wrapper .form-group .atbd_pricing_options { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + align-items: center; + flex-wrap: wrap; } #directorist.atbd_wrapper .form-group .atbd_pricing_options label { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper .form-group .atbd_pricing_options small { - margin-right: 5px; + margin-right: 5px; } -#directorist.atbd_wrapper .form-group .atbd_pricing_options input[type=checkbox] { - position: relative; - top: -2px; +#directorist.atbd_wrapper + .form-group + .atbd_pricing_options + input[type="checkbox"] { + position: relative; + top: -2px; } #directorist.atbd_wrapper #category_container .form-group { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper .g_address_wrap { - margin-bottom: 15px; + margin-bottom: 15px; } #directorist.atbd_wrapper .atbd_map_title { - margin-bottom: 15px; + margin-bottom: 15px; } #directorist.atbd_wrapper .map_wrapper .map_drag_info { - display: block; - font-size: 12px; - margin-top: 10px; + display: block; + font-size: 12px; + margin-top: 10px; } #directorist.atbd_wrapper .map-coordinate { - margin-top: 15px; - margin-bottom: 15px; + margin-top: 15px; + margin-bottom: 15px; } #directorist.atbd_wrapper .map-coordinate label { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper #hide_if_no_manual_cor .form-group .form-group { - margin-bottom: 20px; + margin-bottom: 20px; } #directorist.atbd_wrapper .atbd_map_hide { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper .atbd_map_hide label { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper #atbdp-custom-fields-list { - margin: 13px 0 0 0; + margin: 13px 0 0 0; } #_listing_video_gallery #directorist.atbd_wrapper .form-group { - margin-bottom: 0; + margin-bottom: 0; } a { - text-decoration: none; -} - -@media (min-width: 1199px) and (max-width: 1510px), (min-width: 768px) and (max-width: 1187px), (min-width: 576px) and (max-width: 694px), (min-width: 320px) and (max-width: 373px) { - #directorist.atbd_wrapper .btn.demo, - #directorist.atbd_wrapper .btn.get { - display: block; - margin: 0; - } - #directorist.atbd_wrapper .btn.get { - margin-top: 10px; - } + text-decoration: none; +} + +@media (min-width: 1199px) and (max-width: 1510px), + (min-width: 768px) and (max-width: 1187px), + (min-width: 576px) and (max-width: 694px), + (min-width: 320px) and (max-width: 373px) { + #directorist.atbd_wrapper .btn.demo, + #directorist.atbd_wrapper .btn.get { + display: block; + margin: 0; + } + #directorist.atbd_wrapper .btn.get { + margin-top: 10px; + } } #directorist.atbd_wrapper #addNewSocial { - margin-bottom: 15px; + margin-bottom: 15px; } #directorist.atbd_wrapper .atbdp_social_field_wrapper .form-group { - margin-bottom: 15px; + margin-bottom: 15px; } .atbdp_social_field_wrapper select.form-control { - height: 35px !important; + height: 35px !important; } #atbdp-categories-image-wrapper img { - width: 150px; + width: 150px; } .vp-wrap .vp-checkbox .field label { - display: block; - margin-left: 0; + display: block; + margin-left: 0; } .vp-wrap .vp-section > h3 { - color: #01b0ff; - font-size: 15px; - padding: 10px 20px; - margin: 0; - top: 12px; - border: 1px solid #eee; - right: 20px; - background-color: #f2f4f7; - z-index: 1; + color: #01b0ff; + font-size: 15px; + padding: 10px 20px; + margin: 0; + top: 12px; + border: 1px solid #eee; + right: 20px; + background-color: #f2f4f7; + z-index: 1; } #shortcode-updated .input label span { - background-color: #008ec2; - width: 160px; - position: relative; - border-radius: 3px; - margin-top: 0; + background-color: #008ec2; + width: 160px; + position: relative; + border-radius: 3px; + margin-top: 0; } #shortcode-updated .input label span:before { - content: "Upgrade/Regenerate"; - position: absolute; - color: #fff; - right: 50%; - top: 48%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - border-radius: 3px; + content: "Upgrade/Regenerate"; + position: absolute; + color: #fff; + right: 50%; + top: 48%; + transform: translate(50%, -50%); + border-radius: 3px; } #shortcode-updated + #success_msg { - color: #4caf50; - padding-right: 15px; + color: #4caf50; + padding-right: 15px; } .olControlAttribution { - left: 10px !important; - bottom: 10px !important; + left: 10px !important; + bottom: 10px !important; } .g_address_wrap ul { - margin-top: 15px !important; + margin-top: 15px !important; } .g_address_wrap ul li { - margin-bottom: 8px; - border-bottom: 1px solid #e3e6ef; - padding-bottom: 8px; + margin-bottom: 8px; + border-bottom: 1px solid #e3e6ef; + padding-bottom: 8px; } .g_address_wrap ul li:last-child { - margin-bottom: 0; + margin-bottom: 0; } .plupload-thumbs .thumb { - float: none !important; - max-width: 200px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + float: none !important; + max-width: 200px; + display: flex; } #atbdp-categories-image-wrapper { - position: relative; - display: inline-block; + position: relative; + display: inline-block; } #atbdp-categories-image-wrapper .remove_cat_img { - position: absolute; - width: 25px; - height: 25px; - border-radius: 50%; - background-color: #c4c4c4; - left: -5px; - top: -5px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - -webkit-transition: 0.2s ease; - transition: 0.2s ease; + position: absolute; + width: 25px; + height: 25px; + border-radius: 50%; + background-color: #c4c4c4; + left: -5px; + top: -5px; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; + transition: 0.2s ease; } #atbdp-categories-image-wrapper .remove_cat_img:hover { - background-color: #ff0000; - color: #fff; + background-color: #ff0000; + color: #fff; } .plupload-thumbs .thumb { - position: relative; + position: relative; } .plupload-thumbs .thumb:hover .atbdp-thumb-actions { - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; + display: flex !important; } .plupload-thumbs .thumb .atbdp-file-info { - border-radius: 5px; + border-radius: 5px; } .plupload-thumbs .thumb .atbdp-thumb-actions { - position: absolute; - width: 100%; - height: 100%; - right: 0; - top: 0; - margin-top: 0; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + position: absolute; + width: 100%; + height: 100%; + right: 0; + top: 0; + margin-top: 0; + align-items: center; + justify-content: center; } .plupload-thumbs .thumb .atbdp-thumb-actions .thumbremovelink { - background-color: #000; - height: 30px; - width: 30px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - font-size: 14px; + background-color: #000; + height: 30px; + width: 30px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + transition: 0.3s ease; + font-size: 14px; } .plupload-thumbs .thumb .atbdp-thumb-actions .thumbremovelink:hover { - background-color: #e23636; + background-color: #e23636; } .plupload-thumbs .thumb .atbdp-thumb-actions:before { - border-radius: 5px; + border-radius: 5px; } .plupload-upload-uic { - width: 420px; - margin: 0 auto !important; - border: 1px dashed #dbdee9; - padding: 30px; - text-align: center; + width: 420px; + margin: 0 auto !important; + border: 1px dashed #dbdee9; + padding: 30px; + text-align: center; } .plupload-upload-uic .atbdp-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; + font-weight: 500; + margin-bottom: 15px; + font-size: 15px; } .plupload-upload-uic .atbdp_button { - border: 1px solid #EFF1F6; - background-color: #f8f9fb; - font-size: 14px; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 40px !important; - padding: 0 30px !important; - height: auto !important; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + border: 1px solid #eff1f6; + background-color: #f8f9fb; + font-size: 14px; + box-shadow: none; + line-height: 40px !important; + padding: 0 30px !important; + height: auto !important; + transition: 0.3s ease; } .plupload-upload-uic .atbdp-dropbox-file-types { - margin-top: 10px; - color: #9299b8; + margin-top: 10px; + color: #9299b8; } @media (max-width: 575px) { - .plupload-upload-uic { - width: 100%; - } + .plupload-upload-uic { + width: 100%; + } } @media (max-width: 400px) { - #_listing_contact_info #directorist.atbd_wrapper .form-check { - padding-right: 40px; - } - #_listing_contact_info #directorist.atbd_wrapper .form-check-input { - margin-right: -40px; - } - #_listing_contact_info #directorist.atbd_wrapper .map-coordinate #manual_coordinate { - display: inline-block; - } - #_listing_contact_info #directorist.atbd_wrapper .map-coordinate .cor-wrap label { - display: inline; - } - #delete-custom-img { - margin-top: 10px; - } - .enable247hour label { - display: inline !important; - } + #_listing_contact_info #directorist.atbd_wrapper .form-check { + padding-right: 40px; + } + #_listing_contact_info #directorist.atbd_wrapper .form-check-input { + margin-right: -40px; + } + #_listing_contact_info + #directorist.atbd_wrapper + .map-coordinate + #manual_coordinate { + display: inline-block; + } + #_listing_contact_info + #directorist.atbd_wrapper + .map-coordinate + .cor-wrap + label { + display: inline; + } + #delete-custom-img { + margin-top: 10px; + } + .enable247hour label { + display: inline !important; + } } /* ATBD Tooltip */ .atbd_tooltip { - position: relative; + position: relative; } -.atbd_tooltip[aria-label]:before, .atbd_tooltip[aria-label]:after { - position: absolute !important; - bottom: 100%; - display: none; - -webkit-animation: showTooltip 0.3s ease; - animation: showTooltip 0.3s ease; +.atbd_tooltip[aria-label]:before, +.atbd_tooltip[aria-label]:after { + position: absolute !important; + bottom: 100%; + display: none; + -webkit-animation: showTooltip 0.3s ease; + -o-animation: showTooltip 0.3s ease; + animation: showTooltip 0.3s ease; } .atbd_tooltip[aria-label]:before { - content: ""; - right: 50%; - -webkit-transform: translate(50%, 7px); - transform: translate(50%, 7px); - border: 6px solid transparent; - border-top-color: rgba(0, 0, 0, 0.8); + content: ""; + right: 50%; + transform: translate(50%, 7px); + border: 6px solid transparent; + border-top-color: rgba(0, 0, 0, 0.8); } .atbd_tooltip[aria-label]:after { - content: attr(aria-label); - right: 50%; - -webkit-transform: translate(50%, -5px); - transform: translate(50%, -5px); - min-width: 150px; - text-align: center; - background: rgba(0, 0, 0, 0.8); - padding: 5px 12px; - border-radius: 3px; - color: #fff; + content: attr(aria-label); + right: 50%; + transform: translate(50%, -5px); + min-width: 150px; + text-align: center; + background: rgba(0, 0, 0, 0.8); + padding: 5px 12px; + border-radius: 3px; + color: #fff; } -.atbd_tooltip[aria-label]:hover:before, .atbd_tooltip[aria-label]:hover:after { - display: block; -} - -@-webkit-keyframes showTooltip { - from { - opacity: 0; - } +.atbd_tooltip[aria-label]:hover:before, +.atbd_tooltip[aria-label]:hover:after { + display: block; } @keyframes showTooltip { - from { - opacity: 0; - } + from { + opacity: 0; + } } .atbdp_shortcodes { - position: relative; + position: relative; } .atbdp_shortcodes:after { - content: "\f0c5"; - font-family: "Font Awesome 5 Free"; - color: #000; - font-weight: normal; - line-height: initial; - cursor: pointer; - position: absolute; - left: -20px; - bottom: 0; - z-index: 999; + content: "\f0c5"; + font-family: "Font Awesome 5 Free"; + color: #000; + font-weight: normal; + line-height: initial; + cursor: pointer; + position: absolute; + left: -20px; + bottom: 0; + z-index: 999; } .directorist-find-latlan { - display: inline-block; - color: red; + display: inline-block; + color: red; } .business_time.column-business_time .atbdp-tick-cross2, .web-link.column-web-link .atbdp-tick-cross2 { - padding-right: 25px; + padding-right: 25px; } #atbdp-field-details .recurring_time_period { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } #atbdp-field-details .recurring_time_period > label { - margin-left: 10px; + margin-left: 10px; } #atbdp-field-details .recurring_time_period #recurring_period { - margin-left: 8px; + margin-left: 8px; } div#need_post_area { - padding: 10px 0 15px 0; + padding: 10px 0 15px 0; } div#need_post_area .atbd_listing_type_list { - margin: 0 -7px; + margin: 0 -7px; } div#need_post_area label { - margin: 0 7px; - font-size: 16px; + margin: 0 7px; + font-size: 16px; } div#need_post_area label input:checked + span { - font-weight: 600; + font-weight: 600; } #pyn_service_budget label { - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex !important; + align-items: center; } #pyn_service_budget label #is_hourly { - margin-left: 5px; + margin-left: 5px; } #titlediv #title { - padding: 3px 8px 7px; - font-size: 26px; - height: 40px; + padding: 3px 8px 7px; + font-size: 26px; + height: 40px; } .req_password_notice, .password_notice { - padding-right: 20px; - padding-left: 20px; + padding-right: 20px; + padding-left: 20px; } /* hide button example image top upload fields */ @@ -839,764 +801,776 @@ div#need_post_area label input:checked + span { #priout_example, #prioutlight_example, #danout_example { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#primary_example input[type=text], + display: flex; + align-items: center; +} +#primary_example input[type="text"], #primary_example .button, -#secondary_example input[type=text], +#secondary_example input[type="text"], #secondary_example .button, -#success_example input[type=text], +#success_example input[type="text"], #success_example .button, -#danger_example input[type=text], +#danger_example input[type="text"], #danger_example .button, -#priout_example input[type=text], +#priout_example input[type="text"], #priout_example .button, -#prioutlight_example input[type=text], +#prioutlight_example input[type="text"], #prioutlight_example .button, -#danout_example input[type=text], +#danout_example input[type="text"], #danout_example .button { - display: none !important; + display: none !important; } #directorist.atbd_wrapper .dbh-wrapper label { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } #directorist.atbd_wrapper .dbh-wrapper .disable-bh { - margin-bottom: 5px; + margin-bottom: 5px; } -#directorist.atbd_wrapper .dbh-wrapper .dbh-timezone .select2-container .select2-selection--single { - height: 37px; - padding-right: 15px; - border-color: #ddd; +#directorist.atbd_wrapper + .dbh-wrapper + .dbh-timezone + .select2-container + .select2-selection--single { + height: 37px; + padding-right: 15px; + border-color: #ddd; } span.atbdp-tick-cross { - padding-right: 20px; + padding-right: 20px; } .atbdp-timestamp-wrap select, .atbdp-timestamp-wrap input { - margin-bottom: 5px !important; + margin-bottom: 5px !important; } /* csv styles */ .csv-action-btns { - margin-top: 30px; + margin-top: 30px; } .csv-action-btns a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - line-height: 44px; - padding: 0 20px; - background-color: #fff; - border: 1px solid #e3e6ef; - color: #272b41; - border-radius: 5px; - font-weight: 600; - margin-left: 7px; + display: inline-flex; + align-items: center; + justify-content: center; + text-decoration: none; + line-height: 44px; + padding: 0 20px; + background-color: #fff; + border: 1px solid #e3e6ef; + color: #272b41; + border-radius: 5px; + font-weight: 600; + margin-left: 7px; } .csv-action-btns a span { - color: #9299b8; + color: #9299b8; } .csv-action-btns a:last-child { - margin-left: 0; + margin-left: 0; } .csv-action-btns a.btn-active { - background-color: #2c99ff; - color: #fff; - border-color: #2c99ff; + background-color: #2c99ff; + color: #fff; + border-color: #2c99ff; } .csv-action-btns a.btn-active span { - color: rgba(255, 255, 255, 0.8); + color: rgba(255, 255, 255, 0.8); } .csv-action-steps ul { - width: 700px; - margin: 80px auto 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + width: 700px; + margin: 80px auto 0; + display: flex; + flex-wrap: wrap; + align-items: center; } .csv-action-steps ul li { - text-align: center; - position: relative; - text-align: center; - width: 25%; + text-align: center; + position: relative; + text-align: center; + width: 25%; } .csv-action-steps ul li:before { - position: absolute; - content: url(../js/03299b4bc0e8b98d36d4.png); - right: 112px; - top: 8px; - width: 125px; - overflow: hidden; + position: absolute; + content: url(../js/../images/2043b2e371261d67d5b984bbeba0d4ff.png); + right: 112px; + top: 8px; + width: 125px; + overflow: hidden; } .csv-action-steps ul li .step { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 34px; - height: 34px; - border-radius: 50%; - color: #9299b8; - -webkit-box-shadow: -5px 0 10px rgba(146, 153, 184, 0.15); - box-shadow: -5px 0 10px rgba(146, 153, 184, 0.15); - background-color: #fff; + display: inline-flex; + align-items: center; + justify-content: center; + width: 34px; + height: 34px; + border-radius: 50%; + color: #9299b8; + box-shadow: -5px 0 10px rgba(146, 153, 184, 0.15); + background-color: #fff; } .csv-action-steps ul li .step .dashicons { - margin: 0; - display: none; + margin: 0; + display: none; } .csv-action-steps ul li .step-text { - display: block; - margin-top: 15px; - color: #9299b8; + display: block; + margin-top: 15px; + color: #9299b8; } .csv-action-steps ul li.active .step { - background-color: #272b41; - color: #fff; + background-color: #272b41; + color: #fff; } .csv-action-steps ul li.active .step-text { - color: #272b41; + color: #272b41; } .csv-action-steps ul li.done:before { - content: url(../js/071fa42dfc61e8f23f3b.png); + content: url(../js/../images/8421bda85ddefddf637d87f7ff6a8337.png); } .csv-action-steps ul li.done .step { - background-color: #0fb73b; - color: #fff; + background-color: #0fb73b; + color: #fff; } .csv-action-steps ul li.done .step .step-count { - display: none; + display: none; } .csv-action-steps ul li.done .step .dashicons { - display: block; + display: block; } .csv-action-steps ul li.done .step-text { - color: #272b41; + color: #272b41; } -.csv-action-steps ul li:last-child:before, .csv-action-steps ul li:last-child.done:before { - content: none; +.csv-action-steps ul li:last-child:before, +.csv-action-steps ul li:last-child.done:before { + content: none; } .csv-wrapper { - margin-top: 20px; + margin-top: 20px; } .csv-wrapper .csv-center { - width: 700px; - margin: 0 auto; - background-color: #fff; - border-radius: 5px; - -webkit-box-shadow: 0 5px 8px rgba(146, 153, 184, 0.15); - box-shadow: 0 5px 8px rgba(146, 153, 184, 0.15); + width: 700px; + margin: 0 auto; + background-color: #fff; + border-radius: 5px; + box-shadow: 0 5px 8px rgba(146, 153, 184, 0.15); } .csv-wrapper form header { - padding: 30px 30px 20px; - border-bottom: 1px solid #f1f2f6; + padding: 30px 30px 20px; + border-bottom: 1px solid #f1f2f6; } .csv-wrapper form header h2 { - margin: 0 0 15px 0; - font-size: 22px; - font-weight: 500; + margin: 0 0 15px 0; + font-size: 22px; + font-weight: 500; } .csv-wrapper form header p { - color: #5a5f7d; - margin: 0; + color: #5a5f7d; + margin: 0; } .csv-wrapper form .form-content { - padding: 30px; + padding: 30px; } .csv-wrapper form .form-content .directorist-importer-options { - margin: 0; + margin: 0; } .csv-wrapper form .form-content .directorist-importer-options h4 { - margin: 0 0 15px 0; - font-size: 15px; + margin: 0 0 15px 0; + font-size: 15px; } .csv-wrapper form .form-content .directorist-importer-options .csv-upload { - position: relative; -} -.csv-wrapper form .form-content .directorist-importer-options .csv-upload #upload { - opacity: 0; - position: absolute; - right: 0; - top: 0; - width: 1px; - height: 0; -} -.csv-wrapper form .form-content .directorist-importer-options .csv-upload #upload + label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - cursor: pointer; -} -.csv-wrapper form .form-content .directorist-importer-options .csv-upload #upload + label .upload-btn { - line-height: 40px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 5px; - padding: 0 20px; - background-color: #5a5f7d; - color: #fff; - font-weight: 500; - min-width: 140px; -} -.csv-wrapper form .form-content .directorist-importer-options .csv-upload #upload + label .file-name { - color: #9299b8; - display: inline-block; - margin-right: 5px; -} -.csv-wrapper form .form-content .directorist-importer-options .csv-upload small { - font-size: 13px; - color: #9299b8; - display: block; - margin-top: 10px; + position: relative; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .csv-upload + #upload { + opacity: 0; + position: absolute; + right: 0; + top: 0; + width: 1px; + height: 0; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .csv-upload + #upload + + label { + display: inline-flex; + align-items: center; + cursor: pointer; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .csv-upload + #upload + + label + .upload-btn { + line-height: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + border-radius: 5px; + padding: 0 20px; + background-color: #5a5f7d; + color: #fff; + font-weight: 500; + min-width: 140px; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .csv-upload + #upload + + label + .file-name { + color: #9299b8; + display: inline-block; + margin-right: 5px; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .csv-upload + small { + font-size: 13px; + color: #9299b8; + display: block; + margin-top: 10px; } .csv-wrapper form .form-content .directorist-importer-options .update-existing { - padding-top: 30px; -} -.csv-wrapper form .form-content .directorist-importer-options .update-existing label.ue { - font-size: 15px; - font-weight: 500; - color: #272b41; - display: block; - margin-bottom: 15px; + padding-top: 30px; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .update-existing + label.ue { + font-size: 15px; + font-weight: 500; + color: #272b41; + display: block; + margin-bottom: 15px; } .csv-wrapper form .form-content .directorist-importer-options .csv-delimiter { - padding-top: 30px; -} -.csv-wrapper form .form-content .directorist-importer-options .csv-delimiter label { - font-size: 15px; - font-weight: 500; - color: #272b41; - display: block; - margin-bottom: 10px; -} -.csv-wrapper form .form-content .directorist-importer-options .csv-delimiter input { - width: 120px; - border-radius: 4px; - border: 1px solid #c6d0dc; - height: 36px; + padding-top: 30px; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .csv-delimiter + label { + font-size: 15px; + font-weight: 500; + color: #272b41; + display: block; + margin-bottom: 10px; +} +.csv-wrapper + form + .form-content + .directorist-importer-options + .csv-delimiter + input { + width: 120px; + border-radius: 4px; + border: 1px solid #c6d0dc; + height: 36px; } .csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper h3 { - margin-top: 0; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .directory_type_wrapper label { - width: 100%; - display: block; - margin-bottom: 15px; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .directory_type_wrapper #directory_type { - border: 1px solid #c6d0dc; - border-radius: 4px; - line-height: 40px; - padding: 0 15px; - width: 100%; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table { - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - margin-top: 25px; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tr th, -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tr td { - width: 50%; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table thead { - background-color: #f4f5f7; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table thead th { - border: 0 none; - font-weight: 500; - color: #272b41; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-name { - padding-top: 15px; - padding-right: 0; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-name p { - margin: 0 0 5px; - color: #272b41; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-name .description { - color: #9299b8; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-name code { - line-break: anywhere; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-field { - padding-top: 20px; - padding-left: 0; -} -.csv-wrapper form .form-content .atbdp-importer-mapping-table-wrapper .atbdp-importer-mapping-table tbody .atbdp-importer-mapping-table-field select { - border: 1px solid #c6d0dc; - border-radius: 4px; - line-height: 40px; - padding: 0 15px; - width: 100%; + margin-top: 0; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .directory_type_wrapper + label { + width: 100%; + display: block; + margin-bottom: 15px; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .directory_type_wrapper + #directory_type { + border: 1px solid #c6d0dc; + border-radius: 4px; + line-height: 40px; + padding: 0 15px; + width: 100%; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table { + border: 0 none; + box-shadow: none; + margin-top: 25px; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tr + th, +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tr + td { + width: 50%; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + thead { + background-color: #f4f5f7; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + thead + th { + border: 0 none; + font-weight: 500; + color: #272b41; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tbody + .atbdp-importer-mapping-table-name { + padding-top: 15px; + padding-right: 0; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tbody + .atbdp-importer-mapping-table-name + p { + margin: 0 0 5px; + color: #272b41; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tbody + .atbdp-importer-mapping-table-name + .description { + color: #9299b8; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tbody + .atbdp-importer-mapping-table-name + code { + line-break: anywhere; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tbody + .atbdp-importer-mapping-table-field { + padding-top: 20px; + padding-left: 0; +} +.csv-wrapper + form + .form-content + .atbdp-importer-mapping-table-wrapper + .atbdp-importer-mapping-table + tbody + .atbdp-importer-mapping-table-field + select { + border: 1px solid #c6d0dc; + border-radius: 4px; + line-height: 40px; + padding: 0 15px; + width: 100%; } .csv-wrapper form .atbdp-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - padding: 20px 30px; - background-color: #f4f5f7; - border-radius: 0 0 5px 5px; + display: flex; + justify-content: flex-end; + padding: 20px 30px; + background-color: #f4f5f7; + border-radius: 0 0 5px 5px; } .csv-wrapper form .atbdp-actions .button { - background-color: #3e62f5; - color: #fff; - border: 0 none; - line-height: 44px; - padding: 0 20px; - border-radius: 5px; - font-size: 15px; -} -.csv-wrapper form .atbdp-actions .button:hover, .csv-wrapper form .atbdp-actions .button:focus { - opacity: 0.9; + background-color: #3e62f5; + color: #fff; + border: 0 none; + line-height: 44px; + padding: 0 20px; + border-radius: 5px; + font-size: 15px; +} +.csv-wrapper form .atbdp-actions .button:hover, +.csv-wrapper form .atbdp-actions .button:focus { + opacity: 0.9; } .csv-wrapper .directorist-importer__importing header { - padding: 30px 30px 20px; - border-bottom: 1px solid #f1f2f6; + padding: 30px 30px 20px; + border-bottom: 1px solid #f1f2f6; } .csv-wrapper .directorist-importer__importing header h2 { - margin: 0 0 15px 0; - font-size: 22px; - font-weight: 500; + margin: 0 0 15px 0; + font-size: 22px; + font-weight: 500; } .csv-wrapper .directorist-importer__importing header p { - color: #5a5f7d; - margin: 0; + color: #5a5f7d; + margin: 0; } .csv-wrapper .directorist-importer__importing section { - padding: 25px 30px 30px; + padding: 25px 30px 30px; } .csv-wrapper .directorist-importer__importing .importer-progress-notice { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - color: #5a5f7d; - margin-top: 10px; + display: flex; + align-items: center; + justify-content: space-between; + color: #5a5f7d; + margin-top: 10px; } .csv-wrapper .directorist-importer__importing span.importer-notice { - padding-bottom: 0; - font-size: 14px; - font-style: italic; + padding-bottom: 0; + font-size: 14px; + font-style: italic; } .csv-wrapper .directorist-importer__importing span.importer-details { - padding-top: 0; - font-size: 14px; + padding-top: 0; + font-size: 14px; } .csv-wrapper .directorist-importer__importing progress { - border-radius: 15px; - width: 100%; - height: 15px; - overflow: hidden; + border-radius: 15px; + width: 100%; + height: 15px; + overflow: hidden; } .csv-wrapper .directorist-importer__importing progress::-webkit-progress-bar { - background-color: #e8f0f8; - border-radius: 15px; + background-color: #e8f0f8; + border-radius: 15px; } .csv-wrapper .directorist-importer__importing progress::-webkit-progress-value { - background-color: #3e62f5; - border-radius: 15px; + background-color: #3e62f5; + border-radius: 15px; } .csv-wrapper .directorist-importer__importing progress::-moz-progress-bar { - background-color: #e8f0f8; - border-radius: 15px; - border: none; - box-shadow: none; + background-color: #e8f0f8; + border-radius: 15px; + border: none; + box-shadow: none; } -.csv-wrapper .directorist-importer__importing progress[value]::-moz-progress-bar { - background-color: #3e62f5; - border-radius: 15px; +.csv-wrapper + .directorist-importer__importing + progress[value]::-moz-progress-bar { + background-color: #3e62f5; + border-radius: 15px; } .csv-wrapper .csv-import-done .wc-progress-form-content { - padding: 100px 30px 80px; + padding: 100px 30px 80px; } .csv-wrapper .csv-import-done .wc-progress-form-content .wc-actions { - text-align: center; + text-align: center; } .csv-wrapper .csv-import-done .wc-progress-form-content .wc-actions .dashicons { - width: 100px; - height: 100px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - border-radius: 50%; - background-color: #0fb73b; - font-size: 70px; - color: #fff; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + width: 100px; + height: 100px; + display: inline-flex; + border-radius: 50%; + background-color: #0fb73b; + font-size: 70px; + color: #fff; + align-items: center; + justify-content: center; } .csv-wrapper .csv-import-done .wc-progress-form-content .wc-actions p { - color: #5a5f7d; - font-size: 20px; - margin: 10px 0 0; + color: #5a5f7d; + font-size: 20px; + margin: 10px 0 0; } .csv-wrapper .csv-import-done .wc-progress-form-content .wc-actions p strong { - color: #272b41; - font-weight: 600; -} -.csv-wrapper .csv-import-done .wc-progress-form-content .wc-actions .import-complete { - font-size: 20px; - color: #272b41; - margin: 16px 0 0; + color: #272b41; + font-weight: 600; +} +.csv-wrapper + .csv-import-done + .wc-progress-form-content + .wc-actions + .import-complete { + font-size: 20px; + color: #272b41; + margin: 16px 0 0; } .csv-wrapper .csv-import-done .atbdp-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - padding: 20px 30px; - background-color: #f4f5f7; + display: flex; + justify-content: flex-end; + padding: 20px 30px; + background-color: #f4f5f7; } .csv-wrapper .csv-import-done .atbdp-actions .button { - background-color: #2c99ff; - color: #fff; - border: 0 none; - line-height: 44px; - padding: 0 20px; - border-radius: 5px; - font-weight: 500; - font-size: 15px; + background-color: #2c99ff; + color: #fff; + border: 0 none; + line-height: 44px; + padding: 0 20px; + border-radius: 5px; + font-weight: 500; + font-size: 15px; } .csv-wrapper .csv-center.csv-export { - padding: 100px 30px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + padding: 100px 30px; + display: flex; + align-items: center; + justify-content: center; } .csv-wrapper .csv-center.csv-export .button-secondary { - background-color: #2c99ff; - color: #fff; - border: 0 none; - line-height: 44px; - padding: 0 20px; - border-radius: 5px; - font-weight: 500; - font-size: 15px; + background-color: #2c99ff; + color: #fff; + border: 0 none; + line-height: 44px; + padding: 0 20px; + border-radius: 5px; + font-weight: 500; + font-size: 15px; } .iris-border .iris-palette-container .iris-palette { - padding: 0 !important; + padding: 0 !important; } #csv_import .vp-input + span { - background-color: #007cba; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0 15px; - border-radius: 3px; - color: #fff; - background-image: none; - width: auto; - cursor: pointer; + background-color: #007cba; + display: flex; + align-items: center; + justify-content: center; + padding: 0 15px; + border-radius: 3px; + color: #fff; + background-image: none; + width: auto; + cursor: pointer; } #csv_import .vp-input + span:after { - content: "Run Importer"; + content: "Run Importer"; } .vp-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + justify-content: space-between; + flex-wrap: wrap; } .vp-documentation-panel #directorist.atbd_wrapper { - padding: 4px 0; + padding: 4px 0; } .wp-picker-container .wp-picker-input-wrap label { - margin: 0 15px 10px; + margin: 0 15px 10px; } .wp-picker-holder .iris-picker-inner .iris-square { - margin-left: 5%; + margin-left: 5%; } .wp-picker-holder .iris-picker-inner .iris-square .iris-strip { - height: 180px !important; + height: 180px !important; } /* form builder add listing form */ -.postbox-container .postbox select[name=directory_type] + .form-group { - margin-top: 15px; +.postbox-container .postbox select[name="directory_type"] + .form-group { + margin-top: 15px; } .postbox-container .postbox .form-group { - margin-bottom: 30px; + margin-bottom: 30px; } .postbox-container .postbox .form-group label { - display: inline-block; - font-weight: 500; - font-size: 15px; - color: #202428; - margin-bottom: 10px; + display: inline-block; + font-weight: 500; + font-size: 15px; + color: #202428; + margin-bottom: 10px; } .postbox-container .postbox .form-group #privacy_policy + label { - margin-bottom: 0; -} -.postbox-container .postbox .form-group input[type=text], -.postbox-container .postbox .form-group input[type=tel], -.postbox-container .postbox .form-group input[type=url], -.postbox-container .postbox .form-group input[type=number], -.postbox-container .postbox .form-group input[type=date], -.postbox-container .postbox .form-group input[type=time], -.postbox-container .postbox .form-group input[type=email], + margin-bottom: 0; +} +.postbox-container .postbox .form-group input[type="text"], +.postbox-container .postbox .form-group input[type="tel"], +.postbox-container .postbox .form-group input[type="url"], +.postbox-container .postbox .form-group input[type="number"], +.postbox-container .postbox .form-group input[type="date"], +.postbox-container .postbox .form-group input[type="time"], +.postbox-container .postbox .form-group input[type="email"], .postbox-container .postbox .form-group select.form-control { - display: block; - width: 100%; - padding: 6px 15px; - line-height: 1.5; - border: 1px solid #c6d0dc; -} -.postbox-container .postbox .form-group input[type=text]::-webkit-input-placeholder, .postbox-container .postbox .form-group input[type=tel]::-webkit-input-placeholder, .postbox-container .postbox .form-group input[type=url]::-webkit-input-placeholder, .postbox-container .postbox .form-group input[type=number]::-webkit-input-placeholder, .postbox-container .postbox .form-group input[type=date]::-webkit-input-placeholder, .postbox-container .postbox .form-group input[type=time]::-webkit-input-placeholder, .postbox-container .postbox .form-group input[type=email]::-webkit-input-placeholder, .postbox-container .postbox .form-group select.form-control::-webkit-input-placeholder { - color: #868eae; -} -.postbox-container .postbox .form-group input[type=text]::-moz-placeholder, .postbox-container .postbox .form-group input[type=tel]::-moz-placeholder, .postbox-container .postbox .form-group input[type=url]::-moz-placeholder, .postbox-container .postbox .form-group input[type=number]::-moz-placeholder, .postbox-container .postbox .form-group input[type=date]::-moz-placeholder, .postbox-container .postbox .form-group input[type=time]::-moz-placeholder, .postbox-container .postbox .form-group input[type=email]::-moz-placeholder, .postbox-container .postbox .form-group select.form-control::-moz-placeholder { - color: #868eae; -} -.postbox-container .postbox .form-group input[type=text]:-ms-input-placeholder, .postbox-container .postbox .form-group input[type=tel]:-ms-input-placeholder, .postbox-container .postbox .form-group input[type=url]:-ms-input-placeholder, .postbox-container .postbox .form-group input[type=number]:-ms-input-placeholder, .postbox-container .postbox .form-group input[type=date]:-ms-input-placeholder, .postbox-container .postbox .form-group input[type=time]:-ms-input-placeholder, .postbox-container .postbox .form-group input[type=email]:-ms-input-placeholder, .postbox-container .postbox .form-group select.form-control:-ms-input-placeholder { - color: #868eae; -} -.postbox-container .postbox .form-group input[type=text]::-ms-input-placeholder, .postbox-container .postbox .form-group input[type=tel]::-ms-input-placeholder, .postbox-container .postbox .form-group input[type=url]::-ms-input-placeholder, .postbox-container .postbox .form-group input[type=number]::-ms-input-placeholder, .postbox-container .postbox .form-group input[type=date]::-ms-input-placeholder, .postbox-container .postbox .form-group input[type=time]::-ms-input-placeholder, .postbox-container .postbox .form-group input[type=email]::-ms-input-placeholder, .postbox-container .postbox .form-group select.form-control::-ms-input-placeholder { - color: #868eae; -} -.postbox-container .postbox .form-group input[type=text]::placeholder, -.postbox-container .postbox .form-group input[type=tel]::placeholder, -.postbox-container .postbox .form-group input[type=url]::placeholder, -.postbox-container .postbox .form-group input[type=number]::placeholder, -.postbox-container .postbox .form-group input[type=date]::placeholder, -.postbox-container .postbox .form-group input[type=time]::placeholder, -.postbox-container .postbox .form-group input[type=email]::placeholder, + display: block; + width: 100%; + padding: 6px 15px; + line-height: 1.5; + border: 1px solid #c6d0dc; +} +.postbox-container .postbox .form-group input[type="text"]::placeholder, +.postbox-container .postbox .form-group input[type="tel"]::placeholder, +.postbox-container .postbox .form-group input[type="url"]::placeholder, +.postbox-container .postbox .form-group input[type="number"]::placeholder, +.postbox-container .postbox .form-group input[type="date"]::placeholder, +.postbox-container .postbox .form-group input[type="time"]::placeholder, +.postbox-container .postbox .form-group input[type="email"]::placeholder, .postbox-container .postbox .form-group select.form-control::placeholder { - color: #868eae; + color: #868eae; } .postbox-container .postbox .form-group textarea { - display: block; - width: 100%; - padding: 6px 6px; - line-height: 1.5; - border: 1px solid #EFF1F6; - height: 100px; + display: block; + width: 100%; + padding: 6px 6px; + line-height: 1.5; + border: 1px solid #eff1f6; + height: 100px; } .postbox-container .postbox .form-group #excerpt { - margin-top: 0; + margin-top: 0; } -.postbox-container .postbox .form-group .directorist-social-info-field #addNewSocial { - border-radius: 3px; +.postbox-container + .postbox + .form-group + .directorist-social-info-field + #addNewSocial { + border-radius: 3px; } .postbox-container .postbox .form-group .atbdp_social_field_wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px 15px; + display: flex; + align-items: center; + flex-wrap: wrap; + margin: 0 -15px 15px; } .postbox-container .postbox .form-group .atbdp_social_field_wrapper .col-sm-12 { - padding: 0 15px; + padding: 0 15px; } .postbox-container .postbox .form-group .atbdp_social_field_wrapper .col-md-6 { - width: 50%; + width: 50%; } .postbox-container .postbox .form-group .atbdp_social_field_wrapper .col-md-2 { - width: 5%; + width: 5%; } .postbox-container .postbox .form-group .atbdp_social_field_wrapper select, .postbox-container .postbox .form-group .atbdp_social_field_wrapper input { - width: 100%; - border: 1px solid #EFF1F6; - height: 35px; + width: 100%; + border: 1px solid #eff1f6; + height: 35px; } .postbox-container .postbox .form-group .btn { - padding: 7px 15px; - cursor: pointer; + padding: 7px 15px; + cursor: pointer; } .postbox-container .postbox .form-group .btn.btn-primary { - background: var(--directorist-color-primary); - border: 0 none; - color: #fff; + background: var(--directorist-color-primary); + border: 0 none; + color: #fff; } -.postbox-container .postbox #directorist-terms_conditions-field input[type=text] { - margin-bottom: 15px; +.postbox-container + .postbox + #directorist-terms_conditions-field + input[type="text"] { + margin-bottom: 15px; } -.postbox-container .postbox #directorist-terms_conditions-field .map_wrapper .cor-wrap { - margin-top: 15px; +.postbox-container + .postbox + #directorist-terms_conditions-field + .map_wrapper + .cor-wrap { + margin-top: 15px; } .theme-browser .theme .theme-name { - height: auto; + height: auto; } /* System Status */ .atbds_wrapper { - padding-left: 60px; + padding-left: 60px; } .atbds_wrapper .atbds_row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .atbds_wrapper .atbds_col-left { - margin-left: 30px; + margin-left: 30px; } .atbds_wrapper .atbds_col-right { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + flex: 1; } .atbds_wrapper .tab-pane { - display: none; + display: none; } .atbds_wrapper .tab-pane.show { - display: block; + display: block; } .atbds_wrapper .atbds_title { - font-size: 24px; - margin: 30px 0 35px; - color: #272b41; + font-size: 24px; + margin: 30px 0 35px; + color: #272b41; } .atbds_content { - margin-top: -8px; + margin-top: -8px; } /* Spacing */ .atbds_wrapper .pl-30 { - padding-right: 30px; + padding-right: 30px; } .atbds_wrapper .pr-30 { - padding-left: 30px; + padding-left: 30px; } /* atbds card */ .atbds_card.card { - padding: 0; - min-width: 100%; - border: 0 none; - border-radius: 4px; - -webkit-box-shadow: 0 5px 10px rgba(173, 180, 210, 0.1); - box-shadow: 0 5px 10px rgba(173, 180, 210, 0.1); + padding: 0; + min-width: 100%; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 10px rgba(173, 180, 210, 0.1); } .atbds_card .atbds_status-nav .nav-link { - font-size: 14px; - font-weight: 400; + font-size: 14px; + font-weight: 400; } .atbds_card .card-head { - border-bottom: 1px solid #f1f2f6; - padding: 20px 30px; + border-bottom: 1px solid #f1f2f6; + padding: 20px 30px; } .atbds_card .card-head h1, .atbds_card .card-head h2, @@ -1604,273 +1578,243 @@ span.atbdp-tick-cross { .atbds_card .card-head h4, .atbds_card .card-head h5, .atbds_card .card-head h6 { - font-size: 16px; - font-weight: 600; - color: #272b41; - margin: 0; + font-size: 16px; + font-weight: 600; + color: #272b41; + margin: 0; } .atbds_card .card-body .atbds_c-t-menu { - padding: 8px 30px 0; - border-bottom: 1px solid #e3e6ef; + padding: 8px 30px 0; + border-bottom: 1px solid #e3e6ef; } .atbds_card .card-body .atbds_c-t-menu .nav { - margin: 0 -12.5px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + margin: 0 -12.5px; + flex-wrap: wrap; } .atbds_card .card-body .atbds_c-t-menu .nav-item { - margin: 0 12.5px; + margin: 0 12.5px; } .atbds_card .card-body .atbds_c-t-menu .nav-link { - display: inline-block; - font-size: 14px; - font-weight: 600; - color: #272b41; - padding: 20px 0; - text-decoration: none; - position: relative; - white-space: nowrap; + display: inline-block; + font-size: 14px; + font-weight: 600; + color: #272b41; + padding: 20px 0; + text-decoration: none; + position: relative; + white-space: nowrap; } .atbds_card .card-body .atbds_c-t-menu .nav-link.active:after { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .atbds_card .card-body .atbds_c-t-menu .nav-link:focus { - outline: none; - -webkit-box-shadow: 0 0 0 0px #5b9dd9, 0 0 0px 0px rgba(30, 140, 190, 0); - box-shadow: 0 0 0 0px #5b9dd9, 0 0 0px 0px rgba(30, 140, 190, 0); + outline: none; + box-shadow: + 0 0 0 0px #5b9dd9, + 0 0 0px 0px rgba(30, 140, 190, 0); } .atbds_card .card-body .atbds_c-t-menu .nav-link:after { - position: absolute; - right: 0; - bottom: -1px; - width: 100%; - height: 2px; - content: ""; - opacity: 0; - visibility: hidden; - background-color: #272b41; + position: absolute; + right: 0; + bottom: -1px; + width: 100%; + height: 2px; + content: ""; + opacity: 0; + visibility: hidden; + background-color: #272b41; } .atbds_card .card-body .atbds_c-t-menu .nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .atbds_card .card-body .atbds_c-t__details { - padding: 20px 0; + padding: 20px 0; } #atbds_support .atbds_card, #atbds_r-viewing .atbds_card { - max-width: 900px; - min-width: auto; + max-width: 900px; + min-width: auto; } /* atbds Sidebar */ .atbds_sidebar ul { - margin-bottom: 0; + margin-bottom: 0; } .atbds_sidebar .nav-link { - display: inline-block; - font-size: 15px; - font-weight: 500; - padding: 11px 20px; - color: #5a5f7d; - text-decoration: none; - background-color: transparent; - border-radius: 20px; - min-width: 150px; + display: inline-block; + font-size: 15px; + font-weight: 500; + padding: 11px 20px; + color: #5a5f7d; + text-decoration: none; + background-color: transparent; + border-radius: 20px; + min-width: 150px; } .atbds_sidebar .nav-link.active { - color: #3e62f5; - background-color: #fff; + color: #3e62f5; + background-color: #fff; } .atbds_sidebar .nav-link:focus { - outline: none; - border: 0 none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + outline: none; + border: 0 none; + box-shadow: 0 0; } .atbds_sidebar .nav-link .directorist-badge { - font-size: 11px; - height: 20px; - width: 20px; - text-align: center; - line-height: 1.75; - border-radius: 50%; + font-size: 11px; + height: 20px; + width: 20px; + text-align: center; + line-height: 1.75; + border-radius: 50%; } .atbds_sidebar a { - display: inline-block; - font-size: 15px; - font-weight: 500; - padding: 11px 20px; - color: #5a5f7d; - text-decoration: none; - background-color: transparent; - border-radius: 20px; - min-width: 150px; + display: inline-block; + font-size: 15px; + font-weight: 500; + padding: 11px 20px; + color: #5a5f7d; + text-decoration: none; + background-color: transparent; + border-radius: 20px; + min-width: 150px; } .atbds_sidebar a:focus { - outline: none; - border: 0 none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + outline: none; + border: 0 none; + box-shadow: 0 0; } .atbds_text-center { - text-align: center; + text-align: center; } .atbds_d-flex { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .atbds_flex-wrap { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .atbds_row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-left: -15px; - margin-right: -15px; + display: flex; + flex-wrap: wrap; + margin-left: -15px; + margin-right: -15px; } .atbds_col-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.33333%; - -ms-flex: 0 0 33.33333%; - flex: 0 0 33.33333%; - max-width: 31.21%; - position: relative; - width: 100%; - padding-left: 1.05%; - padding-right: 1.05%; + flex: 0 0 33.33333%; + max-width: 31.21%; + position: relative; + width: 100%; + padding-left: 1.05%; + padding-right: 1.05%; } /* atbds System Table */ .atbd_tooltip { - position: relative; - cursor: pointer; + position: relative; + cursor: pointer; } .atbd_tooltip .atbd_tooltip__text { - display: none; - position: absolute; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - top: 24px; - padding: 10.5px 15px; - min-width: 300px; - line-height: 1.7333; - border-radius: 4px; - background-color: #272b41; - color: #bebfc6; - z-index: 10; + display: none; + position: absolute; + right: 50%; + transform: translateX(50%); + top: 24px; + padding: 10.5px 15px; + min-width: 300px; + line-height: 1.7333; + border-radius: 4px; + background-color: #272b41; + color: #bebfc6; + z-index: 10; } .atbd_tooltip .atbd_tooltip__text.show { - display: inline-block; + display: inline-block; } /* atbds System Table */ .atbds_system-table-wrap { - padding: 0 20px; + padding: 0 20px; } .atbds_system-table { - width: 100%; - border-collapse: collapse; + width: 100%; + border-collapse: collapse; } .atbds_system-table tr:nth-child(2n) td { - background-color: #fbfbfb; + background-color: #fbfbfb; } .atbds_system-table td { - font-size: 14px; - color: #5a5f7d; - padding: 14px 20px; - border-radius: 2px; - vertical-align: top; + font-size: 14px; + color: #5a5f7d; + padding: 14px 20px; + border-radius: 2px; + vertical-align: top; } .atbds_system-table td.atbds_table-title { - font-weight: 500; - color: #272b41; - min-width: 125px; + font-weight: 500; + color: #272b41; + min-width: 125px; } .atbds_system-table tbody tr td.atbds_table-pointer { - width: 30px; + width: 30px; } .atbds_system-table tbody tr td.diretorist-table-text p { - margin: 0; - line-height: 1.3; + margin: 0; + line-height: 1.3; } .atbds_system-table tbody tr td.diretorist-table-text p:not(:last-child) { - margin: 0 0 15px; + margin: 0 0 15px; } .atbds_system-table tbody tr td .atbds_color-success { - color: #00bc5e; + color: #00bc5e; } .atbds_table-list li { - margin-bottom: 8px; + margin-bottom: 8px; } /* atbds warnings */ .atbds_warnings { - padding: 30px; - min-height: 615px; + padding: 30px; + min-height: 615px; } .atbds_warnings__single { - border-radius: 6px; - padding: 30px 45px; - background-color: #f8f9fb; - margin-bottom: 30px; + border-radius: 6px; + padding: 30px 45px; + background-color: #f8f9fb; + margin-bottom: 30px; } .atbds_warnings__single .atbds_warnings__icon { - width: 70px; - height: 70px; - margin: 0 auto; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - background-color: #fff; - -webkit-box-shadow: 0 5px 10px rgba(161, 168, 198, 0.05); - box-shadow: 0 5px 10px rgba(161, 168, 198, 0.05); + width: 70px; + height: 70px; + margin: 0 auto; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + background-color: #fff; + box-shadow: 0 5px 10px rgba(161, 168, 198, 0.05); } .atbds_warnings__single .atbds_warnings__icon i, .atbds_warnings__single .atbds_warnings__icon span { - font-size: 30px; + font-size: 30px; } .atbds_warnings__single .atbds_warnings__icon i, .atbds_warnings__single .atbds_warnings__icon span, .atbds_warnings__single .atbds_warnings__icon svg { - color: #EF8000; + color: #ef8000; } .atbds_warnings__single .atbds_warnigns__content { - max-width: 290px; - margin: 0 auto; + max-width: 290px; + margin: 0 auto; } .atbds_warnings__single .atbds_warnigns__content h1, .atbds_warnings__single .atbds_warnigns__content h2, @@ -1878,292 +1822,274 @@ span.atbdp-tick-cross { .atbds_warnings__single .atbds_warnigns__content h4, .atbds_warnings__single .atbds_warnigns__content h5, .atbds_warnings__single .atbds_warnigns__content h6 { - font-size: 18px; - line-height: 1.444; - font-weight: 500; - color: #272b41; - margin-bottom: 19px; + font-size: 18px; + line-height: 1.444; + font-weight: 500; + color: #272b41; + margin-bottom: 19px; } .atbds_warnings__single .atbds_warnigns__content p { - font-size: 15px; - line-height: 1.733; - color: #5a5f7d; + font-size: 15px; + line-height: 1.733; + color: #5a5f7d; } .atbds_warnings__single .atbds_warnigns__content .atbds_btnLink { - margin-top: 30px; + margin-top: 30px; } /* atbds Buttons */ .atbds_btnLink { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - text-decoration: none; - color: #3e62f5; + display: inline-flex; + align-items: center; + font-size: 14px; + font-weight: 500; + text-decoration: none; + color: #3e62f5; } .atbds_btnLink i { - margin-right: 7px; + margin-right: 7px; } .atbds_btn { - font-size: 14px; - font-weight: 500; - display: inline-block; - padding: 12px 30px; - border-radius: 4px; - cursor: pointer; - background-color: #c6d0dc; - border: 1px solid #c6d0dc; - -webkit-box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); - box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); - -webkit-transition: 0.3s; - transition: 0.3s; + font-size: 14px; + font-weight: 500; + display: inline-block; + padding: 12px 30px; + border-radius: 4px; + cursor: pointer; + background-color: #c6d0dc; + border: 1px solid #c6d0dc; + box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); + transition: 0.3s; } .atbds_btn:hover { - background-color: transparent; - border: 1px solid #3e62f5; + background-color: transparent; + border: 1px solid #3e62f5; } .atbds_btn.atbds_btnPrimary { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .atbds_btn.atbds_btnPrimary:hover { - color: #3e62f5; - background-color: #fff; - border-color: #3e62f5; + color: #3e62f5; + background-color: #fff; + border-color: #3e62f5; } .atbds_btn.atbds_btnDark { - color: #fff; - background-color: #272b41; + color: #fff; + background-color: #272b41; } .atbds_btn.atbds_btnDark:hover { - color: #272b41; - background-color: #fff; - border-color: #272b41; + color: #272b41; + background-color: #fff; + border-color: #272b41; } .atbds_btn.atbds_btnGray { - color: #272b41; - background-color: #e3e6ef; + color: #272b41; + background-color: #e3e6ef; } .atbds_btn.atbds_btnGray:hover { - color: #272b41; - background-color: #fff; - border-color: #e3e6ef; + color: #272b41; + background-color: #fff; + border-color: #e3e6ef; } .atbds_btn.atbds_btnBordered { - background-color: transparent; - border: 1px solid; + background-color: transparent; + border: 1px solid; } .atbds_btn.atbds_btnBordered.atbds_btnPrimary { - color: #3e62f5; - border-color: #3e62f5; + color: #3e62f5; + border-color: #3e62f5; } .atbds_buttonGroup { - margin: -5px; + margin: -5px; } .atbds_buttonGroup button { - margin: 5px; + margin: 5px; } /* atbds Form Row */ .atbds_form-row:not(:last-child) { - margin-bottom: 30px; + margin-bottom: 30px; } .atbds_form-row label, -.atbds_form-row input[type=text], -.atbds_form-row input[type=email], +.atbds_form-row input[type="text"], +.atbds_form-row input[type="email"], .atbds_form-row textarea { - width: 100%; + width: 100%; } .atbds_form-row input, .atbds_form-row textarea { - border-color: #c6d0dc; - min-height: 46px; - border-radius: 4px; - padding: 0 20px; + border-color: #c6d0dc; + min-height: 46px; + border-radius: 4px; + padding: 0 20px; } .atbds_form-row input:focus, .atbds_form-row textarea:focus { - background-color: #f4f5f7; - color: #868eae; - border-color: #c6d0dc; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + background-color: #f4f5f7; + color: #868eae; + border-color: #c6d0dc; + box-shadow: 0 0; } .atbds_form-row textarea { - padding: 12px 20px; + padding: 12px 20px; } .atbds_form-row label { - display: inline-block; - font-size: 14px; - font-weight: 500; - color: #272b41; - margin-bottom: 8px; + display: inline-block; + font-size: 14px; + font-weight: 500; + color: #272b41; + margin-bottom: 8px; } .atbds_form-row textarea { - min-height: 200px; + min-height: 200px; } -.atbds_customCheckbox input[type=checkbox] { - display: none; +.atbds_customCheckbox input[type="checkbox"] { + display: none; } .atbds_customCheckbox label { - font-size: 15px; - color: #868eae; - display: inline-block !important; - font-size: 14px; -} -.atbds_customCheckbox input[type=checkbox] + label { - min-width: 20px; - min-height: 20px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - padding-right: 38px; - margin-bottom: 0; - line-height: 1.4; - font-weight: 400; - color: #868eae; -} -.atbds_customCheckbox input[type=checkbox] + label:after { - position: absolute; - right: 0; - top: 0; - width: 18px; - height: 18px; - border-radius: 3px; - content: ""; - background-color: #fff; - border-width: 1px; - border-style: solid; - border: 1px solid #c6d0dc; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.atbds_customCheckbox input[type=checkbox] + label:before { - position: absolute; - font-size: 12px; - right: 4px; - top: 2px; - font-weight: 900; - content: "\f00c"; - font-family: "Font Awesome 5 Free"; - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; - color: #3e62f5; -} -.atbds_customCheckbox input[type=checkbox]:checked + label:after { - background-color: #00bc5e; - border: 1px solid #00bc5e; -} -.atbds_customCheckbox input[type=checkbox]:checked + label:before { - opacity: 1; - color: #fff; + font-size: 15px; + color: #868eae; + display: inline-block !important; + font-size: 14px; +} +.atbds_customCheckbox input[type="checkbox"] + label { + min-width: 20px; + min-height: 20px; + font-size: 14px; + display: flex; + flex-flow: column; + position: relative; + padding-right: 38px; + margin-bottom: 0; + line-height: 1.4; + font-weight: 400; + color: #868eae; +} +.atbds_customCheckbox input[type="checkbox"] + label:after { + position: absolute; + right: 0; + top: 0; + width: 18px; + height: 18px; + border-radius: 3px; + content: ""; + background-color: #fff; + border-width: 1px; + border-style: solid; + border: 1px solid #c6d0dc; + transition: 0.3s ease; +} +.atbds_customCheckbox input[type="checkbox"] + label:before { + position: absolute; + font-size: 12px; + right: 4px; + top: 2px; + font-weight: 900; + content: "\f00c"; + font-family: "Font Awesome 5 Free"; + display: block; + opacity: 0; + transition: all 0.3s ease 0s; + z-index: 2; + color: #3e62f5; +} +.atbds_customCheckbox input[type="checkbox"]:checked + label:after { + background-color: #00bc5e; + border: 1px solid #00bc5e; +} +.atbds_customCheckbox input[type="checkbox"]:checked + label:before { + opacity: 1; + color: #fff; } #listing_form_info { - background: none; - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; + background: none; + border: 0 none; + box-shadow: none; } #listing_form_info #directiost-listing-fields_wrapper { - margin-top: 15px !important; + margin-top: 15px !important; } #listing_form_info .atbd_content_module { - border: 1px solid #e3e6ef; - margin-bottom: 35px; - background-color: #ffffff; - text-align: right; - border-radius: 3px; + border: 1px solid #e3e6ef; + margin-bottom: 35px; + background-color: #ffffff; + text-align: right; + border-radius: 3px; } #listing_form_info .atbd_content_module .atbd_content_module_title_area { - border-bottom: 1px solid #e3e6ef; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 20px 30px !important; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + border-bottom: 1px solid #e3e6ef; + display: flex; + justify-content: space-between; + padding: 20px 30px !important; + align-items: center; + flex-wrap: wrap; } #listing_form_info .atbd_content_module .atbd_content_module_title_area h4 { - margin: 0; + margin: 0; } #listing_form_info .atbd_content_module .atbdb_content_module_contents { - padding: 30px; -} -#listing_form_info .atbd_content_module .atbdb_content_module_contents .form-group:last-child { - margin-bottom: 0; -} -#listing_form_info .atbd_content_module .atbdb_content_module_contents #hide_if_no_manual_cor { - margin-top: 15px; -} -#listing_form_info .atbd_content_module .atbdb_content_module_contents .hide-map-option { - margin-top: 15px; -} -#listing_form_info .atbd_content_module .atbdb_content_module_contents .atbdb_content_module_contents { - padding: 0 20px 20px; + padding: 30px; +} +#listing_form_info + .atbd_content_module + .atbdb_content_module_contents + .form-group:last-child { + margin-bottom: 0; +} +#listing_form_info + .atbd_content_module + .atbdb_content_module_contents + #hide_if_no_manual_cor { + margin-top: 15px; +} +#listing_form_info + .atbd_content_module + .atbdb_content_module_contents + .hide-map-option { + margin-top: 15px; +} +#listing_form_info + .atbd_content_module + .atbdb_content_module_contents + .atbdb_content_module_contents { + padding: 0 20px 20px; } #listing_form_info .directorist_loader { - position: absolute; - top: 0; - left: 0%; + position: absolute; + top: 0; + left: 0%; } .atbd-booking-information .atbd_area_title { - padding: 0 20px; + padding: 0 20px; } .wp-list-table .page-title-action { - background-color: #222; - border: 0 none; - border-radius: 3px; - font-size: 11px; - position: relative; - top: 1px; - color: #fff; + background-color: #222; + border: 0 none; + border-radius: 3px; + font-size: 11px; + position: relative; + top: 1px; + color: #fff; } .atbd-listing-type-active-status { - display: inline-block; - color: #00AC17; - margin-right: 10px; + display: inline-block; + color: #00ac17; + margin-right: 10px; } /* atbds SupportForm */ .atbds_supportForm { - padding: 10px 50px 50px 50px; - color: #5a5f7d; + padding: 10px 50px 50px 50px; + color: #5a5f7d; } .atbds_supportForm h1, .atbds_supportForm h2, @@ -2171,5888 +2097,5799 @@ span.atbdp-tick-cross { .atbds_supportForm h4, .atbds_supportForm h5, .atbds_supportForm h6 { - font-size: 20px; - font-weight: 500; - color: #272b41; - margin: 20px 0 15px; + font-size: 20px; + font-weight: 500; + color: #272b41; + margin: 20px 0 15px; } .atbds_supportForm p { - font-size: 15px; - margin-bottom: 35px; + font-size: 15px; + margin-bottom: 35px; } .atbds_supportForm .atbds_customCheckbox { - margin-top: -14px; + margin-top: -14px; } /* atbds remoteViewingForm */ .atbds_remoteViewingForm { - padding: 10px 50px 50px 50px; + padding: 10px 50px 50px 50px; } .atbds_remoteViewingForm p { - font-size: 15px; - line-height: 1.7333; - color: #5a5f7d; + font-size: 15px; + line-height: 1.7333; + color: #5a5f7d; } .atbds_remoteViewingForm .atbds_form-row input { - min-width: 450px; - margin-left: 10px; + min-width: 450px; + margin-left: 10px; } .atbds_remoteViewingForm .atbds_form-row .btn-test { - font-weight: 700; + font-weight: 700; } .atbds_remoteViewingForm .atbds_buttonGroup { - margin-top: -10px; + margin-top: -10px; } .atbds_remoteViewingForm .atbds_buttonGroup .atbds_btn { - padding: 10.5px 33px; + padding: 10.5px 33px; } @media only screen and (max-width: 1599px) { - .atbds_warnings__single { - padding: 30px; - } + .atbds_warnings__single { + padding: 30px; + } } @media only screen and (max-width: 1399px) { - .atbds_warnings .atbds_col-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 47%; - -ms-flex: 0 0 47%; - flex: 0 0 47%; - max-width: 47%; - padding-right: 1.5%; - padding-left: 1.5%; - } + .atbds_warnings .atbds_col-4 { + flex: 0 0 47%; + max-width: 47%; + padding-right: 1.5%; + padding-left: 1.5%; + } } @media only screen and (max-width: 1024px) { - .atbds_warnings .atbds_row { - margin: 0px; - } - .atbds_warnings .atbds_col-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - max-width: 100%; - padding-right: 0; - padding-left: 0; - } + .atbds_warnings .atbds_row { + margin: 0px; + } + .atbds_warnings .atbds_col-4 { + flex: 0 0 100%; + max-width: 100%; + padding-right: 0; + padding-left: 0; + } } @media only screen and (max-width: 1120px) { - .atbds_remoteViewingForm .atbds_form-row input { - min-width: 300px; - } + .atbds_remoteViewingForm .atbds_form-row input { + min-width: 300px; + } } @media only screen and (max-width: 850px) { - .atbds_wrapper { - padding: 30px; - } - .atbds_wrapper .atbds_row { - margin: 0px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - } - .atbds_wrapper .atbds_row .atbds_col-left { - margin-left: 0; - } - .atbds_wrapper .atbds_row .atbds_sidebar.pl-30 { - padding-right: 0; - } - .atbds_wrapper .atbds_row .atbds_sidebar #atbds_status-tab { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } - .atbds_remoteViewingForm .atbds_form-row input { - min-width: 100%; - margin-bottom: 15px; - } - .table-responsive { - width: 100%; - display: block; - overflow-x: auto; - } + .atbds_wrapper { + padding: 30px; + } + .atbds_wrapper .atbds_row { + margin: 0px; + flex-flow: column; + } + .atbds_wrapper .atbds_row .atbds_col-left { + margin-left: 0; + } + .atbds_wrapper .atbds_row .atbds_sidebar.pl-30 { + padding-right: 0; + } + .atbds_wrapper .atbds_row .atbds_sidebar #atbds_status-tab { + display: flex; + flex-wrap: wrap; + } + .atbds_remoteViewingForm .atbds_form-row input { + min-width: 100%; + margin-bottom: 15px; + } + .table-responsive { + width: 100%; + display: block; + overflow-x: auto; + } } @media only screen and (max-width: 764px) { - .atbds_warnings__single { - padding: 15px; - } - .atbds_supportForm { - padding: 10px 25px 25px 25px; - } - .atbds_customCheckbox input[type=checkbox] + label { - padding-right: 28px; - } + .atbds_warnings__single { + padding: 15px; + } + .atbds_supportForm { + padding: 10px 25px 25px 25px; + } + .atbds_customCheckbox input[type="checkbox"] + label { + padding-right: 28px; + } } #atbdp-send-system-info .system_info_success { - color: #00AC17; + color: #00ac17; } #atbds_r-viewing #atbdp-remote-response { - padding: 20px 50px 0; - color: #00AC17; + padding: 20px 50px 0; + color: #00ac17; } #atbds_r-viewing .atbds_form-row .button-secondary { - padding: 8px 33px; - text-decoration: none; - border-color: #3e62f5; - color: #3e62f5; - background-color: #fff; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + padding: 8px 33px; + text-decoration: none; + border-color: #3e62f5; + color: #3e62f5; + background-color: #fff; + transition: 0.3s ease; } #atbds_r-viewing .atbds_form-row .button-secondary:hover { - background-color: #3e62f5; - color: #fff; + background-color: #3e62f5; + color: #fff; } .vp-wrap .vp-menus ul.vp-menu-level-2 > li a i.fa, .fa { - font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; + font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; } .atbdb_content_module_contents .ez-media-uploader { - text-align: center; + text-align: center; } .add_listing_form_wrapper .upload-header, .add_listing_form_wrapper #listing_image_btn, .add_listing_form_wrapper #delete-custom-img { - font-size: 15px; - padding: 0 15.8px !important; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - line-height: 38px; - border-radius: 4px; - text-decoration: none; - color: #fff; + font-size: 15px; + padding: 0 15.8px !important; + display: inline-flex; + align-items: center; + line-height: 38px; + border-radius: 4px; + text-decoration: none; + color: #fff; } .add_listing_form_wrapper .listing-img-container { - margin: 40px 0 20px; - margin: -10px; - text-align: center; + margin: 40px 0 20px; + margin: -10px; + text-align: center; } .add_listing_form_wrapper .listing-img-container .single_attachment { - display: inline-block; - margin: 10px; - position: relative; -} -.add_listing_form_wrapper .listing-img-container .single_attachment .remove_image { - position: absolute; - top: -5px; - left: -5px; - background-color: #d3d1ec; - line-height: 26px; - width: 26px; - border-radius: 50%; - -webkit-transition: 0.2s; - transition: 0.2s; - cursor: pointer; - color: #ffffff; + display: inline-block; + margin: 10px; + position: relative; +} +.add_listing_form_wrapper + .listing-img-container + .single_attachment + .remove_image { + position: absolute; + top: -5px; + left: -5px; + background-color: #d3d1ec; + line-height: 26px; + width: 26px; + border-radius: 50%; + -webkit-transition: 0.2s; + -moz-transition: 0.2s; + -ms-transition: 0.2s; + -o-transition: 0.2s; + transition: 0.2s; + cursor: pointer; + color: #ffffff; } .add_listing_form_wrapper .listing-img-container img { - max-width: 100px; - height: 65px !important; + max-width: 100px; + height: 65px !important; } .add_listing_form_wrapper .listing-img-container p { - font-size: 14px; + font-size: 14px; } .add_listing_form_wrapper .directorist-hide-if-no-js { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + justify-content: center; } .add_listing_form_wrapper #listing_image_btn .dashicons-format-image { - margin-left: 6px; + margin-left: 6px; } .add_listing_form_wrapper #delete-custom-img { - margin-right: 5px; - background-color: #EF0000; + margin-right: 5px; + background-color: #ef0000; } .add_listing_form_wrapper #delete-custom-img.hidden { - display: none; + display: none; } #announcment_submit .vp-input ~ span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: #007cba; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0 15px; - border-radius: 3px; - color: #fff; - background-image: none; - width: auto; - cursor: pointer; + display: flex; + background-color: #007cba; + align-items: center; + justify-content: center; + padding: 0 15px; + border-radius: 3px; + color: #fff; + background-image: none; + width: auto; + cursor: pointer; } #announcment_submit .vp-input ~ span:after { - content: "Send"; + content: "Send"; } /* Announcment */ /* ----------------------------- */ #announcement_submit .vp-input ~ span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: #007cba; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0 15px; - border-radius: 3px; - color: #fff; - background-image: none; - width: 80px; - cursor: pointer; + display: flex; + background-color: #007cba; + align-items: center; + justify-content: center; + padding: 0 15px; + border-radius: 3px; + color: #fff; + background-image: none; + width: 80px; + cursor: pointer; } #announcement_submit .vp-input ~ span:after { - content: "Send"; + content: "Send"; } #announcement_submit .label { - visibility: hidden; + visibility: hidden; } .announcement-feedback { - margin-bottom: 15px; + margin-bottom: 15px; } /* --------------[ Announcment End ]--------------- */ /* Section */ .atbdp-section { - display: block; + display: block; } .atbdp-section-toggle, .atbdp-accordion-toggle { - cursor: pointer; + cursor: pointer; } .atbdp-section-header { - display: block; + display: block; } #directorist.atbd_wrapper h3.atbdp-section-title { - margin-bottom: 25px; + margin-bottom: 25px; } .atbdp-section-content { - padding: 10px; - background-color: #fff; + padding: 10px; + background-color: #fff; } .atbdp-state-section-content { - margin-bottom: 20px; - padding: 25px 30px; + margin-bottom: 20px; + padding: 25px 30px; } .atbdp-state-vertical { - padding: 8px 20px; + padding: 8px 20px; } .atbdp-themes-extension-license-activation-content { - padding: 0; - background-color: transparent; + padding: 0; + background-color: transparent; } /* Accordion */ .atbdp-license-accordion { - margin: 30px 0; + margin: 30px 0; } .atbdp-accordion-content { - display: none; - padding: 10px; - background-color: #fff; + display: none; + padding: 10px; + background-color: #fff; } /* Card */ .atbdp-card-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 0 -15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + margin: 0 -15px; + flex-wrap: wrap; } .atbdp-card-list__item { - margin-bottom: 10px; - width: 100%; - max-width: 300px; - padding: 0 15px; + margin-bottom: 10px; + width: 100%; + max-width: 300px; + padding: 0 15px; } .atbdp-card { - display: block; - background-color: #fff; - -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); - padding: 20px; - text-align: center; + display: block; + background-color: #fff; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); + padding: 20px; + text-align: center; } .atbdp-card-header { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .atbdp-card-body { - display: block; + display: block; } #directorist.atbd_wrapper .atbdp-card-title, .atbdp-card-title { - font-size: 19px; + font-size: 19px; } .atbdp-card-icon { - display: block; - font-size: 60px; + display: block; + font-size: 60px; } .atbdp-card-icon { - display: block; + display: block; } /* Form */ .atbdp-centered-box { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - min-height: calc(100vh - 50px); + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + min-height: calc(100vh - 50px); } .atbdp-form-container { - margin: 0 auto; - width: 100%; - max-width: 400px; - padding: 20px; - border-radius: 4px; - -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); - background-color: #fff; + margin: 0 auto; + width: 100%; + max-width: 400px; + padding: 20px; + border-radius: 4px; + box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); + background-color: #fff; } .atbdp-license-form-container { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .atbdp-form-page { - width: 100%; + width: 100%; } .atbdp-form-response-page { - width: 100%; + width: 100%; } .atbdp-checklist-section { - margin-top: 30px; - text-align: right; + margin-top: 30px; + text-align: right; } .atbdp-form-header { - display: block; + display: block; } .atbdp-form-body { - display: block; + display: block; } .atbdp-form-footer { - display: block; - text-align: center; + display: block; + text-align: center; } .atbdp-form-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .atbdp-form-group label { - display: block; - margin-bottom: 5px; - font-weight: bold; + display: block; + margin-bottom: 5px; + font-weight: bold; } input.atbdp-form-control { - display: block; - width: 100%; - border: none; - height: 40px; - border-radius: 4px; - border: 0 none; - padding: 0 15px; - background-color: #f4f5f7; + display: block; + width: 100%; + border: none; + height: 40px; + border-radius: 4px; + border: 0 none; + padding: 0 15px; + background-color: #f4f5f7; } .atbdp-form-feedback { - margin: 10px 0; + margin: 10px 0; } .atbdp-form-feedback span { - display: inline-block; - margin-right: 10px; + display: inline-block; + margin-right: 10px; } .et-auth-section-wrap { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + align-items: center; } .et-auth-section-wrap .atbdp-input-group-wrap { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + align-items: center; } .et-auth-section-wrap .atbdp-input-group-wrap .atbdp-form-control { - min-width: 140px; + min-width: 140px; } .et-auth-section-wrap .atbdp-input-group-append { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + align-items: center; } .atbdp-form-actions { - margin: 30px 0; - text-align: center; + margin: 30px 0; + text-align: center; } .atbdp-icon { - display: inline-block; + display: inline-block; } .atbdp-icon-large { - display: block; - margin-bottom: 20px; - font-size: 45px; - text-align: center; + display: block; + margin-bottom: 20px; + font-size: 45px; + text-align: center; } .atbdp-form-alert { - padding: 8px 15px; - border-radius: 4px; - margin-bottom: 5px; - text-align: center; - color: #2b2b2b; - background: f2f2f2; + padding: 8px 15px; + border-radius: 4px; + margin-bottom: 5px; + text-align: center; + color: #2b2b2b; + background: f2f2f2; } .atbdp-form-alert a { - color: rgba(255, 255, 255, 0.5); + color: rgba(255, 255, 255, 0.5); } .atbdp-form-alert a:hover { - color: rgba(255, 255, 255, 0.8); + color: rgba(255, 255, 255, 0.8); } .atbdp-form-alert-success { - color: #fff; - background-color: #53b732; + color: #fff; + background-color: #53b732; } .atbdp-form-alert-danger, .atbdp-form-alert-error { - color: #fff; - background-color: #ff4343; + color: #fff; + background-color: #ff4343; } .atbdp-btn { - padding: 8px 20px; - border: none; - border-radius: 3px; - min-height: 40px; - cursor: pointer; + padding: 8px 20px; + border: none; + border-radius: 3px; + min-height: 40px; + cursor: pointer; } .atbdp-btn-primary { - color: #fff; - background-color: #6495ed; + color: #fff; + background-color: #6495ed; } /* Utility */ .purchase-refresh-btn-wrapper { - overflow: hidden; + overflow: hidden; } .atbdp-action-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .atbdp-hide { - width: 0; - overflow: hidden; + width: 0; + overflow: hidden; } .atbdp-d-none { - display: none; + display: none; } .atbdp-px-5 { - padding: 0 5px !important; + padding: 0 5px !important; } .atbdp-mx-5 { - margin: 0 5px !important; + margin: 0 5px !important; } .atbdp-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .atbdp-text-center { - text-align: center; + text-align: center; } .atbdp-text-success { - color: #0fb73b; + color: #0fb73b; } .atbdp-text-danger { - color: #c81d1d; + color: #c81d1d; } .atbdp-text-muted { - color: gray; + color: gray; } /* Tab Contents */ .atbdp-tab-nav-area { - display: block; + display: block; } .atbdp-tab-nav-menu { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0 10px; - border-bottom: 1px solid #ccc; + display: flex; + flex-wrap: wrap; + padding: 0 10px; + border-bottom: 1px solid #ccc; } .atbdp-tab-nav-menu__item { - display: block; - position: relative; - margin: 0 5px; - font-weight: 600; - color: #555; - border: 1px solid #ccc; - border-bottom: none; + display: block; + position: relative; + margin: 0 5px; + font-weight: 600; + color: #555; + border: 1px solid #ccc; + border-bottom: none; } .atbdp-tab-nav-menu__item.active { - bottom: -1px; + bottom: -1px; } .atbdp-tab-nav-menu__link { - display: block; - padding: 10px 15px; - text-decoration: none; - color: #555; - background-color: #e5e5e5; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: block; + padding: 10px 15px; + text-decoration: none; + color: #555; + background-color: #e5e5e5; + transition: all ease-in-out 300ms; } .atbdp-tab-nav-menu__item.active .atbdp-tab-nav-menu__link { - background-color: #f1f1f1; + background-color: #f1f1f1; } .atbdp-tab-nav-menu__link:hover { - color: #555; - background-color: #fff; + color: #555; + background-color: #fff; } .atbdp-tab-nav-menu__link:active, .atbdp-tab-nav-menu__link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + box-shadow: none; } .atbdp-tab-nav-menu__item.active .atbdp-tab-nav-menu__link { - display: block; + display: block; } .atbdp-tab-content-area { - display: block; + display: block; } .atbdp-tab-content { - display: none; + display: none; } .atbdp-tab-content.active { - display: block; + display: block; } /* atbdp-counter-list */ #directorist.atbd_wrapper ul.atbdp-counter-list { - padding: 0; - margin: 0 -20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding: 0; + margin: 0 -20px; + box-sizing: border-box; } .atbdp-counter-list__item { - display: inline-block; - list-style: none; - padding: 0 20px; + display: inline-block; + list-style: none; + padding: 0 20px; } .atbdp-counter-list__number { - display: block; - font-size: 30px; - line-height: normal; - margin-bottom: 5px; - font-weight: 500; + display: block; + font-size: 30px; + line-height: normal; + margin-bottom: 5px; + font-weight: 500; } .atbdp-counter-list__label { - display: block; - font-weight: 500; + display: block; + font-weight: 500; } .atbdp-counter-list__actions { - display: block; + display: block; } .atbdp-counter-list-vertical { - display: block; + display: block; } .atbdp-counter-list-vertical .atbdp-counter-list__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + align-items: center; } @media only screen and (max-width: 475px) { - .atbdp-counter-list-vertical .atbdp-counter-list__item { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } - .atbdp-counter-list-vertical .atbdp-counter-list__item .atbdp-counter-list__actions { - margin-right: 0 !important; - } + .atbdp-counter-list-vertical .atbdp-counter-list__item { + flex-direction: column; + align-items: flex-start; + } + .atbdp-counter-list-vertical + .atbdp-counter-list__item + .atbdp-counter-list__actions { + margin-right: 0 !important; + } } .atbdp-counter-list-vertical .atbdp-counter-list__number { - margin-left: 10px; + margin-left: 10px; } .atbdp-counter-list-vertical .atbdp-counter-list__actions { - margin-right: auto; + margin-right: auto; } .et-contents__tab-item { - display: none; + display: none; } .et-contents__tab-item .theme-card-wrapper .theme-card { - width: 100%; + width: 100%; } .et-contents__tab-item.active { - display: block; + display: block; } .et-wrapper { - background-color: #fff; - border-radius: 4px; + background-color: #fff; + border-radius: 4px; } .et-wrapper .et-wrapper-head { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 15px 30px; - border-bottom: 1px solid #f1f2f6; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + padding: 15px 30px; + border-bottom: 1px solid #f1f2f6; } .et-wrapper .et-wrapper-head h3 { - font-size: 16px !important; - font-weight: 600; - margin: 0 !important; + font-size: 16px !important; + font-weight: 600; + margin: 0 !important; } .et-wrapper .et-wrapper-head .et-search { - position: relative; + position: relative; } .et-wrapper .et-wrapper-head .et-search input { - background-color: #f4f5f7; - height: 40px; - border-radius: 4px; - border: 0 none; - padding: 0 40px 0 15px; - min-width: 300px; + background-color: #f4f5f7; + height: 40px; + border-radius: 4px; + border: 0 none; + padding: 0 40px 0 15px; + min-width: 300px; } .et-wrapper .et-wrapper-head .et-search span { - position: absolute; - right: 15px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 16px; + position: absolute; + right: 15px; + top: 50%; + transform: translateY(-50%); + font-size: 16px; } .et-wrapper .et-contents .ext-table-responsive { - display: block; - width: 100%; - overflow-x: auto; - overflow-y: hidden; - padding-bottom: 30px; - border-bottom: 1px solid #f1f2f6; + display: block; + width: 100%; + overflow-x: auto; + overflow-y: hidden; + padding-bottom: 30px; + border-bottom: 1px solid #f1f2f6; } .et-wrapper .et-contents .ext-table-responsive table tr td .extension-name { - min-width: 400px; -} -.et-wrapper .et-contents .ext-table-responsive table tr td.directorist_status-badge { - min-width: 60px; -} -.et-wrapper .et-contents .ext-table-responsive table tr td.directorist_ext-update { - min-width: 70px; -} -.et-wrapper .et-contents .ext-table-responsive table tr td.directorist_ext-update p { - margin-top: 0; + min-width: 400px; +} +.et-wrapper + .et-contents + .ext-table-responsive + table + tr + td.directorist_status-badge { + min-width: 60px; +} +.et-wrapper + .et-contents + .ext-table-responsive + table + tr + td.directorist_ext-update { + min-width: 70px; +} +.et-wrapper + .et-contents + .ext-table-responsive + table + tr + td.directorist_ext-update + p { + margin-top: 0; } .et-wrapper .et-contents .ext-table-responsive table tr td.ext-action { - min-width: 180px; + min-width: 180px; } .et-wrapper .et-contents .ext-table-responsive table tr td.ext-info { - min-width: 120px; + min-width: 120px; } .et-wrapper .et-contents .ext-available:last-child .ext-table-responsive { - border-bottom: 0 none; - padding-bottom: 0; + border-bottom: 0 none; + padding-bottom: 0; } .et-wrapper .et-contents__tab-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0 18px; - border-bottom: 1px solid #e3e6ef; + display: flex; + align-items: center; + padding: 0 18px; + border-bottom: 1px solid #e3e6ef; } .et-wrapper .et-contents__tab-nav li { - margin: 0 12px; + margin: 0 12px; } .et-wrapper .et-contents__tab-nav li a { - padding: 25px 0; - position: relative; - display: block; - font-size: 15px; - font-weight: 500; - color: #868eae !important; + padding: 25px 0; + position: relative; + display: block; + font-size: 15px; + font-weight: 500; + color: #868eae !important; } .et-wrapper .et-contents__tab-nav li a:before { - position: absolute; - content: ""; - width: 100%; - height: 2px; - background: transparent; - bottom: -1px; - right: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + position: absolute; + content: ""; + width: 100%; + height: 2px; + background: transparent; + bottom: -1px; + right: 0; + transition: 0.3s ease; } .et-wrapper .et-contents__tab-nav li.active a { - color: #3e62f5 !important; - font-weight: 600; + color: #3e62f5 !important; + font-weight: 600; } .et-wrapper .et-contents__tab-nav li.active a:before { - background-color: #3e62f5; + background-color: #3e62f5; } .et-wrapper .et-contents .ext-wrapper h4 { - font-size: 15px !important; - font-weight: 500; - padding: 0 30px; + font-size: 15px !important; + font-weight: 500; + padding: 0 30px; } .et-wrapper .et-contents .ext-wrapper h4.req-ext-title { - margin-bottom: 10px; + margin-bottom: 10px; } .et-wrapper .et-contents .ext-wrapper span.ext-short-desc { - padding: 0 30px; - display: block; - margin-bottom: 20px; + padding: 0 30px; + display: block; + margin-bottom: 20px; } .et-wrapper .et-contents .ext-wrapper .ext-installed__table { - padding: 0 15px 25px; + padding: 0 15px 25px; } .et-wrapper .et-contents .ext-wrapper table { - width: 100%; + width: 100%; } .et-wrapper .et-contents .ext-wrapper table thead { - background-color: #f8f9fb; - width: 100%; - border-radius: 6px; + background-color: #f8f9fb; + width: 100%; + border-radius: 6px; } .et-wrapper .et-contents .ext-wrapper table thead th { - padding: 10px 15px; + padding: 10px 15px; } .et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + align-items: center; } .et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper .ei-select-all { - margin-left: 20px; -} -.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper .ei-select-all .directorist-checkbox__label { - min-height: 18px; - margin-bottom: 0 !important; -} -.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper .ei-action-dropdown { - margin-left: 8px; -} -.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper .ei-action-dropdown select { - border: 1px solid #e3e6ef !important; - border-radius: 4px; - height: 30px !important; - min-width: 130px; + margin-left: 20px; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + .ei-select-all + .directorist-checkbox__label { + min-height: 18px; + margin-bottom: 0 !important; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + .ei-action-dropdown { + margin-left: 8px; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + .ei-action-dropdown + select { + border: 1px solid #e3e6ef !important; + border-radius: 4px; + height: 30px !important; + min-width: 130px; } .et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper .ei-action-btn, -.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper button.ei-action-btn { - background-color: #c6d0dc !important; - border-radius: 4px; - color: #fff !important; - line-height: 30px; - padding: 0 15px !important; -} -.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper button.ei-action-btn { - padding: 6px 15px; - border: none; - border-radius: 4px !important; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper button.ei-action-btn:active, .et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper button.ei-action-btn:focus { - outline: none !important; -} -.et-wrapper .et-contents .ext-wrapper table .ei-action-wrapper button.ei-action-btn.ei-action-active { - background-color: #3e62f5 !important; +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + button.ei-action-btn { + background-color: #c6d0dc !important; + border-radius: 4px; + color: #fff !important; + line-height: 30px; + padding: 0 15px !important; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + button.ei-action-btn { + padding: 6px 15px; + border: none; + border-radius: 4px !important; + cursor: pointer; + transition: 0.3s ease; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + button.ei-action-btn:active, +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + button.ei-action-btn:focus { + outline: none !important; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ei-action-wrapper + button.ei-action-btn.ei-action-active { + background-color: #3e62f5 !important; } .et-wrapper .et-contents .ext-wrapper table .extension-name { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 12px 15px; - min-width: 300px; -} -.et-wrapper .et-contents .ext-wrapper table .extension-name .directorist-checkbox .directorist-checkbox__label { - padding-right: 30px; + display: flex; + align-items: center; + padding: 12px 15px; + min-width: 300px; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .extension-name + .directorist-checkbox + .directorist-checkbox__label { + padding-right: 30px; } .et-wrapper .et-contents .ext-wrapper table .extension-name input { - margin-left: 20px !important; -} -.et-wrapper .et-contents .ext-wrapper table .extension-name .directorist-checkbox__label { - display: -webkit-inline-box !important; - display: -webkit-inline-flex !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.et-wrapper .et-contents .ext-wrapper table .extension-name .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after { - top: 12px; -} -.et-wrapper .et-contents .ext-wrapper table .extension-name .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before { - top: 16px !important; + margin-left: 20px !important; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .extension-name + .directorist-checkbox__label { + display: inline-flex !important; + flex-direction: row; + align-items: center; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .extension-name + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after { + top: 12px; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .extension-name + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + top: 16px !important; } .et-wrapper .et-contents .ext-wrapper table .extension-name label { - margin-bottom: 0 !important; - display: -webkit-inline-box !important; - display: -webkit-inline-flex !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + margin-bottom: 0 !important; + display: inline-flex !important; + align-items: center; } .et-wrapper .et-contents .ext-wrapper table .extension-name label img { - display: inline-block; - margin-left: 15px; - border-radius: 6px; + display: inline-block; + margin-left: 15px; + border-radius: 6px; } .et-wrapper .et-contents .ext-wrapper table .extension-name label .ext-version { - color: #868eae; - font-size: 11px; - font-weight: 600; - display: inline-block; - margin-right: 10px; + color: #868eae; + font-size: 11px; + font-weight: 600; + display: inline-block; + margin-right: 10px; } .et-wrapper .et-contents .ext-wrapper table .active-badge { - display: inline-block; - font-size: 11px; - font-weight: 600; - color: #fff; - background-color: #00b158; - line-height: 22px; - padding: 0 10px; - border-radius: 25px; + display: inline-block; + font-size: 11px; + font-weight: 600; + color: #fff; + background-color: #00b158; + line-height: 22px; + padding: 0 10px; + border-radius: 25px; } .et-wrapper .et-contents .ext-wrapper table .ext-update-info { - margin-bottom: 0 !important; - position: relative; - padding-right: 20px; - font-size: 13px; + margin-bottom: 0 !important; + position: relative; + padding-right: 20px; + font-size: 13px; } .et-wrapper .et-contents .ext-wrapper table .ext-update-info:before { - position: absolute; - content: ""; - width: 8px; - height: 8px; - border-radius: 50%; - background-color: #2c99ff; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + content: ""; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: #2c99ff; + right: 0; + top: 50%; + transform: translateY(-50%); } .et-wrapper .et-contents .ext-wrapper table .ext-update-info span { - color: #2c99ff; - display: inline-block; - margin-right: 10px; - border-bottom: 1px dashed #2c99ff; - cursor: pointer; -} -.et-wrapper .et-contents .ext-wrapper table .ext-update-info.ext-updated:before { - background-color: #00b158; + color: #2c99ff; + display: inline-block; + margin-right: 10px; + border-bottom: 1px dashed #2c99ff; + cursor: pointer; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ext-update-info.ext-updated:before { + background-color: #00b158; } .et-wrapper .et-contents .ext-wrapper table .ext-action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -8px 0 0; - min-width: 170px; + display: flex; + align-items: center; + justify-content: flex-end; + flex-wrap: wrap; + margin: 0 -8px 0 0; + min-width: 170px; } .et-wrapper .et-contents .ext-wrapper table .ext-action .ext-action-drop { - margin-right: 17px; - display: inline-block; - position: relative; - font-size: 18px; - line-height: 34px; - border-radius: 4px; - padding: 0 8px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - outline: 0; + margin-right: 17px; + display: inline-block; + position: relative; + font-size: 18px; + line-height: 34px; + border-radius: 4px; + padding: 0 8px; + transition: 0.3s ease; + outline: 0; } @media only screen and (max-width: 767px) { - .et-wrapper .et-contents .ext-wrapper table .ext-action .ext-action-drop { - margin-right: 6px; - } -} -.et-wrapper .et-contents .ext-wrapper table .ext-action .ext-action-drop.active { - background-color: #f4f5f7 !important; + .et-wrapper .et-contents .ext-wrapper table .ext-action .ext-action-drop { + margin-right: 6px; + } +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ext-action + .ext-action-drop.active { + background-color: #f4f5f7 !important; } .et-wrapper .et-contents .ext-wrapper table .ext-action div { - position: relative; -} -.et-wrapper .et-contents .ext-wrapper table .ext-action div .ext-action-drop__item { - position: absolute; - left: 0; - top: 37px; - border: 1px solid #f1f2f6; - border-radius: 4px; - min-width: 140px; - -webkit-box-shadow: 0 5px 10px rgba(161, 168, 198, 0.2); - box-shadow: 0 5px 10px rgba(161, 168, 198, 0.2); - background-color: #fff; - z-index: 1; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.et-wrapper .et-contents .ext-wrapper table .ext-action div .ext-action-drop__item a { - line-height: 40px; - display: block; - padding: 0 20px; - font-size: 14px; - font-weight: 500; - color: #ff272a !important; -} -.et-wrapper .et-contents .ext-wrapper table .ext-action .ext-action-drop.active + .ext-action-drop__item { - visibility: visible; - opacity: 1; - pointer-events: all; + position: relative; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ext-action + div + .ext-action-drop__item { + position: absolute; + left: 0; + top: 37px; + border: 1px solid #f1f2f6; + border-radius: 4px; + min-width: 140px; + box-shadow: 0 5px 10px rgba(161, 168, 198, 0.2); + background-color: #fff; + z-index: 1; + visibility: hidden; + opacity: 0; + pointer-events: none; + transition: 0.3s ease; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ext-action + div + .ext-action-drop__item + a { + line-height: 40px; + display: block; + padding: 0 20px; + font-size: 14px; + font-weight: 500; + color: #ff272a !important; +} +.et-wrapper + .et-contents + .ext-wrapper + table + .ext-action + .ext-action-drop.active + + .ext-action-drop__item { + visibility: visible; + opacity: 1; + pointer-events: all; } .et-wrapper .et-contents .ext-wrapper .ext-installed-table { - padding: 15px 15px 0 15px; - margin-bottom: 30px; + padding: 15px 15px 0 15px; + margin-bottom: 30px; } .et-wrapper .et-contents .ext-wrapper .ext-available-table { - padding: 15px; + padding: 15px; } .et-wrapper .et-contents .ext-wrapper .ext-available-table h4 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .et-header-title-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + align-items: center; } @media only screen and (max-width: 660px) { - .et-header-title-area { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } + .et-header-title-area { + flex-flow: column; + align-items: flex-start; + } } .et-header-actions { - margin: 0 10px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + margin: 0 10px; + display: inline-flex; + align-items: center; + flex-wrap: wrap; } @media only screen and (max-width: 660px) { - .et-header-actions { - margin: 10px -6px -6px; - } - .et-header-actions .atbdp-action-group { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } - .et-header-actions .atbdp-action-group .purchase-refresh-btn-wrapper { - margin-bottom: 10px; - } + .et-header-actions { + margin: 10px -6px -6px; + } + .et-header-actions .atbdp-action-group { + flex-direction: column; + } + .et-header-actions .atbdp-action-group .purchase-refresh-btn-wrapper { + margin-bottom: 10px; + } } .et-auth-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow: hidden; + display: flex; + flex-wrap: nowrap; + overflow: hidden; } .et-auth-section-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 1px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow: hidden; + display: flex; + padding: 1px; + flex-grow: 1; + flex-wrap: nowrap; + overflow: hidden; } .atbdp-input-group-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .atbdp-input-group-append { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } #directorist.atbd_wrapper .ext-action-btn { - display: inline-block; - line-height: 34px; - background-color: #f4f5f7 !important; - padding: 0 20px; - border-radius: 25px; - margin: 0 8px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - font-size: 14px !important; - font-weight: 500; - white-space: nowrap; + display: inline-block; + line-height: 34px; + background-color: #f4f5f7 !important; + padding: 0 20px; + border-radius: 25px; + margin: 0 8px; + transition: 0.3s ease; + font-size: 14px !important; + font-weight: 500; + white-space: nowrap; } #directorist.atbd_wrapper .ext-action-btn:hover { - background-color: #3e62f5 !important; - color: #fff !important; + background-color: #3e62f5 !important; + color: #fff !important; } #directorist.atbd_wrapper .ext-action-btn.ext-install-btn { - background-color: #3e62f5 !important; - color: #fff !important; + background-color: #3e62f5 !important; + color: #fff !important; } .et-tab { - display: none; + display: none; } .et-tab-active { - display: block; + display: block; } /* theme card */ .theme-card-wrapper { - padding: 20px 30px 50px; + padding: 20px 30px 50px; } .theme-card { - background-color: #fff; - -webkit-box-shadow: 0 5px 20px rgba(173, 180, 210, 0.3); - box-shadow: 0 5px 20px rgba(173, 180, 210, 0.3); - width: 400px; - max-width: 400px; - border-radius: 6px; + background-color: #fff; + box-shadow: 0 5px 20px rgba(173, 180, 210, 0.3); + width: 400px; + max-width: 400px; + border-radius: 6px; } .theme-card figure { - padding: 25px 25px 20px; - margin-bottom: 0 !important; + padding: 25px 25px 20px; + margin-bottom: 0 !important; } .theme-card figure img { - width: 100%; - display: block; - border-radius: 6px; - -webkit-box-shadow: 0 5px 10px rgba(173, 180, 210, 0.2); - box-shadow: 0 5px 10px rgba(173, 180, 210, 0.2); + width: 100%; + display: block; + border-radius: 6px; + box-shadow: 0 5px 10px rgba(173, 180, 210, 0.2); } .theme-card figure figcaption .theme-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - margin: 20px 0; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + margin: 20px 0; } .theme-card figure figcaption .theme-title h5 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .theme-card figure figcaption .theme-action { - margin: -8px -6px; + margin: -8px -6px; } .theme-card figure figcaption .theme-action .theme-action-btn { - border-radius: 20px; - background-color: #f4f5f7 !important; - font-size: 14px; - font-weight: 500; - line-height: 40px; - padding: 0 20px; - color: #272b41; - display: inline-block; - margin: 8px 6px; + border-radius: 20px; + background-color: #f4f5f7 !important; + font-size: 14px; + font-weight: 500; + line-height: 40px; + padding: 0 20px; + color: #272b41; + display: inline-block; + margin: 8px 6px; } .theme-card figure figcaption .theme-action .theme-action-btn.btn-customize { - color: #fff !important; - background-color: #3e62f5 !important; + color: #fff !important; + background-color: #3e62f5 !important; } .theme-card__footer { - border-top: 1px solid #EFF1F6; - padding: 20px 25px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + border-top: 1px solid #eff1f6; + padding: 20px 25px; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; } .theme-card__footer p { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .theme-card__footer .theme-update { - position: relative; - padding-right: 16px; - font-size: 13px; - color: #5a5f7d !important; + position: relative; + padding-right: 16px; + font-size: 13px; + color: #5a5f7d !important; } .theme-card__footer .theme-update:before { - position: absolute; - content: ""; - width: 8px; - height: 8px; - background-color: #2c99ff; - border-radius: 50%; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + content: ""; + width: 8px; + height: 8px; + background-color: #2c99ff; + border-radius: 50%; + right: 0; + top: 50%; + transform: translateY(-50%); } .theme-card__footer .theme-update .whats-new { - display: inline-block; - color: #2c99ff !important; - border-bottom: 1px dashed #2c99ff; - margin-right: 10px; - cursor: pointer; + display: inline-block; + color: #2c99ff !important; + border-bottom: 1px dashed #2c99ff; + margin-right: 10px; + cursor: pointer; } .theme-card__footer .theme-update-btn { - display: inline-block; - line-height: 34px; - font-size: 13px; - font-weight: 500; - color: #fff !important; - background-color: #3e62f5 !important; - border-radius: 20px; - padding: 0 20px; + display: inline-block; + line-height: 34px; + font-size: 13px; + font-weight: 500; + color: #fff !important; + background-color: #3e62f5 !important; + border-radius: 20px; + padding: 0 20px; } .available-themes-wrapper .available-themes { - padding: 12px 30px 30px 30px; - margin: -15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 12px 30px 30px 30px; + margin: -15px; + display: flex; + align-items: center; + flex-wrap: wrap; } .available-themes-wrapper .available-themes .available-theme-card figure { - margin: 0; + margin: 0; } .available-themes-wrapper .available-theme-card { - max-width: 400px; - background-color: #f4f5f7; - border-radius: 6px; - padding: 25px; - margin: 15px; + max-width: 400px; + background-color: #f4f5f7; + border-radius: 6px; + padding: 25px; + margin: 15px; } .available-themes-wrapper .available-theme-card img { - width: 100%; + width: 100%; } .available-themes-wrapper figure { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .available-themes-wrapper figure img { - border-radius: 6px; - border-radius: 5px 0 rgba(173, 180, 210, 0.2) 10px; + border-radius: 6px; + border-radius: 5px 0 rgba(173, 180, 210, 0.2) 10px; } .available-themes-wrapper figure h5 { - margin: 20px 0 !important; - font-size: 20px; - font-weight: 500; - color: #272b41 !important; + margin: 20px 0 !important; + font-size: 20px; + font-weight: 500; + color: #272b41 !important; } .available-themes-wrapper figure .theme-action { - margin: -8px -6px; + margin: -8px -6px; } .available-themes-wrapper figure .theme-action .theme-action-btn { - line-height: 40px; - display: inline-block; - padding: 0 20px; - border-radius: 20px; - color: #272b41 !important; - -webkit-box-shadow: 0 5px 10px rgba(134, 142, 174, 0.05); - box-shadow: 0 5px 10px rgba(134, 142, 174, 0.05); - background-color: #fff !important; - font-weight: 500; - font-size: 14px; - margin: 8px 6px; -} -.available-themes-wrapper figure .theme-action .theme-action-btn.theme-activate-btn { - background-color: #3e62f5 !important; - color: #fff !important; + line-height: 40px; + display: inline-block; + padding: 0 20px; + border-radius: 20px; + color: #272b41 !important; + box-shadow: 0 5px 10px rgba(134, 142, 174, 0.05); + background-color: #fff !important; + font-weight: 500; + font-size: 14px; + margin: 8px 6px; +} +.available-themes-wrapper + figure + .theme-action + .theme-action-btn.theme-activate-btn { + background-color: #3e62f5 !important; + color: #fff !important; } #directorist.atbd_wrapper .account-connect { - padding: 30px 50px; - background-color: #fff; - border-radius: 6px; - -webkit-box-shadow: 0 5px 20px rgba(173, 180, 210, 0.05); - box-shadow: 0 5px 20px rgba(173, 180, 210, 0.05); - width: 670px; - margin: 0 auto 30px; - text-align: center; + padding: 30px 50px; + background-color: #fff; + border-radius: 6px; + box-shadow: 0 5px 20px rgba(173, 180, 210, 0.05); + width: 670px; + margin: 0 auto 30px; + text-align: center; } @media only screen and (max-width: 767px) { - #directorist.atbd_wrapper .account-connect { - width: 100%; - padding: 30px; - } + #directorist.atbd_wrapper .account-connect { + width: 100%; + padding: 30px; + } } #directorist.atbd_wrapper .account-connect h4 { - font-size: 24px !important; - font-weight: 500; - color: #272b41 !important; - margin-bottom: 20px; + font-size: 24px !important; + font-weight: 500; + color: #272b41 !important; + margin-bottom: 20px; } #directorist.atbd_wrapper .account-connect p { - font-size: 16px; - line-height: 1.63; - color: #5a5f7d !important; - margin-bottom: 30px; + font-size: 16px; + line-height: 1.63; + color: #5a5f7d !important; + margin-bottom: 30px; } #directorist.atbd_wrapper .account-connect__form form { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -12px -5px; + display: flex; + align-items: center; + flex-wrap: wrap; + margin: -12px -5px; } #directorist.atbd_wrapper .account-connect__form-group { - position: relative; - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - padding: 12px 5px; + position: relative; + flex: 0 0 50%; + padding: 12px 5px; } #directorist.atbd_wrapper .account-connect__form-group input { - width: 100%; - border-radius: 4px; - height: 48px; - border: 1px solid #e3e6ef; - padding: 0 42px 0 15px; + width: 100%; + border-radius: 4px; + height: 48px; + border: 1px solid #e3e6ef; + padding: 0 42px 0 15px; } #directorist.atbd_wrapper .account-connect__form-group span { - position: absolute; - font-size: 18px; - color: #a1a8c6; - right: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + font-size: 18px; + color: #a1a8c6; + right: 20px; + top: 50%; + transform: translateY(-50%); } #directorist.atbd_wrapper .account-connect__form-btn { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - margin: 12px 5px; + flex: 0 0 100%; + margin: 12px 5px; } #directorist.atbd_wrapper .account-connect__form-btn button { - position: relative; - display: block; - width: 100%; - border: 0 none; - background-color: #3e62f5; - height: 50px; - padding: 0 20px; - border-radius: 6px; - -webkit-box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); - box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); - font-size: 15px; - font-weight: 500; - color: #fff; - cursor: pointer; + position: relative; + display: block; + width: 100%; + border: 0 none; + background-color: #3e62f5; + height: 50px; + padding: 0 20px; + border-radius: 6px; + box-shadow: 0 5px 10px rgba(62, 98, 245, 0.1); + font-size: 15px; + font-weight: 500; + color: #fff; + cursor: pointer; } #directorist.atbd_wrapper .account-connect__form-btn button .atbdp-loading { - position: absolute; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + left: 20px; + top: 50%; + transform: translateY(-50%); } /* extension and themes column */ .extension-theme-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - margin: -25px; + display: flex; + flex-wrap: wrap; + align-items: flex-start; + margin: -25px; } #directorist.atbd_wrapper .et-column { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 25px; + flex: 1; + padding: 25px; } @media only screen and (max-width: 767px) { - #directorist.atbd_wrapper .et-column { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + #directorist.atbd_wrapper .et-column { + flex: 0 0 100%; + } } #directorist.atbd_wrapper .et-column h2 { - font-size: 22px; - font-weight: 500; - color: #272b41; - margin-bottom: 25px; + font-size: 22px; + font-weight: 500; + color: #272b41; + margin-bottom: 25px; } #directorist.atbd_wrapper .et-card { - background-color: #fff; - border-radius: 6px; - -webkit-box-shadow: 0 5px 5px rgba(173, 180, 210, 0.05); - box-shadow: 0 5px 5px rgba(173, 180, 210, 0.05); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 15px; - margin-bottom: 20px; + background-color: #fff; + border-radius: 6px; + box-shadow: 0 5px 5px rgba(173, 180, 210, 0.05); + display: flex; + align-items: center; + justify-content: center; + padding: 15px; + margin-bottom: 20px; } @media only screen and (max-width: 1199px) { - #directorist.atbd_wrapper .et-card { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + #directorist.atbd_wrapper .et-card { + flex-direction: column; + } } -#directorist.atbd_wrapper .et-card__image, #directorist.atbd_wrapper .et-card__details { - padding: 10px; +#directorist.atbd_wrapper .et-card__image, +#directorist.atbd_wrapper .et-card__details { + padding: 10px; } @media only screen and (max-width: 1199px) { - #directorist.atbd_wrapper .et-card__image, #directorist.atbd_wrapper .et-card__details { - max-width: 100%; - } + #directorist.atbd_wrapper .et-card__image, + #directorist.atbd_wrapper .et-card__details { + max-width: 100%; + } } #directorist.atbd_wrapper .et-card__image img { - max-width: 100%; - border-radius: 6px; - max-height: 150px; + max-width: 100%; + border-radius: 6px; + max-height: 150px; } #directorist.atbd_wrapper .et-card__details { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + flex: 1; } #directorist.atbd_wrapper .et-card__details h3 { - margin-top: 0; - margin-bottom: 20px; - font-size: 20px; - font-weight: 500; - color: #272b41; + margin-top: 0; + margin-bottom: 20px; + font-size: 20px; + font-weight: 500; + color: #272b41; } #directorist.atbd_wrapper .et-card__details p { - line-height: 1.63; - color: #5a5f7d; - margin-bottom: 20px; - font-size: 16px; + line-height: 1.63; + color: #5a5f7d; + margin-bottom: 20px; + font-size: 16px; } #directorist.atbd_wrapper .et-card__details ul { - margin: -5px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + margin: -5px; + padding: 0; + display: flex; + flex-wrap: wrap; + align-items: center; } #directorist.atbd_wrapper .et-card__details ul li { - padding: 5px; + padding: 5px; } #directorist.atbd_wrapper .et-card__btn { - line-height: 40px; - font-size: 14px; - font-weight: 500; - padding: 0 20px; - border-radius: 5px; - display: block; - text-decoration: none; + line-height: 40px; + font-size: 14px; + font-weight: 500; + padding: 0 20px; + border-radius: 5px; + display: block; + text-decoration: none; } #directorist.atbd_wrapper .et-card__btn--primary { - background-color: rgba(62, 98, 245, 0.1); - color: #3e62f5; + background-color: rgba(62, 98, 245, 0.1); + color: #3e62f5; } #directorist.atbd_wrapper .et-card__btn--secondary { - background-color: rgba(255, 64, 140, 0.1); - color: #ff408c; + background-color: rgba(255, 64, 140, 0.1); + color: #ff408c; } /* atmodal */ /* Modal Core Styles */ .atm-open { - overflow: hidden; + overflow: hidden; } .atm-open .at-modal { - overflow-x: hidden; - overflow-y: auto; + overflow-x: hidden; + overflow-y: auto; } .at-modal { - position: fixed; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - right: 0; - top: 0; - z-index: 9999; - display: none; - overflow: hidden; - outline: 0; + position: fixed; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + right: 0; + top: 0; + z-index: 9999; + display: none; + overflow: hidden; + outline: 0; } .at-modal-content { - position: relative; - width: 500px; - margin: 30px auto; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 0; - visibility: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-height: calc(100% - 5rem); - pointer-events: none; + position: relative; + width: 500px; + margin: 30px auto; + transition: 0.3s ease; + opacity: 0; + visibility: hidden; + display: flex; + align-items: center; + justify-content: center; + min-height: calc(100% - 5rem); + pointer-events: none; } .atm-contents-inner { - width: 100%; - background-color: #fff; - pointer-events: auto; - border-radius: 3px; - position: relative; + width: 100%; + background-color: #fff; + pointer-events: auto; + border-radius: 3px; + position: relative; } .at-modal-content.at-modal-lg { - width: 800px; + width: 800px; } .at-modal-content.at-modal-xl { - width: 1140px; + width: 1140px; } .at-modal-content.at-modal-sm { - width: 300px; + width: 300px; } .at-modal.atm-fade { - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + transition: 0.3s ease; } .at-modal.atm-fade:not(.atm-show) { - opacity: 0; - visibility: hidden; + opacity: 0; + visibility: hidden; } .at-modal.atm-show .at-modal-content { - opacity: 1; - visibility: visible; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + opacity: 1; + visibility: visible; + transition: 0.3s ease; } .at-modal .atm-contents-inner .at-modal-close { - width: 32px; - height: 32px; - top: 20px; - left: 20px; - position: absolute; - -webkit-transform: none; - transform: none; - background-color: #444752; - color: #fff; - border-radius: 300px; - opacity: 1; - font-weight: 300; - z-index: 2; - font-size: 16px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; + width: 32px; + height: 32px; + top: 20px; + left: 20px; + position: absolute; + transform: none; + background-color: #444752; + color: #fff; + border-radius: 300px; + opacity: 1; + font-weight: 300; + z-index: 2; + font-size: 16px; + padding: 0; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; } .at-modal .atm-contents-inner .close span { - display: block; - line-height: 0; + display: block; + line-height: 0; } #directorist.atbd_wrapper .modal-header { - padding: 20px 30px; + padding: 20px 30px; } #directorist.atbd_wrapper .modal-header .modal-title { - font-size: 25px; - font-weight: 500; - color: #151826; + font-size: 25px; + font-weight: 500; + color: #151826; } #directorist.atbd_wrapper .at-modal-close { - background-color: #5a5f7d; - color: #fff; - font-size: 25px; + background-color: #5a5f7d; + color: #fff; + font-size: 25px; } #directorist.atbd_wrapper .at-modal-close span { - position: relative; - top: -2px; + position: relative; + top: -2px; } #directorist.atbd_wrapper .at-modal-close:hover { - color: #fff; + color: #fff; } #directorist.atbd_wrapper .modal-body { - padding: 25px 40px 30px; + padding: 25px 40px 30px; } #directorist.atbd_wrapper .modal-body .update-list { - margin-bottom: 25px; + margin-bottom: 25px; } #directorist.atbd_wrapper .modal-body .update-list:last-child { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper .modal-body .update-list .update-badge { - line-height: 23px; - border-radius: 3px; - background-color: #000; - color: #fff; - font-size: 11px; - font-weight: 600; - padding: 0 7px; - display: inline-block; - margin-bottom: 15px; + line-height: 23px; + border-radius: 3px; + background-color: #000; + color: #fff; + font-size: 11px; + font-weight: 600; + padding: 0 7px; + display: inline-block; + margin-bottom: 15px; } -#directorist.atbd_wrapper .modal-body .update-list .update-badge.update-badge--new { - background-color: #00bb45; +#directorist.atbd_wrapper + .modal-body + .update-list + .update-badge.update-badge--new { + background-color: #00bb45; } -#directorist.atbd_wrapper .modal-body .update-list .update-badge.update-badge--fixed { - background-color: #0090fd; +#directorist.atbd_wrapper + .modal-body + .update-list + .update-badge.update-badge--fixed { + background-color: #0090fd; } -#directorist.atbd_wrapper .modal-body .update-list .update-badge.update-badge--improved { - background-color: #4353ff; +#directorist.atbd_wrapper + .modal-body + .update-list + .update-badge.update-badge--improved { + background-color: #4353ff; } -#directorist.atbd_wrapper .modal-body .update-list .update-badge.update-badge--removed { - background-color: #d72323; +#directorist.atbd_wrapper + .modal-body + .update-list + .update-badge.update-badge--removed { + background-color: #d72323; } #directorist.atbd_wrapper .modal-body .update-list ul, #directorist.atbd_wrapper .modal-body .update-list ul li { - margin: 0; + margin: 0; } #directorist.atbd_wrapper .modal-body .update-list ul li { - margin-bottom: 12px; - font-size: 16px; - color: #5c637e; - padding-right: 20px; - position: relative; + margin-bottom: 12px; + font-size: 16px; + color: #5c637e; + padding-right: 20px; + position: relative; } #directorist.atbd_wrapper .modal-body .update-list ul li:last-child { - margin-bottom: 0; + margin-bottom: 0; } #directorist.atbd_wrapper .modal-body .update-list ul li:before { - position: absolute; - content: ""; - width: 6px; - height: 6px; - border-radius: 50%; - background-color: #000; - right: 0; - top: 5px; + position: absolute; + content: ""; + width: 6px; + height: 6px; + border-radius: 50%; + background-color: #000; + right: 0; + top: 5px; } #directorist.atbd_wrapper .modal-body .update-list.update-list--new li:before { - background-color: #00bb45; + background-color: #00bb45; } -#directorist.atbd_wrapper .modal-body .update-list.update-list--fixed li:before { - background-color: #0090fd; +#directorist.atbd_wrapper + .modal-body + .update-list.update-list--fixed + li:before { + background-color: #0090fd; } -#directorist.atbd_wrapper .modal-body .update-list.update-list--improved li:before { - background-color: #4353ff; +#directorist.atbd_wrapper + .modal-body + .update-list.update-list--improved + li:before { + background-color: #4353ff; } -#directorist.atbd_wrapper .modal-body .update-list.update-list--removed li:before { - background-color: #d72323; +#directorist.atbd_wrapper + .modal-body + .update-list.update-list--removed + li:before { + background-color: #d72323; } #directorist.atbd_wrapper .modal-footer button { - background-color: #3e62f5; - border-color: #3e62f5; + background-color: #3e62f5; + border-color: #3e62f5; } /* Responsive CSS */ /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) and (max-width: 1199.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) and (max-width: 767.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 30px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 30px); + } } /* Default WP Theme overwrite */ body.wp-admin { - background-color: #f3f4f6; - font-family: "Inter", sans-serif; + background-color: #f3f4f6; + font-family: "Inter", sans-serif; } .directorist_builder-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - width: 100%; - margin-right: -24px; - margin-top: -10px; - background-color: #fff; - padding: 0 24px; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + margin-right: -24px; + margin-top: -10px; + background-color: #fff; + padding: 0 24px; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); } @media only screen and (max-width: 575px) { - .directorist_builder-header { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 20px 0; - } + .directorist_builder-header { + flex-direction: column; + padding: 20px 0; + } } @media only screen and (max-width: 575px) { - .directorist_builder-header .directorist_builder-header__left { - margin-bottom: 15px; - } + .directorist_builder-header .directorist_builder-header__left { + margin-bottom: 15px; + } } .directorist_builder-header .directorist_logo { - max-width: 108px; - max-height: 32px; + max-width: 108px; + max-height: 32px; } .directorist_builder-header .directorist_logo img { - width: 100%; - max-height: inherit; + width: 100%; + max-height: inherit; } .directorist_builder-header .directorist_builder-links { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px 18px; + margin: 0; + padding: 0; + display: flex; + flex-wrap: wrap; + gap: 10px 18px; } .directorist_builder-header .directorist_builder-links li { - display: inline-block; - margin-bottom: 0; + display: inline-block; + margin-bottom: 0; } .directorist_builder-header .directorist_builder-links a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 2px 5px; - padding: 17px 0; - text-decoration: none; - font-size: 13px; - color: #4d5761; - font-weight: 500; - line-height: 14px; + display: flex; + align-items: center; + gap: 2px 5px; + padding: 17px 0; + text-decoration: none; + font-size: 13px; + color: #4d5761; + font-weight: 500; + line-height: 14px; } .directorist_builder-header .directorist_builder-links a .svg-icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #747c89; + display: inline-flex; + align-items: center; + color: #747c89; } .directorist_builder-header .directorist_builder-links a:hover { - color: #3e62f5; + color: #3e62f5; } .directorist_builder-header .directorist_builder-links a:hover .svg-icon { - color: inherit; + color: inherit; } @media only screen and (max-width: 575px) { - .directorist_builder-header .directorist_builder-links a { - padding: 6px 0; - } + .directorist_builder-header .directorist_builder-links a { + padding: 6px 0; + } } .directorist_builder-header .directorist_builder-links a i { - font-size: 16px; + font-size: 16px; } .directorist_builder-body { - margin-top: 20px; + margin-top: 20px; } .directorist_builder-body .directorist_builder__title { - font-size: 19px; - line-height: 25px; - font-weight: 600; - margin: 0; - color: #000; + font-size: 19px; + line-height: 25px; + font-weight: 600; + margin: 0; + color: #000; } .tabContentActive, .pstContentActive, .pstContentActive2, .pstContentActive3 { - display: block !important; - -webkit-animation: showTab 0.6s ease; - animation: showTab 0.6s ease; + display: block !important; + animation: showTab 0.6s ease; } .atbd_tab_inner, .pst_tab_inner, .pst_tab_inner-2, .pst_tab_inner-3 { - display: none; + display: none; } /* Directorist Membership Notice */ .atbdp-settings-manager .directorist_membership-notice { - margin-bottom: 0; + margin-bottom: 0; } .directorist_membership-notice { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - background-color: #5441b9; - background: linear-gradient(-45deg, #5441b9 1%, #b541d8 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5441b9', endColorstr='#b541d8', GradientType=1); - padding: 20px; - border-radius: 14px; - margin-bottom: 30px; + position: relative; + display: flex; + align-items: center; + justify-content: space-between; + background-color: #5441b9; + background: -moz-linear-gradient(-45deg, #5441b9 1%, #b541d8 100%); + background: -webkit-linear-gradient(-45deg, #5441b9 1%, #b541d8 100%); + background: linear-gradient(-45deg, #5441b9 1%, #b541d8 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5441b9", endColorstr="#b541d8", GradientType=1); + padding: 20px; + border-radius: 14px; + margin-bottom: 30px; } @media only screen and (max-width: 767px) { - .directorist_membership-notice { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } + .directorist_membership-notice { + flex-direction: column; + align-items: flex-start; + } } @media only screen and (max-width: 475px) { - .directorist_membership-notice { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - } + .directorist_membership-notice { + align-items: center; + } } .directorist_membership-notice .directorist_membership-notice__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } @media only screen and (max-width: 1199px) { - .directorist_membership-notice .directorist_membership-notice__content { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } + .directorist_membership-notice .directorist_membership-notice__content { + flex-direction: column; + align-items: flex-start; + } } @media only screen and (max-width: 800px) { - .directorist_membership-notice .directorist_membership-notice__content { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - } + .directorist_membership-notice .directorist_membership-notice__content { + flex-direction: row; + } } @media only screen and (max-width: 767px) { - .directorist_membership-notice .directorist_membership-notice__content { - margin-bottom: 30px; - } + .directorist_membership-notice .directorist_membership-notice__content { + margin-bottom: 30px; + } } @media only screen and (max-width: 475px) { - .directorist_membership-notice .directorist_membership-notice__content { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-align: center; - } + .directorist_membership-notice .directorist_membership-notice__content { + flex-direction: column; + align-items: center; + text-align: center; + } } .directorist_membership-notice .directorist_membership-notice__content img { - max-width: 140px; - height: 140px; - border-radius: 14px; - margin-left: 30px; + max-width: 140px; + height: 140px; + border-radius: 14px; + margin-left: 30px; } @media only screen and (max-width: 1399px) { - .directorist_membership-notice .directorist_membership-notice__content img { - max-width: 130px; - height: 130px; - } + .directorist_membership-notice .directorist_membership-notice__content img { + max-width: 130px; + height: 130px; + } } @media only screen and (max-width: 1199px) { - .directorist_membership-notice .directorist_membership-notice__content img { - margin-left: 0; - margin-bottom: 24px; - } + .directorist_membership-notice .directorist_membership-notice__content img { + margin-left: 0; + margin-bottom: 24px; + } } @media only screen and (max-width: 800px) { - .directorist_membership-notice .directorist_membership-notice__content img { - margin: 0 0 0 20px; - } + .directorist_membership-notice .directorist_membership-notice__content img { + margin: 0 0 0 20px; + } } @media only screen and (max-width: 475px) { - .directorist_membership-notice .directorist_membership-notice__content img { - margin-left: 0; - margin-bottom: 24px; - margin: 0 auto 24px auto; - } -} -.directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text { - color: #fff; -} -.directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text h4 { - font-size: 24px; - font-weight: bold; - margin: 4px 0 8px; + .directorist_membership-notice .directorist_membership-notice__content img { + margin-left: 0; + margin-bottom: 24px; + margin: 0 auto 24px auto; + } +} +.directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text { + color: #fff; +} +.directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + h4 { + font-size: 24px; + font-weight: bold; + margin: 4px 0 8px; } @media only screen and (max-width: 1499px) { - .directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text h4 { - font-size: 20px; - } + .directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + h4 { + font-size: 20px; + } } @media only screen and (max-width: 800px) { - .directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text h4 { - font-size: 20px; - margin: 0 0 8px; - } -} -.directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text p { - font-size: 16px; - font-weight: 500; - max-width: 350px; - margin-bottom: 12px; - color: rgba(255, 255, 255, 0.5647058824); -} -.directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text .directorist_membership-sale-badge { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 20px; - font-weight: bold; - min-height: 47px; - line-height: 1.95; - padding: 0 15px; - border-radius: 6px; - color: #000000; - -webkit-transition: 0.3s; - transition: 0.3s; - background-color: #3af4c2; -} -.directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text .directorist_membership-sale-badge:hover { - background-color: #64d8b9; + .directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + h4 { + font-size: 20px; + margin: 0 0 8px; + } +} +.directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + p { + font-size: 16px; + font-weight: 500; + max-width: 350px; + margin-bottom: 12px; + color: rgba(255, 255, 255, 0.5647058824); +} +.directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + .directorist_membership-sale-badge { + display: inline-flex; + align-items: center; + font-size: 20px; + font-weight: bold; + min-height: 47px; + line-height: 1.95; + padding: 0 15px; + border-radius: 6px; + color: #000000; + transition: 0.3s; + background-color: #3af4c2; +} +.directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + .directorist_membership-sale-badge:hover { + background-color: #64d8b9; } @media only screen and (max-width: 1499px) { - .directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text .directorist_membership-sale-badge { - font-size: 18px; - } + .directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + .directorist_membership-sale-badge { + font-size: 18px; + } } @media only screen and (max-width: 1399px) { - .directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text .directorist_membership-sale-badge { - font-size: 16px; - } + .directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + .directorist_membership-sale-badge { + font-size: 16px; + } } @media only screen and (max-width: 475px) { - .directorist_membership-notice .directorist_membership-notice__content .directorist_membership-notice__text .directorist_membership-sale-badge { - font-size: 14px; - min-height: 35px; - } + .directorist_membership-notice + .directorist_membership-notice__content + .directorist_membership-notice__text + .directorist_membership-sale-badge { + font-size: 14px; + min-height: 35px; + } } .directorist_membership-notice__list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - max-width: 450px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + max-width: 450px; + flex-wrap: wrap; } @media only screen and (max-width: 1499px) { - .directorist_membership-notice__list { - max-width: 410px; - } + .directorist_membership-notice__list { + max-width: 410px; + } } @media only screen and (max-width: 1399px) { - .directorist_membership-notice__list { - max-width: 380px; - } + .directorist_membership-notice__list { + max-width: 380px; + } } @media only screen and (max-width: 1199px) { - .directorist_membership-notice__list { - max-width: 250px; - } + .directorist_membership-notice__list { + max-width: 250px; + } } @media only screen and (max-width: 800px) { - .directorist_membership-notice__list { - display: none; - } + .directorist_membership-notice__list { + display: none; + } } .directorist_membership-notice__list li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - line-height: 1; - width: 50%; - font-size: 16px; - font-weight: 500; - color: #fff; - margin: 8px 0; + display: flex; + align-items: center; + line-height: 1; + width: 50%; + font-size: 16px; + font-weight: 500; + color: #fff; + margin: 8px 0; } @media only screen and (max-width: 1499px) { - .directorist_membership-notice__list li { - font-size: 15px; - } + .directorist_membership-notice__list li { + font-size: 15px; + } } @media only screen and (max-width: 1199px) { - .directorist_membership-notice__list li { - width: 100%; - } -} -.directorist_membership-notice__list li .directorist_membership-notice__list__icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 20px; - height: 20px; - border-radius: 50%; - background-color: #f8d633; - margin-left: 12px; -} -.directorist_membership-notice__list li .directorist_membership-notice__list__icon i { - position: relative; - top: 1px; - font-size: 11px; - color: #000; + .directorist_membership-notice__list li { + width: 100%; + } +} +.directorist_membership-notice__list + li + .directorist_membership-notice__list__icon { + display: inline-flex; + align-items: center; + justify-content: center; + width: 20px; + height: 20px; + border-radius: 50%; + background-color: #f8d633; + margin-left: 12px; +} +.directorist_membership-notice__list + li + .directorist_membership-notice__list__icon + i { + position: relative; + top: 1px; + font-size: 11px; + color: #000; } @media only screen and (max-width: 1199px) { - .directorist_membership-notice__list li .directorist_membership-notice__list__icon i { - top: 0; - } + .directorist_membership-notice__list + li + .directorist_membership-notice__list__icon + i { + top: 0; + } } .directorist_membership-notice__action { - margin-left: 25px; + margin-left: 25px; } @media only screen and (max-width: 1499px) { - .directorist_membership-notice__action { - margin-left: 0; - } + .directorist_membership-notice__action { + margin-left: 0; + } } @media only screen and (max-width: 475px) { - .directorist_membership-notice__action { - width: 100%; - text-align: center; - } + .directorist_membership-notice__action { + width: 100%; + text-align: center; + } } .directorist_membership-notice__action .directorist_membership-btn { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 18px; - font-weight: bold; - color: #000; - min-height: 52px; - border-radius: 8px; - padding: 0 34.45px; - background-color: #f8d633; - -webkit-transition: 0.3s; - transition: 0.3s; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 18px; + font-weight: bold; + color: #000; + min-height: 52px; + border-radius: 8px; + padding: 0 34.45px; + background-color: #f8d633; + transition: 0.3s; } .directorist_membership-notice__action .directorist_membership-btn:hover { - background-color: #edc400; + background-color: #edc400; } @media only screen and (max-width: 1499px) { - .directorist_membership-notice__action .directorist_membership-btn { - font-size: 15px; - padding: 0 15.45px; - } + .directorist_membership-notice__action .directorist_membership-btn { + font-size: 15px; + padding: 0 15.45px; + } } @media only screen and (max-width: 1399px) { - .directorist_membership-notice__action .directorist_membership-btn { - font-size: 14px; - min-width: 115px; - } + .directorist_membership-notice__action .directorist_membership-btn { + font-size: 14px; + min-width: 115px; + } } .directorist_membership-notice-close { - position: absolute; - left: 20px; - top: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 18px; - height: 18px; - border-radius: 50%; - background-color: #fff; - -webkit-transition: 0.3s; - transition: 0.3s; + position: absolute; + left: 20px; + top: 20px; + display: flex; + align-items: center; + justify-content: center; + width: 18px; + height: 18px; + border-radius: 50%; + background-color: #fff; + transition: 0.3s; } .directorist_membership-notice-close:hover { - background-color: #EF0000; + background-color: #ef0000; } .directorist_membership-notice-close:hover i { - color: #fff; + color: #fff; } .directorist_membership-notice-close i { - color: #b541d8; + color: #b541d8; } .directorist_builder__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: flex; + gap: 30px; + flex-direction: column; + align-items: flex-start; } .directorist_builder__content .directorist_btn.directorist_btn-success { - background-color: #08bf9c; + background-color: #08bf9c; } .directorist_builder__content .directorist_builder__content__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px 20px; -} -.directorist_builder__content .directorist_builder__content__left .directorist_link-block-wrapper { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 6px 8px; -} -.directorist_builder__content .directorist_builder__content__left .directorist_link-block { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - text-decoration: none; - padding: 0 16px; - height: 40px; - border: 1px solid #3e62f5; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 10px 20px; +} +.directorist_builder__content + .directorist_builder__content__left + .directorist_link-block-wrapper { + display: inline-flex; + align-items: center; + flex-wrap: wrap; + gap: 6px 8px; +} +.directorist_builder__content + .directorist_builder__content__left + .directorist_link-block { + display: flex; + gap: 8px; + align-items: center; + justify-content: center; + border-radius: 8px; + text-decoration: none; + padding: 0 16px; + height: 40px; + border: 1px solid #3e62f5; + cursor: pointer; + box-sizing: border-box; } @media only screen and (max-width: 575px) { - .directorist_builder__content .directorist_builder__content__left .directorist_link-block { - min-width: 100%; - margin: 0; - } -} -.directorist_builder__content .directorist_builder__content__left .directorist_link-block.directorist_new-directory { - -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.12); - box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.12); -} -.directorist_builder__content .directorist_builder__content__left .directorist_link-block.directorist_link-block-primary { - background-color: #3e62f5; - color: #ffffff; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; -} -.directorist_builder__content .directorist_builder__content__left .directorist_link-block.directorist_link-block-primary:hover { - background-color: #5a7aff; - border-color: #5a7aff; -} -.directorist_builder__content .directorist_builder__content__left .directorist_link-block.directorist_link-block-primary-outline { - background-color: transparent; - color: #3e62f5; -} -.directorist_builder__content .directorist_builder__content__left .directorist_link-block .directorist_link-icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist_builder__content .directorist_builder__content__left .directorist_link-block .directorist_link-icon i { - font-size: 16px; - font-weight: 900; - color: #fff; -} -.directorist_builder__content .directorist_builder__content__left .directorist_link-block .directorist_link-text { - display: block; - font-size: 14px; - line-height: 16.24px; - font-weight: 500; + .directorist_builder__content + .directorist_builder__content__left + .directorist_link-block { + min-width: 100%; + margin: 0; + } +} +.directorist_builder__content + .directorist_builder__content__left + .directorist_link-block.directorist_new-directory { + box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.12); +} +.directorist_builder__content + .directorist_builder__content__left + .directorist_link-block.directorist_link-block-primary { + background-color: #3e62f5; + color: #ffffff; + transition: background-color 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__left + .directorist_link-block.directorist_link-block-primary:hover { + background-color: #5a7aff; + border-color: #5a7aff; +} +.directorist_builder__content + .directorist_builder__content__left + .directorist_link-block.directorist_link-block-primary-outline { + background-color: transparent; + color: #3e62f5; +} +.directorist_builder__content + .directorist_builder__content__left + .directorist_link-block + .directorist_link-icon { + display: inline-flex; + align-items: center; + justify-content: center; +} +.directorist_builder__content + .directorist_builder__content__left + .directorist_link-block + .directorist_link-icon + i { + font-size: 16px; + font-weight: 900; + color: #fff; +} +.directorist_builder__content + .directorist_builder__content__left + .directorist_link-block + .directorist_link-text { + display: block; + font-size: 14px; + line-height: 16.24px; + font-weight: 500; } @media only screen and (max-width: 1199px) { - .directorist_builder__content .directorist_builder__content__left .directorist_link-block .directorist_link-text { - font-size: 15px; - } -} -.directorist_builder__content .directorist_builder__content__left .directorist_btn-migrate { - margin-top: 20px; -} -.directorist_builder__content .directorist_builder__content__left .directorist_btn-import .directorist_link-icon { - border: 0 none; + .directorist_builder__content + .directorist_builder__content__left + .directorist_link-block + .directorist_link-text { + font-size: 15px; + } +} +.directorist_builder__content + .directorist_builder__content__left + .directorist_btn-migrate { + margin-top: 20px; +} +.directorist_builder__content + .directorist_builder__content__left + .directorist_btn-import + .directorist_link-icon { + border: 0 none; } .directorist_builder__content .directorist_builder__content__right { - width: 100%; + width: 100%; } @media only screen and (max-width: 1199px) { - .directorist_builder__content .directorist_builder__content__right { - background: #e3e6ef; - border-radius: 8px; - padding: 10px 10px; - width: calc(100% - 20px); - } -} -.directorist_builder__content .directorist_builder__content__right .directorist-total-types { - margin-bottom: 15px; - text-decoration: none; - font-size: 12px; - font-weight: 500; - color: #747c89; - line-height: 14px; - letter-spacing: 0.24px; - text-transform: uppercase; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table { - width: 100%; - text-align: right; - border-spacing: 0; - empty-cells: show; - margin-bottom: 0; - margin-top: 0; - white-space: nowrap; + .directorist_builder__content .directorist_builder__content__right { + background: #e3e6ef; + border-radius: 8px; + padding: 10px 10px; + width: calc(100% - 20px); + } +} +.directorist_builder__content + .directorist_builder__content__right + .directorist-total-types { + margin-bottom: 15px; + text-decoration: none; + font-size: 12px; + font-weight: 500; + color: #747c89; + line-height: 14px; + letter-spacing: 0.24px; + text-transform: uppercase; + display: inline-flex; + align-items: center; + gap: 5px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table { + width: 100%; + text-align: right; + border-spacing: 0; + empty-cells: show; + margin-bottom: 0; + margin-top: 0; + white-space: nowrap; } @media only screen and (max-width: 1199px) { - .directorist_builder__content .directorist_builder__content__right .directorist_table { - overflow-x: auto; - display: inline-grid; - border-radius: 8px; - overflow-y: hidden; - padding-bottom: 83px; - } -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header { - background: #f9fafb; - border: 1px solid #e5e7eb; - border-radius: 8px; - margin-bottom: 8px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.72px; - text-transform: uppercase; - color: #747c89; - max-height: 44px; - min-height: 44px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row > div { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 0 20px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-header .directorist_table-row .directorist_listing-c-action { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - opacity: 0; - visibility: hidden; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 8px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row { - background: white; - border-radius: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-height: 72px; - max-height: 72px; - font-size: 13px; - font-weight: 500; - line-height: 14px; - color: #4d5761; - text-transform: capitalize; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - border-right: 4px solid white; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row:hover { - border-color: #3e62f5; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row:hover .directorist-type-actions .directorist_listing-actions > a { - background-color: #3e62f5; - color: white; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row:hover .directorist-type-actions .directorist_listing-actions > a svg { - color: inherit; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row:hover .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle svg { - color: #747c89; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_table-row > div { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 10px 20px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title { - color: #2c3239; - font-size: 15px; - font-weight: 500; - line-height: 16px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title a { - color: inherit; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title a:hover { - color: #3e62f5; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title .directorist_badge { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 6px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - border-radius: 4px; - background: #d8e0fd; - color: #061e7e; - font-size: 10px; - font-weight: 600; - line-height: 14px; - letter-spacing: 0.4px; - text-transform: uppercase; - height: 18px; - margin: 0; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist_title .directorist_listing-id { - color: #747c89; - font-size: 12px; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.12px; - margin-top: 8px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-count { - color: #2e94fa; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions > a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 6px; - border-radius: 8px; - background: #e5e7eb; - color: #2c3239; - font-size: 13px; - font-weight: 500; - line-height: 14px; - height: 32px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions > a svg { - width: 14px; - height: 14px; - color: #747c89; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle { - width: 32px; - height: 32px; - border-radius: 8px !important; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle svg { - color: #d2d6db; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle:hover, .directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle.active { - background-color: #e5e7eb !important; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle:hover svg, .directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-toggle.active svg { - color: #2c3239 !important; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option { - left: 0; - top: 35px; - border-radius: 8px; - border: 1px solid #f3f4f6; - -webkit-box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - min-width: 208px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul { - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 9px 12px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul > li:first-child:hover, -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul > li > a:hover { - background-color: rgba(62, 98, 245, 0.05) !important; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li { - margin-bottom: 0 !important; - width: 100%; - overflow: hidden; - border-radius: 4px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > a, -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > div { - margin-bottom: 0 !important; - width: 100%; - margin: 0 !important; - padding: 0 8px !important; - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - line-height: 16.24px !important; - gap: 12px; - color: #4d5761 !important; - height: 42px; - border-radius: 4px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + .directorist_builder__content + .directorist_builder__content__right + .directorist_table { + overflow-x: auto; + display: inline-grid; + border-radius: 8px; + overflow-y: hidden; + padding-bottom: 83px; + } +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-header { + background: #f9fafb; + border: 1px solid #e5e7eb; + border-radius: 8px; + margin-bottom: 8px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-header + .directorist_table-row { + display: flex; + align-items: center; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.72px; + text-transform: uppercase; + color: #747c89; + max-height: 44px; + min-height: 44px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-header + .directorist_table-row + > div { + flex: 1; + padding: 0 20px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-header + .directorist_table-row + .directorist_listing-c-action { + display: inline-flex; + justify-content: flex-end; + opacity: 0; + visibility: hidden; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body { + display: flex; + flex-direction: column; + gap: 8px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_table-row { + background: white; + border-radius: 8px; + display: flex; + align-items: center; + min-height: 72px; + max-height: 72px; + font-size: 13px; + font-weight: 500; + line-height: 14px; + color: #4d5761; + text-transform: capitalize; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + border-right: 4px solid white; + transition: 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_table-row:hover { + border-color: #3e62f5; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_table-row:hover + .directorist-type-actions + .directorist_listing-actions + > a { + background-color: #3e62f5; + color: white; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_table-row:hover + .directorist-type-actions + .directorist_listing-actions + > a + svg { + color: inherit; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_table-row:hover + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-toggle + svg { + color: #747c89; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_table-row + > div { + flex: 1; + padding: 10px 20px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_title { + color: #2c3239; + font-size: 15px; + font-weight: 500; + line-height: 16px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_title + a { + color: inherit; + outline: none; + box-shadow: none; + display: inline-flex; + align-items: center; + gap: 8px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_title + a:hover { + color: #3e62f5; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_title + .directorist_badge { + display: inline-flex; + padding: 0 6px; + justify-content: center; + align-items: center; + gap: 8px; + border-radius: 4px; + background: #d8e0fd; + color: #061e7e; + font-size: 10px; + font-weight: 600; + line-height: 14px; + letter-spacing: 0.4px; + text-transform: uppercase; + height: 18px; + margin: 0; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist_title + .directorist_listing-id { + color: #747c89; + font-size: 12px; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + margin-top: 8px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-count { + color: #2e94fa; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions { + display: inline-flex; + align-items: center; + flex-wrap: wrap; + gap: 10px; + justify-content: flex-end; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions { + display: inline-flex; + align-items: center; + gap: 12px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + > a { + display: inline-flex; + align-items: center; + padding: 0 12px; + justify-content: center; + gap: 6px; + border-radius: 8px; + background: #e5e7eb; + color: #2c3239; + font-size: 13px; + font-weight: 500; + line-height: 14px; + height: 32px; + transition: 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + > a + svg { + width: 14px; + height: 14px; + color: #747c89; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-toggle { + width: 32px; + height: 32px; + border-radius: 8px !important; + transition: 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-toggle + svg { + color: #d2d6db; + transition: 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-toggle:hover, +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-toggle.active { + background-color: #e5e7eb !important; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-toggle:hover + svg, +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-toggle.active + svg { + color: #2c3239 !important; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option { + left: 0; + top: 35px; + border-radius: 8px; + border: 1px solid #f3f4f6; + box-shadow: + 0px 12px 16px -4px rgba(16, 24, 40, 0.08), + 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + min-width: 208px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul { + margin: 0; + display: flex; + flex-direction: column; + padding: 9px 12px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + > li:first-child:hover, +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + > li + > a:hover { + background-color: rgba(62, 98, 245, 0.05) !important; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li { + margin-bottom: 0 !important; + width: 100%; + overflow: hidden; + border-radius: 4px; + transition: 0.3s ease; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > a, +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > div { + margin-bottom: 0 !important; + width: 100%; + margin: 0 !important; + padding: 0 8px !important; + display: flex !important; + align-items: center; + font-size: 14px; + font-weight: 500; + line-height: 16.24px !important; + gap: 12px; + color: #4d5761 !important; + height: 42px; + border-radius: 4px; + transition: 0.3s ease; } @media only screen and (max-width: 1199px) { - .directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > a, - .directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > div { - height: 32px; - } -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > a.atbdp-directory-delete-link-action, -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > div.atbdp-directory-delete-link-action { - color: #d94a4a !important; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > a.atbdp-directory-delete-link-action svg, -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li > div.atbdp-directory-delete-link-action svg { - color: inherit; - width: 18px; - height: 18px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li .directorist_custom-checkbox input[type=checkbox] + label { - padding-right: 29px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li .directorist_custom-checkbox input[type=checkbox] + label:after { - border-radius: 5px; - border-color: #d1d1d7; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin-top: 2px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li .directorist_custom-checkbox input[type=checkbox] + label:before { - font-size: 8px; - right: 5px; - top: 7px; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .directorist_listing-actions .directorist_more-dropdown .directorist_more-dropdown-option ul li .directorist_custom-checkbox input[type=checkbox]:checked + label:after { - border-color: #3e62f5; - background-color: #3e62f5; -} -.directorist_builder__content .directorist_builder__content__right .directorist_table .directorist_table-body .directorist-type-actions .atbd-listing-type-active-status { - margin-right: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + .directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > a, + .directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > div { + height: 32px; + } +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > a.atbdp-directory-delete-link-action, +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > div.atbdp-directory-delete-link-action { + color: #d94a4a !important; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > a.atbdp-directory-delete-link-action + svg, +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + > div.atbdp-directory-delete-link-action + svg { + color: inherit; + width: 18px; + height: 18px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + .directorist_custom-checkbox + input[type="checkbox"] + + label { + padding-right: 29px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + .directorist_custom-checkbox + input[type="checkbox"] + + label:after { + border-radius: 5px; + border-color: #d1d1d7; + box-sizing: border-box; + margin-top: 2px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + .directorist_custom-checkbox + input[type="checkbox"] + + label:before { + font-size: 8px; + right: 5px; + top: 7px; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .directorist_listing-actions + .directorist_more-dropdown + .directorist_more-dropdown-option + ul + li + .directorist_custom-checkbox + input[type="checkbox"]:checked + + label:after { + border-color: #3e62f5; + background-color: #3e62f5; +} +.directorist_builder__content + .directorist_builder__content__right + .directorist_table + .directorist_table-body + .directorist-type-actions + .atbd-listing-type-active-status { + margin-right: 0; + transition: 0.3s ease; } /* Custom Tooltip */ .directorist-row-tooltip[data-tooltip] { - position: relative; - cursor: pointer; + position: relative; + cursor: pointer; } .directorist-row-tooltip[data-tooltip].directorist-type-slug-content { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: inline-flex; } .directorist-row-tooltip[data-tooltip].directorist-type-slug-content:after { - text-transform: none; -} -.directorist-row-tooltip[data-tooltip].directorist-type-slug-content[data-flow=bottom]::before { - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); -} -.directorist-row-tooltip[data-tooltip].directorist-type-slug-content[data-flow=bottom]::after { - right: -50px; - -webkit-transform: unset; - transform: unset; -} -.directorist-row-tooltip[data-tooltip]:before, .directorist-row-tooltip[data-tooltip]:after { - line-height: normal; - font-size: 13px; - pointer-events: none; - position: absolute; - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: none; - opacity: 0; + text-transform: none; +} +.directorist-row-tooltip[data-tooltip].directorist-type-slug-content[data-flow="bottom"]::before { + transform: translate(50%, 0); +} +.directorist-row-tooltip[data-tooltip].directorist-type-slug-content[data-flow="bottom"]::after { + right: -50px; + transform: unset; +} +.directorist-row-tooltip[data-tooltip]:before, +.directorist-row-tooltip[data-tooltip]:after { + line-height: normal; + font-size: 13px; + pointer-events: none; + position: absolute; + box-sizing: border-box; + display: none; + opacity: 0; } .directorist-row-tooltip[data-tooltip]:before { - content: ""; - border: 5px solid transparent; - z-index: 100; + content: ""; + border: 5px solid transparent; + z-index: 100; } .directorist-row-tooltip[data-tooltip]:after { - content: attr(data-tooltip); - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - border-radius: 6px; - background: #141921; - color: #ffffff; - z-index: 99; - padding: 10px 12px; - height: 34px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - line-height: normal; -} -.directorist-row-tooltip[data-tooltip]:hover:before, .directorist-row-tooltip[data-tooltip]:hover:after { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - opacity: 1; -} -.directorist-row-tooltip[data-tooltip]:not([data-flow])::before, .directorist-row-tooltip[data-tooltip][data-flow=top]::before { - bottom: 100%; - border-bottom-width: 0; - border-top-color: #141921; -} -.directorist-row-tooltip[data-tooltip]:not([data-flow])::after, .directorist-row-tooltip[data-tooltip][data-flow=top]::after { - bottom: calc(100% + 5px); -} -.directorist-row-tooltip[data-tooltip]:not([data-flow])::before, .directorist-row-tooltip[data-tooltip]:not([data-flow])::after, .directorist-row-tooltip[data-tooltip][data-flow=top]::before, .directorist-row-tooltip[data-tooltip][data-flow=top]::after { - right: 50%; - -webkit-transform: translate(50%, -4px); - transform: translate(50%, -4px); -} -.directorist-row-tooltip[data-tooltip][data-flow=bottom]::before { - top: 100%; - border-top-width: 0; - border-bottom-color: #141921; -} -.directorist-row-tooltip[data-tooltip][data-flow=bottom]::after { - top: calc(100% + 5px); -} -.directorist-row-tooltip[data-tooltip][data-flow=bottom]::before, .directorist-row-tooltip[data-tooltip][data-flow=bottom]::after { - right: 50%; - -webkit-transform: translate(50%, 6px); - transform: translate(50%, 6px); -} -.directorist-row-tooltip[data-tooltip][data-flow=left]::before { - top: 50%; - border-left-width: 0; - border-right-color: #141921; - right: calc(0em - 5px); - -webkit-transform: translate(6px, -50%); - transform: translate(6px, -50%); -} -.directorist-row-tooltip[data-tooltip][data-flow=left]::after { - top: 50%; - left: calc(100% + 5px); - -webkit-transform: translate(6px, -50%); - transform: translate(6px, -50%); -} -.directorist-row-tooltip[data-tooltip][data-flow=right]::before { - top: 50%; - border-right-width: 0; - border-left-color: #141921; - left: calc(0em - 5px); - -webkit-transform: translate(-6px, -50%); - transform: translate(-6px, -50%); -} -.directorist-row-tooltip[data-tooltip][data-flow=right]::after { - top: 50%; - right: calc(100% + 5px); - -webkit-transform: translate(-6px, -50%); - transform: translate(-6px, -50%); -} -.directorist-row-tooltip[data-tooltip][data-tooltip=""]::after, .directorist-row-tooltip[data-tooltip][data-tooltip=""]::before { - display: none !important; + content: attr(data-tooltip); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + border-radius: 6px; + background: #141921; + color: #ffffff; + z-index: 99; + padding: 10px 12px; + height: 34px; + align-items: center; + line-height: normal; +} +.directorist-row-tooltip[data-tooltip]:hover:before, +.directorist-row-tooltip[data-tooltip]:hover:after { + display: flex; + opacity: 1; +} +.directorist-row-tooltip[data-tooltip]:not([data-flow])::before, +.directorist-row-tooltip[data-tooltip][data-flow="top"]::before { + bottom: 100%; + border-bottom-width: 0; + border-top-color: #141921; +} +.directorist-row-tooltip[data-tooltip]:not([data-flow])::after, +.directorist-row-tooltip[data-tooltip][data-flow="top"]::after { + bottom: calc(100% + 5px); +} +.directorist-row-tooltip[data-tooltip]:not([data-flow])::before, +.directorist-row-tooltip[data-tooltip]:not([data-flow])::after, +.directorist-row-tooltip[data-tooltip][data-flow="top"]::before, +.directorist-row-tooltip[data-tooltip][data-flow="top"]::after { + right: 50%; + transform: translate(50%, -4px); +} +.directorist-row-tooltip[data-tooltip][data-flow="bottom"]::before { + top: 100%; + border-top-width: 0; + border-bottom-color: #141921; +} +.directorist-row-tooltip[data-tooltip][data-flow="bottom"]::after { + top: calc(100% + 5px); +} +.directorist-row-tooltip[data-tooltip][data-flow="bottom"]::before, +.directorist-row-tooltip[data-tooltip][data-flow="bottom"]::after { + right: 50%; + transform: translate(50%, 6px); +} +.directorist-row-tooltip[data-tooltip][data-flow="left"]::before { + top: 50%; + border-left-width: 0; + border-right-color: #141921; + right: calc(0em - 5px); + transform: translate(6px, -50%); +} +.directorist-row-tooltip[data-tooltip][data-flow="left"]::after { + top: 50%; + left: calc(100% + 5px); + transform: translate(6px, -50%); +} +.directorist-row-tooltip[data-tooltip][data-flow="right"]::before { + top: 50%; + border-right-width: 0; + border-left-color: #141921; + left: calc(0em - 5px); + transform: translate(-6px, -50%); +} +.directorist-row-tooltip[data-tooltip][data-flow="right"]::after { + top: 50%; + right: calc(100% + 5px); + transform: translate(-6px, -50%); +} +.directorist-row-tooltip[data-tooltip][data-tooltip=""]::after, +.directorist-row-tooltip[data-tooltip][data-tooltip=""]::before { + display: none !important; } .directorist_listing-slug-text { - min-width: 120px; - display: inline-block; - max-width: 120px; - overflow: hidden; - white-space: nowrap; - padding: 5px 0; - border-bottom: 1px solid transparent; - margin-left: 10px; - text-transform: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist_listing-slug-text:hover, .directorist_listing-slug-text--editable { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - border-radius: 6px; - background: #f3f4f6; -} -.directorist_listing-slug-text:hover:focus, .directorist_listing-slug-text--editable:focus { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: var(--spacing-md, 8px); - gap: var(--spacing-md, 8px); - border-radius: var(--radius-sm, 6px); - background: var(--Gray-100, #f3f4f6); - outline: 0; + min-width: 120px; + display: inline-block; + max-width: 120px; + overflow: hidden; + white-space: nowrap; + padding: 5px 0; + border-bottom: 1px solid transparent; + margin-left: 10px; + text-transform: none; + transition: 0.3s ease; +} +.directorist_listing-slug-text:hover, +.directorist_listing-slug-text--editable { + display: inline-flex; + padding: 8px; + align-items: center; + gap: 8px; + border-radius: 6px; + background: #f3f4f6; +} +.directorist_listing-slug-text:hover:focus, +.directorist_listing-slug-text--editable:focus { + display: inline-flex; + padding: var(--spacing-md, 8px); + gap: var(--spacing-md, 8px); + border-radius: var(--radius-sm, 6px); + background: var(--Gray-100, #f3f4f6); + outline: 0; } @media only screen and (max-width: 1499px) { - .directorist_listing-slug-text { - min-width: 110px; - } + .directorist_listing-slug-text { + min-width: 110px; + } } @media only screen and (max-width: 1299px) { - .directorist_listing-slug-text { - min-width: 90px; - } + .directorist_listing-slug-text { + min-width: 90px; + } } .directorist-type-slug .directorist-slug-notice, .directorist-type-slug .directorist-count-notice { - margin: 6px 0 0; - text-transform: math-auto; + margin: 6px 0 0; + text-transform: math-auto; } .directorist-type-slug .directorist-slug-notice.directorist-slug-notice-error, .directorist-type-slug .directorist-count-notice.directorist-slug-notice-error { - color: #EF0000; + color: #ef0000; } .directorist-type-slug .directorist-slug-notice.directorist-slug-notice-success, -.directorist-type-slug .directorist-count-notice.directorist-slug-notice-success { - color: #00AC17; +.directorist-type-slug + .directorist-count-notice.directorist-slug-notice-success { + color: #00ac17; } .directorist-type-slug-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } .directorist-listing-slug-edit-wrap { - display: inline-block; - position: relative; - margin: -3px; - min-width: 75px; + display: inline-block; + position: relative; + margin: -3px; + min-width: 75px; } @media only screen and (max-width: 1299px) { - .directorist-listing-slug-edit-wrap { - position: initial; - } + .directorist-listing-slug-edit-wrap { + position: initial; + } } .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit, .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 30px; - height: 30px; - border-radius: 50%; - background-color: #fff; - -webkit-box-shadow: 0 5px 10px rgba(173, 180, 210, 0.3764705882); - box-shadow: 0 5px 10px rgba(173, 180, 210, 0.3764705882); - margin: 2px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + display: inline-flex; + align-items: center; + justify-content: center; + width: 30px; + height: 30px; + border-radius: 50%; + background-color: #fff; + box-shadow: 0 5px 10px rgba(173, 180, 210, 0.3764705882); + margin: 2px; + transition: 0.3s ease; } .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit:before, -.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add:before { - content: "\f044"; - font-family: "Font Awesome 5 Free"; - font-weight: 400; - font-size: 15px; - color: #2C99FF; +.directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-add:before { + content: "\f044"; + font-family: "Font Awesome 5 Free"; + font-weight: 400; + font-size: 15px; + color: #2c99ff; } @media only screen and (max-width: 1399px) { - .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit, - .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add { - width: 26px; - height: 26px; - margin-right: 6px; - } - .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit:before, - .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add:before { - font-size: 13px; - } + .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit, + .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add { + width: 26px; + height: 26px; + margin-right: 6px; + } + .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit:before, + .directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-add:before { + font-size: 13px; + } } @media only screen and (max-width: 1299px) { - .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit, - .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add { - width: 22px; - height: 22px; - margin-right: 6px; - } - .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit:before, - .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add:before { - font-size: 13px; - } + .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit, + .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add { + width: 22px; + height: 22px; + margin-right: 6px; + } + .directorist-listing-slug-edit-wrap .directorist-listing-slug__edit:before, + .directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-add:before { + font-size: 13px; + } } .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add { - background-color: #08bf9c; - -webkit-box-shadow: none; - box-shadow: none; - display: none; -} -.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add:before { - content: "\f00c"; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - color: #fff; -} -.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add.active { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} -.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-add.disabled { - opacity: 0.5; - pointer-events: none; + background-color: #08bf9c; + box-shadow: none; + display: none; +} +.directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-add:before { + content: "\f00c"; + font-family: "Font Awesome 5 Free"; + font-weight: 900; + color: #fff; +} +.directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-add.active { + display: inline-flex; +} +.directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-add.disabled { + opacity: 0.5; + pointer-events: none; } .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 30px; - height: 30px; - border-radius: 50%; - margin: 2px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - background-color: #ff006e; - color: #fff; -} -.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove:before { - content: "\f00d"; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - font-size: 15px; - color: #fff; -} -.directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove--hidden { - opacity: 0; - visibility: hidden; - pointer-events: none; + display: inline-flex; + align-items: center; + justify-content: center; + width: 30px; + height: 30px; + border-radius: 50%; + margin: 2px; + transition: 0.3s ease; + background-color: #ff006e; + color: #fff; +} +.directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-remove:before { + content: "\f00d"; + font-family: "Font Awesome 5 Free"; + font-weight: 900; + font-size: 15px; + color: #fff; +} +.directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-remove--hidden { + opacity: 0; + visibility: hidden; + pointer-events: none; } @media only screen and (max-width: 1399px) { - .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove { - width: 26px; - height: 26px; - } - .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove:before { - font-size: 13px; - } + .directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-remove { + width: 26px; + height: 26px; + } + .directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-remove:before { + font-size: 13px; + } } @media only screen and (max-width: 1299px) { - .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove { - width: 22px; - height: 22px; - } - .directorist-listing-slug-edit-wrap .directorist_listing-slug-formText-remove:before { - font-size: 13px; - } + .directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-remove { + width: 22px; + height: 22px; + } + .directorist-listing-slug-edit-wrap + .directorist_listing-slug-formText-remove:before { + font-size: 13px; + } } .directorist-listing-slug-edit-wrap .directorist_loader { - position: absolute; - left: -40px; - top: 5px; + position: absolute; + left: -40px; + top: 5px; } .directorist_custom-checkbox input { - display: none; -} -.directorist_custom-checkbox input[type=checkbox] + label { - min-width: 18px; - min-height: 18px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - padding-right: 28px; - padding-top: 3px; - margin-bottom: 0; - line-height: 1.2; - font-weight: 400; - color: #5a5f7d; -} -.directorist_custom-checkbox input[type=checkbox] + label:before { - position: absolute; - font-size: 10px; - right: 6px; - top: 5px; - font-weight: 900; - font-family: "Font Awesome 5 Free"; - content: "\f00c"; - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; -} -.directorist_custom-checkbox input[type=checkbox] + label:after { - position: absolute; - right: 0; - top: 0; - width: 18px; - height: 18px; - border-radius: 50%; - content: ""; - background-color: #fff; - border: 2px solid #c6d0dc; -} -.directorist_custom-checkbox input[type=checkbox]:checked + label:after { - background-color: #00b158; - border-color: #00b158; -} -.directorist_custom-checkbox input[type=checkbox]:checked + label:before { - opacity: 1; - color: #fff; + display: none; +} +.directorist_custom-checkbox input[type="checkbox"] + label { + min-width: 18px; + min-height: 18px; + font-size: 14px; + display: flex; + flex-flow: column; + position: relative; + padding-right: 28px; + padding-top: 3px; + margin-bottom: 0; + line-height: 1.2; + font-weight: 400; + color: #5a5f7d; +} +.directorist_custom-checkbox input[type="checkbox"] + label:before { + position: absolute; + font-size: 10px; + right: 6px; + top: 5px; + font-weight: 900; + font-family: "Font Awesome 5 Free"; + content: "\f00c"; + display: block; + opacity: 0; + transition: all 0.3s ease 0s; + z-index: 2; +} +.directorist_custom-checkbox input[type="checkbox"] + label:after { + position: absolute; + right: 0; + top: 0; + width: 18px; + height: 18px; + border-radius: 50%; + content: ""; + background-color: #fff; + border: 2px solid #c6d0dc; +} +.directorist_custom-checkbox input[type="checkbox"]:checked + label:after { + background-color: #00b158; + border-color: #00b158; +} +.directorist_custom-checkbox input[type="checkbox"]:checked + label:before { + opacity: 1; + color: #fff; } .directorist_builder__content .directorist_badge { - display: inline-block; - padding: 4px 6px; - font-size: 75%; - font-weight: 700; - line-height: 1.5; - text-align: center; - white-space: nowrap; - vertical-align: baseline; - border-radius: 4px; - margin-right: 6px; - border: 0 none; + display: inline-block; + padding: 4px 6px; + font-size: 75%; + font-weight: 700; + line-height: 1.5; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: 4px; + margin-right: 6px; + border: 0 none; } .directorist_builder__content .directorist_badge.directorist_badge-primary { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .directorist_table-responsive { - display: block !important; - width: 100%; - overflow-x: auto; - overflow-y: visible; + display: block !important; + width: 100%; + overflow-x: auto; + overflow-y: visible; } .cptm-delete-directory-modal .cptm-modal-header { - padding-right: 20px; + padding-right: 20px; } .cptm-delete-directory-modal .cptm-btn { - text-decoration: none; - display: inline-block; - text-align: center; - border: 1px solid; - padding: 10px 20px; - border-radius: 5px; - cursor: pointer; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - vertical-align: top; + text-decoration: none; + display: inline-block; + text-align: center; + border: 1px solid; + padding: 10px 20px; + border-radius: 5px; + cursor: pointer; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + vertical-align: top; } .cptm-delete-directory-modal .cptm-btn.cptm-btn-secondary { - color: #3e62f5; - border-color: #3e62f5; - background-color: transparent; + color: #3e62f5; + border-color: #3e62f5; + background-color: transparent; } .cptm-delete-directory-modal .cptm-btn.cptm-btn-secondary:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-delete-directory-modal .cptm-btn.cptm-btn-danger { - color: #ff272a; - border-color: #ff272a; - background-color: transparent; + color: #ff272a; + border-color: #ff272a; + background-color: transparent; } .cptm-delete-directory-modal .cptm-btn.cptm-btn-danger:hover { - color: #fff; - background-color: #ff272a; + color: #fff; + background-color: #ff272a; } .directorist_dropdown { - border: 1px solid #d2d6db; - border-radius: 8px; - position: relative; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + border: 1px solid #d2d6db; + border-radius: 8px; + position: relative; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); } .directorist_dropdown.--open { - border-color: #4d5761; + border-color: #4d5761; } .directorist_dropdown.--open .directorist_dropdown-toggle:before { - content: "\eb56"; + content: "\eb56"; } .directorist_dropdown .directorist_dropdown-toggle { - text-decoration: none; - color: #7a82a6; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 10px 15px; - width: auto !important; - height: 100%; - position: relative; + text-decoration: none; + color: #7a82a6; + display: flex; + align-items: center; + justify-content: space-between; + padding: 10px 15px; + width: auto !important; + height: 100%; + position: relative; } .directorist_dropdown .directorist_dropdown-toggle:before { - content: "\f347"; - font: normal 12px/1 dashicons; + content: "\f347"; + font: normal 12px/1 dashicons; } -.directorist_dropdown .directorist_dropdown-toggle .directorist_dropdown-toggle__text { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; +.directorist_dropdown + .directorist_dropdown-toggle + .directorist_dropdown-toggle__text { + order: -1; } .directorist_dropdown .directorist_dropdown-option { - display: none; - position: absolute; - width: 100%; - right: 0; - top: 44px; - padding: 15px; - background-color: #fff; - -webkit-box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); - box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); - border-radius: 5px; - z-index: 99999; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: none; + position: absolute; + width: 100%; + right: 0; + top: 44px; + padding: 15px; + background-color: #fff; + box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); + border-radius: 5px; + z-index: 99999; + box-sizing: border-box; } .directorist_dropdown .directorist_dropdown-option ul li a { - font-size: 14px; - font-weight: 500; - text-decoration: none; - display: block; - padding: 9px 10px; - border-radius: 4px; - color: #5a5f7d; + font-size: 14px; + font-weight: 500; + text-decoration: none; + display: block; + padding: 9px 10px; + border-radius: 4px; + color: #5a5f7d; } .directorist_dropdown .directorist_dropdown-option ul:empty { - position: relative; - height: 50px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + position: relative; + height: 50px; + display: flex; + align-items: center; + justify-content: center; } .directorist_dropdown .directorist_dropdown-option ul:empty:before { - content: "No Items Found"; + content: "No Items Found"; } .directorist_select .select2-container .select2-selection--single { - padding: 0 20px; - height: 38px; - border: 1px solid #c6d0dc; + padding: 0 20px; + height: 38px; + border: 1px solid #c6d0dc; } .directorist_loader { - position: relative; + position: relative; } .directorist_loader:before { - position: absolute; - content: ""; - left: 10px; - top: 31%; - border: 2px solid #dddddd; - border-radius: 50%; - border-top: 2px solid #272b41; - width: 20px; - height: 20px; - -webkit-animation: atbd_spin 2s linear infinite; - /* Safari */ - animation: atbd_spin 2s linear infinite; + position: absolute; + content: ""; + left: 10px; + top: 31%; + border: 2px solid #dddddd; + border-radius: 50%; + border-top: 2px solid #272b41; + width: 20px; + height: 20px; + -webkit-animation: atbd_spin 2s linear infinite; + /* Safari */ + animation: atbd_spin 2s linear infinite; } .directorist_disable { - pointer-events: none; + pointer-events: none; } #publishing-action.directorist_disable input#publish { - cursor: not-allowed; - opacity: 0.3; + cursor: not-allowed; + opacity: 0.3; } .directorist_more-dropdown { - position: relative; + position: relative; } .directorist_more-dropdown .directorist_more-dropdown-toggle { - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 40px; - width: 40px; - border-radius: 50% !important; - background-color: #fff !important; - padding: 0 !important; - color: #868eae !important; + display: flex !important; + align-items: center; + justify-content: center; + height: 40px; + width: 40px; + border-radius: 50% !important; + background-color: #fff !important; + padding: 0 !important; + color: #868eae !important; } .directorist_more-dropdown .directorist_more-dropdown-toggle:focus { - outline: none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + outline: none; + box-shadow: 0 0; } .directorist_more-dropdown .directorist_more-dropdown-toggle i, .directorist_more-dropdown .directorist_more-dropdown-toggle svg { - margin-left: 0 !important; + margin-left: 0 !important; } .directorist_more-dropdown .directorist_more-dropdown-option { - position: absolute; - min-width: 180px; - left: 20px; - top: 40px; - opacity: 0; - visibility: hidden; - background-color: #fff; - -webkit-box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); - box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); - border-radius: 6px; + position: absolute; + min-width: 180px; + left: 20px; + top: 40px; + opacity: 0; + visibility: hidden; + background-color: #fff; + -webkit-box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); + box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); + border-radius: 6px; } .directorist_more-dropdown .directorist_more-dropdown-option.active { - opacity: 1; - visibility: visible; - z-index: 22; + opacity: 1; + visibility: visible; + z-index: 22; } .directorist_more-dropdown .directorist_more-dropdown-option ul { - margin: 12px 0; + margin: 12px 0; } -.directorist_more-dropdown .directorist_more-dropdown-option ul li:not(:last-child) { - margin-bottom: 8px; +.directorist_more-dropdown + .directorist_more-dropdown-option + ul + li:not(:last-child) { + margin-bottom: 8px; } .directorist_more-dropdown .directorist_more-dropdown-option ul li a { - display: -webkit-inline-box !important; - display: -webkit-inline-flex !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px !important; - width: 100%; - padding: 0 16px !important; - margin: 0 !important; - line-height: 1.75 !important; - color: #5a5f7d !important; - background-color: #fff !important; + display: inline-flex !important; + align-items: center; + font-size: 14px !important; + width: 100%; + padding: 0 16px !important; + margin: 0 !important; + line-height: 1.75 !important; + color: #5a5f7d !important; + background-color: #fff !important; } .directorist_more-dropdown .directorist_more-dropdown-option ul li a:focus { - outline: none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + outline: none; + box-shadow: 0 0; } .directorist_more-dropdown .directorist_more-dropdown-option ul li a i { - font-size: 16px; - margin-left: 15px !important; - color: #c6d0dc; + font-size: 16px; + margin-left: 15px !important; + color: #c6d0dc; } .directorist_more-dropdown.default .directorist_more-dropdown-toggle { - opacity: 0.5; - pointer-events: none; + opacity: 0.5; + pointer-events: none; } @-webkit-keyframes atbd_spin { - 0% { - -webkit-transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(-360deg); - } + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(-360deg); + } } @keyframes atbd_spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(-360deg); + } } -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before { - right: 5px !important; - top: 5px !important; +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + right: 5px !important; + top: 5px !important; } .directorist-form-group.directorist-faq-group { - margin-bottom: 30px; + margin-bottom: 30px; } .directory_types-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -8px; + display: flex; + align-items: center; + flex-wrap: wrap; + margin: -8px; } .directory_types-wrapper .directory_type-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 8px; + display: flex; + align-items: center; + flex-wrap: wrap; + padding: 8px; } .directory_types-wrapper .directory_type-group label { - padding: 0 2px 0 0; + padding: 0 2px 0 0; } .directory_types-wrapper .directory_type-group input { - position: relative; - top: 2px; + position: relative; + top: 2px; } .csv-action-btns { - padding-right: 15px; + padding-right: 15px; } #atbdp_ie_download_sample { - display: inline-block; - padding: 0 20px; - color: #fff; - font-size: 14px; - text-decoration: none; - font-weight: 500; - line-height: 40px; - border-radius: 4px; - cursor: pointer; - border: 1px solid #3e62f5; - background-color: #3e62f5; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 0 20px; + color: #fff; + font-size: 14px; + text-decoration: none; + font-weight: 500; + line-height: 40px; + border-radius: 4px; + cursor: pointer; + border: 1px solid #3e62f5; + background-color: #3e62f5; + transition: all ease-in-out 300ms; } #atbdp_ie_download_sample:hover { - border-color: #264ef4; - background: #264ef4; - color: #fff; + border-color: #264ef4; + background: #264ef4; + color: #fff; } div#gmap { - height: 400px; + height: 400px; } .cor-wrap, .lat_btn_wrap { - margin-top: 15px; + margin-top: 15px; } img.atbdp-file-info { - max-width: 200px; + max-width: 200px; } /* admin notice */ .directorist__notice_new { - font-size: 13px; - font-weight: 500; - margin-bottom: 2px !important; + font-size: 13px; + font-weight: 500; + margin-bottom: 2px !important; } .directorist__notice_new span { - display: block; - font-weight: 600; - font-size: 14px; + display: block; + font-weight: 600; + font-size: 14px; } .directorist__notice_new a { - color: #3e62f5; - font-weight: 700; + color: #3e62f5; + font-weight: 700; } .directorist__notice_new + p { - margin-top: 0px !important; + margin-top: 0px !important; } .directorist__notice_new_action a { - color: #3e62f5; - font-weight: 700; - color: red; + color: #3e62f5; + font-weight: 700; + color: red; } .directorist__notice_new_action .directorist__notice_new__btn { - display: inline-block; - text-align: center; - border: 1px solid #3e62f5; - padding: 8px 17px; - border-radius: 5px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - font-weight: 500; - font-size: 15px; - color: #fff; - background-color: #3e62f5; - margin-left: 10px; + display: inline-block; + text-align: center; + border: 1px solid #3e62f5; + padding: 8px 17px; + border-radius: 5px; + cursor: pointer; + transition: all ease-in-out 300ms; + font-weight: 500; + font-size: 15px; + color: #fff; + background-color: #3e62f5; + margin-left: 10px; } .directorist__notice_new_action .directorist__notice_new__btn:hover { - color: #fff; + color: #fff; } .add_listing_form_wrapper#gallery_upload { - padding: 30px; - text-align: center; - border-radius: 5px; - border: 1px dashed #dbdee9; + padding: 30px; + text-align: center; + border-radius: 5px; + border: 1px dashed #dbdee9; } .add_listing_form_wrapper#gallery_upload .listing-prv-img-container { - text-align: center; + text-align: center; } .directorist_select .select2.select2-container .select2-selection--single { - border: 1px solid #8c8f94; - min-height: 40px; + border: 1px solid #8c8f94; + min-height: 40px; } -.directorist_select .select2.select2-container .select2-selection--single .select2-selection__rendered { - height: auto; - line-height: 38px; - padding: 0 15px; +.directorist_select + .select2.select2-container + .select2-selection--single + .select2-selection__rendered { + height: auto; + line-height: 38px; + padding: 0 15px; } .directorist_select .select2.select2-container .select2-results__option i, -.directorist_select .select2.select2-container .select2-results__option span.las, -.directorist_select .select2.select2-container .select2-results__option span.lab, +.directorist_select + .select2.select2-container + .select2-results__option + span.las, +.directorist_select + .select2.select2-container + .select2-results__option + span.lab, .directorist_select .select2.select2-container .select2-results__option span.la, -.directorist_select .select2.select2-container .select2-results__option span.fas, -.directorist_select .select2.select2-container .select2-results__option span.fab, -.directorist_select .select2.select2-container .select2-results__option span.far, -.directorist_select .select2.select2-container .select2-results__option span.fa { - font-size: 16px; -} - -#style_settings__color_settings .cptm-field-wraper-type-wp-media-picker input[type=button].cptm-btn { - display: none; +.directorist_select + .select2.select2-container + .select2-results__option + span.fas, +.directorist_select + .select2.select2-container + .select2-results__option + span.fab, +.directorist_select + .select2.select2-container + .select2-results__option + span.far, +.directorist_select + .select2.select2-container + .select2-results__option + span.fa { + font-size: 16px; +} + +#style_settings__color_settings + .cptm-field-wraper-type-wp-media-picker + input[type="button"].cptm-btn { + display: none; } .cptm-create-directory-modal .cptm-modal { - width: 100%; - max-width: 680px; - padding: 40px 36px; - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + max-width: 680px; + padding: 40px 36px; + border-radius: 8px; + box-sizing: border-box; } .cptm-create-directory-modal .cptm-create-directory-modal__header { - padding: 0; - margin: 0; - border: none; -} -.cptm-create-directory-modal .cptm-create-directory-modal__header .cptm-modal-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - position: absolute; - top: -28px; - left: -24px; - margin: 0; - padding: 0; - height: 32px; - width: 32px; - border-radius: 50%; - border: none; - color: #3c3c3c; - background-color: transparent; - cursor: pointer; - -webkit-transition: background-color 0.3s; - transition: background-color 0.3s; -} -.cptm-create-directory-modal .cptm-create-directory-modal__header .cptm-modal-action-link svg path { - -webkit-transition: fill ease 0.3s; - transition: fill ease 0.3s; -} -.cptm-create-directory-modal .cptm-create-directory-modal__header .cptm-modal-action-link:hover svg path { - fill: #9746ff; + padding: 0; + margin: 0; + border: none; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__header + .cptm-modal-action-link { + display: flex; + align-items: center; + justify-content: center; + position: absolute; + top: -28px; + left: -24px; + margin: 0; + padding: 0; + height: 32px; + width: 32px; + border-radius: 50%; + border: none; + color: #3c3c3c; + background-color: transparent; + cursor: pointer; + transition: background-color 0.3s; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__header + .cptm-modal-action-link + svg + path { + transition: fill ease 0.3s; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__header + .cptm-modal-action-link:hover + svg + path { + fill: #9746ff; } .cptm-create-directory-modal .cptm-create-directory-modal__body { - padding-top: 36px; + padding-top: 36px; } -.cptm-create-directory-modal .cptm-create-directory-modal__body .directorist_template_notice { - margin-top: 10px; - color: #f80718; +.cptm-create-directory-modal + .cptm-create-directory-modal__body + .directorist_template_notice { + margin-top: 10px; + color: #f80718; } -.cptm-create-directory-modal .cptm-create-directory-modal__body .directorist_template_notice.cptm-section-alert-success { - color: #28a800; +.cptm-create-directory-modal + .cptm-create-directory-modal__body + .directorist_template_notice.cptm-section-alert-success { + color: #28a800; } .cptm-create-directory-modal .cptm-create-directory-modal__title { - font-size: 20px; - line-height: 28px; - font-weight: 600; - color: #141921; - text-align: center; + font-size: 20px; + line-height: 28px; + font-weight: 600; + color: #141921; + text-align: center; } .cptm-create-directory-modal .cptm-create-directory-modal__desc { - font-size: 12px; - line-height: 18px; - font-weight: 400; - color: #4d5761; - text-align: center; - margin: 0; + font-size: 12px; + line-height: 18px; + font-weight: 400; + color: #4d5761; + text-align: center; + margin: 0; } .cptm-create-directory-modal .cptm-create-directory-modal__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 16px; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - text-align: center; - padding: 32px 24px; - background-color: #f3f4f6; - border: 1px solid #f3f4f6; - border-radius: 8px; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single:hover, .cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single:focus { - background-color: #f0f3ff; - border-color: #3e62f5; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single.disabled { - opacity: 0.5; - pointer-events: none; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-flex: unset; - -webkit-flex-grow: unset; - -ms-flex-positive: unset; - flex-grow: unset; - height: 40px; - width: 40px; - min-height: 40px; - min-width: 40px; - border-radius: 50%; - background-color: #0b99ff; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-icon.create-template { - background-color: #ff5c16; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-icon.create-scratch { - background-color: #0b99ff; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-icon.create-ai { - background-color: #9746ff; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-text { - font-size: 14px; - line-height: 19px; - font-weight: 600; - color: #4d5761; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-btn-desc { - font-size: 12px; - line-height: 18px; - font-weight: 400; - color: #3e62f5; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-badge { - position: absolute; - top: 8px; - left: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - height: 24px; - padding: 4px 8px; - border-radius: 4px; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-create-directory-modal .cptm-create-directory-modal__action .cptm-create-directory-modal__action__single .modal-badge.modal-badge--new { - color: #3e62f5; - background-color: #c0ccfc; + display: flex; + gap: 16px; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single { + position: relative; + display: flex; + gap: 8px; + align-items: center; + flex-direction: column; + flex: 1; + text-align: center; + padding: 32px 24px; + background-color: #f3f4f6; + border: 1px solid #f3f4f6; + border-radius: 8px; + cursor: pointer; + box-sizing: border-box; + box-shadow: none; + transition: all ease 0.3s; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single:hover, +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single:focus { + background-color: #f0f3ff; + border-color: #3e62f5; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single.disabled { + opacity: 0.5; + pointer-events: none; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-btn-icon { + display: flex; + align-items: center; + justify-content: center; + flex-grow: unset; + height: 40px; + width: 40px; + min-height: 40px; + min-width: 40px; + border-radius: 50%; + background-color: #0b99ff; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-btn-icon.create-template { + background-color: #ff5c16; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-btn-icon.create-scratch { + background-color: #0b99ff; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-btn-icon.create-ai { + background-color: #9746ff; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-btn-text { + font-size: 14px; + line-height: 19px; + font-weight: 600; + color: #4d5761; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-btn-desc { + font-size: 12px; + line-height: 18px; + font-weight: 400; + color: #3e62f5; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-badge { + position: absolute; + top: 8px; + left: 8px; + display: flex; + gap: 8px; + align-items: center; + height: 24px; + padding: 4px 8px; + border-radius: 4px; + box-sizing: border-box; +} +.cptm-create-directory-modal + .cptm-create-directory-modal__action + .cptm-create-directory-modal__action__single + .modal-badge.modal-badge--new { + color: #3e62f5; + background-color: #c0ccfc; } .directorist-flex { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-flex-wrap { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .directorist-align-center { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + align-items: center; } .directorist-justify-content-center { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .directorist-justify-content-between { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; } .directorist-justify-content-around { - -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - justify-content: space-around; + justify-content: space-around; } .directorist-justify-content-start { - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; } .directorist-justify-content-end { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; } .directorist-display-none { - display: none; + display: none; } .directorist-icon-mask:after { - content: ""; - display: block; - width: 18px; - height: 18px; - background-color: var(--directorist-color-dark); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: var(--directorist-icon); - mask-image: var(--directorist-icon); + content: ""; + display: block; + width: 18px; + height: 18px; + background-color: var(--directorist-color-dark); + mask-repeat: no-repeat; + mask-position: center; + mask-image: var(--directorist-icon); } .directorist-error__msg { - color: var(--directorist-color-danger); - font-size: 14px; + color: var(--directorist-color-danger); + font-size: 14px; } .directorist-content-active .entry-content .directorist-search-contents { - width: 100% !important; - max-width: 100% !important; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100% !important; + max-width: 100% !important; + box-sizing: border-box; } /* directorist module style */ .directorist-content-module { - border: 1px solid var(--directorist-color-border); + border: 1px solid var(--directorist-color-border); } .directorist-content-module__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 15px 40px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - min-height: 36px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: flex; + justify-content: space-between; + padding: 15px 40px; + align-items: center; + flex-wrap: wrap; + min-height: 36px; + box-sizing: border-box; } @media (max-width: 480px) { - .directorist-content-module__title { - padding: 20px; - } + .directorist-content-module__title { + padding: 20px; + } } .directorist-content-module__title h2 { - margin: 0 !important; - font-size: 16px; - font-weight: 500; - line-height: 1.2; + margin: 0 !important; + font-size: 16px; + font-weight: 500; + line-height: 1.2; } .directorist-content-module__contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 40px 0; - padding: 30px 40px 40px; - border-top: 1px solid var(--directorist-color-border); + display: flex; + flex-direction: column; + gap: 40px 0; + padding: 30px 40px 40px; + border-top: 1px solid var(--directorist-color-border); } @media (max-width: 480px) { - .directorist-content-module__contents { - padding: 20px; - } -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-wrap { - margin-top: -30px; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs { - position: relative; - bottom: -7px; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs .wp-switch-editor { - margin: 0; - border: none; - border-radius: 5px; - padding: 5px 10px 12px; - background: transparent; - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .html-active .switch-html, -.directorist-content-module__contents .directorist-form-description-field .tmce-active .switch-tmce { - background-color: #f6f7f7; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-container { - border: none; - border-bottom: 1px solid var(--directorist-color-border); -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-container input { - background: transparent !important; - color: var(--directorist-color-body) !important; - border-color: var(--directorist-color-border); -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-area { - border: none; - resize: none; - min-height: 238px; -} -.directorist-content-module__contents .directorist-form-description-field .mce-top-part::before { - display: none; -} -.directorist-content-module__contents .directorist-form-description-field .mce-stack-layout { - border: none; - padding: 0; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar-grp, -.directorist-content-module__contents .directorist-form-description-field .quicktags-toolbar { - border: none; - padding: 8px 12px; - border-radius: 8px; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-ico { - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn button, -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn-group .mce-btn.mce-listbox { - background: transparent; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-menubtn.mce-fixed-width span.mce-txt { - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .mce-statusbar { - display: none; -} -.directorist-content-module__contents .directorist-form-description-field #wp-listing_content-editor-tools { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-content-module__contents .directorist-form-description-field iframe { - max-width: 100%; -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn { - width: 100%; - gap: 10px; - padding-right: 40px; -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn i::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-btn); -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover i::after { - background-color: var(--directorist-color-white); -} -.directorist-content-module__contents .directorist-form-social-info-field select { - color: var(--directorist-color-primary); -} -.directorist-content-module__contents .directorist-checkbox .directorist-checkbox__label { - margin-right: 0; + .directorist-content-module__contents { + padding: 20px; + } +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-wrap { + margin-top: -30px; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-tabs { + position: relative; + bottom: -7px; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-tabs + .wp-switch-editor { + margin: 0; + border: none; + border-radius: 5px; + padding: 5px 10px 12px; + background: transparent; + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .html-active + .switch-html, +.directorist-content-module__contents + .directorist-form-description-field + .tmce-active + .switch-tmce { + background-color: #f6f7f7; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-container { + border: none; + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-container + input { + background: transparent !important; + color: var(--directorist-color-body) !important; + border-color: var(--directorist-color-border); +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-area { + border: none; + resize: none; + min-height: 238px; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-top-part::before { + display: none; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-stack-layout { + border: none; + padding: 0; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar-grp, +.directorist-content-module__contents + .directorist-form-description-field + .quicktags-toolbar { + border: none; + padding: 8px 12px; + border-radius: 8px; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-ico { + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-btn + button, +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-btn-group + .mce-btn.mce-listbox { + background: transparent; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-menubtn.mce-fixed-width + span.mce-txt { + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-statusbar { + display: none; +} +.directorist-content-module__contents + .directorist-form-description-field + #wp-listing_content-editor-tools { + display: flex; + justify-content: flex-end; +} +.directorist-content-module__contents + .directorist-form-description-field + iframe { + max-width: 100%; +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn { + width: 100%; + gap: 10px; + padding-right: 40px; +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn + i::after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-btn); +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn:hover + i::after { + background-color: var(--directorist-color-white); +} +.directorist-content-module__contents + .directorist-form-social-info-field + select { + color: var(--directorist-color-primary); +} +.directorist-content-module__contents + .directorist-checkbox + .directorist-checkbox__label { + margin-right: 0; } .directorist-content-active #directorist.atbd_wrapper { - max-width: 100%; + max-width: 100%; } .directorist-content-active #directorist.atbd_wrapper .atbd_header_bar { - margin-bottom: 35px; + margin-bottom: 35px; } #directorist-dashboard-preloader { - display: none; + display: none; } .directorist-form-required { - color: var(--directorist-color-danger); + color: var(--directorist-color-danger); } .directory_register_form_wrap .dgr_show_recaptcha { - margin-bottom: 20px; + margin-bottom: 20px; } .directory_register_form_wrap .dgr_show_recaptcha > p { - font-size: 16px; - color: var(--directorist-color-primary); - font-weight: 600; - margin-bottom: 8px !important; + font-size: 16px; + color: var(--directorist-color-primary); + font-weight: 600; + margin-bottom: 8px !important; } .directory_register_form_wrap a { - text-decoration: none; + text-decoration: none; } .atbd_login_btn_wrapper .directorist-btn { - line-height: 2.55; - padding-top: 0; - padding-bottom: 0; + line-height: 2.55; + padding-top: 0; + padding-bottom: 0; } -.atbd_login_btn_wrapper .keep_signed.directorist-checkbox .directorist-checkbox__label { - color: var(--directorist-color-primary); +.atbd_login_btn_wrapper + .keep_signed.directorist-checkbox + .directorist-checkbox__label { + color: var(--directorist-color-primary); } .atbdp_login_form_shortcode .directorist-form-group label { - display: inline-block; - margin-bottom: 5px; + display: inline-block; + margin-bottom: 5px; } .atbdp_login_form_shortcode a { - text-decoration: none; + text-decoration: none; } .directory_register_form_wrap .directorist-form-group label { - display: inline-block; - margin-bottom: 5px; + display: inline-block; + margin-bottom: 5px; } .directory_register_form_wrap .directorist-btn { - line-height: 2.55; - padding-top: 0; - padding-bottom: 0; + line-height: 2.55; + padding-top: 0; + padding-bottom: 0; } .directorist-quick-login .directorist-form-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + gap: 15px; + align-items: center; } .atbd_success_mesage > p i { - top: 2px; - margin-left: 5px; - position: relative; - display: inline-block; + top: 2px; + margin-left: 5px; + position: relative; + display: inline-block; } .directorist-loader { - position: relative; + position: relative; } .directorist-loader:before { - position: absolute; - content: ""; - left: 20px; - top: 31%; - border: 2px solid var(--directorist-color-white); - border-radius: 50%; - border-top: 2px solid var(--directorist-color-primary); - width: 20px; - height: 20px; - -webkit-animation: atbd_spin 2s linear infinite; - animation: atbd_spin 2s linear infinite; + position: absolute; + content: ""; + left: 20px; + top: 31%; + border: 2px solid var(--directorist-color-white); + border-radius: 50%; + border-top: 2px solid var(--directorist-color-primary); + width: 20px; + height: 20px; + animation: atbd_spin 2s linear infinite; } .plupload-upload-uic { - width: 420px; - margin: 0 auto !important; - border: 1px dashed var(--directorist-color-border-gray); - padding: 30px; + width: 420px; + margin: 0 auto !important; + border: 1px dashed var(--directorist-color-border-gray); + padding: 30px; } .plupload-upload-uic .atbdp-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; + font-weight: 500; + margin-bottom: 15px; + font-size: 15px; } .plupload-upload-uic .atbdp_button { - border: 1px solid var(--directorist-color-border); - background-color: var(--directorist-color-ss-bg-light); - font-size: 14px; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 40px !important; - padding: 0 30px !important; - height: auto !important; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - color: inherit; + border: 1px solid var(--directorist-color-border); + background-color: var(--directorist-color-ss-bg-light); + font-size: 14px; + box-shadow: none; + line-height: 40px !important; + padding: 0 30px !important; + height: auto !important; + transition: 0.3s ease; + color: inherit; } .plupload-upload-uic .atbdp-dropbox-file-types { - margin-top: 10px; - color: var(--directorist-color-deep-gray); + margin-top: 10px; + color: var(--directorist-color-deep-gray); } @media (max-width: 575px) { - .plupload-upload-uic { - width: 100%; - } + .plupload-upload-uic { + width: 100%; + } } .directorist-address-field .address_result, .directorist-form-address-field .address_result { - position: absolute; - right: 0; - top: 100%; - width: 100%; - max-height: 345px !important; - overflow-y: scroll; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); - box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); - z-index: 10; + position: absolute; + right: 0; + top: 100%; + width: 100%; + max-height: 345px !important; + overflow-y: scroll; + border-radius: 8px; + background-color: var(--directorist-color-white); + box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); + z-index: 10; } .directorist-address-field .address_result ul, .directorist-form-address-field .address_result ul { - list-style: none; - margin: 0; - padding: 0; - border-radius: 8px; + list-style: none; + margin: 0; + padding: 0; + border-radius: 8px; } .directorist-address-field .address_result li, .directorist-form-address-field .address_result li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; - margin: 0; - padding: 10px 20px; - border-bottom: 1px solid #eee; + display: flex; + align-items: center; + gap: 15px; + margin: 0; + padding: 10px 20px; + border-bottom: 1px solid #eee; } .directorist-address-field .address_result li a, .directorist-form-address-field .address_result li a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 15px; - font-size: 14px; - line-height: 18px; - padding: 0; - margin: 0; - color: #767792; - background-color: var(--directorist-color-white); - border-bottom: 1px solid #d9d9d9; - text-decoration: none; - -webkit-transition: color 0.3s ease, border 0.3s ease; - transition: color 0.3s ease, border 0.3s ease; + display: flex; + align-items: flex-start; + gap: 15px; + font-size: 14px; + line-height: 18px; + padding: 0; + margin: 0; + color: #767792; + background-color: var(--directorist-color-white); + border-bottom: 1px solid #d9d9d9; + text-decoration: none; + transition: + color 0.3s ease, + border 0.3s ease; } .directorist-address-field .address_result li a:hover, .directorist-form-address-field .address_result li a:hover { - color: var(--directorist-color-dark); - border-bottom: 1px dashed #e9e9e9; + color: var(--directorist-color-dark); + border-bottom: 1px dashed #e9e9e9; } .directorist-address-field .address_result li:last-child, .directorist-form-address-field .address_result li:last-child { - border: none; + border: none; } .directorist-address-field .address_result li:last-child a, .directorist-form-address-field .address_result li:last-child a { - border: none; + border: none; } .pac-container { - list-style: none; - margin: 0; - padding: 18px 5px 11px; - max-width: 270px; - min-width: 200px; - border-radius: 8px; + list-style: none; + margin: 0; + padding: 18px 5px 11px; + max-width: 270px; + min-width: 200px; + border-radius: 8px; } @media (max-width: 575px) { - .pac-container { - max-width: unset; - width: calc(100% - 30px) !important; - right: 30px !important; - } + .pac-container { + max-width: unset; + width: calc(100% - 30px) !important; + right: 30px !important; + } } .pac-container .pac-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 13px 7px; - padding: 0; - border: none; - background: unset; - cursor: pointer; + display: flex; + align-items: center; + margin: 0 13px 7px; + padding: 0; + border: none; + background: unset; + cursor: pointer; } .pac-container .pac-item span { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .pac-container .pac-item .pac-matched { - font-weight: 400; + font-weight: 400; } .pac-container .pac-item:hover span { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .pac-container .pac-icon-marker { - position: relative; - height: 36px; - width: 36px; - min-width: 36px; - border-radius: 8px; - margin: 0 0 0 15px; - background-color: var(--directorist-color-border-gray); + position: relative; + height: 36px; + width: 36px; + min-width: 36px; + border-radius: 8px; + margin: 0 0 0 15px; + background-color: var(--directorist-color-border-gray); } .pac-container .pac-icon-marker:after { - content: ""; - display: block; - width: 12px; - height: 20px; - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/c5960c249e03a1405b32.svg); - mask-image: url(../js/c5960c249e03a1405b32.svg); + content: ""; + display: block; + width: 12px; + height: 20px; + position: absolute; + right: 50%; + top: 50%; + transform: translate(50%, -50%); + background-color: var(--directorist-color-body); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); } .pac-container:after { - display: none; + display: none; } p.status:empty { - display: none; + display: none; } -.gateway_list input[type=radio] { - margin-left: 5px; +.gateway_list input[type="radio"] { + margin-left: 5px; } .directorist-checkout-form .directorist-container-fluid { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } .directorist-checkout-form ul { - list-style-type: none; + list-style-type: none; } .directorist-select select { - width: 100%; - height: 40px; - border: none; - color: var(--directorist-color-body); - border-bottom: 1px solid var(--directorist-color-border-gray); + width: 100%; + height: 40px; + border: none; + color: var(--directorist-color-body); + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-select select:focus { - outline: 0; + outline: 0; } .directorist-content-active .select2-container--open .select2-dropdown--above { - top: 0; - border-color: var(--directorist-color-border); + top: 0; + border-color: var(--directorist-color-border); } -body.logged-in.directorist-content-active .select2-container--open .select2-dropdown--above { - top: 32px; +body.logged-in.directorist-content-active + .select2-container--open + .select2-dropdown--above { + top: 32px; } .directorist-content-active .select2-container--default .select2-dropdown { - border: none; - border-radius: 10px !important; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + border: none; + border-radius: 10px !important; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } -.directorist-content-active .select2-container--default .select2-search--dropdown { - padding: 20px 20px 10px 20px; +.directorist-content-active + .select2-container--default + .select2-search--dropdown { + padding: 20px 20px 10px 20px; } .directorist-content-active .select2-container--default .select2-search__field { - padding: 10px 18px !important; - border-radius: 8px; - background: transparent; - color: var(--directorist-color-deep-gray); - border: 1px solid var(--directorist-color-border-gray) !important; + padding: 10px 18px !important; + border-radius: 8px; + background: transparent; + color: var(--directorist-color-deep-gray); + border: 1px solid var(--directorist-color-border-gray) !important; } -.directorist-content-active .select2-container--default .select2-search__field:focus { - outline: 0; +.directorist-content-active + .select2-container--default + .select2-search__field:focus { + outline: 0; } .directorist-content-active .select2-container--default .select2-results { - padding-bottom: 10px; -} -.directorist-content-active .select2-container--default .select2-results__option { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 15px; - padding: 6px 20px; - color: var(--directorist-color-body); - font-size: 14px; - line-height: 1.5; -} -.directorist-content-active .select2-container--default .select2-results__option--highlighted { - font-weight: 500; - color: var(--directorist-color-primary) !important; - background-color: transparent; -} -.directorist-content-active .select2-container--default .select2-results__message { - margin-bottom: 10px !important; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li { - margin-right: 0; - margin-top: 8.5px; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group { - margin-bottom: 0; - padding: 0; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group .form-control { - height: 24.5px; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field { - margin: 0; - max-width: none; - width: 100% !important; - padding: 0 !important; - border: none !important; -} -.directorist-content-active .select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: rgba(var(--directorist-color-primary-rgb), 0.1) !important; - font-weight: 400; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option { - margin: 0; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option[aria-selected=true] { - font-weight: 600; - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary-rgb), 0.1); - pointer-events: none; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask { - margin-left: 12px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); + padding-bottom: 10px; +} +.directorist-content-active + .select2-container--default + .select2-results__option { + display: flex; + justify-content: space-between; + gap: 15px; + padding: 6px 20px; + color: var(--directorist-color-body); + font-size: 14px; + line-height: 1.5; +} +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted { + font-weight: 500; + color: var(--directorist-color-primary) !important; + background-color: transparent; +} +.directorist-content-active + .select2-container--default + .select2-results__message { + margin-bottom: 10px !important; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li { + margin-right: 0; + margin-top: 8.5px; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li.select2-search--inline.form-group { + margin-bottom: 0; + padding: 0; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li.select2-search--inline.form-group + .form-control { + height: 24.5px; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li + .select2-search__field { + margin: 0; + max-width: none; + width: 100% !important; + padding: 0 !important; + border: none !important; +} +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted[aria-selected] { + background-color: rgba( + var(--directorist-color-primary-rgb), + 0.1 + ) !important; + font-weight: 400; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option { + margin: 0; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option[aria-selected="true"] { + font-weight: 600; + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.1); + pointer-events: none; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents { + display: flex; + align-items: center; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask { + margin-left: 12px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); } @media (max-width: 575px) { - .directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask { - width: 40px; - height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - background-color: var(--directorist-color-bg-light); - } -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-2 { - padding-right: 20px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-3 { - padding-right: 40px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-4 { - padding-right: 60px; -} -.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered { - opacity: 1; -} -.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-content-active .select2-container--default .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-body) !important; + .directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask { + width: 40px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 8px; + background-color: var(--directorist-color-bg-light); + } +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-2 { + padding-right: 20px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-3 { + padding-right: 40px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-4 { + padding-right: 60px; +} +.directorist-content-active + .select2-container--default + .select2-selection--single + .select2-selection__rendered { + opacity: 1; +} +.directorist-content-active + .select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + display: flex; + align-items: center; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-content-active + .select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-body) !important; } .custom-checkbox input { - display: none; -} -.custom-checkbox input[type=checkbox] + .check--select + label, -.custom-checkbox input[type=radio] + .radio--select + label { - min-width: 18px; - min-height: 18px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - padding-right: 28px; - padding-top: 3px; - padding-bottom: 3px; - margin-bottom: 0; - line-height: 1.2; - font-weight: 400; - color: var(--directorist-color-gray); -} -.custom-checkbox input[type=checkbox] + .check--select + label:before, -.custom-checkbox input[type=radio] + .radio--select + label:before { - position: absolute; - font-size: 10px; - right: 5px; - top: 5px; - font-weight: 900; - font-family: "Font Awesome 5 Free"; - content: "\f00c"; - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; -} -.custom-checkbox input[type=checkbox] + .check--select + label:after, -.custom-checkbox input[type=radio] + .radio--select + label:after { - position: absolute; - right: 0; - top: 3px; - width: 18px; - height: 18px; - content: ""; - background-color: var(--directorist-color-white); - border: 2px solid var(--directorist-color-border-gray); -} -.custom-checkbox input[type=radio] + .radio--select + label:before { - top: 8px; - font-size: 9px; -} -.custom-checkbox input[type=radio] + .radio--select + label:after { - border-radius: 50%; -} -.custom-checkbox input[type=radio] + .radio--select + label span { - color: var(--directorist-color-light-gray); -} -.custom-checkbox input[type=radio] + .radio--select + label span.active { - color: var(--directorist-color-warning); -} -.custom-checkbox input[type=checkbox]:checked + .check--select + label:after, -.custom-checkbox input[type=radio]:checked + .radio--select + label:after { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); -} -.custom-checkbox input[type=checkbox]:checked + .check--select + label:before, -.custom-checkbox input[type=radio]:checked + .radio--select + label:before { - opacity: 1; - color: var(--directorist-color-white); + display: none; +} +.custom-checkbox input[type="checkbox"] + .check--select + label, +.custom-checkbox input[type="radio"] + .radio--select + label { + min-width: 18px; + min-height: 18px; + font-size: 14px; + display: flex; + flex-flow: column; + position: relative; + padding-right: 28px; + padding-top: 3px; + padding-bottom: 3px; + margin-bottom: 0; + line-height: 1.2; + font-weight: 400; + color: var(--directorist-color-gray); +} +.custom-checkbox input[type="checkbox"] + .check--select + label:before, +.custom-checkbox input[type="radio"] + .radio--select + label:before { + position: absolute; + font-size: 10px; + right: 5px; + top: 5px; + font-weight: 900; + font-family: "Font Awesome 5 Free"; + content: "\f00c"; + display: block; + opacity: 0; + transition: all 0.3s ease 0s; + z-index: 2; +} +.custom-checkbox input[type="checkbox"] + .check--select + label:after, +.custom-checkbox input[type="radio"] + .radio--select + label:after { + position: absolute; + right: 0; + top: 3px; + width: 18px; + height: 18px; + content: ""; + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border-gray); +} +.custom-checkbox input[type="radio"] + .radio--select + label:before { + top: 8px; + font-size: 9px; +} +.custom-checkbox input[type="radio"] + .radio--select + label:after { + border-radius: 50%; +} +.custom-checkbox input[type="radio"] + .radio--select + label span { + color: var(--directorist-color-light-gray); +} +.custom-checkbox input[type="radio"] + .radio--select + label span.active { + color: var(--directorist-color-warning); +} +.custom-checkbox input[type="checkbox"]:checked + .check--select + label:after, +.custom-checkbox input[type="radio"]:checked + .radio--select + label:after { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); +} +.custom-checkbox input[type="checkbox"]:checked + .check--select + label:before, +.custom-checkbox input[type="radio"]:checked + .radio--select + label:before { + opacity: 1; + color: var(--directorist-color-white); } .directorist-table { - display: table; - width: 100%; -} - -.reset-pseudo-link:visited, .atbdp-nav-link:visited, .cptm-modal-action-link:visited, .cptm-header-action-link:visited, .cptm-sub-nav__item-link:visited, .cptm-form-builder-header-action-link:visited, .cptm-link-light:visited, .cptm-header-nav__list-item-link:visited, .cptm-btn:visited, .reset-pseudo-link:active, .atbdp-nav-link:active, .cptm-modal-action-link:active, .cptm-header-action-link:active, .cptm-sub-nav__item-link:active, .cptm-form-builder-header-action-link:active, .cptm-link-light:active, .cptm-header-nav__list-item-link:active, .cptm-btn:active, .reset-pseudo-link:focus, .atbdp-nav-link:focus, .cptm-modal-action-link:focus, .cptm-header-action-link:focus, .cptm-sub-nav__item-link:focus, .cptm-form-builder-header-action-link:focus, .cptm-link-light:focus, .cptm-header-nav__list-item-link:focus, .cptm-btn:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + display: table; + width: 100%; +} + +.reset-pseudo-link:visited, +.atbdp-nav-link:visited, +.cptm-modal-action-link:visited, +.cptm-header-action-link:visited, +.cptm-sub-nav__item-link:visited, +.cptm-form-builder-header-action-link:visited, +.cptm-link-light:visited, +.cptm-header-nav__list-item-link:visited, +.cptm-btn:visited, +.reset-pseudo-link:active, +.atbdp-nav-link:active, +.cptm-modal-action-link:active, +.cptm-header-action-link:active, +.cptm-sub-nav__item-link:active, +.cptm-form-builder-header-action-link:active, +.cptm-link-light:active, +.cptm-header-nav__list-item-link:active, +.cptm-btn:active, +.reset-pseudo-link:focus, +.atbdp-nav-link:focus, +.cptm-modal-action-link:focus, +.cptm-header-action-link:focus, +.cptm-sub-nav__item-link:focus, +.cptm-form-builder-header-action-link:focus, +.cptm-link-light:focus, +.cptm-header-nav__list-item-link:focus, +.cptm-btn:focus { + outline: none; + box-shadow: none; } .cptm-shortcodes { - max-height: 300px; - overflow: scroll; + max-height: 300px; + overflow: scroll; } .directorist-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-center-content-inline { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: inline-flex; } .directorist-center-content, .directorist-center-content-inline { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; } .directorist-text-right { - text-align: left; + text-align: left; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-text-left { - text-align: right; + text-align: right; } .directorist-mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .directorist-mt-5 { - margin-top: 5px !important; + margin-top: 5px !important; } .directorist-mt-10 { - margin-top: 10px !important; + margin-top: 10px !important; } .directorist-mt-15 { - margin-top: 15px !important; + margin-top: 15px !important; } .directorist-mt-20 { - margin-top: 20px !important; + margin-top: 20px !important; } .directorist-mt-30 { - margin-top: 30px !important; + margin-top: 30px !important; } .directorist-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-25 { - margin-bottom: 25px !important; + margin-bottom: 25px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-n20 { - margin-bottom: -20px !important; + margin-bottom: -20px !important; } .directorist-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .directorist-mb-15 { - margin-bottom: 15px !important; + margin-bottom: 15px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-40 { - margin-bottom: 40px !important; + margin-bottom: 40px !important; } .directorist-mb-50 { - margin-bottom: 50px !important; + margin-bottom: 50px !important; } .directorist-mb-70 { - margin-bottom: 70px !important; + margin-bottom: 70px !important; } .directorist-mb-80 { - margin-bottom: 80px !important; + margin-bottom: 80px !important; } .directorist-pb-100 { - padding-bottom: 100px !important; + padding-bottom: 100px !important; } .directorist-w-100 { - width: 100% !important; - max-width: 100% !important; + width: 100% !important; + max-width: 100% !important; } /* typography */ body.stop-scrolling { - height: 100%; - overflow: hidden; + height: 100%; + overflow: hidden; } .sweet-overlay { - background-color: black; - -ms-filter: "alpha(opacity=40)"; - background-color: rgba(var(--directorist-color-dark-rgb), 0.4); - position: fixed; - right: 0; - left: 0; - top: 0; - bottom: 0; - display: none; - z-index: 10000; + background-color: black; + -ms-filter: "alpha(opacity=40)"; + background-color: rgba(var(--directorist-color-dark-rgb), 0.4); + position: fixed; + right: 0; + left: 0; + top: 0; + bottom: 0; + display: none; + z-index: 10000; } .sweet-alert { - background-color: white; - font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; - width: 478px; - padding: 17px; - border-radius: 5px; - text-align: center; - position: fixed; - right: 50%; - top: 50%; - margin-right: -256px; - margin-top: -200px; - overflow: hidden; - display: none; - z-index: 99999; + background-color: white; + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + width: 478px; + padding: 17px; + border-radius: 5px; + text-align: center; + position: fixed; + right: 50%; + top: 50%; + margin-right: -256px; + margin-top: -200px; + overflow: hidden; + display: none; + z-index: 99999; } @media all and (max-width: 540px) { - .sweet-alert { - width: auto; - margin-right: 0; - margin-left: 0; - right: 15px; - left: 15px; - } + .sweet-alert { + width: auto; + margin-right: 0; + margin-left: 0; + right: 15px; + left: 15px; + } } .sweet-alert h2 { - color: #575757; - font-size: 30px; - text-align: center; - font-weight: 600; - text-transform: none; - position: relative; - margin: 25px 0; - padding: 0; - line-height: 40px; - display: block; + color: #575757; + font-size: 30px; + text-align: center; + font-weight: 600; + text-transform: none; + position: relative; + margin: 25px 0; + padding: 0; + line-height: 40px; + display: block; } .sweet-alert p { - color: #797979; - font-size: 16px; - text-align: center; - font-weight: 300; - position: relative; - text-align: inherit; - float: none; - margin: 0; - padding: 0; - line-height: normal; + color: #797979; + font-size: 16px; + text-align: center; + font-weight: 300; + position: relative; + text-align: inherit; + float: none; + margin: 0; + padding: 0; + line-height: normal; } .sweet-alert fieldset { - border: 0; - position: relative; + border: 0; + position: relative; } .sweet-alert .sa-error-container { - background-color: #f1f1f1; - margin-right: -17px; - margin-left: -17px; - overflow: hidden; - padding: 0 10px; - max-height: 0; - webkit-transition: padding 0.15s, max-height 0.15s; - -webkit-transition: padding 0.15s, max-height 0.15s; - transition: padding 0.15s, max-height 0.15s; + background-color: #f1f1f1; + margin-right: -17px; + margin-left: -17px; + overflow: hidden; + padding: 0 10px; + max-height: 0; + webkit-transition: + padding 0.15s, + max-height 0.15s; + transition: + padding 0.15s, + max-height 0.15s; } .sweet-alert .sa-error-container.show { - padding: 10px 0; - max-height: 100px; - webkit-transition: padding 0.2s, max-height 0.2s; - -webkit-transition: padding 0.25s, max-height 0.25s; - transition: padding 0.25s, max-height 0.25s; + padding: 10px 0; + max-height: 100px; + webkit-transition: + padding 0.2s, + max-height 0.2s; + transition: + padding 0.25s, + max-height 0.25s; } .sweet-alert .sa-error-container .icon { - display: inline-block; - width: 24px; - height: 24px; - border-radius: 50%; - background-color: #ea7d7d; - color: white; - line-height: 24px; - text-align: center; - margin-left: 3px; + display: inline-block; + width: 24px; + height: 24px; + border-radius: 50%; + background-color: #ea7d7d; + color: white; + line-height: 24px; + text-align: center; + margin-left: 3px; } .sweet-alert .sa-error-container p { - display: inline-block; + display: inline-block; } .sweet-alert .sa-input-error { - position: absolute; - top: 29px; - left: 26px; - width: 20px; - height: 20px; - opacity: 0; - -webkit-transform: scale(0.5); - transform: scale(0.5); - -webkit-transform-origin: 50% 50%; - transform-origin: 50% 50%; - -webkit-transition: all 0.1s; - transition: all 0.1s; + position: absolute; + top: 29px; + left: 26px; + width: 20px; + height: 20px; + opacity: 0; + -webkit-transform: scale(0.5); + transform: scale(0.5); + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -webkit-transition: all 0.1s; + transition: all 0.1s; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { - content: ""; - width: 20px; - height: 6px; - background-color: #f06e57; - border-radius: 3px; - position: absolute; - top: 50%; - margin-top: -4px; - right: 50%; - margin-right: -9px; + content: ""; + width: 20px; + height: 6px; + background-color: #f06e57; + border-radius: 3px; + position: absolute; + top: 50%; + margin-top: -4px; + right: 50%; + margin-right: -9px; } .sweet-alert .sa-input-error::before { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-input-error::after { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-input-error.show { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); } .sweet-alert input { - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 3px; - border: 1px solid #d7d7d7; - height: 43px; - margin-top: 10px; - margin-bottom: 17px; - font-size: 18px; - -webkit-box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); - box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); - padding: 0 12px; - display: none; - -webkit-transition: all 0.3s; - transition: all 0.3s; + width: 100%; + box-sizing: border-box; + border-radius: 3px; + border: 1px solid #d7d7d7; + height: 43px; + margin-top: 10px; + margin-bottom: 17px; + font-size: 18px; + box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); + padding: 0 12px; + display: none; + -webkit-transition: all 0.3s; + transition: all 0.3s; } .sweet-alert input:focus { - outline: 0; - -webkit-box-shadow: 0 0 3px #c4e6f5; - box-shadow: 0 0 3px #c4e6f5; - border: 1px solid #b4dbed; + outline: 0; + box-shadow: 0 0 3px #c4e6f5; + border: 1px solid #b4dbed; } .sweet-alert input:focus::-moz-placeholder { - -moz-transition: opacity 0.3s 0.03s ease; - transition: opacity 0.3s 0.03s ease; - opacity: 0.5; + transition: opacity 0.3s 0.03s ease; + opacity: 0.5; } .sweet-alert input:focus:-ms-input-placeholder { - -ms-transition: opacity 0.3s 0.03s ease; - transition: opacity 0.3s 0.03s ease; - opacity: 0.5; + transition: opacity 0.3s 0.03s ease; + opacity: 0.5; } .sweet-alert input:focus::-webkit-input-placeholder { - -webkit-transition: opacity 0.3s 0.03s ease; - transition: opacity 0.3s 0.03s ease; - opacity: 0.5; + transition: opacity 0.3s 0.03s ease; + opacity: 0.5; } .sweet-alert input::-moz-placeholder { - color: #bdbdbd; + color: #bdbdbd; } .sweet-alert input:-ms-input-placeholder { - color: #bdbdbd; + color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { - color: #bdbdbd; + color: #bdbdbd; } .sweet-alert.show-input input { - display: block; + display: block; } .sweet-alert .sa-confirm-button-container { - display: inline-block; - position: relative; + display: inline-block; + position: relative; } .sweet-alert .la-ball-fall { - position: absolute; - right: 50%; - top: 50%; - margin-right: -27px; - margin-top: 4px; - opacity: 0; - visibility: hidden; + position: absolute; + right: 50%; + top: 50%; + margin-right: -27px; + margin-top: 4px; + opacity: 0; + visibility: hidden; } .sweet-alert button { - background-color: #8cd4f5; - color: white; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 17px; - font-weight: 500; - border-radius: 5px; - padding: 10px 32px; - margin: 26px 5px 0 5px; - cursor: pointer; + background-color: #8cd4f5; + color: white; + border: 0; + box-shadow: none; + font-size: 17px; + font-weight: 500; + -webkit-border-radius: 4px; + border-radius: 5px; + padding: 10px 32px; + margin: 26px 5px 0 5px; + cursor: pointer; } .sweet-alert button:focus { - outline: 0; - -webkit-box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); - box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); + outline: 0; + box-shadow: + 0 0 2px rgba(128, 179, 235, 0.5), + inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); } .sweet-alert button:hover { - background-color: #7ecff4; + background-color: #7ecff4; } .sweet-alert button:active { - background-color: #5dc2f1; + background-color: #5dc2f1; } .sweet-alert button.cancel { - background-color: #c1c1c1; + background-color: #c1c1c1; } .sweet-alert button.cancel:hover { - background-color: #b9b9b9; + background-color: #b9b9b9; } .sweet-alert button.cancel:active { - background-color: #a8a8a8; + background-color: #a8a8a8; } .sweet-alert button.cancel:focus { - -webkit-box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; - box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; + box-shadow: + rgba(197, 205, 211, 0.8) 0 0 2px, + rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; } .sweet-alert button[disabled] { - opacity: 0.6; - cursor: default; + opacity: 0.6; + cursor: default; } .sweet-alert button.confirm[disabled] { - color: transparent; + color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { - opacity: 1; - visibility: visible; - -webkit-transition-delay: 0; - transition-delay: 0; + opacity: 1; + visibility: visible; + transition-delay: 0; } .sweet-alert button::-moz-focus-inner { - border: 0; + border: 0; } -.sweet-alert[data-has-cancel-button=false] button { - -webkit-box-shadow: none !important; - box-shadow: none !important; +.sweet-alert[data-has-cancel-button="false"] button { + box-shadow: none !important; } -.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { - padding-bottom: 40px; +.sweet-alert[data-has-confirm-button="false"][data-has-cancel-button="false"] { + padding-bottom: 40px; } .sweet-alert .sa-icon { - width: 80px; - height: 80px; - border: 4px solid gray; - border-radius: 40px; - border-radius: 50%; - margin: 20px auto; - padding: 0; - position: relative; - -webkit-box-sizing: content-box; - box-sizing: content-box; + width: 80px; + height: 80px; + border: 4px solid gray; + -webkit-border-radius: 40px; + border-radius: 40px; + border-radius: 50%; + margin: 20px auto; + padding: 0; + position: relative; + box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { - border-color: #f27474; + border-color: #f27474; } .sweet-alert .sa-icon.sa-error .sa-x-mark { - position: relative; - display: block; + position: relative; + display: block; } .sweet-alert .sa-icon.sa-error .sa-line { - position: absolute; - height: 5px; - width: 47px; - background-color: #f27474; - display: block; - top: 37px; - border-radius: 2px; + position: absolute; + height: 5px; + width: 47px; + background-color: #f27474; + display: block; + top: 37px; + border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - right: 17px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + right: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - left: 16px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + left: 16px; } .sweet-alert .sa-icon.sa-warning { - border-color: #f8bb86; + border-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-body { - position: absolute; - width: 5px; - height: 47px; - right: 50%; - top: 10px; - border-radius: 2px; - margin-right: -2px; - background-color: #f8bb86; + position: absolute; + width: 5px; + height: 47px; + right: 50%; + top: 10px; + -webkit-border-radius: 2px; + border-radius: 2px; + margin-right: -2px; + background-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-dot { - position: absolute; - width: 7px; - height: 7px; - border-radius: 50%; - margin-right: -3px; - right: 50%; - bottom: 10px; - background-color: #f8bb86; + position: absolute; + width: 7px; + height: 7px; + -webkit-border-radius: 50%; + border-radius: 50%; + margin-right: -3px; + right: 50%; + bottom: 10px; + background-color: #f8bb86; } .sweet-alert .sa-icon.sa-info { - border-color: #c9dae1; + border-color: #c9dae1; } .sweet-alert .sa-icon.sa-info::before { - content: ""; - position: absolute; - width: 5px; - height: 29px; - right: 50%; - bottom: 17px; - border-radius: 2px; - margin-right: -2px; - background-color: #c9dae1; + content: ""; + position: absolute; + width: 5px; + height: 29px; + right: 50%; + bottom: 17px; + border-radius: 2px; + margin-right: -2px; + background-color: #c9dae1; } .sweet-alert .sa-icon.sa-info::after { - content: ""; - position: absolute; - width: 7px; - height: 7px; - border-radius: 50%; - margin-right: -3px; - top: 19px; - background-color: #c9dae1; + content: ""; + position: absolute; + width: 7px; + height: 7px; + border-radius: 50%; + margin-right: -3px; + top: 19px; + background-color: #c9dae1; } .sweet-alert .sa-icon.sa-success { - border-color: #a5dc86; + border-color: #a5dc86; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { - content: ""; - border-radius: 40px; - border-radius: 50%; - position: absolute; - width: 60px; - height: 120px; - background: white; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + content: ""; + -webkit-border-radius: 40px; + border-radius: 40px; + border-radius: 50%; + position: absolute; + width: 60px; + height: 120px; + background: white; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success::before { - border-radius: 0 120px 120px 0; - top: -7px; - right: -33px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-transform-origin: 60px 60px; - transform-origin: 60px 60px; + -webkit-border-radius: 0 120px 120px 0; + border-radius: 0 120px 120px 0; + top: -7px; + right: -33px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: 60px 60px; + transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { - border-radius: 120px 0 0 120px; - top: -11px; - right: 30px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-transform-origin: 100% 60px; - transform-origin: 100% 60px; + -webkit-border-radius: 120px 0 0 120px; + border-radius: 120px 0 0 120px; + top: -11px; + right: 30px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: 100% 60px; + transform-origin: 100% 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { - width: 80px; - height: 80px; - border: 4px solid rgba(165, 220, 134, 0.2); - border-radius: 40px; - border-radius: 50%; - -webkit-box-sizing: content-box; - box-sizing: content-box; - position: absolute; - right: -4px; - top: -4px; - z-index: 2; + width: 80px; + height: 80px; + border: 4px solid rgba(165, 220, 134, 0.2); + -webkit-border-radius: 40px; + border-radius: 40px; + border-radius: 50%; + box-sizing: content-box; + position: absolute; + right: -4px; + top: -4px; + z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { - width: 5px; - height: 90px; - background-color: white; - position: absolute; - right: 28px; - top: 8px; - z-index: 1; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + width: 5px; + height: 90px; + background-color: white; + position: absolute; + right: 28px; + top: 8px; + z-index: 1; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line { - height: 5px; - background-color: #a5dc86; - display: block; - border-radius: 2px; - position: absolute; - z-index: 2; + height: 5px; + background-color: #a5dc86; + display: block; + border-radius: 2px; + position: absolute; + z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { - width: 25px; - right: 14px; - top: 46px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + width: 25px; + right: 14px; + top: 46px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { - width: 47px; - left: 8px; - top: 38px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + width: 47px; + left: 8px; + top: 38px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-icon.sa-custom { - background-size: contain; - border-radius: 0; - border: 0; - background-position: center center; - background-repeat: no-repeat; + background-size: contain; + border-radius: 0; + border: 0; + background-position: center center; + background-repeat: no-repeat; } @-webkit-keyframes showSweetAlert { - 0% { - transform: scale(0.7); - -webkit-transform: scale(0.7); - } - 45% { - transform: scale(1.05); - -webkit-transform: scale(1.05); - } - 80% { - transform: scale(0.95); - -webkit-transform: scale(0.95); - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - } + 0% { + transform: scale(0.7); + -webkit-transform: scale(0.7); + } + 45% { + transform: scale(1.05); + -webkit-transform: scale(1.05); + } + 80% { + transform: scale(0.95); + -webkit-transform: scale(0.95); + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + } } @keyframes showSweetAlert { - 0% { - transform: scale(0.7); - -webkit-transform: scale(0.7); - } - 45% { - transform: scale(1.05); - -webkit-transform: scale(1.05); - } - 80% { - transform: scale(0.95); - -webkit-transform: scale(0.95); - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - } + 0% { + transform: scale(0.7); + -webkit-transform: scale(0.7); + } + 45% { + transform: scale(1.05); + -webkit-transform: scale(1.05); + } + 80% { + transform: scale(0.95); + -webkit-transform: scale(0.95); + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + } } @-webkit-keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); - } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); - } + 0% { + transform: scale(1); + -webkit-transform: scale(1); + } + 100% { + transform: scale(0.5); + -webkit-transform: scale(0.5); + } } @keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); - } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); - } + 0% { + transform: scale(1); + -webkit-transform: scale(1); + } + 100% { + transform: scale(0.5); + -webkit-transform: scale(0.5); + } } @-webkit-keyframes slideFromTop { - 0% { - top: 0; - } - 100% { - top: 50%; - } + 0% { + top: 0; + } + 100% { + top: 50%; + } } @keyframes slideFromTop { - 0% { - top: 0; - } - 100% { - top: 50%; - } + 0% { + top: 0; + } + 100% { + top: 50%; + } } @-webkit-keyframes slideToTop { - 0% { - top: 50%; - } - 100% { - top: 0; - } + 0% { + top: 50%; + } + 100% { + top: 0; + } } @keyframes slideToTop { - 0% { - top: 50%; - } - 100% { - top: 0; - } + 0% { + top: 50%; + } + 100% { + top: 0; + } } @-webkit-keyframes slideFromBottom { - 0% { - top: 70%; - } - 100% { - top: 50%; - } + 0% { + top: 70%; + } + 100% { + top: 50%; + } } @keyframes slideFromBottom { - 0% { - top: 70%; - } - 100% { - top: 50%; - } + 0% { + top: 70%; + } + 100% { + top: 50%; + } } @-webkit-keyframes slideToBottom { - 0% { - top: 50%; - } - 100% { - top: 70%; - } + 0% { + top: 50%; + } + 100% { + top: 70%; + } } @keyframes slideToBottom { - 0% { - top: 50%; - } - 100% { - top: 70%; - } + 0% { + top: 50%; + } + 100% { + top: 70%; + } } -.showSweetAlert[data-animation=pop] { - -webkit-animation: showSweetAlert 0.3s; - animation: showSweetAlert 0.3s; +.showSweetAlert[data-animation="pop"] { + -webkit-animation: showSweetAlert 0.3s; + animation: showSweetAlert 0.3s; } -.showSweetAlert[data-animation=none] { - -webkit-animation: none; - animation: none; +.showSweetAlert[data-animation="none"] { + -webkit-animation: none; + animation: none; } -.showSweetAlert[data-animation=slide-from-top] { - -webkit-animation: slideFromTop 0.3s; - animation: slideFromTop 0.3s; +.showSweetAlert[data-animation="slide-from-top"] { + -webkit-animation: slideFromTop 0.3s; + animation: slideFromTop 0.3s; } -.showSweetAlert[data-animation=slide-from-bottom] { - -webkit-animation: slideFromBottom 0.3s; - animation: slideFromBottom 0.3s; +.showSweetAlert[data-animation="slide-from-bottom"] { + -webkit-animation: slideFromBottom 0.3s; + animation: slideFromBottom 0.3s; } -.hideSweetAlert[data-animation=pop] { - -webkit-animation: hideSweetAlert 0.2s; - animation: hideSweetAlert 0.2s; +.hideSweetAlert[data-animation="pop"] { + -webkit-animation: hideSweetAlert 0.2s; + animation: hideSweetAlert 0.2s; } -.hideSweetAlert[data-animation=none] { - -webkit-animation: none; - animation: none; +.hideSweetAlert[data-animation="none"] { + -webkit-animation: none; + animation: none; } -.hideSweetAlert[data-animation=slide-from-top] { - -webkit-animation: slideToTop 0.4s; - animation: slideToTop 0.4s; +.hideSweetAlert[data-animation="slide-from-top"] { + -webkit-animation: slideToTop 0.4s; + animation: slideToTop 0.4s; } -.hideSweetAlert[data-animation=slide-from-bottom] { - -webkit-animation: slideToBottom 0.3s; - animation: slideToBottom 0.3s; +.hideSweetAlert[data-animation="slide-from-bottom"] { + -webkit-animation: slideToBottom 0.3s; + animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { - 0% { - width: 0; - right: 1px; - top: 19px; - } - 54% { - width: 0; - right: 1px; - top: 19px; - } - 70% { - width: 50px; - right: -8px; - top: 37px; - } - 84% { - width: 17px; - right: 21px; - top: 48px; - } - 100% { - width: 25px; - right: 14px; - top: 45px; - } + 0% { + width: 0; + right: 1px; + top: 19px; + } + 54% { + width: 0; + right: 1px; + top: 19px; + } + 70% { + width: 50px; + right: -8px; + top: 37px; + } + 84% { + width: 17px; + right: 21px; + top: 48px; + } + 100% { + width: 25px; + right: 14px; + top: 45px; + } } @keyframes animateSuccessTip { - 0% { - width: 0; - right: 1px; - top: 19px; - } - 54% { - width: 0; - right: 1px; - top: 19px; - } - 70% { - width: 50px; - right: -8px; - top: 37px; - } - 84% { - width: 17px; - right: 21px; - top: 48px; - } - 100% { - width: 25px; - right: 14px; - top: 45px; - } + 0% { + width: 0; + right: 1px; + top: 19px; + } + 54% { + width: 0; + right: 1px; + top: 19px; + } + 70% { + width: 50px; + right: -8px; + top: 37px; + } + 84% { + width: 17px; + right: 21px; + top: 48px; + } + 100% { + width: 25px; + right: 14px; + top: 45px; + } } @-webkit-keyframes animateSuccessLong { - 0% { - width: 0; - left: 46px; - top: 54px; - } - 65% { - width: 0; - left: 46px; - top: 54px; - } - 84% { - width: 55px; - left: 0; - top: 35px; - } - 100% { - width: 47px; - left: 8px; - top: 38px; - } + 0% { + width: 0; + left: 46px; + top: 54px; + } + 65% { + width: 0; + left: 46px; + top: 54px; + } + 84% { + width: 55px; + left: 0; + top: 35px; + } + 100% { + width: 47px; + left: 8px; + top: 38px; + } } @keyframes animateSuccessLong { - 0% { - width: 0; - left: 46px; - top: 54px; - } - 65% { - width: 0; - left: 46px; - top: 54px; - } - 84% { - width: 55px; - left: 0; - top: 35px; - } - 100% { - width: 47px; - left: 8px; - top: 38px; - } + 0% { + width: 0; + left: 46px; + top: 54px; + } + 65% { + width: 0; + left: 46px; + top: 54px; + } + 84% { + width: 55px; + left: 0; + top: 35px; + } + 100% { + width: 47px; + left: 8px; + top: 38px; + } } @-webkit-keyframes rotatePlaceholder { - 0% { - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - } - 5% { - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - } - 12% { - transform: rotate(405deg); - -webkit-transform: rotate(405deg); - } - 100% { - transform: rotate(405deg); - -webkit-transform: rotate(405deg); - } + 0% { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + } + 5% { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + } + 12% { + transform: rotate(405deg); + -webkit-transform: rotate(405deg); + } + 100% { + transform: rotate(405deg); + -webkit-transform: rotate(405deg); + } } @keyframes rotatePlaceholder { - 0% { - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - } - 5% { - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - } - 12% { - transform: rotate(405deg); - -webkit-transform: rotate(405deg); - } - 100% { - transform: rotate(405deg); - -webkit-transform: rotate(405deg); - } + 0% { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + } + 5% { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + } + 12% { + transform: rotate(405deg); + -webkit-transform: rotate(405deg); + } + 100% { + transform: rotate(405deg); + -webkit-transform: rotate(405deg); + } } .animateSuccessTip { - -webkit-animation: animateSuccessTip 0.75s; - animation: animateSuccessTip 0.75s; + -webkit-animation: animateSuccessTip 0.75s; + animation: animateSuccessTip 0.75s; } .animateSuccessLong { - -webkit-animation: animateSuccessLong 0.75s; - animation: animateSuccessLong 0.75s; + -webkit-animation: animateSuccessLong 0.75s; + animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { - -webkit-animation: rotatePlaceholder 4.25s ease-in; - animation: rotatePlaceholder 4.25s ease-in; + -webkit-animation: rotatePlaceholder 4.25s ease-in; + animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; - } - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1; - } + 0% { + transform: rotateX(100deg); + -webkit-transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0); + -webkit-transform: rotateX(0); + opacity: 1; + } } @keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; - } - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1; - } + 0% { + transform: rotateX(100deg); + -webkit-transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0); + -webkit-transform: rotateX(0); + opacity: 1; + } } .animateErrorIcon { - -webkit-animation: animateErrorIcon 0.5s; - animation: animateErrorIcon 0.5s; + -webkit-animation: animateErrorIcon 0.5s; + animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { - 0% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 50% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 80% { - transform: scale(1.15); - -webkit-transform: scale(1.15); - margin-top: -6px; - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - margin-top: 0; - opacity: 1; - } + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } } @keyframes animateXMark { - 0% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 50% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 80% { - transform: scale(1.15); - -webkit-transform: scale(1.15); - margin-top: -6px; - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - margin-top: 0; - opacity: 1; - } + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } } .animateXMark { - -webkit-animation: animateXMark 0.5s; - animation: animateXMark 0.5s; + -webkit-animation: animateXMark 0.5s; + animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { - 0% { - border-color: #f8d486; - } - 100% { - border-color: #f8bb86; - } + 0% { + border-color: #f8d486; + } + 100% { + border-color: #f8bb86; + } } @keyframes pulseWarning { - 0% { - border-color: #f8d486; - } - 100% { - border-color: #f8bb86; - } + 0% { + border-color: #f8d486; + } + 100% { + border-color: #f8bb86; + } } .pulseWarning { - -webkit-animation: pulseWarning 0.75s infinite alternate; - animation: pulseWarning 0.75s infinite alternate; + -webkit-animation: pulseWarning 0.75s infinite alternate; + animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { - 0% { - background-color: #f8d486; - } - 100% { - background-color: #f8bb86; - } + 0% { + background-color: #f8d486; + } + 100% { + background-color: #f8bb86; + } } @keyframes pulseWarningIns { - 0% { - background-color: #f8d486; - } - 100% { - background-color: #f8bb86; - } + 0% { + background-color: #f8d486; + } + 100% { + background-color: #f8bb86; + } } .pulseWarningIns { - -webkit-animation: pulseWarningIns 0.75s infinite alternate; - animation: pulseWarningIns 0.75s infinite alternate; + -webkit-animation: pulseWarningIns 0.75s infinite alternate; + animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(-360deg); + } } @keyframes rotate-loading { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(-360deg); + } } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { - -ms-transform: rotate(-45deg) \9 ; + -ms-transform: rotate(-45deg) \9; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { - -ms-transform: rotate(45deg) \9 ; + -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-success { - border-color: transparent\9 ; + border-color: transparent\9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { - -ms-transform: rotate(-45deg) \9 ; + -ms-transform: rotate(-45deg) \9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { - -ms-transform: rotate(45deg) \9 ; + -ms-transform: rotate(45deg) \9; } /*! @@ -8062,622 +7899,848 @@ body.stop-scrolling { */ .la-ball-fall, .la-ball-fall > div { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .la-ball-fall { - display: block; - font-size: 0; - color: var(--directorist-color-white); + display: block; + font-size: 0; + color: var(--directorist-color-white); } .la-ball-fall.la-dark { - color: #333; + color: #333; } .la-ball-fall > div { - display: inline-block; - float: none; - background-color: currentColor; - border: 0 solid currentColor; + display: inline-block; + float: none; + background-color: currentColor; + border: 0 solid currentColor; } .la-ball-fall { - width: 54px; - height: 18px; + width: 54px; + height: 18px; } .la-ball-fall > div { - width: 10px; - height: 10px; - margin: 4px; - border-radius: 100%; - opacity: 0; - -webkit-animation: ball-fall 1s ease-in-out infinite; - animation: ball-fall 1s ease-in-out infinite; + width: 10px; + height: 10px; + margin: 4px; + border-radius: 100%; + opacity: 0; + -webkit-animation: ball-fall 1s ease-in-out infinite; + -moz-animation: ball-fall 1s ease-in-out infinite; + -o-animation: ball-fall 1s ease-in-out infinite; + animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { - -webkit-animation-delay: -200ms; - animation-delay: -200ms; + -webkit-animation-delay: -200ms; + -moz-animation-delay: -200ms; + -o-animation-delay: -200ms; + animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { - -webkit-animation-delay: -100ms; - animation-delay: -100ms; + -webkit-animation-delay: -100ms; + -moz-animation-delay: -100ms; + -o-animation-delay: -100ms; + animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { - -webkit-animation-delay: 0; - animation-delay: 0; + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay: 0; + animation-delay: 0; } .la-ball-fall.la-sm { - width: 26px; - height: 8px; + width: 26px; + height: 8px; } .la-ball-fall.la-sm > div { - width: 4px; - height: 4px; - margin: 2px; + width: 4px; + height: 4px; + margin: 2px; } .la-ball-fall.la-2x { - width: 108px; - height: 36px; + width: 108px; + height: 36px; } .la-ball-fall.la-2x > div { - width: 20px; - height: 20px; - margin: 8px; + width: 20px; + height: 20px; + margin: 8px; } .la-ball-fall.la-3x { - width: 162px; - height: 54px; + width: 162px; + height: 54px; } .la-ball-fall.la-3x > div { - width: 30px; - height: 30px; - margin: 12px; + width: 30px; + height: 30px; + margin: 12px; } @-webkit-keyframes ball-fall { - 0% { - opacity: 0; - -webkit-transform: translateY(-145%); - transform: translateY(-145%); - } - 10% { - opacity: 0.5; - } - 20% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 80% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 90% { - opacity: 0.5; - } - 100% { - opacity: 0; - -webkit-transform: translateY(145%); - transform: translateY(145%); - } + 0% { + opacity: 0; + -webkit-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -webkit-transform: translateY(145%); + transform: translateY(145%); + } +} +@-moz-keyframes ball-fall { + 0% { + opacity: 0; + -moz-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -moz-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -moz-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -moz-transform: translateY(145%); + transform: translateY(145%); + } +} +@-o-keyframes ball-fall { + 0% { + opacity: 0; + -o-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -o-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -o-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -o-transform: translateY(145%); + transform: translateY(145%); + } } @keyframes ball-fall { - 0% { - opacity: 0; - -webkit-transform: translateY(-145%); - transform: translateY(-145%); - } - 10% { - opacity: 0.5; - } - 20% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 80% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 90% { - opacity: 0.5; - } - 100% { - opacity: 0; - -webkit-transform: translateY(145%); - transform: translateY(145%); - } + 0% { + opacity: 0; + -webkit-transform: translateY(-145%); + -moz-transform: translateY(-145%); + -o-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -webkit-transform: translateY(145%); + -moz-transform: translateY(145%); + -o-transform: translateY(145%); + transform: translateY(145%); + } } .directorist-add-listing-types { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: flex; + box-sizing: border-box; } .directorist-add-listing-types__single { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-add-listing-types__single__link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - background-color: var(--directorist-color-white); - color: var(--directorist-color-primary); - font-size: 16px; - font-weight: 500; - line-height: 20px; - text-align: center; - padding: 40px 25px; - border-radius: 12px; - text-decoration: none !important; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-transition: background 0.2s ease; - transition: background 0.2s ease; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + background-color: var(--directorist-color-white); + color: var(--directorist-color-primary); + font-size: 16px; + font-weight: 500; + line-height: 20px; + text-align: center; + padding: 40px 25px; + border-radius: 12px; + text-decoration: none !important; + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + transition: background 0.2s ease; + /* Legacy Icon */ } .directorist-add-listing-types__single__link .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 70px; - width: 70px; - background-color: var(--directorist-color-primary); - border-radius: 100%; - margin-bottom: 20px; - -webkit-transition: color 0.2s ease, background 0.2s ease; - transition: color 0.2s ease, background 0.2s ease; + display: flex; + align-items: center; + justify-content: center; + height: 70px; + width: 70px; + background-color: var(--directorist-color-primary); + border-radius: 100%; + margin-bottom: 20px; + transition: + color 0.2s ease, + background 0.2s ease; } .directorist-add-listing-types__single__link .directorist-icon-mask:after { - width: 25px; - height: 25px; - background-color: var(--directorist-color-white); + width: 25px; + height: 25px; + background-color: var(--directorist-color-white); } .directorist-add-listing-types__single__link:hover { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-add-listing-types__single__link:hover .directorist-icon-mask { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } -.directorist-add-listing-types__single__link:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); -} -.directorist-add-listing-types__single__link { - /* Legacy Icon */ +.directorist-add-listing-types__single__link:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } .directorist-add-listing-types__single__link > i:not(.directorist-icon-mask) { - display: inline-block; - margin-bottom: 10px; + display: inline-block; + margin-bottom: 10px; } .directorist-add-listing-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: flex; + box-sizing: border-box; } .directorist-add-listing-form .directorist-content-module { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-add-listing-form .directorist-content-module__title i { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-add-listing-form .directorist-content-module__title i:after { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-add-listing-form .directorist-alert-required { - display: block; - margin-top: 5px; - color: #e80000; - font-size: 13px; + display: block; + margin-top: 5px; + color: #e80000; + font-size: 13px; } .directorist-add-listing-form__privacy a { - color: var(--directorist-color-info); + color: var(--directorist-color-info); } .directorist-add-listing-form .directorist-content-module, #directiost-listing-fields_wrapper .directorist-content-module { - margin-bottom: 35px; - border-radius: 12px; + margin-bottom: 35px; + border-radius: 12px; + /* social info */ } @media (max-width: 991px) { - .directorist-add-listing-form .directorist-content-module, - #directiost-listing-fields_wrapper .directorist-content-module { - margin-bottom: 20px; - } + .directorist-add-listing-form .directorist-content-module, + #directiost-listing-fields_wrapper .directorist-content-module { + margin-bottom: 20px; + } } .directorist-add-listing-form .directorist-content-module__title, #directiost-listing-fields_wrapper .directorist-content-module__title { - gap: 15px; - min-height: 66px; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + gap: 15px; + min-height: 66px; + justify-content: flex-start; } .directorist-add-listing-form .directorist-content-module__title i, #directiost-listing-fields_wrapper .directorist-content-module__title i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 36px; - height: 36px; - border-radius: 100%; + display: flex; + align-items: center; + justify-content: center; + width: 36px; + height: 36px; + border-radius: 100%; } .directorist-add-listing-form .directorist-content-module__title i:after, #directiost-listing-fields_wrapper .directorist-content-module__title i:after { - width: 16px; - height: 16px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade { - padding: 0; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade > input[name=address], -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade > input[name=address] { - padding-right: 10px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before { - width: 15px; - height: 15px; - right: unset; - left: 0; - top: 46px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after { - height: 40px; - top: 26px; -} -.directorist-add-listing-form .directorist-content-module, -#directiost-listing-fields_wrapper .directorist-content-module { - /* social info */ -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - margin: 0 0 25px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields:last-child, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields:last-child { - margin: 0 0 40px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-light-gray); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + width: 16px; + height: 16px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade { + padding: 0; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade + > input[name="address"], +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade + > input[name="address"] { + padding-right: 10px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:before, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:before { + width: 15px; + height: 15px; + right: unset; + left: 0; + top: 46px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:after { + height: 40px; + top: 26px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 20px; + margin: 0 0 25px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields:last-child, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields:last-child { + margin: 0 0 40px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group { + flex: 1; + margin: 0; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select { + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select.placeholder-item, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select.placeholder-item { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-light-gray); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input { + display: flex; + gap: 20px; + flex: 1; } @media screen and (max-width: 480px) { - .directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input, - #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input { - gap: 10px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 36px; - height: 36px; - padding: 0; - cursor: pointer; - border-radius: 100%; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-light) !important; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove i::after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i::after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-light-gray); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover { - background-color: var(--directorist-color-primary) !important; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover i::after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i::after { - background-color: var(--directorist-color-white); + .directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input, + #directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input { + gap: 10px; + flex-direction: column; + } +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove { + display: flex; + align-items: center; + justify-content: center; + width: 36px; + height: 36px; + padding: 0; + cursor: pointer; + border-radius: 100%; + transition: all ease 0.3s; + background-color: var(--directorist-color-light) !important; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove + i::after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove + i::after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-light-gray); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove:hover, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover { + background-color: var(--directorist-color-primary) !important; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after { + background-color: var(--directorist-color-white); } #directiost-listing-fields_wrapper .directorist-content-module { - background-color: var(--directorist-color-white); - border-radius: 0; - border: 1px solid #e3e6ef; + background-color: var(--directorist-color-white); + border-radius: 0; + border: 1px solid #e3e6ef; } #directiost-listing-fields_wrapper .directorist-content-module__title { - padding: 20px 30px; - border-bottom: 1px solid #e3e6ef; + padding: 20px 30px; + border-bottom: 1px solid #e3e6ef; } #directiost-listing-fields_wrapper .directorist-content-module__title i { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } #directiost-listing-fields_wrapper .directorist-content-module__title i:after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields { - margin: 0 0 25px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove { - background-color: #ededed !important; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i::after { - background-color: #808080; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover { - background-color: var(--directorist-color-primary) !important; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i::after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title { - cursor: auto; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title:before { - display: none; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents { - padding: 30px 40px 40px; + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields { + margin: 0 0 25px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove { + background-color: #ededed !important; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove + i::after { + background-color: #808080; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover { + background-color: var(--directorist-color-primary) !important; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__title { + cursor: auto; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__title:before { + display: none; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__contents { + padding: 30px 40px 40px; } @media (max-width: 991px) { - #directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents { - height: auto; - opacity: 1; - padding: 20px; - visibility: visible; - } -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-label { - margin-bottom: 10px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element { - position: relative; - height: 42px; - padding: 15px 20px; - font-size: 14px; - font-weight: 400; - border-radius: 5px; - width: 100%; - border: 1px solid #ececec; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 0; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element__prefix { - height: 42px; - line-height: 42px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields select.directorist-form-element, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-select select.directorist-form-element, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element.directory_pricing_field { - padding-top: 0; - padding-bottom: 0; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-radio__label:after { - position: absolute; - right: 0; - top: 0; - width: 20px; - height: 20px; - border-radius: 3px; - content: ""; - border: 1px solid #c6d0dc; - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-radio__label:before { - position: absolute; - right: 7px; - top: 7px; - width: 6px; - height: 6px; - border-radius: 50%; - background-color: var(--directorist-color-primary); - border: 0 none; - -webkit-mask-image: none; - mask-image: none; - z-index: 2; - content: ""; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:after { - border-radius: 50%; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:before { - right: 5px; - top: 5px; - content: ""; - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - border: none; - background-color: var(--directorist-color-white); - display: block; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; -} -#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic { - padding: 30px; - text-align: center; - border-radius: 5px; - border: 1px dashed #dbdee9; -} -#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic .plupload-browse-button-label i::after { - width: 50px; - height: 45px; - background-color: #808080; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-file-upload .directorist-custom-field-file-upload__wrapper ~ .directorist-form-description { - text-align: center; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn { - width: auto; - padding: 11px 26px; - background-color: #444752; - color: var(--directorist-color-white); - border-radius: 5px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn i::after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-map-field__maps #gmap { - border-radius: 0; + #directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__contents { + height: auto; + opacity: 1; + padding: 20px; + visibility: visible; + } +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-label { + margin-bottom: 10px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element { + position: relative; + height: 42px; + padding: 15px 20px; + font-size: 14px; + font-weight: 400; + border-radius: 5px; + width: 100%; + border: 1px solid #ececec; + box-sizing: border-box; + margin-bottom: 0; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element__prefix { + height: 42px; + line-height: 42px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + select.directorist-form-element, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-custom-field-select + select.directorist-form-element, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element.directory_pricing_field { + padding-top: 0; + padding-bottom: 0; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-radio__label:after { + position: absolute; + right: 0; + top: 0; + width: 20px; + height: 20px; + border-radius: 3px; + content: ""; + border: 1px solid #c6d0dc; + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-radio__label:before { + position: absolute; + right: 7px; + top: 7px; + width: 6px; + height: 6px; + border-radius: 50%; + background-color: var(--directorist-color-primary); + border: 0 none; + mask-image: none; + z-index: 2; + content: ""; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:after { + border-radius: 50%; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:before { + right: 5px; + top: 5px; + content: ""; + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-repeat: no-repeat; + width: 10px; + height: 10px; + border: none; + background-color: var(--directorist-color-white); + display: block; + transition: all 0.3s ease 0s; + z-index: 2; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .plupload-upload-uic { + padding: 30px; + text-align: center; + border-radius: 5px; + border: 1px dashed #dbdee9; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .plupload-upload-uic + .plupload-browse-button-label + i::after { + width: 50px; + height: 45px; + background-color: #808080; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-custom-field-file-upload + .directorist-custom-field-file-upload__wrapper + ~ .directorist-form-description { + text-align: center; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-info-field + .directorist-btn { + width: auto; + padding: 11px 26px; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 5px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-info-field + .directorist-btn + i::after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-map-field__maps + #gmap { + border-radius: 0; } /* ========================== @@ -8685,11 +8748,11 @@ body.stop-scrolling { ============================= */ /* listing label */ .directorist-form-label { - display: block; - color: var(--directorist-color-dark); - margin-bottom: 5px; - font-size: 14px; - font-weight: 500; + display: block; + color: var(--directorist-color-dark); + margin-bottom: 5px; + font-size: 14px; + font-weight: 500; } .directorist-custom-field-radio > .directorist-form-label, @@ -8698,1006 +8761,974 @@ body.stop-scrolling { .directorist-form-image-upload-field > .directorist-form-label, .directorist-custom-field-file-upload > .directorist-form-label, .directorist-form-pricing-field.price-type-both > .directorist-form-label { - margin-bottom: 18px; + margin-bottom: 18px; } /* listing type */ .directorist-form-listing-type { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: flex; + flex-wrap: wrap; + gap: 20px; } @media (max-width: 767px) { - .directorist-form-listing-type { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-form-listing-type { + flex-direction: column; + } } .directorist-form-listing-type .directorist-form-label { - font-size: 14px; - font-weight: 500; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - margin: 0; + font-size: 14px; + font-weight: 500; + flex: 0 0 100%; + margin: 0; } .directorist-form-listing-type__single { - -webkit-box-flex: 0; - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; + flex: 0 0 45%; } .directorist-form-listing-type__single.directorist-radio { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label { - width: 100%; - height: 100%; - padding: 25px; - font-size: 14px; - font-weight: 500; - padding-right: 55px; - border-radius: 12px; - color: var(--directorist-color-body); - border: 3px solid var(--directorist-color-border-gray); - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label small { - display: block; - margin-top: 5px; - font-weight: normal; - color: var(--directorist-color-success); -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label:before { - right: 29px; - top: 29px; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label:after { - right: 25px; - top: 25px; - width: 18px; - height: 18px; -} -.directorist-form-listing-type .directorist-radio input[type=radio]:checked + .directorist-radio__label { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + align-items: flex-start; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label { + width: 100%; + height: 100%; + padding: 25px; + font-size: 14px; + font-weight: 500; + padding-right: 55px; + border-radius: 12px; + color: var(--directorist-color-body); + border: 3px solid var(--directorist-color-border-gray); + cursor: pointer; + box-sizing: border-box; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label + small { + display: block; + margin-top: 5px; + font-weight: normal; + color: var(--directorist-color-success); +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label:before { + right: 29px; + top: 29px; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label:after { + right: 25px; + top: 25px; + width: 18px; + height: 18px; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } /* Pricing */ .directorist-form-pricing-field__options { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 0 20px; -} -.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label { - font-size: 14px; - font-weight: 400; - min-height: 18px; - padding-right: 27px; - color: var(--directorist-color-body); -} -.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label { - font-weight: 500; - color: var(--directorist-color-dark); -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:after { - top: 3px; - right: 3px; - width: 14px; - height: 14px; - border-radius: 100%; - border: 2px solid #c6d0dc; -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:before { - right: 0; - top: 0; - width: 8px; - height: 8px; - -webkit-mask-image: none; - mask-image: none; - background-color: var(--directorist-color-white); - border-radius: 100%; - border: 5px solid var(--directorist-color-primary); - -webkit-box-sizing: content-box; - box-sizing: content-box; -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:checked:after { - opacity: 0; + display: flex; + flex-wrap: wrap; + gap: 20px; + align-items: center; + margin: 0 0 20px; +} +.directorist-form-pricing-field__options + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label { + font-size: 14px; + font-weight: 400; + min-height: 18px; + padding-right: 27px; + color: var(--directorist-color-body); +} +.directorist-form-pricing-field__options + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label { + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:after { + top: 3px; + right: 3px; + width: 14px; + height: 14px; + border-radius: 100%; + border: 2px solid #c6d0dc; +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:before { + right: 0; + top: 0; + width: 8px; + height: 8px; + mask-image: none; + background-color: var(--directorist-color-white); + border-radius: 100%; + border: 5px solid var(--directorist-color-primary); + box-sizing: content-box; +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:checked:after { + opacity: 0; } .directorist-form-pricing-field .directorist-form-element { - min-width: 100%; + min-width: 100%; } .price-type-price_range .directorist-form-pricing-field__options, .price-type-price_unit .directorist-form-pricing-field__options { - margin: 0; + margin: 0; } /* location */ .directorist-select-multi select { - display: none; + display: none; } #directorist-location-select { - z-index: 113 !important; + z-index: 113 !important; } /* tags */ #directorist-tag-select { - z-index: 112 !important; + z-index: 112 !important; } /* categories */ #directorist-category-select { - z-index: 111 !important; + z-index: 111 !important; } .directorist-form-group .select2-selection { - border-color: #ececec; + border-color: #ececec; } .directorist-form-group .select2-container--default .select2-selection { - min-height: 40px; - padding-left: 45px; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__rendered { - line-height: 26px; - padding: 0; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__clear { - padding-left: 15px; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__arrow { - left: 10px; + min-height: 40px; + padding-left: 45px; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__rendered { + line-height: 26px; + padding: 0; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__clear { + padding-left: 15px; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__arrow { + left: 10px; } .directorist-form-group .select2-container--default .select2-selection input { - min-height: 26px; + min-height: 26px; } /* hide contact owner */ -.directorist-hide-owner-field.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label { - font-size: 15px; - font-weight: 700; +.directorist-hide-owner-field.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label { + font-size: 15px; + font-weight: 700; } /* Map style */ .directorist-map-coordinate { - margin-top: 20px; + margin-top: 20px; } .directorist-map-coordinates { - padding: 0 0 15px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 15px -15px 0; + padding: 0 0 15px 0; + display: flex; + flex-wrap: wrap; + align-items: center; + margin: 15px -15px 0; } .directorist-map-coordinates .directorist-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding-right: 15px; - padding-left: 15px; - max-width: 290px; + flex: 1; + padding-right: 15px; + padding-left: 15px; + max-width: 290px; } .directorist-map-coordinates__generate { - -webkit-box-flex: 0 !important; - -webkit-flex: 0 0 100% !important; - -ms-flex: 0 0 100% !important; - flex: 0 0 100% !important; - max-width: 100% !important; + flex: 0 0 100% !important; + max-width: 100% !important; } -.directorist-add-listing-form .directorist-content-module .directorist-map-coordinates .directorist-form-group:not(.directorist-map-coordinates__generate) { - margin-bottom: 20px; +.directorist-add-listing-form + .directorist-content-module + .directorist-map-coordinates + .directorist-form-group:not(.directorist-map-coordinates__generate) { + margin-bottom: 20px; } .directorist-form-map-field__wrapper { - margin-bottom: 10px; + margin-bottom: 10px; } .directorist-form-map-field__maps #gmap { - position: relative; - height: 400px; - z-index: 1; - border-radius: 12px; + position: relative; + height: 400px; + z-index: 1; + border-radius: 12px; } .directorist-form-map-field__maps #gmap #gmap_full_screen_button, .directorist-form-map-field__maps #gmap .gm-fullscreen-control { - display: none; -} -.directorist-form-map-field__maps #gmap div[role=img] { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 50px !important; - height: 50px !important; - cursor: pointer; - border-radius: 100%; - overflow: visible !important; -} -.directorist-form-map-field__maps #gmap div[role=img] > img { - position: relative; - z-index: 1; - width: 100% !important; - height: 100% !important; - border-radius: 100%; - background-color: var(--directorist-color-primary); -} -.directorist-form-map-field__maps #gmap div[role=img]:before { - content: ""; - position: absolute; - right: -25px; - top: -25px; - width: 0; - height: 0; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; - border: 50px solid rgba(var(--directorist-color-dark-rgb), 0.2); - opacity: 0; - visibility: hidden; - -webkit-animation: atbd_scale 3s linear alternate infinite; - animation: atbd_scale 3s linear alternate infinite; -} -.directorist-form-map-field__maps #gmap div[role=img]:after { - content: ""; - display: block; - width: 12px; - height: 20px; - position: absolute; - z-index: 2; - background-color: var(--directorist-color-white); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/80f124fcb604319ca80e.svg); - mask-image: url(../js/80f124fcb604319ca80e.svg); -} -.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon { - margin: 0; - display: inline-block; - width: 13px !important; - height: 13px !important; - background-color: unset; -} -.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:before, .directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:after { - display: none; -} -.directorist-form-map-field__maps #gmap div[role=img]:hover:before { - opacity: 1; - visibility: visible; + display: none; +} +.directorist-form-map-field__maps #gmap div[role="img"] { + position: relative; + display: flex; + align-items: center; + justify-content: center; + width: 50px !important; + height: 50px !important; + cursor: pointer; + border-radius: 100%; + overflow: visible !important; +} +.directorist-form-map-field__maps #gmap div[role="img"] > img { + position: relative; + z-index: 1; + width: 100% !important; + height: 100% !important; + border-radius: 100%; + background-color: var(--directorist-color-primary); +} +.directorist-form-map-field__maps #gmap div[role="img"]:before { + content: ""; + position: absolute; + right: -25px; + top: -25px; + width: 0; + height: 0; + border-radius: 50%; + transition: all 0.3s ease-in-out; + border: none; + border: 50px solid rgba(var(--directorist-color-dark-rgb), 0.2); + opacity: 0; + visibility: hidden; + animation: atbd_scale 3s linear alternate infinite; +} +.directorist-form-map-field__maps #gmap div[role="img"]:after { + content: ""; + display: block; + width: 12px; + height: 20px; + position: absolute; + z-index: 2; + background-color: var(--directorist-color-white); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); +} +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon { + margin: 0; + display: inline-block; + width: 13px !important; + height: 13px !important; + background-color: unset; +} +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon:before, +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon:after { + display: none; +} +.directorist-form-map-field__maps #gmap div[role="img"]:hover:before { + opacity: 1; + visibility: visible; } .directorist-form-map-field .map_drag_info { - display: none; + display: none; } .directorist-form-map-field .atbd_map_shape { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - cursor: pointer; - border-radius: 100%; + position: relative; + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + cursor: pointer; + border-radius: 100%; } .directorist-form-map-field .atbd_map_shape:before { - content: ""; - position: absolute; - right: -20px; - top: -20px; - width: 0; - height: 0; - opacity: 0; - visibility: hidden; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; + content: ""; + position: absolute; + right: -20px; + top: -20px; + width: 0; + height: 0; + opacity: 0; + visibility: hidden; + border-radius: 50%; + transition: all 0.3s ease-in-out; + border: none; } .directorist-form-map-field .atbd_map_shape .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-marker-icon); - -webkit-mask: url(../js/80f124fcb604319ca80e.svg); - mask: url(../js/80f124fcb604319ca80e.svg); + width: 16px; + height: 16px; + background-color: var(--directorist-color-marker-icon); + mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); } .directorist-form-map-field .atbd_map_shape:hover:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } /* EZ Media Upload */ .directorist-form-image-upload-field .ez-media-uploader { - text-align: center; - border-radius: 12px; - padding: 35px 10px; - margin: 0; - background-color: var(--directorist-color-bg-gray) !important; - border: 2px dashed var(--directorist-color-border-gray) !important; + text-align: center; + border-radius: 12px; + padding: 35px 10px; + margin: 0; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; } .directorist-form-image-upload-field .ez-media-uploader.ezmu--show { - margin-bottom: 120px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section { - display: block; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu__media-picker-icon-wrap-upload { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: auto; - height: auto; - margin-bottom: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload { - background: unset; - -webkit-filter: unset; - filter: unset; - width: auto; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload i::after { - width: 90px; - height: 80px; - background-color: var(--directorist-color-border-gray); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-buttons { - margin-top: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label { - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 35px 0 17px; - margin: 10px 0; - height: 40px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - background: var(--directorist-color-primary); - color: var(--directorist-color-white); - text-align: center; - font-size: 13px; - font-weight: 500; - line-height: 14px; - cursor: pointer; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:before { - position: absolute; - right: 17px; - top: 13px; - content: ""; - -webkit-mask-image: url(../js/53e21172ac69331e0b44.svg); - mask-image: url(../js/53e21172ac69331e0b44.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:hover { - opacity: 0.85; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap p { - margin: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show { - position: absolute; - top: calc(100% + 22px); - right: 0; - width: auto; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap { - display: none; - height: 76px; - width: 100px; - border-radius: 8px; - background-color: var(--directorist-color-bg-gray) !important; - border: 2px dashed var(--directorist-color-border-gray) !important; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn { - padding: 0; - width: 30px; - height: 30px; - font-size: 0; - position: relative; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn:before { - content: ""; - position: absolute; - width: 30px; - height: 30px; - right: 0; - z-index: 2; - background-color: var(--directorist-color-border-gray); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/ec3db9820a6442a268a9.svg); - mask-image: url(../js/ec3db9820a6442a268a9.svg); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__thumbnail-list-item { - width: 175px; - min-width: 175px; - -webkit-flex-basis: unset; - -ms-flex-preferred-size: unset; - flex-basis: unset; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-buttons { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon { - background-image: unset; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon .directorist-icon-mask::after { - width: 12px; - height: 12px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-button { - width: 20px; - height: 25px; - background-size: 8px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__featured_tag, -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__thumbnail-size-text { - padding: 0 5px; - height: 25px; - line-height: 25px; + margin-bottom: 120px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section { + display: block; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu__media-picker-icon-wrap-upload { + display: flex; + justify-content: center; + width: auto; + height: auto; + margin-bottom: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu-icon-upload { + background: unset; + filter: unset; + width: auto; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu-icon-upload + i::after { + width: 90px; + height: 80px; + background-color: var(--directorist-color-border-gray); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-buttons { + margin-top: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label { + position: relative; + display: inline-flex; + padding: 0 35px 0 17px; + margin: 10px 0; + height: 40px; + align-items: center; + gap: 6px; + border-radius: 8px; + background: var(--directorist-color-primary); + color: var(--directorist-color-white); + text-align: center; + font-size: 13px; + font-weight: 500; + line-height: 14px; + cursor: pointer; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label:before { + position: absolute; + right: 17px; + top: 13px; + content: ""; + mask-image: url(../js/../images/82bc0acb0537c9331637ee2319728e40.svg); + mask-repeat: no-repeat; + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label:hover { + opacity: 0.85; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + p { + margin: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show { + position: absolute; + top: calc(100% + 22px); + right: 0; + width: auto; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 8px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap { + display: none; + height: 76px; + width: 100px; + border-radius: 8px; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap + .ezmu__update-file-btn { + padding: 0; + width: 30px; + height: 30px; + font-size: 0; + position: relative; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap + .ezmu__update-file-btn:before { + content: ""; + position: absolute; + width: 30px; + height: 30px; + right: 0; + z-index: 2; + background-color: var(--directorist-color-border-gray); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/6af1e9612a6d7346e1366489fb9fac45.svg); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__thumbnail-list-item { + width: 175px; + min-width: 175px; + flex-basis: unset; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__sort-buttons { + display: flex; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon { + background-image: unset; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon + .directorist-icon-mask::after { + width: 12px; + height: 12px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__sort-button { + width: 20px; + height: 25px; + background-size: 8px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__featured_tag, +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__thumbnail-size-text { + padding: 0 5px; + height: 25px; + line-height: 25px; } .directorist-form-image-upload-field .ezmu__info-list-item:empty { - display: none; + display: none; } .directorist-add-listing-wrapper { - max-width: 1000px !important; - margin: 0 auto; + max-width: 1000px !important; + margin: 0 auto; } .directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back { - position: relative; - height: 100px; - width: 100%; + position: relative; + height: 100px; + width: 100%; } -.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back .ezmu__thumbnail-img { - -o-object-fit: cover; - object-fit: cover; +.directorist-add-listing-wrapper + .ezmu__thumbnail-list-item_back + .ezmu__thumbnail-img { + object-fit: cover; } .directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - top: 0; - right: 0; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); - opacity: 0; - visibility: visible; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.directorist-add-listing-wrapper .ezmu__thumbnail-list-item:hover .ezmu__thumbnail-list-item_back:before { - opacity: 1; - visibility: visible; + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + right: 0; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 0; + visibility: visible; + transition: all ease 0.3s; +} +.directorist-add-listing-wrapper + .ezmu__thumbnail-list-item:hover + .ezmu__thumbnail-list-item_back:before { + opacity: 1; + visibility: visible; } .directorist-add-listing-wrapper .ezmu__titles-area .ezmu__title-1 { - font-size: 20px; - font-weight: 500; - margin: 0; + font-size: 20px; + font-weight: 500; + margin: 0; } .directorist-add-listing-wrapper .ezmu__btn { - margin-bottom: 25px; - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached .ezmu__upload-button-wrap .ezmu__btn { - pointer-events: none; - opacity: 0.7; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight { - position: relative; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:before { - content: ""; - position: absolute; - right: 0; - top: 0; - height: 100%; - width: 100%; - background-color: #ddd; - cursor: no-drop; - z-index: 9999; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:after { - content: "Maximum Files Uploaded"; - font-size: 18px; - font-weight: 700; - color: #EF0000; - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - cursor: no-drop; - z-index: 9999; + margin-bottom: 25px; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached + .ezmu__upload-button-wrap + .ezmu__btn { + pointer-events: none; + opacity: 0.7; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight { + position: relative; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight:before { + content: ""; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; + background-color: #ddd; + cursor: no-drop; + z-index: 9999; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight:after { + content: "Maximum Files Uploaded"; + font-size: 18px; + font-weight: 700; + color: #ef0000; + position: absolute; + right: 50%; + top: 50%; + transform: translate(50%, -50%); + cursor: no-drop; + z-index: 9999; } .directorist-add-listing-wrapper .ezmu__info-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 6px; - margin: 15px 0 0; + display: flex; + align-items: center; + flex-direction: column; + gap: 6px; + margin: 15px 0 0; } .directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item { - margin: 0; + margin: 0; } .directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item:before { - width: 16px; - height: 16px; - background-image: url(../js/fecb7262255c19cc2351.svg); + width: 16px; + height: 16px; + background-image: url(../js/../images/83eed1a628ff52c2adf977f50ac7adb4.svg); } .directorist-add-listing-form { - /* form action */ + /* form action */ } .directorist-add-listing-form__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - border-radius: 12px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + display: flex; + flex-direction: column; + border-radius: 12px; + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-add-listing-form__action .directorist-form-submit { - margin-top: 15px; -} -.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading { - position: relative; -} -.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading:after { - content: ""; - border: 2px solid #f3f3f3; - border-radius: 50%; - border-top: 2px solid #656a7a; - width: 20px; - height: 20px; - -webkit-animation: rotate360 2s linear infinite; - animation: rotate360 2s linear infinite; - display: inline-block; - margin: 0 10px 0 0; - position: relative; - top: 4px; + margin-top: 15px; +} +.directorist-add-listing-form__action + .directorist-form-submit__btn.atbd_loading { + position: relative; +} +.directorist-add-listing-form__action + .directorist-form-submit__btn.atbd_loading:after { + content: ""; + border: 2px solid #f3f3f3; + border-radius: 50%; + border-top: 2px solid #656a7a; + width: 20px; + height: 20px; + animation: rotate360 2s linear infinite; + display: inline-block; + margin: 0 10px 0 0; + position: relative; + top: 4px; } .directorist-add-listing-form__action label { - line-height: 1.25; - margin-bottom: 0; + line-height: 1.25; + margin-bottom: 0; } .directorist-add-listing-form__action #listing_notifier { - padding: 18px 40px 33px; - font-size: 14px; - font-weight: 600; - color: var(--directorist-color-danger); - border-top: 1px solid var(--directorist-color-border); + padding: 18px 40px 33px; + font-size: 14px; + font-weight: 600; + color: var(--directorist-color-danger); + border-top: 1px solid var(--directorist-color-border); } .directorist-add-listing-form__action #listing_notifier:empty { - display: none; + display: none; } .directorist-add-listing-form__action #listing_notifier .atbdp_success { - color: var(--directorist-color-success); + color: var(--directorist-color-success); } .directorist-add-listing-form__action .directorist-form-group, .directorist-add-listing-form__action .directorist-checkbox { - margin: 0; - padding: 30px 40px 0; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + margin: 0; + padding: 30px 40px 0; + align-items: flex-start; } @media only screen and (max-width: 576px) { - .directorist-add-listing-form__action .directorist-form-group, - .directorist-add-listing-form__action .directorist-checkbox { - padding: 30px 0 0; - } - .directorist-add-listing-form__action .directorist-form-group.directorist-form-privacy, - .directorist-add-listing-form__action .directorist-checkbox.directorist-form-privacy { - padding: 30px 30px 0; - } + .directorist-add-listing-form__action .directorist-form-group, + .directorist-add-listing-form__action .directorist-checkbox { + padding: 30px 0 0; + } + .directorist-add-listing-form__action + .directorist-form-group.directorist-form-privacy, + .directorist-add-listing-form__action + .directorist-checkbox.directorist-form-privacy { + padding: 30px 30px 0; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__action .directorist-form-group, - .directorist-add-listing-form__action .directorist-checkbox { - padding: 30px 20px 0; - } + .directorist-add-listing-form__action .directorist-form-group, + .directorist-add-listing-form__action .directorist-checkbox { + padding: 30px 20px 0; + } } .directorist-add-listing-form__action .directorist-form-group label, .directorist-add-listing-form__action .directorist-checkbox label { - font-size: 14px; - font-weight: 500; - margin: 0 0 10px; + font-size: 14px; + font-weight: 500; + margin: 0 0 10px; } .directorist-add-listing-form__action .directorist-form-group label a, .directorist-add-listing-form__action .directorist-checkbox label a { - color: var(--directorist-color-info); + color: var(--directorist-color-info); } .directorist-add-listing-form__action .directorist-form-group #guest_user_email, .directorist-add-listing-form__action .directorist-checkbox #guest_user_email { - margin: 0 0 10px; + margin: 0 0 10px; } .directorist-add-listing-form__action .directorist-form-required { - padding-right: 5px; + padding-right: 5px; } .directorist-add-listing-form__publish { - padding: 100px 20px; - margin-bottom: 0; - text-align: center; + padding: 100px 20px; + margin-bottom: 0; + text-align: center; } @media only screen and (max-width: 576px) { - .directorist-add-listing-form__publish { - padding: 70px 20px; - } + .directorist-add-listing-form__publish { + padding: 70px 20px; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish { - padding: 50px 20px; - } + .directorist-add-listing-form__publish { + padding: 50px 20px; + } } .directorist-add-listing-form__publish__icon i { - width: 70px; - height: 70px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - margin: 0 auto 25px; - background-color: var(--directorist-color-light); + width: 70px; + height: 70px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 100%; + margin: 0 auto 25px; + background-color: var(--directorist-color-light); } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i { - margin-bottom: 20px; - } + .directorist-add-listing-form__publish__icon i { + margin-bottom: 20px; + } } .directorist-add-listing-form__publish__icon i:after { - width: 30px; - height: 30px; - background-color: var(--directorist-color-primary); + width: 30px; + height: 30px; + background-color: var(--directorist-color-primary); } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i:after { - width: 25px; - height: 25px; - } + .directorist-add-listing-form__publish__icon i:after { + width: 25px; + height: 25px; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i:after { - width: 22px; - height: 22px; - } + .directorist-add-listing-form__publish__icon i:after { + width: 22px; + height: 22px; + } } .directorist-add-listing-form__publish__title { - font-size: 24px; - font-weight: 600; - margin: 0 0 10px; + font-size: 24px; + font-weight: 600; + margin: 0 0 10px; } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__title { - font-size: 22px; - } + .directorist-add-listing-form__publish__title { + font-size: 22px; + } } .directorist-add-listing-form__publish__subtitle { - font-size: 15px; - color: var(--directorist-color-body); - margin: 0; + font-size: 15px; + color: var(--directorist-color-body); + margin: 0; } .directorist-add-listing-form .directorist-form-group textarea { - padding: 10px 0; - background: transparent; + padding: 10px 0; + background: transparent; } .directorist-add-listing-form .atbd_map_shape { - width: 50px; - height: 50px; + width: 50px; + height: 50px; } .directorist-add-listing-form .atbd_map_shape:before { - right: -25px; - top: -25px; - border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); + right: -25px; + top: -25px; + border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); } .directorist-add-listing-form .atbd_map_shape .directorist-icon-mask::after { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } /* Custom Fields */ /* select */ .directorist-custom-field-select select.directorist-form-element { - padding-top: 0; - padding-bottom: 0; + padding-top: 0; + padding-bottom: 0; } /* file upload */ .plupload-upload-uic { - width: 420px; - margin: 0 auto !important; - border: 1px dashed #dbdee9; - padding: 30px; - text-align: center; + width: 420px; + margin: 0 auto !important; + border: 1px dashed #dbdee9; + padding: 30px; + text-align: center; } .plupload-upload-uic .directorist-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; + font-weight: 500; + margin-bottom: 15px; + font-size: 15px; } .plupload-upload-uic .directorist-dropbox-file-types { - margin-top: 10px; - color: #9299b8; + margin-top: 10px; + color: #9299b8; } /* quick login */ .directorist-modal-container { - display: none; - margin: 0 !important; - max-width: 100% !important; - height: 100vh !important; - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 999999999999; + display: none; + margin: 0 !important; + max-width: 100% !important; + height: 100vh !important; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 999999999999; } .directorist-modal-container.show { - display: block; + display: block; } .directorist-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: rgba(0, 0, 0, 0.4705882353); - width: 100%; - height: 100%; - position: absolute; - overflow: auto; - top: 0; - right: 0; - left: 0; - bottom: 0; - padding: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + background-color: rgba(0, 0, 0, 0.4705882353); + width: 100%; + height: 100%; + position: absolute; + overflow: auto; + top: 0; + right: 0; + left: 0; + bottom: 0; + padding: 20px; + align-items: center; + justify-content: center; } .directorist-modals { - display: block; - width: 100%; - max-width: 400px; - margin: 0 auto; - background-color: var(--directorist-color-white); - border-radius: 8px; - overflow: hidden; + display: block; + width: 100%; + max-width: 400px; + margin: 0 auto; + background-color: var(--directorist-color-white); + border-radius: 8px; + overflow: hidden; } .directorist-modal-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 10px 20px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-bottom: 1px solid #e4e4e4; + display: flex; + padding: 10px 20px; + justify-content: space-between; + align-items: center; + border-bottom: 1px solid #e4e4e4; } .directorist-modal-title-area { - display: block; + display: block; } .directorist-modal-header .directorist-modal-title { - margin-bottom: 0 !important; - font-size: 24px; + margin-bottom: 0 !important; + font-size: 24px; } .directorist-modal-actions-area { - display: block; - padding: 0 10px; + display: block; + padding: 0 10px; } .directorist-modal-body { - display: block; - padding: 20px; + display: block; + padding: 20px; } .directorist-form-privacy { - margin-bottom: 10px; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); + margin-bottom: 10px; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); } -.directorist-form-privacy.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after { - border-color: var(--directorist-color-body); +.directorist-form-privacy.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after { + border-color: var(--directorist-color-body); } .directorist-form-privacy, .directorist-form-terms { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-form-privacy a, .directorist-form-terms a { - text-decoration: none; + text-decoration: none; } /* ============================= backend add listing form ================================*/ .add_listing_form_wrapper .hide-if-no-js { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + flex-wrap: wrap; + gap: 15px; + justify-content: center; } #listing_form_info .directorist-bh-wrap .directorist-select select { - width: calc(100% - 1px); - min-height: 42px; - display: block !important; - border-color: #ececec !important; - padding: 0 10px; + width: calc(100% - 1px); + min-height: 42px; + display: block !important; + border-color: #ececec !important; + padding: 0 10px; } .directorist-map-field #floating-panel { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-map-field #floating-panel #delete_marker { - background-color: var(--directorist-color-danger); - border: 1px solid var(--directorist-color-danger); - color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); + border: 1px solid var(--directorist-color-danger); + color: var(--directorist-color-white); } -#listing_form_info .atbd_content_module.atbd-booking-information .atbdb_content_module_contents { - padding-top: 20px; +#listing_form_info + .atbd_content_module.atbd-booking-information + .atbdb_content_module_contents { + padding-top: 20px; } .directorist-custom-field-radio, .directorist-custom-field-checkbox { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 0 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + gap: 0 10px; + flex-wrap: wrap; } .directorist-custom-field-radio .directorist-form-label, .directorist-custom-field-radio .directorist-form-description, @@ -9705,800 +9736,677 @@ body.stop-scrolling { .directorist-custom-field-checkbox .directorist-form-label, .directorist-custom-field-checkbox .directorist-form-description, .directorist-custom-field-checkbox .directorist-custom-field-btn-more { - width: 100%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + width: 100%; + flex: 0 0 100%; } .directorist-custom-field-radio .directorist-checkbox, .directorist-custom-field-radio .directorist-radio, .directorist-custom-field-checkbox .directorist-checkbox, .directorist-custom-field-checkbox .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 49%; - -ms-flex: 0 0 49%; - flex: 0 0 49%; + flex: 0 0 49%; } @media only screen and (max-width: 767px) { - .directorist-custom-field-radio .directorist-checkbox, - .directorist-custom-field-radio .directorist-radio, - .directorist-custom-field-checkbox .directorist-checkbox, - .directorist-custom-field-checkbox .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .directorist-custom-field-radio .directorist-checkbox, + .directorist-custom-field-radio .directorist-radio, + .directorist-custom-field-checkbox .directorist-checkbox, + .directorist-custom-field-checkbox .directorist-radio { + flex: 0 0 100%; + } } .directorist-custom-field-radio .directorist-custom-field-btn-more, .directorist-custom-field-checkbox .directorist-custom-field-btn-more { - margin-top: 5px; + margin-top: 5px; } .directorist-custom-field-radio .directorist-custom-field-btn-more:after, .directorist-custom-field-checkbox .directorist-custom-field-btn-more:after { - content: ""; - display: inline-block; - margin-right: 5px; - -webkit-mask-image: url(../js/664d0b74d206cf7349ab.svg); - mask-image: url(../js/664d0b74d206cf7349ab.svg); - width: 12px; - height: 12px; - background-color: var(--directorist-color-body); + content: ""; + display: inline-block; + margin-right: 5px; + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + width: 12px; + height: 12px; + background-color: var(--directorist-color-body); } .directorist-custom-field-radio .directorist-custom-field-btn-more.active:after, -.directorist-custom-field-checkbox .directorist-custom-field-btn-more.active:after { - -webkit-mask-image: url(../js/2d9a2bdcde23b75a6392.svg); - mask-image: url(../js/2d9a2bdcde23b75a6392.svg); -} - -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered { - height: auto; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 5px; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li { - margin: 0; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li input { - margin-top: 0; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline { - width: auto; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline:first-child { - width: inherit; +.directorist-custom-field-checkbox + .directorist-custom-field-btn-more.active:after { + mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); +} + +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered { + height: auto; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 5px; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li { + margin: 0; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li + input { + margin-top: 0; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li.select2-search--inline { + width: auto; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li.select2-search--inline:first-child { + width: inherit; } .multistep-wizard { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; + display: flex; + gap: 30px; } @media only screen and (max-width: 991px) { - .multistep-wizard { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .multistep-wizard { + flex-direction: column; + } } .multistep-wizard__nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - max-height: 100vh; - min-width: 270px; - max-width: 270px; - overflow-y: auto; + display: flex; + gap: 6px; + flex-direction: column; + height: fit-content; + max-height: 100vh; + min-width: 270px; + max-width: 270px; + overflow-y: auto; } .multistep-wizard__nav.sticky { - position: fixed; - top: 0; + position: fixed; + top: 0; } .multistep-wizard__nav__btn { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; - width: 270px; - min-height: 36px; - padding: 7px 16px; - border: none; - outline: none; - cursor: pointer; - font-size: 14px; - font-weight: 400; - border-radius: 8px; - border: 1px solid transparent; - text-decoration: none !important; - color: var(--directorist-color-light-gray); - background-color: transparent; - border: 1px solid transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: background 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease; + position: relative; + display: flex; + align-items: center; + gap: 12px; + width: 270px; + min-height: 36px; + padding: 7px 16px; + border: none; + outline: none; + cursor: pointer; + font-size: 14px; + font-weight: 400; + border-radius: 8px; + border: 1px solid transparent; + text-decoration: none !important; + color: var(--directorist-color-light-gray); + background-color: transparent; + border: 1px solid transparent; + box-sizing: border-box; + transition: + background 0.2s ease, + color 0.2s ease, + box-shadow 0.2s ease; } @media only screen and (max-width: 991px) { - .multistep-wizard__nav__btn { - width: 100%; - } + .multistep-wizard__nav__btn { + width: 100%; + } } .multistep-wizard__nav__btn i { - min-width: 36px; - width: 36px; - height: 36px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - background-color: #ededed; + min-width: 36px; + width: 36px; + height: 36px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 100%; + background-color: #ededed; } .multistep-wizard__nav__btn i:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); - -webkit-transition: background-color 0.2s ease; - transition: background-color 0.2s ease; + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); + transition: background-color 0.2s ease; } .multistep-wizard__nav__btn:before { - position: absolute; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url(../js/3f62f09e3154ac5ef09f.svg); - mask-image: url(../js/3f62f09e3154ac5ef09f.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-light-gray); - display: block; - opacity: 0; - -webkit-transition: opacity 0.2s ease; - transition: opacity 0.2s ease; - z-index: 2; -} -.multistep-wizard__nav__btn.active, .multistep-wizard__nav__btn:hover { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border-color: var(--directorist-color-border-light); - background-color: var(--directorist-color-white); - outline: none; -} -.multistep-wizard__nav__btn.active:before, .multistep-wizard__nav__btn:hover:before { - opacity: 1; + position: absolute; + left: 20px; + top: 50%; + transform: translateY(-50%); + content: ""; + mask-image: url(../js/../images/bbed57ce5c92c9a7aa71622e408b6a66.svg); + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-light-gray); + display: block; + opacity: 0; + transition: opacity 0.2s ease; + z-index: 2; +} +.multistep-wizard__nav__btn.active, +.multistep-wizard__nav__btn:hover { + box-shadow: var(--directorist-box-shadow); + border-color: var(--directorist-color-border-light); + background-color: var(--directorist-color-white); + outline: none; +} +.multistep-wizard__nav__btn.active:before, +.multistep-wizard__nav__btn:hover:before { + opacity: 1; } .multistep-wizard__nav__btn:focus { - outline: none; - font-weight: 600; - color: var(--directorist-color-primary); + outline: none; + font-weight: 600; + color: var(--directorist-color-primary); } .multistep-wizard__nav__btn:focus:before { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .multistep-wizard__nav__btn:focus i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .multistep-wizard__nav__btn.completed { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .multistep-wizard__nav__btn.completed:before { - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - opacity: 1; + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + opacity: 1; } .multistep-wizard__nav__btn.completed i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } @media only screen and (max-width: 991px) { - .multistep-wizard__nav { - display: none; - } + .multistep-wizard__nav { + display: none; + } } .multistep-wizard__content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + flex: 1; } .multistep-wizard__single { - border-radius: 12px; - background-color: var(--directorist-color-white); + border-radius: 12px; + background-color: var(--directorist-color-white); } .multistep-wizard__single label { - display: block; + display: block; } .multistep-wizard__single span.required { - color: var(--directorist-color-danger); + color: var(--directorist-color-danger); } @media only screen and (max-width: 991px) { - .multistep-wizard__single .directorist-content-module__title { - position: relative; - cursor: pointer; - } - .multistep-wizard__single .directorist-content-module__title h2 { - -webkit-padding-end: 20px; - padding-inline-end: 20px; - } - .multistep-wizard__single .directorist-content-module__title:before { - position: absolute; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url(../js/ff2d93062dca72981c1d.svg); - mask-image: url(../js/ff2d93062dca72981c1d.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-dark); - } - .multistep-wizard__single .directorist-content-module__title.opened:before { - -webkit-mask-image: url(../js/a4b0ca5c8376702b4932.svg); - mask-image: url(../js/a4b0ca5c8376702b4932.svg); - } - .multistep-wizard__single .directorist-content-module__contents { - height: 0; - opacity: 0; - padding: 0; - visibility: hidden; - -webkit-transition: padding-top 0.3s ease; - transition: padding-top 0.3s ease; - } - .multistep-wizard__single .directorist-content-module__contents.active { - height: auto; - opacity: 1; - padding: 20px; - visibility: visible; - } + .multistep-wizard__single .directorist-content-module__title { + position: relative; + cursor: pointer; + } + .multistep-wizard__single .directorist-content-module__title h2 { + padding-inline-end: 20px; + } + .multistep-wizard__single .directorist-content-module__title:before { + position: absolute; + left: 20px; + top: 50%; + transform: translateY(-50%); + content: ""; + mask-image: url(../js/../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg); + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-dark); + } + .multistep-wizard__single .directorist-content-module__title.opened:before { + mask-image: url(../js/../images/e9f5f62f416fee88e3f2d027b8b705da.svg); + } + .multistep-wizard__single .directorist-content-module__contents { + height: 0; + opacity: 0; + padding: 0; + visibility: hidden; + transition: padding-top 0.3s ease; + } + .multistep-wizard__single .directorist-content-module__contents.active { + height: auto; + opacity: 1; + padding: 20px; + visibility: visible; + } } .multistep-wizard__progressbar { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 100%; - margin-top: 50px; - border-radius: 8px; + position: relative; + display: flex; + width: 100%; + margin-top: 50px; + border-radius: 8px; } .multistep-wizard__progressbar:before { - content: ""; - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 2px; - background-color: var(--directorist-color-border); - border-radius: 8px; - -webkit-transition: width 0.3s ease-in-out; - transition: width 0.3s ease-in-out; + content: ""; + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 2px; + background-color: var(--directorist-color-border); + border-radius: 8px; + transition: width 0.3s ease-in-out; } .multistep-wizard__progressbar__width { - position: absolute; - top: 0; - right: 0; - width: 0; + position: absolute; + top: 0; + right: 0; + width: 0; } .multistep-wizard__progressbar__width:after { - content: ""; - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 2px; - background-color: var(--directorist-color-primary); - border-radius: 8px; - -webkit-transition: width 0.3s ease-in-out; - transition: width 0.3s ease-in-out; + content: ""; + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 2px; + background-color: var(--directorist-color-primary); + border-radius: 8px; + transition: width 0.3s ease-in-out; } .multistep-wizard__bottom { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 25px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - margin: 20px 0; + display: flex; + flex-wrap: wrap; + gap: 25px; + align-items: center; + justify-content: space-between; + margin: 20px 0; } @media only screen and (max-width: 575px) { - .multistep-wizard__bottom { - gap: 15px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .multistep-wizard__bottom { + gap: 15px; + justify-content: center; + } } .multistep-wizard__btn { - width: 200px; - height: 54px; - gap: 12px; - border: none; - outline: none; - cursor: pointer; - background-color: var(--directorist-color-light); + width: 200px; + height: 54px; + gap: 12px; + border: none; + outline: none; + cursor: pointer; + background-color: var(--directorist-color-light); } .multistep-wizard__btn.directorist-btn { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .multistep-wizard__btn.directorist-btn i:after { - background-color: var(--directorist-color-body); + background-color: var(--directorist-color-body); } -.multistep-wizard__btn.directorist-btn:hover, .multistep-wizard__btn.directorist-btn:focus { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); +.multistep-wizard__btn.directorist-btn:hover, +.multistep-wizard__btn.directorist-btn:focus { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } -.multistep-wizard__btn.directorist-btn:hover i:after, .multistep-wizard__btn.directorist-btn:focus i:after { - background-color: var(--directorist-color-white); +.multistep-wizard__btn.directorist-btn:hover i:after, +.multistep-wizard__btn.directorist-btn:focus i:after { + background-color: var(--directorist-color-white); } -.multistep-wizard__btn[disabled=true], .multistep-wizard__btn[disabled=disabled] { - color: var(--directorist-color-light-gray); - pointer-events: none; +.multistep-wizard__btn[disabled="true"], +.multistep-wizard__btn[disabled="disabled"] { + color: var(--directorist-color-light-gray); + pointer-events: none; } -.multistep-wizard__btn[disabled=true] i:after, .multistep-wizard__btn[disabled=disabled] i:after { - background-color: var(--directorist-color-light-gray); +.multistep-wizard__btn[disabled="true"] i:after, +.multistep-wizard__btn[disabled="disabled"] i:after { + background-color: var(--directorist-color-light-gray); } .multistep-wizard__btn i:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-primary); + width: 14px; + height: 14px; + background-color: var(--directorist-color-primary); } .multistep-wizard__btn--save-preview { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } .multistep-wizard__btn--save-preview.directorist-btn { - height: 0; - opacity: 0; - visibility: hidden; + height: 0; + opacity: 0; + visibility: hidden; } @media only screen and (max-width: 575px) { - .multistep-wizard__btn--save-preview { - width: 100%; - } + .multistep-wizard__btn--save-preview { + width: 100%; + } } .multistep-wizard__btn--skip-preview { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } .multistep-wizard__btn--skip-preview.directorist-btn { - height: 0; - opacity: 0; - visibility: hidden; + height: 0; + opacity: 0; + visibility: hidden; } .multistep-wizard__btn.directorist-btn { - min-height: unset; + min-height: unset; } @media only screen and (max-width: 575px) { - .multistep-wizard__btn.directorist-btn { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .multistep-wizard__btn.directorist-btn { + flex: 0 0 100%; + } } .multistep-wizard__count { - font-size: 15px; - font-weight: 500; + font-size: 15px; + font-weight: 500; } @media only screen and (max-width: 575px) { - .multistep-wizard__count { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - text-align: center; - } + .multistep-wizard__count { + flex: 0 0 100%; + text-align: center; + } } .multistep-wizard .default-add-listing-bottom { - display: none; + display: none; } .multistep-wizard.default-add-listing .multistep-wizard__single { - display: block !important; + display: block !important; } .multistep-wizard.default-add-listing .multistep-wizard__bottom, .multistep-wizard.default-add-listing .multistep-wizard__progressbar { - display: none !important; + display: none !important; } .multistep-wizard.default-add-listing .default-add-listing-bottom { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 35px 0; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.multistep-wizard.default-add-listing .default-add-listing-bottom .directorist-form-submit__btn { - width: 100%; - height: 54px; + display: flex; + gap: 20px; + flex-wrap: wrap; + padding: 35px 0; + justify-content: space-between; } - -.logged-in .multistep-wizard__nav.sticky { - top: 32px; +.multistep-wizard.default-add-listing + .default-add-listing-bottom + .directorist-form-submit__btn { + width: 100%; + height: 54px; } -@-webkit-keyframes atbd_scale { - 0% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } +.logged-in .multistep-wizard__nav.sticky { + top: 32px; } @keyframes atbd_scale { - 0% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } + 0% { + transform: scale(0.8); + } + 100% { + transform: scale(1); + } } #directorist_submit_privacy_policy { - display: block; - opacity: 0; - width: 0; - height: 0; - margin: 0; - padding: 0; - border: none; + display: block; + opacity: 0; + width: 0; + height: 0; + margin: 0; + padding: 0; + border: none; } #directorist_submit_privacy_policy::after { - display: none; + display: none; } .upload-error { - display: block !important; - clear: both; - background-color: #FCD9D9; - color: #E80000; - font-size: 16px; - word-break: break-word; - border-radius: 3px; - padding: 15px 20px; + display: block !important; + clear: both; + background-color: #fcd9d9; + color: #e80000; + font-size: 16px; + word-break: break-word; + border-radius: 3px; + padding: 15px 20px; } #upload-msg { - display: block; - clear: both; + display: block; + clear: both; } #content .category_grid_view li a.post_img { - height: 65px; - width: 90%; - overflow: hidden; + height: 65px; + width: 90%; + overflow: hidden; } #content .category_grid_view li a.post_img img { - margin: 0 auto; - display: block; - height: 65px; + margin: 0 auto; + display: block; + height: 65px; } #content .category_list_view li a.post_img { - height: 110px; - width: 165px; - overflow: hidden; + height: 110px; + width: 165px; + overflow: hidden; } #content .category_list_view li a.post_img img { - margin: 0 auto; - display: block; - height: 110px; + margin: 0 auto; + display: block; + height: 110px; } #sidebar .recent_comments li img.thumb { - width: 40px; + width: 40px; } .post_img_tiny img { - width: 35px; + width: 35px; } .single_post_blog img.alignleft { - width: 96%; - height: auto; + width: 96%; + height: auto; } .ecu_images { - width: 100%; + width: 100%; } .filelist { - width: 100%; + width: 100%; } .filelist .file { - padding: 5px; - background-color: #ececec; - border: solid 1px #ccc; - margin-bottom: 4px; - clear: both; - text-align: right; + padding: 5px; + background-color: #ececec; + border: solid 1px #ccc; + margin-bottom: 4px; + clear: both; + text-align: right; } .filelist .fileprogress { - width: 0%; - height: 5px; - background-color: #3385ff; + width: 0%; + height: 5px; + background-color: #3385ff; } #custom-filedropbox, .directorist-custom-field-file-upload__wrapper > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - gap: 20px; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-start; + gap: 20px; } .plupload-upload-uic { - width: 200px; - height: 150px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - border-radius: 12px; - margin: 0 !important; - background-color: var(--directorist-color-bg-gray); - border: 2px dashed var(--directorist-color-border-gray); + width: 200px; + height: 150px; + padding: 0; + display: flex; + gap: 15px; + align-items: center; + justify-content: center; + flex-direction: column; + border-radius: 12px; + margin: 0 !important; + background-color: var(--directorist-color-bg-gray); + border: 2px dashed var(--directorist-color-border-gray); } .plupload-upload-uic > input { - display: none; + display: none; } .plupload-upload-uic .plupload-browse-button-label { - cursor: pointer; + cursor: pointer; } .plupload-upload-uic .plupload-browse-button-label i::after { - width: 50px; - height: 45px; - background-color: var(--directorist-color-border-gray); + width: 50px; + height: 45px; + background-color: var(--directorist-color-border-gray); } .plupload-upload-uic .plupload-browse-img-size { - font-size: 13px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 13px; + font-weight: 400; + color: var(--directorist-color-body); } @media (max-width: 575px) { - .plupload-upload-uic { - width: 100%; - height: 200px; - } + .plupload-upload-uic { + width: 100%; + height: 200px; + } } .plupload-thumbs { - clear: both; - overflow: hidden; + clear: both; + overflow: hidden; } .plupload-thumbs .thumb { - position: relative; - height: 150px; - width: 200px; - border-radius: 12px; + position: relative; + height: 150px; + width: 200px; + border-radius: 12px; } .plupload-thumbs .thumb img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: 12px; + width: 100%; + height: 100%; + object-fit: cover; + border-radius: 12px; } .plupload-thumbs .thumb:hover .atbdp-thumb-actions::before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } @media (max-width: 575px) { - .plupload-thumbs .thumb { - width: 100%; - height: 200px; - } + .plupload-thumbs .thumb { + width: 100%; + height: 200px; + } } .plupload-thumbs .atbdp-thumb-actions { - position: absolute; - height: 100%; - width: 100%; - top: 0; - right: 0; + position: absolute; + height: 100%; + width: 100%; + top: 0; + right: 0; } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink { - position: absolute; - top: 10px; - left: 10px; - background-color: #FF385C; - height: 32px; - width: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.plupload-thumbs .atbdp-thumb-actions .thumbremovelink .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); + position: absolute; + top: 10px; + left: 10px; + background-color: #ff385c; + height: 32px; + width: 32px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + cursor: pointer; + transition: 0.3s ease; +} +.plupload-thumbs + .atbdp-thumb-actions + .thumbremovelink + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink:hover { - opacity: 0.8; + opacity: 0.8; } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink i { - font-size: 14px; + font-size: 14px; } .plupload-thumbs .atbdp-thumb-actions:before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - right: 0; - top: 0; - opacity: 0; - visibility: hidden; - border-radius: 12px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + content: ""; + position: absolute; + width: 100%; + height: 100%; + right: 0; + top: 0; + opacity: 0; + visibility: hidden; + border-radius: 12px; + transition: all ease 0.3s; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); } .plupload-thumbs .thumb.atbdp_file { - border: none; - width: auto; + border: none; + width: auto; } .atbdp-add-files .plupload-thumbs .thumb img, .plupload-thumbs .thumb i.atbdp-file-info { - cursor: move; - width: 100%; - height: 100%; - z-index: 1; + cursor: move; + width: 100%; + height: 100%; + z-index: 1; } .plupload-thumbs .thumb i.atbdp-file-info { - font-size: 50px; - padding-top: 10%; - z-index: 1; + font-size: 50px; + padding-top: 10%; + z-index: 1; } .plupload-thumbs .thumb .thumbi { - position: absolute; - left: -10px; - top: -8px; - height: 18px; - width: 18px; + position: absolute; + left: -10px; + top: -8px; + height: 18px; + width: 18px; } .plupload-thumbs .thumb .thumbi a { - text-indent: -8000px; - display: block; + text-indent: -8000px; + display: block; } .plupload-thumbs .atbdp-title-preview, .plupload-thumbs .atbdp-caption-preview { - position: absolute; - top: 10px; - right: 5px; - font-size: 10px; - line-height: 10px; - padding: 1px; - background: rgba(255, 255, 255, 0.5); - z-index: 2; - overflow: hidden; - height: 10px; + position: absolute; + top: 10px; + right: 5px; + font-size: 10px; + line-height: 10px; + padding: 1px; + background: rgba(255, 255, 255, 0.5); + z-index: 2; + overflow: hidden; + height: 10px; } .plupload-thumbs .atbdp-caption-preview { - top: auto; - bottom: 10px; + top: auto; + bottom: 10px; } /* required styles */ @@ -10512,48 +10420,44 @@ body.stop-scrolling { .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { - position: absolute; - right: 0; - top: 0; + position: absolute; + right: 0; + top: 0; } .leaflet-container { - overflow: hidden; + overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-user-drag: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + -webkit-user-drag: none; } /* Prevents IE11 from highlighting tiles in blue */ -.leaflet-tile::-moz-selection { - background: transparent; -} .leaflet-tile::selection { - background: transparent; + background: transparent; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { - image-rendering: -webkit-optimize-contrast; + image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { - width: 1600px; - height: 1600px; - -webkit-transform-origin: 100% 0; + width: 1600px; + height: 1600px; + -webkit-transform-origin: 100% 0; } .leaflet-marker-icon, .leaflet-marker-shadow { - display: block; + display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ @@ -10564,229 +10468,232 @@ body.stop-scrolling { .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { - max-width: none !important; - max-height: none !important; + max-width: none !important; + max-height: none !important; } .leaflet-container.leaflet-touch-zoom { - -ms-touch-action: pan-x pan-y; - touch-action: pan-x pan-y; + -ms-touch-action: pan-x pan-y; + touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { - -ms-touch-action: pinch-zoom; - /* Fallback for FF which doesn't support pinch-zoom */ - touch-action: none; - touch-action: pinch-zoom; + -ms-touch-action: pinch-zoom; + /* Fallback for FF which doesn't support pinch-zoom */ + touch-action: none; + touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { - -ms-touch-action: none; - touch-action: none; + -ms-touch-action: none; + touch-action: none; } .leaflet-container { - -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: transparent; } .leaflet-container a { - -webkit-tap-highlight-color: rgba(145, 175, 186, 0.4); + -webkit-tap-highlight-color: rgba(145, 175, 186, 0.4); } .leaflet-tile { - -webkit-filter: inherit; - filter: inherit; - visibility: hidden; + filter: inherit; + visibility: hidden; } .leaflet-tile-loaded { - visibility: inherit; + visibility: inherit; } .leaflet-zoom-box { - width: 0; - height: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; - z-index: 800; + width: 0; + height: 0; + -moz-box-sizing: border-box; + box-sizing: border-box; + z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { - -moz-user-select: none; + -moz-user-select: none; } .leaflet-pane { - z-index: 400; + z-index: 400; } .leaflet-tile-pane { - z-index: 200; + z-index: 200; } .leaflet-overlay-pane { - z-index: 400; + z-index: 400; } .leaflet-shadow-pane { - z-index: 500; + z-index: 500; } .leaflet-marker-pane { - z-index: 600; + z-index: 600; } .leaflet-tooltip-pane { - z-index: 650; + z-index: 650; } .leaflet-popup-pane { - z-index: 700; + z-index: 700; } .leaflet-map-pane canvas { - z-index: 100; + z-index: 100; } .leaflet-map-pane svg { - z-index: 200; + z-index: 200; } .leaflet-vml-shape { - width: 1px; - height: 1px; + width: 1px; + height: 1px; } .lvml { - behavior: url(#default#VML); - display: inline-block; - position: absolute; + behavior: url(#default#VML); + display: inline-block; + position: absolute; } /* control positioning */ .leaflet-control { - position: relative; - z-index: 800; - pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ - pointer-events: auto; + position: relative; + z-index: 800; + pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ + pointer-events: auto; } .leaflet-top, .leaflet-bottom { - position: absolute; - z-index: 1000; - pointer-events: none; + position: absolute; + z-index: 1000; + pointer-events: none; } .leaflet-top { - top: 0; + top: 0; } .leaflet-right { - left: 0; - display: none; + left: 0; + display: none; } .leaflet-bottom { - bottom: 0; + bottom: 0; } .leaflet-left { - right: 0; + right: 0; } .leaflet-control { - float: right; - clear: both; + float: right; + clear: both; } .leaflet-right .leaflet-control { - float: left; + float: left; } .leaflet-top .leaflet-control { - margin-top: 10px; + margin-top: 10px; } .leaflet-bottom .leaflet-control { - margin-bottom: 10px; + margin-bottom: 10px; } .leaflet-left .leaflet-control { - margin-right: 10px; + margin-right: 10px; } .leaflet-right .leaflet-control { - margin-left: 10px; + margin-left: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile { - will-change: opacity; + will-change: opacity; } .leaflet-fade-anim .leaflet-popup { - opacity: 0; - -webkit-transition: opacity 0.2s linear; - transition: opacity 0.2s linear; + opacity: 0; + -webkit-transition: opacity 0.2s linear; + -moz-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { - opacity: 1; + opacity: 1; } .leaflet-zoom-animated { - -webkit-transform-origin: 100% 0; - transform-origin: 100% 0; + -webkit-transform-origin: 100% 0; + -ms-transform-origin: 100% 0; + transform-origin: 100% 0; } .leaflet-zoom-anim .leaflet-zoom-animated { - will-change: transform; + will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { - -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { - -webkit-transition: none; - transition: none; + -webkit-transition: none; + -moz-transition: none; + transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { - visibility: hidden; + visibility: hidden; } /* cursors */ .leaflet-interactive { - cursor: pointer; + cursor: pointer; } .leaflet-grab { - cursor: -webkit-grab; - cursor: grab; + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { - cursor: crosshair; + cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { - cursor: auto; + cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { - cursor: move; - cursor: -webkit-grabbing; - cursor: grabbing; + cursor: move; + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: grabbing; } /* marker & overlays interactivity */ @@ -10795,25888 +10702,22025 @@ body.stop-scrolling { .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { - pointer-events: none; + pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { - pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ - pointer-events: auto; + pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ + pointer-events: auto; } /* visual tweaks */ .leaflet-container { - background-color: #ddd; - outline: 0; + background-color: #ddd; + outline: 0; } .leaflet-container a, .leaflet-container .map-listing-card-single__content a { - color: #404040; + color: #404040; } .leaflet-container a.leaflet-active { - outline: 2px solid #fa8b0c; + outline: 2px solid #fa8b0c; } .leaflet-zoom-box { - border: 2px dotted var(--directorist-color-info); - background: rgba(255, 255, 255, 0.5); + border: 2px dotted var(--directorist-color-info); + background: rgba(255, 255, 255, 0.5); } /* general typography */ .leaflet-container { - font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; + font: + 12px/1.5 "Helvetica Neue", + Arial, + Helvetica, + sans-serif; } /* general toolbar styles */ .leaflet-bar { - -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); - border-radius: 4px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); + border-radius: 4px; } .leaflet-bar a, .leaflet-bar a:hover { - background-color: var(--directorist-color-white); - border-bottom: 1px solid #ccc; - width: 26px; - height: 26px; - line-height: 26px; - display: block; - text-align: center; - text-decoration: none; - color: black; + background-color: var(--directorist-color-white); + border-bottom: 1px solid #ccc; + width: 26px; + height: 26px; + line-height: 26px; + display: block; + text-align: center; + text-decoration: none; + color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { - background-position: 50% 50%; - background-repeat: no-repeat; - display: block; + background-position: 50% 50%; + background-repeat: no-repeat; + display: block; } .leaflet-bar a:hover { - background-color: #f4f4f4; + background-color: #f4f4f4; } .leaflet-bar a:first-child { - border-top-right-radius: 4px; - border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-top-left-radius: 4px; } .leaflet-bar a:last-child { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - border-bottom: none; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-bottom: none; } .leaflet-bar a.leaflet-disabled { - cursor: default; - background-color: #f4f4f4; - color: #bbb; + cursor: default; + background-color: #f4f4f4; + color: #bbb; } .leaflet-touch .leaflet-bar a { - width: 30px; - height: 30px; - line-height: 30px; + width: 30px; + height: 30px; + line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { - border-top-right-radius: 2px; - border-top-left-radius: 2px; + border-top-right-radius: 2px; + border-top-left-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { - font: bold 18px "Lucida Console", Monaco, monospace; - text-indent: 1px; + font: + bold 18px "Lucida Console", + Monaco, + monospace; + text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { - font-size: 22px; + font-size: 22px; } /* layers control */ .leaflet-control-layers { - -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - background-color: var(--directorist-color-white); - border-radius: 5px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); + background-color: var(--directorist-color-white); + border-radius: 5px; } .leaflet-control-layers-toggle { - width: 36px; - height: 36px; + width: 36px; + height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { - background-size: 26px 26px; + background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { - width: 44px; - height: 44px; + width: 44px; + height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { - display: none; + display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { - display: block; - position: relative; + display: block; + position: relative; } .leaflet-control-layers-expanded { - padding: 6px 6px 6px 10px; - color: #333; - background-color: var(--directorist-color-white); + padding: 6px 6px 6px 10px; + color: #333; + background-color: var(--directorist-color-white); } .leaflet-control-layers-scrollbar { - overflow-y: scroll; - overflow-x: hidden; - padding-left: 5px; + overflow-y: scroll; + overflow-x: hidden; + padding-left: 5px; } .leaflet-control-layers-selector { - margin-top: 2px; - position: relative; - top: 1px; + margin-top: 2px; + position: relative; + top: 1px; } .leaflet-control-layers label { - display: block; + display: block; } .leaflet-control-layers-separator { - height: 0; - border-top: 1px solid #ddd; - margin: 5px -6px 5px -10px; + height: 0; + border-top: 1px solid #ddd; + margin: 5px -6px 5px -10px; } /* Default icon URLs */ /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { - background-color: var(--directorist-color-white); - background: rgba(255, 255, 255, 0.7); - margin: 0; + background-color: var(--directorist-color-white); + background: rgba(255, 255, 255, 0.7); + margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { - padding: 0 5px; - color: #333; + padding: 0 5px; + color: #333; } .leaflet-control-attribution a { - text-decoration: none; + text-decoration: none; } .leaflet-control-attribution a:hover { - text-decoration: underline; + text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { - font-size: 11px; + font-size: 11px; } .leaflet-left .leaflet-control-scale { - margin-right: 5px; + margin-right: 5px; } .leaflet-bottom .leaflet-control-scale { - margin-bottom: 5px; + margin-bottom: 5px; } .leaflet-control-scale-line { - border: 2px solid #777; - border-top: none; - line-height: 1.1; - padding: 2px 5px 1px; - font-size: 11px; - white-space: nowrap; - overflow: hidden; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background-color: var(--directorist-color-white); - background: rgba(255, 255, 255, 0.5); + border: 2px solid #777; + border-top: none; + line-height: 1.1; + padding: 2px 5px 1px; + font-size: 11px; + white-space: nowrap; + overflow: hidden; + -moz-box-sizing: border-box; + box-sizing: border-box; + background-color: var(--directorist-color-white); + background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { - border-top: 2px solid #777; - border-bottom: none; - margin-top: -2px; + border-top: 2px solid #777; + border-bottom: none; + margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { - border-bottom: 2px solid #777; + border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { - border: 2px solid rgba(0, 0, 0, 0.2); - background-clip: padding-box; + border: 2px solid rgba(0, 0, 0, 0.2); + background-clip: padding-box; } /* popup */ .leaflet-popup { - position: absolute; - text-align: center; - margin-bottom: 20px; + position: absolute; + text-align: center; + margin-bottom: 20px; } .leaflet-popup-content-wrapper { - padding: 1px; - text-align: right; - border-radius: 10px; + padding: 1px; + text-align: right; + border-radius: 10px; } .leaflet-popup-content { - margin: 13px 19px; - line-height: 1.4; + margin: 13px 19px; + line-height: 1.4; } .leaflet-popup-content p { - margin: 18px 0; + margin: 18px 0; } .leaflet-popup-tip-container { - width: 40px; - height: 20px; - position: absolute; - right: 50%; - margin-right: -20px; - overflow: hidden; - pointer-events: none; + width: 40px; + height: 20px; + position: absolute; + right: 50%; + margin-right: -20px; + overflow: hidden; + pointer-events: none; } .leaflet-popup-tip { - width: 17px; - height: 17px; - padding: 1px; - margin: -10px auto 0; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + width: 17px; + height: 17px; + padding: 1px; + margin: -10px auto 0; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { - background: white; - color: #333; - -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); - box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); + background: white; + color: #333; + box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); } .leaflet-container a.leaflet-popup-close-button { - position: absolute; - top: 0; - left: 0; - padding: 4px 0 0 4px; - border: none; - text-align: center; - width: 18px; - height: 14px; - font: 16px/14px Tahoma, Verdana, sans-serif; - color: #c3c3c3; - text-decoration: none; - font-weight: bold; - background: transparent; + position: absolute; + top: 0; + left: 0; + padding: 4px 0 0 4px; + border: none; + text-align: center; + width: 18px; + height: 14px; + font: + 16px/14px Tahoma, + Verdana, + sans-serif; + color: #c3c3c3; + text-decoration: none; + font-weight: bold; + background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { - color: #999; + color: #999; } .leaflet-popup-scrolled { - overflow: auto; - border-bottom: 1px solid #ddd; - border-top: 1px solid #ddd; + overflow: auto; + border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { - zoom: 1; + zoom: 1; } .leaflet-oldie .leaflet-popup-tip { - width: 24px; - margin: 0 auto; - -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; - filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); + width: 24px; + margin: 0 auto; + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; + filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { - margin-top: -1px; + margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { - border: 1px solid #999; + border: 1px solid #999; } /* div icon */ .leaflet-div-icon { - background-color: var(--directorist-color-white); - border: 1px solid #666; + background-color: var(--directorist-color-white); + border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { - position: absolute; - padding: 6px; - background-color: var(--directorist-color-white); - border: 1px solid var(--directorist-color-white); - border-radius: 3px; - color: #222; - white-space: nowrap; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - pointer-events: none; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); + position: absolute; + padding: 6px; + background-color: var(--directorist-color-white); + border: 1px solid var(--directorist-color-white); + border-radius: 3px; + color: #222; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .leaflet-tooltip.leaflet-clickable { - cursor: pointer; - pointer-events: auto; + cursor: pointer; + pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { - position: absolute; - pointer-events: none; - border: 6px solid transparent; - background: transparent; - content: ""; + position: absolute; + pointer-events: none; + border: 6px solid transparent; + background: transparent; + content: ""; } /* Directions */ .leaflet-tooltip-bottom { - margin-top: 6px; + margin-top: 6px; } .leaflet-tooltip-top { - margin-top: -6px; + margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { - right: 50%; - margin-right: -6px; + right: 50%; + margin-right: -6px; } .leaflet-tooltip-top:before { - bottom: 0; - margin-bottom: -12px; - border-top-color: var(--directorist-color-white); + bottom: 0; + margin-bottom: -12px; + border-top-color: var(--directorist-color-white); } .leaflet-tooltip-bottom:before { - top: 0; - margin-top: -12px; - margin-right: -6px; - border-bottom-color: var(--directorist-color-white); + top: 0; + margin-top: -12px; + margin-right: -6px; + border-bottom-color: var(--directorist-color-white); } .leaflet-tooltip-left { - margin-right: -6px; + margin-right: -6px; } .leaflet-tooltip-right { - margin-right: 6px; + margin-right: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { - top: 50%; - margin-top: -6px; + top: 50%; + margin-top: -6px; } .leaflet-tooltip-left:before { - left: 0; - margin-left: -12px; - border-right-color: var(--directorist-color-white); + left: 0; + margin-left: -12px; + border-right-color: var(--directorist-color-white); } .leaflet-tooltip-right:before { - right: 0; - margin-right: -12px; - border-left-color: var(--directorist-color-white); + right: 0; + margin-right: -12px; + border-left-color: var(--directorist-color-white); } .directorist-content-active #map { - position: relative; - width: 100%; - height: 660px; - border: none; - z-index: 1; + position: relative; + width: 100%; + height: 660px; + border: none; + z-index: 1; } .directorist-content-active #gmap_full_screen_button { - position: absolute; - top: 20px; - left: 20px; - z-index: 999; - width: 50px; - height: 50px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 10px; - background-color: var(--directorist-color-white); - cursor: pointer; + position: absolute; + top: 20px; + left: 20px; + z-index: 999; + width: 50px; + height: 50px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 10px; + background-color: var(--directorist-color-white); + cursor: pointer; } .directorist-content-active #gmap_full_screen_button i::after { - width: 22px; - height: 22px; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - background-color: var(--directorist-color-dark); + width: 22px; + height: 22px; + transition: all 0.3s ease-in-out; + background-color: var(--directorist-color-dark); } .directorist-content-active #gmap_full_screen_button .fullscreen-disable { - display: none; + display: none; } .directorist-content-active #progress { - display: none; - position: absolute; - z-index: 1000; - right: 400px; - top: 300px; - width: 200px; - height: 20px; - margin-top: -20px; - margin-right: -100px; - background-color: var(--directorist-color-white); - background-color: rgba(255, 255, 255, 0.7); - border-radius: 4px; - padding: 2px; + display: none; + position: absolute; + z-index: 1000; + right: 400px; + top: 300px; + width: 200px; + height: 20px; + margin-top: -20px; + margin-right: -100px; + background-color: var(--directorist-color-white); + background-color: rgba(255, 255, 255, 0.7); + border-radius: 4px; + padding: 2px; } .directorist-content-active #progress-bar { - width: 0; - height: 100%; - background-color: #76A6FC; - border-radius: 4px; + width: 0; + height: 100%; + background-color: #76a6fc; + border-radius: 4px; } .directorist-content-active .gm-fullscreen-control { - width: 50px !important; - height: 50px !important; - margin: 20px !important; - border-radius: 10px !important; - -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; - box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; + width: 50px !important; + height: 50px !important; + margin: 20px !important; + border-radius: 10px !important; + box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; } .directorist-content-active .gmnoprint { - border-radius: 5px; + border-radius: 5px; } .directorist-content-active .gm-style-cc, .directorist-content-active .gm-style-mtc-bbw, .directorist-content-active button.gm-svpc { - display: none; + display: none; } .directorist-content-active .italic { - font-style: italic; + font-style: italic; } .directorist-content-active .buttonsTable { - border: 1px solid grey; - border-collapse: collapse; + border: 1px solid grey; + border-collapse: collapse; } .directorist-content-active .buttonsTable td, .directorist-content-active .buttonsTable th { - padding: 8px; - border: 1px solid grey; + padding: 8px; + border: 1px solid grey; } .directorist-content-active .version-disabled { - text-decoration: line-through; + text-decoration: line-through; } /* For sortable field */ .ui-sortable tr:hover { - cursor: move; + cursor: move; } .ui-sortable tr.alternate { - background-color: #F9F9F9; + background-color: #f9f9f9; } .ui-sortable tr.ui-sortable-helper { - background-color: #F9F9F9; - border-top: 1px solid #DFDFDF; + background-color: #f9f9f9; + border-top: 1px solid #dfdfdf; } .directorist-form-group { - position: relative; - width: 100%; + position: relative; + width: 100%; } .directorist-form-group textarea, .directorist-form-group textarea.directorist-form-element { - min-height: unset; - height: auto !important; - max-width: 100%; - width: 100%; + min-height: unset; + height: auto !important; + max-width: 100%; + width: 100%; } .directorist-form-group__with-prefix { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-bottom: 1px solid #d9d9d9; - width: 100%; - gap: 10px; + display: flex; + align-items: center; + border-bottom: 1px solid #d9d9d9; + width: 100%; + gap: 10px; } .directorist-form-group__with-prefix:focus-within { - border-bottom: 2px solid var(--directorist-color-dark); + border-bottom: 2px solid var(--directorist-color-dark); } .directorist-form-group__with-prefix .directorist-form-element { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0 !important; - border: none !important; + flex: 1; + margin: 0 !important; + border: none !important; } .directorist-form-group__with-prefix .directorist-single-info__value { - font-size: 14px; - font-weight: 500; - margin: 0 !important; + font-size: 14px; + font-weight: 500; + margin: 0 !important; } .directorist-form-group__prefix { - height: 40px; - line-height: 40px; - font-size: 14px; - font-weight: 500; - color: #828282; + height: 40px; + line-height: 40px; + font-size: 14px; + font-weight: 500; + color: #828282; } .directorist-form-group__prefix--start { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; + order: -1; } .directorist-form-group__prefix--end { - -webkit-box-ordinal-group: 3; - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; + order: 2; } -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input { - padding-left: 0 !important; +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-form-group__with-prefix + .directorist-search-field__input { + padding-left: 0 !important; } .directorist-form-group label { - margin: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + margin: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-form-group .directorist-form-element { - position: relative; - padding: 0; - width: 100%; - max-width: unset; - min-height: unset; - height: 40px; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); - border: none; - border-radius: 0; - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-bottom: 1px solid var(--directorist-color-border-gray); + position: relative; + padding: 0; + width: 100%; + max-width: unset; + min-height: unset; + height: 40px; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); + border: none; + border-radius: 0; + background: transparent; + box-sizing: border-box; + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-form-group .directorist-form-element:focus { - outline: none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; - border: none; - border-bottom: 2px solid var(--directorist-color-primary); + outline: none; + box-shadow: 0 0; + border: none; + border-bottom: 2px solid var(--directorist-color-primary); } .directorist-form-group .directorist-form-description { - font-size: 14px; - margin-top: 10px; - color: var(--directorist-color-deep-gray); + font-size: 14px; + margin-top: 10px; + color: var(--directorist-color-deep-gray); } .directorist-form-element.directorist-form-element-lg { - height: 50px; + height: 50px; } .directorist-form-element.directorist-form-element-lg__prefix { - height: 50px; - line-height: 50px; + height: 50px; + line-height: 50px; } .directorist-form-element.directorist-form-element-sm { - height: 30px; + height: 30px; } .directorist-form-element.directorist-form-element-sm__prefix { - height: 30px; - line-height: 30px; + height: 30px; + line-height: 30px; } .directorist-form-group.directorist-icon-left .directorist-input-icon { - right: 0; + right: 0; } .directorist-form-group.directorist-icon-left .location-name { - padding-right: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding-right: 25px; + box-sizing: border-box; } .directorist-form-group.directorist-icon-right .directorist-input-icon { - left: 0; + left: 0; } .directorist-form-group.directorist-icon-right .location-name { - padding-left: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding-left: 25px; + box-sizing: border-box; } .directorist-form-group .directorist-input-icon { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - line-height: 1.45; - z-index: 99; - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + position: absolute; + top: 50%; + transform: translateY(-50%); + line-height: 1.45; + z-index: 99; + transition: margin 0.3s ease; } .directorist-form-group .directorist-input-icon i, .directorist-form-group .directorist-input-icon span, .directorist-form-group .directorist-input-icon svg { - font-size: 14px; + font-size: 14px; } .directorist-form-group .directorist-input-icon .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-body); + width: 16px; + height: 16px; + background-color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-form-group .directorist-input-icon { - margin-top: 0; - } + .directorist-form-group .directorist-input-icon { + margin-top: 0; + } } .directorist-label { - margin-bottom: 0; + margin-bottom: 0; } input.directorist-toggle-input { - display: none; + display: none; } .directorist-toggle-input-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex; + align-items: center; + justify-content: space-between; } span.directorist-toggle-input-label-text { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding-left: 10px; + flex-grow: 1; + padding-left: 10px; } span.directorist-toggle-input-label-icon { - position: relative; - display: inline-block; - width: 50px; - height: 25px; - border-radius: 30px; - background-color: #d9d9d9; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + position: relative; + display: inline-block; + width: 50px; + height: 25px; + border-radius: 30px; + background-color: #d9d9d9; + transition: all ease-in-out 300ms; } span.directorist-toggle-input-label-icon::after { - content: ""; - position: absolute; - display: inline-block; - width: 15px; - height: 15px; - border-radius: 50%; - background-color: var(--directorist-color-white); - top: 50%; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + content: ""; + position: absolute; + display: inline-block; + width: 15px; + height: 15px; + border-radius: 50%; + background-color: var(--directorist-color-white); + top: 50%; + transform: translate(0, -50%); + transition: all ease-in-out 300ms; } -input.directorist-toggle-input:checked + .directorist-toggle-input-label span.directorist-toggle-input-label-icon { - background-color: #4353ff; +input.directorist-toggle-input:checked + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon { + background-color: #4353ff; } -input.directorist-toggle-input:not(:checked) + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after { - right: 5px; +input.directorist-toggle-input:not(:checked) + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon::after { + right: 5px; } -input.directorist-toggle-input:checked + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after { - right: calc(100% - 20px); +input.directorist-toggle-input:checked + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon::after { + right: calc(100% - 20px); } .directorist-flex-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-flex-space-between { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; } .directorist-flex-grow-1 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .directorist-tab-navigation { - padding: 0; - margin: 0 -10px 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + padding: 0; + margin: 0 -10px 20px; + display: flex; + justify-content: center; + align-items: center; } .directorist-tab-navigation-list-item { - position: relative; - list-style: none; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - margin: 10px; - padding: 15px 20px; - border-radius: 4px; - -webkit-flex-basis: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - background-color: var(--directorist-color-bg-light); + position: relative; + list-style: none; + flex-grow: 1; + text-align: center; + margin: 10px; + padding: 15px 20px; + border-radius: 4px; + flex-basis: 50%; + background-color: var(--directorist-color-bg-light); } .directorist-tab-navigation-list-item.--is-active { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-tab-navigation-list-item.--is-active::after { - content: ""; - position: absolute; - right: 50%; - bottom: -10px; - width: 0; - height: 0; - border-right: 10px solid transparent; - border-left: 10px solid transparent; - border-top: 10px solid var(--directorist-color-primary); - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); -} -.directorist-tab-navigation-list-item .directorist-tab-navigation-list-item-link { - margin: -15px -20px; + content: ""; + position: absolute; + right: 50%; + bottom: -10px; + width: 0; + height: 0; + border-right: 10px solid transparent; + border-left: 10px solid transparent; + border-top: 10px solid var(--directorist-color-primary); + transform: translate(50%, 0); +} +.directorist-tab-navigation-list-item + .directorist-tab-navigation-list-item-link { + margin: -15px -20px; } .directorist-tab-navigation-list-item-link { - position: relative; - display: block; - text-decoration: none; - padding: 15px 20px; - border-radius: 4px; - color: var(--directorist-color-body); - background-color: var(--directorist-color-bg-light); -} -.directorist-tab-navigation-list-item-link:active, .directorist-tab-navigation-list-item-link:visited, .directorist-tab-navigation-list-item-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); + position: relative; + display: block; + text-decoration: none; + padding: 15px 20px; + border-radius: 4px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-bg-light); +} +.directorist-tab-navigation-list-item-link:active, +.directorist-tab-navigation-list-item-link:visited, +.directorist-tab-navigation-list-item-link:focus { + outline: none; + box-shadow: none; + color: var(--directorist-color-body); } .directorist-tab-navigation-list-item-link.--is-active { - cursor: default; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); + cursor: default; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-tab-navigation-list-item-link.--is-active::after { - content: ""; - position: absolute; - right: 50%; - bottom: -10px; - width: 0; - height: 0; - border-right: 10px solid transparent; - border-left: 10px solid transparent; - border-top: 10px solid var(--directorist-color-primary); - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); + content: ""; + position: absolute; + right: 50%; + bottom: -10px; + width: 0; + height: 0; + border-right: 10px solid transparent; + border-left: 10px solid transparent; + border-top: 10px solid var(--directorist-color-primary); + transform: translate(50%, 0); } .directorist-tab-content { - display: none; + display: none; } .directorist-tab-content.--is-active { - display: block; + display: block; } .directorist-headline-4 { - margin: 0 0 15px 0; - font-size: 15px; - font-weight: normal; + margin: 0 0 15px 0; + font-size: 15px; + font-weight: normal; } .directorist-label-addon-prepend { - margin-left: 10px; + margin-left: 10px; } .--is-hidden { - display: none; + display: none; } .directorist-flex-center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } /* Directorist button styles */ .directorist-btn { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 5px; - font-size: 14px; - font-weight: 500; - vertical-align: middle; - text-transform: capitalize; - text-align: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - padding: 0 26px; - min-height: 45px; - line-height: 1.5; - border-radius: 8px; - border: 1px solid var(--directorist-color-primary); - -webkit-box-sizing: border-box; - box-sizing: border-box; - text-decoration: none; - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - text-decoration: none !important; + display: inline-flex; + align-items: center; + justify-content: center; + gap: 5px; + font-size: 14px; + font-weight: 500; + vertical-align: middle; + text-transform: capitalize; + text-align: center; + user-select: none; + cursor: pointer; + padding: 0 26px; + min-height: 45px; + line-height: 1.5; + border-radius: 8px; + border: 1px solid var(--directorist-color-primary); + box-sizing: border-box; + text-decoration: none; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + transition: all ease 0.3s; + text-decoration: none !important; } .directorist-btn .directorist-icon-mask:after { - background-color: currentColor; - width: 16px; - height: 16px; + background-color: currentColor; + width: 16px; + height: 16px; } -.directorist-btn.directorist-btn--add-listing, .directorist-btn.directorist-btn--logout { - line-height: 43px; +.directorist-btn.directorist-btn--add-listing, +.directorist-btn.directorist-btn--logout { + line-height: 43px; } -.directorist-btn:hover, .directorist-btn:focus { - color: var(--directorist-color-white); - outline: 0 !important; - background-color: rgba(var(--directorist-color-primary-rgb), 0.8); +.directorist-btn:hover, +.directorist-btn:focus { + color: var(--directorist-color-white); + outline: 0 !important; + background-color: rgba(var(--directorist-color-primary-rgb), 0.8); } .directorist-btn.directorist-btn-primary { - background-color: var(--directorist-color-btn-primary-bg); - color: var(--directorist-color-btn-primary); - border: 1px solid var(--directorist-color-btn-primary-border); + background-color: var(--directorist-color-btn-primary-bg); + color: var(--directorist-color-btn-primary); + border: 1px solid var(--directorist-color-btn-primary-border); } -.directorist-btn.directorist-btn-primary:focus, .directorist-btn.directorist-btn-primary:hover { - background-color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); +.directorist-btn.directorist-btn-primary:focus, +.directorist-btn.directorist-btn-primary:hover { + background-color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); } -.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after, .directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-btn-primary); +.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after, +.directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after { + background-color: var(--directorist-color-btn-primary); } .directorist-btn.directorist-btn-secondary { - background-color: var(--directorist-color-btn-secondary-bg); - color: var(--directorist-color-btn-secondary); - border: 1px solid var(--directorist-color-btn-secondary-border); + background-color: var(--directorist-color-btn-secondary-bg); + color: var(--directorist-color-btn-secondary); + border: 1px solid var(--directorist-color-btn-secondary-border); } -.directorist-btn.directorist-btn-secondary:focus, .directorist-btn.directorist-btn-secondary:hover { - background-color: transparent; - color: currentColor; - border-color: var(--directorist-color-btn-secondary-bg); +.directorist-btn.directorist-btn-secondary:focus, +.directorist-btn.directorist-btn-secondary:hover { + background-color: transparent; + color: currentColor; + border-color: var(--directorist-color-btn-secondary-bg); } .directorist-btn.directorist-btn-dark { - background-color: var(--directorist-color-dark); - border-color: var(--directorist-color-dark); - color: var(--directorist-color-white); + background-color: var(--directorist-color-dark); + border-color: var(--directorist-color-dark); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-dark:hover { - background-color: rgba(var(--directorist-color-dark-rgb), 0.8); + background-color: rgba(var(--directorist-color-dark-rgb), 0.8); } .directorist-btn.directorist-btn-success { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); - color: var(--directorist-color-white); + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-success:hover { - background-color: rgba(var(--directorist-color-success-rgb), 0.8); + background-color: rgba(var(--directorist-color-success-rgb), 0.8); } .directorist-btn.directorist-btn-info { - background-color: var(--directorist-color-info); - border-color: var(--directorist-color-info); - color: var(--directorist-color-white); + background-color: var(--directorist-color-info); + border-color: var(--directorist-color-info); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-info:hover { - background-color: rgba(var(--directorist-color-success-rgb), 0.8); + background-color: rgba(var(--directorist-color-success-rgb), 0.8); } .directorist-btn.directorist-btn-light { - background-color: var(--directorist-color-light); - border-color: var(--directorist-color-light); - color: var(--directorist-color-primary); + background-color: var(--directorist-color-light); + border-color: var(--directorist-color-light); + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-light:focus, .directorist-btn.directorist-btn-light:hover { - background-color: var(--directorist-color-light-hover); - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); +.directorist-btn.directorist-btn-light:focus, +.directorist-btn.directorist-btn-light:hover { + background-color: var(--directorist-color-light-hover); + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-lighter { - border-color: var(--directorist-color-dark); - background-color: #f6f7f9; - color: var(--directorist-color-primary); + border-color: var(--directorist-color-dark); + background-color: #f6f7f9; + color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-warning { - border-color: var(--directorist-color-warning); - background-color: var(--directorist-color-warning); - color: var(--directorist-color-white); + border-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-warning:hover { - background-color: rgba(var(--directorist-color-warning-rgb), 0.8); + background-color: rgba(var(--directorist-color-warning-rgb), 0.8); } .directorist-btn.directorist-btn-danger { - border-color: var(--directorist-color-danger); - background-color: var(--directorist-color-danger); - color: var(--directorist-color-white); + border-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-danger:hover { - background-color: rgba(var(--directorist-color-danger-rgb), 0.8); + background-color: rgba(var(--directorist-color-danger-rgb), 0.8); } .directorist-btn.directorist-btn-bg-normal { - background: #F9F9F9; + background: #f9f9f9; } .directorist-btn.directorist-btn-loading { - position: relative; - font-size: 0; - pointer-events: none; + position: relative; + font-size: 0; + pointer-events: none; } .directorist-btn.directorist-btn-loading:before { - content: ""; - position: absolute; - right: 0; - top: 0; - width: 100%; - height: 100%; - border-radius: 8px; - background-color: inherit; + content: ""; + position: absolute; + right: 0; + top: 0; + width: 100%; + height: 100%; + border-radius: 8px; + background-color: inherit; } .directorist-btn.directorist-btn-loading:after { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 20px; - height: 20px; - border-radius: 50%; - border: 2px solid var(--directorist-color-white); - border-top-color: var(--directorist-color-primary); - position: absolute; - top: 13px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - -webkit-animation: spin-centered 3s linear infinite; - animation: spin-centered 3s linear infinite; + content: ""; + display: inline-flex; + width: 20px; + height: 20px; + border-radius: 50%; + border: 2px solid var(--directorist-color-white); + border-top-color: var(--directorist-color-primary); + position: absolute; + top: 13px; + right: 50%; + transform: translateX(50%); + animation: spin-centered 3s linear infinite; } .directorist-btn.directorist-btn-disabled { - pointer-events: none; - opacity: 0.75; + pointer-events: none; + opacity: 0.75; } .directorist-btn.directorist-btn-outline { - background: transparent; - border: 1px solid var(--directorist-color-border) !important; - color: var(--directorist-color-dark); + background: transparent; + border: 1px solid var(--directorist-color-border) !important; + color: var(--directorist-color-dark); } .directorist-btn.directorist-btn-outline-normal { - background: transparent; - border: 1px solid var(--directorist-color-normal) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-normal) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-normal:focus, .directorist-btn.directorist-btn-outline-normal:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-normal); +.directorist-btn.directorist-btn-outline-normal:focus, +.directorist-btn.directorist-btn-outline-normal:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-normal); } .directorist-btn.directorist-btn-outline-light { - background: transparent; - border: 1px solid var(--directorist-color-bg-light) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-bg-light) !important; + color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-outline-primary { - background: transparent; - border: 1px solid var(--directorist-color-primary) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-primary) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-primary:focus, .directorist-btn.directorist-btn-outline-primary:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); +.directorist-btn.directorist-btn-outline-primary:focus, +.directorist-btn.directorist-btn-outline-primary:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-outline-secondary { - background: transparent; - border: 1px solid var(--directorist-color-secondary) !important; - color: var(--directorist-color-secondary); + background: transparent; + border: 1px solid var(--directorist-color-secondary) !important; + color: var(--directorist-color-secondary); } -.directorist-btn.directorist-btn-outline-secondary:focus, .directorist-btn.directorist-btn-outline-secondary:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-secondary); +.directorist-btn.directorist-btn-outline-secondary:focus, +.directorist-btn.directorist-btn-outline-secondary:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-secondary); } .directorist-btn.directorist-btn-outline-success { - background: transparent; - border: 1px solid var(--directorist-color-success) !important; - color: var(--directorist-color-success); + background: transparent; + border: 1px solid var(--directorist-color-success) !important; + color: var(--directorist-color-success); } -.directorist-btn.directorist-btn-outline-success:focus, .directorist-btn.directorist-btn-outline-success:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-success); +.directorist-btn.directorist-btn-outline-success:focus, +.directorist-btn.directorist-btn-outline-success:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-success); } .directorist-btn.directorist-btn-outline-info { - background: transparent; - border: 1px solid var(--directorist-color-info) !important; - color: var(--directorist-color-info); + background: transparent; + border: 1px solid var(--directorist-color-info) !important; + color: var(--directorist-color-info); } -.directorist-btn.directorist-btn-outline-info:focus, .directorist-btn.directorist-btn-outline-info:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-info); +.directorist-btn.directorist-btn-outline-info:focus, +.directorist-btn.directorist-btn-outline-info:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-info); } .directorist-btn.directorist-btn-outline-warning { - background: transparent; - border: 1px solid var(--directorist-color-warning) !important; - color: var(--directorist-color-warning); + background: transparent; + border: 1px solid var(--directorist-color-warning) !important; + color: var(--directorist-color-warning); } -.directorist-btn.directorist-btn-outline-warning:focus, .directorist-btn.directorist-btn-outline-warning:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-warning); +.directorist-btn.directorist-btn-outline-warning:focus, +.directorist-btn.directorist-btn-outline-warning:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-warning); } .directorist-btn.directorist-btn-outline-danger { - background: transparent; - border: 1px solid var(--directorist-color-danger) !important; - color: var(--directorist-color-danger); + background: transparent; + border: 1px solid var(--directorist-color-danger) !important; + color: var(--directorist-color-danger); } -.directorist-btn.directorist-btn-outline-danger:focus, .directorist-btn.directorist-btn-outline-danger:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-danger); +.directorist-btn.directorist-btn-outline-danger:focus, +.directorist-btn.directorist-btn-outline-danger:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); } .directorist-btn.directorist-btn-outline-dark { - background: transparent; - border: 1px solid var(--directorist-color-primary) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-primary) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-dark:focus, .directorist-btn.directorist-btn-outline-dark:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-dark); +.directorist-btn.directorist-btn-outline-dark:focus, +.directorist-btn.directorist-btn-outline-dark:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-dark); } .directorist-btn.directorist-btn-lg { - min-height: 50px; + min-height: 50px; } .directorist-btn.directorist-btn-md { - min-height: 46px; + min-height: 46px; } .directorist-btn.directorist-btn-sm { - min-height: 40px; + min-height: 40px; } .directorist-btn.directorist-btn-xs { - min-height: 36px; + min-height: 36px; } .directorist-btn.directorist-btn-px-15 { - padding: 0 15px; + padding: 0 15px; } .directorist-btn.directorist-btn-block { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -@-webkit-keyframes spin-centered { - from { - -webkit-transform: translateX(50%) rotate(0deg); - transform: translateX(50%) rotate(0deg); - } - to { - -webkit-transform: translateX(50%) rotate(-360deg); - transform: translateX(50%) rotate(-360deg); - } + display: flex; } @keyframes spin-centered { - from { - -webkit-transform: translateX(50%) rotate(0deg); - transform: translateX(50%) rotate(0deg); - } - to { - -webkit-transform: translateX(50%) rotate(-360deg); - transform: translateX(50%) rotate(-360deg); - } + from { + transform: translateX(50%) rotate(0deg); + } + to { + transform: translateX(50%) rotate(-360deg); + } } /* Modal Core Styles */ .directorist-modal { - position: fixed; - width: 100%; - height: 100%; - padding: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - right: 0; - top: 0; - z-index: -1; - overflow: auto; - outline: 0; + position: fixed; + width: 100%; + height: 100%; + padding: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + right: 0; + top: 0; + z-index: -1; + overflow: auto; + outline: 0; } .directorist-modal__dialog { - position: relative; - width: 500px; - margin: 30px auto; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 0; - visibility: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-height: calc(100% - 80px); - pointer-events: none; + position: relative; + width: 500px; + margin: 30px auto; + transition: 0.3s ease; + opacity: 0; + visibility: hidden; + display: flex; + align-items: center; + justify-content: center; + min-height: calc(100% - 80px); + pointer-events: none; } .directorist-modal__dialog-lg { - width: 900px; + width: 900px; } .directorist-modal__content { - width: 100%; - background-color: var(--directorist-color-white); - pointer-events: auto; - border-radius: 12px; - position: relative; + width: 100%; + background-color: var(--directorist-color-white); + pointer-events: auto; + border-radius: 12px; + position: relative; } .directorist-modal__content .directorist-modal__header { - position: relative; - padding: 15px; - border-bottom: 1px solid var(--directorist-color-border-gray); + position: relative; + padding: 15px; + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-modal__content .directorist-modal__header__title { - font-size: 20px; - font-weight: 500; - margin: 0; - color: var(--directorist-color-dark); -} -.directorist-modal__content .directorist-modal__header .directorist-modal-close { - position: absolute; - width: 28px; - height: 28px; - left: 25px; - top: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - line-height: 1.45; - padding: 6px; - text-decoration: none; - -webkit-transition: 0.2s background-color ease-in-out; - transition: 0.2s background-color ease-in-out; - background-color: var(--directorist-color-bg-light); -} -.directorist-modal__content .directorist-modal__header .directorist-modal-close:hover { - color: var(--directorist-color-body); - background-color: var(--directorist-color-light-hover); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + font-size: 20px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); +} +.directorist-modal__content + .directorist-modal__header + .directorist-modal-close { + position: absolute; + width: 28px; + height: 28px; + left: 25px; + top: 10px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + line-height: 1.45; + padding: 6px; + text-decoration: none; + transition: 0.2s background-color ease-in-out; + background-color: var(--directorist-color-bg-light); +} +.directorist-modal__content + .directorist-modal__header + .directorist-modal-close:hover { + color: var(--directorist-color-body); + background-color: var(--directorist-color-light-hover); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-modal__content .directorist-modal__body { - padding: 25px 40px; + padding: 25px 40px; } .directorist-modal__content .directorist-modal__footer { - border-top: 1px solid var(--directorist-color-border-gray); - padding: 18px; -} -.directorist-modal__content .directorist-modal__footer .directorist-modal__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - margin: -7.5px; -} -.directorist-modal__content .directorist-modal__footer .directorist-modal__action button { - margin: 7.5px; + border-top: 1px solid var(--directorist-color-border-gray); + padding: 18px; +} +.directorist-modal__content + .directorist-modal__footer + .directorist-modal__action { + display: flex; + justify-content: flex-end; + margin: -7.5px; +} +.directorist-modal__content + .directorist-modal__footer + .directorist-modal__action + button { + margin: 7.5px; } .directorist-modal__content .directorist-modal .directorist-form-group label { - font-size: 16px; + font-size: 16px; } -.directorist-modal__content .directorist-modal .directorist-form-group .directorist-form-element { - resize: none; +.directorist-modal__content + .directorist-modal + .directorist-form-group + .directorist-form-element { + resize: none; } .directorist-modal__dialog.directorist-modal--lg { - width: 800px; + width: 800px; } .directorist-modal__dialog.directorist-modal--xl { - width: 1140px; + width: 1140px; } .directorist-modal__dialog.directorist-modal--sm { - width: 300px; + width: 300px; } .directorist-modal.directorist-fade { - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 1; - visibility: visible; - z-index: 9999; + transition: 0.3s ease; + opacity: 1; + visibility: visible; + z-index: 9999; } .directorist-modal.directorist-fade:not(.directorist-show) { - opacity: 0; - visibility: hidden; + opacity: 0; + visibility: hidden; } .directorist-modal.directorist-show .directorist-modal__dialog { - opacity: 1; - visibility: visible; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + opacity: 1; + visibility: visible; + transition: 0.3s ease; } .directorist-search-modal__overlay { - position: fixed; - top: 0; - right: 0; - width: 100%; - height: 100%; - opacity: 0; - visibility: hidden; - z-index: 9999; + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 100%; + opacity: 0; + visibility: hidden; + z-index: 9999; } .directorist-search-modal__overlay:before { - content: ""; - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 100%; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - opacity: 1; - -webkit-transition: all ease 0.4s; - transition: all ease 0.4s; + content: ""; + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 1; + transition: all ease 0.4s; } .directorist-search-modal__contents { - position: fixed; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - bottom: -100%; - width: 90%; - max-width: 600px; - margin-bottom: 100px; - overflow: hidden; - opacity: 0; - visibility: hidden; - z-index: 9999; - border-radius: 12px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-white); + position: fixed; + right: 50%; + transform: translateX(50%); + bottom: -100%; + width: 90%; + max-width: 600px; + margin-bottom: 100px; + overflow: hidden; + opacity: 0; + visibility: hidden; + z-index: 9999; + border-radius: 12px; + transition: all ease 0.3s; + background-color: var(--directorist-color-white); } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents { - width: 100%; - margin-bottom: 0; - border-radius: 16px 16px 0 0; - } + .directorist-search-modal__contents { + width: 100%; + margin-bottom: 0; + border-radius: 16px 16px 0 0; + } } .directorist-search-modal__contents__header { - position: fixed; - top: 0; - right: 0; - left: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 15px 40px 15px 25px; - border-radius: 16px 16px 0 0; - background-color: var(--directorist-color-white); - border-bottom: 1px solid var(--directorist-color-border); - z-index: 999; + position: fixed; + top: 0; + right: 0; + left: 0; + display: flex; + align-items: center; + justify-content: space-between; + padding: 15px 40px 15px 25px; + border-radius: 16px 16px 0 0; + background-color: var(--directorist-color-white); + border-bottom: 1px solid var(--directorist-color-border); + z-index: 999; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__header { - padding-right: 30px; - padding-left: 20px; - } + .directorist-search-modal__contents__header { + padding-right: 30px; + padding-left: 20px; + } } .directorist-search-modal__contents__body { - height: calc(100vh - 380px); - padding: 30px 40px 0; - overflow: auto; - margin-top: 70px; - margin-bottom: 80px; + height: calc(100vh - 380px); + padding: 30px 40px 0; + overflow: auto; + margin-top: 70px; + margin-bottom: 80px; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__body { - margin-top: 55px; - margin-bottom: 80px; - padding: 30px 30px 0; - height: calc(100dvh - 250px); - } + .directorist-search-modal__contents__body { + margin-top: 55px; + margin-bottom: 80px; + padding: 30px 30px 0; + height: calc(100dvh - 250px); + } } .directorist-search-modal__contents__body .directorist-search-field__label { - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - -webkit-transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; - transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::placeholder, -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-form-group__prefix--start { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element { - padding-left: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=date], .directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=time], .directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=number] { - padding-left: 0; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-form-group__prefix--start { + opacity: 0; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element { + padding-left: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="date"], +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="time"], +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="number"] { + padding-left: 0; } .directorist-search-modal__contents__body .directorist-search-field__btn { - position: absolute; - bottom: 12px; - cursor: pointer; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear { - opacity: 0; - visibility: hidden; - left: 0; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear i::after { - width: 16px; - height: 16px; - background-color: #bcbcbc; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear:hover i::after { - background-color: var(--directorist-color-primary); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=number] { - appearance: none !important; - -webkit-appearance: none !important; - -moz-appearance: none !important; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=date] { - padding-left: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=time] { - padding-left: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-form-group__prefix--start { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__label { - top: 0; - font-size: 13px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__btn { - opacity: 1; - visibility: visible; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input { - position: relative; - bottom: -5px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-location-js { - padding-left: 45px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-form.select2-selection__rendered, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-dark); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-dark); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused.atbdp-form-fade:after, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-filter-location-icon { - margin-top: 0; -} -.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range { - position: relative; -} -.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range .directorist-search-field__label { - font-size: 16px; - font-weight: 500; - position: unset; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-select .directorist-search-field__label { - opacity: 0; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - left: 25px; - bottom: 12px; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after { - background-color: #808080; -} -.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask:after { - width: 12px; - height: 12px; - background-color: #808080; + position: absolute; + bottom: 12px; + cursor: pointer; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear { + opacity: 0; + visibility: hidden; + left: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear + i::after { + width: 16px; + height: 16px; + background-color: #bcbcbc; + transition: background-color 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear:hover + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="number"] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="date"] { + padding-left: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="time"] { + padding-left: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: 0; + font-size: 13px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__btn { + opacity: 1; + visibility: visible; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input { + position: relative; + bottom: -5px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select + .directorist-search-field__label { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-left: 45px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-form.select2-selection__rendered, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused.atbdp-form-fade:after, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field.directorist-search-field-text_range { + position: relative; +} +.directorist-search-modal__contents__body + .directorist-search-field.directorist-search-field-text_range + .directorist-search-field__label { + font-size: 16px; + font-weight: 500; + position: unset; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-select + .directorist-search-field__label { + opacity: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + left: 25px; + bottom: 12px; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-filter-location-icon + .directorist-icon-mask:after { + background-color: #808080; +} +.directorist-search-modal__contents__body + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-icon-mask { + display: flex; + flex: 1; + justify-content: flex-end; +} +.directorist-search-modal__contents__body + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-icon-mask:after { + width: 12px; + height: 12px; + background-color: #808080; } .directorist-search-modal__contents__body .directorist-search-form-dropdown { - border-bottom: 1px solid var(--directorist-color-border); + border-bottom: 1px solid var(--directorist-color-border); } .directorist-search-modal__contents__body .wp-picker-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap { - margin: 0 !important; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label { - width: 70px; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label input { - padding-left: 10px !important; - bottom: 0; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap .wp-picker-clear { - margin: 0; - width: 100px; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-holder { - top: 45px; + display: flex; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap { + margin: 0 !important; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + label { + width: 70px; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + label + input { + padding-left: 10px !important; + bottom: 0; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-holder { + top: 45px; } .directorist-search-modal__contents__footer { - position: fixed; - bottom: 0; - right: 0; - left: 0; - border-radius: 0 0 16px 16px; - background-color: var(--directorist-color-light); - z-index: 9; + position: fixed; + bottom: 0; + right: 0; + left: 0; + border-radius: 0 0 16px 16px; + background-color: var(--directorist-color-light); + z-index: 9; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__footer { - border-radius: 0; - } - .directorist-search-modal__contents__footer .directorist-advanced-filter__action { - padding: 15px 30px; - } -} -.directorist-search-modal__contents__footer .directorist-advanced-filter__action .directorist-btn { - font-size: 15px; + .directorist-search-modal__contents__footer { + border-radius: 0; + } + .directorist-search-modal__contents__footer + .directorist-advanced-filter__action { + padding: 15px 30px; + } +} +.directorist-search-modal__contents__footer + .directorist-advanced-filter__action + .directorist-btn { + font-size: 15px; } .directorist-search-modal__contents__footer .directorist-btn-reset-js { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; - padding: 0; - text-transform: none; - border: none; - background: transparent; - cursor: pointer; + order: -1; + padding: 0; + text-transform: none; + border: none; + background: transparent; + cursor: pointer; } .directorist-search-modal__contents__footer .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + opacity: 0.5; + cursor: not-allowed; } .directorist-search-modal__contents__title { - font-size: 20px; - font-weight: 500; - margin: 0; + font-size: 20px; + font-weight: 500; + margin: 0; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__title { - font-size: 18px; - } + .directorist-search-modal__contents__title { + font-size: 18px; + } } .directorist-search-modal__contents__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - padding: 0; - background-color: var(--directorist-color-light); - border-radius: 100%; - border: none; - cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + padding: 0; + background-color: var(--directorist-color-light); + border-radius: 100%; + border: none; + cursor: pointer; } .directorist-search-modal__contents__btn i::after { - width: 10px; - height: 10px; - -webkit-transition: background-color ease 0.3s; - transition: background-color ease 0.3s; - background-color: var(--directorist-color-dark); + width: 10px; + height: 10px; + transition: background-color ease 0.3s; + background-color: var(--directorist-color-dark); } .directorist-search-modal__contents__btn:hover i::after { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__btn { - width: auto; - height: auto; - background: transparent; - } - .directorist-search-modal__contents__btn i::after { - width: 12px; - height: 12px; - } -} -.directorist-search-modal .directorist-advanced-filter__form .directorist-search-modal__contents__body { - height: calc(100vh - 350px); + .directorist-search-modal__contents__btn { + width: auto; + height: auto; + background: transparent; + } + .directorist-search-modal__contents__btn i::after { + width: 12px; + height: 12px; + } +} +.directorist-search-modal + .directorist-advanced-filter__form + .directorist-search-modal__contents__body { + height: calc(100vh - 350px); } @media only screen and (max-width: 575px) { - .directorist-search-modal .directorist-advanced-filter__form .directorist-search-modal__contents__body { - height: calc(100vh - 200px); - } + .directorist-search-modal + .directorist-advanced-filter__form + .directorist-search-modal__contents__body { + height: calc(100vh - 200px); + } } .directorist-search-modal__minimizer { - content: ""; - position: absolute; - top: 10px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - width: 50px; - height: 5px; - border-radius: 8px; - background-color: var(--directorist-color-border); - opacity: 0; - visibility: hidden; + content: ""; + position: absolute; + top: 10px; + right: 50%; + transform: translateX(50%); + width: 50px; + height: 5px; + border-radius: 8px; + background-color: var(--directorist-color-border); + opacity: 0; + visibility: hidden; } @media only screen and (max-width: 575px) { - .directorist-search-modal__minimizer { - opacity: 1; - visibility: visible; - } + .directorist-search-modal__minimizer { + opacity: 1; + visibility: visible; + } } .directorist-search-modal--basic .directorist-search-modal__contents__body { - margin: 0; - padding: 30px; - height: calc(100vh - 260px); + margin: 0; + padding: 30px; + height: calc(100vh - 260px); } @media only screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__contents__body { - height: calc(100vh - 110px); - } + .directorist-search-modal--basic .directorist-search-modal__contents__body { + height: calc(100vh - 110px); + } } @media only screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__contents { - margin: 0; - border-radius: 16px 16px 0 0; - } + .directorist-search-modal--basic .directorist-search-modal__contents { + margin: 0; + border-radius: 16px 16px 0 0; + } } .directorist-search-modal--basic .directorist-search-query { - position: relative; + position: relative; } .directorist-search-modal--basic .directorist-search-query:after { - content: ""; - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - width: 16px; - height: 16px; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - background-color: var(--directorist-color-body); - -webkit-mask-image: url(../js/d900b2f795c7e6714e7b.svg); - mask-image: url(../js/d900b2f795c7e6714e7b.svg); -} -.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search { - border-radius: 8px; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search i::after { - background-color: currentColor; + content: ""; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + transition: all ease 0.3s; + width: 16px; + height: 16px; + mask-position: center; + mask-repeat: no-repeat; + background-color: var(--directorist-color-body); + mask-image: url(../js/../images/9ddfe727fdcddbb985d69ce2e9a06358.svg); +} +.directorist-search-modal--basic + .directorist-search-form-action__modal__btn-search { + border-radius: 8px; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-search-modal--basic + .directorist-search-form-action__modal__btn-search + i::after { + background-color: currentColor; } @media screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input { - min-height: 42px; - border-radius: 8px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field { - width: 100%; - margin: 0 20px; - padding-left: 15px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__label:before { - content: ""; - width: 14px; - height: 14px; - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/e6b033cae029287f53b3.svg); - mask-image: url(../js/e6b033cae029287f53b3.svg); - opacity: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__btn { - bottom: unset; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-filter-location-icon { - margin-top: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input { - width: 100%; - padding-left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select { - width: calc(100% + 20px); - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - left: 5px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value { - border-bottom: none; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value:focus-within { - outline: none; - border-bottom: 2px solid var(--directorist-color-primary); - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-text_range { - padding: 5px 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search { - width: auto; - padding-left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap { - left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) { - margin: 0 40px; - } + .directorist-search-modal--basic .directorist-search-modal__input { + min-height: 42px; + border-radius: 8px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field { + width: 100%; + margin: 0 20px; + padding-left: 15px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__label:before { + content: ""; + width: 14px; + height: 14px; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + background-color: var(--directorist-color-body); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + opacity: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__btn { + bottom: unset; + left: 20px; + top: 50%; + transform: translateY(-50%); + transition: all 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input { + width: 100%; + padding-left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select { + width: calc(100% + 20px); + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + left: 5px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-custom-range-slider__value { + border-bottom: none; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-custom-range-slider__value:focus-within { + outline: none; + border-bottom: 2px solid var(--directorist-color-primary); + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-text_range { + padding: 5px 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-radius_search { + width: auto; + padding-left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) { + margin: 0 40px; + } } @media screen and (max-width: 575px) and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select { - width: calc(100% + 20px); - } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select { + width: calc(100% + 20px); + } } @media screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label { - font-size: 0 !important; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - right: -25px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label:before { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input { - bottom: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-moz-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__btn { - left: -20px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select ~ .directorist-search-field__btn--clear, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - left: 5px !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input { - padding-left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-location-js { - padding-left: 30px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel).atbdp-form-fade:after, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon { - margin-top: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__label { - opacity: 0; - font-size: 0 !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value { - padding-left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select { - width: 100%; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear { - left: 20px !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-form-dropdown { - margin-left: 20px !important; - border-bottom: none; - } - .directorist-search-modal--basic .directorist-price-ranges:after { - top: 30px; - } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__label { + font-size: 0 !important; + top: 50%; + transform: translateY(-50%); + right: -25px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__label:before { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input { + bottom: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__btn { + left: -20px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + left: 5px !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input { + padding-left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-location-js { + padding-left: 30px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not( + .input-has-noLabel + ).atbdp-form-fade:after, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__label { + opacity: 0; + font-size: 0 !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value { + padding-left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select { + width: 100%; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear { + left: 20px !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-form-dropdown { + margin-left: 20px !important; + border-bottom: none; + } + .directorist-search-modal--basic .directorist-price-ranges:after { + top: 30px; + } } .directorist-search-modal--basic .open_now > label { - display: none; + display: none; } .directorist-search-modal--basic .open_now .check-btn, -.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges { - padding: 10px 0; -} -.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges__price-frequency__btn { - display: block; -} -.directorist-search-modal--basic .directorist-advanced-filter__advanced__element .directorist-search-field { - margin: 0; - padding: 10px 0; +.directorist-search-modal--basic + .directorist-search-modal__input + .directorist-price-ranges { + padding: 10px 0; +} +.directorist-search-modal--basic + .directorist-search-modal__input + .directorist-price-ranges__price-frequency__btn { + display: block; +} +.directorist-search-modal--basic + .directorist-advanced-filter__advanced__element + .directorist-search-field { + margin: 0; + padding: 10px 0; } .directorist-search-modal--basic .directorist-checkbox-wrapper, .directorist-search-modal--basic .directorist-radio-wrapper, .directorist-search-modal--basic .directorist-search-tags { - width: 100%; - margin: 10px 0; -} -.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-checkbox, -.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-radio, -.directorist-search-modal--basic .directorist-radio-wrapper .directorist-checkbox, + width: 100%; + margin: 10px 0; +} +.directorist-search-modal--basic + .directorist-checkbox-wrapper + .directorist-checkbox, +.directorist-search-modal--basic + .directorist-checkbox-wrapper + .directorist-radio, +.directorist-search-modal--basic + .directorist-radio-wrapper + .directorist-checkbox, .directorist-search-modal--basic .directorist-radio-wrapper .directorist-radio, .directorist-search-modal--basic .directorist-search-tags .directorist-checkbox, .directorist-search-modal--basic .directorist-search-tags .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } -.directorist-search-modal--basic .directorist-search-tags ~ .directorist-btn-ml { - margin-bottom: 10px; +.directorist-search-modal--basic + .directorist-search-tags + ~ .directorist-btn-ml { + margin-bottom: 10px; } -.directorist-search-modal--basic .directorist-select .select2-container.select2-container--default .select2-selection--single { - min-height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; +.directorist-search-modal--basic + .directorist-select + .select2-container.select2-container--default + .select2-selection--single { + min-height: 40px; + display: flex; } .directorist-search-modal--basic .directorist-search-field-pricing > label, .directorist-search-modal--basic .directorist-search-field__number > label, .directorist-search-modal--basic .directorist-search-field-text_range > label, .directorist-search-modal--basic .directorist-search-field-price_range > label, -.directorist-search-modal--basic .directorist-search-field-radius_search > label { - position: unset; - -webkit-transform: unset; - transform: unset; - display: block; - font-size: 14px; - margin-bottom: 15px; -} -.directorist-search-modal--advanced .directorist-search-modal__contents__body .directorist-search-field__btn { - bottom: 12px; +.directorist-search-modal--basic + .directorist-search-field-radius_search + > label { + position: unset; + transform: unset; + display: block; + font-size: 14px; + margin-bottom: 15px; +} +.directorist-search-modal--advanced + .directorist-search-modal__contents__body + .directorist-search-field__btn { + bottom: 12px; } .directorist-search-modal--full .directorist-search-field { - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + transition: margin 0.3s ease; } -.directorist-search-modal--full .directorist-search-field .directorist-search-field__label { - font-size: 14px; - font-weight: 400; +.directorist-search-modal--full + .directorist-search-field + .directorist-search-field__label { + font-size: 14px; + font-weight: 400; } .directorist-search-modal--full .directorist-search-field.input-is-focused { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-top: 40px; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__label { - top: -35px; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; - margin: 0; - z-index: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - width: 100%; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; + width: 100%; + display: inline-flex; + margin-top: 40px; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0; + z-index: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; } .directorist-search-modal--full .directorist-search-field-pricing > label, .directorist-search-modal--full .directorist-search-field-text_range > label, -.directorist-search-modal--full .directorist-search-field-radius_search > label { - display: block; - font-size: 16px; - font-weight: 500; - margin-bottom: 18px; +.directorist-search-modal--full + .directorist-search-field-radius_search + > label { + display: block; + font-size: 16px; + font-weight: 500; + margin-bottom: 18px; } .directorist-search-modal__input { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border: 1px solid var(--directorist-color-border); - border-radius: 8px; - min-height: 40px; - margin: 0 0 15px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + display: flex; + align-items: center; + border: 1px solid var(--directorist-color-border); + border-radius: 8px; + min-height: 40px; + margin: 0 0 15px; + transition: all ease 0.3s; } .directorist-search-modal__input .directorist-select { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + display: inline-flex; + flex-wrap: wrap; + flex: 1; } .directorist-search-modal__input .select2.select2-container .select2-selection, -.directorist-search-modal__input .directorist-form-group .directorist-form-element, -.directorist-search-modal__input .directorist-form-group .directorist-form-element:focus { - border: 0 none; +.directorist-search-modal__input + .directorist-form-group + .directorist-form-element, +.directorist-search-modal__input + .directorist-form-group + .directorist-form-element:focus { + border: 0 none; } .directorist-search-modal__input__btn { - width: 0; - padding: 0 10px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + width: 0; + padding: 0 10px; + transition: all ease 0.3s; } .directorist-search-modal__input__btn .directorist-icon-mask::after { - width: 14px; - height: 14px; - opacity: 0; - visibility: hidden; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-body); -} -.directorist-search-modal__input .input-is-focused.directorist-search-query::after { - display: none; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; + width: 14px; + height: 14px; + opacity: 0; + visibility: hidden; + transition: all ease 0.3s; + background-color: var(--directorist-color-body); +} +.directorist-search-modal__input + .input-is-focused.directorist-search-query::after { + display: none; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; } .directorist-search-modal .directorist-checkbox-wrapper, .directorist-search-modal .directorist-radio-wrapper, .directorist-search-modal .directorist-search-tags { - padding: 0; - gap: 12px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + gap: 12px; + flex-wrap: wrap; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-form-dropdown { - padding: 0 !important; - } - .directorist-search-modal .directorist-search-form-dropdown .directorist-search-field__btn { - left: 0; - } -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused { - margin-top: 0 !important; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - bottom: 0 !important; - padding-left: 25px; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label { - opacity: 1 !important; - visibility: visible; - margin: 0; - font-size: 14px !important; - font-weight: 500; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item { - font-weight: 600; - margin-right: 5px; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { - opacity: 1; - visibility: visible; + .directorist-search-modal .directorist-search-form-dropdown { + padding: 0 !important; + } + .directorist-search-modal + .directorist-search-form-dropdown + .directorist-search-field__btn { + left: 0; + } +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value, +.directorist-search-modal .directorist-search-form-dropdown.input-is-focused { + margin-top: 0 !important; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + bottom: 0 !important; + padding-left: 25px; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label { + opacity: 1 !important; + visibility: visible; + margin: 0; + font-size: 14px !important; + font-weight: 500; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item { + font-weight: 600; + margin-right: 5px; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + opacity: 1; + visibility: visible; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - padding-left: 0 !important; - } - .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { - left: 25px !important; - } + .directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, + .directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-left: 0 !important; + } + .directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, + .directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + left: 25px !important; + } } .directorist-search-modal .directorist-search-basic-dropdown { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - padding: 0; - width: 100%; - max-width: unset; - height: 40px; - line-height: 40px; - font-size: 14px; - font-weight: 500; - cursor: pointer; - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; - color: var(--directorist-color-dark); -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-prefix:not(:empty) { - -webkit-margin-end: 5px; - margin-inline-end: 5px; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-count:not(:empty) { - width: 20px; - height: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - font-size: 10px; - border-radius: 100%; - -webkit-margin-start: 10px; - margin-inline-start: 10px; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i:after { - width: 12px; - height: 12px; - background-color: #808080; + position: relative; + box-sizing: border-box; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + position: relative; + padding: 0; + width: 100%; + max-width: unset; + height: 40px; + line-height: 40px; + font-size: 14px; + font-weight: 500; + cursor: pointer; + position: unset !important; + transform: unset !important; + color: var(--directorist-color-dark); +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-prefix:not(:empty) { + margin-inline-end: 5px; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-count:not(:empty) { + width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + font-size: 10px; + border-radius: 100%; + margin-inline-start: 10px; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: flex; + flex: 1; + justify-content: flex-end; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i:after { + width: 12px; + height: 12px; + background-color: #808080; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before { - right: -20px !important; - } -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content { - position: absolute; - top: 100%; - right: 0; - width: 100%; - min-width: 150px; - padding: 15px 20px; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - max-height: 250px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - overflow-y: auto; - z-index: 100; - display: none; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content.dropdown-content-show { - display: block; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-search-tags { - gap: 12px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox__label { - width: 100%; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-radio-wrapper, -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox-wrapper { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-dark); + .directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label:before { + right: -20px !important; + } +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content { + position: absolute; + top: 100%; + right: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + max-height: 250px; + box-sizing: border-box; + overflow-y: auto; + z-index: 100; + display: none; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content.dropdown-content-show { + display: block; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-search-tags { + gap: 12px; + flex-direction: column; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox__label { + width: 100%; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-radio-wrapper, +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox-wrapper { + flex-direction: column; +} +.directorist-search-modal + .select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); } .directorist-content-active.directorist-overlay-active { - overflow: hidden; + overflow: hidden; } -.directorist-content-active .directorist-search-modal__input .select2.select2-container .select2-selection { - border: 0 none !important; +.directorist-content-active + .directorist-search-modal__input + .select2.select2-container + .select2-selection { + border: 0 none !important; } /* Responsive CSS */ /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) and (max-width: 1199.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) and (max-width: 767.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 30px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 30px); + } } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { - -webkit-transition: background-color 5000s ease-in-out 0s !important; - transition: background-color 5000s ease-in-out 0s !important; + transition: background-color 5000s ease-in-out 0s !important; } /* Alerts style */ .directorist-alert { - font-size: 15px; - word-break: break-word; - border-radius: 8px; - background-color: #f4f4f4; - padding: 15px 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + font-size: 15px; + word-break: break-word; + border-radius: 8px; + background-color: #f4f4f4; + padding: 15px 20px; + display: flex; + align-items: center; + flex-wrap: wrap; } .directorist-alert .directorist-icon-mask { - margin-left: 5px; + margin-left: 5px; } .directorist-alert > a { - padding-right: 5px; + padding-right: 5px; } .directorist-alert__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: flex; + align-items: flex-start; } .directorist-alert__content span.la, .directorist-alert__content span.fa, .directorist-alert__content i { - margin-left: 12px; - line-height: 1.65; + margin-left: 12px; + line-height: 1.65; } .directorist-alert__content p { - margin-bottom: 0; + margin-bottom: 0; } .directorist-alert__close { - padding: 0 5px; - font-size: 20px !important; - background: none !important; - text-decoration: none; - margin-right: auto !important; - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.2; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + padding: 0 5px; + font-size: 20px !important; + background: none !important; + text-decoration: none; + margin-right: auto !important; + border: 0 none; + box-shadow: none; + line-height: 1.2; + display: flex; + align-items: center; + justify-content: center; } .directorist-alert__close .la, .directorist-alert__close .fa, .directorist-alert__close i, .directorist-alert__close span { - font-size: 16px; - margin-right: 10px; - color: var(--directorist-color-danger); + font-size: 16px; + margin-right: 10px; + color: var(--directorist-color-danger); } .directorist-alert__close:focus { - background-color: transparent; - outline: none; + background-color: transparent; + outline: none; } .directorist-alert a { - text-decoration: none; + text-decoration: none; } .directorist-alert.directorist-alert-primary { - background: rgba(var(--directorist-color-primary-rgb), 0.1); - color: var(--directorist-color-primary); + background: rgba(var(--directorist-color-primary-rgb), 0.1); + color: var(--directorist-color-primary); } .directorist-alert.directorist-alert-primary .directorist-alert__close { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-alert.directorist-alert-info { - background-color: #DCEBFE; - color: #157CF6; + background-color: #dcebfe; + color: #157cf6; } .directorist-alert.directorist-alert-info .directorist-alert__close { - color: #157CF6; + color: #157cf6; } .directorist-alert.directorist-alert-warning { - background-color: #FEE9D9; - color: #F56E00; + background-color: #fee9d9; + color: #f56e00; } .directorist-alert.directorist-alert-warning .directorist-alert__close { - color: #F56E00; + color: #f56e00; } .directorist-alert.directorist-alert-danger { - background-color: #FCD9D9; - color: #E80000; + background-color: #fcd9d9; + color: #e80000; } .directorist-alert.directorist-alert-danger .directorist-alert__close { - color: #E80000; + color: #e80000; } .directorist-alert.directorist-alert-success { - background-color: #D9EFDC; - color: #009114; + background-color: #d9efdc; + color: #009114; } .directorist-alert.directorist-alert-success .directorist-alert__close { - color: #009114; + color: #009114; } .directorist-alert--sm { - padding: 10px 20px; + padding: 10px 20px; } .alert-danger { - background: rgba(232, 0, 0, 0.3); + background: rgba(232, 0, 0, 0.3); } .alert-danger.directorist-register-error { - background: #FCD9D9; - color: #E80000; - border-radius: 3px; + background: #fcd9d9; + color: #e80000; + border-radius: 3px; } .alert-danger.directorist-register-error .directorist-alert__close { - color: #E80000; + color: #e80000; } /* Add listing notice alert */ .directorist-single-listing-notice .directorist-alert__content { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - width: 100%; + justify-content: space-between; + width: 100%; } .directorist-single-listing-notice .directorist-alert__content button { - cursor: pointer; + cursor: pointer; } .directorist-single-listing-notice .directorist-alert__content button span { - font-size: 20px; + font-size: 20px; } .directorist-user-dashboard .directorist-container-fluid { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } .directorist-user-dashboard .directorist-alert-info .directorist-alert__close { - cursor: pointer; - padding-left: 0; + cursor: pointer; + padding-left: 0; } .directorist-badge { - display: inline-block; - font-size: 10px; - font-weight: 700; - line-height: 1.9; - padding: 0 5px; - color: var(--directorist-color-white); - text-transform: uppercase; - border-radius: 5px; + display: inline-block; + font-size: 10px; + font-weight: 700; + line-height: 1.9; + padding: 0 5px; + color: var(--directorist-color-white); + text-transform: uppercase; + border-radius: 5px; } .directorist-badge.directorist-badge-primary { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-badge.directorist-badge-warning { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-badge.directorist-badge-info { - background-color: var(--directorist-color-info); + background-color: var(--directorist-color-info); } .directorist-badge.directorist-badge-success { - background-color: var(--directorist-color-success); + background-color: var(--directorist-color-success); } .directorist-badge.directorist-badge-danger { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } .directorist-badge.directorist-badge-light { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-badge.directorist-badge-gray { - background-color: #525768; + background-color: #525768; } .directorist-badge.directorist-badge-primary-transparent { - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary-rgb), 0.15); + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.15); } .directorist-badge.directorist-badge-warning-transparent { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning-rgb), 0.15); + color: var(--directorist-color-warning); + background-color: rgba(var(--directorist-color-warning-rgb), 0.15); } .directorist-badge.directorist-badge-info-transparent { - color: var(--directorist-color-info); - background-color: rgba(var(--directorist-color-info-rgb), 0.15); + color: var(--directorist-color-info); + background-color: rgba(var(--directorist-color-info-rgb), 0.15); } .directorist-badge.directorist-badge-success-transparent { - color: var(--directorist-color-success); - background-color: rgba(var(--directorist-color-success-rgb), 0.15); + color: var(--directorist-color-success); + background-color: rgba(var(--directorist-color-success-rgb), 0.15); } .directorist-badge.directorist-badge-danger-transparent { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger-rgb), 0.15); + color: var(--directorist-color-danger); + background-color: rgba(var(--directorist-color-danger-rgb), 0.15); } .directorist-badge.directorist-badge-light-transparent { - color: var(--directorist-color-white); - background-color: rgba(var(--directorist-color-white-rgb), 0.15); + color: var(--directorist-color-white); + background-color: rgba(var(--directorist-color-white-rgb), 0.15); } .directorist-badge.directorist-badge-gray-transparent { - color: var(--directorist-color-gray); - background-color: rgba(var(--directorist-color-gray-rgb), 0.15); + color: var(--directorist-color-gray); + background-color: rgba(var(--directorist-color-gray-rgb), 0.15); } .directorist-badge .directorist-badge-tooltip { - position: absolute; - top: -35px; - height: 30px; - line-height: 30px; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - padding: 0 20px; - font-size: 12px; - border-radius: 15px; - color: var(--directorist-color-white); - opacity: 0; - visibility: hidden; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; + position: absolute; + top: -35px; + height: 30px; + line-height: 30px; + width: max-content; + padding: 0 20px; + font-size: 12px; + border-radius: 15px; + color: var(--directorist-color-white); + opacity: 0; + visibility: hidden; + transition: all 0.3s ease-in-out; } .directorist-badge .directorist-badge-tooltip__featured { - background-color: var(--directorist-color-featured-badge); + background-color: var(--directorist-color-featured-badge); } .directorist-badge .directorist-badge-tooltip__new { - background-color: var(--directorist-color-new-badge); + background-color: var(--directorist-color-new-badge); } .directorist-badge .directorist-badge-tooltip__popular { - background-color: var(--directorist-color-popular-badge); + background-color: var(--directorist-color-popular-badge); } @media screen and (max-width: 480px) { - .directorist-badge .directorist-badge-tooltip { - height: 25px; - line-height: 25px; - font-size: 10px; - padding: 0 15px; - } + .directorist-badge .directorist-badge-tooltip { + height: 25px; + line-height: 25px; + font-size: 10px; + padding: 0 15px; + } } .directorist-badge:hover .directorist-badge-tooltip { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .directorist-checkbox, .directorist-radio { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-checkbox input[type=checkbox], -.directorist-checkbox input[type=radio], -.directorist-radio input[type=checkbox], -.directorist-radio input[type=radio] { - display: none !important; -} -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label, .directorist-checkbox input[type=checkbox] + .directorist-radio__label, -.directorist-checkbox input[type=radio] + .directorist-checkbox__label, -.directorist-checkbox input[type=radio] + .directorist-radio__label, -.directorist-radio input[type=checkbox] + .directorist-checkbox__label, -.directorist-radio input[type=checkbox] + .directorist-radio__label, -.directorist-radio input[type=radio] + .directorist-checkbox__label, -.directorist-radio input[type=radio] + .directorist-radio__label { - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - display: inline-block; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - padding-right: 30px; - margin-bottom: 0; - margin-right: 0; - line-height: 1.4; - color: var(--directorist-color-body); - -webkit-box-sizing: content-box; - box-sizing: content-box; -} -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, -.directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, -.directorist-checkbox input[type=radio] + .directorist-radio__label:after, -.directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, -.directorist-radio input[type=checkbox] + .directorist-radio__label:after, -.directorist-radio input[type=radio] + .directorist-checkbox__label:after, -.directorist-radio input[type=radio] + .directorist-radio__label:after { - content: ""; - position: absolute; - right: 0; - top: 0; - width: 20px; - height: 20px; - border-radius: 5px; - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 2px solid var(--directorist-color-gray); - background-color: transparent; + display: flex; + align-items: center; +} +.directorist-checkbox input[type="checkbox"], +.directorist-checkbox input[type="radio"], +.directorist-radio input[type="checkbox"], +.directorist-radio input[type="radio"] { + display: none !important; +} +.directorist-checkbox input[type="checkbox"] + .directorist-checkbox__label, +.directorist-checkbox input[type="checkbox"] + .directorist-radio__label, +.directorist-checkbox input[type="radio"] + .directorist-checkbox__label, +.directorist-checkbox input[type="radio"] + .directorist-radio__label, +.directorist-radio input[type="checkbox"] + .directorist-checkbox__label, +.directorist-radio input[type="checkbox"] + .directorist-radio__label, +.directorist-radio input[type="radio"] + .directorist-checkbox__label, +.directorist-radio input[type="radio"] + .directorist-radio__label { + font-size: 14px; + display: flex; + flex-flow: column; + position: relative; + display: inline-block; + user-select: none; + padding-right: 30px; + margin-bottom: 0; + margin-right: 0; + line-height: 1.4; + color: var(--directorist-color-body); + box-sizing: content-box; +} +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-checkbox input[type="checkbox"] + .directorist-radio__label:after, +.directorist-checkbox input[type="radio"] + .directorist-checkbox__label:after, +.directorist-checkbox input[type="radio"] + .directorist-radio__label:after, +.directorist-radio input[type="checkbox"] + .directorist-checkbox__label:after, +.directorist-radio input[type="checkbox"] + .directorist-radio__label:after, +.directorist-radio input[type="radio"] + .directorist-checkbox__label:after, +.directorist-radio input[type="radio"] + .directorist-radio__label:after { + content: ""; + position: absolute; + right: 0; + top: 0; + width: 20px; + height: 20px; + border-radius: 5px; + background: transparent; + box-sizing: border-box; + border: 2px solid var(--directorist-color-gray); + background-color: transparent; } @media only screen and (max-width: 575px) { - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label, .directorist-checkbox input[type=checkbox] + .directorist-radio__label, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label, - .directorist-checkbox input[type=radio] + .directorist-radio__label, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label, - .directorist-radio input[type=checkbox] + .directorist-radio__label, - .directorist-radio input[type=radio] + .directorist-checkbox__label, - .directorist-radio input[type=radio] + .directorist-radio__label { - line-height: 1.2; - padding-right: 25px; - } - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, - .directorist-checkbox input[type=radio] + .directorist-radio__label:after, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, - .directorist-radio input[type=checkbox] + .directorist-radio__label:after, - .directorist-radio input[type=radio] + .directorist-checkbox__label:after, - .directorist-radio input[type=radio] + .directorist-radio__label:after { - top: 1px; - width: 16px; - height: 16px; - } - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-checkbox input[type=radio] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-radio input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-radio input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-radio input[type=radio] + .directorist-radio__label .directorist-icon-mask:after { - width: 12px; - height: 12px; - } -} -.directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox input[type=radio]:checked + .directorist-radio__label:after, -.directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:after, -.directorist-radio input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-radio input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:before, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:before, -.directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:before, -.directorist-checkbox input[type=radio]:checked + .directorist-radio__label:before, -.directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:before, -.directorist-radio input[type=checkbox]:checked + .directorist-radio__label:before, -.directorist-radio input[type=radio]:checked + .directorist-checkbox__label:before, -.directorist-radio input[type=radio]:checked + .directorist-radio__label:before { - opacity: 1; - visibility: visible; -} - -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before { - position: absolute; - right: 5px; - top: 5px; - content: ""; - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: var(--directorist-color-white); - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; + .directorist-checkbox input[type="checkbox"] + .directorist-checkbox__label, + .directorist-checkbox input[type="checkbox"] + .directorist-radio__label, + .directorist-checkbox input[type="radio"] + .directorist-checkbox__label, + .directorist-checkbox input[type="radio"] + .directorist-radio__label, + .directorist-radio input[type="checkbox"] + .directorist-checkbox__label, + .directorist-radio input[type="checkbox"] + .directorist-radio__label, + .directorist-radio input[type="radio"] + .directorist-checkbox__label, + .directorist-radio input[type="radio"] + .directorist-radio__label { + line-height: 1.2; + padding-right: 25px; + } + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label:after, + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label:after, + .directorist-checkbox input[type="radio"] + .directorist-radio__label:after, + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label:after, + .directorist-radio input[type="checkbox"] + .directorist-radio__label:after, + .directorist-radio input[type="radio"] + .directorist-checkbox__label:after, + .directorist-radio input[type="radio"] + .directorist-radio__label:after { + top: 1px; + width: 16px; + height: 16px; + } + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="radio"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-radio + input[type="checkbox"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-radio + input[type="radio"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-radio + input[type="radio"] + + .directorist-radio__label + .directorist-icon-mask:after { + width: 12px; + height: 12px; + } +} +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:after, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:before, +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:before, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:before, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:before, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:before, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:before, +.directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:before, +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:before { + opacity: 1; + visibility: visible; +} + +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + position: absolute; + right: 5px; + top: 5px; + content: ""; + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); + display: block; + opacity: 0; + transition: all 0.3s ease 0s; + z-index: 2; } @media only screen and (max-width: 575px) { - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before { - top: 4px; - right: 3px; - } -} - -.directorist-radio input[type=radio] + .directorist-radio__label:before { - position: absolute; - right: 5px; - top: 5px; - width: 8px; - height: 8px; - border-radius: 50%; - background-color: var(--directorist-color-white); - border: 0 none; - opacity: 0; - visibility: hidden; - z-index: 2; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - content: ""; + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + top: 4px; + right: 3px; + } +} + +.directorist-radio input[type="radio"] + .directorist-radio__label:before { + position: absolute; + right: 5px; + top: 5px; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: var(--directorist-color-white); + border: 0 none; + opacity: 0; + visibility: hidden; + z-index: 2; + transition: all 0.3s ease 0s; + content: ""; } @media only screen and (max-width: 575px) { - .directorist-radio input[type=radio] + .directorist-radio__label:before { - right: 3px; - top: 4px; - } -} -.directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); -} -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:before { - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: var(--directorist-color-white); -} - -.directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-radio__label:after, -.directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-checkbox__label:after, -.directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-radio__label:after, -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-checkbox__label:after, -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:after { - border-radius: 50%; -} - -.directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-secondary); - border-color: var(--directorist-color-secondary); -} -.directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); -} -.directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} - -.directorist-radio.directorist-radio-primary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: var(--directorist-color-primary) !important; -} -.directorist-radio.directorist-radio-primary input[type=radio]:checked + .directorist-radio__label:before { - background-color: var(--directorist-color-primary) !important; -} -.directorist-radio.directorist-radio-secondary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: var(--directorist-color-secondary) !important; -} -.directorist-radio.directorist-radio-secondary input[type=radio]:checked + .directorist-radio__label:before { - background-color: var(--directorist-color-secondary) !important; -} -.directorist-radio.directorist-radio-blue input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: #3e62f5 !important; -} -.directorist-radio.directorist-radio-blue input[type=radio]:checked + .directorist-radio__label:before { - background-color: #3e62f5 !important; + .directorist-radio input[type="radio"] + .directorist-radio__label:before { + right: 3px; + top: 4px; + } +} +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); +} +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:before { + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); +} + +.directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-radio__label:after, +.directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-radio__label:after, +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-checkbox__label:after, +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:after { + border-radius: 50%; +} + +.directorist-checkbox.directorist-checkbox-primary + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox.directorist-checkbox-secondary + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-secondary); + border-color: var(--directorist-color-secondary); +} +.directorist-checkbox.directorist-checkbox-success + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); +} +.directorist-checkbox.directorist-checkbox-blue + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} + +.directorist-radio.directorist-radio-primary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: var(--directorist-color-primary) !important; +} +.directorist-radio.directorist-radio-primary + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: var(--directorist-color-primary) !important; +} +.directorist-radio.directorist-radio-secondary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: var(--directorist-color-secondary) !important; +} +.directorist-radio.directorist-radio-secondary + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: var(--directorist-color-secondary) !important; +} +.directorist-radio.directorist-radio-blue + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: #3e62f5 !important; +} +.directorist-radio.directorist-radio-blue + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: #3e62f5 !important; } .directorist-checkbox-rating { - gap: 20px; - width: 100%; - padding: 10px 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.directorist-checkbox-rating input[type=checkbox] + .directorist-checkbox__label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + gap: 20px; + width: 100%; + padding: 10px 0; + flex-wrap: wrap; + flex-direction: column; + align-items: flex-start; +} +.directorist-checkbox-rating + input[type="checkbox"] + + .directorist-checkbox__label { + display: flex; + flex-direction: row; } .directorist-checkbox-rating .directorist-icon-mask:after { - width: 14px; - height: 14px; - margin-top: 1px; -} - -.directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:before { - width: 10px; - height: 10px; - top: 5px; - right: 5px; - background-color: var(--directorist-color-white) !important; -} -.directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:after { - width: 20px; - height: 20px; - border-color: #C6D0DC; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-radio.directorist-radio-theme-admin input[type=radio]:checked + .directorist-radio__label:after { - background-color: #3e62f5; - border-color: #3e62f5; + width: 14px; + height: 14px; + margin-top: 1px; +} + +.directorist-radio.directorist-radio-theme-admin + input[type="radio"] + + .directorist-radio__label:before { + width: 10px; + height: 10px; + top: 5px; + right: 5px; + background-color: var(--directorist-color-white) !important; +} +.directorist-radio.directorist-radio-theme-admin + input[type="radio"] + + .directorist-radio__label:after { + width: 20px; + height: 20px; + border-color: #c6d0dc; + box-sizing: border-box; +} +.directorist-radio.directorist-radio-theme-admin + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: #3e62f5; + border-color: #3e62f5; } .directorist-radio.directorist-radio-theme-admin .directorist-radio__label { - padding-right: 35px !important; -} - -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox] + .directorist-checkbox__label:before { - width: 8px; - height: 8px; - top: 6px !important; - right: 6px !important; - border-radius: 50%; - background-color: var(--directorist-color-white) !important; - content: ""; -} -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox] + .directorist-checkbox__label:after { - width: 20px; - height: 20px; - border-color: #C6D0DC; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox]:checked + .directorist-checkbox__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox.directorist-checkbox-theme-admin .directorist-checkbox__label { - padding-right: 35px !important; + padding-right: 35px !important; +} + +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"] + + .directorist-checkbox__label:before { + width: 8px; + height: 8px; + top: 6px !important; + right: 6px !important; + border-radius: 50%; + background-color: var(--directorist-color-white) !important; + content: ""; +} +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"] + + .directorist-checkbox__label:after { + width: 20px; + height: 20px; + border-color: #c6d0dc; + box-sizing: border-box; +} +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"]:checked + + .directorist-checkbox__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox.directorist-checkbox-theme-admin + .directorist-checkbox__label { + padding-right: 35px !important; } .directorist-switch { - position: relative; - display: block; + position: relative; + display: block; } -.directorist-switch input[type=checkbox]:before { - display: none; +.directorist-switch input[type="checkbox"]:before { + display: none; } .directorist-switch .directorist-switch-input { - position: absolute; - right: 0; - z-index: -1; - width: 24px; - height: 25px; - opacity: 0; -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label { - color: #1A1B29; - font-weight: 500; -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:before { - background-color: var(--directorist-color-primary); -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:after { - -webkit-transform: translateX(-20px); - transform: translateX(-20px); + position: absolute; + right: 0; + z-index: -1; + width: 24px; + height: 25px; + opacity: 0; +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label { + color: #1a1b29; + font-weight: 500; +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label:before { + background-color: var(--directorist-color-primary); +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label:after { + transform: translateX(-20px); } .directorist-switch .directorist-switch-label { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 400; - padding-right: 65px; - margin-right: 0; - color: var(--directorist-color-body); + user-select: none; + position: relative; + display: inline-flex; + align-items: center; + font-size: 14px; + font-weight: 400; + padding-right: 65px; + margin-right: 0; + color: var(--directorist-color-body); } .directorist-switch .directorist-switch-label:before { - content: ""; - position: absolute; - top: 0.75px; - right: 4px; - display: block; - width: 44px; - height: 24px; - border-radius: 15px; - pointer-events: all; - background-color: #ECECEC; + content: ""; + position: absolute; + top: 0.75px; + right: 4px; + display: block; + width: 44px; + height: 24px; + border-radius: 15px; + pointer-events: all; + background-color: #ececec; } .directorist-switch .directorist-switch-label:after { - position: absolute; - display: block; - content: ""; - background: no-repeat 50%/50% 50%; - top: 4.75px; - right: 8px; - background-color: var(--directorist-color-white) !important; - width: 16px; - height: 16px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); - box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); - border-radius: 15px; - transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -} - -.directorist-switch.directorist-switch-primary .directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-primary); -} -.directorist-switch.directorist-switch-success.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-success); -} -.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-secondary); -} -.directorist-switch.directorist-switch-danger.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-danger); -} -.directorist-switch.directorist-switch-warning.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-warning); -} -.directorist-switch.directorist-switch-info.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-info); + position: absolute; + display: block; + content: ""; + background: no-repeat 50%/50% 50%; + top: 4.75px; + right: 8px; + background-color: var(--directorist-color-white) !important; + width: 16px; + height: 16px; + background-color: var(--directorist-color-white); + box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); + border-radius: 15px; + transition: + transform 0.15s ease-in-out, + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out, + -webkit-transform 0.15s ease-in-out, + -webkit-box-shadow 0.15s ease-in-out; +} + +.directorist-switch.directorist-switch-primary + .directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-primary); +} +.directorist-switch.directorist-switch-success.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-success); +} +.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-secondary); +} +.directorist-switch.directorist-switch-danger.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-danger); +} +.directorist-switch.directorist-switch-warning.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-warning); +} +.directorist-switch.directorist-switch-info.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-info); } .directorist-switch-Yn { - font-size: 15px; - padding: 3px; - position: relative; - display: inline-block; - border: 1px solid #e9e9e9; - border-radius: 17px; + font-size: 15px; + padding: 3px; + position: relative; + display: inline-block; + border: 1px solid #e9e9e9; + border-radius: 17px; } .directorist-switch-Yn span { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - font-size: 14px; - line-height: 27px; - padding: 5px 10.5px; - font-weight: 500; -} -.directorist-switch-Yn input[type=checkbox] { - display: none; -} -.directorist-switch-Yn input[type=checkbox]:checked + .directorist-switch-yes { - background-color: #3E62F5; - color: var(--directorist-color-white); -} -.directorist-switch-Yn input[type=checkbox]:checked + span + .directorist-switch-no { - background-color: transparent; - color: #9b9eaf; -} -.directorist-switch-Yn input[type=checkbox] .directorist-switch-yes { - background-color: transparent; - color: #9b9eaf; -} -.directorist-switch-Yn input[type=checkbox] + span + .directorist-switch-no { - background-color: #fb6665; - color: var(--directorist-color-white); + user-select: none; + font-size: 14px; + line-height: 27px; + padding: 5px 10.5px; + font-weight: 500; +} +.directorist-switch-Yn input[type="checkbox"] { + display: none; +} +.directorist-switch-Yn + input[type="checkbox"]:checked + + .directorist-switch-yes { + background-color: #3e62f5; + color: var(--directorist-color-white); +} +.directorist-switch-Yn + input[type="checkbox"]:checked + + span + + .directorist-switch-no { + background-color: transparent; + color: #9b9eaf; +} +.directorist-switch-Yn input[type="checkbox"] .directorist-switch-yes { + background-color: transparent; + color: #9b9eaf; +} +.directorist-switch-Yn input[type="checkbox"] + span + .directorist-switch-no { + background-color: #fb6665; + color: var(--directorist-color-white); } .directorist-switch-Yn .directorist-switch-yes { - border-radius: 0 15px 15px 0; + border-radius: 0 15px 15px 0; } .directorist-switch-Yn .directorist-switch-no { - border-radius: 15px 0 0 15px; + border-radius: 15px 0 0 15px; } .select2-selection__arrow, .select2-selection__clear { - display: none !important; + display: none !important; } .directorist-select2-addons-area { - position: absolute; - left: 5px; - top: 50%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - cursor: pointer; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - z-index: 8; + position: absolute; + left: 5px; + top: 50%; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + transform: translate(0, -50%); + z-index: 8; } .directorist-select2-addon { - padding: 0 5px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + padding: 0 5px; + display: flex; + align-items: center; + justify-content: center; } .directorist-select2-dropdown-toggle { - height: auto; - width: 25px; + height: auto; + width: 25px; } .directorist-select2-dropdown-close { - height: auto; - width: 25px; + height: auto; + width: 25px; } .directorist-select2-dropdown-close .directorist-icon-mask::after { - width: 15px; - height: 15px; + width: 15px; + height: 15px; } .directorist-select2-addon .directorist-icon-mask::after { - width: 13px; - height: 13px; -} - -.reset-pseudo-link:visited, .atbdp-nav-link:visited, .cptm-modal-action-link:visited, .cptm-header-action-link:visited, .cptm-sub-nav__item-link:visited, .cptm-form-builder-header-action-link:visited, .cptm-link-light:visited, .cptm-header-nav__list-item-link:visited, .cptm-btn:visited, .reset-pseudo-link:active, .atbdp-nav-link:active, .cptm-modal-action-link:active, .cptm-header-action-link:active, .cptm-sub-nav__item-link:active, .cptm-form-builder-header-action-link:active, .cptm-link-light:active, .cptm-header-nav__list-item-link:active, .cptm-btn:active, .reset-pseudo-link:focus, .atbdp-nav-link:focus, .cptm-modal-action-link:focus, .cptm-header-action-link:focus, .cptm-sub-nav__item-link:focus, .cptm-form-builder-header-action-link:focus, .cptm-link-light:focus, .cptm-header-nav__list-item-link:focus, .cptm-btn:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + width: 13px; + height: 13px; +} + +.reset-pseudo-link:visited, +.atbdp-nav-link:visited, +.cptm-modal-action-link:visited, +.cptm-header-action-link:visited, +.cptm-sub-nav__item-link:visited, +.cptm-form-builder-header-action-link:visited, +.cptm-link-light:visited, +.cptm-header-nav__list-item-link:visited, +.cptm-btn:visited, +.reset-pseudo-link:active, +.atbdp-nav-link:active, +.cptm-modal-action-link:active, +.cptm-header-action-link:active, +.cptm-sub-nav__item-link:active, +.cptm-form-builder-header-action-link:active, +.cptm-link-light:active, +.cptm-header-nav__list-item-link:active, +.cptm-btn:active, +.reset-pseudo-link:focus, +.atbdp-nav-link:focus, +.cptm-modal-action-link:focus, +.cptm-header-action-link:focus, +.cptm-sub-nav__item-link:focus, +.cptm-form-builder-header-action-link:focus, +.cptm-link-light:focus, +.cptm-header-nav__list-item-link:focus, +.cptm-btn:focus { + outline: none; + box-shadow: none; } .cptm-shortcodes { - max-height: 300px; - overflow: scroll; + max-height: 300px; + overflow: scroll; } .directorist-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-center-content-inline { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: inline-flex; } .directorist-center-content, .directorist-center-content-inline { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; } .directorist-text-right { - text-align: left; + text-align: left; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-text-left { - text-align: right; + text-align: right; } .directorist-mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .directorist-mt-5 { - margin-top: 5px !important; + margin-top: 5px !important; } .directorist-mt-10 { - margin-top: 10px !important; + margin-top: 10px !important; } .directorist-mt-15 { - margin-top: 15px !important; + margin-top: 15px !important; } .directorist-mt-20 { - margin-top: 20px !important; + margin-top: 20px !important; } .directorist-mt-30 { - margin-top: 30px !important; + margin-top: 30px !important; } .directorist-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-25 { - margin-bottom: 25px !important; + margin-bottom: 25px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-n20 { - margin-bottom: -20px !important; + margin-bottom: -20px !important; } .directorist-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .directorist-mb-15 { - margin-bottom: 15px !important; + margin-bottom: 15px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-40 { - margin-bottom: 40px !important; + margin-bottom: 40px !important; } .directorist-mb-50 { - margin-bottom: 50px !important; + margin-bottom: 50px !important; } .directorist-mb-70 { - margin-bottom: 70px !important; + margin-bottom: 70px !important; } .directorist-mb-80 { - margin-bottom: 80px !important; + margin-bottom: 80px !important; } .directorist-pb-100 { - padding-bottom: 100px !important; + padding-bottom: 100px !important; } .directorist-w-100 { - width: 100% !important; - max-width: 100% !important; + width: 100% !important; + max-width: 100% !important; } .directorist-draggable-list-item { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .directorist-draggable-list-item-wrapper { - position: relative; - height: 100%; + position: relative; + height: 100%; } .directorist-droppable-area-wrap { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 888888888; - display: none; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: -20px; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 888888888; + display: none; + flex-direction: column; + margin-bottom: -20px; } .directorist-droppable-area { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .directorist-droppable-item-preview { - height: 52px; - background-color: rgba(44, 153, 255, 0.1); - margin-bottom: 20px; - margin-left: 50px; - border-radius: 4px; + height: 52px; + background-color: rgba(44, 153, 255, 0.1); + margin-bottom: 20px; + margin-left: 50px; + border-radius: 4px; } .directorist-droppable-item-preview-before { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-droppable-item-preview-after { - margin-bottom: 20px; + margin-bottom: 20px; } /* Directorist Tooltip */ .directorist-tooltip { - position: relative; + position: relative; } .directorist-tooltip.directorist-tooltip-bottom[data-label]:before { - bottom: -8px; - top: auto; - border-top-color: var(--directorist-color-white); - border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); + bottom: -8px; + top: auto; + border-top-color: var(--directorist-color-white); + border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip.directorist-tooltip-bottom[data-label]:after { - -webkit-transform: translate(50%); - transform: translate(50%); - top: 100%; - margin-top: 8px; -} -.directorist-tooltip[data-label]:before, .directorist-tooltip[data-label]:after { - position: absolute !important; - bottom: 100%; - display: none; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - -webkit-animation: showTooltip 0.3s ease; - animation: showTooltip 0.3s ease; + transform: translate(50%); + top: 100%; + margin-top: 8px; +} +.directorist-tooltip[data-label]:before, +.directorist-tooltip[data-label]:after { + position: absolute !important; + bottom: 100%; + display: none; + height: fit-content; + animation: showTooltip 0.3s ease; } .directorist-tooltip[data-label]:before { - content: ""; - right: 50%; - top: -6px; - -webkit-transform: translateX(50%); - transform: translateX(50%); - border: 6px solid transparent; - border-top-color: rgba(var(--directorist-color-dark-rgb), 1); + content: ""; + right: 50%; + top: -6px; + transform: translateX(50%); + border: 6px solid transparent; + border-top-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip[data-label]:after { - font-size: 14px; - content: attr(data-label); - right: 50%; - -webkit-transform: translate(50%, -6px); - transform: translate(50%, -6px); - background: rgba(var(--directorist-color-dark-rgb), 1); - padding: 4px 12px; - border-radius: 3px; - color: var(--directorist-color-white); - z-index: 9999; - text-align: center; - min-width: 140px; - max-height: 200px; - overflow-y: auto; -} -.directorist-tooltip[data-label]:hover:before, .directorist-tooltip[data-label]:hover:after { - display: block; + font-size: 14px; + content: attr(data-label); + right: 50%; + transform: translate(50%, -6px); + background: rgba(var(--directorist-color-dark-rgb), 1); + padding: 4px 12px; + border-radius: 3px; + color: var(--directorist-color-white); + z-index: 9999; + text-align: center; + min-width: 140px; + max-height: 200px; + overflow-y: auto; +} +.directorist-tooltip[data-label]:hover:before, +.directorist-tooltip[data-label]:hover:after { + display: block; } .directorist-tooltip .directorist-tooltip__label { - font-size: 16px; - color: var(--directorist-color-primary); + font-size: 16px; + color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:before { - border-top-color: var(--directorist-color-primary); + border-top-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:after { - background-color: var(--directorist-color-secondary); + background-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-info[data-label]:after { - background-color: var(--directorist-color-info); + background-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-info[data-label]:before { - border-top-color: var(--directorist-color-info); + border-top-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-warning[data-label]:after { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-warning[data-label]:before { - border-top-color: var(--directorist-color-warning); + border-top-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-success[data-label]:after { - background-color: var(--directorist-color-success); + background-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-success[data-label]:before { - border-top-color: var(--directorist-color-success); + border-top-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-danger[data-label]:after { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-danger[data-label]:before { - border-top-color: var(--directorist-color-danger); + border-top-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-primary[data-label]:before { - border-bottom-color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-info[data-label]:before { - border-bottom-color: var(--directorist-color-info); + border-bottom-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-warning[data-label]:before { - border-bottom-color: var(--directorist-color-warning); + border-bottom-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-success[data-label]:before { - border-bottom-color: var(--directorist-color-success); + border-bottom-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-danger[data-label]:before { - border-bottom-color: var(--directorist-color-danger); + border-bottom-color: var(--directorist-color-danger); } @keyframes showTooltip { - from { - opacity: 0; - } + from { + opacity: 0; + } } /* Create Directory Type */ .directorist-directory-type-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px 30px; - padding: 0 20px; - background: white; - min-height: 60px; - border-bottom: 1px solid #e5e7eb; - position: fixed; - left: 0; - top: 32px; - width: calc(100% - 200px); - z-index: 9999; + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 15px 30px; + padding: 0 20px; + background: white; + min-height: 60px; + border-bottom: 1px solid #e5e7eb; + position: fixed; + left: 0; + top: 32px; + width: calc(100% - 200px); + z-index: 9999; } .directorist-directory-type-top:before { - content: ""; - position: absolute; - top: -10px; - right: 0; - height: 10px; - width: 100%; - background-color: #f3f4f6; + content: ""; + position: absolute; + top: -10px; + right: 0; + height: 10px; + width: 100%; + background-color: #f3f4f6; } @media only screen and (max-width: 960px) { - .directorist-directory-type-top { - width: calc(100% - 76px); - } + .directorist-directory-type-top { + width: calc(100% - 76px); + } } @media only screen and (max-width: 782px) { - .directorist-directory-type-top { - width: calc(100% - 40px); - top: 46px; - left: 0; - } + .directorist-directory-type-top { + width: calc(100% - 40px); + top: 46px; + left: 0; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-top { - position: unset; - width: auto; - } - .directorist-directory-type-top:before { - display: none; - } + .directorist-directory-type-top { + position: unset; + width: auto; + } + .directorist-directory-type-top:before { + display: none; + } } @media only screen and (max-width: 479px) { - .directorist-directory-type-top { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 10px 20px; - } + .directorist-directory-type-top { + justify-content: center; + flex-direction: column; + padding: 10px 20px; + } } .directorist-directory-type-top-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + align-items: center; + gap: 10px 20px; + flex-wrap: wrap; } @media only screen and (max-width: 767px) { - .directorist-directory-type-top-left { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-directory-type-top-left { + justify-content: center; + } } .directorist-directory-type-top-left .cptm-form-group { - margin-bottom: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-group-feedback { - white-space: nowrap; + margin-bottom: 0; + display: flex; + align-items: center; + gap: 10px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-group-feedback { + white-space: nowrap; } .directorist-directory-type-top-left .cptm-form-group .cptm-form-control { - height: 36px; - border-radius: 8px; - background: #e5e7eb; - max-width: 150px; - padding: 10px 16px; - font-size: 14px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-webkit-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-moz-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control:-ms-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-ms-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-group-feedback .cptm-form-alert { - padding: 0; + height: 36px; + border-radius: 8px; + background: #e5e7eb; + max-width: 150px; + padding: 10px 16px; + font-size: 14px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-group-feedback + .cptm-form-alert { + padding: 0; } .directorist-directory-type-top-left .directorist-back-directory { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: normal; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: normal; + display: flex; + align-items: center; + gap: 8px; } .directorist-directory-type-top-left .directorist-back-directory svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-directory-type-top-left .directorist-back-directory:hover { - color: #3e62f5; + color: #3e62f5; } .directorist-directory-type-top-right .directorist-create-directory { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - text-decoration: none; - padding: 0 24px; - height: 40px; - border: 1px solid #3e62f5; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); - box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); - background-color: #3e62f5; - color: #ffffff; - font-size: 15px; - font-weight: 500; - line-height: normal; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; + display: flex; + gap: 8px; + align-items: center; + justify-content: center; + border-radius: 8px; + text-decoration: none; + padding: 0 24px; + height: 40px; + border: 1px solid #3e62f5; + cursor: pointer; + box-sizing: border-box; + box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); + background-color: #3e62f5; + color: #ffffff; + font-size: 15px; + font-weight: 500; + line-height: normal; + transition: background-color 0.3s ease; } .directorist-directory-type-top-right .directorist-create-directory:hover { - background-color: #5a7aff; - border-color: #5a7aff; + background-color: #5a7aff; + border-color: #5a7aff; } .directorist-directory-type-top-right .cptm-btn { - margin: 0; + margin: 0; } .directorist-directory-type-bottom { - background: white; - margin-top: 80px; - overflow: hidden; + background: white; + margin-top: 80px; + overflow: hidden; } .directorist-directory-type-bottom .cptm-header-navigation { - position: fixed; - left: 20px; - top: 92px; - width: calc(100% - 262px); - background: #ffffff; - border-top: 20px solid #f3f4f6; - border-bottom: 1px solid #e5e7eb; - gap: 0 32px; - padding: 0 30px; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow-x: auto; - z-index: 100; + position: fixed; + left: 20px; + top: 92px; + width: calc(100% - 262px); + background: #ffffff; + border-top: 20px solid #f3f4f6; + border-bottom: 1px solid #e5e7eb; + gap: 0 32px; + padding: 0 30px; + flex-wrap: nowrap; + overflow-x: auto; + z-index: 100; } @media only screen and (max-width: 960px) { - .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 138px); - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 138px); + justify-content: flex-start; + } } @media only screen and (max-width: 782px) { - .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 82px); - top: 107px; - left: 12px; - } + .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 82px); + top: 107px; + left: 12px; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .cptm-header-navigation { - position: unset; - width: auto; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .directorist-directory-type-bottom .cptm-header-navigation { + position: unset; + width: auto; + flex-wrap: wrap; + } } @media only screen and (max-width: 480px) { - .directorist-directory-type-bottom .cptm-header-navigation { - padding: 10px 30px; - } + .directorist-directory-type-bottom .cptm-header-navigation { + padding: 10px 30px; + } } .directorist-directory-type-bottom .atbdp-cptm-body { - position: relative; - margin-top: 60px; + position: relative; + margin-top: 60px; } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - margin-top: 0; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + margin-top: 0; + } } @media screen and (max-width: 480px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - padding: 20px 30px; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + padding: 20px 30px; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom { - margin-top: 0; - } + .directorist-directory-type-bottom { + margin-top: 0; + } } .wp-admin.folded .directorist-directory-type-top { - width: calc(100% - 118px); + width: calc(100% - 118px); } .wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 138px); + width: calc(100% - 138px); } .directorist-draggable-form-list-wrap { - margin-left: 50px; + margin-left: 50px; } /* Body Header */ .directorist-form-doc { - border-radius: 8px; - background: #f3f4f6; - min-height: 52px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0 20px; - margin-bottom: 24px; + border-radius: 8px; + background: #f3f4f6; + min-height: 52px; + display: flex; + align-items: center; + gap: 10px 30px; + justify-content: space-between; + flex-wrap: wrap; + padding: 0 20px; + margin-bottom: 24px; } @media only screen and (max-width: 575px) { - .directorist-form-doc { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 10px 20px; - } + .directorist-form-doc { + justify-content: center; + flex-direction: column; + padding: 10px 20px; + } } .directorist-form-doc .directorist-form-doc-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + align-items: center; + gap: 8px; + flex-wrap: wrap; } @media only screen and (max-width: 575px) { - .directorist-form-doc .directorist-form-doc-left { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-form-doc .directorist-form-doc-left { + justify-content: center; + } } .directorist-form-doc .directorist-form-doc-left .directorist-form-doc-title { - color: #141921; - font-size: 19px; - font-style: normal; - font-weight: 600; - line-height: 25px; + color: #141921; + font-size: 19px; + font-style: normal; + font-weight: 600; + line-height: 25px; } .directorist-form-doc__watch-tutorial { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid #bee3ff; - background: #eff8ff; - color: #217aef; - text-align: center; - margin-right: 4px; - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.12px; - text-transform: capitalize; + display: inline-flex; + padding: 8px 12px; + width: max-content; + justify-content: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid #bee3ff; + background: #eff8ff; + color: #217aef; + text-align: center; + margin-right: 4px; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + text-transform: capitalize; } .directorist-form-doc__watch-tutorial svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-form-doc__link { - margin-top: 2px; - font-size: 12px; - font-weight: 500; - color: #1b50b2; - line-height: 20px; - letter-spacing: 0.12px; - text-decoration: underline; + margin-top: 2px; + font-size: 12px; + font-weight: 500; + color: #1b50b2; + line-height: 20px; + letter-spacing: 0.12px; + text-decoration: underline; } .directorist-form-doc__preview { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid #e5e7eb; - background: #fff; - color: #383f47; - text-align: center; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; - text-transform: capitalize; + display: inline-flex; + padding: 8px 12px; + justify-content: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid #e5e7eb; + background: #fff; + color: #383f47; + text-align: center; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; + text-transform: capitalize; } .directorist-form-doc__preview svg { - width: 16px; - height: 16px; - color: inherit; + width: 16px; + height: 16px; + color: inherit; } .directorist-form-doc__preview:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + box-shadow: none; } .directorist-footer-wrap .cptm-btn { - position: relative; - margin: 0; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 48px; - font-size: 16px; - font-weight: 500; - color: #ffffff; - border-color: #383f47; - background-color: #383f47; - border-radius: 8px; + position: relative; + margin: 0; + width: 100%; + display: flex; + gap: 8px; + align-items: center; + justify-content: center; + height: 48px; + font-size: 16px; + font-weight: 500; + color: #ffffff; + border-color: #383f47; + background-color: #383f47; + border-radius: 8px; } .directorist-footer-wrap .cptm-btn:before { - content: attr(data-info); - position: absolute; - top: calc(100% + 8px); - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - min-width: -webkit-max-content; - min-width: -moz-max-content; - min-width: max-content; - text-align: center; - color: #ffffff; - font-size: 13px; - font-weight: 500; - padding: 10px 12px; - border-radius: 6px; - background-color: #141921; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + right: 50%; + transform: translateX(50%); + min-width: max-content; + text-align: center; + color: #ffffff; + font-size: 13px; + font-weight: 500; + padding: 10px 12px; + border-radius: 6px; + background-color: #141921; + opacity: 0; + visibility: hidden; + transition: + opacity 0.3s ease, + visibility 0.3s ease; } .directorist-footer-wrap .cptm-btn:after { - content: ""; - position: absolute; - top: calc(100% + 2px); - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - border-bottom: 6px solid #141921; - border-right: 6px solid transparent; - border-left: 6px solid transparent; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; + content: ""; + position: absolute; + top: calc(100% + 2px); + right: 50%; + transform: translateX(50%); + border-bottom: 6px solid #141921; + border-right: 6px solid transparent; + border-left: 6px solid transparent; + opacity: 0; + visibility: hidden; + transition: + opacity 0.3s ease, + visibility 0.3s ease; } .directorist-footer-wrap .cptm-btn .cptm-save-icon { - font-size: 16px; + font-size: 16px; } .directorist-footer-wrap .cptm-btn:hover { - border-color: #141921; - background-color: #141921; + border-color: #141921; + background-color: #141921; } -.directorist-footer-wrap .cptm-btn:hover:hover:before, .directorist-footer-wrap .cptm-btn:hover:hover:after { - opacity: 1; - visibility: visible; +.directorist-footer-wrap .cptm-btn:hover:hover:before, +.directorist-footer-wrap .cptm-btn:hover:hover:after { + opacity: 1; + visibility: visible; } .directorist-footer-wrap .cptm-form-group { - margin: 0; + margin: 0; } .cptm-form-note { - margin-bottom: 30px; - padding: 30px; - background-color: #dcebfe; - border-radius: 4px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + margin-bottom: 30px; + padding: 30px; + background-color: #dcebfe; + border-radius: 4px; + display: flex; } .cptm-form-note i { - font-size: 30px; - opacity: 0.2; - margin-left: 15px; + font-size: 30px; + opacity: 0.2; + margin-left: 15px; } .cptm-form-note .cptm-form-note-title { - margin-top: 0; - color: #157cf6; + margin-top: 0; + color: #157cf6; } .cptm-form-note .cptm-form-note-content { - margin: 5px 0; + margin: 5px 0; } .cptm-form-note .cptm-form-note-content a { - color: #157cf6; + color: #157cf6; } #atbdp_cpt_options_metabox .inside { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } #atbdp_cpt_options_metabox .postbox-header { - display: none; + display: none; } .atbdp-cpt-manager { - position: relative; - display: block; - color: #23282d; + position: relative; + display: block; + color: #23282d; } .atbdp-cpt-manager.directorist-overlay-visible { - position: fixed; - z-index: 9; - width: calc(100% - 200px); + position: fixed; + z-index: 9; + width: calc(100% - 200px); } .atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-top, -.atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-bottom .cptm-header-navigation { - z-index: 1; +.atbdp-cpt-manager.directorist-overlay-visible + .directorist-directory-type-bottom + .cptm-header-navigation { + z-index: 1; } .atbdp-cpt-manager.directorist-overlay-visible .submission_form_fields { - z-index: 11; + z-index: 11; } .atbdp-cptm-header { - display: block; + display: block; } .atbdp-cptm-header .cptm-form-group .cptm-form-control { - height: 50px; - font-size: 20px; + height: 50px; + font-size: 20px; } .atbdp-cptm-body { - display: block; + display: block; } .cptm-field-wraper-key-preview_image .cptm-btn { - margin: 0 10px; - height: 40px; - color: #23282d !important; - background-color: #dadce0 !important; - border-radius: 4px !important; - border: 0 none; - font-weight: 500; - padding: 0 30px; + margin: 0 10px; + height: 40px; + color: #23282d !important; + background-color: #dadce0 !important; + border-radius: 4px !important; + border: 0 none; + font-weight: 500; + padding: 0 30px; } .atbdp-cptm-footer { - display: block; - padding: 24px 0 0; - margin: 0 30px 0 50px; - border-top: 1px solid #e5e7eb; + display: block; + padding: 24px 0 0; + margin: 0 30px 0 50px; + border-top: 1px solid #e5e7eb; } .atbdp-cptm-footer .atbdp-cptm-footer-preview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 0 0 20px; + display: flex; + gap: 8px; + flex-direction: column; + margin: 0 0 20px; } .atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label { - position: relative; - font-size: 14px; - font-weight: 500; - color: #4d5761; - cursor: pointer; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label:before { - content: ""; - position: absolute; - left: 0; - top: 0; - width: 36px; - height: 20px; - border-radius: 30px; - background: #d2d6db; - border: 3px solid #d2d6db; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label:after { - content: ""; - position: absolute; - left: 19px; - top: 3px; - width: 14px; - height: 14px; - background: #ffffff; - border-radius: 100%; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle { - display: none; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle:checked ~ label:before { - background-color: #3e62f5; - border-color: #3e62f5; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle:checked ~ label:after { - left: 3px; + position: relative; + font-size: 14px; + font-weight: 500; + color: #4d5761; + cursor: pointer; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-label:before { + content: ""; + position: absolute; + left: 0; + top: 0; + width: 36px; + height: 20px; + border-radius: 30px; + background: #d2d6db; + border: 3px solid #d2d6db; + box-sizing: border-box; + transition: all ease 0.3s; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-label:after { + content: ""; + position: absolute; + left: 19px; + top: 3px; + width: 14px; + height: 14px; + background: #ffffff; + border-radius: 100%; + transition: all ease 0.3s; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle { + display: none; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle:checked + ~ label:before { + background-color: #3e62f5; + border-color: #3e62f5; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle:checked + ~ label:after { + left: 3px; } .atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-desc { - font-size: 12px; - font-weight: 400; - color: #747c89; + font-size: 12px; + font-weight: 400; + color: #747c89; } .atbdp-cptm-footer-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-content: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + justify-content: center; + align-content: center; + flex-wrap: wrap; } .atbdp-cptm-footer-actions .cptm-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 100%; - font-weight: 500; - font-size: 15px; - height: 48px; - padding: 0 30px; - margin: 0; + display: flex; + gap: 10px; + align-items: center; + justify-content: center; + width: 100%; + font-weight: 500; + font-size: 15px; + height: 48px; + padding: 0 30px; + margin: 0; } .atbdp-cptm-footer-actions .cptm-save-text { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + gap: 8px; + justify-content: center; + align-items: center; } .cptm-title-bar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -10px; - padding: 15px 10px; - background-color: #fff; + display: flex; + flex-wrap: wrap; + margin: 0 -10px; + padding: 15px 10px; + background-color: #fff; } .cptm-card-preview-widget .cptm-title-bar { - margin: 0; + margin: 0; } .cptm-title-bar-headings { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 10px; + flex-grow: 1; + padding: 10px; } .cptm-title-bar-actions { - min-width: 100px; - max-width: 220px; - padding: 10px; + min-width: 100px; + max-width: 220px; + padding: 10px; } .cptm-label-btn { - display: inline-block; + display: inline-block; } .cptm-btn, .cptm-btn.cptm-label-btn { - margin: 0 5px 10px; - display: inline-block; - text-align: center; - border: 1px solid transparent; - padding: 10px 20px; - border-radius: 5px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - vertical-align: top; + margin: 0 5px 10px; + display: inline-block; + text-align: center; + border: 1px solid transparent; + padding: 10px 20px; + border-radius: 5px; + cursor: pointer; + transition: all ease-in-out 300ms; + vertical-align: top; } .cptm-btn:disabled, .cptm-btn.cptm-label-btn:disabled { - cursor: not-allowed; - opacity: 0.5; + cursor: not-allowed; + opacity: 0.5; } .cptm-btn.cptm-label-btn { - display: inline-block; - vertical-align: top; + display: inline-block; + vertical-align: top; } .cptm-btn.cptm-btn-rounded { - border-radius: 30px; + border-radius: 30px; } .cptm-btn.cptm-btn-primary { - color: #fff; - border-color: #3e62f5; - background-color: #3e62f5; + color: #fff; + border-color: #3e62f5; + background-color: #3e62f5; } .cptm-btn.cptm-btn-primary:hover { - background-color: #345af4; + background-color: #345af4; } .cptm-btn.cptm-btn-secondery { - color: #3e62f5; - border-color: #3e62f5; - background-color: transparent; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - font-weight: 500; - font-size: 15px !important; + color: #3e62f5; + border-color: #3e62f5; + background-color: transparent; + display: inline-flex; + align-items: center; + gap: 6px; + font-weight: 500; + font-size: 15px !important; } .cptm-btn.cptm-btn-secondery:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-file-input-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .cptm-file-input-wrap .cptm-btn { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-btn-box { - display: block; + display: block; } .cptm-form-builder-group-field-drop-area { - display: block; - padding: 16px 20px; - border-radius: 8px; - margin: 8px 30px 0 40px; - text-align: center; - font-size: 13px; - font-weight: 400; - color: #747c89; - font-style: italic; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - border: 1px dashed #d2d6db; + display: block; + padding: 16px 20px; + border-radius: 8px; + margin: 8px 30px 0 40px; + text-align: center; + font-size: 13px; + font-weight: 400; + color: #747c89; + font-style: italic; + transition: all ease-in-out 300ms; + border: 1px dashed #d2d6db; } .cptm-form-builder-group-field-drop-area.drag-enter { - background-color: #c6c6c6; + background-color: #c6c6c6; } .cptm-form-builder-group-field-drop-area-label { - margin: 0; - pointer-events: none; + margin: 0; + pointer-events: none; } .atbdp-cptm-status-feedback { - position: fixed; - top: 70px; - right: calc(50% + 150px); - -webkit-transform: translateX(50%); - transform: translateX(50%); - min-width: 300px; - z-index: 9999; + position: fixed; + top: 70px; + right: calc(50% + 150px); + transform: translateX(50%); + min-width: 300px; + z-index: 9999; } @media screen and (max-width: 960px) { - .atbdp-cptm-status-feedback { - right: calc(50% + 100px); - } + .atbdp-cptm-status-feedback { + right: calc(50% + 100px); + } } @media screen and (max-width: 782px) { - .atbdp-cptm-status-feedback { - right: 50%; - } + .atbdp-cptm-status-feedback { + right: 50%; + } } .cptm-alert { - position: relative; - padding: 14px 52px 14px 24px; - font-size: 16px; - font-weight: 500; - line-height: 22px; - color: #053e29; - border-radius: 8px; - -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); - box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); + position: relative; + padding: 14px 52px 14px 24px; + font-size: 16px; + font-weight: 500; + line-height: 22px; + color: #053e29; + border-radius: 8px; + box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); } .cptm-alert:before { - content: ""; - position: absolute; - top: 14px; - right: 24px; - font-size: 20px; - font-family: "Font Awesome 5 Free"; - font-weight: 900; + content: ""; + position: absolute; + top: 14px; + right: 24px; + font-size: 20px; + font-family: "Font Awesome 5 Free"; + font-weight: 900; } .cptm-alert-success { - background-color: #ecfdf3; - border: 1px solid #14b570; + background-color: #ecfdf3; + border: 1px solid #14b570; } .cptm-alert-success:before { - content: "\f058"; - color: #14b570; + content: "\f058"; + color: #14b570; } .cptm-alert-error { - background-color: #f3d6d6; - border: 1px solid #c51616; + background-color: #f3d6d6; + border: 1px solid #c51616; } .cptm-alert-error:before { - content: "\f057"; - color: #c51616; + content: "\f057"; + color: #c51616; } .cptm-dropable-element { - position: relative; + position: relative; } .cptm-dropable-base-element { - display: block; - position: relative; - padding: 0; - -webkit-transition: ease-in-out all 300ms; - transition: ease-in-out all 300ms; + display: block; + position: relative; + padding: 0; + transition: ease-in-out all 300ms; } .cptm-dropable-area { - position: absolute; - right: 0; - left: 0; - top: 0; - bottom: 0; - z-index: 999; + position: absolute; + right: 0; + left: 0; + top: 0; + bottom: 0; + z-index: 999; } .cptm-dropable-placeholder { - padding: 0; - margin: 0; - height: 0; - border-radius: 4px; - overflow: hidden; - -webkit-transition: all ease-in-out 200ms; - transition: all ease-in-out 200ms; - background: RGBA(61, 98, 245, 0.45); + padding: 0; + margin: 0; + height: 0; + border-radius: 4px; + overflow: hidden; + transition: all ease-in-out 200ms; + background: RGBA(61, 98, 245, 0.45); } .cptm-dropable-placeholder.active { - padding: 10px 15px; - margin: 0; - height: 30px; + padding: 10px 15px; + margin: 0; + height: 30px; } .cptm-dropable-inside { - padding: 10px; + padding: 10px; } .cptm-dropable-area-inside { - display: block; - height: 100%; + display: block; + height: 100%; } .cptm-dropable-area-right { - display: block; + display: block; } .cptm-dropable-area-left { - display: block; + display: block; } .cptm-dropable-area-right, .cptm-dropable-area-left { - display: block; - float: right; - width: 50%; - height: 100%; + display: block; + float: right; + width: 50%; + height: 100%; } .cptm-dropable-area-top { - display: block; + display: block; } .cptm-dropable-area-bottom { - display: block; + display: block; } .cptm-dropable-area-top, .cptm-dropable-area-bottom { - display: block; - width: 100%; - height: 50%; + display: block; + width: 100%; + height: 50%; } .cptm-header-navigation { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + margin: 0; + padding: 0; + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; } @media screen and (max-width: 480px) { - .cptm-header-navigation { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .cptm-header-navigation { + flex-direction: column; + } } .cptm-header-nav__list-item { - margin: 0; - display: inline-block; - list-style: none; - text-align: center; - min-width: -webkit-fit-content; - min-width: -moz-fit-content; - min-width: fit-content; + margin: 0; + display: inline-block; + list-style: none; + text-align: center; + min-width: fit-content; } @media (max-width: 480px) { - .cptm-header-nav__list-item { - width: 100%; - } + .cptm-header-nav__list-item { + width: 100%; + } } .cptm-header-nav__list-item-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - text-decoration: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - position: relative; - border-bottom: 2px solid transparent; - color: #4d5761; - padding: 15px 0; + display: flex; + align-items: center; + gap: 8px; + text-decoration: none; + transition: all ease-in-out 300ms; + position: relative; + border-bottom: 2px solid transparent; + color: #4d5761; + padding: 15px 0; } .cptm-header-nav__list-item-link.active { - border-bottom-color: #3e62f5; + border-bottom-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__icon { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__label { - color: #3e62f5; + color: #3e62f5; } .cptm-header-nav__icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - min-width: 28px; - min-height: 28px; - text-align: center; - font-size: 16px; - text-align: center; - border-radius: 6px; - background: #d8e0fd; - color: inherit; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: inline-flex; + min-width: 28px; + min-height: 28px; + text-align: center; + font-size: 16px; + text-align: center; + border-radius: 6px; + background: #d8e0fd; + color: inherit; + transition: all ease-in-out 300ms; + align-items: center; + justify-content: center; } .cptm-header-nav__icon svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .cptm-header-nav__label { - display: block; - color: inherit; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - font-size: 14px; - font-weight: 500; + display: block; + color: inherit; + transition: all ease-in-out 300ms; + font-size: 14px; + font-weight: 500; } .cptm-title-area { - margin-bottom: 20px; + margin-bottom: 20px; } .submission-form .cptm-title-area { - width: 100%; + width: 100%; } .tab-general .cptm-title-area { - margin-right: 0; + margin-right: 0; } .cptm-link-light { - color: #fff; + color: #fff; } -.cptm-link-light:hover, .cptm-link-light:focus, .cptm-link-light:active { - color: #fff; +.cptm-link-light:hover, +.cptm-link-light:focus, +.cptm-link-light:active { + color: #fff; } .cptm-color-white { - color: #fff; + color: #fff; } .cptm-my-10 { - margin-top: 10px; - margin-bottom: 10px; + margin-top: 10px; + margin-bottom: 10px; } .cptm-mb-60 { - margin-bottom: 60px; + margin-bottom: 60px; } .cptm-mr-5 { - margin-left: 5px; + margin-left: 5px; } .cptm-title { - margin: 0; - font-size: 19px; - font-weight: 600; - color: #141921; - line-height: 1.2; + margin: 0; + font-size: 19px; + font-weight: 600; + color: #141921; + line-height: 1.2; } .cptm-des { - font-size: 14px; - font-weight: 400; - line-height: 22px; - color: #4d5761; - margin-top: 10px; + font-size: 14px; + font-weight: 400; + line-height: 22px; + color: #4d5761; + margin-top: 10px; } .atbdp-cptm-tab-contents { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-cptm-tab-item { - display: none; + display: none; } .atbdp-cptm-tab-item.active { - display: block; + display: block; } .cptm-tab-content-header { - position: relative; - background: transparent; - margin-top: 61px; - border-bottom: 1px solid #e5e7eb; + position: relative; + background: transparent; + margin-top: 61px; + border-bottom: 1px solid #e5e7eb; } @media only screen and (max-width: 600px) { - .cptm-tab-content-header { - margin-top: 0; - } + .cptm-tab-content-header { + margin-top: 0; + } } .cptm-tab-content-header .cptm-sub-navigation { - gap: 10px; - padding: 10px 20px; - padding-left: 160px; - margin: 0 15px; - max-width: 1050px; - margin: 0 auto; + gap: 10px; + padding: 10px 20px; + padding-left: 160px; + margin: 0 15px; + max-width: 1050px; + margin: 0 auto; } .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item { - margin: 0; + margin: 0; } .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link { - margin: 0; - padding: 10px 25px; - background-color: #e3e6ef; + margin: 0; + padding: 10px 25px; + background-color: #e3e6ef; } -.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link.active, .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link:hover { - background-color: #3e62f5; +.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link.active, +.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link:hover { + background-color: #3e62f5; } @media screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - margin: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + margin: 0; + } } .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - position: absolute; - left: 30px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + left: 30px; + top: 50%; + transform: translateY(-50%); } @media only screen and (max-width: 782px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-left: 0; - padding-top: 70px; - } - .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - top: 20px; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-left: 0; + padding-top: 70px; + } + .cptm-tab-content-header .directorist-form-doc__watch-tutorial { + top: 20px; + left: 50%; + transform: translateX(-50%); + } } @media only screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-top: 50px; - padding-bottom: 15px; - } - .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - top: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-top: 50px; + padding-bottom: 15px; + } + .cptm-tab-content-header .directorist-form-doc__watch-tutorial { + top: 0; + } } .cptm-tab-content-body { - display: block; + display: block; } .cptm-tab-content { - position: relative; - margin: 0 auto; - padding: 20px 30px; - min-height: 500px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + margin: 0 auto; + padding: 20px 30px; + min-height: 500px; + box-sizing: border-box; } @media only screen and (max-width: 991px) { - .cptm-tab-content { - padding: 20px 25px; - } + .cptm-tab-content { + padding: 20px 25px; + } } @media (max-width: 480px) { - .cptm-tab-content { - max-width: 100%; - padding: 15px 0; - } + .cptm-tab-content { + max-width: 100%; + padding: 15px 0; + } } .cptm-tab-content.tab-wide { - max-width: 1080px; + max-width: 1080px; } .cptm-tab-content.tab-short-wide { - max-width: 550px; + max-width: 550px; } .cptm-tab-content.tab-full-width { - max-width: 1345px; + max-width: 1345px; } .cptm-short-wide { - max-width: 550px; - width: 100%; - margin-left: auto; - margin-right: auto; + max-width: 550px; + width: 100%; + margin-left: auto; + margin-right: auto; } .cptm-tab-sub-content-item { - margin: 0 auto; - display: none; + margin: 0 auto; + display: none; } .cptm-tab-sub-content-item.active { - display: block; + display: block; } .cptm-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: flex; + flex-wrap: wrap; + margin: 0 -15px; } .cptm-col-5 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(42.66% - 30px); - padding: 0 15px; + flex-grow: 1; + width: calc(42.66% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-5 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-5 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-col-6 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(50% - 30px); - padding: 0 15px; + flex-grow: 1; + width: calc(50% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-6 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-6 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-col-7 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(57.33% - 30px); - padding: 0 15px; + flex-grow: 1; + width: calc(57.33% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-7 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-7 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-section { - position: relative; - margin-bottom: 50px; + position: relative; + margin-bottom: 50px; } -.cptm-section.submission_form_fields .cptm-form-builder-active-fields-container { - height: 100%; - padding-bottom: 162px; - -webkit-box-sizing: border-box; - box-sizing: border-box; +.cptm-section.submission_form_fields + .cptm-form-builder-active-fields-container { + height: 100%; + padding-bottom: 162px; + box-sizing: border-box; } .cptm-section.preview_mode { - position: absolute; - left: 31px; - bottom: 71px; - width: calc(50% + 50px); - padding: 24px 43px 50px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - z-index: 10; - background: #f8f9fa; - border: none; - border-radius: 0 0 8px 8px; + position: absolute; + left: 31px; + bottom: 71px; + width: calc(50% + 50px); + padding: 24px 43px 50px; + box-sizing: border-box; + z-index: 10; + background: #f8f9fa; + border: none; + border-radius: 0 0 8px 8px; } .cptm-section.preview_mode:before { - content: ""; - position: absolute; - top: 0; - right: 43px; - height: 1px; - width: calc(100% - 86px); - background-color: #f3f4f6; + content: ""; + position: absolute; + top: 0; + right: 43px; + height: 1px; + width: calc(100% - 86px); + background-color: #f3f4f6; } .cptm-section.preview_mode .cptm-title-area { - display: none; + display: none; } @media screen and (max-width: 1499px) { - .cptm-section.preview_mode { - width: calc(50% + 40px); - } + .cptm-section.preview_mode { + width: calc(50% + 40px); + } } @media screen and (max-width: 1399px) { - .cptm-section.preview_mode { - width: calc(50% + 20px); - } + .cptm-section.preview_mode { + width: calc(50% + 20px); + } } @media screen and (max-width: 1099px) { - .cptm-section.preview_mode { - width: calc(50% + 10px); - } + .cptm-section.preview_mode { + width: calc(50% + 10px); + } } @media screen and (max-width: 991px) { - .cptm-section.preview_mode { - left: 27px; - } + .cptm-section.preview_mode { + left: 27px; + } } @media screen and (max-width: 767px) { - .cptm-section.preview_mode { - width: calc(100% - 52px); - left: 26px; - bottom: 101px; - } + .cptm-section.preview_mode { + width: calc(100% - 52px); + left: 26px; + bottom: 101px; + } } @media screen and (max-width: 480px) { - .cptm-section.preview_mode { - left: 1px; - bottom: 96px; - width: calc(100% - 2px); - } + .cptm-section.preview_mode { + left: 1px; + bottom: 96px; + width: calc(100% - 2px); + } } .cptm-section.new_listing_status { - z-index: 11; + z-index: 11; } .cptm-section:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-form-builder-preset-fields:not(:last-child) { - margin-bottom: 40px; + margin-bottom: 40px; } .cptm-form-builder-preset-fields-header-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - margin: 0 0 16px; + display: flex; + gap: 15px; + margin: 0 0 16px; } -.cptm-form-builder-preset-fields-header-action-link .cptm-form-builder-preset-fields-header-action-icon { - font-size: 20px; +.cptm-form-builder-preset-fields-header-action-link + .cptm-form-builder-preset-fields-header-action-icon { + font-size: 20px; } .cptm-form-builder-preset-fields-header-action-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + box-shadow: none; } .cptm-form-builder-preset-fields-header-action-text { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - font-size: 14px; - font-weight: 500; - color: #141921; + flex: 1; + font-size: 14px; + font-weight: 500; + color: #141921; } .cptm-form-builder-preset-fields-header-action-link { - color: #747c89; + color: #747c89; } .cptm-title-3 { - margin: 0; - color: #272b41; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - font-weight: 500; - font-size: 18px; + margin: 0; + color: #272b41; + flex-grow: 1; + font-weight: 500; + font-size: 18px; } .cptm-description-text { - margin: 5px 0 20px; - color: #5a5f7d; - font-size: 15px; + margin: 5px 0 20px; + color: #5a5f7d; + font-size: 15px; } .cptm-form-builder-active-fields { - display: block; - height: 100%; + display: block; + height: 100%; } .cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper { - height: auto; - z-index: auto; + height: auto; + z-index: auto; } -.cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper:hover { - z-index: 1; +.cptm-form-builder-active-fields + .directorist-draggable-list-item-wrapper:hover { + z-index: 1; } .cptm-form-builder-active-fields .cptm-description-text + .cptm-btn { - border: 1px solid #3e62f5; - height: 43px; - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; - font-size: 14px; - font-weight: 500; - margin: 0 0 22px; + border: 1px solid #3e62f5; + height: 43px; + background: rgba(62, 98, 245, 0.1); + color: #3e62f5; + font-size: 14px; + font-weight: 500; + margin: 0 0 22px; } -.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn.cptm-btn-primary { - background: #3e62f5; - color: #fff; +.cptm-form-builder-active-fields + .cptm-description-text + + .cptm-btn.cptm-btn-primary { + background: #3e62f5; + color: #fff; } .cptm-form-builder-active-fields-container { - position: relative; - margin: 0; - background-color: #f8f9fa; - border: 1px solid #e3e6e9; - padding: 40px; - border-radius: 8px; - z-index: 1; + position: relative; + margin: 0; + background-color: #f8f9fa; + border: 1px solid #e3e6e9; + padding: 40px; + border-radius: 8px; + z-index: 1; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-container { - padding: 20px; - } + .cptm-form-builder-active-fields-container { + padding: 20px; + } } .cptm-form-builder-active-fields-footer { - text-align: right; + text-align: right; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer { - text-align: right; - } + .cptm-form-builder-active-fields-footer { + text-align: right; + } } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer .cptm-btn { - margin-right: 0; - } + .cptm-form-builder-active-fields-footer .cptm-btn { + margin-right: 0; + } } .cptm-form-builder-active-fields-footer .cptm-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - height: 40px; - color: #141921; - background: #ffffff; - border: 0 none; - margin: 4px 30px 24px 50px; - font-size: 14px; - font-weight: 600; - border-radius: 8px; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + display: flex; + gap: 8px; + height: 40px; + color: #141921; + background: #ffffff; + border: 0 none; + margin: 4px 30px 24px 50px; + font-size: 14px; + font-weight: 600; + border-radius: 8px; + border: 1px solid #e5e7eb; + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); } .cptm-form-builder-active-fields-footer .cptm-btn span { - font-size: 16px; + font-size: 16px; } .cptm-form-builder-active-fields-group { - position: relative; - margin-bottom: 15px; - padding-bottom: 0; + position: relative; + margin-bottom: 15px; + padding-bottom: 0; } .cptm-form-builder-group-header-section { - margin-bottom: 8px; + margin-bottom: 8px; } .cptm-form-builder-group-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: flex; + align-items: flex-start; } .cptm-form-builder-group-title-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 15px 20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - background-color: #383f47; - -webkit-box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-builder-group-title-area.expanded, .cptm-form-builder-group-title-area:focus, .cptm-form-builder-group-title-area:hover { - background-color: #141921; + display: flex; + flex-grow: 1; + padding: 15px 20px; + box-sizing: border-box; + border-radius: 8px; + background-color: #383f47; + box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); + transition: all ease 0.3s; +} +.cptm-form-builder-group-title-area.expanded, +.cptm-form-builder-group-title-area:focus, +.cptm-form-builder-group-title-area:hover { + background-color: #141921; } .expanded .cptm-form-builder-group-title-area { - border-radius: 8px 8px 0 0; + border-radius: 8px 8px 0 0; } -div[draggable=true].cptm-form-builder-group-title-area { - cursor: move; +div[draggable="true"].cptm-form-builder-group-title-area { + cursor: move; } .cptm-form-builder-group-title-area__dropable-wrapper { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-no-wrap { - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + flex-wrap: nowrap; } .cptm-card-top-area { - max-width: 450px; - margin: 0 auto; - margin-bottom: 10px; + max-width: 450px; + margin: 0 auto; + margin-bottom: 10px; } .cptm-card-top-area > .form-group .cptm-form-control { - background: none; - border: 1px solid #c6d0dc; - height: 42px; + background: none; + border: 1px solid #c6d0dc; + height: 42px; } .cptm-card-top-area > .form-group .cptm-template-type-wrapper { - position: relative; + position: relative; } .cptm-card-top-area > .form-group .cptm-template-type-wrapper:before { - content: "\f110"; - position: absolute; - font-family: "LineAwesome"; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - pointer-events: none; + content: "\f110"; + position: absolute; + font-family: "LineAwesome"; + left: 20px; + top: 50%; + transform: translateY(-50%); + pointer-events: none; } .cptm-card-placeholder-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -10px; + display: flex; + flex-wrap: wrap; + margin: 0 -10px; } .cptm-card-placeholder-col { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 0 10px; + flex-grow: 1; + padding: 0 10px; } .cptm-form-builder-group-title-area__dropable-placeholder { - margin-left: 15px; + margin-left: 15px; } .cptm-form-builder-group-title-actions .cptm-form-builder-header-action-link { - font-size: 20px; - color: #fff; + font-size: 20px; + color: #fff; } .cptm-form-builder-group-actions-dropdown { - position: relative; - top: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 32px; - margin-right: 10px; + position: relative; + top: 8px; + display: flex; + justify-content: flex-end; + flex-direction: column; + width: 32px; + margin-right: 10px; } .cptm-form-builder-group-actions-dropdown--field { - position: absolute; - left: 0; - top: 8px; + position: absolute; + left: 0; + top: 8px; } .cptm-form-builder-group-actions-dropdown-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 32px; - height: 32px; - background-color: transparent; - border-radius: 8px; - -webkit-transition: background ease 0.3s; - transition: background ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-btn:hover, .cptm-form-builder-group-actions-dropdown-btn:focus { - background-color: #d2d6db; + display: flex; + align-items: center; + justify-content: center; + width: 32px; + height: 32px; + background-color: transparent; + border-radius: 8px; + transition: background ease 0.3s; +} +.cptm-form-builder-group-actions-dropdown-btn:hover, +.cptm-form-builder-group-actions-dropdown-btn:focus { + background-color: #d2d6db; } .cptm-form-builder-group-actions-dropdown-btn:focus { - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + border: none; + outline: none; + box-shadow: none; } .cptm-form-builder-group-actions-dropdown-btn span { - font-size: 18px; - color: #747c89; + font-size: 18px; + color: #747c89; } .cptm-form-builder-group-actions-dropdown-content.expanded { - position: absolute; - width: 200px; - top: 100%; - left: 0; - z-index: 9; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #d94a4a; - background: #ffffff; - padding: 10px 15px; - width: 100%; - height: 50px; - font-size: 14px; - font-weight: 500; - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - -webkit-transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s; - transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link span { - font-size: 20px; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link:hover { - color: #ffffff; - background: #d94a4a; - border-color: #d94a4a; + position: absolute; + width: 200px; + top: 100%; + left: 0; + z-index: 9; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link { + display: flex; + gap: 8px; + align-items: center; + color: #d94a4a; + background: #ffffff; + padding: 10px 15px; + width: 100%; + height: 50px; + font-size: 14px; + font-weight: 500; + border-radius: 8px; + box-sizing: border-box; + border: 1px solid #e5e7eb; + box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); + transition: + background ease 0.3s, + color ease 0.3s, + border-color ease 0.3s; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link + span { + font-size: 20px; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link:hover { + color: #ffffff; + background: #d94a4a; + border-color: #d94a4a; } .cptm-form-builder-group-actions { - display: block; - min-width: 34px; - margin-right: 15px; + display: block; + min-width: 34px; + margin-right: 15px; } .cptm-form-builder-group-title { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - font-size: 14px; - color: #fff; + flex-grow: 1; + margin: 0; + font-size: 14px; + color: #fff; } .cptm-form-builder-group-options { - background-color: #fff; - margin: 0 30px 0 42px; - padding: 20px; - border-radius: 0 0 8px 8px; - -webkit-box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); - box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); + background-color: #fff; + margin: 0 30px 0 42px; + padding: 20px; + border-radius: 0 0 8px 8px; + box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); } .cptm-form-builder-group-options .directorist-form-fields-advanced { - padding: 0; - margin: 16px 0 0; - font-size: 13px; - font-weight: 500; - background: transparent; - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - color: #2e94fa; - text-decoration: underline; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - cursor: pointer; + padding: 0; + margin: 16px 0 0; + font-size: 13px; + font-weight: 500; + background: transparent; + border: none; + outline: none; + box-shadow: none; + color: #2e94fa; + text-decoration: underline; + transition: all ease 0.3s; + cursor: pointer; } .cptm-form-builder-group-options .directorist-form-fields-advanced:hover { - color: #3e62f5; -} -.cptm-form-builder-group-options .directorist-form-fields-area .cptm-form-group:last-child { - margin-bottom: 0; -} -.cptm-form-builder-group-options .cptm-form-builder-group-options__advanced-toggle { - font-size: 13px; - font-weight: 500; - color: #2e94fa; - background: transparent; - border: none; - padding: 0; - text-decoration: underline; - display: block; - margin-top: -7px; - cursor: pointer; + color: #3e62f5; +} +.cptm-form-builder-group-options + .directorist-form-fields-area + .cptm-form-group:last-child { + margin-bottom: 0; +} +.cptm-form-builder-group-options + .cptm-form-builder-group-options__advanced-toggle { + font-size: 13px; + font-weight: 500; + color: #2e94fa; + background: transparent; + border: none; + padding: 0; + text-decoration: underline; + display: block; + margin-top: -7px; + cursor: pointer; } .cptm-form-builder-group-fields { - display: block; - position: relative; + display: block; + position: relative; } .icon-picker-selector { - margin: 0; - padding: 3px 16px 3px 4px; - border: 1px solid #d2d6db; - border-radius: 8px; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + margin: 0; + padding: 3px 16px 3px 4px; + border: 1px solid #d2d6db; + border-radius: 8px; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); } .icon-picker-selector .icon-picker-selector__icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0; -} -.icon-picker-selector .icon-picker-selector__icon input[type=text].cptm-form-control { - padding: 5px 20px; - min-height: 20px; - background-color: transparent; - outline: none; + display: flex; + align-items: center; + margin: 0; +} +.icon-picker-selector + .icon-picker-selector__icon + input[type="text"].cptm-form-control { + padding: 5px 20px; + min-height: 20px; + background-color: transparent; + outline: none; } .icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon { - position: unset; - -webkit-transform: unset; - transform: unset; - font-size: 16px; + position: unset; + transform: unset; + font-size: 16px; } -.icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon:before { - margin-left: 6px; +.icon-picker-selector + .icon-picker-selector__icon + .directorist-selected-icon:before { + margin-left: 6px; } .icon-picker-selector .icon-picker-selector__icon input { - height: 32px; - border: none !important; - padding-right: 0 !important; + height: 32px; + border: none !important; + padding-right: 0 !important; } -.icon-picker-selector .icon-picker-selector__icon .icon-picker-selector__icon__reset { - font-size: 12px; - padding: 0 0 0 10px; +.icon-picker-selector + .icon-picker-selector__icon + .icon-picker-selector__icon__reset { + font-size: 12px; + padding: 0 0 0 10px; } .icon-picker-selector .icon-picker-selector__btn { - margin: 0; - height: 32px; - padding: 0 15px; - font-size: 13px; - font-weight: 500; - color: #2c3239; - border-radius: 6px; - background-color: #e5e7eb; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + margin: 0; + height: 32px; + padding: 0 15px; + font-size: 13px; + font-weight: 500; + color: #2c3239; + border-radius: 6px; + background-color: #e5e7eb; + transition: all ease 0.3s; } .icon-picker-selector .icon-picker-selector__btn:hover { - background-color: #e3e6e9; + background-color: #e3e6e9; } .cptm-restricted-area { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 999; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 10px; - text-align: center; - background: rgba(255, 255, 255, 0.8); + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 999; + display: flex; + justify-content: center; + align-items: center; + padding: 10px; + text-align: center; + background: rgba(255, 255, 255, 0.8); } .cptm-form-builder-group-field-item { - margin-bottom: 8px; - position: relative; - padding-left: 40px; - padding-right: 30px; - border-radius: 8px; + margin-bottom: 8px; + position: relative; + padding-left: 40px; + padding-right: 30px; + border-radius: 8px; } .cptm-form-builder-group-field-item .directorist-draggable-list-item { - position: absolute; - right: 0; + position: absolute; + right: 0; } -.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header { - border-color: #3e62f5; - border-radius: 8px 8px 0 0; - background-color: #f0f3ff; +.cptm-form-builder-group-field-item.expanded + .cptm-form-builder-group-field-item-header { + border-color: #3e62f5; + border-radius: 8px 8px 0 0; + background-color: #f0f3ff; } -.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header .cptm-form-builder-header-action-link { - color: #747c89; +.cptm-form-builder-group-field-item.expanded + .cptm-form-builder-group-field-item-header + .cptm-form-builder-header-action-link { + color: #747c89; } -.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-body { - border-color: #3e62f5; +.cptm-form-builder-group-field-item.expanded + .cptm-form-builder-group-field-item-body { + border-color: #3e62f5; } .cptm-form-builder-group-field-item-drag span { - color: #a1a9b2; + color: #a1a9b2; } .cptm-form-builder-group-field-item-actions { - display: block; - position: absolute; - left: -15px; - -webkit-transform: translate(-34px, 7px); - transform: translate(-34px, 7px); + display: block; + position: absolute; + left: -15px; + transform: translate(-34px, 7px); } .cptm-form-builder-group-field-item-action-link { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 14px; - background-color: #e3e6ef; - border-radius: 50%; - width: 34px; - height: 34px; - text-align: center; - color: #868eae; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 14px; + background-color: #e3e6ef; + border-radius: 50%; + width: 34px; + height: 34px; + text-align: center; + color: #868eae; + transition: all ease-in-out 300ms; } .action-trash:hover { - color: #e62626; - background-color: rgba(255, 0, 0, 0.15); + color: #e62626; + background-color: rgba(255, 0, 0, 0.15); } .action-trash:hover { - background-color: #d7d7d7; + background-color: #d7d7d7; } .action-trash:hover:hover { - color: #e62626; - background-color: rgba(255, 0, 0, 0.15); + color: #e62626; + background-color: rgba(255, 0, 0, 0.15); } .cptm-form-builder-group-field-item-header-actions { - margin-right: 10px; + margin-right: 10px; } -.cptm-form-builder-group-field-item-header-actions .cptm-form-builder-header-action-link { - font-size: 20px; - color: #747c89; +.cptm-form-builder-group-field-item-header-actions + .cptm-form-builder-header-action-link { + font-size: 20px; + color: #747c89; } .cptm-form-builder-header-action-link { - display: inline-block; - padding: 0; - font-size: 11px; - margin-right: 5px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - opacity: 0.5; + display: inline-block; + padding: 0; + font-size: 11px; + margin-right: 5px; + transition: all ease-in-out 300ms; + opacity: 0.5; } .cptm-form-builder-header-action-link:hover { - opacity: 1; + opacity: 1; } .action-collapse-up span, .action-collapse-up span::before { - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(0); - transform: rotate(0); + transition: all ease-in-out 300ms; + transform: rotate(0); } .action-collapse-down span, .action-collapse-down span::before { - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(-180deg); - transform: rotate(-180deg); + transition: all ease-in-out 300ms; + transform: rotate(-180deg); } .cptm-form-builder-group-field-item-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - position: relative; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 12px 20px; - cursor: default; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - border-radius: 8px; - background-color: #fff; - border: 1px solid #e5e7eb; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - z-index: 0; + display: flex; + position: relative; + justify-content: space-between; + padding: 12px 20px; + cursor: default; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + border-radius: 8px; + background-color: #fff; + border: 1px solid #e5e7eb; + transition: all ease 0.3s; + z-index: 0; } .cptm-form-builder-group-field-item-header .cptm-title-3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - color: #2c3239; + display: flex; + gap: 8px; + align-items: center; + font-size: 14px; + font-weight: 500; + color: #2c3239; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon { - font-size: 16px; - color: #747c89; + font-size: 16px; + color: #747c89; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg svg { - width: 16px; - height: 16px; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg svg path { - fill: #747c89; + display: flex; + align-items: center; + justify-content: center; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-icon-svg + svg { + width: 16px; + height: 16px; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-icon-svg + svg + path { + fill: #747c89; } .cptm-form-builder-group-field-item-header .cptm-title-3 > span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip { - position: relative; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip:before { - content: attr(data-info); - position: absolute; - top: calc(100% + 8px); - right: 0; - min-width: 180px; - max-width: 180px; - text-align: center; - color: #ffffff; - font-size: 13px; - font-weight: 500; - padding: 10px 12px; - border-radius: 6px; - background-color: #141921; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip:after { - content: ""; - position: absolute; - top: calc(100% + 2px); - right: 4px; - border-bottom: 6px solid #141921; - border-right: 6px solid transparent; - border-left: 6px solid transparent; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip:hover:before, .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip:hover:after { - opacity: 1; - visibility: visible; - z-index: 1; + display: flex; + gap: 12px; + align-items: center; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip { + position: relative; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip:before { + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + right: 0; + min-width: 180px; + max-width: 180px; + text-align: center; + color: #ffffff; + font-size: 13px; + font-weight: 500; + padding: 10px 12px; + border-radius: 6px; + background-color: #141921; + opacity: 0; + visibility: hidden; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip:after { + content: ""; + position: absolute; + top: calc(100% + 2px); + right: 4px; + border-bottom: 6px solid #141921; + border-right: 6px solid transparent; + border-left: 6px solid transparent; + opacity: 0; + visibility: hidden; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip:hover:before, +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip:hover:after { + opacity: 1; + visibility: visible; + z-index: 1; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - line-height: 14px; - font-weight: 400; - padding: 4px 8px; - color: #ca6f04; - background-color: #fdefce; - border-radius: 4px; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info .cptm-title-info-icon { - font-size: 16px; + display: flex; + gap: 8px; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 400; + padding: 4px 8px; + color: #ca6f04; + background-color: #fdefce; + border-radius: 4px; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info + .cptm-title-info-icon { + font-size: 16px; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info i { - font-size: 16px; - color: #4d5761; + font-size: 16px; + color: #4d5761; } .directorist-draggable-list-item { - position: relative; - top: 15px; - float: right; - margin-left: 17px; - -webkit-box-flex: unset; - -webkit-flex-grow: unset; - -ms-flex-positive: unset; - flex-grow: unset; + position: relative; + top: 15px; + float: right; + margin-left: 17px; + flex-grow: unset; } .cptm-form-builder-group-field-item-body { - padding: 22px 25px 25px; - background-color: #fff; - border-radius: 0 0 8px 8px; - border: 1px solid transparent; - border-top: none; + padding: 22px 25px 25px; + background-color: #fff; + border-radius: 0 0 8px 8px; + border: 1px solid transparent; + border-top: none; } .cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle { - border-bottom: 1px solid #f1f2f6; - padding-bottom: 15px; - margin-bottom: 15px; + border-bottom: 1px solid #f1f2f6; + padding-bottom: 15px; + margin-bottom: 15px; } -.cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle .cptm-form-group { - margin-bottom: 0; +.cptm-form-builder-group-field-item-body + .cptm-field-wraper-type-toggle + .cptm-form-group { + margin-bottom: 0; } -.cptm-form-builder-group-field-item-body .directorist-type-icon-select + .cptm-form-group { - margin-top: 20px; +.cptm-form-builder-group-field-item-body + .directorist-type-icon-select + + .cptm-form-group { + margin-top: 20px; } .cptm-form-builder-field-list { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + margin: 0; + display: flex; + gap: 6px; + flex-wrap: wrap; } .cptm-form-builder-field-list .directorist-draggable-list-item { - position: unset; + position: unset; } .cptm-form-builder-field-list-item { - width: calc(50% - 3px); - padding: 10px 16px; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - list-style: none; - background-color: #ffffff; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + width: calc(50% - 3px); + padding: 10px 16px; + margin: 0; + display: flex; + align-items: center; + flex-wrap: wrap; + list-style: none; + background-color: #ffffff; + border: 1px solid #e5e7eb; + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + border-radius: 8px; + box-sizing: border-box; + transition: all ease 0.3s; } .cptm-form-builder-field-list-item .directorist-draggable-list-item-slot { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .cptm-form-builder-field-list-item:hover { - background-color: #e5e7eb; - -webkit-box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); - box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); + background-color: #e5e7eb; + box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); } .cptm-form-builder-field-list-item.clickable { - cursor: pointer; + cursor: pointer; } .cptm-form-builder-field-list-item.disabled { - cursor: not-allowed; + cursor: not-allowed; } @media (max-width: 400px) { - .cptm-form-builder-field-list-item { - width: calc(100% - 6px); - } + .cptm-form-builder-field-list-item { + width: calc(100% - 6px); + } } -li[class=cptm-form-builder-field-list-item][draggable=true] { - cursor: move; +li[class="cptm-form-builder-field-list-item"][draggable="true"] { + cursor: move; } .cptm-form-builder-field-list-icon { - display: inline-block; - margin-left: 12px; - width: 16px; - font-size: 16px; - color: #747c89; + display: inline-block; + margin-left: 12px; + width: 16px; + font-size: 16px; + color: #747c89; } .cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } .cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } -.cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg svg path { - fill: #747c89; +.cptm-form-builder-field-list-icon + .cptm-form-builder-field-list-icon-svg + svg + path { + fill: #747c89; } .cptm-form-builder-field-list-label { - display: inline-block; - font-size: 13px; - font-weight: 400; - color: #383f47; + display: inline-block; + font-size: 13px; + font-weight: 400; + color: #383f47; } .cptm-info-text-area { - margin-bottom: 10px; + margin-bottom: 10px; } .cptm-info-text { - margin: 0; - padding: 10px 0; - color: gray; + margin: 0; + padding: 10px 0; + color: gray; } .cptm-info-success { - color: #00b158; + color: #00b158; } .cptm-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .cptm-item-footer-drop-area { - position: absolute; - right: 0; - bottom: 0; - width: 100%; - height: 20px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: translate(0, 100%); - transform: translate(0, 100%); - z-index: 5; + position: absolute; + right: 0; + bottom: 0; + width: 100%; + height: 20px; + transition: all ease-in-out 300ms; + transform: translate(0, 100%); + z-index: 5; } .cptm-item-footer-drop-area.drag-enter { - background-color: rgba(23, 135, 255, 0.3); + background-color: rgba(23, 135, 255, 0.3); } .cptm-item-footer-drop-area.cptm-group-item-drop-area { - height: 40px; + height: 40px; } .cptm-form-builder-group-field-item-drop-area { - height: 20px; - position: absolute; - bottom: -20px; - z-index: 5; - width: 100%; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + height: 20px; + position: absolute; + bottom: -20px; + z-index: 5; + width: 100%; + transition: all ease-in-out 300ms; } .cptm-form-builder-group-field-item-drop-area.drag-enter { - background-color: rgba(23, 135, 255, 0.3); + background-color: rgba(23, 135, 255, 0.3); } .cptm-checkbox-area, .cptm-options-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 10px 0; - left: 0; - right: 0; + display: flex; + flex-direction: column; + margin: 10px 0; + left: 0; + right: 0; } .cptm-checkbox-area .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } @media (max-width: 1300px) { - .cptm-checkbox-area, - .cptm-options-area { - position: static; - } + .cptm-checkbox-area, + .cptm-options-area { + position: static; + } } .cptm-checkbox-item, .cptm-radio-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-left: 20px; + display: flex; + margin-left: 20px; } .cptm-tab-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .cptm-tab-area .cptm-tab-item input { - display: none; + display: none; } .cptm-tab-area .cptm-tab-item input:checked + label { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-tab-area .cptm-tab-item label { - margin: 0; - padding: 0 12px; - height: 32px; - line-height: 32px; - font-size: 14px; - font-weight: 500; - color: #747c89; - background: #e5e7eb; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + margin: 0; + padding: 0 12px; + height: 32px; + line-height: 32px; + font-size: 14px; + font-weight: 500; + color: #747c89; + background: #e5e7eb; + cursor: pointer; + transition: all ease-in-out 300ms; } .cptm-tab-area .cptm-tab-item label:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } @media screen and (max-width: 782px) { - .enable_schema_markup .atbdp-label-icon-wrapper { - margin-bottom: 15px !important; - } + .enable_schema_markup .atbdp-label-icon-wrapper { + margin-bottom: 15px !important; + } } .cptm-schema-tab-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 12px; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 12px; } .cptm-schema-tab-label { - color: rgba(0, 6, 38, 0.9); - font-size: 15px; - font-style: normal; - font-weight: 600; - line-height: 16px; + color: rgba(0, 6, 38, 0.9); + font-size: 15px; + font-style: normal; + font-weight: 600; + line-height: 16px; } .cptm-schema-tab-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px 20px; + display: flex; + gap: 10px 20px; } @media screen and (max-width: 782px) { - .cptm-schema-tab-wrapper { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .cptm-schema-tab-wrapper { + flex-wrap: wrap; + } } -.cptm-schema-tab-wrapper input[type=radio]:checked { - background-color: #3e62f5 !important; - border-color: #3e62f5 !important; +.cptm-schema-tab-wrapper input[type="radio"]:checked { + background-color: #3e62f5 !important; + border-color: #3e62f5 !important; } -.cptm-schema-tab-wrapper input[type=radio]:checked::before { - background-color: white !important; +.cptm-schema-tab-wrapper input[type="radio"]:checked::before { + background-color: white !important; } .cptm-schema-tab-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 12px 16px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid rgba(0, 17, 102, 0.1); - background-color: #fff; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: flex; + padding: 12px 16px; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid rgba(0, 17, 102, 0.1); + background-color: #fff; + transition: all ease-in-out 300ms; } @media screen and (max-width: 782px) { - .cptm-schema-tab-item { - width: 100%; - } + .cptm-schema-tab-item { + width: 100%; + } } -.cptm-schema-tab-item input[type=radio] { - -webkit-box-shadow: none; - box-shadow: none; +.cptm-schema-tab-item input[type="radio"] { + box-shadow: none; } @media screen and (max-width: 782px) { - .cptm-schema-tab-item input[type=radio] { - width: 16px; - height: 16px; - } - .cptm-schema-tab-item input[type=radio]:checked:before { - width: 0.5rem; - height: 0.5rem; - margin: 3px 3px; - line-height: 1.14285714; - } + .cptm-schema-tab-item input[type="radio"] { + width: 16px; + height: 16px; + } + .cptm-schema-tab-item input[type="radio"]:checked:before { + width: 0.5rem; + height: 0.5rem; + margin: 3px 3px; + line-height: 1.14285714; + } } .cptm-schema-tab-item.active { - border-color: #3e62f5 !important; - background-color: #f0f3ff; + border-color: #3e62f5 !important; + background-color: #f0f3ff; } .cptm-schema-tab-item.active .cptm-schema-label-wrapper { - color: #3e62f5 !important; + color: #3e62f5 !important; } .cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child { - cursor: not-allowed; - opacity: 0.5; - pointer-events: none; + cursor: not-allowed; + opacity: 0.5; + pointer-events: none; } -.cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child .cptm-schema-label-badge { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; +.cptm-schema-multi-directory-disabled + .cptm-schema-tab-item:last-child + .cptm-schema-label-badge { + display: inline-flex; } .cptm-schema-label-wrapper { - color: rgba(0, 6, 38, 0.9) !important; - font-size: 14px !important; - font-style: normal; - font-weight: 600 !important; - line-height: 20px; - cursor: pointer; - margin: 0 !important; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + color: rgba(0, 6, 38, 0.9) !important; + font-size: 14px !important; + font-style: normal; + font-weight: 600 !important; + line-height: 20px; + cursor: pointer; + margin: 0 !important; + transition: all ease-in-out 300ms; } .cptm-schema .cptm-schema-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; + display: flex; + align-items: center; + gap: 6px; } .cptm-schema-label-badge { - display: none; - height: 20px; - padding: 0px 8px; - border-radius: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background-color: #e3ecf2; - color: rgba(0, 8, 51, 0.65); - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 16px; - letter-spacing: 0.12px; + display: none; + height: 20px; + padding: 0px 8px; + border-radius: 4px; + align-items: center; + background-color: #e3ecf2; + color: rgba(0, 8, 51, 0.65); + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 16px; + letter-spacing: 0.12px; } .cptm-schema-label-description { - color: rgba(0, 8, 51, 0.65); - font-size: 12px !important; - font-style: normal; - font-weight: 400; - line-height: 18px; - margin-top: 2px; + color: rgba(0, 8, 51, 0.65); + font-size: 12px !important; + font-style: normal; + font-weight: 400; + line-height: 18px; + margin-top: 2px; } #listing_settings__listings_page .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } -input[type=checkbox].cptm-checkbox { - display: none; +input[type="checkbox"].cptm-checkbox { + display: none; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui { - color: #3e62f5; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui { + color: #3e62f5; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui::before { - font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; - font-weight: 900; - color: #fff; - content: "\f00c"; - z-index: 22; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui::before { + font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; + font-weight: 900; + color: #fff; + content: "\f00c"; + z-index: 22; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui:after { - background-color: #00b158; - border-color: #00b158; - z-index: -1; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui:after { + background-color: #00b158; + border-color: #00b158; + z-index: -1; } -input[type=radio].cptm-radio { - margin-top: 1px; +input[type="radio"].cptm-radio { + margin-top: 1px; } .cptm-form-range-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: inline-flex; + flex-wrap: wrap; } .cptm-form-range-wrap .cptm-form-range-bar { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-form-range-wrap .cptm-form-range-output { - width: 30px; + width: 30px; } .cptm-form-range-wrap .cptm-form-range-output-text { - padding: 10px 20px; - background-color: #fff; + padding: 10px 20px; + background-color: #fff; } .cptm-checkbox-ui { - display: inline-block; - min-width: 16px; - position: relative; - z-index: 1; - margin-left: 12px; + display: inline-block; + min-width: 16px; + position: relative; + z-index: 1; + margin-left: 12px; } .cptm-checkbox-ui::before { - font-size: 10px; - line-height: 1; - font-weight: 900; - display: inline-block; - margin-right: 4px; + font-size: 10px; + line-height: 1; + font-weight: 900; + display: inline-block; + margin-right: 4px; } .cptm-checkbox-ui:after { - position: absolute; - right: 0; - top: 0; - width: 18px; - height: 18px; - border-radius: 4px; - border: 1px solid #c6d0dc; - content: ""; + position: absolute; + right: 0; + top: 0; + width: 18px; + height: 18px; + border-radius: 4px; + border: 1px solid #c6d0dc; + content: ""; } .cptm-vh { - overflow: hidden; - overflow-y: auto; - max-height: 100vh; + overflow: hidden; + overflow-y: auto; + max-height: 100vh; } .cptm-thumbnail { - max-width: 350px; - width: 100%; - height: auto; - margin-bottom: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: #f2f2f2; + max-width: 350px; + width: 100%; + height: auto; + margin-bottom: 20px; + display: flex; + justify-content: center; + background-color: #f2f2f2; } .cptm-thumbnail img { - display: block; - width: 100%; - height: auto; + display: block; + width: 100%; + height: auto; } .cptm-thumbnail-placeholder { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } .cptm-thumbnail-placeholder-icon { - font-size: 40px; - color: #d2d6db; + font-size: 40px; + color: #d2d6db; } .cptm-thumbnail-placeholder-icon svg { - width: 40px; - height: 40px; + width: 40px; + height: 40px; } .cptm-thumbnail-img-wrap { - position: relative; + position: relative; } .cptm-thumbnail-action { - display: inline-block; - position: absolute; - top: 0; - left: 0; - background-color: #c6c6c6; - padding: 5px 8px; - border-radius: 50%; - margin: 10px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + position: absolute; + top: 0; + left: 0; + background-color: #c6c6c6; + padding: 5px 8px; + border-radius: 50%; + margin: 10px; + cursor: pointer; + transition: all ease-in-out 300ms; } .cptm-sub-navigation { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + padding: 0; + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; } .cptm-sub-nav__item { - list-style: none; - margin: 0; + list-style: none; + margin: 0; } .cptm-sub-nav__item-link { - display: block; - text-decoration: none; - padding: 12px 25px; - border-radius: 30px; - margin: 22px 5px; - color: #7a8289; - font-weight: 600; - background-color: #f1f2f6; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.cptm-sub-nav__item-link:hover, .cptm-sub-nav__item-link.active { - font-weight: 600; - color: #fff; - background: #3e62f5; + display: block; + text-decoration: none; + padding: 12px 25px; + border-radius: 30px; + margin: 22px 5px; + color: #7a8289; + font-weight: 600; + background-color: #f1f2f6; + transition: 0.3s ease; +} +.cptm-sub-nav__item-link:hover, +.cptm-sub-nav__item-link.active { + font-weight: 600; + color: #fff; + background: #3e62f5; } .cptm-sub-nav__item-link.active { - font-weight: bold; + font-weight: bold; } .cptm-builder-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - position: relative; + display: flex; + flex-wrap: wrap; + position: relative; } .cptm-options-area { - width: 300px; + width: 300px; } .cptm-option-card { - display: none; - margin-bottom: 10px; - opacity: 0; - border-radius: 5px; - text-align: right; - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transition: all linear 300ms; - transition: all linear 300ms; - pointer-events: none; + display: none; + margin-bottom: 10px; + opacity: 0; + border-radius: 5px; + text-align: right; + transform-origin: center; + transition: all linear 300ms; + pointer-events: none; } .cptm-option-card.cptm-animation-flip { - -webkit-transform: rotate3d(0, -1, 0, -45deg); - transform: rotate3d(0, -1, 0, -45deg); + transform: rotate3d(0, -1, 0, -45deg); } .cptm-option-card.cptm-animation-slide-up { - -webkit-transform: translate(0, 30px); - transform: translate(0, 30px); + transform: translate(0, 30px); } .cptm-option-card.active { - display: block; - opacity: 1; - pointer-events: all; + display: block; + opacity: 1; + pointer-events: all; } .cptm-option-card.active.cptm-animation-flip { - -webkit-transform: rotate3d(0, 0, 0, 0deg); - transform: rotate3d(0, 0, 0, 0deg); + transform: rotate3d(0, 0, 0, 0deg); } .cptm-option-card.active.cptm-animation-slide-up { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); + transform: translate(0, 0); } .cptm-anchor-down { - display: block; - text-align: center; - position: relative; - top: -1px; + display: block; + text-align: center; + position: relative; + top: -1px; } .cptm-anchor-down:after { - content: ""; - display: inline-block; - width: 0; - height: 0; - border-right: 15px solid transparent; - border-left: 15px solid transparent; - border-top: 15px solid #fff; + content: ""; + display: inline-block; + width: 0; + height: 0; + border-right: 15px solid transparent; + border-left: 15px solid transparent; + border-top: 15px solid #fff; } .cptm-header-action-link { - display: inline-block; - padding: 0 10px; - text-decoration: none; - color: #fff; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 0 10px; + text-decoration: none; + color: #fff; + transition: all ease-in-out 300ms; } .cptm-header-action-link:hover { - color: #fff; + color: #fff; } .cptm-option-card-header { - border-radius: 5px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - background-color: #3e62f5; + border-radius: 5px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + background-color: #3e62f5; } .cptm-option-card-header-title-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #fff; - min-height: 56px; - padding: 0 25px 0 15px; + display: flex; + align-items: center; + color: #fff; + min-height: 56px; + padding: 0 25px 0 15px; } .cptm-option-card-header-title { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - text-align: right; - color: #fff; + flex-grow: 1; + margin: 0; + text-align: right; + color: #fff; } .cptm-header-action-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0 10px 0 0; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + padding: 0 10px 0 0; + justify-content: center; + align-items: center; } .cptm-option-card-header-nav-section { - display: block; + display: block; } .cptm-option-card-header-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - color: #fff; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0; - margin: 0; - background-color: rgba(255, 255, 255, 0.15); + display: flex; + color: #fff; + flex-wrap: wrap; + padding: 0; + margin: 0; + background-color: rgba(255, 255, 255, 0.15); } .cptm-option-card-header-nav-item { - display: block; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - padding: 8px 10px; - cursor: pointer; - margin-bottom: 0; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: block; + flex-grow: 1; + text-align: center; + padding: 8px 10px; + cursor: pointer; + margin-bottom: 0; + transition: all ease-in-out 300ms; } .cptm-option-card-header-nav-item.active { - background-color: rgba(255, 255, 255, 0.15); + background-color: rgba(255, 255, 255, 0.15); } .cptm-option-card-body { - padding: 18px 20px 20px; - border-radius: 5px; - border-top-left-radius: 0; - border-top-right-radius: 0; - -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); - box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); - background-color: #fff; - max-height: 500px; - overflow-y: auto; + padding: 18px 20px 20px; + border-radius: 5px; + border-top-left-radius: 0; + border-top-right-radius: 0; + box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); + background-color: #fff; + max-height: 500px; + overflow-y: auto; } .cptm-option-card-body .cptm-form-group:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-option-card-body .directorist-type-icon-select { - margin-bottom: 20px; + margin-bottom: 20px; } .cptm-option-card-body .directorist-type-icon-select .icon-picker-selector { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .cptm-widget-insert-area { - position: absolute; - bottom: 0; - right: 50%; - z-index: 99; - -webkit-transform: translate(50%, 50%); - transform: translate(50%, 50%); + position: absolute; + bottom: 0; + right: 50%; + z-index: 99; + transform: translate(50%, 50%); } .cptm-widget-insert-wrap { - position: relative; + position: relative; } .cptm-widget-insert-modal-container { - position: absolute; - right: 50%; - top: 0; - width: 330px; - -webkit-transform: translate(50%, -100%); - transform: translate(50%, -100%); - pointer-events: none; + position: absolute; + right: 50%; + top: 0; + width: 330px; + transform: translate(50%, -100%); + pointer-events: none; } .cptm-widget-insert-modal-container.active { - pointer-events: all; + pointer-events: all; } .cptm-widget-insert-link { - display: inline-block; - width: 26px; - height: 26px; - line-height: 25px; - border-radius: 50%; - font-size: 14px; - text-align: center; - text-decoration: none; - background-color: #fff; - -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - color: #5a5f7d; + display: inline-block; + width: 26px; + height: 26px; + line-height: 25px; + border-radius: 50%; + font-size: 14px; + text-align: center; + text-decoration: none; + background-color: #fff; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + color: #5a5f7d; } .cptm-listing-card-preview-body .cptm-widget-insert-link, .cptm-listing-card-preview-footer .cptm-widget-insert-link { - background: #23282d; - color: #fff; + background: #23282d; + color: #fff; } .cptm-widget-card-drop-prepend { - border-radius: 8px; + border-radius: 8px; } .cptm-widget-card-drop-append { - display: block; - width: 100%; - height: 0; - border-radius: 8px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: transparent; - border: 1px dashed transparent; + display: block; + width: 100%; + height: 0; + border-radius: 8px; + transition: all ease-in-out 300ms; + background-color: transparent; + border: 1px dashed transparent; } .cptm-widget-card-drop-append.dropable { - margin: 3px 0; - height: 10px; - border-color: cornflowerblue; + margin: 3px 0; + height: 10px; + border-color: cornflowerblue; } .cptm-widget-card-drop-append.drag-enter { - background-color: cornflowerblue; + background-color: cornflowerblue; } .cptm-widget-card-wrap { - visibility: visible; + visibility: visible; } .cptm-widget-card-inline-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - vertical-align: top; + display: inline-flex; + vertical-align: top; } .cptm-widget-card-inline-wrap .cptm-widget-card { - display: inline-block; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + display: inline-block; + flex: 1; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append { - display: inline-block; - width: 0; - height: auto; + display: inline-block; + width: 0; + height: auto; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append.dropable { - margin: 0 3px; - width: 10px; - max-width: 10px; + margin: 0 3px; + width: 10px; + max-width: 10px; } .cptm-list-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 5px; - color: gray; - font-weight: 600; - font-size: 16px; + display: flex; + padding: 5px; + color: gray; + font-weight: 600; + font-size: 16px; } .cptm-list-item .cptm-list-item-icon { - width: 25px; + width: 25px; } .cptm-list-item .cptm-list-item-label { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-list-item-card { - display: block; + display: block; } .cptm-widget-badge { - display: inline-block; - text-align: center; - color: #fff; - border-radius: 5px; - font-size: 11px; - padding: 2px 8px; - margin: 2px; - font-weight: 700; - background-color: rgba(255, 255, 255, 0.2); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - position: relative; + display: inline-block; + text-align: center; + color: #fff; + border-radius: 5px; + font-size: 11px; + padding: 2px 8px; + margin: 2px; + font-weight: 700; + background-color: rgba(255, 255, 255, 0.2); + transition: 0.3s ease; + position: relative; } .cptm-preview-area { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-preview-wrapper { - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - gap: 25px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex !important; + gap: 25px; + align-items: center; + justify-content: space-between; } .cptm-preview-wrapper .cptm-preview-radio-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - max-width: 300px; + display: flex; + flex-direction: column; + flex: 0 0 auto; + max-width: 300px; } .cptm-preview-wrapper .cptm-preview-area-archive img { - max-height: 100px; + max-height: 100px; } .cptm-widget-thumb .cptm-widget-thumb-icon i { - font-size: 80px; - opacity: 0.1; + font-size: 80px; + opacity: 0.1; } .cptm-widget-thumb .cptm-widget-label { - font-size: 13px; - font-weight: 500; - color: #868eae; + font-size: 13px; + font-weight: 500; + color: #868eae; } .cptm-placeholder-blcok { - padding: 2px; - position: relative; - min-height: 54px; - border: 2px dashed rgba(255, 255, 255, 0.15); - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 4px; - z-index: 99; + padding: 2px; + position: relative; + min-height: 54px; + border: 2px dashed rgba(255, 255, 255, 0.15); + transition: all ease-in-out 300ms; + box-sizing: border-box; + border-radius: 4px; + z-index: 99; } -.cptm-placeholder-blcok:hover, .cptm-placeholder-blcok.drag-enter { - border-color: rgb(255, 255, 255); +.cptm-placeholder-blcok:hover, +.cptm-placeholder-blcok.drag-enter { + border-color: rgb(255, 255, 255); } .cptm-placeholder-label { - margin: 0; - text-align: center; - margin-bottom: 0; - text-align: center; - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - z-index: 0; - color: rgba(255, 255, 255, 0.4); - font-size: 13px; + margin: 0; + text-align: center; + margin-bottom: 0; + text-align: center; + position: absolute; + right: 50%; + top: 50%; + transform: translate(50%, -50%); + z-index: 0; + color: rgba(255, 255, 255, 0.4); + font-size: 13px; } .cptm-placeholder-label.hide { - display: none; + display: none; } .cptm-listing-card-preview-footer .cptm-placeholder-label { - color: #868eae; + color: #868eae; } .cptm-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 100%; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + height: 100%; + flex-wrap: wrap; + justify-content: center; + align-items: center; } .cptm-center-content.cptm-content-wide * { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .cptm-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .cptm-listing-card-body-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .cptm-align-left { - text-align: right; + text-align: right; } .cptm-listing-card-body-header-left { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-listing-card-body-header-right { - width: 100px; - margin-right: 10px; + width: 100px; + margin-right: 10px; } .cptm-card-preview-area-wrap { - max-width: 450px; - margin: 0 auto; + max-width: 450px; + margin: 0 auto; } .cptm-card-preview-widget { - max-width: 450px; - margin: 0 auto; - border-radius: 8px; - -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - background-color: #fff; + max-width: 450px; + margin: 0 auto; + border-radius: 8px; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); + background-color: #fff; } .cptm-card-preview-widget.cptm-card-list-view { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - max-width: 100%; + display: flex; + flex-wrap: wrap; + max-width: 100%; } .cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-thumbnail { - height: 100%; + height: 100%; } -.cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { - min-width: 320px; - min-height: 300px; +.cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header { + min-width: 320px; + min-height: 300px; } @media (max-width: 400px) { - .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { - min-width: 100%; - } + .cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header { + min-width: 100%; + } } .cptm-field-wraper-key-single_listing_header .cptm-card-preview-area-wrap, .cptm-field-wraper-key-single_listing_header .cptm-card-preview-widget { - max-width: 750px; + max-width: 750px; } .cptm-listing-card-preview-header { - display: block; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + display: block; + flex-grow: 1; } .cptm-listing-card-content { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-card-preview-thumbnail { - position: relative; - height: 280px; - background: #272b41; - border-radius: 5px 5px 0 0; + position: relative; + height: 280px; + background: #272b41; + border-radius: 5px 5px 0 0; } .cptm-card-preview-thumbnail-overlay { - position: relative; - height: 100%; - padding: 20px 10px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + height: 100%; + padding: 20px 10px; + box-sizing: border-box; } .cptm-card-preview-thumbnail-placeholer { - height: 100%; + height: 100%; } .cptm-card-preview-thumbnail-placeholder { - height: 100%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + height: 100%; + text-align: center; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; } .cptm-listing-card-preview-quick-info-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-card-preview-thumbnail-bg { - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - font-size: 72px; - color: #7b7d8b; + position: absolute; + right: 50%; + top: 50%; + transform: translate(50%, -50%); + font-size: 72px; + color: #7b7d8b; } .cptm-card-preview-thumbnail-bg span { - color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.1); } .cptm-card-preview-top-left { - width: calc(50% - 30px); - position: absolute; - top: 20px; - right: 20px; + width: calc(50% - 30px); + position: absolute; + top: 20px; + right: 20px; } .cptm-card-preview-top-left-placeholder { - display: block; - text-align: right; + display: block; + text-align: right; } .cptm-card-preview-top-right { - position: absolute; - left: 20px; - top: 20px; - width: calc(50% - 30px); + position: absolute; + left: 20px; + top: 20px; + width: calc(50% - 30px); } .cptm-card-preview-top-right-placeholder { - text-align: left; + text-align: left; } .cptm-card-preview-bottom-left { - position: absolute; - width: calc(50% - 30px); - bottom: 53px; - right: 20px; + position: absolute; + width: calc(50% - 30px); + bottom: 53px; + right: 20px; } .cptm-card-preview-bottom-left-placeholder { - display: block; - text-align: right; + display: block; + text-align: right; } .cptm-card-preview-bottom-right { - position: absolute; - bottom: 53px; - left: 20px; - width: calc(50% - 30px); + position: absolute; + bottom: 53px; + left: 20px; + width: calc(50% - 30px); } .cptm-card-preview-bottom-right-placeholder { - display: block; - text-align: left; + display: block; + text-align: left; } .cptm-listing-card-preview-body { - display: block; - padding: 35px 20px 20px; - position: relative; + display: block; + padding: 35px 20px 20px; + position: relative; } .cptm-listing-card-author-avatar { - z-index: 99; - position: absolute; - right: 50%; - top: 0; - width: calc(100% - 40px); - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); + z-index: 99; + position: absolute; + right: 50%; + top: 0; + width: calc(100% - 40px); + transform: translate(50%, -50%); } .cptm-listing-card-author-avatar .cptm-placeholder-blcok { - padding: 0; - height: 51px; - min-height: auto; - text-align: center; - border-color: rgba(198, 208, 220, 0.5); + padding: 0; + height: 51px; + min-height: auto; + text-align: center; + border-color: rgba(198, 208, 220, 0.5); } -.cptm-listing-card-author-avatar .cptm-widget-insert-area .cptm-widget-insert-link { - background-color: #fff; - color: #5a5f7d; +.cptm-listing-card-author-avatar + .cptm-widget-insert-area + .cptm-widget-insert-link { + background-color: #fff; + color: #5a5f7d; } .cptm-placeholder-author-thumb { - margin: 0; + margin: 0; } .cptm-placeholder-author-thumb img { - width: 40px; - height: 40px; - border-radius: 50%; - -o-object-fit: cover; - object-fit: cover; - background-color: #c6d0dc; - border: 4px solid #fff; + width: 40px; + height: 40px; + border-radius: 50%; + object-fit: cover; + background-color: #c6d0dc; + border: 4px solid #fff; } .cptm-placeholder-author-thumb-wrapper { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: #c6d0dc; - border: 4px solid #fff; - color: white; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + width: 40px; + height: 40px; + border-radius: 50%; + background-color: #c6d0dc; + border: 4px solid #fff; + color: white; + display: inline-flex; + align-items: center; + justify-content: center; } .cptm-placeholder-author-thumb-wrapper svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .cptm-widget-title-card { - margin-bottom: 10px; - padding: 10px; - text-align: right; - color: #bfbfbf; - font-weight: bold; - font-size: 18px; + margin-bottom: 10px; + padding: 10px; + text-align: right; + color: #bfbfbf; + font-weight: bold; + font-size: 18px; } .cptm-has-widget-control { - position: relative; + position: relative; } .cptm-has-widget-control:hover .cptm-widget-control-wrap { - visibility: visible; - pointer-events: all; - opacity: 1; + visibility: visible; + pointer-events: all; + opacity: 1; } .cptm-form-group-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .cptm-form-group-col { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-flex-basis: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; + flex-grow: 1; + flex-basis: 50%; } .cptm-form-group-info { - color: gray; - margin-bottom: 5px; + color: gray; + margin-bottom: 5px; } .cptm-widget-actions-tools { - position: absolute; - width: 75px; - background-color: #2c99ff; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - top: -40px; - padding: 5px; - border: 3px solid #2c99ff; - border-radius: 1px 1px 0 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 9999; + position: absolute; + width: 75px; + background-color: #2c99ff; + right: 50%; + transform: translateX(50%); + top: -40px; + padding: 5px; + border: 3px solid #2c99ff; + border-radius: 1px 1px 0 0; + display: flex; + align-items: center; + justify-content: center; + visibility: hidden; + opacity: 0; + pointer-events: none; + transition: 0.3s ease; + z-index: 9999; } .cptm-widget-actions-tools a { - padding: 0 6px; - font-size: 12px; - color: #fff; + padding: 0 6px; + font-size: 12px; + color: #fff; } .cptm-widget-actions-tools-wrap:before { - position: absolute; - content: ""; - width: 100%; - height: 100%; - right: -8px; - top: -8px; - border: 3px solid #2c99ff; - padding: 5px; - visibility: hidden; - opacity: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 1; + position: absolute; + content: ""; + width: 100%; + height: 100%; + right: -8px; + top: -8px; + border: 3px solid #2c99ff; + padding: 5px; + visibility: hidden; + opacity: 0; + transition: 0.3s ease; + z-index: 1; } .cptm-widget-actions-tools-wrap:hover .cptm-widget-actions-tools { - visibility: visible; - opacity: 1; - pointer-events: all; + visibility: visible; + opacity: 1; + pointer-events: all; } .cptm-widget-actions-tools-wrap:hover:before { - visibility: visible; - opacity: 1; + visibility: visible; + opacity: 1; } .cptm-widget-control-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - visibility: hidden; - opacity: 0; - position: absolute; - right: 0; - left: 0; - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - top: 1px; - pointer-events: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - z-index: 99; + display: flex; + visibility: hidden; + opacity: 0; + position: absolute; + right: 0; + left: 0; + width: 100%; + justify-content: center; + align-items: center; + top: 1px; + pointer-events: none; + transition: all ease-in-out 300ms; + z-index: 99; } .cptm-widget-control { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding-bottom: 10px; - -webkit-transform: translate(0%, -100%); - transform: translate(0%, -100%); + display: flex; + padding-bottom: 10px; + transform: translate(0%, -100%); } .cptm-widget-control::after { - content: ""; - display: inline-block; - margin: 0 auto; - border-right: 10px solid transparent; - border-left: 10px solid transparent; - border-top: 10px solid #3e62f5; - position: absolute; - bottom: 2px; - right: 50%; - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); - z-index: -1; + content: ""; + display: inline-block; + margin: 0 auto; + border-right: 10px solid transparent; + border-left: 10px solid transparent; + border-top: 10px solid #3e62f5; + position: absolute; + bottom: 2px; + right: 50%; + transform: translate(50%, 0); + z-index: -1; } .cptm-widget-control .cptm-widget-control-action:first-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } .cptm-widget-control .cptm-widget-control-action:last-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } .hide { - display: none; + display: none; } .cptm-widget-control-action { - display: inline-block; - padding: 5px 8px; - color: #fff; - font-size: 12px; - cursor: pointer; - background-color: #3e62f5; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 5px 8px; + color: #fff; + font-size: 12px; + cursor: pointer; + background-color: #3e62f5; + transition: all ease-in-out 300ms; } .cptm-widget-control-action:hover { - background-color: #0e3bf2; + background-color: #0e3bf2; } .cptm-listing-card-preview-body-placeholder { - display: block; - padding: 10px; - min-height: 206px; - border-color: #e3e6ef; + display: block; + padding: 10px; + min-height: 206px; + border-color: #e3e6ef; } -.cptm-listing-card-preview-body-placeholder:hover, .cptm-listing-card-preview-body-placeholder.drag-enter { - border-color: #717171; +.cptm-listing-card-preview-body-placeholder:hover, +.cptm-listing-card-preview-body-placeholder.drag-enter { + border-color: #717171; } .cptm-listing-card-preview-body-placeholder .cptm-placeholder-label { - color: #a1a8c6; + color: #a1a8c6; } .cptm-listing-card-preview-footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 20px; - background-color: #f4f5f7; - border-radius: 0 0 5px 5px; + display: flex; + flex-wrap: wrap; + padding: 20px; + background-color: #f4f5f7; + border-radius: 0 0 5px 5px; } .cptm-listing-card-preview-footer-left-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-left: 5px; - border-color: #c6d0dc; - width: calc(50% - 10px); - text-align: right; + flex-grow: 1; + margin-left: 5px; + border-color: #c6d0dc; + width: calc(50% - 10px); + text-align: right; } -.cptm-listing-card-preview-footer-left-placeholder:hover, .cptm-listing-card-preview-footer-left-placeholder.drag-enter { - border-color: #1e1e1e; +.cptm-listing-card-preview-footer-left-placeholder:hover, +.cptm-listing-card-preview-footer-left-placeholder.drag-enter { + border-color: #1e1e1e; } .cptm-listing-card-preview-footer-right-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - border-color: #c6d0dc; - width: calc(50% - 10px); - text-align: left; + flex-grow: 1; + border-color: #c6d0dc; + width: calc(50% - 10px); + text-align: left; } -.cptm-listing-card-preview-footer-right-placeholder:hover, .cptm-listing-card-preview-footer-right-placeholder.drag-enter { - border-color: #1e1e1e; +.cptm-listing-card-preview-footer-right-placeholder:hover, +.cptm-listing-card-preview-footer-right-placeholder.drag-enter { + border-color: #1e1e1e; } .cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + justify-content: flex-end; + align-items: center; } .cptm-card-light.cptm-placeholder-blcok { - border-color: #c6d0dc; + border-color: #c6d0dc; } -.cptm-card-light.cptm-placeholder-blcok:hover, .cptm-card-light.cptm-placeholder-blcok.drag-enter { - border-color: #1e1e1e; +.cptm-card-light.cptm-placeholder-blcok:hover, +.cptm-card-light.cptm-placeholder-blcok.drag-enter { + border-color: #1e1e1e; } .cptm-card-light .cptm-placeholder-label { - color: #23282d; + color: #23282d; } .cptm-card-light .cptm-widget-badge { - color: #969db8; - background-color: #eff0f3; + color: #969db8; + background-color: #eff0f3; } .cptm-card-dark-light .cptm-placeholder-label { - padding: 5px 12px; - color: #888; - border-radius: 30px; - background-color: #fff; + padding: 5px 12px; + color: #888; + border-radius: 30px; + background-color: #fff; } .cptm-card-dark-light .cptm-widget-badge { - background-color: rgba(0, 0, 0, 0.8); + background-color: rgba(0, 0, 0, 0.8); } .cptm-widgets-container { - overflow: hidden; - border: 1px solid rgba(0, 0, 0, 0.1); - background-color: #fff; + overflow: hidden; + border: 1px solid rgba(0, 0, 0, 0.1); + background-color: #fff; } .cptm-widgets-header { - display: block; + display: block; } .cptm-widget-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0; + display: flex; + flex-wrap: wrap; + margin: 0; } .cptm-widget-nav-item { - display: inline-block; - margin: 0; - padding: 12px 10px; - cursor: pointer; - -webkit-flex-basis: 33.3333333333%; - -ms-flex-preferred-size: 33.3333333333%; - flex-basis: 33.3333333333%; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; - color: #8a8a8a; - border-left: 1px solid #e3e1e1; - background-color: #f2f2f2; + display: inline-block; + margin: 0; + padding: 12px 10px; + cursor: pointer; + flex-basis: 33.3333333333%; + flex-grow: 1; + text-align: center; + box-sizing: border-box; + cursor: pointer; + color: #8a8a8a; + border-left: 1px solid #e3e1e1; + background-color: #f2f2f2; } .cptm-widget-nav-item:last-child { - border-left: none; + border-left: none; } .cptm-widget-nav-item:hover { - color: #2b2b2b; + color: #2b2b2b; } .cptm-widget-nav-item.active { - font-weight: bold; - color: #2b2b2b; - background-color: #fff; + font-weight: bold; + color: #2b2b2b; + background-color: #fff; } .cptm-widgets-body { - padding: 10px; - max-height: 450px; - overflow: hidden; - overflow-y: auto; + padding: 10px; + max-height: 450px; + overflow: hidden; + overflow-y: auto; } .cptm-widgets-list { - display: block; - margin: 0; + display: block; + margin: 0; } .cptm-widgets-list-item { - display: block; + display: block; } .widget-group-title { - margin: 0 0 5px; - font-size: 16px; - color: #bbb; + margin: 0 0 5px; + font-size: 16px; + color: #bbb; } .cptm-widgets-sub-list { - display: block; - margin: 0; + display: block; + margin: 0; } .cptm-widgets-sub-list-item { - display: block; - padding: 10px 15px; - background-color: #eee; - border-radius: 5px; - margin-bottom: 10px; - cursor: move; + display: block; + padding: 10px 15px; + background-color: #eee; + border-radius: 5px; + margin-bottom: 10px; + cursor: move; } .widget-icon { - display: inline-block; - margin-left: 5px; + display: inline-block; + margin-left: 5px; } .widget-label { - display: inline-block; + display: inline-block; } .cptm-form-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-form-group label { - display: block; - font-size: 14px; - font-weight: 500; - color: #2c3239; - margin-bottom: 9px; + display: block; + font-size: 14px; + font-weight: 500; + color: #2c3239; + margin-bottom: 9px; } .cptm-form-group label .cptm-sub-label { - font-weight: 400; - color: #747c89; - margin: 0; + font-weight: 400; + color: #747c89; + margin: 0; } .cptm-form-group .cptm-form-control { - max-width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; + max-width: 100%; + box-sizing: border-box; } .cptm-form-group.cptm-form-content { - text-align: center; - margin-bottom: 0; + text-align: center; + margin-bottom: 0; } .cptm-form-group.cptm-form-content .cptm-form-content-select { - text-align: right; + text-align: right; } .cptm-form-group.cptm-form-content .cptm-form-content-title { - font-size: 16px; - line-height: 22px; - font-weight: 600; - color: #191b23; - margin: 0 0 8px; + font-size: 16px; + line-height: 22px; + font-weight: 600; + color: #191b23; + margin: 0 0 8px; } .cptm-form-group.cptm-form-content .cptm-form-content-desc { - font-size: 12px; - line-height: 18px; - font-weight: 400; - color: #747c89; - margin: 0; + font-size: 12px; + line-height: 18px; + font-weight: 400; + color: #747c89; + margin: 0; } .cptm-form-group.cptm-form-content .cptm-form-content-icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 40px; - margin: 0 0 12px; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 40px; + margin: 0 0 12px; } .cptm-form-group.cptm-form-content .cptm-form-content-btn { - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 30px; - font-size: 12px; - line-height: 14px; - font-weight: 500; - margin: 8px auto 0; - color: #3e62f5; - background: transparent; - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - cursor: pointer; + position: relative; + display: inline-flex; + gap: 6px; + align-items: center; + justify-content: center; + height: 30px; + font-size: 12px; + line-height: 14px; + font-weight: 500; + margin: 8px auto 0; + color: #3e62f5; + background: transparent; + border: none; + outline: none; + box-shadow: none; + cursor: pointer; } .cptm-form-group.cptm-form-content .cptm-form-content-btn:before { - content: ""; - position: absolute; - width: 0; - height: 1px; - right: 0; - bottom: 8px; - background-color: #3e62f5; - -webkit-transition: width ease-in-out 300ms; - transition: width ease-in-out 300ms; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, .cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before { - width: 100%; + content: ""; + position: absolute; + width: 0; + height: 1px; + right: 0; + bottom: 8px; + background-color: #3e62f5; + transition: width ease-in-out 300ms; +} +.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, +.cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before { + width: 100%; } .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled { - pointer-events: none; + pointer-events: none; } -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled:before { - display: none; +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-btn-disabled:before { + display: none; } .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - color: #747c89; - height: auto; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:before { - display: none; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:hover, .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:focus { - color: #3e62f5; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-icon { - font-size: 14px; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-loader { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-loader i { - font-size: 15px; + display: flex; + color: #747c89; + height: auto; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:before { + display: none; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:hover, +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:focus { + color: #3e62f5; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-icon { + font-size: 14px; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-loader { + display: inline-flex; + gap: 6px; + align-items: center; + justify-content: center; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-loader + i { + font-size: 15px; } .cptm-form-group.tab-field .cptm-preview-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 0; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + gap: 0; + flex-direction: column; } .cptm-form-group.cpt-has-error .cptm-form-control { - border: 1px solid rgb(192, 51, 51); + border: 1px solid rgb(192, 51, 51); } .cptm-preview-image-upload { - width: 350px; - max-width: 100%; - height: 224px; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - border-radius: 10px; - position: relative; - overflow: hidden; + width: 350px; + max-width: 100%; + height: 224px; + flex-shrink: 0; + border-radius: 10px; + position: relative; + overflow: hidden; } .cptm-preview-image-upload:not(.cptm-preview-image-upload--show) { - border: 2px dashed #d2d6db; - background: #f9fafb; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail { - max-width: 100%; - width: 100%; - height: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-action { - display: none; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-img-wrap img { - width: 40px; - height: 40px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 4px; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - background: #141921; - color: #fff; - text-align: center; - font-size: 13px; - font-weight: 500; - line-height: 14px; - margin-top: 20px; - margin-bottom: 12px; - cursor: pointer; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn input { - background-color: transparent; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - color: white; - padding: 0; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn i { - font-size: 14px; - color: inherit; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .directorist-row-tooltip[data-tooltip]:before, .cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .directorist-row-tooltip[data-tooltip]:after { - opacity: 0; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-drag-text { - color: #747c89; - font-size: 14px; - font-weight: 400; - line-height: 16px; - text-transform: capitalize; + border: 2px dashed #d2d6db; + background: #f9fafb; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail { + max-width: 100%; + width: 100%; + height: 100%; + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-action { + display: none; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-img-wrap + img { + width: 40px; + height: 40px; + object-fit: cover; + border-radius: 4px; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn { + display: inline-flex; + padding: 8px 12px; + justify-content: center; + align-items: center; + gap: 6px; + border-radius: 8px; + background: #141921; + color: #fff; + text-align: center; + font-size: 13px; + font-weight: 500; + line-height: 14px; + margin-top: 20px; + margin-bottom: 12px; + cursor: pointer; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn + input { + background-color: transparent; + border: none; + box-shadow: none; + color: white; + padding: 0; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn + i { + font-size: 14px; + color: inherit; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .directorist-row-tooltip[data-tooltip]:before, +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .directorist-row-tooltip[data-tooltip]:after { + opacity: 0; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-drag-text { + color: #747c89; + font-size: 14px; + font-weight: 400; + line-height: 16px; + text-transform: capitalize; } .cptm-preview-image-upload.cptm-preview-image-upload--show { - margin-bottom: 0; - height: 100%; + margin-bottom: 0; + height: 100%; } .cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail { - margin: 0; - position: relative; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail:after { - content: ""; - position: absolute; - width: 100%; - height: 100%; - top: 0; - right: 0; - background: -webkit-gradient(linear, right top, right bottom, from(rgba(0, 0, 0, 0.6)), color-stop(35.42%, rgba(0, 0, 0, 0))); - background: linear-gradient(-180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 35.42%); - z-index: 1; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail .action-trash ~ .cptm-upload-btn { - left: 52px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-action { - margin: 0; - background-color: white; - width: 32px; - height: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0; - top: 12px; - left: 12px; - border-radius: 8px; - font-size: 16px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-drag-text { - display: none; + margin: 0; + position: relative; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + right: 0; + background: linear-gradient( + -180deg, + rgba(0, 0, 0, 0.6) 0%, + rgba(0, 0, 0, 0) 35.42% + ); + z-index: 1; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail + .action-trash + ~ .cptm-upload-btn { + left: 52px; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-action { + margin: 0; + background-color: white; + width: 32px; + height: 32px; + display: flex; + align-items: center; + justify-content: center; + padding: 0; + top: 12px; + left: 12px; + border-radius: 8px; + font-size: 16px; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-drag-text { + display: none; } .cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn { - position: absolute; - top: 12px; - left: 12px; - max-width: 32px !important; - width: 32px; - max-height: 32px; - height: 32px; - background-color: white; - padding: 0; - border-radius: 8px; - margin: 10px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - z-index: 2; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn input { - display: none; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn i::before { - content: "\ea57"; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .directorist-row-tooltip[data-tooltip]:after { - background-color: white; - color: #141921; - opacity: 1; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .directorist-row-tooltip[data-tooltip][data-flow=bottom]::before { - border-bottom-color: white; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-action { - z-index: 2; + position: absolute; + top: 12px; + left: 12px; + max-width: 32px !important; + width: 32px; + max-height: 32px; + height: 32px; + background-color: white; + padding: 0; + border-radius: 8px; + margin: 10px; + cursor: pointer; + transition: all ease-in-out 300ms; + margin: 0; + display: flex; + align-items: center; + justify-content: center; + z-index: 2; + box-sizing: border-box; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-upload-btn + input { + display: none; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-upload-btn + i::before { + content: "\ea57"; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .directorist-row-tooltip[data-tooltip]:after { + background-color: white; + color: #141921; + opacity: 1; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .directorist-row-tooltip[data-tooltip][data-flow="bottom"]::before { + border-bottom-color: white; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-action { + z-index: 2; } .cptm-form-group-feedback { - display: block; + display: block; } .cptm-form-alert { - padding: 0 0 10px; - color: #06d6a0; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + padding: 0 0 10px; + color: #06d6a0; + transition: all ease-in-out 300ms; } .cptm-form-alert.cptm-error { - color: #c82424; + color: #c82424; } .cptm-input-toggle-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + align-items: center; } .cptm-input-toggle-wrap label { - padding-left: 10px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-bottom: 0; + padding-left: 10px; + flex-grow: 1; + margin-bottom: 0; } .cptm-input-toggle { - display: inline-block; - position: relative; - width: 36px; - height: 20px; - background-color: #d9d9d9; - border-radius: 30px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - cursor: pointer; + display: inline-block; + position: relative; + width: 36px; + height: 20px; + background-color: #d9d9d9; + border-radius: 30px; + transition: all ease-in-out 300ms; + cursor: pointer; } .cptm-input-toggle::after { - content: ""; - display: inline-block; - width: 30%; - height: calc(100% - 10px); - background-color: #fff; - border-radius: 50%; - position: absolute; - top: 0; - right: 0; - margin: 5px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + content: ""; + display: inline-block; + width: 30%; + height: calc(100% - 10px); + background-color: #fff; + border-radius: 50%; + position: absolute; + top: 0; + right: 0; + margin: 5px; + transition: all ease-in-out 300ms; } .cptm-input-toggle.active { - background-color: #3e62f5; + background-color: #3e62f5; } .cptm-input-toggle.active::after { - right: 100%; - -webkit-transform: translateX(calc(-1*(-100% - 10px))); - transform: translateX(calc(-1*(-100% - 10px))); + right: 100%; + transform: translateX(calc(-1 * (-100% - 10px))); } .cptm-multi-option-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-multi-option-group .cptm-btn { - margin: 0; + margin: 0; } .cptm-multi-option-label { - display: block; + display: block; } .cptm-multi-option-group-section-draft { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -8px; + display: flex; + flex-wrap: wrap; + margin: -8px; } .cptm-multi-option-group-section-draft .cptm-form-group { - margin: 0 8px 20px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + margin: 0 8px 20px; + flex: 1; } .cptm-multi-option-group-section-draft .cptm-form-group .cptm-form-control { - width: 100%; + width: 100%; } .cptm-multi-option-group-section-draft .cptm-form-group.cpt-has-error { - position: relative; + position: relative; } .cptm-multi-option-group-section-draft p { - margin: 28px 8px 20px; + margin: 28px 8px 20px; } .cptm-label { - display: block; - margin-bottom: 10px; - font-weight: 500; + display: block; + margin-bottom: 10px; + font-weight: 500; } .form-repeater__container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 8px; + display: flex; + flex-direction: column; + gap: 8px; } .form-repeater__group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 16px; - position: relative; + display: flex; + align-items: center; + gap: 16px; + position: relative; } .form-repeater__group.sortable-chosen .form-repeater__input { - background: #e1e4e8 !important; - border: 1px solid #d1d5db !important; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; -} -.form-repeater__remove-btn, .form-repeater__drag-btn { - color: #4d5761; - background: transparent; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - outline: none; - padding: 0; - margin: 0; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; -} -.form-repeater__remove-btn:disabled, .form-repeater__drag-btn:disabled { - cursor: not-allowed; - opacity: 0.6; -} -.form-repeater__remove-btn svg, .form-repeater__drag-btn svg { - width: 12px; - height: 12px; -} -.form-repeater__remove-btn i, .form-repeater__drag-btn i { - font-size: 16px; - margin: 0; - padding: 0; + background: #e1e4e8 !important; + border: 1px solid #d1d5db !important; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; +} +.form-repeater__remove-btn, +.form-repeater__drag-btn { + color: #4d5761; + background: transparent; + border: none; + box-shadow: none; + outline: none; + padding: 0; + margin: 0; + transition: all 0.3s ease; +} +.form-repeater__remove-btn:disabled, +.form-repeater__drag-btn:disabled { + cursor: not-allowed; + opacity: 0.6; +} +.form-repeater__remove-btn svg, +.form-repeater__drag-btn svg { + width: 12px; + height: 12px; +} +.form-repeater__remove-btn i, +.form-repeater__drag-btn i { + font-size: 16px; + margin: 0; + padding: 0; } .form-repeater__drag-btn { - cursor: move; - position: absolute; - right: 0; + cursor: move; + position: absolute; + right: 0; } .form-repeater__remove-btn { - cursor: pointer; - position: absolute; - left: 0; + cursor: pointer; + position: absolute; + left: 0; } .form-repeater__remove-btn:hover { - color: #c83a3a; + color: #c83a3a; } .form-repeater__input { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - height: 40px; - padding: 5px 16px; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - border-radius: 8px; - border: 1px solid var(--Gray-200, #e5e7eb); - background: white; - -webkit-box-shadow: 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); - box-shadow: 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); - color: #2c3239; - outline: none; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - margin: 0 32px; - overflow: hidden; - -ms-text-overflow: ellipsis; - text-overflow: ellipsis; + flex: 1; + height: 40px; + padding: 5px 16px; + flex-shrink: 0; + border-radius: 8px; + border: 1px solid var(--Gray-200, #e5e7eb); + background: white; + box-shadow: 0px 1px 2px 0px + var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); + color: #2c3239; + outline: none; + transition: all 0.3s ease; + margin: 0 32px; + overflow: hidden; + -o-text-overflow: ellipsis; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; } .form-repeater__input-value-added { - background: var(--Gray-50, #f9fafb); - border-color: #e5e7eb; + background: var(--Gray-50, #f9fafb); + border-color: #e5e7eb; } .form-repeater__input:focus { - background: var(--Gray-50, #f9fafb); - border-color: #3e62f5; -} -.form-repeater__input::-webkit-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; -} -.form-repeater__input::-moz-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; -} -.form-repeater__input:-ms-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; -} -.form-repeater__input::-ms-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + background: var(--Gray-50, #f9fafb); + border-color: #3e62f5; } .form-repeater__input::placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; } .form-repeater__add-group-btn { - font-size: 12px; - font-weight: 600; - color: #2e94fa; - background: transparent; - border: none; - padding: 0; - text-decoration: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - cursor: pointer; - letter-spacing: 0.12px; - margin: 17px 32px 0; - padding: 0; + font-size: 12px; + font-weight: 600; + color: #2e94fa; + background: transparent; + border: none; + padding: 0; + text-decoration: none; + display: flex; + align-items: center; + gap: 6px; + cursor: pointer; + letter-spacing: 0.12px; + margin: 17px 32px 0; + padding: 0; } .form-repeater__add-group-btn:disabled { - cursor: not-allowed; - opacity: 0.6; + cursor: not-allowed; + opacity: 0.6; } .form-repeater__add-group-btn svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .form-repeater__add-group-btn i { - font-size: 16px; + font-size: 16px; } /* Style the video popup */ .video-popup-overlay { - position: fixed; - top: 0; - left: 0; - width: calc(100% - 160px); - height: 100%; - background: rgba(0, 0, 0, 0.8); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 9999; + position: fixed; + top: 0; + left: 0; + width: calc(100% - 160px); + height: 100%; + background: rgba(0, 0, 0, 0.8); + display: flex; + justify-content: center; + align-items: center; + z-index: 9999; } .video-popup-content { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + position: relative; + display: flex; + justify-content: center; + align-items: center; } .video-popup-content video { - width: 100%; - max-width: 500px; + width: 100%; + max-width: 500px; } .close-btn { - position: absolute; - top: 40px; - left: 40px; - background: transparent; - border: none; - font-size: 18px; - cursor: pointer; - color: #ffffff; + position: absolute; + top: 40px; + left: 40px; + background: transparent; + border: none; + font-size: 18px; + cursor: pointer; + color: #ffffff; } .cptm-form-control, select.cptm-form-control, -input[type=date].cptm-form-control, -input[type=datetime-local].cptm-form-control, -input[type=datetime].cptm-form-control, -input[type=email].cptm-form-control, -input[type=month].cptm-form-control, -input[type=number].cptm-form-control, -input[type=password].cptm-form-control, -input[type=search].cptm-form-control, -input[type=tel].cptm-form-control, -input[type=text].cptm-form-control, -input[type=time].cptm-form-control, -input[type=url].cptm-form-control, -input[type=week].cptm-form-control input[type=text].cptm-form-control { - display: block; - width: 100%; - max-width: 100%; - padding: 10px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: right; - border-radius: 4px; - -webkit-box-shadow: none; - box-shadow: none; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background-color: #f4f5f7; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-control:hover, .cptm-form-control:focus, +input[type="date"].cptm-form-control, +input[type="datetime-local"].cptm-form-control, +input[type="datetime"].cptm-form-control, +input[type="email"].cptm-form-control, +input[type="month"].cptm-form-control, +input[type="number"].cptm-form-control, +input[type="password"].cptm-form-control, +input[type="search"].cptm-form-control, +input[type="tel"].cptm-form-control, +input[type="text"].cptm-form-control, +input[type="time"].cptm-form-control, +input[type="url"].cptm-form-control, +input[type="week"].cptm-form-control input[type="text"].cptm-form-control { + display: block; + width: 100%; + max-width: 100%; + padding: 10px 20px; + font-size: 14px; + color: #5a5f7d; + text-align: right; + border-radius: 4px; + box-shadow: none; + font-weight: 400; + margin: 0; + line-height: 18px; + height: auto; + min-height: 30px; + background-color: #f4f5f7; + transition: all ease 0.3s; +} +.cptm-form-control:hover, +.cptm-form-control:focus, select.cptm-form-control:hover, select.cptm-form-control:focus, -input[type=date].cptm-form-control:hover, -input[type=date].cptm-form-control:focus, -input[type=datetime-local].cptm-form-control:hover, -input[type=datetime-local].cptm-form-control:focus, -input[type=datetime].cptm-form-control:hover, -input[type=datetime].cptm-form-control:focus, -input[type=email].cptm-form-control:hover, -input[type=email].cptm-form-control:focus, -input[type=month].cptm-form-control:hover, -input[type=month].cptm-form-control:focus, -input[type=number].cptm-form-control:hover, -input[type=number].cptm-form-control:focus, -input[type=password].cptm-form-control:hover, -input[type=password].cptm-form-control:focus, -input[type=search].cptm-form-control:hover, -input[type=search].cptm-form-control:focus, -input[type=tel].cptm-form-control:hover, -input[type=tel].cptm-form-control:focus, -input[type=text].cptm-form-control:hover, -input[type=text].cptm-form-control:focus, -input[type=time].cptm-form-control:hover, -input[type=time].cptm-form-control:focus, -input[type=url].cptm-form-control:hover, -input[type=url].cptm-form-control:focus, -input[type=week].cptm-form-control input[type=text].cptm-form-control:hover, -input[type=week].cptm-form-control input[type=text].cptm-form-control:focus { - color: #23282d; - border-color: #3e62f5; +input[type="date"].cptm-form-control:hover, +input[type="date"].cptm-form-control:focus, +input[type="datetime-local"].cptm-form-control:hover, +input[type="datetime-local"].cptm-form-control:focus, +input[type="datetime"].cptm-form-control:hover, +input[type="datetime"].cptm-form-control:focus, +input[type="email"].cptm-form-control:hover, +input[type="email"].cptm-form-control:focus, +input[type="month"].cptm-form-control:hover, +input[type="month"].cptm-form-control:focus, +input[type="number"].cptm-form-control:hover, +input[type="number"].cptm-form-control:focus, +input[type="password"].cptm-form-control:hover, +input[type="password"].cptm-form-control:focus, +input[type="search"].cptm-form-control:hover, +input[type="search"].cptm-form-control:focus, +input[type="tel"].cptm-form-control:hover, +input[type="tel"].cptm-form-control:focus, +input[type="text"].cptm-form-control:hover, +input[type="text"].cptm-form-control:focus, +input[type="time"].cptm-form-control:hover, +input[type="time"].cptm-form-control:focus, +input[type="url"].cptm-form-control:hover, +input[type="url"].cptm-form-control:focus, +input[type="week"].cptm-form-control input[type="text"].cptm-form-control:hover, +input[type="week"].cptm-form-control + input[type="text"].cptm-form-control:focus { + color: #23282d; + border-color: #3e62f5; } select.cptm-form-control, -input[type=date].cptm-form-control, -input[type=datetime-local].cptm-form-control, -input[type=datetime].cptm-form-control, -input[type=email].cptm-form-control, -input[type=month].cptm-form-control, -input[type=number].cptm-form-control, -input[type=password].cptm-form-control, -input[type=search].cptm-form-control, -input[type=tel].cptm-form-control, -input[type=text].cptm-form-control, -input[type=time].cptm-form-control, -input[type=url].cptm-form-control, -input[type=week].cptm-form-control, -input[type=text].cptm-form-control { - padding: 10px 20px; - font-size: 14px; - color: #4d5761; - background: #ffffff; - text-align: right; - border: 0 none; - border-radius: 8px; - border: 1px solid #d2d6db; - -webkit-box-shadow: none; - box-shadow: none; - width: 100%; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; +input[type="date"].cptm-form-control, +input[type="datetime-local"].cptm-form-control, +input[type="datetime"].cptm-form-control, +input[type="email"].cptm-form-control, +input[type="month"].cptm-form-control, +input[type="number"].cptm-form-control, +input[type="password"].cptm-form-control, +input[type="search"].cptm-form-control, +input[type="tel"].cptm-form-control, +input[type="text"].cptm-form-control, +input[type="time"].cptm-form-control, +input[type="url"].cptm-form-control, +input[type="week"].cptm-form-control, +input[type="text"].cptm-form-control { + padding: 10px 20px; + font-size: 14px; + color: #4d5761; + background: #ffffff; + text-align: right; + border: 0 none; + border-radius: 8px; + border: 1px solid #d2d6db; + box-shadow: none; + width: 100%; + font-weight: 400; + margin: 0; + line-height: 18px; + height: auto; + min-height: 30px; } select.cptm-form-control:hover, -input[type=date].cptm-form-control:hover, -input[type=datetime-local].cptm-form-control:hover, -input[type=datetime].cptm-form-control:hover, -input[type=email].cptm-form-control:hover, -input[type=month].cptm-form-control:hover, -input[type=number].cptm-form-control:hover, -input[type=password].cptm-form-control:hover, -input[type=search].cptm-form-control:hover, -input[type=tel].cptm-form-control:hover, -input[type=text].cptm-form-control:hover, -input[type=time].cptm-form-control:hover, -input[type=url].cptm-form-control:hover, -input[type=week].cptm-form-control:hover, -input[type=text].cptm-form-control:hover { - color: #23282d; +input[type="date"].cptm-form-control:hover, +input[type="datetime-local"].cptm-form-control:hover, +input[type="datetime"].cptm-form-control:hover, +input[type="email"].cptm-form-control:hover, +input[type="month"].cptm-form-control:hover, +input[type="number"].cptm-form-control:hover, +input[type="password"].cptm-form-control:hover, +input[type="search"].cptm-form-control:hover, +input[type="tel"].cptm-form-control:hover, +input[type="text"].cptm-form-control:hover, +input[type="time"].cptm-form-control:hover, +input[type="url"].cptm-form-control:hover, +input[type="week"].cptm-form-control:hover, +input[type="text"].cptm-form-control:hover { + color: #23282d; } select.cptm-form-control.cptm-form-control-light, -input[type=date].cptm-form-control.cptm-form-control-light, -input[type=datetime-local].cptm-form-control.cptm-form-control-light, -input[type=datetime].cptm-form-control.cptm-form-control-light, -input[type=email].cptm-form-control.cptm-form-control-light, -input[type=month].cptm-form-control.cptm-form-control-light, -input[type=number].cptm-form-control.cptm-form-control-light, -input[type=password].cptm-form-control.cptm-form-control-light, -input[type=search].cptm-form-control.cptm-form-control-light, -input[type=tel].cptm-form-control.cptm-form-control-light, -input[type=text].cptm-form-control.cptm-form-control-light, -input[type=time].cptm-form-control.cptm-form-control-light, -input[type=url].cptm-form-control.cptm-form-control-light, -input[type=week].cptm-form-control.cptm-form-control-light, -input[type=text].cptm-form-control.cptm-form-control-light { - border: 1px solid #ccc; - background-color: #fff; +input[type="date"].cptm-form-control.cptm-form-control-light, +input[type="datetime-local"].cptm-form-control.cptm-form-control-light, +input[type="datetime"].cptm-form-control.cptm-form-control-light, +input[type="email"].cptm-form-control.cptm-form-control-light, +input[type="month"].cptm-form-control.cptm-form-control-light, +input[type="number"].cptm-form-control.cptm-form-control-light, +input[type="password"].cptm-form-control.cptm-form-control-light, +input[type="search"].cptm-form-control.cptm-form-control-light, +input[type="tel"].cptm-form-control.cptm-form-control-light, +input[type="text"].cptm-form-control.cptm-form-control-light, +input[type="time"].cptm-form-control.cptm-form-control-light, +input[type="url"].cptm-form-control.cptm-form-control-light, +input[type="week"].cptm-form-control.cptm-form-control-light, +input[type="text"].cptm-form-control.cptm-form-control-light { + border: 1px solid #ccc; + background-color: #fff; } .tab-general .cptm-title-area, .tab-other .cptm-title-area { - margin-right: 0; + margin-right: 0; } .tab-general .cptm-form-group .cptm-form-control, .tab-other .cptm-form-group .cptm-form-control { - background-color: #fff; - border: 1px solid #e3e6ef; + background-color: #fff; + border: 1px solid #e3e6ef; } .tab-preview_image .cptm-title-area, .tab-packages .cptm-title-area, .tab-other .cptm-title-area { - margin-right: 0; + margin-right: 0; } .tab-preview_image .cptm-title-area p, .tab-packages .cptm-title-area p, .tab-other .cptm-title-area p { - font-size: 15px; - color: #5a5f7d; + font-size: 15px; + color: #5a5f7d; } .cptm-modal-container { - display: none; - position: fixed; - top: 0; - right: 0; - left: 0; - bottom: 0; - overflow: auto; - z-index: 99999; - height: 100vh; + display: none; + position: fixed; + top: 0; + right: 0; + left: 0; + bottom: 0; + overflow: auto; + z-index: 99999; + height: 100vh; } .cptm-modal-container.active { - display: block; + display: block; } .cptm-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 20px; - height: 100%; - min-height: calc(100% - 40px); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: rgba(0, 0, 0, 0.5); + display: flex; + padding: 20px; + height: 100%; + min-height: calc(100% - 40px); + justify-content: center; + align-items: center; + transition: all ease-in-out 300ms; + background-color: rgba(0, 0, 0, 0.5); } .cptm-modal { - display: block; - margin: 0 auto; - padding: 10px; - width: 100%; - max-width: 300px; - border-radius: 5px; - background-color: #fff; + display: block; + margin: 0 auto; + padding: 10px; + width: 100%; + max-width: 300px; + border-radius: 5px; + background-color: #fff; } .cptm-modal-header { - position: relative; - padding: 15px 15px 15px 30px; - margin: -10px; - margin-bottom: 10px; - border-bottom: 1px solid #e3e3e3; + position: relative; + padding: 15px 15px 15px 30px; + margin: -10px; + margin-bottom: 10px; + border-bottom: 1px solid #e3e3e3; } .cptm-modal-header-title { - text-align: right; - margin: 0; + text-align: right; + margin: 0; } .cptm-modal-actions { - display: block; - margin: 0 -5px; - position: absolute; - left: 10px; - top: 10px; - text-align: left; + display: block; + margin: 0 -5px; + position: absolute; + left: 10px; + top: 10px; + text-align: left; } .cptm-modal-action-link { - margin: 0 5px; - text-decoration: none; - height: 25px; - display: inline-block; - width: 25px; - text-align: center; - line-height: 25px; - border-radius: 50%; - color: #2b2b2b; - font-size: 18px; + margin: 0 5px; + text-decoration: none; + height: 25px; + display: inline-block; + width: 25px; + text-align: center; + line-height: 25px; + border-radius: 50%; + color: #2b2b2b; + font-size: 18px; } .cptm-modal-confirmation-title { - margin: 30px auto; - font-size: 20px; - text-align: center; + margin: 30px auto; + font-size: 20px; + text-align: center; } .cptm-section-alert-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-height: 200px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + min-height: 200px; } .cptm-section-alert-content { - text-align: center; - padding: 10px; + text-align: center; + padding: 10px; } .cptm-section-alert-icon { - margin-bottom: 20px; - width: 100px; - height: 100px; - font-size: 45px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - border-radius: 50%; - color: darkgray; - background-color: #f2f2f2; + margin-bottom: 20px; + width: 100px; + height: 100px; + font-size: 45px; + display: inline-flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + border-radius: 50%; + color: darkgray; + background-color: #f2f2f2; } .cptm-section-alert-icon.cptm-alert-success { - color: #fff; - background-color: #14cc60; + color: #fff; + background-color: #14cc60; } .cptm-section-alert-icon.cptm-alert-error { - color: #fff; - background-color: #cc1433; + color: #fff; + background-color: #cc1433; } .cptm-color-picker-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: inline-flex; } .cptm-color-picker-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-right: 10px; + display: flex; + align-items: center; + margin-right: 10px; } .cptm-wdget-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex; + justify-content: space-between; } .atbdp-flex-align-center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } .cptm-px-5 { - padding: 0 5px; + padding: 0 5px; } .cptm-text-gray { - color: #c1c1c1; + color: #c1c1c1; } .cptm-text-right { - text-align: left !important; + text-align: left !important; } .cptm-text-center { - text-align: center !important; + text-align: center !important; } .cptm-text-left { - text-align: right !important; + text-align: right !important; } .cptm-d-block { - display: block !important; + display: block !important; } .cptm-d-inline { - display: inline-block !important; + display: inline-block !important; } .cptm-d-inline-flex { - display: -webkit-inline-box !important; - display: -webkit-inline-flex !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: inline-flex !important; + flex-wrap: wrap; } .cptm-d-none { - display: none !important; + display: none !important; } .cptm-p-20 { - padding: 20px; + padding: 20px; } .cptm-color-picker { - display: inline-block; - padding: 5px 5px 2px 5px; - border-radius: 30px; - border: 1px solid #d4d4d4; + display: inline-block; + padding: 5px 5px 2px 5px; + border-radius: 30px; + border: 1px solid #d4d4d4; } -input[type=radio]:checked::before { - background-color: #3e62f5; +input[type="radio"]:checked::before { + background-color: #3e62f5; } @media (max-width: 767px) { - input[type=checkbox], - input[type=radio] { - width: 15px; - height: 15px; - } + input[type="checkbox"], + input[type="radio"] { + width: 15px; + height: 15px; + } } .cptm-preview-placeholder { - width: 700px; - max-width: 100%; - margin: 0 auto; + width: 700px; + max-width: 100%; + margin: 0 auto; } .cptm-preview-placeholder__card { - padding: 30px; - border-radius: 6px; - -webkit-box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); - box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); + padding: 30px; + border-radius: 6px; + box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); } .cptm-preview-placeholder__card .cptm-widget-insert-link { - background-color: #272b41; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 12px; - color: #fff; + background-color: #272b41; + box-shadow: none; + font-size: 12px; + color: #fff; } .cptm-preview-placeholder__card__item { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + flex: 1; } .cptm-preview-placeholder__card__item--top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box:first-child { - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; -} -.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box:not(:first-child) { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; + display: flex; + gap: 30px; + justify-content: space-between; +} +.cptm-preview-placeholder__card__item--top + .cptm-preview-placeholder__card__box:first-child { + flex: unset; +} +.cptm-preview-placeholder__card__item--top + .cptm-preview-placeholder__card__box:not(:first-child) { + flex: 0 0 50%; } .cptm-preview-placeholder__card__box { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 10px 10px 19px; - border-radius: 8px; - min-height: 66px; - min-width: 150px; - z-index: unset; + flex: 1; + padding: 10px 10px 19px; + border-radius: 8px; + min-height: 66px; + min-width: 150px; + z-index: unset; } .cptm-preview-placeholder__card__box .cptm-placeholder-label { - color: #868eae; - font-size: 13px; - font-weight: 500; + color: #868eae; + font-size: 13px; + font-weight: 500; } .cptm-preview-placeholder__card__box .cptm-widget-preview-area { - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} -.cptm-preview-placeholder__card__box .cptm-widget-preview-area .cptm-widget-badge { - margin: 0; - padding: 6px 20px 7px 19px; - border-radius: 8px; - font-size: 13px; - font-weight: 500; - color: #868eae; - background-color: #e3e6ef; + gap: 8px; + flex-wrap: wrap; + display: inline-flex; +} +.cptm-preview-placeholder__card__box + .cptm-widget-preview-area + .cptm-widget-badge { + margin: 0; + padding: 6px 20px 7px 19px; + border-radius: 8px; + font-size: 13px; + font-weight: 500; + color: #868eae; + background-color: #e3e6ef; } .cptm-preview-placeholder__card__btn { - width: 100%; - height: 66px; - border: none; - border-radius: 6px; - cursor: pointer; - color: #5a5f7d; - font-size: 13px; - font-weight: 500; - margin-top: 20px; + width: 100%; + height: 66px; + border: none; + border-radius: 6px; + cursor: pointer; + color: #5a5f7d; + font-size: 13px; + font-weight: 500; + margin-top: 20px; } .cptm-preview-placeholder__card__btn .icon { - width: 26px; - height: 26px; - line-height: 26px; - background-color: #fff; - border-radius: 100%; - -webkit-margin-end: 7px; - margin-inline-end: 7px; + width: 26px; + height: 26px; + line-height: 26px; + background-color: #fff; + border-radius: 100%; + margin-inline-end: 7px; } .cptm-preview-placeholder__card .slider-placeholder { - padding: 50px; - text-align: center; + padding: 50px; + text-align: center; } -.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-label { - margin-top: 5px; +.cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area + .cptm-widget-label { + margin-top: 5px; } .cptm-preview-placeholder__card .dndrop-container.vertical { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: 20px; -} -.cptm-preview-placeholder__card .dndrop-container.vertical > .dndrop-draggable-wrapper { - overflow: visible; + display: flex; + gap: 20px; + flex-direction: column; + margin-bottom: 20px; +} +.cptm-preview-placeholder__card + .dndrop-container.vertical + > .dndrop-draggable-wrapper { + overflow: visible; } .cptm-preview-placeholder__card .draggable-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + display: flex; + gap: 20px; + align-items: center; + flex-direction: row; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element { - font-size: 15px; - color: #868eae; + font-size: 15px; + color: #868eae; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element:hover { - color: #1e1e1e; + color: #1e1e1e; } .atbdp-sidebar-nav-area { - display: block; + display: block; } .atbdp-sidebar-nav { - display: block; - margin: 0; - background-color: #f6f6f6; + display: block; + margin: 0; + background-color: #f6f6f6; } .atbdp-nav-link { - display: block; - padding: 15px; - text-decoration: none; - color: #2b2b2b; + display: block; + padding: 15px; + text-decoration: none; + color: #2b2b2b; } .atbdp-nav-icon { - display: inline-block; - margin-left: 10px; + display: inline-block; + margin-left: 10px; } .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-nav-item .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-sidebar-nav-item.active .atbdp-sidebar-subnav { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav { - display: block; - margin: 0; - margin-right: 28px; - display: none; + display: block; + margin: 0; + margin-right: 28px; + display: none; } .atbdp-sidebar-subnav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item .atbdp-nav-link { - color: #686d88; + color: #686d88; } .atbdp-sidebar-subnav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: flex; + flex-wrap: wrap; + margin: 0 -15px; } .atbdp-col { - padding: 0 15px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding: 0 15px; + flex-grow: 1; + box-sizing: border-box; } .atbdp-col-3 { - -webkit-flex-basis: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - width: 25%; + flex-basis: 25%; + width: 25%; } .atbdp-col-4 { - -webkit-flex-basis: 33.3333333333%; - -ms-flex-preferred-size: 33.3333333333%; - flex-basis: 33.3333333333%; - width: 33.3333333333%; + flex-basis: 33.3333333333%; + width: 33.3333333333%; } .atbdp-col-8 { - -webkit-flex-basis: 66.6666666667%; - -ms-flex-preferred-size: 66.6666666667%; - flex-basis: 66.6666666667%; - width: 66.6666666667%; + flex-basis: 66.6666666667%; + width: 66.6666666667%; } .shrink { - max-width: 300px; + max-width: 300px; } .directorist_dropdown { - position: relative; + position: relative; } .directorist_dropdown .directorist_dropdown-toggle { - position: relative; - text-decoration: none; - display: block; - width: 100%; - max-height: 38px; - font-size: 14px; - font-weight: 500; - background-color: transparent; - color: #4d5761; - padding: 12px 15px; - line-height: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + text-decoration: none; + display: block; + width: 100%; + max-height: 38px; + font-size: 14px; + font-weight: 500; + background-color: transparent; + color: #4d5761; + padding: 12px 15px; + line-height: 1; + box-sizing: border-box; } .directorist_dropdown .directorist_dropdown-toggle:focus { - outline: 0 none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + outline: 0 none; + box-shadow: 0 0; } .directorist_dropdown .directorist_dropdown-toggle:before { - font-family: unicons-line; - font-weight: 400; - font-size: 20px; - content: "\eb3a"; - color: #747c89; - position: absolute; - top: 50%; - left: 0; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - height: 20px; + font-family: unicons-line; + font-weight: 400; + font-size: 20px; + content: "\eb3a"; + color: #747c89; + position: absolute; + top: 50%; + left: 0; + transform: translate(50%, -50%); + height: 20px; } .directorist_dropdown .directorist_dropdown-option { - display: none; - position: absolute; - width: 100%; - max-height: 350px; - right: 0; - top: 39px; - padding: 12px 8px; - background-color: #fff; - -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - border: 1px solid #e5e7eb; - border-radius: 8px; - z-index: 99999; - overflow-y: auto; + display: none; + position: absolute; + width: 100%; + max-height: 350px; + right: 0; + top: 39px; + padding: 12px 8px; + background-color: #fff; + box-shadow: + 0 12px 16px -4px rgba(16, 24, 40, 0.08), + 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + border: 1px solid #e5e7eb; + border-radius: 8px; + z-index: 99999; + overflow-y: auto; } .directorist_dropdown .directorist_dropdown-option.--show { - display: block !important; + display: block !important; } .directorist_dropdown .directorist_dropdown-option ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist_dropdown .directorist_dropdown-option ul li { - margin-bottom: 0; + margin-bottom: 0; } .directorist_dropdown .directorist_dropdown-option ul li a { - font-size: 14px; - font-weight: 500; - text-decoration: none; - display: block; - padding: 9px 15px; - border-radius: 8px; - color: #4d5761; - -webkit-transition: 0.3s; - transition: 0.3s; -} -.directorist_dropdown .directorist_dropdown-option ul li a:hover, .directorist_dropdown .directorist_dropdown-option ul li a.active:hover { - color: #fff; - background-color: #3e62f5; + font-size: 14px; + font-weight: 500; + text-decoration: none; + display: block; + padding: 9px 15px; + border-radius: 8px; + color: #4d5761; + transition: 0.3s; +} +.directorist_dropdown .directorist_dropdown-option ul li a:hover, +.directorist_dropdown .directorist_dropdown-option ul li a.active:hover { + color: #fff; + background-color: #3e62f5; } .directorist_dropdown .directorist_dropdown-option ul li a.active { - color: #3e62f5; - background-color: #f0f3ff; + color: #3e62f5; + background-color: #f0f3ff; } .cptm-form-group .directorist_dropdown-option { - max-height: 240px; + max-height: 240px; } .cptm-import-directory-modal .cptm-file-input-wrap { - margin: 16px -5px 0 -5px; + margin: 16px -5px 0 -5px; } /* Sticky fields */ .cptm-col-sticky { - position: -webkit-sticky; - position: sticky; - top: 60px; - height: 100%; - max-height: calc(100vh - 100px); - overflow: auto; - scrollbar-width: 6px; - scrollbar-color: #d2d6db #f3f4f6; + position: sticky; + top: 60px; + height: 100%; + max-height: calc(100vh - 100px); + overflow: auto; + scrollbar-width: 6px; + scrollbar-color: #d2d6db #f3f4f6; } .cptm-widget-trash-confirmation-modal-overlay { - position: fixed; - top: 0; - right: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 10; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal { - background: #fff; - padding: 30px 25px; - border-radius: 8px; - text-align: center; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal h2 { - font-size: 16px; - font-weight: 500; - margin: 0 0 18px; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal p { - margin: 0 0 20px; - font-size: 14px; - max-width: 400px; + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + display: flex; + justify-content: center; + align-items: center; + z-index: 10; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal { + background: #fff; + padding: 30px 25px; + border-radius: 8px; + text-align: center; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal + h2 { + font-size: 16px; + font-weight: 500; + margin: 0 0 18px; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal + p { + margin: 0 0 20px; + font-size: 14px; + max-width: 400px; } .cptm-widget-trash-confirmation-modal-overlay button { - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - background: rgb(197, 22, 22); - padding: 10px 15px; - border-radius: 6px; - color: #fff; - font-size: 14px; - font-weight: 500; - margin: 5px; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + border: 0 none; + box-shadow: none; + background: rgb(197, 22, 22); + padding: 10px 15px; + border-radius: 6px; + color: #fff; + font-size: 14px; + font-weight: 500; + margin: 5px; + cursor: pointer; + transition: 0.3s ease; } .cptm-widget-trash-confirmation-modal-overlay button:hover { - background: #ba1230; + background: #ba1230; } -.cptm-widget-trash-confirmation-modal-overlay button.cptm-widget-trash-confirmation-modal-action-btn__cancel { - background: #f1f2f6; - color: #7a8289; +.cptm-widget-trash-confirmation-modal-overlay + button.cptm-widget-trash-confirmation-modal-action-btn__cancel { + background: #f1f2f6; + color: #7a8289; } -.cptm-widget-trash-confirmation-modal-overlay button.cptm-widget-trash-confirmation-modal-action-btn__cancel:hover { - background: #dee0e4; +.cptm-widget-trash-confirmation-modal-overlay + button.cptm-widget-trash-confirmation-modal-action-btn__cancel:hover { + background: #dee0e4; } .cptm-field-group-container .cptm-field-group-container__label { - font-size: 15px; - font-weight: 500; - color: #272b41; - display: inline-block; + font-size: 15px; + font-weight: 500; + color: #272b41; + display: inline-block; } @media only screen and (max-width: 767px) { - .cptm-field-group-container .cptm-field-group-container__label { - margin-bottom: 15px; - } + .cptm-field-group-container .cptm-field-group-container__label { + margin-bottom: 15px; + } } .cptm-container-group-fields { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 26px; + display: flex; + align-items: center; + gap: 26px; } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .cptm-container-group-fields { + flex-wrap: wrap; + } } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields .cptm-form-group:not(:last-child) { - margin-bottom: 0; - } + .cptm-container-group-fields .cptm-form-group:not(:last-child) { + margin-bottom: 0; + } } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .cptm-form-group { - width: 100%; - } + .cptm-container-group-fields .cptm-form-group { + width: 100%; + } } .cptm-container-group-fields .highlight-field { - padding: 0; + padding: 0; } .cptm-container-group-fields .atbdp-row { - margin: 0; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + margin: 0; + flex-wrap: nowrap; + gap: 10px; + align-items: center; } .cptm-container-group-fields .atbdp-row .atbdp-col { - -webkit-box-flex: 0 !important; - -webkit-flex: none !important; - -ms-flex: none !important; - flex: none !important; - width: auto; - padding: 0; + flex: none !important; + width: auto; + padding: 0; } .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: 100px !important; - -webkit-box-sizing: border-box; - box-sizing: border-box; + max-width: 100px !important; + box-sizing: border-box; } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: none !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: none !important; + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: 150px !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: 150px !important; + } } .cptm-container-group-fields .atbdp-row .atbdp-col label { - margin: 0; - font-size: 14px !important; - font-weight: normal; + margin: 0; + font-size: 14px !important; + font-weight: normal; } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields .atbdp-row .atbdp-col label { - min-width: 50px; - } + .cptm-container-group-fields .atbdp-row .atbdp-col label { + min-width: 50px; + } } .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: 95px; + width: 95px; } -.cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown .directorist_dropdown-toggle:before { - position: relative; - top: -3px; +.cptm-container-group-fields + .atbdp-row + .atbdp-col + .directorist_dropdown + .directorist_dropdown-toggle:before { + position: relative; + top: -3px; } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: calc(100% - 2px); - } + .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: calc(100% - 2px); + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: 150px; - } + .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: 150px; + } } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-8 { - -webkit-box-flex: 1 !important; - -webkit-flex: auto !important; - -ms-flex: auto !important; - flex: auto !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-8 { + flex: auto !important; + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4 { - width: auto !important; - } -} - -.reset-pseudo-link:visited, .cptm-btn:visited, .cptm-header-nav__list-item-link:visited, .cptm-link-light:visited, .cptm-form-builder-header-action-link:visited, .cptm-sub-nav__item-link:visited, .cptm-header-action-link:visited, .cptm-modal-action-link:visited, .atbdp-nav-link:visited, .reset-pseudo-link:active, .cptm-btn:active, .cptm-header-nav__list-item-link:active, .cptm-link-light:active, .cptm-form-builder-header-action-link:active, .cptm-sub-nav__item-link:active, .cptm-header-action-link:active, .cptm-modal-action-link:active, .atbdp-nav-link:active, .reset-pseudo-link:focus, .cptm-btn:focus, .cptm-header-nav__list-item-link:focus, .cptm-link-light:focus, .cptm-form-builder-header-action-link:focus, .cptm-sub-nav__item-link:focus, .cptm-header-action-link:focus, .cptm-modal-action-link:focus, .atbdp-nav-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4 { + width: auto !important; + } +} + +.reset-pseudo-link:visited, +.cptm-btn:visited, +.cptm-header-nav__list-item-link:visited, +.cptm-link-light:visited, +.cptm-form-builder-header-action-link:visited, +.cptm-sub-nav__item-link:visited, +.cptm-header-action-link:visited, +.cptm-modal-action-link:visited, +.atbdp-nav-link:visited, +.reset-pseudo-link:active, +.cptm-btn:active, +.cptm-header-nav__list-item-link:active, +.cptm-link-light:active, +.cptm-form-builder-header-action-link:active, +.cptm-sub-nav__item-link:active, +.cptm-header-action-link:active, +.cptm-modal-action-link:active, +.atbdp-nav-link:active, +.reset-pseudo-link:focus, +.cptm-btn:focus, +.cptm-header-nav__list-item-link:focus, +.cptm-link-light:focus, +.cptm-form-builder-header-action-link:focus, +.cptm-sub-nav__item-link:focus, +.cptm-header-action-link:focus, +.cptm-modal-action-link:focus, +.atbdp-nav-link:focus { + outline: none; + box-shadow: none; } .cptm-shortcodes { - max-height: 300px; - overflow: scroll; + max-height: 300px; + overflow: scroll; } .directorist-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-center-content-inline { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: inline-flex; } .directorist-center-content, .directorist-center-content-inline { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; } .directorist-text-right { - text-align: left; + text-align: left; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-text-left { - text-align: right; + text-align: right; } .directorist-mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .directorist-mt-5 { - margin-top: 5px !important; + margin-top: 5px !important; } .directorist-mt-10 { - margin-top: 10px !important; + margin-top: 10px !important; } .directorist-mt-15 { - margin-top: 15px !important; + margin-top: 15px !important; } .directorist-mt-20 { - margin-top: 20px !important; + margin-top: 20px !important; } .directorist-mt-30 { - margin-top: 30px !important; + margin-top: 30px !important; } .directorist-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-25 { - margin-bottom: 25px !important; + margin-bottom: 25px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-n20 { - margin-bottom: -20px !important; + margin-bottom: -20px !important; } .directorist-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .directorist-mb-15 { - margin-bottom: 15px !important; + margin-bottom: 15px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-40 { - margin-bottom: 40px !important; + margin-bottom: 40px !important; } .directorist-mb-50 { - margin-bottom: 50px !important; + margin-bottom: 50px !important; } .directorist-mb-70 { - margin-bottom: 70px !important; + margin-bottom: 70px !important; } .directorist-mb-80 { - margin-bottom: 80px !important; + margin-bottom: 80px !important; } .directorist-pb-100 { - padding-bottom: 100px !important; + padding-bottom: 100px !important; } .directorist-w-100 { - width: 100% !important; - max-width: 100% !important; + width: 100% !important; + max-width: 100% !important; } .directorist-draggable-list-item { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .directorist-draggable-list-item-wrapper { - position: relative; - height: 100%; + position: relative; + height: 100%; } .directorist-droppable-area-wrap { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 888888888; - display: none; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: -20px; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 888888888; + display: none; + flex-direction: column; + margin-bottom: -20px; } .directorist-droppable-area { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .directorist-droppable-item-preview { - height: 52px; - background-color: rgba(44, 153, 255, 0.1); - margin-bottom: 20px; - margin-left: 50px; - border-radius: 4px; + height: 52px; + background-color: rgba(44, 153, 255, 0.1); + margin-bottom: 20px; + margin-left: 50px; + border-radius: 4px; } .directorist-droppable-item-preview-before { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-droppable-item-preview-after { - margin-bottom: 20px; + margin-bottom: 20px; } /* Directorist Tooltip */ .directorist-tooltip { - position: relative; + position: relative; } .directorist-tooltip.directorist-tooltip-bottom[data-label]:before { - bottom: -8px; - top: auto; - border-top-color: var(--directorist-color-white); - border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); + bottom: -8px; + top: auto; + border-top-color: var(--directorist-color-white); + border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip.directorist-tooltip-bottom[data-label]:after { - -webkit-transform: translate(50%); - transform: translate(50%); - top: 100%; - margin-top: 8px; -} -.directorist-tooltip[data-label]:before, .directorist-tooltip[data-label]:after { - position: absolute !important; - bottom: 100%; - display: none; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - -webkit-animation: showTooltip 0.3s ease; - animation: showTooltip 0.3s ease; + transform: translate(50%); + top: 100%; + margin-top: 8px; +} +.directorist-tooltip[data-label]:before, +.directorist-tooltip[data-label]:after { + position: absolute !important; + bottom: 100%; + display: none; + height: fit-content; + animation: showTooltip 0.3s ease; } .directorist-tooltip[data-label]:before { - content: ""; - right: 50%; - top: -6px; - -webkit-transform: translateX(50%); - transform: translateX(50%); - border: 6px solid transparent; - border-top-color: rgba(var(--directorist-color-dark-rgb), 1); + content: ""; + right: 50%; + top: -6px; + transform: translateX(50%); + border: 6px solid transparent; + border-top-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip[data-label]:after { - font-size: 14px; - content: attr(data-label); - right: 50%; - -webkit-transform: translate(50%, -6px); - transform: translate(50%, -6px); - background: rgba(var(--directorist-color-dark-rgb), 1); - padding: 4px 12px; - border-radius: 3px; - color: var(--directorist-color-white); - z-index: 9999; - text-align: center; - min-width: 140px; - max-height: 200px; - overflow-y: auto; -} -.directorist-tooltip[data-label]:hover:before, .directorist-tooltip[data-label]:hover:after { - display: block; + font-size: 14px; + content: attr(data-label); + right: 50%; + transform: translate(50%, -6px); + background: rgba(var(--directorist-color-dark-rgb), 1); + padding: 4px 12px; + border-radius: 3px; + color: var(--directorist-color-white); + z-index: 9999; + text-align: center; + min-width: 140px; + max-height: 200px; + overflow-y: auto; +} +.directorist-tooltip[data-label]:hover:before, +.directorist-tooltip[data-label]:hover:after { + display: block; } .directorist-tooltip .directorist-tooltip__label { - font-size: 16px; - color: var(--directorist-color-primary); + font-size: 16px; + color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:before { - border-top-color: var(--directorist-color-primary); + border-top-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:after { - background-color: var(--directorist-color-secondary); + background-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-info[data-label]:after { - background-color: var(--directorist-color-info); + background-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-info[data-label]:before { - border-top-color: var(--directorist-color-info); + border-top-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-warning[data-label]:after { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-warning[data-label]:before { - border-top-color: var(--directorist-color-warning); + border-top-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-success[data-label]:after { - background-color: var(--directorist-color-success); + background-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-success[data-label]:before { - border-top-color: var(--directorist-color-success); + border-top-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-danger[data-label]:after { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-danger[data-label]:before { - border-top-color: var(--directorist-color-danger); + border-top-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-primary[data-label]:before { - border-bottom-color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-info[data-label]:before { - border-bottom-color: var(--directorist-color-info); + border-bottom-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-warning[data-label]:before { - border-bottom-color: var(--directorist-color-warning); + border-bottom-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-success[data-label]:before { - border-bottom-color: var(--directorist-color-success); + border-bottom-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-danger[data-label]:before { - border-bottom-color: var(--directorist-color-danger); + border-bottom-color: var(--directorist-color-danger); } @keyframes showTooltip { - from { - opacity: 0; - } + from { + opacity: 0; + } } /* Create Directory Type */ .directorist-directory-type-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px 30px; - padding: 0 20px; - background: white; - min-height: 60px; - border-bottom: 1px solid #e5e7eb; - position: fixed; - left: 0; - top: 32px; - width: calc(100% - 200px); - z-index: 9999; + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 15px 30px; + padding: 0 20px; + background: white; + min-height: 60px; + border-bottom: 1px solid #e5e7eb; + position: fixed; + left: 0; + top: 32px; + width: calc(100% - 200px); + z-index: 9999; } .directorist-directory-type-top:before { - content: ""; - position: absolute; - top: -10px; - right: 0; - height: 10px; - width: 100%; - background-color: #f3f4f6; + content: ""; + position: absolute; + top: -10px; + right: 0; + height: 10px; + width: 100%; + background-color: #f3f4f6; } @media only screen and (max-width: 960px) { - .directorist-directory-type-top { - width: calc(100% - 76px); - } + .directorist-directory-type-top { + width: calc(100% - 76px); + } } @media only screen and (max-width: 782px) { - .directorist-directory-type-top { - width: calc(100% - 40px); - top: 46px; - left: 0; - } + .directorist-directory-type-top { + width: calc(100% - 40px); + top: 46px; + left: 0; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-top { - position: unset; - width: auto; - } - .directorist-directory-type-top:before { - display: none; - } + .directorist-directory-type-top { + position: unset; + width: auto; + } + .directorist-directory-type-top:before { + display: none; + } } @media only screen and (max-width: 479px) { - .directorist-directory-type-top { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 10px 20px; - } + .directorist-directory-type-top { + justify-content: center; + flex-direction: column; + padding: 10px 20px; + } } .directorist-directory-type-top-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + align-items: center; + gap: 10px 20px; + flex-wrap: wrap; } @media only screen and (max-width: 767px) { - .directorist-directory-type-top-left { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-directory-type-top-left { + justify-content: center; + } } .directorist-directory-type-top-left .cptm-form-group { - margin-bottom: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-group-feedback { - white-space: nowrap; + margin-bottom: 0; + display: flex; + align-items: center; + gap: 10px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-group-feedback { + white-space: nowrap; } .directorist-directory-type-top-left .cptm-form-group .cptm-form-control { - height: 36px; - border-radius: 8px; - background: #e5e7eb; - max-width: 150px; - padding: 10px 16px; - font-size: 14px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-webkit-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-moz-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control:-ms-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-ms-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-group-feedback .cptm-form-alert { - padding: 0; + height: 36px; + border-radius: 8px; + background: #e5e7eb; + max-width: 150px; + padding: 10px 16px; + font-size: 14px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-group-feedback + .cptm-form-alert { + padding: 0; } .directorist-directory-type-top-left .directorist-back-directory { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: normal; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: normal; + display: flex; + align-items: center; + gap: 8px; } .directorist-directory-type-top-left .directorist-back-directory svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-directory-type-top-left .directorist-back-directory:hover { - color: #3e62f5; + color: #3e62f5; } .directorist-directory-type-top-right .directorist-create-directory { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - text-decoration: none; - padding: 0 24px; - height: 40px; - border: 1px solid #3e62f5; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); - box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); - background-color: #3e62f5; - color: #ffffff; - font-size: 15px; - font-weight: 500; - line-height: normal; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; + display: flex; + gap: 8px; + align-items: center; + justify-content: center; + border-radius: 8px; + text-decoration: none; + padding: 0 24px; + height: 40px; + border: 1px solid #3e62f5; + cursor: pointer; + box-sizing: border-box; + box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); + background-color: #3e62f5; + color: #ffffff; + font-size: 15px; + font-weight: 500; + line-height: normal; + transition: background-color 0.3s ease; } .directorist-directory-type-top-right .directorist-create-directory:hover { - background-color: #5a7aff; - border-color: #5a7aff; + background-color: #5a7aff; + border-color: #5a7aff; } .directorist-directory-type-top-right .cptm-btn { - margin: 0; + margin: 0; } .directorist-directory-type-bottom { - background: white; - margin-top: 80px; - overflow: hidden; + background: white; + margin-top: 80px; + overflow: hidden; } .directorist-directory-type-bottom .cptm-header-navigation { - position: fixed; - left: 20px; - top: 92px; - width: calc(100% - 262px); - background: #ffffff; - border-top: 20px solid #f3f4f6; - border-bottom: 1px solid #e5e7eb; - gap: 0 32px; - padding: 0 30px; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow-x: auto; - z-index: 100; + position: fixed; + left: 20px; + top: 92px; + width: calc(100% - 262px); + background: #ffffff; + border-top: 20px solid #f3f4f6; + border-bottom: 1px solid #e5e7eb; + gap: 0 32px; + padding: 0 30px; + flex-wrap: nowrap; + overflow-x: auto; + z-index: 100; } @media only screen and (max-width: 960px) { - .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 138px); - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 138px); + justify-content: flex-start; + } } @media only screen and (max-width: 782px) { - .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 82px); - top: 107px; - left: 12px; - } + .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 82px); + top: 107px; + left: 12px; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .cptm-header-navigation { - position: unset; - width: auto; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .directorist-directory-type-bottom .cptm-header-navigation { + position: unset; + width: auto; + flex-wrap: wrap; + } } @media only screen and (max-width: 480px) { - .directorist-directory-type-bottom .cptm-header-navigation { - padding: 10px 30px; - } + .directorist-directory-type-bottom .cptm-header-navigation { + padding: 10px 30px; + } } .directorist-directory-type-bottom .atbdp-cptm-body { - position: relative; - margin-top: 60px; + position: relative; + margin-top: 60px; } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - margin-top: 0; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + margin-top: 0; + } } @media screen and (max-width: 480px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - padding: 20px 30px; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + padding: 20px 30px; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom { - margin-top: 0; - } + .directorist-directory-type-bottom { + margin-top: 0; + } } .wp-admin.folded .directorist-directory-type-top { - width: calc(100% - 118px); + width: calc(100% - 118px); } .wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 138px); + width: calc(100% - 138px); } .directorist-draggable-form-list-wrap { - margin-left: 50px; + margin-left: 50px; } /* Body Header */ .directorist-form-doc { - border-radius: 8px; - background: #f3f4f6; - min-height: 52px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0 20px; - margin-bottom: 24px; + border-radius: 8px; + background: #f3f4f6; + min-height: 52px; + display: flex; + align-items: center; + gap: 10px 30px; + justify-content: space-between; + flex-wrap: wrap; + padding: 0 20px; + margin-bottom: 24px; } @media only screen and (max-width: 575px) { - .directorist-form-doc { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 10px 20px; - } + .directorist-form-doc { + justify-content: center; + flex-direction: column; + padding: 10px 20px; + } } .directorist-form-doc .directorist-form-doc-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + align-items: center; + gap: 8px; + flex-wrap: wrap; } @media only screen and (max-width: 575px) { - .directorist-form-doc .directorist-form-doc-left { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-form-doc .directorist-form-doc-left { + justify-content: center; + } } .directorist-form-doc .directorist-form-doc-left .directorist-form-doc-title { - color: #141921; - font-size: 19px; - font-style: normal; - font-weight: 600; - line-height: 25px; + color: #141921; + font-size: 19px; + font-style: normal; + font-weight: 600; + line-height: 25px; } .directorist-form-doc__watch-tutorial { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid #bee3ff; - background: #eff8ff; - color: #217aef; - text-align: center; - margin-right: 4px; - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.12px; - text-transform: capitalize; + display: inline-flex; + padding: 8px 12px; + width: max-content; + justify-content: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid #bee3ff; + background: #eff8ff; + color: #217aef; + text-align: center; + margin-right: 4px; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + text-transform: capitalize; } .directorist-form-doc__watch-tutorial svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-form-doc__link { - margin-top: 2px; - font-size: 12px; - font-weight: 500; - color: #1b50b2; - line-height: 20px; - letter-spacing: 0.12px; - text-decoration: underline; + margin-top: 2px; + font-size: 12px; + font-weight: 500; + color: #1b50b2; + line-height: 20px; + letter-spacing: 0.12px; + text-decoration: underline; } .directorist-form-doc__preview { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid #e5e7eb; - background: #fff; - color: #383f47; - text-align: center; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; - text-transform: capitalize; + display: inline-flex; + padding: 8px 12px; + justify-content: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid #e5e7eb; + background: #fff; + color: #383f47; + text-align: center; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; + text-transform: capitalize; } .directorist-form-doc__preview svg { - width: 16px; - height: 16px; - color: inherit; + width: 16px; + height: 16px; + color: inherit; } .directorist-form-doc__preview:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + box-shadow: none; } .directorist-footer-wrap .cptm-btn { - position: relative; - margin: 0; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 48px; - font-size: 16px; - font-weight: 500; - color: #ffffff; - border-color: #383f47; - background-color: #383f47; - border-radius: 8px; + position: relative; + margin: 0; + width: 100%; + display: flex; + gap: 8px; + align-items: center; + justify-content: center; + height: 48px; + font-size: 16px; + font-weight: 500; + color: #ffffff; + border-color: #383f47; + background-color: #383f47; + border-radius: 8px; } .directorist-footer-wrap .cptm-btn:before { - content: attr(data-info); - position: absolute; - top: calc(100% + 8px); - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - min-width: -webkit-max-content; - min-width: -moz-max-content; - min-width: max-content; - text-align: center; - color: #ffffff; - font-size: 13px; - font-weight: 500; - padding: 10px 12px; - border-radius: 6px; - background-color: #141921; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + right: 50%; + transform: translateX(50%); + min-width: max-content; + text-align: center; + color: #ffffff; + font-size: 13px; + font-weight: 500; + padding: 10px 12px; + border-radius: 6px; + background-color: #141921; + opacity: 0; + visibility: hidden; + transition: + opacity 0.3s ease, + visibility 0.3s ease; } .directorist-footer-wrap .cptm-btn:after { - content: ""; - position: absolute; - top: calc(100% + 2px); - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - border-bottom: 6px solid #141921; - border-right: 6px solid transparent; - border-left: 6px solid transparent; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; + content: ""; + position: absolute; + top: calc(100% + 2px); + right: 50%; + transform: translateX(50%); + border-bottom: 6px solid #141921; + border-right: 6px solid transparent; + border-left: 6px solid transparent; + opacity: 0; + visibility: hidden; + transition: + opacity 0.3s ease, + visibility 0.3s ease; } .directorist-footer-wrap .cptm-btn .cptm-save-icon { - font-size: 16px; + font-size: 16px; } .directorist-footer-wrap .cptm-btn:hover { - border-color: #141921; - background-color: #141921; + border-color: #141921; + background-color: #141921; } -.directorist-footer-wrap .cptm-btn:hover:hover:before, .directorist-footer-wrap .cptm-btn:hover:hover:after { - opacity: 1; - visibility: visible; +.directorist-footer-wrap .cptm-btn:hover:hover:before, +.directorist-footer-wrap .cptm-btn:hover:hover:after { + opacity: 1; + visibility: visible; } .directorist-footer-wrap .cptm-form-group { - margin: 0; + margin: 0; } .cptm-form-note { - margin-bottom: 30px; - padding: 30px; - background-color: #dcebfe; - border-radius: 4px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + margin-bottom: 30px; + padding: 30px; + background-color: #dcebfe; + border-radius: 4px; + display: flex; } .cptm-form-note i { - font-size: 30px; - opacity: 0.2; - margin-left: 15px; + font-size: 30px; + opacity: 0.2; + margin-left: 15px; } .cptm-form-note .cptm-form-note-title { - margin-top: 0; - color: #157cf6; + margin-top: 0; + color: #157cf6; } .cptm-form-note .cptm-form-note-content { - margin: 5px 0; + margin: 5px 0; } .cptm-form-note .cptm-form-note-content a { - color: #157cf6; + color: #157cf6; } #atbdp_cpt_options_metabox .inside { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } #atbdp_cpt_options_metabox .postbox-header { - display: none; + display: none; } .atbdp-cpt-manager { - position: relative; - display: block; - color: #23282d; + position: relative; + display: block; + color: #23282d; } .atbdp-cpt-manager.directorist-overlay-visible { - position: fixed; - z-index: 9; - width: calc(100% - 200px); + position: fixed; + z-index: 9; + width: calc(100% - 200px); } .atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-top, -.atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-bottom .cptm-header-navigation { - z-index: 1; +.atbdp-cpt-manager.directorist-overlay-visible + .directorist-directory-type-bottom + .cptm-header-navigation { + z-index: 1; } .atbdp-cpt-manager.directorist-overlay-visible .submission_form_fields { - z-index: 11; + z-index: 11; } .atbdp-cptm-header { - display: block; + display: block; } .atbdp-cptm-header .cptm-form-group .cptm-form-control { - height: 50px; - font-size: 20px; + height: 50px; + font-size: 20px; } .atbdp-cptm-body { - display: block; + display: block; } .cptm-field-wraper-key-preview_image .cptm-btn { - margin: 0 10px; - height: 40px; - color: #23282d !important; - background-color: #dadce0 !important; - border-radius: 4px !important; - border: 0 none; - font-weight: 500; - padding: 0 30px; + margin: 0 10px; + height: 40px; + color: #23282d !important; + background-color: #dadce0 !important; + border-radius: 4px !important; + border: 0 none; + font-weight: 500; + padding: 0 30px; } .atbdp-cptm-footer { - display: block; - padding: 24px 0 0; - margin: 0 30px 0 50px; - border-top: 1px solid #e5e7eb; + display: block; + padding: 24px 0 0; + margin: 0 30px 0 50px; + border-top: 1px solid #e5e7eb; } .atbdp-cptm-footer .atbdp-cptm-footer-preview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 0 0 20px; + display: flex; + gap: 8px; + flex-direction: column; + margin: 0 0 20px; } .atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label { - position: relative; - font-size: 14px; - font-weight: 500; - color: #4d5761; - cursor: pointer; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label:before { - content: ""; - position: absolute; - left: 0; - top: 0; - width: 36px; - height: 20px; - border-radius: 30px; - background: #d2d6db; - border: 3px solid #d2d6db; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label:after { - content: ""; - position: absolute; - left: 19px; - top: 3px; - width: 14px; - height: 14px; - background: #ffffff; - border-radius: 100%; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle { - display: none; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle:checked ~ label:before { - background-color: #3e62f5; - border-color: #3e62f5; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle:checked ~ label:after { - left: 3px; + position: relative; + font-size: 14px; + font-weight: 500; + color: #4d5761; + cursor: pointer; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-label:before { + content: ""; + position: absolute; + left: 0; + top: 0; + width: 36px; + height: 20px; + border-radius: 30px; + background: #d2d6db; + border: 3px solid #d2d6db; + box-sizing: border-box; + transition: all ease 0.3s; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-label:after { + content: ""; + position: absolute; + left: 19px; + top: 3px; + width: 14px; + height: 14px; + background: #ffffff; + border-radius: 100%; + transition: all ease 0.3s; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle { + display: none; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle:checked + ~ label:before { + background-color: #3e62f5; + border-color: #3e62f5; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle:checked + ~ label:after { + left: 3px; } .atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-desc { - font-size: 12px; - font-weight: 400; - color: #747c89; + font-size: 12px; + font-weight: 400; + color: #747c89; } .atbdp-cptm-footer-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-content: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + justify-content: center; + align-content: center; + flex-wrap: wrap; } .atbdp-cptm-footer-actions .cptm-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 100%; - font-weight: 500; - font-size: 15px; - height: 48px; - padding: 0 30px; - margin: 0; + display: flex; + gap: 10px; + align-items: center; + justify-content: center; + width: 100%; + font-weight: 500; + font-size: 15px; + height: 48px; + padding: 0 30px; + margin: 0; } .atbdp-cptm-footer-actions .cptm-save-text { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + gap: 8px; + justify-content: center; + align-items: center; } .cptm-title-bar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -10px; - padding: 15px 10px; - background-color: #fff; + display: flex; + flex-wrap: wrap; + margin: 0 -10px; + padding: 15px 10px; + background-color: #fff; } .cptm-card-preview-widget .cptm-title-bar { - margin: 0; + margin: 0; } .cptm-title-bar-headings { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 10px; + flex-grow: 1; + padding: 10px; } .cptm-title-bar-actions { - min-width: 100px; - max-width: 220px; - padding: 10px; + min-width: 100px; + max-width: 220px; + padding: 10px; } .cptm-label-btn { - display: inline-block; + display: inline-block; } .cptm-btn, .cptm-btn.cptm-label-btn { - margin: 0 5px 10px; - display: inline-block; - text-align: center; - border: 1px solid transparent; - padding: 10px 20px; - border-radius: 5px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - vertical-align: top; + margin: 0 5px 10px; + display: inline-block; + text-align: center; + border: 1px solid transparent; + padding: 10px 20px; + border-radius: 5px; + cursor: pointer; + transition: all ease-in-out 300ms; + vertical-align: top; } .cptm-btn:disabled, .cptm-btn.cptm-label-btn:disabled { - cursor: not-allowed; - opacity: 0.5; + cursor: not-allowed; + opacity: 0.5; } .cptm-btn.cptm-label-btn { - display: inline-block; - vertical-align: top; + display: inline-block; + vertical-align: top; } .cptm-btn.cptm-btn-rounded { - border-radius: 30px; + border-radius: 30px; } .cptm-btn.cptm-btn-primary { - color: #fff; - border-color: #3e62f5; - background-color: #3e62f5; + color: #fff; + border-color: #3e62f5; + background-color: #3e62f5; } .cptm-btn.cptm-btn-primary:hover { - background-color: #345af4; + background-color: #345af4; } .cptm-btn.cptm-btn-secondery { - color: #3e62f5; - border-color: #3e62f5; - background-color: transparent; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - font-weight: 500; - font-size: 15px !important; + color: #3e62f5; + border-color: #3e62f5; + background-color: transparent; + display: inline-flex; + align-items: center; + gap: 6px; + font-weight: 500; + font-size: 15px !important; } .cptm-btn.cptm-btn-secondery:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-file-input-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .cptm-file-input-wrap .cptm-btn { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-btn-box { - display: block; + display: block; } .cptm-form-builder-group-field-drop-area { - display: block; - padding: 16px 20px; - border-radius: 8px; - margin: 8px 30px 0 40px; - text-align: center; - font-size: 13px; - font-weight: 400; - color: #747c89; - font-style: italic; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - border: 1px dashed #d2d6db; + display: block; + padding: 16px 20px; + border-radius: 8px; + margin: 8px 30px 0 40px; + text-align: center; + font-size: 13px; + font-weight: 400; + color: #747c89; + font-style: italic; + transition: all ease-in-out 300ms; + border: 1px dashed #d2d6db; } .cptm-form-builder-group-field-drop-area.drag-enter { - background-color: #c6c6c6; + background-color: #c6c6c6; } .cptm-form-builder-group-field-drop-area-label { - margin: 0; - pointer-events: none; + margin: 0; + pointer-events: none; } .atbdp-cptm-status-feedback { - position: fixed; - top: 70px; - right: calc(50% + 150px); - -webkit-transform: translateX(50%); - transform: translateX(50%); - min-width: 300px; - z-index: 9999; + position: fixed; + top: 70px; + right: calc(50% + 150px); + transform: translateX(50%); + min-width: 300px; + z-index: 9999; } @media screen and (max-width: 960px) { - .atbdp-cptm-status-feedback { - right: calc(50% + 100px); - } + .atbdp-cptm-status-feedback { + right: calc(50% + 100px); + } } @media screen and (max-width: 782px) { - .atbdp-cptm-status-feedback { - right: 50%; - } + .atbdp-cptm-status-feedback { + right: 50%; + } } .cptm-alert { - position: relative; - padding: 14px 52px 14px 24px; - font-size: 16px; - font-weight: 500; - line-height: 22px; - color: #053e29; - border-radius: 8px; - -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); - box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); + position: relative; + padding: 14px 52px 14px 24px; + font-size: 16px; + font-weight: 500; + line-height: 22px; + color: #053e29; + border-radius: 8px; + box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); } .cptm-alert:before { - content: ""; - position: absolute; - top: 14px; - right: 24px; - font-size: 20px; - font-family: "Font Awesome 5 Free"; - font-weight: 900; + content: ""; + position: absolute; + top: 14px; + right: 24px; + font-size: 20px; + font-family: "Font Awesome 5 Free"; + font-weight: 900; } .cptm-alert-success { - background-color: #ecfdf3; - border: 1px solid #14b570; + background-color: #ecfdf3; + border: 1px solid #14b570; } .cptm-alert-success:before { - content: "\f058"; - color: #14b570; + content: "\f058"; + color: #14b570; } .cptm-alert-error { - background-color: #f3d6d6; - border: 1px solid #c51616; + background-color: #f3d6d6; + border: 1px solid #c51616; } .cptm-alert-error:before { - content: "\f057"; - color: #c51616; + content: "\f057"; + color: #c51616; } .cptm-dropable-element { - position: relative; + position: relative; } .cptm-dropable-base-element { - display: block; - position: relative; - padding: 0; - -webkit-transition: ease-in-out all 300ms; - transition: ease-in-out all 300ms; + display: block; + position: relative; + padding: 0; + transition: ease-in-out all 300ms; } .cptm-dropable-area { - position: absolute; - right: 0; - left: 0; - top: 0; - bottom: 0; - z-index: 999; + position: absolute; + right: 0; + left: 0; + top: 0; + bottom: 0; + z-index: 999; } .cptm-dropable-placeholder { - padding: 0; - margin: 0; - height: 0; - border-radius: 4px; - overflow: hidden; - -webkit-transition: all ease-in-out 200ms; - transition: all ease-in-out 200ms; - background: RGBA(61, 98, 245, 0.45); + padding: 0; + margin: 0; + height: 0; + border-radius: 4px; + overflow: hidden; + transition: all ease-in-out 200ms; + background: RGBA(61, 98, 245, 0.45); } .cptm-dropable-placeholder.active { - padding: 10px 15px; - margin: 0; - height: 30px; + padding: 10px 15px; + margin: 0; + height: 30px; } .cptm-dropable-inside { - padding: 10px; + padding: 10px; } .cptm-dropable-area-inside { - display: block; - height: 100%; + display: block; + height: 100%; } .cptm-dropable-area-right { - display: block; + display: block; } .cptm-dropable-area-left { - display: block; + display: block; } .cptm-dropable-area-right, .cptm-dropable-area-left { - display: block; - float: right; - width: 50%; - height: 100%; + display: block; + float: right; + width: 50%; + height: 100%; } .cptm-dropable-area-top { - display: block; + display: block; } .cptm-dropable-area-bottom { - display: block; + display: block; } .cptm-dropable-area-top, .cptm-dropable-area-bottom { - display: block; - width: 100%; - height: 50%; + display: block; + width: 100%; + height: 50%; } .cptm-header-navigation { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + margin: 0; + padding: 0; + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; } @media screen and (max-width: 480px) { - .cptm-header-navigation { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .cptm-header-navigation { + flex-direction: column; + } } .cptm-header-nav__list-item { - margin: 0; - display: inline-block; - list-style: none; - text-align: center; - min-width: -webkit-fit-content; - min-width: -moz-fit-content; - min-width: fit-content; + margin: 0; + display: inline-block; + list-style: none; + text-align: center; + min-width: fit-content; } @media (max-width: 480px) { - .cptm-header-nav__list-item { - width: 100%; - } + .cptm-header-nav__list-item { + width: 100%; + } } .cptm-header-nav__list-item-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - text-decoration: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - position: relative; - border-bottom: 2px solid transparent; - color: #4d5761; - padding: 15px 0; + display: flex; + align-items: center; + gap: 8px; + text-decoration: none; + transition: all ease-in-out 300ms; + position: relative; + border-bottom: 2px solid transparent; + color: #4d5761; + padding: 15px 0; } .cptm-header-nav__list-item-link.active { - border-bottom-color: #3e62f5; + border-bottom-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__icon { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__label { - color: #3e62f5; + color: #3e62f5; } .cptm-header-nav__icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - min-width: 28px; - min-height: 28px; - text-align: center; - font-size: 16px; - text-align: center; - border-radius: 6px; - background: #d8e0fd; - color: inherit; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: inline-flex; + min-width: 28px; + min-height: 28px; + text-align: center; + font-size: 16px; + text-align: center; + border-radius: 6px; + background: #d8e0fd; + color: inherit; + transition: all ease-in-out 300ms; + align-items: center; + justify-content: center; } .cptm-header-nav__icon svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .cptm-header-nav__label { - display: block; - color: inherit; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - font-size: 14px; - font-weight: 500; + display: block; + color: inherit; + transition: all ease-in-out 300ms; + font-size: 14px; + font-weight: 500; } .cptm-title-area { - margin-bottom: 20px; + margin-bottom: 20px; } .submission-form .cptm-title-area { - width: 100%; + width: 100%; } .tab-general .cptm-title-area { - margin-right: 0; + margin-right: 0; } .cptm-link-light { - color: #fff; + color: #fff; } -.cptm-link-light:hover, .cptm-link-light:focus, .cptm-link-light:active { - color: #fff; +.cptm-link-light:hover, +.cptm-link-light:focus, +.cptm-link-light:active { + color: #fff; } .cptm-color-white { - color: #fff; + color: #fff; } .cptm-my-10 { - margin-top: 10px; - margin-bottom: 10px; + margin-top: 10px; + margin-bottom: 10px; } .cptm-mb-60 { - margin-bottom: 60px; + margin-bottom: 60px; } .cptm-mr-5 { - margin-left: 5px; + margin-left: 5px; } .cptm-title { - margin: 0; - font-size: 19px; - font-weight: 600; - color: #141921; - line-height: 1.2; + margin: 0; + font-size: 19px; + font-weight: 600; + color: #141921; + line-height: 1.2; } .cptm-des { - font-size: 14px; - font-weight: 400; - line-height: 22px; - color: #4d5761; - margin-top: 10px; + font-size: 14px; + font-weight: 400; + line-height: 22px; + color: #4d5761; + margin-top: 10px; } .atbdp-cptm-tab-contents { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-cptm-tab-item { - display: none; + display: none; } .atbdp-cptm-tab-item.active { - display: block; + display: block; } .cptm-tab-content-header { - position: relative; - background: transparent; - margin-top: 61px; - border-bottom: 1px solid #e5e7eb; + position: relative; + background: transparent; + margin-top: 61px; + border-bottom: 1px solid #e5e7eb; } @media only screen and (max-width: 600px) { - .cptm-tab-content-header { - margin-top: 0; - } + .cptm-tab-content-header { + margin-top: 0; + } } .cptm-tab-content-header .cptm-sub-navigation { - gap: 10px; - padding: 10px 20px; - padding-left: 160px; - margin: 0 15px; - max-width: 1050px; - margin: 0 auto; + gap: 10px; + padding: 10px 20px; + padding-left: 160px; + margin: 0 15px; + max-width: 1050px; + margin: 0 auto; } .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item { - margin: 0; + margin: 0; } .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link { - margin: 0; - padding: 10px 25px; - background-color: #e3e6ef; + margin: 0; + padding: 10px 25px; + background-color: #e3e6ef; } -.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link.active, .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link:hover { - background-color: #3e62f5; +.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link.active, +.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link:hover { + background-color: #3e62f5; } @media screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - margin: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + margin: 0; + } } .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - position: absolute; - left: 30px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + left: 30px; + top: 50%; + transform: translateY(-50%); } @media only screen and (max-width: 782px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-left: 0; - padding-top: 70px; - } - .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - top: 20px; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-left: 0; + padding-top: 70px; + } + .cptm-tab-content-header .directorist-form-doc__watch-tutorial { + top: 20px; + left: 50%; + transform: translateX(-50%); + } } @media only screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-top: 50px; - padding-bottom: 15px; - } - .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - top: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-top: 50px; + padding-bottom: 15px; + } + .cptm-tab-content-header .directorist-form-doc__watch-tutorial { + top: 0; + } } .cptm-tab-content-body { - display: block; + display: block; } .cptm-tab-content { - position: relative; - margin: 0 auto; - padding: 20px 30px; - min-height: 500px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + margin: 0 auto; + padding: 20px 30px; + min-height: 500px; + box-sizing: border-box; } @media only screen and (max-width: 991px) { - .cptm-tab-content { - padding: 20px 25px; - } + .cptm-tab-content { + padding: 20px 25px; + } } @media (max-width: 480px) { - .cptm-tab-content { - max-width: 100%; - padding: 15px 0; - } + .cptm-tab-content { + max-width: 100%; + padding: 15px 0; + } } .cptm-tab-content.tab-wide { - max-width: 1080px; + max-width: 1080px; } .cptm-tab-content.tab-short-wide { - max-width: 550px; + max-width: 550px; } .cptm-tab-content.tab-full-width { - max-width: 1345px; + max-width: 1345px; } .cptm-short-wide { - max-width: 550px; - width: 100%; - margin-left: auto; - margin-right: auto; + max-width: 550px; + width: 100%; + margin-left: auto; + margin-right: auto; } .cptm-tab-sub-content-item { - margin: 0 auto; - display: none; + margin: 0 auto; + display: none; } .cptm-tab-sub-content-item.active { - display: block; + display: block; } .cptm-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: flex; + flex-wrap: wrap; + margin: 0 -15px; } .cptm-col-5 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(42.66% - 30px); - padding: 0 15px; + flex-grow: 1; + width: calc(42.66% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-5 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-5 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-col-6 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(50% - 30px); - padding: 0 15px; + flex-grow: 1; + width: calc(50% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-6 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-6 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-col-7 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(57.33% - 30px); - padding: 0 15px; + flex-grow: 1; + width: calc(57.33% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-7 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-7 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-section { - position: relative; - margin-bottom: 50px; + position: relative; + margin-bottom: 50px; } -.cptm-section.submission_form_fields .cptm-form-builder-active-fields-container { - height: 100%; - padding-bottom: 162px; - -webkit-box-sizing: border-box; - box-sizing: border-box; +.cptm-section.submission_form_fields + .cptm-form-builder-active-fields-container { + height: 100%; + padding-bottom: 162px; + box-sizing: border-box; } .cptm-section.preview_mode { - position: absolute; - left: 31px; - bottom: 71px; - width: calc(50% + 50px); - padding: 24px 43px 50px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - z-index: 10; - background: #f8f9fa; - border: none; - border-radius: 0 0 8px 8px; + position: absolute; + left: 31px; + bottom: 71px; + width: calc(50% + 50px); + padding: 24px 43px 50px; + box-sizing: border-box; + z-index: 10; + background: #f8f9fa; + border: none; + border-radius: 0 0 8px 8px; } .cptm-section.preview_mode:before { - content: ""; - position: absolute; - top: 0; - right: 43px; - height: 1px; - width: calc(100% - 86px); - background-color: #f3f4f6; + content: ""; + position: absolute; + top: 0; + right: 43px; + height: 1px; + width: calc(100% - 86px); + background-color: #f3f4f6; } .cptm-section.preview_mode .cptm-title-area { - display: none; + display: none; } @media screen and (max-width: 1499px) { - .cptm-section.preview_mode { - width: calc(50% + 40px); - } + .cptm-section.preview_mode { + width: calc(50% + 40px); + } } @media screen and (max-width: 1399px) { - .cptm-section.preview_mode { - width: calc(50% + 20px); - } + .cptm-section.preview_mode { + width: calc(50% + 20px); + } } @media screen and (max-width: 1099px) { - .cptm-section.preview_mode { - width: calc(50% + 10px); - } + .cptm-section.preview_mode { + width: calc(50% + 10px); + } } @media screen and (max-width: 991px) { - .cptm-section.preview_mode { - left: 27px; - } + .cptm-section.preview_mode { + left: 27px; + } } @media screen and (max-width: 767px) { - .cptm-section.preview_mode { - width: calc(100% - 52px); - left: 26px; - bottom: 101px; - } + .cptm-section.preview_mode { + width: calc(100% - 52px); + left: 26px; + bottom: 101px; + } } @media screen and (max-width: 480px) { - .cptm-section.preview_mode { - left: 1px; - bottom: 96px; - width: calc(100% - 2px); - } + .cptm-section.preview_mode { + left: 1px; + bottom: 96px; + width: calc(100% - 2px); + } } .cptm-section.new_listing_status { - z-index: 11; + z-index: 11; } .cptm-section:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-form-builder-preset-fields:not(:last-child) { - margin-bottom: 40px; + margin-bottom: 40px; } .cptm-form-builder-preset-fields-header-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - margin: 0 0 16px; + display: flex; + gap: 15px; + margin: 0 0 16px; } -.cptm-form-builder-preset-fields-header-action-link .cptm-form-builder-preset-fields-header-action-icon { - font-size: 20px; +.cptm-form-builder-preset-fields-header-action-link + .cptm-form-builder-preset-fields-header-action-icon { + font-size: 20px; } .cptm-form-builder-preset-fields-header-action-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + box-shadow: none; } .cptm-form-builder-preset-fields-header-action-text { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - font-size: 14px; - font-weight: 500; - color: #141921; + flex: 1; + font-size: 14px; + font-weight: 500; + color: #141921; } .cptm-form-builder-preset-fields-header-action-link { - color: #747c89; + color: #747c89; } .cptm-title-3 { - margin: 0; - color: #272b41; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - font-weight: 500; - font-size: 18px; + margin: 0; + color: #272b41; + flex-grow: 1; + font-weight: 500; + font-size: 18px; } .cptm-description-text { - margin: 5px 0 20px; - color: #5a5f7d; - font-size: 15px; + margin: 5px 0 20px; + color: #5a5f7d; + font-size: 15px; } .cptm-form-builder-active-fields { - display: block; - height: 100%; + display: block; + height: 100%; } .cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper { - height: auto; - z-index: auto; + height: auto; + z-index: auto; } -.cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper:hover { - z-index: 1; +.cptm-form-builder-active-fields + .directorist-draggable-list-item-wrapper:hover { + z-index: 1; } .cptm-form-builder-active-fields .cptm-description-text + .cptm-btn { - border: 1px solid #3e62f5; - height: 43px; - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; - font-size: 14px; - font-weight: 500; - margin: 0 0 22px; + border: 1px solid #3e62f5; + height: 43px; + background: rgba(62, 98, 245, 0.1); + color: #3e62f5; + font-size: 14px; + font-weight: 500; + margin: 0 0 22px; } -.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn.cptm-btn-primary { - background: #3e62f5; - color: #fff; +.cptm-form-builder-active-fields + .cptm-description-text + + .cptm-btn.cptm-btn-primary { + background: #3e62f5; + color: #fff; } .cptm-form-builder-active-fields-container { - position: relative; - margin: 0; - background-color: #f8f9fa; - border: 1px solid #e3e6e9; - padding: 40px; - border-radius: 8px; - z-index: 1; + position: relative; + margin: 0; + background-color: #f8f9fa; + border: 1px solid #e3e6e9; + padding: 40px; + border-radius: 8px; + z-index: 1; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-container { - padding: 20px; - } + .cptm-form-builder-active-fields-container { + padding: 20px; + } } .cptm-form-builder-active-fields-footer { - text-align: right; + text-align: right; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer { - text-align: right; - } + .cptm-form-builder-active-fields-footer { + text-align: right; + } } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer .cptm-btn { - margin-right: 0; - } + .cptm-form-builder-active-fields-footer .cptm-btn { + margin-right: 0; + } } .cptm-form-builder-active-fields-footer .cptm-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - height: 40px; - color: #141921; - background: #ffffff; - border: 0 none; - margin: 4px 30px 24px 50px; - font-size: 14px; - font-weight: 600; - border-radius: 8px; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + display: flex; + gap: 8px; + height: 40px; + color: #141921; + background: #ffffff; + border: 0 none; + margin: 4px 30px 24px 50px; + font-size: 14px; + font-weight: 600; + border-radius: 8px; + border: 1px solid #e5e7eb; + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); } .cptm-form-builder-active-fields-footer .cptm-btn span { - font-size: 16px; + font-size: 16px; } .cptm-form-builder-active-fields-group { - position: relative; - margin-bottom: 15px; - padding-bottom: 0; + position: relative; + margin-bottom: 15px; + padding-bottom: 0; } .cptm-form-builder-group-header-section { - margin-bottom: 8px; + margin-bottom: 8px; } .cptm-form-builder-group-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: flex; + align-items: flex-start; } .cptm-form-builder-group-title-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 15px 20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - background-color: #383f47; - -webkit-box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-builder-group-title-area.expanded, .cptm-form-builder-group-title-area:focus, .cptm-form-builder-group-title-area:hover { - background-color: #141921; + display: flex; + flex-grow: 1; + padding: 15px 20px; + box-sizing: border-box; + border-radius: 8px; + background-color: #383f47; + box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); + transition: all ease 0.3s; +} +.cptm-form-builder-group-title-area.expanded, +.cptm-form-builder-group-title-area:focus, +.cptm-form-builder-group-title-area:hover { + background-color: #141921; } .expanded .cptm-form-builder-group-title-area { - border-radius: 8px 8px 0 0; + border-radius: 8px 8px 0 0; } -div[draggable=true].cptm-form-builder-group-title-area { - cursor: move; +div[draggable="true"].cptm-form-builder-group-title-area { + cursor: move; } .cptm-form-builder-group-title-area__dropable-wrapper { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-no-wrap { - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + flex-wrap: nowrap; } .cptm-card-top-area { - max-width: 450px; - margin: 0 auto; - margin-bottom: 10px; + max-width: 450px; + margin: 0 auto; + margin-bottom: 10px; } .cptm-card-top-area > .form-group .cptm-form-control { - background: none; - border: 1px solid #c6d0dc; - height: 42px; + background: none; + border: 1px solid #c6d0dc; + height: 42px; } .cptm-card-top-area > .form-group .cptm-template-type-wrapper { - position: relative; + position: relative; } .cptm-card-top-area > .form-group .cptm-template-type-wrapper:before { - content: "\f110"; - position: absolute; - font-family: "LineAwesome"; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - pointer-events: none; + content: "\f110"; + position: absolute; + font-family: "LineAwesome"; + left: 20px; + top: 50%; + transform: translateY(-50%); + pointer-events: none; } .cptm-card-placeholder-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -10px; + display: flex; + flex-wrap: wrap; + margin: 0 -10px; } .cptm-card-placeholder-col { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 0 10px; + flex-grow: 1; + padding: 0 10px; } .cptm-form-builder-group-title-area__dropable-placeholder { - margin-left: 15px; + margin-left: 15px; } .cptm-form-builder-group-title-actions .cptm-form-builder-header-action-link { - font-size: 20px; - color: #fff; + font-size: 20px; + color: #fff; } .cptm-form-builder-group-actions-dropdown { - position: relative; - top: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 32px; - margin-right: 10px; + position: relative; + top: 8px; + display: flex; + justify-content: flex-end; + flex-direction: column; + width: 32px; + margin-right: 10px; } .cptm-form-builder-group-actions-dropdown--field { - position: absolute; - left: 0; - top: 8px; + position: absolute; + left: 0; + top: 8px; } .cptm-form-builder-group-actions-dropdown-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 32px; - height: 32px; - background-color: transparent; - border-radius: 8px; - -webkit-transition: background ease 0.3s; - transition: background ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-btn:hover, .cptm-form-builder-group-actions-dropdown-btn:focus { - background-color: #d2d6db; + display: flex; + align-items: center; + justify-content: center; + width: 32px; + height: 32px; + background-color: transparent; + border-radius: 8px; + transition: background ease 0.3s; +} +.cptm-form-builder-group-actions-dropdown-btn:hover, +.cptm-form-builder-group-actions-dropdown-btn:focus { + background-color: #d2d6db; } .cptm-form-builder-group-actions-dropdown-btn:focus { - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + border: none; + outline: none; + box-shadow: none; } .cptm-form-builder-group-actions-dropdown-btn span { - font-size: 18px; - color: #747c89; + font-size: 18px; + color: #747c89; } .cptm-form-builder-group-actions-dropdown-content.expanded { - position: absolute; - width: 200px; - top: 100%; - left: 0; - z-index: 9; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #d94a4a; - background: #ffffff; - padding: 10px 15px; - width: 100%; - height: 50px; - font-size: 14px; - font-weight: 500; - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - -webkit-transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s; - transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link span { - font-size: 20px; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link:hover { - color: #ffffff; - background: #d94a4a; - border-color: #d94a4a; + position: absolute; + width: 200px; + top: 100%; + left: 0; + z-index: 9; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link { + display: flex; + gap: 8px; + align-items: center; + color: #d94a4a; + background: #ffffff; + padding: 10px 15px; + width: 100%; + height: 50px; + font-size: 14px; + font-weight: 500; + border-radius: 8px; + box-sizing: border-box; + border: 1px solid #e5e7eb; + box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); + transition: + background ease 0.3s, + color ease 0.3s, + border-color ease 0.3s; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link + span { + font-size: 20px; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link:hover { + color: #ffffff; + background: #d94a4a; + border-color: #d94a4a; } .cptm-form-builder-group-actions { - display: block; - min-width: 34px; - margin-right: 15px; + display: block; + min-width: 34px; + margin-right: 15px; } .cptm-form-builder-group-title { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - font-size: 14px; - color: #fff; + flex-grow: 1; + margin: 0; + font-size: 14px; + color: #fff; } .cptm-form-builder-group-options { - background-color: #fff; - margin: 0 30px 0 42px; - padding: 20px; - border-radius: 0 0 8px 8px; - -webkit-box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); - box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); + background-color: #fff; + margin: 0 30px 0 42px; + padding: 20px; + border-radius: 0 0 8px 8px; + box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); } .cptm-form-builder-group-options .directorist-form-fields-advanced { - padding: 0; - margin: 16px 0 0; - font-size: 13px; - font-weight: 500; - background: transparent; - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - color: #2e94fa; - text-decoration: underline; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - cursor: pointer; + padding: 0; + margin: 16px 0 0; + font-size: 13px; + font-weight: 500; + background: transparent; + border: none; + outline: none; + box-shadow: none; + color: #2e94fa; + text-decoration: underline; + transition: all ease 0.3s; + cursor: pointer; } .cptm-form-builder-group-options .directorist-form-fields-advanced:hover { - color: #3e62f5; -} -.cptm-form-builder-group-options .directorist-form-fields-area .cptm-form-group:last-child { - margin-bottom: 0; -} -.cptm-form-builder-group-options .cptm-form-builder-group-options__advanced-toggle { - font-size: 13px; - font-weight: 500; - color: #2e94fa; - background: transparent; - border: none; - padding: 0; - text-decoration: underline; - display: block; - margin-top: -7px; - cursor: pointer; + color: #3e62f5; +} +.cptm-form-builder-group-options + .directorist-form-fields-area + .cptm-form-group:last-child { + margin-bottom: 0; +} +.cptm-form-builder-group-options + .cptm-form-builder-group-options__advanced-toggle { + font-size: 13px; + font-weight: 500; + color: #2e94fa; + background: transparent; + border: none; + padding: 0; + text-decoration: underline; + display: block; + margin-top: -7px; + cursor: pointer; } .cptm-form-builder-group-fields { - display: block; - position: relative; + display: block; + position: relative; } .icon-picker-selector { - margin: 0; - padding: 3px 16px 3px 4px; - border: 1px solid #d2d6db; - border-radius: 8px; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + margin: 0; + padding: 3px 16px 3px 4px; + border: 1px solid #d2d6db; + border-radius: 8px; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); } .icon-picker-selector .icon-picker-selector__icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0; -} -.icon-picker-selector .icon-picker-selector__icon input[type=text].cptm-form-control { - padding: 5px 20px; - min-height: 20px; - background-color: transparent; - outline: none; + display: flex; + align-items: center; + margin: 0; +} +.icon-picker-selector + .icon-picker-selector__icon + input[type="text"].cptm-form-control { + padding: 5px 20px; + min-height: 20px; + background-color: transparent; + outline: none; } .icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon { - position: unset; - -webkit-transform: unset; - transform: unset; - font-size: 16px; + position: unset; + transform: unset; + font-size: 16px; } -.icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon:before { - margin-left: 6px; +.icon-picker-selector + .icon-picker-selector__icon + .directorist-selected-icon:before { + margin-left: 6px; } .icon-picker-selector .icon-picker-selector__icon input { - height: 32px; - border: none !important; - padding-right: 0 !important; + height: 32px; + border: none !important; + padding-right: 0 !important; } -.icon-picker-selector .icon-picker-selector__icon .icon-picker-selector__icon__reset { - font-size: 12px; - padding: 0 0 0 10px; +.icon-picker-selector + .icon-picker-selector__icon + .icon-picker-selector__icon__reset { + font-size: 12px; + padding: 0 0 0 10px; } .icon-picker-selector .icon-picker-selector__btn { - margin: 0; - height: 32px; - padding: 0 15px; - font-size: 13px; - font-weight: 500; - color: #2c3239; - border-radius: 6px; - background-color: #e5e7eb; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + margin: 0; + height: 32px; + padding: 0 15px; + font-size: 13px; + font-weight: 500; + color: #2c3239; + border-radius: 6px; + background-color: #e5e7eb; + transition: all ease 0.3s; } .icon-picker-selector .icon-picker-selector__btn:hover { - background-color: #e3e6e9; + background-color: #e3e6e9; } .cptm-restricted-area { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 999; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 10px; - text-align: center; - background: rgba(255, 255, 255, 0.8); + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 999; + display: flex; + justify-content: center; + align-items: center; + padding: 10px; + text-align: center; + background: rgba(255, 255, 255, 0.8); } .cptm-form-builder-group-field-item { - margin-bottom: 8px; - position: relative; - padding-left: 40px; - padding-right: 30px; - border-radius: 8px; + margin-bottom: 8px; + position: relative; + padding-left: 40px; + padding-right: 30px; + border-radius: 8px; } .cptm-form-builder-group-field-item .directorist-draggable-list-item { - position: absolute; - right: 0; + position: absolute; + right: 0; } -.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header { - border-color: #3e62f5; - border-radius: 8px 8px 0 0; - background-color: #f0f3ff; +.cptm-form-builder-group-field-item.expanded + .cptm-form-builder-group-field-item-header { + border-color: #3e62f5; + border-radius: 8px 8px 0 0; + background-color: #f0f3ff; } -.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header .cptm-form-builder-header-action-link { - color: #747c89; +.cptm-form-builder-group-field-item.expanded + .cptm-form-builder-group-field-item-header + .cptm-form-builder-header-action-link { + color: #747c89; } -.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-body { - border-color: #3e62f5; +.cptm-form-builder-group-field-item.expanded + .cptm-form-builder-group-field-item-body { + border-color: #3e62f5; } .cptm-form-builder-group-field-item-drag span { - color: #a1a9b2; + color: #a1a9b2; } .cptm-form-builder-group-field-item-actions { - display: block; - position: absolute; - left: -15px; - -webkit-transform: translate(-34px, 7px); - transform: translate(-34px, 7px); + display: block; + position: absolute; + left: -15px; + transform: translate(-34px, 7px); } .cptm-form-builder-group-field-item-action-link { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 14px; - background-color: #e3e6ef; - border-radius: 50%; - width: 34px; - height: 34px; - text-align: center; - color: #868eae; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 14px; + background-color: #e3e6ef; + border-radius: 50%; + width: 34px; + height: 34px; + text-align: center; + color: #868eae; + transition: all ease-in-out 300ms; } .action-trash:hover { - color: #e62626; - background-color: rgba(255, 0, 0, 0.15); + color: #e62626; + background-color: rgba(255, 0, 0, 0.15); } .action-trash:hover { - background-color: #d7d7d7; + background-color: #d7d7d7; } .action-trash:hover:hover { - color: #e62626; - background-color: rgba(255, 0, 0, 0.15); + color: #e62626; + background-color: rgba(255, 0, 0, 0.15); } .cptm-form-builder-group-field-item-header-actions { - margin-right: 10px; + margin-right: 10px; } -.cptm-form-builder-group-field-item-header-actions .cptm-form-builder-header-action-link { - font-size: 20px; - color: #747c89; +.cptm-form-builder-group-field-item-header-actions + .cptm-form-builder-header-action-link { + font-size: 20px; + color: #747c89; } .cptm-form-builder-header-action-link { - display: inline-block; - padding: 0; - font-size: 11px; - margin-right: 5px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - opacity: 0.5; + display: inline-block; + padding: 0; + font-size: 11px; + margin-right: 5px; + transition: all ease-in-out 300ms; + opacity: 0.5; } .cptm-form-builder-header-action-link:hover { - opacity: 1; + opacity: 1; } .action-collapse-up span, .action-collapse-up span::before { - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(0); - transform: rotate(0); + transition: all ease-in-out 300ms; + transform: rotate(0); } .action-collapse-down span, .action-collapse-down span::before { - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(-180deg); - transform: rotate(-180deg); + transition: all ease-in-out 300ms; + transform: rotate(-180deg); } .cptm-form-builder-group-field-item-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - position: relative; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 12px 20px; - cursor: default; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - border-radius: 8px; - background-color: #fff; - border: 1px solid #e5e7eb; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - z-index: 0; + display: flex; + position: relative; + justify-content: space-between; + padding: 12px 20px; + cursor: default; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + border-radius: 8px; + background-color: #fff; + border: 1px solid #e5e7eb; + transition: all ease 0.3s; + z-index: 0; } .cptm-form-builder-group-field-item-header .cptm-title-3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - color: #2c3239; + display: flex; + gap: 8px; + align-items: center; + font-size: 14px; + font-weight: 500; + color: #2c3239; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon { - font-size: 16px; - color: #747c89; + font-size: 16px; + color: #747c89; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg svg { - width: 16px; - height: 16px; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg svg path { - fill: #747c89; + display: flex; + align-items: center; + justify-content: center; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-icon-svg + svg { + width: 16px; + height: 16px; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-icon-svg + svg + path { + fill: #747c89; } .cptm-form-builder-group-field-item-header .cptm-title-3 > span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip { - position: relative; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip:before { - content: attr(data-info); - position: absolute; - top: calc(100% + 8px); - right: 0; - min-width: 180px; - max-width: 180px; - text-align: center; - color: #ffffff; - font-size: 13px; - font-weight: 500; - padding: 10px 12px; - border-radius: 6px; - background-color: #141921; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip:after { - content: ""; - position: absolute; - top: calc(100% + 2px); - right: 4px; - border-bottom: 6px solid #141921; - border-right: 6px solid transparent; - border-left: 6px solid transparent; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip:hover:before, .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip:hover:after { - opacity: 1; - visibility: visible; - z-index: 1; + display: flex; + gap: 12px; + align-items: center; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip { + position: relative; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip:before { + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + right: 0; + min-width: 180px; + max-width: 180px; + text-align: center; + color: #ffffff; + font-size: 13px; + font-weight: 500; + padding: 10px 12px; + border-radius: 6px; + background-color: #141921; + opacity: 0; + visibility: hidden; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip:after { + content: ""; + position: absolute; + top: calc(100% + 2px); + right: 4px; + border-bottom: 6px solid #141921; + border-right: 6px solid transparent; + border-left: 6px solid transparent; + opacity: 0; + visibility: hidden; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip:hover:before, +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip:hover:after { + opacity: 1; + visibility: visible; + z-index: 1; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - line-height: 14px; - font-weight: 400; - padding: 4px 8px; - color: #ca6f04; - background-color: #fdefce; - border-radius: 4px; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info .cptm-title-info-icon { - font-size: 16px; + display: flex; + gap: 8px; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 400; + padding: 4px 8px; + color: #ca6f04; + background-color: #fdefce; + border-radius: 4px; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info + .cptm-title-info-icon { + font-size: 16px; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info i { - font-size: 16px; - color: #4d5761; + font-size: 16px; + color: #4d5761; } .directorist-draggable-list-item { - position: relative; - top: 15px; - float: right; - margin-left: 17px; - -webkit-box-flex: unset; - -webkit-flex-grow: unset; - -ms-flex-positive: unset; - flex-grow: unset; + position: relative; + top: 15px; + float: right; + margin-left: 17px; + flex-grow: unset; } .cptm-form-builder-group-field-item-body { - padding: 22px 25px 25px; - background-color: #fff; - border-radius: 0 0 8px 8px; - border: 1px solid transparent; - border-top: none; + padding: 22px 25px 25px; + background-color: #fff; + border-radius: 0 0 8px 8px; + border: 1px solid transparent; + border-top: none; } .cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle { - border-bottom: 1px solid #f1f2f6; - padding-bottom: 15px; - margin-bottom: 15px; + border-bottom: 1px solid #f1f2f6; + padding-bottom: 15px; + margin-bottom: 15px; } -.cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle .cptm-form-group { - margin-bottom: 0; +.cptm-form-builder-group-field-item-body + .cptm-field-wraper-type-toggle + .cptm-form-group { + margin-bottom: 0; } -.cptm-form-builder-group-field-item-body .directorist-type-icon-select + .cptm-form-group { - margin-top: 20px; +.cptm-form-builder-group-field-item-body + .directorist-type-icon-select + + .cptm-form-group { + margin-top: 20px; } .cptm-form-builder-field-list { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + margin: 0; + display: flex; + gap: 6px; + flex-wrap: wrap; } .cptm-form-builder-field-list .directorist-draggable-list-item { - position: unset; + position: unset; } .cptm-form-builder-field-list-item { - width: calc(50% - 3px); - padding: 10px 16px; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - list-style: none; - background-color: #ffffff; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + width: calc(50% - 3px); + padding: 10px 16px; + margin: 0; + display: flex; + align-items: center; + flex-wrap: wrap; + list-style: none; + background-color: #ffffff; + border: 1px solid #e5e7eb; + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + border-radius: 8px; + box-sizing: border-box; + transition: all ease 0.3s; } .cptm-form-builder-field-list-item .directorist-draggable-list-item-slot { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .cptm-form-builder-field-list-item:hover { - background-color: #e5e7eb; - -webkit-box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); - box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); + background-color: #e5e7eb; + box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); } .cptm-form-builder-field-list-item.clickable { - cursor: pointer; + cursor: pointer; } .cptm-form-builder-field-list-item.disabled { - cursor: not-allowed; + cursor: not-allowed; } @media (max-width: 400px) { - .cptm-form-builder-field-list-item { - width: calc(100% - 6px); - } + .cptm-form-builder-field-list-item { + width: calc(100% - 6px); + } } -li[class=cptm-form-builder-field-list-item][draggable=true] { - cursor: move; +li[class="cptm-form-builder-field-list-item"][draggable="true"] { + cursor: move; } .cptm-form-builder-field-list-icon { - display: inline-block; - margin-left: 12px; - width: 16px; - font-size: 16px; - color: #747c89; + display: inline-block; + margin-left: 12px; + width: 16px; + font-size: 16px; + color: #747c89; } .cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } .cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } -.cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg svg path { - fill: #747c89; +.cptm-form-builder-field-list-icon + .cptm-form-builder-field-list-icon-svg + svg + path { + fill: #747c89; } .cptm-form-builder-field-list-label { - display: inline-block; - font-size: 13px; - font-weight: 400; - color: #383f47; + display: inline-block; + font-size: 13px; + font-weight: 400; + color: #383f47; } .cptm-info-text-area { - margin-bottom: 10px; + margin-bottom: 10px; } .cptm-info-text { - margin: 0; - padding: 10px 0; - color: gray; + margin: 0; + padding: 10px 0; + color: gray; } .cptm-info-success { - color: #00b158; + color: #00b158; } .cptm-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .cptm-item-footer-drop-area { - position: absolute; - right: 0; - bottom: 0; - width: 100%; - height: 20px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: translate(0, 100%); - transform: translate(0, 100%); - z-index: 5; + position: absolute; + right: 0; + bottom: 0; + width: 100%; + height: 20px; + transition: all ease-in-out 300ms; + transform: translate(0, 100%); + z-index: 5; } .cptm-item-footer-drop-area.drag-enter { - background-color: rgba(23, 135, 255, 0.3); + background-color: rgba(23, 135, 255, 0.3); } .cptm-item-footer-drop-area.cptm-group-item-drop-area { - height: 40px; + height: 40px; } .cptm-form-builder-group-field-item-drop-area { - height: 20px; - position: absolute; - bottom: -20px; - z-index: 5; - width: 100%; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + height: 20px; + position: absolute; + bottom: -20px; + z-index: 5; + width: 100%; + transition: all ease-in-out 300ms; } .cptm-form-builder-group-field-item-drop-area.drag-enter { - background-color: rgba(23, 135, 255, 0.3); + background-color: rgba(23, 135, 255, 0.3); } .cptm-checkbox-area, .cptm-options-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 10px 0; - left: 0; - right: 0; + display: flex; + flex-direction: column; + margin: 10px 0; + left: 0; + right: 0; } .cptm-checkbox-area .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } @media (max-width: 1300px) { - .cptm-checkbox-area, - .cptm-options-area { - position: static; - } + .cptm-checkbox-area, + .cptm-options-area { + position: static; + } } .cptm-checkbox-item, .cptm-radio-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-left: 20px; + display: flex; + margin-left: 20px; } .cptm-tab-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .cptm-tab-area .cptm-tab-item input { - display: none; + display: none; } .cptm-tab-area .cptm-tab-item input:checked + label { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-tab-area .cptm-tab-item label { - margin: 0; - padding: 0 12px; - height: 32px; - line-height: 32px; - font-size: 14px; - font-weight: 500; - color: #747c89; - background: #e5e7eb; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + margin: 0; + padding: 0 12px; + height: 32px; + line-height: 32px; + font-size: 14px; + font-weight: 500; + color: #747c89; + background: #e5e7eb; + cursor: pointer; + transition: all ease-in-out 300ms; } .cptm-tab-area .cptm-tab-item label:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } @media screen and (max-width: 782px) { - .enable_schema_markup .atbdp-label-icon-wrapper { - margin-bottom: 15px !important; - } + .enable_schema_markup .atbdp-label-icon-wrapper { + margin-bottom: 15px !important; + } } .cptm-schema-tab-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 12px; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 12px; } .cptm-schema-tab-label { - color: rgba(0, 6, 38, 0.9); - font-size: 15px; - font-style: normal; - font-weight: 600; - line-height: 16px; + color: rgba(0, 6, 38, 0.9); + font-size: 15px; + font-style: normal; + font-weight: 600; + line-height: 16px; } .cptm-schema-tab-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px 20px; + display: flex; + gap: 10px 20px; } @media screen and (max-width: 782px) { - .cptm-schema-tab-wrapper { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .cptm-schema-tab-wrapper { + flex-wrap: wrap; + } } -.cptm-schema-tab-wrapper input[type=radio]:checked { - background-color: #3e62f5 !important; - border-color: #3e62f5 !important; +.cptm-schema-tab-wrapper input[type="radio"]:checked { + background-color: #3e62f5 !important; + border-color: #3e62f5 !important; } -.cptm-schema-tab-wrapper input[type=radio]:checked::before { - background-color: white !important; +.cptm-schema-tab-wrapper input[type="radio"]:checked::before { + background-color: white !important; } .cptm-schema-tab-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 12px 16px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid rgba(0, 17, 102, 0.1); - background-color: #fff; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: flex; + padding: 12px 16px; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid rgba(0, 17, 102, 0.1); + background-color: #fff; + transition: all ease-in-out 300ms; } @media screen and (max-width: 782px) { - .cptm-schema-tab-item { - width: 100%; - } + .cptm-schema-tab-item { + width: 100%; + } } -.cptm-schema-tab-item input[type=radio] { - -webkit-box-shadow: none; - box-shadow: none; +.cptm-schema-tab-item input[type="radio"] { + box-shadow: none; } @media screen and (max-width: 782px) { - .cptm-schema-tab-item input[type=radio] { - width: 16px; - height: 16px; - } - .cptm-schema-tab-item input[type=radio]:checked:before { - width: 0.5rem; - height: 0.5rem; - margin: 3px 3px; - line-height: 1.14285714; - } + .cptm-schema-tab-item input[type="radio"] { + width: 16px; + height: 16px; + } + .cptm-schema-tab-item input[type="radio"]:checked:before { + width: 0.5rem; + height: 0.5rem; + margin: 3px 3px; + line-height: 1.14285714; + } } .cptm-schema-tab-item.active { - border-color: #3e62f5 !important; - background-color: #f0f3ff; + border-color: #3e62f5 !important; + background-color: #f0f3ff; } .cptm-schema-tab-item.active .cptm-schema-label-wrapper { - color: #3e62f5 !important; + color: #3e62f5 !important; } .cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child { - cursor: not-allowed; - opacity: 0.5; - pointer-events: none; + cursor: not-allowed; + opacity: 0.5; + pointer-events: none; } -.cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child .cptm-schema-label-badge { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; +.cptm-schema-multi-directory-disabled + .cptm-schema-tab-item:last-child + .cptm-schema-label-badge { + display: inline-flex; } .cptm-schema-label-wrapper { - color: rgba(0, 6, 38, 0.9) !important; - font-size: 14px !important; - font-style: normal; - font-weight: 600 !important; - line-height: 20px; - cursor: pointer; - margin: 0 !important; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + color: rgba(0, 6, 38, 0.9) !important; + font-size: 14px !important; + font-style: normal; + font-weight: 600 !important; + line-height: 20px; + cursor: pointer; + margin: 0 !important; + transition: all ease-in-out 300ms; } .cptm-schema .cptm-schema-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; + display: flex; + align-items: center; + gap: 6px; } .cptm-schema-label-badge { - display: none; - height: 20px; - padding: 0px 8px; - border-radius: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background-color: #e3ecf2; - color: rgba(0, 8, 51, 0.65); - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 16px; - letter-spacing: 0.12px; + display: none; + height: 20px; + padding: 0px 8px; + border-radius: 4px; + align-items: center; + background-color: #e3ecf2; + color: rgba(0, 8, 51, 0.65); + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 16px; + letter-spacing: 0.12px; } .cptm-schema-label-description { - color: rgba(0, 8, 51, 0.65); - font-size: 12px !important; - font-style: normal; - font-weight: 400; - line-height: 18px; - margin-top: 2px; + color: rgba(0, 8, 51, 0.65); + font-size: 12px !important; + font-style: normal; + font-weight: 400; + line-height: 18px; + margin-top: 2px; } #listing_settings__listings_page .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } -input[type=checkbox].cptm-checkbox { - display: none; +input[type="checkbox"].cptm-checkbox { + display: none; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui { - color: #3e62f5; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui { + color: #3e62f5; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui::before { - font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; - font-weight: 900; - color: #fff; - content: "\f00c"; - z-index: 22; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui::before { + font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; + font-weight: 900; + color: #fff; + content: "\f00c"; + z-index: 22; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui:after { - background-color: #00b158; - border-color: #00b158; - z-index: -1; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui:after { + background-color: #00b158; + border-color: #00b158; + z-index: -1; } -input[type=radio].cptm-radio { - margin-top: 1px; +input[type="radio"].cptm-radio { + margin-top: 1px; } .cptm-form-range-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: inline-flex; + flex-wrap: wrap; } .cptm-form-range-wrap .cptm-form-range-bar { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-form-range-wrap .cptm-form-range-output { - width: 30px; + width: 30px; } .cptm-form-range-wrap .cptm-form-range-output-text { - padding: 10px 20px; - background-color: #fff; + padding: 10px 20px; + background-color: #fff; } .cptm-checkbox-ui { - display: inline-block; - min-width: 16px; - position: relative; - z-index: 1; - margin-left: 12px; + display: inline-block; + min-width: 16px; + position: relative; + z-index: 1; + margin-left: 12px; } .cptm-checkbox-ui::before { - font-size: 10px; - line-height: 1; - font-weight: 900; - display: inline-block; - margin-right: 4px; + font-size: 10px; + line-height: 1; + font-weight: 900; + display: inline-block; + margin-right: 4px; } .cptm-checkbox-ui:after { - position: absolute; - right: 0; - top: 0; - width: 18px; - height: 18px; - border-radius: 4px; - border: 1px solid #c6d0dc; - content: ""; + position: absolute; + right: 0; + top: 0; + width: 18px; + height: 18px; + border-radius: 4px; + border: 1px solid #c6d0dc; + content: ""; } .cptm-vh { - overflow: hidden; - overflow-y: auto; - max-height: 100vh; + overflow: hidden; + overflow-y: auto; + max-height: 100vh; } .cptm-thumbnail { - max-width: 350px; - width: 100%; - height: auto; - margin-bottom: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: #f2f2f2; + max-width: 350px; + width: 100%; + height: auto; + margin-bottom: 20px; + display: flex; + justify-content: center; + background-color: #f2f2f2; } .cptm-thumbnail img { - display: block; - width: 100%; - height: auto; + display: block; + width: 100%; + height: auto; } .cptm-thumbnail-placeholder { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } .cptm-thumbnail-placeholder-icon { - font-size: 40px; - color: #d2d6db; + font-size: 40px; + color: #d2d6db; } .cptm-thumbnail-placeholder-icon svg { - width: 40px; - height: 40px; + width: 40px; + height: 40px; } .cptm-thumbnail-img-wrap { - position: relative; + position: relative; } .cptm-thumbnail-action { - display: inline-block; - position: absolute; - top: 0; - left: 0; - background-color: #c6c6c6; - padding: 5px 8px; - border-radius: 50%; - margin: 10px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + position: absolute; + top: 0; + left: 0; + background-color: #c6c6c6; + padding: 5px 8px; + border-radius: 50%; + margin: 10px; + cursor: pointer; + transition: all ease-in-out 300ms; } .cptm-sub-navigation { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + padding: 0; + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; } .cptm-sub-nav__item { - list-style: none; - margin: 0; + list-style: none; + margin: 0; } .cptm-sub-nav__item-link { - display: block; - text-decoration: none; - padding: 12px 25px; - border-radius: 30px; - margin: 22px 5px; - color: #7a8289; - font-weight: 600; - background-color: #f1f2f6; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.cptm-sub-nav__item-link:hover, .cptm-sub-nav__item-link.active { - font-weight: 600; - color: #fff; - background: #3e62f5; + display: block; + text-decoration: none; + padding: 12px 25px; + border-radius: 30px; + margin: 22px 5px; + color: #7a8289; + font-weight: 600; + background-color: #f1f2f6; + transition: 0.3s ease; +} +.cptm-sub-nav__item-link:hover, +.cptm-sub-nav__item-link.active { + font-weight: 600; + color: #fff; + background: #3e62f5; } .cptm-sub-nav__item-link.active { - font-weight: bold; + font-weight: bold; } .cptm-builder-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - position: relative; + display: flex; + flex-wrap: wrap; + position: relative; } .cptm-options-area { - width: 300px; + width: 300px; } .cptm-option-card { - display: none; - margin-bottom: 10px; - opacity: 0; - border-radius: 5px; - text-align: right; - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transition: all linear 300ms; - transition: all linear 300ms; - pointer-events: none; + display: none; + margin-bottom: 10px; + opacity: 0; + border-radius: 5px; + text-align: right; + transform-origin: center; + transition: all linear 300ms; + pointer-events: none; } .cptm-option-card.cptm-animation-flip { - -webkit-transform: rotate3d(0, -1, 0, -45deg); - transform: rotate3d(0, -1, 0, -45deg); + transform: rotate3d(0, -1, 0, -45deg); } .cptm-option-card.cptm-animation-slide-up { - -webkit-transform: translate(0, 30px); - transform: translate(0, 30px); + transform: translate(0, 30px); } .cptm-option-card.active { - display: block; - opacity: 1; - pointer-events: all; + display: block; + opacity: 1; + pointer-events: all; } .cptm-option-card.active.cptm-animation-flip { - -webkit-transform: rotate3d(0, 0, 0, 0deg); - transform: rotate3d(0, 0, 0, 0deg); + transform: rotate3d(0, 0, 0, 0deg); } .cptm-option-card.active.cptm-animation-slide-up { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); + transform: translate(0, 0); } .cptm-anchor-down { - display: block; - text-align: center; - position: relative; - top: -1px; + display: block; + text-align: center; + position: relative; + top: -1px; } .cptm-anchor-down:after { - content: ""; - display: inline-block; - width: 0; - height: 0; - border-right: 15px solid transparent; - border-left: 15px solid transparent; - border-top: 15px solid #fff; + content: ""; + display: inline-block; + width: 0; + height: 0; + border-right: 15px solid transparent; + border-left: 15px solid transparent; + border-top: 15px solid #fff; } .cptm-header-action-link { - display: inline-block; - padding: 0 10px; - text-decoration: none; - color: #fff; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 0 10px; + text-decoration: none; + color: #fff; + transition: all ease-in-out 300ms; } .cptm-header-action-link:hover { - color: #fff; + color: #fff; } .cptm-option-card-header { - border-radius: 5px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - background-color: #3e62f5; + border-radius: 5px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + background-color: #3e62f5; } .cptm-option-card-header-title-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #fff; - min-height: 56px; - padding: 0 25px 0 15px; + display: flex; + align-items: center; + color: #fff; + min-height: 56px; + padding: 0 25px 0 15px; } .cptm-option-card-header-title { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - text-align: right; - color: #fff; + flex-grow: 1; + margin: 0; + text-align: right; + color: #fff; } .cptm-header-action-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0 10px 0 0; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + padding: 0 10px 0 0; + justify-content: center; + align-items: center; } .cptm-option-card-header-nav-section { - display: block; + display: block; } .cptm-option-card-header-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - color: #fff; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0; - margin: 0; - background-color: rgba(255, 255, 255, 0.15); + display: flex; + color: #fff; + flex-wrap: wrap; + padding: 0; + margin: 0; + background-color: rgba(255, 255, 255, 0.15); } .cptm-option-card-header-nav-item { - display: block; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - padding: 8px 10px; - cursor: pointer; - margin-bottom: 0; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: block; + flex-grow: 1; + text-align: center; + padding: 8px 10px; + cursor: pointer; + margin-bottom: 0; + transition: all ease-in-out 300ms; } .cptm-option-card-header-nav-item.active { - background-color: rgba(255, 255, 255, 0.15); + background-color: rgba(255, 255, 255, 0.15); } .cptm-option-card-body { - padding: 18px 20px 20px; - border-radius: 5px; - border-top-left-radius: 0; - border-top-right-radius: 0; - -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); - box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); - background-color: #fff; - max-height: 500px; - overflow-y: auto; + padding: 18px 20px 20px; + border-radius: 5px; + border-top-left-radius: 0; + border-top-right-radius: 0; + box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); + background-color: #fff; + max-height: 500px; + overflow-y: auto; } .cptm-option-card-body .cptm-form-group:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-option-card-body .directorist-type-icon-select { - margin-bottom: 20px; + margin-bottom: 20px; } .cptm-option-card-body .directorist-type-icon-select .icon-picker-selector { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .cptm-widget-insert-area { - position: absolute; - bottom: 0; - right: 50%; - z-index: 99; - -webkit-transform: translate(50%, 50%); - transform: translate(50%, 50%); + position: absolute; + bottom: 0; + right: 50%; + z-index: 99; + transform: translate(50%, 50%); } .cptm-widget-insert-wrap { - position: relative; + position: relative; } .cptm-widget-insert-modal-container { - position: absolute; - right: 50%; - top: 0; - width: 330px; - -webkit-transform: translate(50%, -100%); - transform: translate(50%, -100%); - pointer-events: none; + position: absolute; + right: 50%; + top: 0; + width: 330px; + transform: translate(50%, -100%); + pointer-events: none; } .cptm-widget-insert-modal-container.active { - pointer-events: all; + pointer-events: all; } .cptm-widget-insert-link { - display: inline-block; - width: 26px; - height: 26px; - line-height: 25px; - border-radius: 50%; - font-size: 14px; - text-align: center; - text-decoration: none; - background-color: #fff; - -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - color: #5a5f7d; + display: inline-block; + width: 26px; + height: 26px; + line-height: 25px; + border-radius: 50%; + font-size: 14px; + text-align: center; + text-decoration: none; + background-color: #fff; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + color: #5a5f7d; } .cptm-listing-card-preview-body .cptm-widget-insert-link, .cptm-listing-card-preview-footer .cptm-widget-insert-link { - background: #23282d; - color: #fff; + background: #23282d; + color: #fff; } .cptm-widget-card-drop-prepend { - border-radius: 8px; + border-radius: 8px; } .cptm-widget-card-drop-append { - display: block; - width: 100%; - height: 0; - border-radius: 8px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: transparent; - border: 1px dashed transparent; + display: block; + width: 100%; + height: 0; + border-radius: 8px; + transition: all ease-in-out 300ms; + background-color: transparent; + border: 1px dashed transparent; } .cptm-widget-card-drop-append.dropable { - margin: 3px 0; - height: 10px; - border-color: cornflowerblue; + margin: 3px 0; + height: 10px; + border-color: cornflowerblue; } .cptm-widget-card-drop-append.drag-enter { - background-color: cornflowerblue; + background-color: cornflowerblue; } .cptm-widget-card-wrap { - visibility: visible; + visibility: visible; } .cptm-widget-card-inline-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - vertical-align: top; + display: inline-flex; + vertical-align: top; } .cptm-widget-card-inline-wrap .cptm-widget-card { - display: inline-block; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + display: inline-block; + flex: 1; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append { - display: inline-block; - width: 0; - height: auto; + display: inline-block; + width: 0; + height: auto; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append.dropable { - margin: 0 3px; - width: 10px; - max-width: 10px; + margin: 0 3px; + width: 10px; + max-width: 10px; } .cptm-list-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 5px; - color: gray; - font-weight: 600; - font-size: 16px; + display: flex; + padding: 5px; + color: gray; + font-weight: 600; + font-size: 16px; } .cptm-list-item .cptm-list-item-icon { - width: 25px; + width: 25px; } .cptm-list-item .cptm-list-item-label { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-list-item-card { - display: block; + display: block; } .cptm-widget-badge { - display: inline-block; - text-align: center; - color: #fff; - border-radius: 5px; - font-size: 11px; - padding: 2px 8px; - margin: 2px; - font-weight: 700; - background-color: rgba(255, 255, 255, 0.2); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - position: relative; + display: inline-block; + text-align: center; + color: #fff; + border-radius: 5px; + font-size: 11px; + padding: 2px 8px; + margin: 2px; + font-weight: 700; + background-color: rgba(255, 255, 255, 0.2); + transition: 0.3s ease; + position: relative; } .cptm-preview-area { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-preview-wrapper { - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - gap: 25px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex !important; + gap: 25px; + align-items: center; + justify-content: space-between; } .cptm-preview-wrapper .cptm-preview-radio-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - max-width: 300px; + display: flex; + flex-direction: column; + flex: 0 0 auto; + max-width: 300px; } .cptm-preview-wrapper .cptm-preview-area-archive img { - max-height: 100px; + max-height: 100px; } .cptm-widget-thumb .cptm-widget-thumb-icon i { - font-size: 80px; - opacity: 0.1; + font-size: 80px; + opacity: 0.1; } .cptm-widget-thumb .cptm-widget-label { - font-size: 13px; - font-weight: 500; - color: #868eae; + font-size: 13px; + font-weight: 500; + color: #868eae; } .cptm-placeholder-blcok { - padding: 2px; - position: relative; - min-height: 54px; - border: 2px dashed rgba(255, 255, 255, 0.15); - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 4px; - z-index: 99; + padding: 2px; + position: relative; + min-height: 54px; + border: 2px dashed rgba(255, 255, 255, 0.15); + transition: all ease-in-out 300ms; + box-sizing: border-box; + border-radius: 4px; + z-index: 99; } -.cptm-placeholder-blcok:hover, .cptm-placeholder-blcok.drag-enter { - border-color: rgb(255, 255, 255); +.cptm-placeholder-blcok:hover, +.cptm-placeholder-blcok.drag-enter { + border-color: rgb(255, 255, 255); } .cptm-placeholder-label { - margin: 0; - text-align: center; - margin-bottom: 0; - text-align: center; - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - z-index: 0; - color: rgba(255, 255, 255, 0.4); - font-size: 13px; + margin: 0; + text-align: center; + margin-bottom: 0; + text-align: center; + position: absolute; + right: 50%; + top: 50%; + transform: translate(50%, -50%); + z-index: 0; + color: rgba(255, 255, 255, 0.4); + font-size: 13px; } .cptm-placeholder-label.hide { - display: none; + display: none; } .cptm-listing-card-preview-footer .cptm-placeholder-label { - color: #868eae; + color: #868eae; } .cptm-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 100%; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + height: 100%; + flex-wrap: wrap; + justify-content: center; + align-items: center; } .cptm-center-content.cptm-content-wide * { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .cptm-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .cptm-listing-card-body-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .cptm-align-left { - text-align: right; + text-align: right; } .cptm-listing-card-body-header-left { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-listing-card-body-header-right { - width: 100px; - margin-right: 10px; + width: 100px; + margin-right: 10px; } .cptm-card-preview-area-wrap { - max-width: 450px; - margin: 0 auto; + max-width: 450px; + margin: 0 auto; } .cptm-card-preview-widget { - max-width: 450px; - margin: 0 auto; - border-radius: 8px; - -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - background-color: #fff; + max-width: 450px; + margin: 0 auto; + border-radius: 8px; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); + background-color: #fff; } .cptm-card-preview-widget.cptm-card-list-view { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - max-width: 100%; + display: flex; + flex-wrap: wrap; + max-width: 100%; } .cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-thumbnail { - height: 100%; + height: 100%; } -.cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { - min-width: 320px; - min-height: 300px; +.cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header { + min-width: 320px; + min-height: 300px; } @media (max-width: 400px) { - .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { - min-width: 100%; - } + .cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header { + min-width: 100%; + } } .cptm-field-wraper-key-single_listing_header .cptm-card-preview-area-wrap, .cptm-field-wraper-key-single_listing_header .cptm-card-preview-widget { - max-width: 750px; + max-width: 750px; } .cptm-listing-card-preview-header { - display: block; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + display: block; + flex-grow: 1; } .cptm-listing-card-content { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-card-preview-thumbnail { - position: relative; - height: 280px; - background: #272b41; - border-radius: 5px 5px 0 0; + position: relative; + height: 280px; + background: #272b41; + border-radius: 5px 5px 0 0; } .cptm-card-preview-thumbnail-overlay { - position: relative; - height: 100%; - padding: 20px 10px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + height: 100%; + padding: 20px 10px; + box-sizing: border-box; } .cptm-card-preview-thumbnail-placeholer { - height: 100%; + height: 100%; } .cptm-card-preview-thumbnail-placeholder { - height: 100%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + height: 100%; + text-align: center; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; } .cptm-listing-card-preview-quick-info-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-card-preview-thumbnail-bg { - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - font-size: 72px; - color: #7b7d8b; + position: absolute; + right: 50%; + top: 50%; + transform: translate(50%, -50%); + font-size: 72px; + color: #7b7d8b; } .cptm-card-preview-thumbnail-bg span { - color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.1); } .cptm-card-preview-top-left { - width: calc(50% - 30px); - position: absolute; - top: 20px; - right: 20px; + width: calc(50% - 30px); + position: absolute; + top: 20px; + right: 20px; } .cptm-card-preview-top-left-placeholder { - display: block; - text-align: right; + display: block; + text-align: right; } .cptm-card-preview-top-right { - position: absolute; - left: 20px; - top: 20px; - width: calc(50% - 30px); + position: absolute; + left: 20px; + top: 20px; + width: calc(50% - 30px); } .cptm-card-preview-top-right-placeholder { - text-align: left; + text-align: left; } .cptm-card-preview-bottom-left { - position: absolute; - width: calc(50% - 30px); - bottom: 53px; - right: 20px; + position: absolute; + width: calc(50% - 30px); + bottom: 53px; + right: 20px; } .cptm-card-preview-bottom-left-placeholder { - display: block; - text-align: right; + display: block; + text-align: right; } .cptm-card-preview-bottom-right { - position: absolute; - bottom: 53px; - left: 20px; - width: calc(50% - 30px); + position: absolute; + bottom: 53px; + left: 20px; + width: calc(50% - 30px); } .cptm-card-preview-bottom-right-placeholder { - display: block; - text-align: left; + display: block; + text-align: left; } .cptm-listing-card-preview-body { - display: block; - padding: 35px 20px 20px; - position: relative; + display: block; + padding: 35px 20px 20px; + position: relative; } .cptm-listing-card-author-avatar { - z-index: 99; - position: absolute; - right: 50%; - top: 0; - width: calc(100% - 40px); - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); + z-index: 99; + position: absolute; + right: 50%; + top: 0; + width: calc(100% - 40px); + transform: translate(50%, -50%); } .cptm-listing-card-author-avatar .cptm-placeholder-blcok { - padding: 0; - height: 51px; - min-height: auto; - text-align: center; - border-color: rgba(198, 208, 220, 0.5); + padding: 0; + height: 51px; + min-height: auto; + text-align: center; + border-color: rgba(198, 208, 220, 0.5); } -.cptm-listing-card-author-avatar .cptm-widget-insert-area .cptm-widget-insert-link { - background-color: #fff; - color: #5a5f7d; +.cptm-listing-card-author-avatar + .cptm-widget-insert-area + .cptm-widget-insert-link { + background-color: #fff; + color: #5a5f7d; } .cptm-placeholder-author-thumb { - margin: 0; + margin: 0; } .cptm-placeholder-author-thumb img { - width: 40px; - height: 40px; - border-radius: 50%; - -o-object-fit: cover; - object-fit: cover; - background-color: #c6d0dc; - border: 4px solid #fff; + width: 40px; + height: 40px; + border-radius: 50%; + object-fit: cover; + background-color: #c6d0dc; + border: 4px solid #fff; } .cptm-placeholder-author-thumb-wrapper { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: #c6d0dc; - border: 4px solid #fff; - color: white; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + width: 40px; + height: 40px; + border-radius: 50%; + background-color: #c6d0dc; + border: 4px solid #fff; + color: white; + display: inline-flex; + align-items: center; + justify-content: center; } .cptm-placeholder-author-thumb-wrapper svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .cptm-widget-title-card { - margin-bottom: 10px; - padding: 10px; - text-align: right; - color: #bfbfbf; - font-weight: bold; - font-size: 18px; + margin-bottom: 10px; + padding: 10px; + text-align: right; + color: #bfbfbf; + font-weight: bold; + font-size: 18px; } .cptm-has-widget-control { - position: relative; + position: relative; } .cptm-has-widget-control:hover .cptm-widget-control-wrap { - visibility: visible; - pointer-events: all; - opacity: 1; + visibility: visible; + pointer-events: all; + opacity: 1; } .cptm-form-group-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .cptm-form-group-col { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-flex-basis: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; + flex-grow: 1; + flex-basis: 50%; } .cptm-form-group-info { - color: gray; - margin-bottom: 5px; + color: gray; + margin-bottom: 5px; } .cptm-widget-actions-tools { - position: absolute; - width: 75px; - background-color: #2c99ff; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - top: -40px; - padding: 5px; - border: 3px solid #2c99ff; - border-radius: 1px 1px 0 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 9999; + position: absolute; + width: 75px; + background-color: #2c99ff; + right: 50%; + transform: translateX(50%); + top: -40px; + padding: 5px; + border: 3px solid #2c99ff; + border-radius: 1px 1px 0 0; + display: flex; + align-items: center; + justify-content: center; + visibility: hidden; + opacity: 0; + pointer-events: none; + transition: 0.3s ease; + z-index: 9999; } .cptm-widget-actions-tools a { - padding: 0 6px; - font-size: 12px; - color: #fff; + padding: 0 6px; + font-size: 12px; + color: #fff; } .cptm-widget-actions-tools-wrap:before { - position: absolute; - content: ""; - width: 100%; - height: 100%; - right: -8px; - top: -8px; - border: 3px solid #2c99ff; - padding: 5px; - visibility: hidden; - opacity: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 1; + position: absolute; + content: ""; + width: 100%; + height: 100%; + right: -8px; + top: -8px; + border: 3px solid #2c99ff; + padding: 5px; + visibility: hidden; + opacity: 0; + transition: 0.3s ease; + z-index: 1; } .cptm-widget-actions-tools-wrap:hover .cptm-widget-actions-tools { - visibility: visible; - opacity: 1; - pointer-events: all; + visibility: visible; + opacity: 1; + pointer-events: all; } .cptm-widget-actions-tools-wrap:hover:before { - visibility: visible; - opacity: 1; + visibility: visible; + opacity: 1; } .cptm-widget-control-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - visibility: hidden; - opacity: 0; - position: absolute; - right: 0; - left: 0; - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - top: 1px; - pointer-events: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - z-index: 99; + display: flex; + visibility: hidden; + opacity: 0; + position: absolute; + right: 0; + left: 0; + width: 100%; + justify-content: center; + align-items: center; + top: 1px; + pointer-events: none; + transition: all ease-in-out 300ms; + z-index: 99; } .cptm-widget-control { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding-bottom: 10px; - -webkit-transform: translate(0%, -100%); - transform: translate(0%, -100%); + display: flex; + padding-bottom: 10px; + transform: translate(0%, -100%); } .cptm-widget-control::after { - content: ""; - display: inline-block; - margin: 0 auto; - border-right: 10px solid transparent; - border-left: 10px solid transparent; - border-top: 10px solid #3e62f5; - position: absolute; - bottom: 2px; - right: 50%; - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); - z-index: -1; + content: ""; + display: inline-block; + margin: 0 auto; + border-right: 10px solid transparent; + border-left: 10px solid transparent; + border-top: 10px solid #3e62f5; + position: absolute; + bottom: 2px; + right: 50%; + transform: translate(50%, 0); + z-index: -1; } .cptm-widget-control .cptm-widget-control-action:first-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } .cptm-widget-control .cptm-widget-control-action:last-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } .hide { - display: none; + display: none; } .cptm-widget-control-action { - display: inline-block; - padding: 5px 8px; - color: #fff; - font-size: 12px; - cursor: pointer; - background-color: #3e62f5; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 5px 8px; + color: #fff; + font-size: 12px; + cursor: pointer; + background-color: #3e62f5; + transition: all ease-in-out 300ms; } .cptm-widget-control-action:hover { - background-color: #0e3bf2; + background-color: #0e3bf2; } .cptm-listing-card-preview-body-placeholder { - display: block; - padding: 10px; - min-height: 206px; - border-color: #e3e6ef; + display: block; + padding: 10px; + min-height: 206px; + border-color: #e3e6ef; } -.cptm-listing-card-preview-body-placeholder:hover, .cptm-listing-card-preview-body-placeholder.drag-enter { - border-color: #717171; +.cptm-listing-card-preview-body-placeholder:hover, +.cptm-listing-card-preview-body-placeholder.drag-enter { + border-color: #717171; } .cptm-listing-card-preview-body-placeholder .cptm-placeholder-label { - color: #a1a8c6; + color: #a1a8c6; } .cptm-listing-card-preview-footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 20px; - background-color: #f4f5f7; - border-radius: 0 0 5px 5px; + display: flex; + flex-wrap: wrap; + padding: 20px; + background-color: #f4f5f7; + border-radius: 0 0 5px 5px; } .cptm-listing-card-preview-footer-left-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-left: 5px; - border-color: #c6d0dc; - width: calc(50% - 10px); - text-align: right; + flex-grow: 1; + margin-left: 5px; + border-color: #c6d0dc; + width: calc(50% - 10px); + text-align: right; } -.cptm-listing-card-preview-footer-left-placeholder:hover, .cptm-listing-card-preview-footer-left-placeholder.drag-enter { - border-color: #1e1e1e; +.cptm-listing-card-preview-footer-left-placeholder:hover, +.cptm-listing-card-preview-footer-left-placeholder.drag-enter { + border-color: #1e1e1e; } .cptm-listing-card-preview-footer-right-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - border-color: #c6d0dc; - width: calc(50% - 10px); - text-align: left; + flex-grow: 1; + border-color: #c6d0dc; + width: calc(50% - 10px); + text-align: left; } -.cptm-listing-card-preview-footer-right-placeholder:hover, .cptm-listing-card-preview-footer-right-placeholder.drag-enter { - border-color: #1e1e1e; +.cptm-listing-card-preview-footer-right-placeholder:hover, +.cptm-listing-card-preview-footer-right-placeholder.drag-enter { + border-color: #1e1e1e; } .cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + justify-content: flex-end; + align-items: center; } .cptm-card-light.cptm-placeholder-blcok { - border-color: #c6d0dc; + border-color: #c6d0dc; } -.cptm-card-light.cptm-placeholder-blcok:hover, .cptm-card-light.cptm-placeholder-blcok.drag-enter { - border-color: #1e1e1e; +.cptm-card-light.cptm-placeholder-blcok:hover, +.cptm-card-light.cptm-placeholder-blcok.drag-enter { + border-color: #1e1e1e; } .cptm-card-light .cptm-placeholder-label { - color: #23282d; + color: #23282d; } .cptm-card-light .cptm-widget-badge { - color: #969db8; - background-color: #eff0f3; + color: #969db8; + background-color: #eff0f3; } .cptm-card-dark-light .cptm-placeholder-label { - padding: 5px 12px; - color: #888; - border-radius: 30px; - background-color: #fff; + padding: 5px 12px; + color: #888; + border-radius: 30px; + background-color: #fff; } .cptm-card-dark-light .cptm-widget-badge { - background-color: rgba(0, 0, 0, 0.8); + background-color: rgba(0, 0, 0, 0.8); } .cptm-widgets-container { - overflow: hidden; - border: 1px solid rgba(0, 0, 0, 0.1); - background-color: #fff; + overflow: hidden; + border: 1px solid rgba(0, 0, 0, 0.1); + background-color: #fff; } .cptm-widgets-header { - display: block; + display: block; } .cptm-widget-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0; + display: flex; + flex-wrap: wrap; + margin: 0; } .cptm-widget-nav-item { - display: inline-block; - margin: 0; - padding: 12px 10px; - cursor: pointer; - -webkit-flex-basis: 33.3333333333%; - -ms-flex-preferred-size: 33.3333333333%; - flex-basis: 33.3333333333%; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; - color: #8a8a8a; - border-left: 1px solid #e3e1e1; - background-color: #f2f2f2; + display: inline-block; + margin: 0; + padding: 12px 10px; + cursor: pointer; + flex-basis: 33.3333333333%; + flex-grow: 1; + text-align: center; + box-sizing: border-box; + cursor: pointer; + color: #8a8a8a; + border-left: 1px solid #e3e1e1; + background-color: #f2f2f2; } .cptm-widget-nav-item:last-child { - border-left: none; + border-left: none; } .cptm-widget-nav-item:hover { - color: #2b2b2b; + color: #2b2b2b; } .cptm-widget-nav-item.active { - font-weight: bold; - color: #2b2b2b; - background-color: #fff; + font-weight: bold; + color: #2b2b2b; + background-color: #fff; } .cptm-widgets-body { - padding: 10px; - max-height: 450px; - overflow: hidden; - overflow-y: auto; + padding: 10px; + max-height: 450px; + overflow: hidden; + overflow-y: auto; } .cptm-widgets-list { - display: block; - margin: 0; + display: block; + margin: 0; } .cptm-widgets-list-item { - display: block; + display: block; } .widget-group-title { - margin: 0 0 5px; - font-size: 16px; - color: #bbb; + margin: 0 0 5px; + font-size: 16px; + color: #bbb; } .cptm-widgets-sub-list { - display: block; - margin: 0; + display: block; + margin: 0; } .cptm-widgets-sub-list-item { - display: block; - padding: 10px 15px; - background-color: #eee; - border-radius: 5px; - margin-bottom: 10px; - cursor: move; + display: block; + padding: 10px 15px; + background-color: #eee; + border-radius: 5px; + margin-bottom: 10px; + cursor: move; } .widget-icon { - display: inline-block; - margin-left: 5px; + display: inline-block; + margin-left: 5px; } .widget-label { - display: inline-block; + display: inline-block; } .cptm-form-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-form-group label { - display: block; - font-size: 14px; - font-weight: 500; - color: #2c3239; - margin-bottom: 9px; + display: block; + font-size: 14px; + font-weight: 500; + color: #2c3239; + margin-bottom: 9px; } .cptm-form-group label .cptm-sub-label { - font-weight: 400; - color: #747c89; - margin: 0; + font-weight: 400; + color: #747c89; + margin: 0; } .cptm-form-group .cptm-form-control { - max-width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; + max-width: 100%; + box-sizing: border-box; } .cptm-form-group.cptm-form-content { - text-align: center; - margin-bottom: 0; + text-align: center; + margin-bottom: 0; } .cptm-form-group.cptm-form-content .cptm-form-content-select { - text-align: right; + text-align: right; } .cptm-form-group.cptm-form-content .cptm-form-content-title { - font-size: 16px; - line-height: 22px; - font-weight: 600; - color: #191b23; - margin: 0 0 8px; + font-size: 16px; + line-height: 22px; + font-weight: 600; + color: #191b23; + margin: 0 0 8px; } .cptm-form-group.cptm-form-content .cptm-form-content-desc { - font-size: 12px; - line-height: 18px; - font-weight: 400; - color: #747c89; - margin: 0; + font-size: 12px; + line-height: 18px; + font-weight: 400; + color: #747c89; + margin: 0; } .cptm-form-group.cptm-form-content .cptm-form-content-icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 40px; - margin: 0 0 12px; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 40px; + margin: 0 0 12px; } .cptm-form-group.cptm-form-content .cptm-form-content-btn { - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 30px; - font-size: 12px; - line-height: 14px; - font-weight: 500; - margin: 8px auto 0; - color: #3e62f5; - background: transparent; - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - cursor: pointer; + position: relative; + display: inline-flex; + gap: 6px; + align-items: center; + justify-content: center; + height: 30px; + font-size: 12px; + line-height: 14px; + font-weight: 500; + margin: 8px auto 0; + color: #3e62f5; + background: transparent; + border: none; + outline: none; + box-shadow: none; + cursor: pointer; } .cptm-form-group.cptm-form-content .cptm-form-content-btn:before { - content: ""; - position: absolute; - width: 0; - height: 1px; - right: 0; - bottom: 8px; - background-color: #3e62f5; - -webkit-transition: width ease-in-out 300ms; - transition: width ease-in-out 300ms; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, .cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before { - width: 100%; + content: ""; + position: absolute; + width: 0; + height: 1px; + right: 0; + bottom: 8px; + background-color: #3e62f5; + transition: width ease-in-out 300ms; +} +.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, +.cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before { + width: 100%; } .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled { - pointer-events: none; + pointer-events: none; } -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled:before { - display: none; +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-btn-disabled:before { + display: none; } .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - color: #747c89; - height: auto; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:before { - display: none; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:hover, .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:focus { - color: #3e62f5; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-icon { - font-size: 14px; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-loader { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-loader i { - font-size: 15px; + display: flex; + color: #747c89; + height: auto; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:before { + display: none; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:hover, +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:focus { + color: #3e62f5; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-icon { + font-size: 14px; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-loader { + display: inline-flex; + gap: 6px; + align-items: center; + justify-content: center; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-loader + i { + font-size: 15px; } .cptm-form-group.tab-field .cptm-preview-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 0; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + gap: 0; + flex-direction: column; } .cptm-form-group.cpt-has-error .cptm-form-control { - border: 1px solid rgb(192, 51, 51); + border: 1px solid rgb(192, 51, 51); } .cptm-preview-image-upload { - width: 350px; - max-width: 100%; - height: 224px; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - border-radius: 10px; - position: relative; - overflow: hidden; + width: 350px; + max-width: 100%; + height: 224px; + flex-shrink: 0; + border-radius: 10px; + position: relative; + overflow: hidden; } .cptm-preview-image-upload:not(.cptm-preview-image-upload--show) { - border: 2px dashed #d2d6db; - background: #f9fafb; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail { - max-width: 100%; - width: 100%; - height: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-action { - display: none; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-img-wrap img { - width: 40px; - height: 40px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 4px; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - background: #141921; - color: #fff; - text-align: center; - font-size: 13px; - font-weight: 500; - line-height: 14px; - margin-top: 20px; - margin-bottom: 12px; - cursor: pointer; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn input { - background-color: transparent; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - color: white; - padding: 0; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn i { - font-size: 14px; - color: inherit; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .directorist-row-tooltip[data-tooltip]:before, .cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .directorist-row-tooltip[data-tooltip]:after { - opacity: 0; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-drag-text { - color: #747c89; - font-size: 14px; - font-weight: 400; - line-height: 16px; - text-transform: capitalize; + border: 2px dashed #d2d6db; + background: #f9fafb; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail { + max-width: 100%; + width: 100%; + height: 100%; + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-action { + display: none; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-img-wrap + img { + width: 40px; + height: 40px; + object-fit: cover; + border-radius: 4px; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn { + display: inline-flex; + padding: 8px 12px; + justify-content: center; + align-items: center; + gap: 6px; + border-radius: 8px; + background: #141921; + color: #fff; + text-align: center; + font-size: 13px; + font-weight: 500; + line-height: 14px; + margin-top: 20px; + margin-bottom: 12px; + cursor: pointer; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn + input { + background-color: transparent; + border: none; + box-shadow: none; + color: white; + padding: 0; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn + i { + font-size: 14px; + color: inherit; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .directorist-row-tooltip[data-tooltip]:before, +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .directorist-row-tooltip[data-tooltip]:after { + opacity: 0; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-drag-text { + color: #747c89; + font-size: 14px; + font-weight: 400; + line-height: 16px; + text-transform: capitalize; } .cptm-preview-image-upload.cptm-preview-image-upload--show { - margin-bottom: 0; - height: 100%; + margin-bottom: 0; + height: 100%; } .cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail { - margin: 0; - position: relative; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail:after { - content: ""; - position: absolute; - width: 100%; - height: 100%; - top: 0; - right: 0; - background: -webkit-gradient(linear, right top, right bottom, from(rgba(0, 0, 0, 0.6)), color-stop(35.42%, rgba(0, 0, 0, 0))); - background: linear-gradient(-180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 35.42%); - z-index: 1; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail .action-trash ~ .cptm-upload-btn { - left: 52px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-action { - margin: 0; - background-color: white; - width: 32px; - height: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0; - top: 12px; - left: 12px; - border-radius: 8px; - font-size: 16px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-drag-text { - display: none; + margin: 0; + position: relative; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + right: 0; + background: linear-gradient( + -180deg, + rgba(0, 0, 0, 0.6) 0%, + rgba(0, 0, 0, 0) 35.42% + ); + z-index: 1; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail + .action-trash + ~ .cptm-upload-btn { + left: 52px; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-action { + margin: 0; + background-color: white; + width: 32px; + height: 32px; + display: flex; + align-items: center; + justify-content: center; + padding: 0; + top: 12px; + left: 12px; + border-radius: 8px; + font-size: 16px; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-drag-text { + display: none; } .cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn { - position: absolute; - top: 12px; - left: 12px; - max-width: 32px !important; - width: 32px; - max-height: 32px; - height: 32px; - background-color: white; - padding: 0; - border-radius: 8px; - margin: 10px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - z-index: 2; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn input { - display: none; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn i::before { - content: "\ea57"; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .directorist-row-tooltip[data-tooltip]:after { - background-color: white; - color: #141921; - opacity: 1; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .directorist-row-tooltip[data-tooltip][data-flow=bottom]::before { - border-bottom-color: white; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-action { - z-index: 2; + position: absolute; + top: 12px; + left: 12px; + max-width: 32px !important; + width: 32px; + max-height: 32px; + height: 32px; + background-color: white; + padding: 0; + border-radius: 8px; + margin: 10px; + cursor: pointer; + transition: all ease-in-out 300ms; + margin: 0; + display: flex; + align-items: center; + justify-content: center; + z-index: 2; + box-sizing: border-box; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-upload-btn + input { + display: none; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-upload-btn + i::before { + content: "\ea57"; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .directorist-row-tooltip[data-tooltip]:after { + background-color: white; + color: #141921; + opacity: 1; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .directorist-row-tooltip[data-tooltip][data-flow="bottom"]::before { + border-bottom-color: white; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-action { + z-index: 2; } .cptm-form-group-feedback { - display: block; + display: block; } .cptm-form-alert { - padding: 0 0 10px; - color: #06d6a0; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + padding: 0 0 10px; + color: #06d6a0; + transition: all ease-in-out 300ms; } .cptm-form-alert.cptm-error { - color: #c82424; + color: #c82424; } .cptm-input-toggle-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + align-items: center; } .cptm-input-toggle-wrap label { - padding-left: 10px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-bottom: 0; + padding-left: 10px; + flex-grow: 1; + margin-bottom: 0; } .cptm-input-toggle { - display: inline-block; - position: relative; - width: 36px; - height: 20px; - background-color: #d9d9d9; - border-radius: 30px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - cursor: pointer; + display: inline-block; + position: relative; + width: 36px; + height: 20px; + background-color: #d9d9d9; + border-radius: 30px; + transition: all ease-in-out 300ms; + cursor: pointer; } .cptm-input-toggle::after { - content: ""; - display: inline-block; - width: 30%; - height: calc(100% - 10px); - background-color: #fff; - border-radius: 50%; - position: absolute; - top: 0; - right: 0; - margin: 5px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + content: ""; + display: inline-block; + width: 30%; + height: calc(100% - 10px); + background-color: #fff; + border-radius: 50%; + position: absolute; + top: 0; + right: 0; + margin: 5px; + transition: all ease-in-out 300ms; } .cptm-input-toggle.active { - background-color: #3e62f5; + background-color: #3e62f5; } .cptm-input-toggle.active::after { - right: 100%; - -webkit-transform: translateX(calc(-1*(-100% - 10px))); - transform: translateX(calc(-1*(-100% - 10px))); + right: 100%; + transform: translateX(calc(-1 * (-100% - 10px))); } .cptm-multi-option-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-multi-option-group .cptm-btn { - margin: 0; + margin: 0; } .cptm-multi-option-label { - display: block; + display: block; } .cptm-multi-option-group-section-draft { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -8px; + display: flex; + flex-wrap: wrap; + margin: -8px; } .cptm-multi-option-group-section-draft .cptm-form-group { - margin: 0 8px 20px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + margin: 0 8px 20px; + flex: 1; } .cptm-multi-option-group-section-draft .cptm-form-group .cptm-form-control { - width: 100%; + width: 100%; } .cptm-multi-option-group-section-draft .cptm-form-group.cpt-has-error { - position: relative; + position: relative; } .cptm-multi-option-group-section-draft p { - margin: 28px 8px 20px; + margin: 28px 8px 20px; } .cptm-label { - display: block; - margin-bottom: 10px; - font-weight: 500; + display: block; + margin-bottom: 10px; + font-weight: 500; } .form-repeater__container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 8px; + display: flex; + flex-direction: column; + gap: 8px; } .form-repeater__group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 16px; - position: relative; + display: flex; + align-items: center; + gap: 16px; + position: relative; } .form-repeater__group.sortable-chosen .form-repeater__input { - background: #e1e4e8 !important; - border: 1px solid #d1d5db !important; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; -} -.form-repeater__remove-btn, .form-repeater__drag-btn { - color: #4d5761; - background: transparent; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - outline: none; - padding: 0; - margin: 0; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; -} -.form-repeater__remove-btn:disabled, .form-repeater__drag-btn:disabled { - cursor: not-allowed; - opacity: 0.6; -} -.form-repeater__remove-btn svg, .form-repeater__drag-btn svg { - width: 12px; - height: 12px; -} -.form-repeater__remove-btn i, .form-repeater__drag-btn i { - font-size: 16px; - margin: 0; - padding: 0; + background: #e1e4e8 !important; + border: 1px solid #d1d5db !important; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; +} +.form-repeater__remove-btn, +.form-repeater__drag-btn { + color: #4d5761; + background: transparent; + border: none; + box-shadow: none; + outline: none; + padding: 0; + margin: 0; + transition: all 0.3s ease; +} +.form-repeater__remove-btn:disabled, +.form-repeater__drag-btn:disabled { + cursor: not-allowed; + opacity: 0.6; +} +.form-repeater__remove-btn svg, +.form-repeater__drag-btn svg { + width: 12px; + height: 12px; +} +.form-repeater__remove-btn i, +.form-repeater__drag-btn i { + font-size: 16px; + margin: 0; + padding: 0; } .form-repeater__drag-btn { - cursor: move; - position: absolute; - right: 0; + cursor: move; + position: absolute; + right: 0; } .form-repeater__remove-btn { - cursor: pointer; - position: absolute; - left: 0; + cursor: pointer; + position: absolute; + left: 0; } .form-repeater__remove-btn:hover { - color: #c83a3a; + color: #c83a3a; } .form-repeater__input { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - height: 40px; - padding: 5px 16px; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - border-radius: 8px; - border: 1px solid var(--Gray-200, #e5e7eb); - background: white; - -webkit-box-shadow: 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); - box-shadow: 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); - color: #2c3239; - outline: none; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - margin: 0 32px; - overflow: hidden; - -ms-text-overflow: ellipsis; - text-overflow: ellipsis; + flex: 1; + height: 40px; + padding: 5px 16px; + flex-shrink: 0; + border-radius: 8px; + border: 1px solid var(--Gray-200, #e5e7eb); + background: white; + box-shadow: 0px 1px 2px 0px + var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); + color: #2c3239; + outline: none; + transition: all 0.3s ease; + margin: 0 32px; + overflow: hidden; + -o-text-overflow: ellipsis; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; } .form-repeater__input-value-added { - background: var(--Gray-50, #f9fafb); - border-color: #e5e7eb; + background: var(--Gray-50, #f9fafb); + border-color: #e5e7eb; } .form-repeater__input:focus { - background: var(--Gray-50, #f9fafb); - border-color: #3e62f5; -} -.form-repeater__input::-webkit-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; -} -.form-repeater__input::-moz-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; -} -.form-repeater__input:-ms-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; -} -.form-repeater__input::-ms-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + background: var(--Gray-50, #f9fafb); + border-color: #3e62f5; } .form-repeater__input::placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; } .form-repeater__add-group-btn { - font-size: 12px; - font-weight: 600; - color: #2e94fa; - background: transparent; - border: none; - padding: 0; - text-decoration: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - cursor: pointer; - letter-spacing: 0.12px; - margin: 17px 32px 0; - padding: 0; + font-size: 12px; + font-weight: 600; + color: #2e94fa; + background: transparent; + border: none; + padding: 0; + text-decoration: none; + display: flex; + align-items: center; + gap: 6px; + cursor: pointer; + letter-spacing: 0.12px; + margin: 17px 32px 0; + padding: 0; } .form-repeater__add-group-btn:disabled { - cursor: not-allowed; - opacity: 0.6; + cursor: not-allowed; + opacity: 0.6; } .form-repeater__add-group-btn svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .form-repeater__add-group-btn i { - font-size: 16px; + font-size: 16px; } /* Style the video popup */ .video-popup-overlay { - position: fixed; - top: 0; - left: 0; - width: calc(100% - 160px); - height: 100%; - background: rgba(0, 0, 0, 0.8); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 9999; + position: fixed; + top: 0; + left: 0; + width: calc(100% - 160px); + height: 100%; + background: rgba(0, 0, 0, 0.8); + display: flex; + justify-content: center; + align-items: center; + z-index: 9999; } .video-popup-content { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + position: relative; + display: flex; + justify-content: center; + align-items: center; } .video-popup-content video { - width: 100%; - max-width: 500px; + width: 100%; + max-width: 500px; } .close-btn { - position: absolute; - top: 40px; - left: 40px; - background: transparent; - border: none; - font-size: 18px; - cursor: pointer; - color: #ffffff; + position: absolute; + top: 40px; + left: 40px; + background: transparent; + border: none; + font-size: 18px; + cursor: pointer; + color: #ffffff; } .cptm-form-control, select.cptm-form-control, -input[type=date].cptm-form-control, -input[type=datetime-local].cptm-form-control, -input[type=datetime].cptm-form-control, -input[type=email].cptm-form-control, -input[type=month].cptm-form-control, -input[type=number].cptm-form-control, -input[type=password].cptm-form-control, -input[type=search].cptm-form-control, -input[type=tel].cptm-form-control, -input[type=text].cptm-form-control, -input[type=time].cptm-form-control, -input[type=url].cptm-form-control, -input[type=week].cptm-form-control input[type=text].cptm-form-control { - display: block; - width: 100%; - max-width: 100%; - padding: 10px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: right; - border-radius: 4px; - -webkit-box-shadow: none; - box-shadow: none; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background-color: #f4f5f7; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-control:hover, .cptm-form-control:focus, +input[type="date"].cptm-form-control, +input[type="datetime-local"].cptm-form-control, +input[type="datetime"].cptm-form-control, +input[type="email"].cptm-form-control, +input[type="month"].cptm-form-control, +input[type="number"].cptm-form-control, +input[type="password"].cptm-form-control, +input[type="search"].cptm-form-control, +input[type="tel"].cptm-form-control, +input[type="text"].cptm-form-control, +input[type="time"].cptm-form-control, +input[type="url"].cptm-form-control, +input[type="week"].cptm-form-control input[type="text"].cptm-form-control { + display: block; + width: 100%; + max-width: 100%; + padding: 10px 20px; + font-size: 14px; + color: #5a5f7d; + text-align: right; + border-radius: 4px; + box-shadow: none; + font-weight: 400; + margin: 0; + line-height: 18px; + height: auto; + min-height: 30px; + background-color: #f4f5f7; + transition: all ease 0.3s; +} +.cptm-form-control:hover, +.cptm-form-control:focus, select.cptm-form-control:hover, select.cptm-form-control:focus, -input[type=date].cptm-form-control:hover, -input[type=date].cptm-form-control:focus, -input[type=datetime-local].cptm-form-control:hover, -input[type=datetime-local].cptm-form-control:focus, -input[type=datetime].cptm-form-control:hover, -input[type=datetime].cptm-form-control:focus, -input[type=email].cptm-form-control:hover, -input[type=email].cptm-form-control:focus, -input[type=month].cptm-form-control:hover, -input[type=month].cptm-form-control:focus, -input[type=number].cptm-form-control:hover, -input[type=number].cptm-form-control:focus, -input[type=password].cptm-form-control:hover, -input[type=password].cptm-form-control:focus, -input[type=search].cptm-form-control:hover, -input[type=search].cptm-form-control:focus, -input[type=tel].cptm-form-control:hover, -input[type=tel].cptm-form-control:focus, -input[type=text].cptm-form-control:hover, -input[type=text].cptm-form-control:focus, -input[type=time].cptm-form-control:hover, -input[type=time].cptm-form-control:focus, -input[type=url].cptm-form-control:hover, -input[type=url].cptm-form-control:focus, -input[type=week].cptm-form-control input[type=text].cptm-form-control:hover, -input[type=week].cptm-form-control input[type=text].cptm-form-control:focus { - color: #23282d; - border-color: #3e62f5; +input[type="date"].cptm-form-control:hover, +input[type="date"].cptm-form-control:focus, +input[type="datetime-local"].cptm-form-control:hover, +input[type="datetime-local"].cptm-form-control:focus, +input[type="datetime"].cptm-form-control:hover, +input[type="datetime"].cptm-form-control:focus, +input[type="email"].cptm-form-control:hover, +input[type="email"].cptm-form-control:focus, +input[type="month"].cptm-form-control:hover, +input[type="month"].cptm-form-control:focus, +input[type="number"].cptm-form-control:hover, +input[type="number"].cptm-form-control:focus, +input[type="password"].cptm-form-control:hover, +input[type="password"].cptm-form-control:focus, +input[type="search"].cptm-form-control:hover, +input[type="search"].cptm-form-control:focus, +input[type="tel"].cptm-form-control:hover, +input[type="tel"].cptm-form-control:focus, +input[type="text"].cptm-form-control:hover, +input[type="text"].cptm-form-control:focus, +input[type="time"].cptm-form-control:hover, +input[type="time"].cptm-form-control:focus, +input[type="url"].cptm-form-control:hover, +input[type="url"].cptm-form-control:focus, +input[type="week"].cptm-form-control input[type="text"].cptm-form-control:hover, +input[type="week"].cptm-form-control + input[type="text"].cptm-form-control:focus { + color: #23282d; + border-color: #3e62f5; } select.cptm-form-control, -input[type=date].cptm-form-control, -input[type=datetime-local].cptm-form-control, -input[type=datetime].cptm-form-control, -input[type=email].cptm-form-control, -input[type=month].cptm-form-control, -input[type=number].cptm-form-control, -input[type=password].cptm-form-control, -input[type=search].cptm-form-control, -input[type=tel].cptm-form-control, -input[type=text].cptm-form-control, -input[type=time].cptm-form-control, -input[type=url].cptm-form-control, -input[type=week].cptm-form-control, -input[type=text].cptm-form-control { - padding: 10px 20px; - font-size: 14px; - color: #4d5761; - background: #ffffff; - text-align: right; - border: 0 none; - border-radius: 8px; - border: 1px solid #d2d6db; - -webkit-box-shadow: none; - box-shadow: none; - width: 100%; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; +input[type="date"].cptm-form-control, +input[type="datetime-local"].cptm-form-control, +input[type="datetime"].cptm-form-control, +input[type="email"].cptm-form-control, +input[type="month"].cptm-form-control, +input[type="number"].cptm-form-control, +input[type="password"].cptm-form-control, +input[type="search"].cptm-form-control, +input[type="tel"].cptm-form-control, +input[type="text"].cptm-form-control, +input[type="time"].cptm-form-control, +input[type="url"].cptm-form-control, +input[type="week"].cptm-form-control, +input[type="text"].cptm-form-control { + padding: 10px 20px; + font-size: 14px; + color: #4d5761; + background: #ffffff; + text-align: right; + border: 0 none; + border-radius: 8px; + border: 1px solid #d2d6db; + box-shadow: none; + width: 100%; + font-weight: 400; + margin: 0; + line-height: 18px; + height: auto; + min-height: 30px; } select.cptm-form-control:hover, -input[type=date].cptm-form-control:hover, -input[type=datetime-local].cptm-form-control:hover, -input[type=datetime].cptm-form-control:hover, -input[type=email].cptm-form-control:hover, -input[type=month].cptm-form-control:hover, -input[type=number].cptm-form-control:hover, -input[type=password].cptm-form-control:hover, -input[type=search].cptm-form-control:hover, -input[type=tel].cptm-form-control:hover, -input[type=text].cptm-form-control:hover, -input[type=time].cptm-form-control:hover, -input[type=url].cptm-form-control:hover, -input[type=week].cptm-form-control:hover, -input[type=text].cptm-form-control:hover { - color: #23282d; +input[type="date"].cptm-form-control:hover, +input[type="datetime-local"].cptm-form-control:hover, +input[type="datetime"].cptm-form-control:hover, +input[type="email"].cptm-form-control:hover, +input[type="month"].cptm-form-control:hover, +input[type="number"].cptm-form-control:hover, +input[type="password"].cptm-form-control:hover, +input[type="search"].cptm-form-control:hover, +input[type="tel"].cptm-form-control:hover, +input[type="text"].cptm-form-control:hover, +input[type="time"].cptm-form-control:hover, +input[type="url"].cptm-form-control:hover, +input[type="week"].cptm-form-control:hover, +input[type="text"].cptm-form-control:hover { + color: #23282d; } select.cptm-form-control.cptm-form-control-light, -input[type=date].cptm-form-control.cptm-form-control-light, -input[type=datetime-local].cptm-form-control.cptm-form-control-light, -input[type=datetime].cptm-form-control.cptm-form-control-light, -input[type=email].cptm-form-control.cptm-form-control-light, -input[type=month].cptm-form-control.cptm-form-control-light, -input[type=number].cptm-form-control.cptm-form-control-light, -input[type=password].cptm-form-control.cptm-form-control-light, -input[type=search].cptm-form-control.cptm-form-control-light, -input[type=tel].cptm-form-control.cptm-form-control-light, -input[type=text].cptm-form-control.cptm-form-control-light, -input[type=time].cptm-form-control.cptm-form-control-light, -input[type=url].cptm-form-control.cptm-form-control-light, -input[type=week].cptm-form-control.cptm-form-control-light, -input[type=text].cptm-form-control.cptm-form-control-light { - border: 1px solid #ccc; - background-color: #fff; +input[type="date"].cptm-form-control.cptm-form-control-light, +input[type="datetime-local"].cptm-form-control.cptm-form-control-light, +input[type="datetime"].cptm-form-control.cptm-form-control-light, +input[type="email"].cptm-form-control.cptm-form-control-light, +input[type="month"].cptm-form-control.cptm-form-control-light, +input[type="number"].cptm-form-control.cptm-form-control-light, +input[type="password"].cptm-form-control.cptm-form-control-light, +input[type="search"].cptm-form-control.cptm-form-control-light, +input[type="tel"].cptm-form-control.cptm-form-control-light, +input[type="text"].cptm-form-control.cptm-form-control-light, +input[type="time"].cptm-form-control.cptm-form-control-light, +input[type="url"].cptm-form-control.cptm-form-control-light, +input[type="week"].cptm-form-control.cptm-form-control-light, +input[type="text"].cptm-form-control.cptm-form-control-light { + border: 1px solid #ccc; + background-color: #fff; } .tab-general .cptm-title-area, .tab-other .cptm-title-area { - margin-right: 0; + margin-right: 0; } .tab-general .cptm-form-group .cptm-form-control, .tab-other .cptm-form-group .cptm-form-control { - background-color: #fff; - border: 1px solid #e3e6ef; + background-color: #fff; + border: 1px solid #e3e6ef; } .tab-preview_image .cptm-title-area, .tab-packages .cptm-title-area, .tab-other .cptm-title-area { - margin-right: 0; + margin-right: 0; } .tab-preview_image .cptm-title-area p, .tab-packages .cptm-title-area p, .tab-other .cptm-title-area p { - font-size: 15px; - color: #5a5f7d; + font-size: 15px; + color: #5a5f7d; } .cptm-modal-container { - display: none; - position: fixed; - top: 0; - right: 0; - left: 0; - bottom: 0; - overflow: auto; - z-index: 99999; - height: 100vh; + display: none; + position: fixed; + top: 0; + right: 0; + left: 0; + bottom: 0; + overflow: auto; + z-index: 99999; + height: 100vh; } .cptm-modal-container.active { - display: block; + display: block; } .cptm-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 20px; - height: 100%; - min-height: calc(100% - 40px); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: rgba(0, 0, 0, 0.5); + display: flex; + padding: 20px; + height: 100%; + min-height: calc(100% - 40px); + justify-content: center; + align-items: center; + transition: all ease-in-out 300ms; + background-color: rgba(0, 0, 0, 0.5); } .cptm-modal { - display: block; - margin: 0 auto; - padding: 10px; - width: 100%; - max-width: 300px; - border-radius: 5px; - background-color: #fff; + display: block; + margin: 0 auto; + padding: 10px; + width: 100%; + max-width: 300px; + border-radius: 5px; + background-color: #fff; } .cptm-modal-header { - position: relative; - padding: 15px 15px 15px 30px; - margin: -10px; - margin-bottom: 10px; - border-bottom: 1px solid #e3e3e3; + position: relative; + padding: 15px 15px 15px 30px; + margin: -10px; + margin-bottom: 10px; + border-bottom: 1px solid #e3e3e3; } .cptm-modal-header-title { - text-align: right; - margin: 0; + text-align: right; + margin: 0; } .cptm-modal-actions { - display: block; - margin: 0 -5px; - position: absolute; - left: 10px; - top: 10px; - text-align: left; + display: block; + margin: 0 -5px; + position: absolute; + left: 10px; + top: 10px; + text-align: left; } .cptm-modal-action-link { - margin: 0 5px; - text-decoration: none; - height: 25px; - display: inline-block; - width: 25px; - text-align: center; - line-height: 25px; - border-radius: 50%; - color: #2b2b2b; - font-size: 18px; + margin: 0 5px; + text-decoration: none; + height: 25px; + display: inline-block; + width: 25px; + text-align: center; + line-height: 25px; + border-radius: 50%; + color: #2b2b2b; + font-size: 18px; } .cptm-modal-confirmation-title { - margin: 30px auto; - font-size: 20px; - text-align: center; + margin: 30px auto; + font-size: 20px; + text-align: center; } .cptm-section-alert-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-height: 200px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + min-height: 200px; } .cptm-section-alert-content { - text-align: center; - padding: 10px; + text-align: center; + padding: 10px; } .cptm-section-alert-icon { - margin-bottom: 20px; - width: 100px; - height: 100px; - font-size: 45px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - border-radius: 50%; - color: darkgray; - background-color: #f2f2f2; + margin-bottom: 20px; + width: 100px; + height: 100px; + font-size: 45px; + display: inline-flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + border-radius: 50%; + color: darkgray; + background-color: #f2f2f2; } .cptm-section-alert-icon.cptm-alert-success { - color: #fff; - background-color: #14cc60; + color: #fff; + background-color: #14cc60; } .cptm-section-alert-icon.cptm-alert-error { - color: #fff; - background-color: #cc1433; + color: #fff; + background-color: #cc1433; } .cptm-color-picker-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: inline-flex; } .cptm-color-picker-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-right: 10px; + display: flex; + align-items: center; + margin-right: 10px; } .cptm-wdget-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex; + justify-content: space-between; } .atbdp-flex-align-center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } .cptm-px-5 { - padding: 0 5px; + padding: 0 5px; } .cptm-text-gray { - color: #c1c1c1; + color: #c1c1c1; } .cptm-text-right { - text-align: left !important; + text-align: left !important; } .cptm-text-center { - text-align: center !important; + text-align: center !important; } .cptm-text-left { - text-align: right !important; + text-align: right !important; } .cptm-d-block { - display: block !important; + display: block !important; } .cptm-d-inline { - display: inline-block !important; + display: inline-block !important; } .cptm-d-inline-flex { - display: -webkit-inline-box !important; - display: -webkit-inline-flex !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: inline-flex !important; + flex-wrap: wrap; } .cptm-d-none { - display: none !important; + display: none !important; } .cptm-p-20 { - padding: 20px; + padding: 20px; } .cptm-color-picker { - display: inline-block; - padding: 5px 5px 2px 5px; - border-radius: 30px; - border: 1px solid #d4d4d4; + display: inline-block; + padding: 5px 5px 2px 5px; + border-radius: 30px; + border: 1px solid #d4d4d4; } -input[type=radio]:checked::before { - background-color: #3e62f5; +input[type="radio"]:checked::before { + background-color: #3e62f5; } @media (max-width: 767px) { - input[type=checkbox], - input[type=radio] { - width: 15px; - height: 15px; - } + input[type="checkbox"], + input[type="radio"] { + width: 15px; + height: 15px; + } } .cptm-preview-placeholder { - width: 700px; - max-width: 100%; - margin: 0 auto; + width: 700px; + max-width: 100%; + margin: 0 auto; } .cptm-preview-placeholder__card { - padding: 30px; - border-radius: 6px; - -webkit-box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); - box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); + padding: 30px; + border-radius: 6px; + box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); } .cptm-preview-placeholder__card .cptm-widget-insert-link { - background-color: #272b41; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 12px; - color: #fff; + background-color: #272b41; + box-shadow: none; + font-size: 12px; + color: #fff; } .cptm-preview-placeholder__card__item { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + flex: 1; } .cptm-preview-placeholder__card__item--top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box:first-child { - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; -} -.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box:not(:first-child) { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; + display: flex; + gap: 30px; + justify-content: space-between; +} +.cptm-preview-placeholder__card__item--top + .cptm-preview-placeholder__card__box:first-child { + flex: unset; +} +.cptm-preview-placeholder__card__item--top + .cptm-preview-placeholder__card__box:not(:first-child) { + flex: 0 0 50%; } .cptm-preview-placeholder__card__box { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 10px 10px 19px; - border-radius: 8px; - min-height: 66px; - min-width: 150px; - z-index: unset; + flex: 1; + padding: 10px 10px 19px; + border-radius: 8px; + min-height: 66px; + min-width: 150px; + z-index: unset; } .cptm-preview-placeholder__card__box .cptm-placeholder-label { - color: #868eae; - font-size: 13px; - font-weight: 500; + color: #868eae; + font-size: 13px; + font-weight: 500; } .cptm-preview-placeholder__card__box .cptm-widget-preview-area { - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} -.cptm-preview-placeholder__card__box .cptm-widget-preview-area .cptm-widget-badge { - margin: 0; - padding: 6px 20px 7px 19px; - border-radius: 8px; - font-size: 13px; - font-weight: 500; - color: #868eae; - background-color: #e3e6ef; + gap: 8px; + flex-wrap: wrap; + display: inline-flex; +} +.cptm-preview-placeholder__card__box + .cptm-widget-preview-area + .cptm-widget-badge { + margin: 0; + padding: 6px 20px 7px 19px; + border-radius: 8px; + font-size: 13px; + font-weight: 500; + color: #868eae; + background-color: #e3e6ef; } .cptm-preview-placeholder__card__btn { - width: 100%; - height: 66px; - border: none; - border-radius: 6px; - cursor: pointer; - color: #5a5f7d; - font-size: 13px; - font-weight: 500; - margin-top: 20px; + width: 100%; + height: 66px; + border: none; + border-radius: 6px; + cursor: pointer; + color: #5a5f7d; + font-size: 13px; + font-weight: 500; + margin-top: 20px; } .cptm-preview-placeholder__card__btn .icon { - width: 26px; - height: 26px; - line-height: 26px; - background-color: #fff; - border-radius: 100%; - -webkit-margin-end: 7px; - margin-inline-end: 7px; + width: 26px; + height: 26px; + line-height: 26px; + background-color: #fff; + border-radius: 100%; + margin-inline-end: 7px; } .cptm-preview-placeholder__card .slider-placeholder { - padding: 50px; - text-align: center; + padding: 50px; + text-align: center; } -.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-label { - margin-top: 5px; +.cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area + .cptm-widget-label { + margin-top: 5px; } .cptm-preview-placeholder__card .dndrop-container.vertical { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: 20px; -} -.cptm-preview-placeholder__card .dndrop-container.vertical > .dndrop-draggable-wrapper { - overflow: visible; + display: flex; + gap: 20px; + flex-direction: column; + margin-bottom: 20px; +} +.cptm-preview-placeholder__card + .dndrop-container.vertical + > .dndrop-draggable-wrapper { + overflow: visible; } .cptm-preview-placeholder__card .draggable-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + display: flex; + gap: 20px; + align-items: center; + flex-direction: row; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element { - font-size: 15px; - color: #868eae; + font-size: 15px; + color: #868eae; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element:hover { - color: #1e1e1e; + color: #1e1e1e; } .atbdp-sidebar-nav-area { - display: block; + display: block; } .atbdp-sidebar-nav { - display: block; - margin: 0; - background-color: #f6f6f6; + display: block; + margin: 0; + background-color: #f6f6f6; } .atbdp-nav-link { - display: block; - padding: 15px; - text-decoration: none; - color: #2b2b2b; + display: block; + padding: 15px; + text-decoration: none; + color: #2b2b2b; } .atbdp-nav-icon { - display: inline-block; - margin-left: 10px; + display: inline-block; + margin-left: 10px; } .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-nav-item .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-sidebar-nav-item.active .atbdp-sidebar-subnav { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav { - display: block; - margin: 0; - margin-right: 28px; - display: none; + display: block; + margin: 0; + margin-right: 28px; + display: none; } .atbdp-sidebar-subnav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item .atbdp-nav-link { - color: #686d88; + color: #686d88; } .atbdp-sidebar-subnav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: flex; + flex-wrap: wrap; + margin: 0 -15px; } .atbdp-col { - padding: 0 15px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding: 0 15px; + flex-grow: 1; + box-sizing: border-box; } .atbdp-col-3 { - -webkit-flex-basis: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - width: 25%; + flex-basis: 25%; + width: 25%; } .atbdp-col-4 { - -webkit-flex-basis: 33.3333333333%; - -ms-flex-preferred-size: 33.3333333333%; - flex-basis: 33.3333333333%; - width: 33.3333333333%; + flex-basis: 33.3333333333%; + width: 33.3333333333%; } .atbdp-col-8 { - -webkit-flex-basis: 66.6666666667%; - -ms-flex-preferred-size: 66.6666666667%; - flex-basis: 66.6666666667%; - width: 66.6666666667%; + flex-basis: 66.6666666667%; + width: 66.6666666667%; } .shrink { - max-width: 300px; + max-width: 300px; } .directorist_dropdown { - position: relative; + position: relative; } .directorist_dropdown .directorist_dropdown-toggle { - position: relative; - text-decoration: none; - display: block; - width: 100%; - max-height: 38px; - font-size: 14px; - font-weight: 500; - background-color: transparent; - color: #4d5761; - padding: 12px 15px; - line-height: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + text-decoration: none; + display: block; + width: 100%; + max-height: 38px; + font-size: 14px; + font-weight: 500; + background-color: transparent; + color: #4d5761; + padding: 12px 15px; + line-height: 1; + box-sizing: border-box; } .directorist_dropdown .directorist_dropdown-toggle:focus { - outline: 0 none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + outline: 0 none; + box-shadow: 0 0; } .directorist_dropdown .directorist_dropdown-toggle:before { - font-family: unicons-line; - font-weight: 400; - font-size: 20px; - content: "\eb3a"; - color: #747c89; - position: absolute; - top: 50%; - left: 0; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - height: 20px; + font-family: unicons-line; + font-weight: 400; + font-size: 20px; + content: "\eb3a"; + color: #747c89; + position: absolute; + top: 50%; + left: 0; + transform: translate(50%, -50%); + height: 20px; } .directorist_dropdown .directorist_dropdown-option { - display: none; - position: absolute; - width: 100%; - max-height: 350px; - right: 0; - top: 39px; - padding: 12px 8px; - background-color: #fff; - -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - border: 1px solid #e5e7eb; - border-radius: 8px; - z-index: 99999; - overflow-y: auto; + display: none; + position: absolute; + width: 100%; + max-height: 350px; + right: 0; + top: 39px; + padding: 12px 8px; + background-color: #fff; + box-shadow: + 0 12px 16px -4px rgba(16, 24, 40, 0.08), + 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + border: 1px solid #e5e7eb; + border-radius: 8px; + z-index: 99999; + overflow-y: auto; } .directorist_dropdown .directorist_dropdown-option.--show { - display: block !important; + display: block !important; } .directorist_dropdown .directorist_dropdown-option ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist_dropdown .directorist_dropdown-option ul li { - margin-bottom: 0; + margin-bottom: 0; } .directorist_dropdown .directorist_dropdown-option ul li a { - font-size: 14px; - font-weight: 500; - text-decoration: none; - display: block; - padding: 9px 15px; - border-radius: 8px; - color: #4d5761; - -webkit-transition: 0.3s; - transition: 0.3s; -} -.directorist_dropdown .directorist_dropdown-option ul li a:hover, .directorist_dropdown .directorist_dropdown-option ul li a.active:hover { - color: #fff; - background-color: #3e62f5; + font-size: 14px; + font-weight: 500; + text-decoration: none; + display: block; + padding: 9px 15px; + border-radius: 8px; + color: #4d5761; + transition: 0.3s; +} +.directorist_dropdown .directorist_dropdown-option ul li a:hover, +.directorist_dropdown .directorist_dropdown-option ul li a.active:hover { + color: #fff; + background-color: #3e62f5; } .directorist_dropdown .directorist_dropdown-option ul li a.active { - color: #3e62f5; - background-color: #f0f3ff; + color: #3e62f5; + background-color: #f0f3ff; } .cptm-form-group .directorist_dropdown-option { - max-height: 240px; + max-height: 240px; } .cptm-import-directory-modal .cptm-file-input-wrap { - margin: 16px -5px 0 -5px; + margin: 16px -5px 0 -5px; } /* Sticky fields */ .cptm-col-sticky { - position: -webkit-sticky; - position: sticky; - top: 60px; - height: 100%; - max-height: calc(100vh - 100px); - overflow: auto; - scrollbar-width: 6px; - scrollbar-color: #d2d6db #f3f4f6; + position: sticky; + top: 60px; + height: 100%; + max-height: calc(100vh - 100px); + overflow: auto; + scrollbar-width: 6px; + scrollbar-color: #d2d6db #f3f4f6; } .cptm-widget-trash-confirmation-modal-overlay { - position: fixed; - top: 0; - right: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 10; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal { - background: #fff; - padding: 30px 25px; - border-radius: 8px; - text-align: center; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal h2 { - font-size: 16px; - font-weight: 500; - margin: 0 0 18px; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal p { - margin: 0 0 20px; - font-size: 14px; - max-width: 400px; + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + display: flex; + justify-content: center; + align-items: center; + z-index: 10; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal { + background: #fff; + padding: 30px 25px; + border-radius: 8px; + text-align: center; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal + h2 { + font-size: 16px; + font-weight: 500; + margin: 0 0 18px; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal + p { + margin: 0 0 20px; + font-size: 14px; + max-width: 400px; } .cptm-widget-trash-confirmation-modal-overlay button { - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - background: rgb(197, 22, 22); - padding: 10px 15px; - border-radius: 6px; - color: #fff; - font-size: 14px; - font-weight: 500; - margin: 5px; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + border: 0 none; + box-shadow: none; + background: rgb(197, 22, 22); + padding: 10px 15px; + border-radius: 6px; + color: #fff; + font-size: 14px; + font-weight: 500; + margin: 5px; + cursor: pointer; + transition: 0.3s ease; } .cptm-widget-trash-confirmation-modal-overlay button:hover { - background: #ba1230; + background: #ba1230; } -.cptm-widget-trash-confirmation-modal-overlay button.cptm-widget-trash-confirmation-modal-action-btn__cancel { - background: #f1f2f6; - color: #7a8289; +.cptm-widget-trash-confirmation-modal-overlay + button.cptm-widget-trash-confirmation-modal-action-btn__cancel { + background: #f1f2f6; + color: #7a8289; } -.cptm-widget-trash-confirmation-modal-overlay button.cptm-widget-trash-confirmation-modal-action-btn__cancel:hover { - background: #dee0e4; +.cptm-widget-trash-confirmation-modal-overlay + button.cptm-widget-trash-confirmation-modal-action-btn__cancel:hover { + background: #dee0e4; } .cptm-field-group-container .cptm-field-group-container__label { - font-size: 15px; - font-weight: 500; - color: #272b41; - display: inline-block; + font-size: 15px; + font-weight: 500; + color: #272b41; + display: inline-block; } @media only screen and (max-width: 767px) { - .cptm-field-group-container .cptm-field-group-container__label { - margin-bottom: 15px; - } + .cptm-field-group-container .cptm-field-group-container__label { + margin-bottom: 15px; + } } .cptm-container-group-fields { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 26px; + display: flex; + align-items: center; + gap: 26px; } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .cptm-container-group-fields { + flex-wrap: wrap; + } } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields .cptm-form-group:not(:last-child) { - margin-bottom: 0; - } + .cptm-container-group-fields .cptm-form-group:not(:last-child) { + margin-bottom: 0; + } } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .cptm-form-group { - width: 100%; - } + .cptm-container-group-fields .cptm-form-group { + width: 100%; + } } .cptm-container-group-fields .highlight-field { - padding: 0; + padding: 0; } .cptm-container-group-fields .atbdp-row { - margin: 0; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + margin: 0; + flex-wrap: nowrap; + gap: 10px; + align-items: center; } .cptm-container-group-fields .atbdp-row .atbdp-col { - -webkit-box-flex: 0 !important; - -webkit-flex: none !important; - -ms-flex: none !important; - flex: none !important; - width: auto; - padding: 0; + flex: none !important; + width: auto; + padding: 0; } .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: 100px !important; - -webkit-box-sizing: border-box; - box-sizing: border-box; + max-width: 100px !important; + box-sizing: border-box; } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: none !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: none !important; + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: 150px !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: 150px !important; + } } .cptm-container-group-fields .atbdp-row .atbdp-col label { - margin: 0; - font-size: 14px !important; - font-weight: normal; + margin: 0; + font-size: 14px !important; + font-weight: normal; } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields .atbdp-row .atbdp-col label { - min-width: 50px; - } + .cptm-container-group-fields .atbdp-row .atbdp-col label { + min-width: 50px; + } } .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: 95px; + width: 95px; } -.cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown .directorist_dropdown-toggle:before { - position: relative; - top: -3px; +.cptm-container-group-fields + .atbdp-row + .atbdp-col + .directorist_dropdown + .directorist_dropdown-toggle:before { + position: relative; + top: -3px; } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: calc(100% - 2px); - } + .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: calc(100% - 2px); + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: 150px; - } + .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: 150px; + } } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-8 { - -webkit-box-flex: 1 !important; - -webkit-flex: auto !important; - -ms-flex: auto !important; - flex: auto !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-8 { + flex: auto !important; + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4 { - width: auto !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4 { + width: auto !important; + } } .cptm-theme-butterfly .cptm-info-text { - text-align: right; - margin: 0; + text-align: right; + margin: 0; } .icon-picker { - position: fixed; - background-color: rgba(0, 0, 0, 0.35); - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 9999; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; + position: fixed; + background-color: rgba(0, 0, 0, 0.35); + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 9999; + visibility: hidden; + opacity: 0; + pointer-events: none; + transition: + opacity 0.3s ease, + visibility 0.3s ease; } .icon-picker__inner { - width: 935px; - position: absolute; - top: 50%; - right: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - background: white; - height: 800px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - overflow: hidden; - border-radius: 6px; + width: 935px; + position: absolute; + top: 50%; + right: 50%; + transform: translate(50%, -50%); + background: white; + height: 800px; + display: flex; + overflow: hidden; + border-radius: 6px; } .icon-picker__close { - width: 34px; - height: 34px; - border-radius: 50%; - background-color: #5A5F7D; - color: #fff; - font-size: 12px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - position: absolute; - left: 20px; - top: 23px; - z-index: 1; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + width: 34px; + height: 34px; + border-radius: 50%; + background-color: #5a5f7d; + color: #fff; + font-size: 12px; + display: flex; + align-items: center; + justify-content: center; + position: absolute; + left: 20px; + top: 23px; + z-index: 1; + transition: 0.3s ease; } .icon-picker__close:hover { - color: #fff; - background-color: #222; + color: #fff; + background-color: #222; } .icon-picker__sidebar { - width: 30%; - background-color: #eff0f3; - padding: 30px 20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 30%; + background-color: #eff0f3; + padding: 30px 20px; + box-sizing: border-box; } .icon-picker__content { - width: 70%; - overflow: auto; + width: 70%; + overflow: auto; } .icon-picker__content .icons-group { - padding-top: 80px; + padding-top: 80px; } .icon-picker__content .icons-group h4 { - font-size: 16px; - font-weight: 500; - color: #272B41; - background-color: #ffffff; - padding: 33px 20px 27px 0; - border-bottom: 1px solid #E3E6EF; - margin: 0; - position: absolute; - right: 30%; - top: 0; - width: 70%; + font-size: 16px; + font-weight: 500; + color: #272b41; + background-color: #ffffff; + padding: 33px 20px 27px 0; + border-bottom: 1px solid #e3e6ef; + margin: 0; + position: absolute; + right: 30%; + top: 0; + width: 70%; } .icon-picker__content .icons-group-icons { - padding: 17px 17px 17px 0; + padding: 17px 17px 17px 0; } .icon-picker__content .icons-group-icons .font-icon-btn { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin: 5px 3px; - width: 70px; - height: 70px; - background-color: #F4F5F7; - border-radius: 5px; - font-size: 24px; - color: #868EAE; - font-size: 18px !important; - border: 0 none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + justify-content: center; + margin: 5px 3px; + width: 70px; + height: 70px; + background-color: #f4f5f7; + border-radius: 5px; + font-size: 24px; + color: #868eae; + font-size: 18px !important; + border: 0 none; + transition: 0.3s ease; } .icon-picker__content .icons-group-icons .font-icon-btn.cptm-btn-primary { - background-color: #3e62f5; - color: #fff; - font-size: 30px; - -webkit-box-shadow: 0 3px 10px rgba(39, 43, 65, 0.2); - box-shadow: 0 3px 10px rgba(39, 43, 65, 0.2); - border: 1px solid #E3E6EF; + background-color: #3e62f5; + color: #fff; + font-size: 30px; + box-shadow: 0 3px 10px rgba(39, 43, 65, 0.2); + border: 1px solid #e3e6ef; } .icon-picker__filter { - margin-bottom: 30px; + margin-bottom: 30px; } .icon-picker__filter label { - font-size: 14px; - font-weight: 500; - margin-bottom: 8px; - display: block; + font-size: 14px; + font-weight: 500; + margin-bottom: 8px; + display: block; } .icon-picker__filter input, .icon-picker__filter select { - color: #797d93; - font-size: 14px; - height: 44px; - border: 1px solid #E3E6EF; - border-radius: 4px; - padding: 0 15px; - width: 100%; -} -.icon-picker__filter input::-webkit-input-placeholder { - color: #797d93; -} -.icon-picker__filter input::-moz-placeholder { - color: #797d93; -} -.icon-picker__filter input:-ms-input-placeholder { - color: #797d93; -} -.icon-picker__filter input::-ms-input-placeholder { - color: #797d93; + color: #797d93; + font-size: 14px; + height: 44px; + border: 1px solid #e3e6ef; + border-radius: 4px; + padding: 0 15px; + width: 100%; } .icon-picker__filter input::placeholder { - color: #797d93; + color: #797d93; } -.icon-picker__filter select:hover, .icon-picker__filter select:focus { - color: #797d93; +.icon-picker__filter select:hover, +.icon-picker__filter select:focus { + color: #797d93; } .icon-picker.icon-picker-visible { - visibility: visible; - opacity: 1; - pointer-events: auto; + visibility: visible; + opacity: 1; + pointer-events: auto; } .icon-picker__preview-icon { - font-size: 80px; - color: #272B41; - display: block !important; - text-align: center; + font-size: 80px; + color: #272b41; + display: block !important; + text-align: center; } .icon-picker__preview-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-top: 15px; + display: flex; + justify-content: center; + margin-top: 15px; } .icon-picker__done-btn { - display: block !important; - width: 100%; - margin: 35px 0 0 0 !important; + display: block !important; + width: 100%; + margin: 35px 0 0 0 !important; } .directorist-type-icon-select label { - font-size: 14px; - font-weight: 500; - display: block; - margin-bottom: 10px; + font-size: 14px; + font-weight: 500; + display: block; + margin-bottom: 10px; } .icon-picker-selector { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 -10px; + display: flex; + align-items: center; + margin: 0 -10px; } .icon-picker-selector__icon { - position: relative; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0 10px; + position: relative; + flex: 1; + margin: 0 10px; } .icon-picker-selector__icon .directorist-selected-icon { - position: absolute; - right: 15px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + right: 15px; + top: 50%; + transform: translateY(-50%); } .icon-picker-selector__icon .cptm-form-control { - pointer-events: none; + pointer-events: none; } .icon-picker-selector__icon__reset { - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - cursor: pointer; - padding: 5px 15px; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + cursor: pointer; + padding: 5px 15px; } .icon-picker-selector__btn { - margin: 0 10px; - height: 40px; - background-color: #DADCE0; - border-radius: 4px; - border: 0 none; - font-weight: 500; - padding: 0 30px; - cursor: pointer; + margin: 0 10px; + height: 40px; + background-color: #dadce0; + border-radius: 4px; + border: 0 none; + font-weight: 500; + padding: 0 30px; + cursor: pointer; } .directorist-category-icon-picker { - margin-top: 10px; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + margin-top: 10px; + width: 100%; + display: flex; } .directorist-category-icon-picker .icon-picker-selector { - width: 100%; + width: 100%; } /* Responsive fix */ @media only screen and (max-width: 1441px) { - .icon-picker__inner { - width: 825px; - height: 660px; - } + .icon-picker__inner { + width: 825px; + height: 660px; + } } @media only screen and (max-width: 1199px) { - .icon-picker__inner { - width: 615px; - height: 500px; - } + .icon-picker__inner { + width: 615px; + height: 500px; + } } @media only screen and (max-width: 767px) { - .icon-picker__inner { - width: 500px; - height: 450px; - } + .icon-picker__inner { + width: 500px; + height: 450px; + } } @media only screen and (max-width: 575px) { - .icon-picker__inner { - display: block; - width: calc(100% - 30px); - overflow: scroll; - } - .icon-picker__sidebar, - .icon-picker__content { - width: auto; - } - .icon-picker__content .icons-group-icons .font-icon-btn { - width: 55px; - height: 55px; - font-size: 16px; - } -} -.reset-pseudo-link:visited, .cptm-btn:visited, .cptm-header-nav__list-item-link:visited, .cptm-link-light:visited, .cptm-form-builder-header-action-link:visited, .cptm-sub-nav__item-link:visited, .cptm-header-action-link:visited, .cptm-modal-action-link:visited, .atbdp-nav-link:visited, .reset-pseudo-link:active, .cptm-btn:active, .cptm-header-nav__list-item-link:active, .cptm-link-light:active, .cptm-form-builder-header-action-link:active, .cptm-sub-nav__item-link:active, .cptm-header-action-link:active, .cptm-modal-action-link:active, .atbdp-nav-link:active, .reset-pseudo-link:focus, .cptm-btn:focus, .cptm-header-nav__list-item-link:focus, .cptm-link-light:focus, .cptm-form-builder-header-action-link:focus, .cptm-sub-nav__item-link:focus, .cptm-header-action-link:focus, .cptm-modal-action-link:focus, .atbdp-nav-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + .icon-picker__inner { + display: block; + width: calc(100% - 30px); + overflow: scroll; + } + .icon-picker__sidebar, + .icon-picker__content { + width: auto; + } + .icon-picker__content .icons-group-icons .font-icon-btn { + width: 55px; + height: 55px; + font-size: 16px; + } +} +.reset-pseudo-link:visited, +.cptm-btn:visited, +.cptm-header-nav__list-item-link:visited, +.cptm-link-light:visited, +.cptm-form-builder-header-action-link:visited, +.cptm-sub-nav__item-link:visited, +.cptm-header-action-link:visited, +.cptm-modal-action-link:visited, +.atbdp-nav-link:visited, +.reset-pseudo-link:active, +.cptm-btn:active, +.cptm-header-nav__list-item-link:active, +.cptm-link-light:active, +.cptm-form-builder-header-action-link:active, +.cptm-sub-nav__item-link:active, +.cptm-header-action-link:active, +.cptm-modal-action-link:active, +.atbdp-nav-link:active, +.reset-pseudo-link:focus, +.cptm-btn:focus, +.cptm-header-nav__list-item-link:focus, +.cptm-link-light:focus, +.cptm-form-builder-header-action-link:focus, +.cptm-sub-nav__item-link:focus, +.cptm-header-action-link:focus, +.cptm-modal-action-link:focus, +.atbdp-nav-link:focus { + outline: none; + box-shadow: none; } .cptm-shortcodes { - max-height: 300px; - overflow: scroll; + max-height: 300px; + overflow: scroll; } .directorist-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-center-content-inline { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: inline-flex; } .directorist-center-content, .directorist-center-content-inline { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; } .directorist-text-right { - text-align: left; + text-align: left; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-text-left { - text-align: right; + text-align: right; } .directorist-mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .directorist-mt-5 { - margin-top: 5px !important; + margin-top: 5px !important; } .directorist-mt-10 { - margin-top: 10px !important; + margin-top: 10px !important; } .directorist-mt-15 { - margin-top: 15px !important; + margin-top: 15px !important; } .directorist-mt-20 { - margin-top: 20px !important; + margin-top: 20px !important; } .directorist-mt-30 { - margin-top: 30px !important; + margin-top: 30px !important; } .directorist-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-25 { - margin-bottom: 25px !important; + margin-bottom: 25px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-n20 { - margin-bottom: -20px !important; + margin-bottom: -20px !important; } .directorist-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .directorist-mb-15 { - margin-bottom: 15px !important; + margin-bottom: 15px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-40 { - margin-bottom: 40px !important; + margin-bottom: 40px !important; } .directorist-mb-50 { - margin-bottom: 50px !important; + margin-bottom: 50px !important; } .directorist-mb-70 { - margin-bottom: 70px !important; + margin-bottom: 70px !important; } .directorist-mb-80 { - margin-bottom: 80px !important; + margin-bottom: 80px !important; } .directorist-pb-100 { - padding-bottom: 100px !important; + padding-bottom: 100px !important; } .directorist-w-100 { - width: 100% !important; - max-width: 100% !important; + width: 100% !important; + max-width: 100% !important; } .directorist-draggable-list-item { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .directorist-draggable-list-item-wrapper { - position: relative; - height: 100%; + position: relative; + height: 100%; } .directorist-droppable-area-wrap { - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 888888888; - display: none; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: -20px; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 888888888; + display: none; + flex-direction: column; + margin-bottom: -20px; } .directorist-droppable-area { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .directorist-droppable-item-preview { - height: 52px; - background-color: rgba(44, 153, 255, 0.1); - margin-bottom: 20px; - margin-left: 50px; - border-radius: 4px; + height: 52px; + background-color: rgba(44, 153, 255, 0.1); + margin-bottom: 20px; + margin-left: 50px; + border-radius: 4px; } .directorist-droppable-item-preview-before { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-droppable-item-preview-after { - margin-bottom: 20px; + margin-bottom: 20px; } /* Directorist Tooltip */ .directorist-tooltip { - position: relative; + position: relative; } .directorist-tooltip.directorist-tooltip-bottom[data-label]:before { - bottom: -8px; - top: auto; - border-top-color: var(--directorist-color-white); - border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); + bottom: -8px; + top: auto; + border-top-color: var(--directorist-color-white); + border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip.directorist-tooltip-bottom[data-label]:after { - -webkit-transform: translate(50%); - transform: translate(50%); - top: 100%; - margin-top: 8px; -} -.directorist-tooltip[data-label]:before, .directorist-tooltip[data-label]:after { - position: absolute !important; - bottom: 100%; - display: none; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - -webkit-animation: showTooltip 0.3s ease; - animation: showTooltip 0.3s ease; + transform: translate(50%); + top: 100%; + margin-top: 8px; +} +.directorist-tooltip[data-label]:before, +.directorist-tooltip[data-label]:after { + position: absolute !important; + bottom: 100%; + display: none; + height: fit-content; + animation: showTooltip 0.3s ease; } .directorist-tooltip[data-label]:before { - content: ""; - right: 50%; - top: -6px; - -webkit-transform: translateX(50%); - transform: translateX(50%); - border: 6px solid transparent; - border-top-color: rgba(var(--directorist-color-dark-rgb), 1); + content: ""; + right: 50%; + top: -6px; + transform: translateX(50%); + border: 6px solid transparent; + border-top-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip[data-label]:after { - font-size: 14px; - content: attr(data-label); - right: 50%; - -webkit-transform: translate(50%, -6px); - transform: translate(50%, -6px); - background: rgba(var(--directorist-color-dark-rgb), 1); - padding: 4px 12px; - border-radius: 3px; - color: var(--directorist-color-white); - z-index: 9999; - text-align: center; - min-width: 140px; - max-height: 200px; - overflow-y: auto; -} -.directorist-tooltip[data-label]:hover:before, .directorist-tooltip[data-label]:hover:after { - display: block; + font-size: 14px; + content: attr(data-label); + right: 50%; + transform: translate(50%, -6px); + background: rgba(var(--directorist-color-dark-rgb), 1); + padding: 4px 12px; + border-radius: 3px; + color: var(--directorist-color-white); + z-index: 9999; + text-align: center; + min-width: 140px; + max-height: 200px; + overflow-y: auto; +} +.directorist-tooltip[data-label]:hover:before, +.directorist-tooltip[data-label]:hover:after { + display: block; } .directorist-tooltip .directorist-tooltip__label { - font-size: 16px; - color: var(--directorist-color-primary); + font-size: 16px; + color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:before { - border-top-color: var(--directorist-color-primary); + border-top-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:after { - background-color: var(--directorist-color-secondary); + background-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-info[data-label]:after { - background-color: var(--directorist-color-info); + background-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-info[data-label]:before { - border-top-color: var(--directorist-color-info); + border-top-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-warning[data-label]:after { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-warning[data-label]:before { - border-top-color: var(--directorist-color-warning); + border-top-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-success[data-label]:after { - background-color: var(--directorist-color-success); + background-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-success[data-label]:before { - border-top-color: var(--directorist-color-success); + border-top-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-danger[data-label]:after { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-danger[data-label]:before { - border-top-color: var(--directorist-color-danger); + border-top-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-primary[data-label]:before { - border-bottom-color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-info[data-label]:before { - border-bottom-color: var(--directorist-color-info); + border-bottom-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-warning[data-label]:before { - border-bottom-color: var(--directorist-color-warning); + border-bottom-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-success[data-label]:before { - border-bottom-color: var(--directorist-color-success); + border-bottom-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-danger[data-label]:before { - border-bottom-color: var(--directorist-color-danger); + border-bottom-color: var(--directorist-color-danger); } @keyframes showTooltip { - from { - opacity: 0; - } + from { + opacity: 0; + } } /* Create Directory Type */ .directorist-directory-type-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px 30px; - padding: 0 20px; - background: white; - min-height: 60px; - border-bottom: 1px solid #e5e7eb; - position: fixed; - left: 0; - top: 32px; - width: calc(100% - 200px); - z-index: 9999; + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 15px 30px; + padding: 0 20px; + background: white; + min-height: 60px; + border-bottom: 1px solid #e5e7eb; + position: fixed; + left: 0; + top: 32px; + width: calc(100% - 200px); + z-index: 9999; } .directorist-directory-type-top:before { - content: ""; - position: absolute; - top: -10px; - right: 0; - height: 10px; - width: 100%; - background-color: #f3f4f6; + content: ""; + position: absolute; + top: -10px; + right: 0; + height: 10px; + width: 100%; + background-color: #f3f4f6; } @media only screen and (max-width: 960px) { - .directorist-directory-type-top { - width: calc(100% - 76px); - } + .directorist-directory-type-top { + width: calc(100% - 76px); + } } @media only screen and (max-width: 782px) { - .directorist-directory-type-top { - width: calc(100% - 40px); - top: 46px; - left: 0; - } + .directorist-directory-type-top { + width: calc(100% - 40px); + top: 46px; + left: 0; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-top { - position: unset; - width: auto; - } - .directorist-directory-type-top:before { - display: none; - } + .directorist-directory-type-top { + position: unset; + width: auto; + } + .directorist-directory-type-top:before { + display: none; + } } @media only screen and (max-width: 479px) { - .directorist-directory-type-top { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 10px 20px; - } + .directorist-directory-type-top { + justify-content: center; + flex-direction: column; + padding: 10px 20px; + } } .directorist-directory-type-top-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + align-items: center; + gap: 10px 20px; + flex-wrap: wrap; } @media only screen and (max-width: 767px) { - .directorist-directory-type-top-left { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-directory-type-top-left { + justify-content: center; + } } .directorist-directory-type-top-left .cptm-form-group { - margin-bottom: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-group-feedback { - white-space: nowrap; + margin-bottom: 0; + display: flex; + align-items: center; + gap: 10px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-group-feedback { + white-space: nowrap; } .directorist-directory-type-top-left .cptm-form-group .cptm-form-control { - height: 36px; - border-radius: 8px; - background: #e5e7eb; - max-width: 150px; - padding: 10px 16px; - font-size: 14px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-webkit-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-moz-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control:-ms-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::-ms-input-placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-control::placeholder { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; -} -.directorist-directory-type-top-left .cptm-form-group .cptm-form-group-feedback .cptm-form-alert { - padding: 0; + height: 36px; + border-radius: 8px; + background: #e5e7eb; + max-width: 150px; + padding: 10px 16px; + font-size: 14px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-control::placeholder { + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; +} +.directorist-directory-type-top-left + .cptm-form-group + .cptm-form-group-feedback + .cptm-form-alert { + padding: 0; } .directorist-directory-type-top-left .directorist-back-directory { - color: #4d5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: normal; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: normal; + display: flex; + align-items: center; + gap: 8px; } .directorist-directory-type-top-left .directorist-back-directory svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-directory-type-top-left .directorist-back-directory:hover { - color: #3e62f5; + color: #3e62f5; } .directorist-directory-type-top-right .directorist-create-directory { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - text-decoration: none; - padding: 0 24px; - height: 40px; - border: 1px solid #3e62f5; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); - box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); - background-color: #3e62f5; - color: #ffffff; - font-size: 15px; - font-weight: 500; - line-height: normal; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; + display: flex; + gap: 8px; + align-items: center; + justify-content: center; + border-radius: 8px; + text-decoration: none; + padding: 0 24px; + height: 40px; + border: 1px solid #3e62f5; + cursor: pointer; + box-sizing: border-box; + box-shadow: 0px 2px 4px 0px rgba(60, 41, 170, 0.1); + background-color: #3e62f5; + color: #ffffff; + font-size: 15px; + font-weight: 500; + line-height: normal; + transition: background-color 0.3s ease; } .directorist-directory-type-top-right .directorist-create-directory:hover { - background-color: #5a7aff; - border-color: #5a7aff; + background-color: #5a7aff; + border-color: #5a7aff; } .directorist-directory-type-top-right .cptm-btn { - margin: 0; + margin: 0; } .directorist-directory-type-bottom { - background: white; - margin-top: 80px; - overflow: hidden; + background: white; + margin-top: 80px; + overflow: hidden; } .directorist-directory-type-bottom .cptm-header-navigation { - position: fixed; - left: 20px; - top: 92px; - width: calc(100% - 262px); - background: #ffffff; - border-top: 20px solid #f3f4f6; - border-bottom: 1px solid #e5e7eb; - gap: 0 32px; - padding: 0 30px; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow-x: auto; - z-index: 100; + position: fixed; + left: 20px; + top: 92px; + width: calc(100% - 262px); + background: #ffffff; + border-top: 20px solid #f3f4f6; + border-bottom: 1px solid #e5e7eb; + gap: 0 32px; + padding: 0 30px; + flex-wrap: nowrap; + overflow-x: auto; + z-index: 100; } @media only screen and (max-width: 960px) { - .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 138px); - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 138px); + justify-content: flex-start; + } } @media only screen and (max-width: 782px) { - .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 82px); - top: 107px; - left: 12px; - } + .directorist-directory-type-bottom .cptm-header-navigation { + width: calc(100% - 82px); + top: 107px; + left: 12px; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .cptm-header-navigation { - position: unset; - width: auto; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .directorist-directory-type-bottom .cptm-header-navigation { + position: unset; + width: auto; + flex-wrap: wrap; + } } @media only screen and (max-width: 480px) { - .directorist-directory-type-bottom .cptm-header-navigation { - padding: 10px 30px; - } + .directorist-directory-type-bottom .cptm-header-navigation { + padding: 10px 30px; + } } .directorist-directory-type-bottom .atbdp-cptm-body { - position: relative; - margin-top: 60px; + position: relative; + margin-top: 60px; } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - margin-top: 0; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + margin-top: 0; + } } @media screen and (max-width: 480px) { - .directorist-directory-type-bottom .atbdp-cptm-body { - padding: 20px 30px; - } + .directorist-directory-type-bottom .atbdp-cptm-body { + padding: 20px 30px; + } } @media only screen and (max-width: 600px) { - .directorist-directory-type-bottom { - margin-top: 0; - } + .directorist-directory-type-bottom { + margin-top: 0; + } } .wp-admin.folded .directorist-directory-type-top { - width: calc(100% - 118px); + width: calc(100% - 118px); } .wp-admin.folded .directorist-directory-type-bottom .cptm-header-navigation { - width: calc(100% - 138px); + width: calc(100% - 138px); } .directorist-draggable-form-list-wrap { - margin-left: 50px; + margin-left: 50px; } /* Body Header */ .directorist-form-doc { - border-radius: 8px; - background: #f3f4f6; - min-height: 52px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0 20px; - margin-bottom: 24px; + border-radius: 8px; + background: #f3f4f6; + min-height: 52px; + display: flex; + align-items: center; + gap: 10px 30px; + justify-content: space-between; + flex-wrap: wrap; + padding: 0 20px; + margin-bottom: 24px; } @media only screen and (max-width: 575px) { - .directorist-form-doc { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 10px 20px; - } + .directorist-form-doc { + justify-content: center; + flex-direction: column; + padding: 10px 20px; + } } .directorist-form-doc .directorist-form-doc-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + align-items: center; + gap: 8px; + flex-wrap: wrap; } @media only screen and (max-width: 575px) { - .directorist-form-doc .directorist-form-doc-left { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-form-doc .directorist-form-doc-left { + justify-content: center; + } } .directorist-form-doc .directorist-form-doc-left .directorist-form-doc-title { - color: #141921; - font-size: 19px; - font-style: normal; - font-weight: 600; - line-height: 25px; + color: #141921; + font-size: 19px; + font-style: normal; + font-weight: 600; + line-height: 25px; } .directorist-form-doc__watch-tutorial { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid #bee3ff; - background: #eff8ff; - color: #217aef; - text-align: center; - margin-right: 4px; - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 14px; - letter-spacing: 0.12px; - text-transform: capitalize; + display: inline-flex; + padding: 8px 12px; + width: max-content; + justify-content: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid #bee3ff; + background: #eff8ff; + color: #217aef; + text-align: center; + margin-right: 4px; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 14px; + letter-spacing: 0.12px; + text-transform: capitalize; } .directorist-form-doc__watch-tutorial svg { - width: 14px; - height: 14px; - color: inherit; + width: 14px; + height: 14px; + color: inherit; } .directorist-form-doc__link { - margin-top: 2px; - font-size: 12px; - font-weight: 500; - color: #1b50b2; - line-height: 20px; - letter-spacing: 0.12px; - text-decoration: underline; + margin-top: 2px; + font-size: 12px; + font-weight: 500; + color: #1b50b2; + line-height: 20px; + letter-spacing: 0.12px; + text-decoration: underline; } .directorist-form-doc__preview { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid #e5e7eb; - background: #fff; - color: #383f47; - text-align: center; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 16.24px; - text-transform: capitalize; + display: inline-flex; + padding: 8px 12px; + justify-content: center; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid #e5e7eb; + background: #fff; + color: #383f47; + text-align: center; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 16.24px; + text-transform: capitalize; } .directorist-form-doc__preview svg { - width: 16px; - height: 16px; - color: inherit; + width: 16px; + height: 16px; + color: inherit; } .directorist-form-doc__preview:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + box-shadow: none; } .directorist-footer-wrap .cptm-btn { - position: relative; - margin: 0; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 48px; - font-size: 16px; - font-weight: 500; - color: #ffffff; - border-color: #383f47; - background-color: #383f47; - border-radius: 8px; + position: relative; + margin: 0; + width: 100%; + display: flex; + gap: 8px; + align-items: center; + justify-content: center; + height: 48px; + font-size: 16px; + font-weight: 500; + color: #ffffff; + border-color: #383f47; + background-color: #383f47; + border-radius: 8px; } .directorist-footer-wrap .cptm-btn:before { - content: attr(data-info); - position: absolute; - top: calc(100% + 8px); - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - min-width: -webkit-max-content; - min-width: -moz-max-content; - min-width: max-content; - text-align: center; - color: #ffffff; - font-size: 13px; - font-weight: 500; - padding: 10px 12px; - border-radius: 6px; - background-color: #141921; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + right: 50%; + transform: translateX(50%); + min-width: max-content; + text-align: center; + color: #ffffff; + font-size: 13px; + font-weight: 500; + padding: 10px 12px; + border-radius: 6px; + background-color: #141921; + opacity: 0; + visibility: hidden; + transition: + opacity 0.3s ease, + visibility 0.3s ease; } .directorist-footer-wrap .cptm-btn:after { - content: ""; - position: absolute; - top: calc(100% + 2px); - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - border-bottom: 6px solid #141921; - border-right: 6px solid transparent; - border-left: 6px solid transparent; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; + content: ""; + position: absolute; + top: calc(100% + 2px); + right: 50%; + transform: translateX(50%); + border-bottom: 6px solid #141921; + border-right: 6px solid transparent; + border-left: 6px solid transparent; + opacity: 0; + visibility: hidden; + transition: + opacity 0.3s ease, + visibility 0.3s ease; } .directorist-footer-wrap .cptm-btn .cptm-save-icon { - font-size: 16px; + font-size: 16px; } .directorist-footer-wrap .cptm-btn:hover { - border-color: #141921; - background-color: #141921; + border-color: #141921; + background-color: #141921; } -.directorist-footer-wrap .cptm-btn:hover:hover:before, .directorist-footer-wrap .cptm-btn:hover:hover:after { - opacity: 1; - visibility: visible; +.directorist-footer-wrap .cptm-btn:hover:hover:before, +.directorist-footer-wrap .cptm-btn:hover:hover:after { + opacity: 1; + visibility: visible; } .directorist-footer-wrap .cptm-form-group { - margin: 0; + margin: 0; } .cptm-form-note { - margin-bottom: 30px; - padding: 30px; - background-color: #dcebfe; - border-radius: 4px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + margin-bottom: 30px; + padding: 30px; + background-color: #dcebfe; + border-radius: 4px; + display: flex; } .cptm-form-note i { - font-size: 30px; - opacity: 0.2; - margin-left: 15px; + font-size: 30px; + opacity: 0.2; + margin-left: 15px; } .cptm-form-note .cptm-form-note-title { - margin-top: 0; - color: #157cf6; + margin-top: 0; + color: #157cf6; } .cptm-form-note .cptm-form-note-content { - margin: 5px 0; + margin: 5px 0; } .cptm-form-note .cptm-form-note-content a { - color: #157cf6; + color: #157cf6; } #atbdp_cpt_options_metabox .inside { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } #atbdp_cpt_options_metabox .postbox-header { - display: none; + display: none; } .atbdp-cpt-manager { - position: relative; - display: block; - color: #23282d; + position: relative; + display: block; + color: #23282d; } .atbdp-cpt-manager.directorist-overlay-visible { - position: fixed; - z-index: 9; - width: calc(100% - 200px); + position: fixed; + z-index: 9; + width: calc(100% - 200px); } .atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-top, -.atbdp-cpt-manager.directorist-overlay-visible .directorist-directory-type-bottom .cptm-header-navigation { - z-index: 1; +.atbdp-cpt-manager.directorist-overlay-visible + .directorist-directory-type-bottom + .cptm-header-navigation { + z-index: 1; } .atbdp-cpt-manager.directorist-overlay-visible .submission_form_fields { - z-index: 11; + z-index: 11; } .atbdp-cptm-header { - display: block; + display: block; } .atbdp-cptm-header .cptm-form-group .cptm-form-control { - height: 50px; - font-size: 20px; + height: 50px; + font-size: 20px; } .atbdp-cptm-body { - display: block; + display: block; } .cptm-field-wraper-key-preview_image .cptm-btn { - margin: 0 10px; - height: 40px; - color: #23282d !important; - background-color: #dadce0 !important; - border-radius: 4px !important; - border: 0 none; - font-weight: 500; - padding: 0 30px; + margin: 0 10px; + height: 40px; + color: #23282d !important; + background-color: #dadce0 !important; + border-radius: 4px !important; + border: 0 none; + font-weight: 500; + padding: 0 30px; } .atbdp-cptm-footer { - display: block; - padding: 24px 0 0; - margin: 0 30px 0 50px; - border-top: 1px solid #e5e7eb; + display: block; + padding: 24px 0 0; + margin: 0 30px 0 50px; + border-top: 1px solid #e5e7eb; } .atbdp-cptm-footer .atbdp-cptm-footer-preview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 0 0 20px; + display: flex; + gap: 8px; + flex-direction: column; + margin: 0 0 20px; } .atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label { - position: relative; - font-size: 14px; - font-weight: 500; - color: #4d5761; - cursor: pointer; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label:before { - content: ""; - position: absolute; - left: 0; - top: 0; - width: 36px; - height: 20px; - border-radius: 30px; - background: #d2d6db; - border: 3px solid #d2d6db; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-label:after { - content: ""; - position: absolute; - left: 19px; - top: 3px; - width: 14px; - height: 14px; - background: #ffffff; - border-radius: 100%; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle { - display: none; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle:checked ~ label:before { - background-color: #3e62f5; - border-color: #3e62f5; -} -.atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-toggle:checked ~ label:after { - left: 3px; + position: relative; + font-size: 14px; + font-weight: 500; + color: #4d5761; + cursor: pointer; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-label:before { + content: ""; + position: absolute; + left: 0; + top: 0; + width: 36px; + height: 20px; + border-radius: 30px; + background: #d2d6db; + border: 3px solid #d2d6db; + box-sizing: border-box; + transition: all ease 0.3s; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-label:after { + content: ""; + position: absolute; + left: 19px; + top: 3px; + width: 14px; + height: 14px; + background: #ffffff; + border-radius: 100%; + transition: all ease 0.3s; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle { + display: none; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle:checked + ~ label:before { + background-color: #3e62f5; + border-color: #3e62f5; +} +.atbdp-cptm-footer + .atbdp-cptm-footer-preview + .atbdp-cptm-footer-preview-toggle:checked + ~ label:after { + left: 3px; } .atbdp-cptm-footer .atbdp-cptm-footer-preview .atbdp-cptm-footer-preview-desc { - font-size: 12px; - font-weight: 400; - color: #747c89; + font-size: 12px; + font-weight: 400; + color: #747c89; } .atbdp-cptm-footer-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-content: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + justify-content: center; + align-content: center; + flex-wrap: wrap; } .atbdp-cptm-footer-actions .cptm-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 100%; - font-weight: 500; - font-size: 15px; - height: 48px; - padding: 0 30px; - margin: 0; + display: flex; + gap: 10px; + align-items: center; + justify-content: center; + width: 100%; + font-weight: 500; + font-size: 15px; + height: 48px; + padding: 0 30px; + margin: 0; } .atbdp-cptm-footer-actions .cptm-save-text { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + gap: 8px; + justify-content: center; + align-items: center; } .cptm-title-bar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -10px; - padding: 15px 10px; - background-color: #fff; + display: flex; + flex-wrap: wrap; + margin: 0 -10px; + padding: 15px 10px; + background-color: #fff; } .cptm-card-preview-widget .cptm-title-bar { - margin: 0; + margin: 0; } .cptm-title-bar-headings { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 10px; + flex-grow: 1; + padding: 10px; } .cptm-title-bar-actions { - min-width: 100px; - max-width: 220px; - padding: 10px; + min-width: 100px; + max-width: 220px; + padding: 10px; } .cptm-label-btn { - display: inline-block; + display: inline-block; } .cptm-btn, .cptm-btn.cptm-label-btn { - margin: 0 5px 10px; - display: inline-block; - text-align: center; - border: 1px solid transparent; - padding: 10px 20px; - border-radius: 5px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - vertical-align: top; + margin: 0 5px 10px; + display: inline-block; + text-align: center; + border: 1px solid transparent; + padding: 10px 20px; + border-radius: 5px; + cursor: pointer; + transition: all ease-in-out 300ms; + vertical-align: top; } .cptm-btn:disabled, .cptm-btn.cptm-label-btn:disabled { - cursor: not-allowed; - opacity: 0.5; + cursor: not-allowed; + opacity: 0.5; } .cptm-btn.cptm-label-btn { - display: inline-block; - vertical-align: top; + display: inline-block; + vertical-align: top; } .cptm-btn.cptm-btn-rounded { - border-radius: 30px; + border-radius: 30px; } .cptm-btn.cptm-btn-primary { - color: #fff; - border-color: #3e62f5; - background-color: #3e62f5; + color: #fff; + border-color: #3e62f5; + background-color: #3e62f5; } .cptm-btn.cptm-btn-primary:hover { - background-color: #345af4; + background-color: #345af4; } .cptm-btn.cptm-btn-secondery { - color: #3e62f5; - border-color: #3e62f5; - background-color: transparent; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - font-weight: 500; - font-size: 15px !important; + color: #3e62f5; + border-color: #3e62f5; + background-color: transparent; + display: inline-flex; + align-items: center; + gap: 6px; + font-weight: 500; + font-size: 15px !important; } .cptm-btn.cptm-btn-secondery:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-file-input-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .cptm-file-input-wrap .cptm-btn { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-btn-box { - display: block; + display: block; } .cptm-form-builder-group-field-drop-area { - display: block; - padding: 16px 20px; - border-radius: 8px; - margin: 8px 30px 0 40px; - text-align: center; - font-size: 13px; - font-weight: 400; - color: #747c89; - font-style: italic; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - border: 1px dashed #d2d6db; + display: block; + padding: 16px 20px; + border-radius: 8px; + margin: 8px 30px 0 40px; + text-align: center; + font-size: 13px; + font-weight: 400; + color: #747c89; + font-style: italic; + transition: all ease-in-out 300ms; + border: 1px dashed #d2d6db; } .cptm-form-builder-group-field-drop-area.drag-enter { - background-color: #c6c6c6; + background-color: #c6c6c6; } .cptm-form-builder-group-field-drop-area-label { - margin: 0; - pointer-events: none; + margin: 0; + pointer-events: none; } .atbdp-cptm-status-feedback { - position: fixed; - top: 70px; - right: calc(50% + 150px); - -webkit-transform: translateX(50%); - transform: translateX(50%); - min-width: 300px; - z-index: 9999; + position: fixed; + top: 70px; + right: calc(50% + 150px); + transform: translateX(50%); + min-width: 300px; + z-index: 9999; } @media screen and (max-width: 960px) { - .atbdp-cptm-status-feedback { - right: calc(50% + 100px); - } + .atbdp-cptm-status-feedback { + right: calc(50% + 100px); + } } @media screen and (max-width: 782px) { - .atbdp-cptm-status-feedback { - right: 50%; - } + .atbdp-cptm-status-feedback { + right: 50%; + } } .cptm-alert { - position: relative; - padding: 14px 52px 14px 24px; - font-size: 16px; - font-weight: 500; - line-height: 22px; - color: #053e29; - border-radius: 8px; - -webkit-box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); - box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); + position: relative; + padding: 14px 52px 14px 24px; + font-size: 16px; + font-weight: 500; + line-height: 22px; + color: #053e29; + border-radius: 8px; + box-shadow: 0 8px 16px rgba(16, 24, 40, 0.1); } .cptm-alert:before { - content: ""; - position: absolute; - top: 14px; - right: 24px; - font-size: 20px; - font-family: "Font Awesome 5 Free"; - font-weight: 900; + content: ""; + position: absolute; + top: 14px; + right: 24px; + font-size: 20px; + font-family: "Font Awesome 5 Free"; + font-weight: 900; } .cptm-alert-success { - background-color: #ecfdf3; - border: 1px solid #14b570; + background-color: #ecfdf3; + border: 1px solid #14b570; } .cptm-alert-success:before { - content: "\f058"; - color: #14b570; + content: "\f058"; + color: #14b570; } .cptm-alert-error { - background-color: #f3d6d6; - border: 1px solid #c51616; + background-color: #f3d6d6; + border: 1px solid #c51616; } .cptm-alert-error:before { - content: "\f057"; - color: #c51616; + content: "\f057"; + color: #c51616; } .cptm-dropable-element { - position: relative; + position: relative; } .cptm-dropable-base-element { - display: block; - position: relative; - padding: 0; - -webkit-transition: ease-in-out all 300ms; - transition: ease-in-out all 300ms; + display: block; + position: relative; + padding: 0; + transition: ease-in-out all 300ms; } .cptm-dropable-area { - position: absolute; - right: 0; - left: 0; - top: 0; - bottom: 0; - z-index: 999; + position: absolute; + right: 0; + left: 0; + top: 0; + bottom: 0; + z-index: 999; } .cptm-dropable-placeholder { - padding: 0; - margin: 0; - height: 0; - border-radius: 4px; - overflow: hidden; - -webkit-transition: all ease-in-out 200ms; - transition: all ease-in-out 200ms; - background: RGBA(61, 98, 245, 0.45); + padding: 0; + margin: 0; + height: 0; + border-radius: 4px; + overflow: hidden; + transition: all ease-in-out 200ms; + background: RGBA(61, 98, 245, 0.45); } .cptm-dropable-placeholder.active { - padding: 10px 15px; - margin: 0; - height: 30px; + padding: 10px 15px; + margin: 0; + height: 30px; } .cptm-dropable-inside { - padding: 10px; + padding: 10px; } .cptm-dropable-area-inside { - display: block; - height: 100%; + display: block; + height: 100%; } .cptm-dropable-area-right { - display: block; + display: block; } .cptm-dropable-area-left { - display: block; + display: block; } .cptm-dropable-area-right, .cptm-dropable-area-left { - display: block; - float: right; - width: 50%; - height: 100%; + display: block; + float: right; + width: 50%; + height: 100%; } .cptm-dropable-area-top { - display: block; + display: block; } .cptm-dropable-area-bottom { - display: block; + display: block; } .cptm-dropable-area-top, .cptm-dropable-area-bottom { - display: block; - width: 100%; - height: 50%; + display: block; + width: 100%; + height: 50%; } .cptm-header-navigation { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + margin: 0; + padding: 0; + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; } @media screen and (max-width: 480px) { - .cptm-header-navigation { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .cptm-header-navigation { + flex-direction: column; + } } .cptm-header-nav__list-item { - margin: 0; - display: inline-block; - list-style: none; - text-align: center; - min-width: -webkit-fit-content; - min-width: -moz-fit-content; - min-width: fit-content; + margin: 0; + display: inline-block; + list-style: none; + text-align: center; + min-width: fit-content; } @media (max-width: 480px) { - .cptm-header-nav__list-item { - width: 100%; - } + .cptm-header-nav__list-item { + width: 100%; + } } .cptm-header-nav__list-item-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - text-decoration: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - position: relative; - border-bottom: 2px solid transparent; - color: #4d5761; - padding: 15px 0; + display: flex; + align-items: center; + gap: 8px; + text-decoration: none; + transition: all ease-in-out 300ms; + position: relative; + border-bottom: 2px solid transparent; + color: #4d5761; + padding: 15px 0; } .cptm-header-nav__list-item-link.active { - border-bottom-color: #3e62f5; + border-bottom-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__icon { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-header-nav__list-item-link.active .cptm-header-nav__label { - color: #3e62f5; + color: #3e62f5; } .cptm-header-nav__icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - min-width: 28px; - min-height: 28px; - text-align: center; - font-size: 16px; - text-align: center; - border-radius: 6px; - background: #d8e0fd; - color: inherit; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: inline-flex; + min-width: 28px; + min-height: 28px; + text-align: center; + font-size: 16px; + text-align: center; + border-radius: 6px; + background: #d8e0fd; + color: inherit; + transition: all ease-in-out 300ms; + align-items: center; + justify-content: center; } .cptm-header-nav__icon svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .cptm-header-nav__label { - display: block; - color: inherit; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - font-size: 14px; - font-weight: 500; + display: block; + color: inherit; + transition: all ease-in-out 300ms; + font-size: 14px; + font-weight: 500; } .cptm-title-area { - margin-bottom: 20px; + margin-bottom: 20px; } .submission-form .cptm-title-area { - width: 100%; + width: 100%; } .tab-general .cptm-title-area { - margin-right: 0; + margin-right: 0; } .cptm-link-light { - color: #fff; + color: #fff; } -.cptm-link-light:hover, .cptm-link-light:focus, .cptm-link-light:active { - color: #fff; +.cptm-link-light:hover, +.cptm-link-light:focus, +.cptm-link-light:active { + color: #fff; } .cptm-color-white { - color: #fff; + color: #fff; } .cptm-my-10 { - margin-top: 10px; - margin-bottom: 10px; + margin-top: 10px; + margin-bottom: 10px; } .cptm-mb-60 { - margin-bottom: 60px; + margin-bottom: 60px; } .cptm-mr-5 { - margin-left: 5px; + margin-left: 5px; } .cptm-title { - margin: 0; - font-size: 19px; - font-weight: 600; - color: #141921; - line-height: 1.2; + margin: 0; + font-size: 19px; + font-weight: 600; + color: #141921; + line-height: 1.2; } .cptm-des { - font-size: 14px; - font-weight: 400; - line-height: 22px; - color: #4d5761; - margin-top: 10px; + font-size: 14px; + font-weight: 400; + line-height: 22px; + color: #4d5761; + margin-top: 10px; } .atbdp-cptm-tab-contents { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-cptm-tab-item { - display: none; + display: none; } .atbdp-cptm-tab-item.active { - display: block; + display: block; } .cptm-tab-content-header { - position: relative; - background: transparent; - margin-top: 61px; - border-bottom: 1px solid #e5e7eb; + position: relative; + background: transparent; + margin-top: 61px; + border-bottom: 1px solid #e5e7eb; } @media only screen and (max-width: 600px) { - .cptm-tab-content-header { - margin-top: 0; - } + .cptm-tab-content-header { + margin-top: 0; + } } .cptm-tab-content-header .cptm-sub-navigation { - gap: 10px; - padding: 10px 20px; - padding-left: 160px; - margin: 0 15px; - max-width: 1050px; - margin: 0 auto; + gap: 10px; + padding: 10px 20px; + padding-left: 160px; + margin: 0 15px; + max-width: 1050px; + margin: 0 auto; } .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item { - margin: 0; + margin: 0; } .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link { - margin: 0; - padding: 10px 25px; - background-color: #e3e6ef; + margin: 0; + padding: 10px 25px; + background-color: #e3e6ef; } -.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link.active, .cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link:hover { - background-color: #3e62f5; +.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link.active, +.cptm-tab-content-header .cptm-sub-navigation .cptm-sub-nav__item-link:hover { + background-color: #3e62f5; } @media screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - margin: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + margin: 0; + } } .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - position: absolute; - left: 30px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + left: 30px; + top: 50%; + transform: translateY(-50%); } @media only screen and (max-width: 782px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-left: 0; - padding-top: 70px; - } - .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - top: 20px; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-left: 0; + padding-top: 70px; + } + .cptm-tab-content-header .directorist-form-doc__watch-tutorial { + top: 20px; + left: 50%; + transform: translateX(-50%); + } } @media only screen and (max-width: 480px) { - .cptm-tab-content-header .cptm-sub-navigation { - padding-top: 50px; - padding-bottom: 15px; - } - .cptm-tab-content-header .directorist-form-doc__watch-tutorial { - top: 0; - } + .cptm-tab-content-header .cptm-sub-navigation { + padding-top: 50px; + padding-bottom: 15px; + } + .cptm-tab-content-header .directorist-form-doc__watch-tutorial { + top: 0; + } } .cptm-tab-content-body { - display: block; + display: block; } .cptm-tab-content { - position: relative; - margin: 0 auto; - padding: 20px 30px; - min-height: 500px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + margin: 0 auto; + padding: 20px 30px; + min-height: 500px; + box-sizing: border-box; } @media only screen and (max-width: 991px) { - .cptm-tab-content { - padding: 20px 25px; - } + .cptm-tab-content { + padding: 20px 25px; + } } @media (max-width: 480px) { - .cptm-tab-content { - max-width: 100%; - padding: 15px 0; - } + .cptm-tab-content { + max-width: 100%; + padding: 15px 0; + } } .cptm-tab-content.tab-wide { - max-width: 1080px; + max-width: 1080px; } .cptm-tab-content.tab-short-wide { - max-width: 550px; + max-width: 550px; } .cptm-tab-content.tab-full-width { - max-width: 1345px; + max-width: 1345px; } .cptm-short-wide { - max-width: 550px; - width: 100%; - margin-left: auto; - margin-right: auto; + max-width: 550px; + width: 100%; + margin-left: auto; + margin-right: auto; } .cptm-tab-sub-content-item { - margin: 0 auto; - display: none; + margin: 0 auto; + display: none; } .cptm-tab-sub-content-item.active { - display: block; + display: block; } .cptm-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: flex; + flex-wrap: wrap; + margin: 0 -15px; } .cptm-col-5 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(42.66% - 30px); - padding: 0 15px; + flex-grow: 1; + width: calc(42.66% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-5 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-5 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-col-6 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(50% - 30px); - padding: 0 15px; + flex-grow: 1; + width: calc(50% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-6 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-6 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-col-7 { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - width: calc(57.33% - 30px); - padding: 0 15px; + flex-grow: 1; + width: calc(57.33% - 30px); + padding: 0 15px; } @media (max-width: 767px) { - .cptm-col-7 { - width: calc(100% - 30px); - margin-bottom: 30px; - } + .cptm-col-7 { + width: calc(100% - 30px); + margin-bottom: 30px; + } } .cptm-section { - position: relative; - margin-bottom: 50px; + position: relative; + margin-bottom: 50px; } -.cptm-section.submission_form_fields .cptm-form-builder-active-fields-container { - height: 100%; - padding-bottom: 162px; - -webkit-box-sizing: border-box; - box-sizing: border-box; +.cptm-section.submission_form_fields + .cptm-form-builder-active-fields-container { + height: 100%; + padding-bottom: 162px; + box-sizing: border-box; } .cptm-section.preview_mode { - position: absolute; - left: 31px; - bottom: 71px; - width: calc(50% + 50px); - padding: 24px 43px 50px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - z-index: 10; - background: #f8f9fa; - border: none; - border-radius: 0 0 8px 8px; + position: absolute; + left: 31px; + bottom: 71px; + width: calc(50% + 50px); + padding: 24px 43px 50px; + box-sizing: border-box; + z-index: 10; + background: #f8f9fa; + border: none; + border-radius: 0 0 8px 8px; } .cptm-section.preview_mode:before { - content: ""; - position: absolute; - top: 0; - right: 43px; - height: 1px; - width: calc(100% - 86px); - background-color: #f3f4f6; + content: ""; + position: absolute; + top: 0; + right: 43px; + height: 1px; + width: calc(100% - 86px); + background-color: #f3f4f6; } .cptm-section.preview_mode .cptm-title-area { - display: none; + display: none; } @media screen and (max-width: 1499px) { - .cptm-section.preview_mode { - width: calc(50% + 40px); - } + .cptm-section.preview_mode { + width: calc(50% + 40px); + } } @media screen and (max-width: 1399px) { - .cptm-section.preview_mode { - width: calc(50% + 20px); - } + .cptm-section.preview_mode { + width: calc(50% + 20px); + } } @media screen and (max-width: 1099px) { - .cptm-section.preview_mode { - width: calc(50% + 10px); - } + .cptm-section.preview_mode { + width: calc(50% + 10px); + } } @media screen and (max-width: 991px) { - .cptm-section.preview_mode { - left: 27px; - } + .cptm-section.preview_mode { + left: 27px; + } } @media screen and (max-width: 767px) { - .cptm-section.preview_mode { - width: calc(100% - 52px); - left: 26px; - bottom: 101px; - } + .cptm-section.preview_mode { + width: calc(100% - 52px); + left: 26px; + bottom: 101px; + } } @media screen and (max-width: 480px) { - .cptm-section.preview_mode { - left: 1px; - bottom: 96px; - width: calc(100% - 2px); - } + .cptm-section.preview_mode { + left: 1px; + bottom: 96px; + width: calc(100% - 2px); + } } .cptm-section.new_listing_status { - z-index: 11; + z-index: 11; } .cptm-section:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-form-builder-preset-fields:not(:last-child) { - margin-bottom: 40px; + margin-bottom: 40px; } .cptm-form-builder-preset-fields-header-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - margin: 0 0 16px; + display: flex; + gap: 15px; + margin: 0 0 16px; } -.cptm-form-builder-preset-fields-header-action-link .cptm-form-builder-preset-fields-header-action-icon { - font-size: 20px; +.cptm-form-builder-preset-fields-header-action-link + .cptm-form-builder-preset-fields-header-action-icon { + font-size: 20px; } .cptm-form-builder-preset-fields-header-action-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + box-shadow: none; } .cptm-form-builder-preset-fields-header-action-text { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - font-size: 14px; - font-weight: 500; - color: #141921; + flex: 1; + font-size: 14px; + font-weight: 500; + color: #141921; } .cptm-form-builder-preset-fields-header-action-link { - color: #747c89; + color: #747c89; } .cptm-title-3 { - margin: 0; - color: #272b41; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - font-weight: 500; - font-size: 18px; + margin: 0; + color: #272b41; + flex-grow: 1; + font-weight: 500; + font-size: 18px; } .cptm-description-text { - margin: 5px 0 20px; - color: #5a5f7d; - font-size: 15px; + margin: 5px 0 20px; + color: #5a5f7d; + font-size: 15px; } .cptm-form-builder-active-fields { - display: block; - height: 100%; + display: block; + height: 100%; } .cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper { - height: auto; - z-index: auto; + height: auto; + z-index: auto; } -.cptm-form-builder-active-fields .directorist-draggable-list-item-wrapper:hover { - z-index: 1; +.cptm-form-builder-active-fields + .directorist-draggable-list-item-wrapper:hover { + z-index: 1; } .cptm-form-builder-active-fields .cptm-description-text + .cptm-btn { - border: 1px solid #3e62f5; - height: 43px; - background: rgba(62, 98, 245, 0.1); - color: #3e62f5; - font-size: 14px; - font-weight: 500; - margin: 0 0 22px; + border: 1px solid #3e62f5; + height: 43px; + background: rgba(62, 98, 245, 0.1); + color: #3e62f5; + font-size: 14px; + font-weight: 500; + margin: 0 0 22px; } -.cptm-form-builder-active-fields .cptm-description-text + .cptm-btn.cptm-btn-primary { - background: #3e62f5; - color: #fff; +.cptm-form-builder-active-fields + .cptm-description-text + + .cptm-btn.cptm-btn-primary { + background: #3e62f5; + color: #fff; } .cptm-form-builder-active-fields-container { - position: relative; - margin: 0; - background-color: #f8f9fa; - border: 1px solid #e3e6e9; - padding: 40px; - border-radius: 8px; - z-index: 1; + position: relative; + margin: 0; + background-color: #f8f9fa; + border: 1px solid #e3e6e9; + padding: 40px; + border-radius: 8px; + z-index: 1; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-container { - padding: 20px; - } + .cptm-form-builder-active-fields-container { + padding: 20px; + } } .cptm-form-builder-active-fields-footer { - text-align: right; + text-align: right; } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer { - text-align: right; - } + .cptm-form-builder-active-fields-footer { + text-align: right; + } } @media only screen and (max-width: 991px) { - .cptm-form-builder-active-fields-footer .cptm-btn { - margin-right: 0; - } + .cptm-form-builder-active-fields-footer .cptm-btn { + margin-right: 0; + } } .cptm-form-builder-active-fields-footer .cptm-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - height: 40px; - color: #141921; - background: #ffffff; - border: 0 none; - margin: 4px 30px 24px 50px; - font-size: 14px; - font-weight: 600; - border-radius: 8px; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + display: flex; + gap: 8px; + height: 40px; + color: #141921; + background: #ffffff; + border: 0 none; + margin: 4px 30px 24px 50px; + font-size: 14px; + font-weight: 600; + border-radius: 8px; + border: 1px solid #e5e7eb; + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); } .cptm-form-builder-active-fields-footer .cptm-btn span { - font-size: 16px; + font-size: 16px; } .cptm-form-builder-active-fields-group { - position: relative; - margin-bottom: 15px; - padding-bottom: 0; + position: relative; + margin-bottom: 15px; + padding-bottom: 0; } .cptm-form-builder-group-header-section { - margin-bottom: 8px; + margin-bottom: 8px; } .cptm-form-builder-group-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: flex; + align-items: flex-start; } .cptm-form-builder-group-title-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 15px 20px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - background-color: #383f47; - -webkit-box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-builder-group-title-area.expanded, .cptm-form-builder-group-title-area:focus, .cptm-form-builder-group-title-area:hover { - background-color: #141921; + display: flex; + flex-grow: 1; + padding: 15px 20px; + box-sizing: border-box; + border-radius: 8px; + background-color: #383f47; + box-shadow: 0px 1px 5px rgba(161, 168, 198, 0.1); + transition: all ease 0.3s; +} +.cptm-form-builder-group-title-area.expanded, +.cptm-form-builder-group-title-area:focus, +.cptm-form-builder-group-title-area:hover { + background-color: #141921; } .expanded .cptm-form-builder-group-title-area { - border-radius: 8px 8px 0 0; + border-radius: 8px 8px 0 0; } -div[draggable=true].cptm-form-builder-group-title-area { - cursor: move; +div[draggable="true"].cptm-form-builder-group-title-area { + cursor: move; } .cptm-form-builder-group-title-area__dropable-wrapper { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-no-wrap { - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + flex-wrap: nowrap; } .cptm-card-top-area { - max-width: 450px; - margin: 0 auto; - margin-bottom: 10px; + max-width: 450px; + margin: 0 auto; + margin-bottom: 10px; } .cptm-card-top-area > .form-group .cptm-form-control { - background: none; - border: 1px solid #c6d0dc; - height: 42px; + background: none; + border: 1px solid #c6d0dc; + height: 42px; } .cptm-card-top-area > .form-group .cptm-template-type-wrapper { - position: relative; + position: relative; } .cptm-card-top-area > .form-group .cptm-template-type-wrapper:before { - content: "\f110"; - position: absolute; - font-family: "LineAwesome"; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - pointer-events: none; + content: "\f110"; + position: absolute; + font-family: "LineAwesome"; + left: 20px; + top: 50%; + transform: translateY(-50%); + pointer-events: none; } .cptm-card-placeholder-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -10px; + display: flex; + flex-wrap: wrap; + margin: 0 -10px; } .cptm-card-placeholder-col { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 0 10px; + flex-grow: 1; + padding: 0 10px; } .cptm-form-builder-group-title-area__dropable-placeholder { - margin-left: 15px; + margin-left: 15px; } .cptm-form-builder-group-title-actions .cptm-form-builder-header-action-link { - font-size: 20px; - color: #fff; + font-size: 20px; + color: #fff; } .cptm-form-builder-group-actions-dropdown { - position: relative; - top: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 32px; - margin-right: 10px; + position: relative; + top: 8px; + display: flex; + justify-content: flex-end; + flex-direction: column; + width: 32px; + margin-right: 10px; } .cptm-form-builder-group-actions-dropdown--field { - position: absolute; - left: 0; - top: 8px; + position: absolute; + left: 0; + top: 8px; } .cptm-form-builder-group-actions-dropdown-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 32px; - height: 32px; - background-color: transparent; - border-radius: 8px; - -webkit-transition: background ease 0.3s; - transition: background ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-btn:hover, .cptm-form-builder-group-actions-dropdown-btn:focus { - background-color: #d2d6db; + display: flex; + align-items: center; + justify-content: center; + width: 32px; + height: 32px; + background-color: transparent; + border-radius: 8px; + transition: background ease 0.3s; +} +.cptm-form-builder-group-actions-dropdown-btn:hover, +.cptm-form-builder-group-actions-dropdown-btn:focus { + background-color: #d2d6db; } .cptm-form-builder-group-actions-dropdown-btn:focus { - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + border: none; + outline: none; + box-shadow: none; } .cptm-form-builder-group-actions-dropdown-btn span { - font-size: 18px; - color: #747c89; + font-size: 18px; + color: #747c89; } .cptm-form-builder-group-actions-dropdown-content.expanded { - position: absolute; - width: 200px; - top: 100%; - left: 0; - z-index: 9; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #d94a4a; - background: #ffffff; - padding: 10px 15px; - width: 100%; - height: 50px; - font-size: 14px; - font-weight: 500; - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); - -webkit-transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s; - transition: background ease 0.3s, color ease 0.3s, border-color ease 0.3s; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link span { - font-size: 20px; -} -.cptm-form-builder-group-actions-dropdown-content.expanded .cptm-form-builder-field-item-action-link:hover { - color: #ffffff; - background: #d94a4a; - border-color: #d94a4a; + position: absolute; + width: 200px; + top: 100%; + left: 0; + z-index: 9; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link { + display: flex; + gap: 8px; + align-items: center; + color: #d94a4a; + background: #ffffff; + padding: 10px 15px; + width: 100%; + height: 50px; + font-size: 14px; + font-weight: 500; + border-radius: 8px; + box-sizing: border-box; + border: 1px solid #e5e7eb; + box-shadow: 0 12px 16px rgba(16, 24, 40, 0.08); + transition: + background ease 0.3s, + color ease 0.3s, + border-color ease 0.3s; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link + span { + font-size: 20px; +} +.cptm-form-builder-group-actions-dropdown-content.expanded + .cptm-form-builder-field-item-action-link:hover { + color: #ffffff; + background: #d94a4a; + border-color: #d94a4a; } .cptm-form-builder-group-actions { - display: block; - min-width: 34px; - margin-right: 15px; + display: block; + min-width: 34px; + margin-right: 15px; } .cptm-form-builder-group-title { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - font-size: 14px; - color: #fff; + flex-grow: 1; + margin: 0; + font-size: 14px; + color: #fff; } .cptm-form-builder-group-options { - background-color: #fff; - margin: 0 30px 0 42px; - padding: 20px; - border-radius: 0 0 8px 8px; - -webkit-box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); - box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); + background-color: #fff; + margin: 0 30px 0 42px; + padding: 20px; + border-radius: 0 0 8px 8px; + box-shadow: 0 6px 12px rgba(16, 24, 40, 0.1); } .cptm-form-builder-group-options .directorist-form-fields-advanced { - padding: 0; - margin: 16px 0 0; - font-size: 13px; - font-weight: 500; - background: transparent; - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - color: #2e94fa; - text-decoration: underline; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - cursor: pointer; + padding: 0; + margin: 16px 0 0; + font-size: 13px; + font-weight: 500; + background: transparent; + border: none; + outline: none; + box-shadow: none; + color: #2e94fa; + text-decoration: underline; + transition: all ease 0.3s; + cursor: pointer; } .cptm-form-builder-group-options .directorist-form-fields-advanced:hover { - color: #3e62f5; -} -.cptm-form-builder-group-options .directorist-form-fields-area .cptm-form-group:last-child { - margin-bottom: 0; -} -.cptm-form-builder-group-options .cptm-form-builder-group-options__advanced-toggle { - font-size: 13px; - font-weight: 500; - color: #2e94fa; - background: transparent; - border: none; - padding: 0; - text-decoration: underline; - display: block; - margin-top: -7px; - cursor: pointer; + color: #3e62f5; +} +.cptm-form-builder-group-options + .directorist-form-fields-area + .cptm-form-group:last-child { + margin-bottom: 0; +} +.cptm-form-builder-group-options + .cptm-form-builder-group-options__advanced-toggle { + font-size: 13px; + font-weight: 500; + color: #2e94fa; + background: transparent; + border: none; + padding: 0; + text-decoration: underline; + display: block; + margin-top: -7px; + cursor: pointer; } .cptm-form-builder-group-fields { - display: block; - position: relative; + display: block; + position: relative; } .icon-picker-selector { - margin: 0; - padding: 3px 16px 3px 4px; - border: 1px solid #d2d6db; - border-radius: 8px; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + margin: 0; + padding: 3px 16px 3px 4px; + border: 1px solid #d2d6db; + border-radius: 8px; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); } .icon-picker-selector .icon-picker-selector__icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0; -} -.icon-picker-selector .icon-picker-selector__icon input[type=text].cptm-form-control { - padding: 5px 20px; - min-height: 20px; - background-color: transparent; - outline: none; + display: flex; + align-items: center; + margin: 0; +} +.icon-picker-selector + .icon-picker-selector__icon + input[type="text"].cptm-form-control { + padding: 5px 20px; + min-height: 20px; + background-color: transparent; + outline: none; } .icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon { - position: unset; - -webkit-transform: unset; - transform: unset; - font-size: 16px; + position: unset; + transform: unset; + font-size: 16px; } -.icon-picker-selector .icon-picker-selector__icon .directorist-selected-icon:before { - margin-left: 6px; +.icon-picker-selector + .icon-picker-selector__icon + .directorist-selected-icon:before { + margin-left: 6px; } .icon-picker-selector .icon-picker-selector__icon input { - height: 32px; - border: none !important; - padding-right: 0 !important; + height: 32px; + border: none !important; + padding-right: 0 !important; } -.icon-picker-selector .icon-picker-selector__icon .icon-picker-selector__icon__reset { - font-size: 12px; - padding: 0 0 0 10px; +.icon-picker-selector + .icon-picker-selector__icon + .icon-picker-selector__icon__reset { + font-size: 12px; + padding: 0 0 0 10px; } .icon-picker-selector .icon-picker-selector__btn { - margin: 0; - height: 32px; - padding: 0 15px; - font-size: 13px; - font-weight: 500; - color: #2c3239; - border-radius: 6px; - background-color: #e5e7eb; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + margin: 0; + height: 32px; + padding: 0 15px; + font-size: 13px; + font-weight: 500; + color: #2c3239; + border-radius: 6px; + background-color: #e5e7eb; + transition: all ease 0.3s; } .icon-picker-selector .icon-picker-selector__btn:hover { - background-color: #e3e6e9; + background-color: #e3e6e9; } .cptm-restricted-area { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - z-index: 999; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 10px; - text-align: center; - background: rgba(255, 255, 255, 0.8); + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 999; + display: flex; + justify-content: center; + align-items: center; + padding: 10px; + text-align: center; + background: rgba(255, 255, 255, 0.8); } .cptm-form-builder-group-field-item { - margin-bottom: 8px; - position: relative; - padding-left: 40px; - padding-right: 30px; - border-radius: 8px; + margin-bottom: 8px; + position: relative; + padding-left: 40px; + padding-right: 30px; + border-radius: 8px; } .cptm-form-builder-group-field-item .directorist-draggable-list-item { - position: absolute; - right: 0; + position: absolute; + right: 0; } -.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header { - border-color: #3e62f5; - border-radius: 8px 8px 0 0; - background-color: #f0f3ff; +.cptm-form-builder-group-field-item.expanded + .cptm-form-builder-group-field-item-header { + border-color: #3e62f5; + border-radius: 8px 8px 0 0; + background-color: #f0f3ff; } -.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-header .cptm-form-builder-header-action-link { - color: #747c89; +.cptm-form-builder-group-field-item.expanded + .cptm-form-builder-group-field-item-header + .cptm-form-builder-header-action-link { + color: #747c89; } -.cptm-form-builder-group-field-item.expanded .cptm-form-builder-group-field-item-body { - border-color: #3e62f5; +.cptm-form-builder-group-field-item.expanded + .cptm-form-builder-group-field-item-body { + border-color: #3e62f5; } .cptm-form-builder-group-field-item-drag span { - color: #a1a9b2; + color: #a1a9b2; } .cptm-form-builder-group-field-item-actions { - display: block; - position: absolute; - left: -15px; - -webkit-transform: translate(-34px, 7px); - transform: translate(-34px, 7px); + display: block; + position: absolute; + left: -15px; + transform: translate(-34px, 7px); } .cptm-form-builder-group-field-item-action-link { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 14px; - background-color: #e3e6ef; - border-radius: 50%; - width: 34px; - height: 34px; - text-align: center; - color: #868eae; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 14px; + background-color: #e3e6ef; + border-radius: 50%; + width: 34px; + height: 34px; + text-align: center; + color: #868eae; + transition: all ease-in-out 300ms; } .action-trash:hover { - color: #e62626; - background-color: rgba(255, 0, 0, 0.15); + color: #e62626; + background-color: rgba(255, 0, 0, 0.15); } .action-trash:hover { - background-color: #d7d7d7; + background-color: #d7d7d7; } .action-trash:hover:hover { - color: #e62626; - background-color: rgba(255, 0, 0, 0.15); + color: #e62626; + background-color: rgba(255, 0, 0, 0.15); } .cptm-form-builder-group-field-item-header-actions { - margin-right: 10px; + margin-right: 10px; } -.cptm-form-builder-group-field-item-header-actions .cptm-form-builder-header-action-link { - font-size: 20px; - color: #747c89; +.cptm-form-builder-group-field-item-header-actions + .cptm-form-builder-header-action-link { + font-size: 20px; + color: #747c89; } .cptm-form-builder-header-action-link { - display: inline-block; - padding: 0; - font-size: 11px; - margin-right: 5px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - opacity: 0.5; + display: inline-block; + padding: 0; + font-size: 11px; + margin-right: 5px; + transition: all ease-in-out 300ms; + opacity: 0.5; } .cptm-form-builder-header-action-link:hover { - opacity: 1; + opacity: 1; } .action-collapse-up span, .action-collapse-up span::before { - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(0); - transform: rotate(0); + transition: all ease-in-out 300ms; + transform: rotate(0); } .action-collapse-down span, .action-collapse-down span::before { - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: rotate(-180deg); - transform: rotate(-180deg); + transition: all ease-in-out 300ms; + transform: rotate(-180deg); } .cptm-form-builder-group-field-item-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - position: relative; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 12px 20px; - cursor: default; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); - border-radius: 8px; - background-color: #fff; - border: 1px solid #e5e7eb; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - z-index: 0; + display: flex; + position: relative; + justify-content: space-between; + padding: 12px 20px; + cursor: default; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); + border-radius: 8px; + background-color: #fff; + border: 1px solid #e5e7eb; + transition: all ease 0.3s; + z-index: 0; } .cptm-form-builder-group-field-item-header .cptm-title-3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - color: #2c3239; + display: flex; + gap: 8px; + align-items: center; + font-size: 14px; + font-weight: 500; + color: #2c3239; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon { - font-size: 16px; - color: #747c89; + font-size: 16px; + color: #747c89; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg svg { - width: 16px; - height: 16px; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-icon-svg svg path { - fill: #747c89; + display: flex; + align-items: center; + justify-content: center; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-icon-svg + svg { + width: 16px; + height: 16px; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-icon-svg + svg + path { + fill: #747c89; } .cptm-form-builder-group-field-item-header .cptm-title-3 > span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip { - position: relative; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip:before { - content: attr(data-info); - position: absolute; - top: calc(100% + 8px); - right: 0; - min-width: 180px; - max-width: 180px; - text-align: center; - color: #ffffff; - font-size: 13px; - font-weight: 500; - padding: 10px 12px; - border-radius: 6px; - background-color: #141921; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip:after { - content: ""; - position: absolute; - top: calc(100% + 2px); - right: 4px; - border-bottom: 6px solid #141921; - border-right: 6px solid transparent; - border-left: 6px solid transparent; - opacity: 0; - visibility: hidden; - -webkit-transition: opacity 0.3s ease, visibility 0.3s ease; - transition: opacity 0.3s ease, visibility 0.3s ease; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip:hover:before, .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info-tooltip:hover:after { - opacity: 1; - visibility: visible; - z-index: 1; + display: flex; + gap: 12px; + align-items: center; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip { + position: relative; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip:before { + content: attr(data-info); + position: absolute; + top: calc(100% + 8px); + right: 0; + min-width: 180px; + max-width: 180px; + text-align: center; + color: #ffffff; + font-size: 13px; + font-weight: 500; + padding: 10px 12px; + border-radius: 6px; + background-color: #141921; + opacity: 0; + visibility: hidden; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip:after { + content: ""; + position: absolute; + top: calc(100% + 2px); + right: 4px; + border-bottom: 6px solid #141921; + border-right: 6px solid transparent; + border-left: 6px solid transparent; + opacity: 0; + visibility: hidden; + transition: + opacity 0.3s ease, + visibility 0.3s ease; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip:hover:before, +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info-tooltip:hover:after { + opacity: 1; + visibility: visible; + z-index: 1; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - line-height: 14px; - font-weight: 400; - padding: 4px 8px; - color: #ca6f04; - background-color: #fdefce; - border-radius: 4px; -} -.cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info .cptm-title-info-icon { - font-size: 16px; + display: flex; + gap: 8px; + align-items: center; + font-size: 12px; + line-height: 14px; + font-weight: 400; + padding: 4px 8px; + color: #ca6f04; + background-color: #fdefce; + border-radius: 4px; +} +.cptm-form-builder-group-field-item-header + .cptm-title-3 + .cptm-title-info + .cptm-title-info-icon { + font-size: 16px; } .cptm-form-builder-group-field-item-header .cptm-title-3 .cptm-title-info i { - font-size: 16px; - color: #4d5761; + font-size: 16px; + color: #4d5761; } .directorist-draggable-list-item { - position: relative; - top: 15px; - float: right; - margin-left: 17px; - -webkit-box-flex: unset; - -webkit-flex-grow: unset; - -ms-flex-positive: unset; - flex-grow: unset; + position: relative; + top: 15px; + float: right; + margin-left: 17px; + flex-grow: unset; } .cptm-form-builder-group-field-item-body { - padding: 22px 25px 25px; - background-color: #fff; - border-radius: 0 0 8px 8px; - border: 1px solid transparent; - border-top: none; + padding: 22px 25px 25px; + background-color: #fff; + border-radius: 0 0 8px 8px; + border: 1px solid transparent; + border-top: none; } .cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle { - border-bottom: 1px solid #f1f2f6; - padding-bottom: 15px; - margin-bottom: 15px; + border-bottom: 1px solid #f1f2f6; + padding-bottom: 15px; + margin-bottom: 15px; } -.cptm-form-builder-group-field-item-body .cptm-field-wraper-type-toggle .cptm-form-group { - margin-bottom: 0; +.cptm-form-builder-group-field-item-body + .cptm-field-wraper-type-toggle + .cptm-form-group { + margin-bottom: 0; } -.cptm-form-builder-group-field-item-body .directorist-type-icon-select + .cptm-form-group { - margin-top: 20px; +.cptm-form-builder-group-field-item-body + .directorist-type-icon-select + + .cptm-form-group { + margin-top: 20px; } .cptm-form-builder-field-list { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + margin: 0; + display: flex; + gap: 6px; + flex-wrap: wrap; } .cptm-form-builder-field-list .directorist-draggable-list-item { - position: unset; + position: unset; } .cptm-form-builder-field-list-item { - width: calc(50% - 3px); - padding: 10px 16px; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - list-style: none; - background-color: #ffffff; - border: 1px solid #e5e7eb; - -webkit-box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + width: calc(50% - 3px); + padding: 10px 16px; + margin: 0; + display: flex; + align-items: center; + flex-wrap: wrap; + list-style: none; + background-color: #ffffff; + border: 1px solid #e5e7eb; + box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05); + border-radius: 8px; + box-sizing: border-box; + transition: all ease 0.3s; } .cptm-form-builder-field-list-item .directorist-draggable-list-item-slot { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .cptm-form-builder-field-list-item:hover { - background-color: #e5e7eb; - -webkit-box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); - box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); + background-color: #e5e7eb; + box-shadow: 0 2px 4px rgba(16, 24, 40, 0.08); } .cptm-form-builder-field-list-item.clickable { - cursor: pointer; + cursor: pointer; } .cptm-form-builder-field-list-item.disabled { - cursor: not-allowed; + cursor: not-allowed; } @media (max-width: 400px) { - .cptm-form-builder-field-list-item { - width: calc(100% - 6px); - } + .cptm-form-builder-field-list-item { + width: calc(100% - 6px); + } } -li[class=cptm-form-builder-field-list-item][draggable=true] { - cursor: move; +li[class="cptm-form-builder-field-list-item"][draggable="true"] { + cursor: move; } .cptm-form-builder-field-list-icon { - display: inline-block; - margin-left: 12px; - width: 16px; - font-size: 16px; - color: #747c89; + display: inline-block; + margin-left: 12px; + width: 16px; + font-size: 16px; + color: #747c89; } .cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } .cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } -.cptm-form-builder-field-list-icon .cptm-form-builder-field-list-icon-svg svg path { - fill: #747c89; +.cptm-form-builder-field-list-icon + .cptm-form-builder-field-list-icon-svg + svg + path { + fill: #747c89; } .cptm-form-builder-field-list-label { - display: inline-block; - font-size: 13px; - font-weight: 400; - color: #383f47; + display: inline-block; + font-size: 13px; + font-weight: 400; + color: #383f47; } .cptm-info-text-area { - margin-bottom: 10px; + margin-bottom: 10px; } .cptm-info-text { - margin: 0; - padding: 10px 0; - color: gray; + margin: 0; + padding: 10px 0; + color: gray; } .cptm-info-success { - color: #00b158; + color: #00b158; } .cptm-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .cptm-item-footer-drop-area { - position: absolute; - right: 0; - bottom: 0; - width: 100%; - height: 20px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-transform: translate(0, 100%); - transform: translate(0, 100%); - z-index: 5; + position: absolute; + right: 0; + bottom: 0; + width: 100%; + height: 20px; + transition: all ease-in-out 300ms; + transform: translate(0, 100%); + z-index: 5; } .cptm-item-footer-drop-area.drag-enter { - background-color: rgba(23, 135, 255, 0.3); + background-color: rgba(23, 135, 255, 0.3); } .cptm-item-footer-drop-area.cptm-group-item-drop-area { - height: 40px; + height: 40px; } .cptm-form-builder-group-field-item-drop-area { - height: 20px; - position: absolute; - bottom: -20px; - z-index: 5; - width: 100%; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + height: 20px; + position: absolute; + bottom: -20px; + z-index: 5; + width: 100%; + transition: all ease-in-out 300ms; } .cptm-form-builder-group-field-item-drop-area.drag-enter { - background-color: rgba(23, 135, 255, 0.3); + background-color: rgba(23, 135, 255, 0.3); } .cptm-checkbox-area, .cptm-options-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 10px 0; - left: 0; - right: 0; + display: flex; + flex-direction: column; + margin: 10px 0; + left: 0; + right: 0; } .cptm-checkbox-area .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } @media (max-width: 1300px) { - .cptm-checkbox-area, - .cptm-options-area { - position: static; - } + .cptm-checkbox-area, + .cptm-options-area { + position: static; + } } .cptm-checkbox-item, .cptm-radio-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-left: 20px; + display: flex; + margin-left: 20px; } .cptm-tab-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .cptm-tab-area .cptm-tab-item input { - display: none; + display: none; } .cptm-tab-area .cptm-tab-item input:checked + label { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .cptm-tab-area .cptm-tab-item label { - margin: 0; - padding: 0 12px; - height: 32px; - line-height: 32px; - font-size: 14px; - font-weight: 500; - color: #747c89; - background: #e5e7eb; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + margin: 0; + padding: 0 12px; + height: 32px; + line-height: 32px; + font-size: 14px; + font-weight: 500; + color: #747c89; + background: #e5e7eb; + cursor: pointer; + transition: all ease-in-out 300ms; } .cptm-tab-area .cptm-tab-item label:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } @media screen and (max-width: 782px) { - .enable_schema_markup .atbdp-label-icon-wrapper { - margin-bottom: 15px !important; - } + .enable_schema_markup .atbdp-label-icon-wrapper { + margin-bottom: 15px !important; + } } .cptm-schema-tab-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 12px; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 12px; } .cptm-schema-tab-label { - color: rgba(0, 6, 38, 0.9); - font-size: 15px; - font-style: normal; - font-weight: 600; - line-height: 16px; + color: rgba(0, 6, 38, 0.9); + font-size: 15px; + font-style: normal; + font-weight: 600; + line-height: 16px; } .cptm-schema-tab-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px 20px; + display: flex; + gap: 10px 20px; } @media screen and (max-width: 782px) { - .cptm-schema-tab-wrapper { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .cptm-schema-tab-wrapper { + flex-wrap: wrap; + } } -.cptm-schema-tab-wrapper input[type=radio]:checked { - background-color: #3e62f5 !important; - border-color: #3e62f5 !important; +.cptm-schema-tab-wrapper input[type="radio"]:checked { + background-color: #3e62f5 !important; + border-color: #3e62f5 !important; } -.cptm-schema-tab-wrapper input[type=radio]:checked::before { - background-color: white !important; +.cptm-schema-tab-wrapper input[type="radio"]:checked::before { + background-color: white !important; } .cptm-schema-tab-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 12px 16px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - border: 1px solid rgba(0, 17, 102, 0.1); - background-color: #fff; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: flex; + padding: 12px 16px; + align-items: center; + gap: 6px; + border-radius: 8px; + border: 1px solid rgba(0, 17, 102, 0.1); + background-color: #fff; + transition: all ease-in-out 300ms; } @media screen and (max-width: 782px) { - .cptm-schema-tab-item { - width: 100%; - } + .cptm-schema-tab-item { + width: 100%; + } } -.cptm-schema-tab-item input[type=radio] { - -webkit-box-shadow: none; - box-shadow: none; +.cptm-schema-tab-item input[type="radio"] { + box-shadow: none; } @media screen and (max-width: 782px) { - .cptm-schema-tab-item input[type=radio] { - width: 16px; - height: 16px; - } - .cptm-schema-tab-item input[type=radio]:checked:before { - width: 0.5rem; - height: 0.5rem; - margin: 3px 3px; - line-height: 1.14285714; - } + .cptm-schema-tab-item input[type="radio"] { + width: 16px; + height: 16px; + } + .cptm-schema-tab-item input[type="radio"]:checked:before { + width: 0.5rem; + height: 0.5rem; + margin: 3px 3px; + line-height: 1.14285714; + } } .cptm-schema-tab-item.active { - border-color: #3e62f5 !important; - background-color: #f0f3ff; + border-color: #3e62f5 !important; + background-color: #f0f3ff; } .cptm-schema-tab-item.active .cptm-schema-label-wrapper { - color: #3e62f5 !important; + color: #3e62f5 !important; } .cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child { - cursor: not-allowed; - opacity: 0.5; - pointer-events: none; + cursor: not-allowed; + opacity: 0.5; + pointer-events: none; } -.cptm-schema-multi-directory-disabled .cptm-schema-tab-item:last-child .cptm-schema-label-badge { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; +.cptm-schema-multi-directory-disabled + .cptm-schema-tab-item:last-child + .cptm-schema-label-badge { + display: inline-flex; } .cptm-schema-label-wrapper { - color: rgba(0, 6, 38, 0.9) !important; - font-size: 14px !important; - font-style: normal; - font-weight: 600 !important; - line-height: 20px; - cursor: pointer; - margin: 0 !important; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + color: rgba(0, 6, 38, 0.9) !important; + font-size: 14px !important; + font-style: normal; + font-weight: 600 !important; + line-height: 20px; + cursor: pointer; + margin: 0 !important; + transition: all ease-in-out 300ms; } .cptm-schema .cptm-schema-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; + display: flex; + align-items: center; + gap: 6px; } .cptm-schema-label-badge { - display: none; - height: 20px; - padding: 0px 8px; - border-radius: 4px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background-color: #e3ecf2; - color: rgba(0, 8, 51, 0.65); - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 16px; - letter-spacing: 0.12px; + display: none; + height: 20px; + padding: 0px 8px; + border-radius: 4px; + align-items: center; + background-color: #e3ecf2; + color: rgba(0, 8, 51, 0.65); + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 16px; + letter-spacing: 0.12px; } .cptm-schema-label-description { - color: rgba(0, 8, 51, 0.65); - font-size: 12px !important; - font-style: normal; - font-weight: 400; - line-height: 18px; - margin-top: 2px; + color: rgba(0, 8, 51, 0.65); + font-size: 12px !important; + font-style: normal; + font-weight: 400; + line-height: 18px; + margin-top: 2px; } #listing_settings__listings_page .cptm-checkbox-item:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } -input[type=checkbox].cptm-checkbox { - display: none; +input[type="checkbox"].cptm-checkbox { + display: none; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui { - color: #3e62f5; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui { + color: #3e62f5; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui::before { - font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; - font-weight: 900; - color: #fff; - content: "\f00c"; - z-index: 22; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui::before { + font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; + font-weight: 900; + color: #fff; + content: "\f00c"; + z-index: 22; } -input[type=checkbox].cptm-checkbox:checked + .cptm-checkbox-ui:after { - background-color: #00b158; - border-color: #00b158; - z-index: -1; +input[type="checkbox"].cptm-checkbox:checked + .cptm-checkbox-ui:after { + background-color: #00b158; + border-color: #00b158; + z-index: -1; } -input[type=radio].cptm-radio { - margin-top: 1px; +input[type="radio"].cptm-radio { + margin-top: 1px; } .cptm-form-range-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: inline-flex; + flex-wrap: wrap; } .cptm-form-range-wrap .cptm-form-range-bar { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-form-range-wrap .cptm-form-range-output { - width: 30px; + width: 30px; } .cptm-form-range-wrap .cptm-form-range-output-text { - padding: 10px 20px; - background-color: #fff; + padding: 10px 20px; + background-color: #fff; } .cptm-checkbox-ui { - display: inline-block; - min-width: 16px; - position: relative; - z-index: 1; - margin-left: 12px; + display: inline-block; + min-width: 16px; + position: relative; + z-index: 1; + margin-left: 12px; } .cptm-checkbox-ui::before { - font-size: 10px; - line-height: 1; - font-weight: 900; - display: inline-block; - margin-right: 4px; + font-size: 10px; + line-height: 1; + font-weight: 900; + display: inline-block; + margin-right: 4px; } .cptm-checkbox-ui:after { - position: absolute; - right: 0; - top: 0; - width: 18px; - height: 18px; - border-radius: 4px; - border: 1px solid #c6d0dc; - content: ""; + position: absolute; + right: 0; + top: 0; + width: 18px; + height: 18px; + border-radius: 4px; + border: 1px solid #c6d0dc; + content: ""; } .cptm-vh { - overflow: hidden; - overflow-y: auto; - max-height: 100vh; + overflow: hidden; + overflow-y: auto; + max-height: 100vh; } .cptm-thumbnail { - max-width: 350px; - width: 100%; - height: auto; - margin-bottom: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: #f2f2f2; + max-width: 350px; + width: 100%; + height: auto; + margin-bottom: 20px; + display: flex; + justify-content: center; + background-color: #f2f2f2; } .cptm-thumbnail img { - display: block; - width: 100%; - height: auto; + display: block; + width: 100%; + height: auto; } .cptm-thumbnail-placeholder { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } .cptm-thumbnail-placeholder-icon { - font-size: 40px; - color: #d2d6db; + font-size: 40px; + color: #d2d6db; } .cptm-thumbnail-placeholder-icon svg { - width: 40px; - height: 40px; + width: 40px; + height: 40px; } .cptm-thumbnail-img-wrap { - position: relative; + position: relative; } .cptm-thumbnail-action { - display: inline-block; - position: absolute; - top: 0; - left: 0; - background-color: #c6c6c6; - padding: 5px 8px; - border-radius: 50%; - margin: 10px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + position: absolute; + top: 0; + left: 0; + background-color: #c6c6c6; + padding: 5px 8px; + border-radius: 50%; + margin: 10px; + cursor: pointer; + transition: all ease-in-out 300ms; } .cptm-sub-navigation { - padding: 0; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + padding: 0; + margin: 0; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; } .cptm-sub-nav__item { - list-style: none; - margin: 0; + list-style: none; + margin: 0; } .cptm-sub-nav__item-link { - display: block; - text-decoration: none; - padding: 12px 25px; - border-radius: 30px; - margin: 22px 5px; - color: #7a8289; - font-weight: 600; - background-color: #f1f2f6; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.cptm-sub-nav__item-link:hover, .cptm-sub-nav__item-link.active { - font-weight: 600; - color: #fff; - background: #3e62f5; + display: block; + text-decoration: none; + padding: 12px 25px; + border-radius: 30px; + margin: 22px 5px; + color: #7a8289; + font-weight: 600; + background-color: #f1f2f6; + transition: 0.3s ease; +} +.cptm-sub-nav__item-link:hover, +.cptm-sub-nav__item-link.active { + font-weight: 600; + color: #fff; + background: #3e62f5; } .cptm-sub-nav__item-link.active { - font-weight: bold; + font-weight: bold; } .cptm-builder-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - position: relative; + display: flex; + flex-wrap: wrap; + position: relative; } .cptm-options-area { - width: 300px; + width: 300px; } .cptm-option-card { - display: none; - margin-bottom: 10px; - opacity: 0; - border-radius: 5px; - text-align: right; - -webkit-transform-origin: center; - transform-origin: center; - -webkit-transition: all linear 300ms; - transition: all linear 300ms; - pointer-events: none; + display: none; + margin-bottom: 10px; + opacity: 0; + border-radius: 5px; + text-align: right; + transform-origin: center; + transition: all linear 300ms; + pointer-events: none; } .cptm-option-card.cptm-animation-flip { - -webkit-transform: rotate3d(0, -1, 0, -45deg); - transform: rotate3d(0, -1, 0, -45deg); + transform: rotate3d(0, -1, 0, -45deg); } .cptm-option-card.cptm-animation-slide-up { - -webkit-transform: translate(0, 30px); - transform: translate(0, 30px); + transform: translate(0, 30px); } .cptm-option-card.active { - display: block; - opacity: 1; - pointer-events: all; + display: block; + opacity: 1; + pointer-events: all; } .cptm-option-card.active.cptm-animation-flip { - -webkit-transform: rotate3d(0, 0, 0, 0deg); - transform: rotate3d(0, 0, 0, 0deg); + transform: rotate3d(0, 0, 0, 0deg); } .cptm-option-card.active.cptm-animation-slide-up { - -webkit-transform: translate(0, 0); - transform: translate(0, 0); + transform: translate(0, 0); } .cptm-anchor-down { - display: block; - text-align: center; - position: relative; - top: -1px; + display: block; + text-align: center; + position: relative; + top: -1px; } .cptm-anchor-down:after { - content: ""; - display: inline-block; - width: 0; - height: 0; - border-right: 15px solid transparent; - border-left: 15px solid transparent; - border-top: 15px solid #fff; + content: ""; + display: inline-block; + width: 0; + height: 0; + border-right: 15px solid transparent; + border-left: 15px solid transparent; + border-top: 15px solid #fff; } .cptm-header-action-link { - display: inline-block; - padding: 0 10px; - text-decoration: none; - color: #fff; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 0 10px; + text-decoration: none; + color: #fff; + transition: all ease-in-out 300ms; } .cptm-header-action-link:hover { - color: #fff; + color: #fff; } .cptm-option-card-header { - border-radius: 5px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - background-color: #3e62f5; + border-radius: 5px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + background-color: #3e62f5; } .cptm-option-card-header-title-section { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #fff; - min-height: 56px; - padding: 0 25px 0 15px; + display: flex; + align-items: center; + color: #fff; + min-height: 56px; + padding: 0 25px 0 15px; } .cptm-option-card-header-title { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin: 0; - text-align: right; - color: #fff; + flex-grow: 1; + margin: 0; + text-align: right; + color: #fff; } .cptm-header-action-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0 10px 0 0; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + padding: 0 10px 0 0; + justify-content: center; + align-items: center; } .cptm-option-card-header-nav-section { - display: block; + display: block; } .cptm-option-card-header-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - color: #fff; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0; - margin: 0; - background-color: rgba(255, 255, 255, 0.15); + display: flex; + color: #fff; + flex-wrap: wrap; + padding: 0; + margin: 0; + background-color: rgba(255, 255, 255, 0.15); } .cptm-option-card-header-nav-item { - display: block; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - padding: 8px 10px; - cursor: pointer; - margin-bottom: 0; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: block; + flex-grow: 1; + text-align: center; + padding: 8px 10px; + cursor: pointer; + margin-bottom: 0; + transition: all ease-in-out 300ms; } .cptm-option-card-header-nav-item.active { - background-color: rgba(255, 255, 255, 0.15); + background-color: rgba(255, 255, 255, 0.15); } .cptm-option-card-body { - padding: 18px 20px 20px; - border-radius: 5px; - border-top-left-radius: 0; - border-top-right-radius: 0; - -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); - box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); - background-color: #fff; - max-height: 500px; - overflow-y: auto; + padding: 18px 20px 20px; + border-radius: 5px; + border-top-left-radius: 0; + border-top-right-radius: 0; + box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2); + background-color: #fff; + max-height: 500px; + overflow-y: auto; } .cptm-option-card-body .cptm-form-group:last-child { - margin-bottom: 0; + margin-bottom: 0; } .cptm-option-card-body .directorist-type-icon-select { - margin-bottom: 20px; + margin-bottom: 20px; } .cptm-option-card-body .directorist-type-icon-select .icon-picker-selector { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .cptm-widget-insert-area { - position: absolute; - bottom: 0; - right: 50%; - z-index: 99; - -webkit-transform: translate(50%, 50%); - transform: translate(50%, 50%); + position: absolute; + bottom: 0; + right: 50%; + z-index: 99; + transform: translate(50%, 50%); } .cptm-widget-insert-wrap { - position: relative; + position: relative; } .cptm-widget-insert-modal-container { - position: absolute; - right: 50%; - top: 0; - width: 330px; - -webkit-transform: translate(50%, -100%); - transform: translate(50%, -100%); - pointer-events: none; + position: absolute; + right: 50%; + top: 0; + width: 330px; + transform: translate(50%, -100%); + pointer-events: none; } .cptm-widget-insert-modal-container.active { - pointer-events: all; + pointer-events: all; } .cptm-widget-insert-link { - display: inline-block; - width: 26px; - height: 26px; - line-height: 25px; - border-radius: 50%; - font-size: 14px; - text-align: center; - text-decoration: none; - background-color: #fff; - -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); - color: #5a5f7d; + display: inline-block; + width: 26px; + height: 26px; + line-height: 25px; + border-radius: 50%; + font-size: 14px; + text-align: center; + text-decoration: none; + background-color: #fff; + box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + color: #5a5f7d; } .cptm-listing-card-preview-body .cptm-widget-insert-link, .cptm-listing-card-preview-footer .cptm-widget-insert-link { - background: #23282d; - color: #fff; + background: #23282d; + color: #fff; } .cptm-widget-card-drop-prepend { - border-radius: 8px; + border-radius: 8px; } .cptm-widget-card-drop-append { - display: block; - width: 100%; - height: 0; - border-radius: 8px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: transparent; - border: 1px dashed transparent; + display: block; + width: 100%; + height: 0; + border-radius: 8px; + transition: all ease-in-out 300ms; + background-color: transparent; + border: 1px dashed transparent; } .cptm-widget-card-drop-append.dropable { - margin: 3px 0; - height: 10px; - border-color: cornflowerblue; + margin: 3px 0; + height: 10px; + border-color: cornflowerblue; } .cptm-widget-card-drop-append.drag-enter { - background-color: cornflowerblue; + background-color: cornflowerblue; } .cptm-widget-card-wrap { - visibility: visible; + visibility: visible; } .cptm-widget-card-inline-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - vertical-align: top; + display: inline-flex; + vertical-align: top; } .cptm-widget-card-inline-wrap .cptm-widget-card { - display: inline-block; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + display: inline-block; + flex: 1; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append { - display: inline-block; - width: 0; - height: auto; + display: inline-block; + width: 0; + height: auto; } .cptm-widget-card-inline-wrap .cptm-widget-card-drop-append.dropable { - margin: 0 3px; - width: 10px; - max-width: 10px; + margin: 0 3px; + width: 10px; + max-width: 10px; } .cptm-list-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 5px; - color: gray; - font-weight: 600; - font-size: 16px; + display: flex; + padding: 5px; + color: gray; + font-weight: 600; + font-size: 16px; } .cptm-list-item .cptm-list-item-icon { - width: 25px; + width: 25px; } .cptm-list-item .cptm-list-item-label { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-list-item-card { - display: block; + display: block; } .cptm-widget-badge { - display: inline-block; - text-align: center; - color: #fff; - border-radius: 5px; - font-size: 11px; - padding: 2px 8px; - margin: 2px; - font-weight: 700; - background-color: rgba(255, 255, 255, 0.2); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - position: relative; + display: inline-block; + text-align: center; + color: #fff; + border-radius: 5px; + font-size: 11px; + padding: 2px 8px; + margin: 2px; + font-weight: 700; + background-color: rgba(255, 255, 255, 0.2); + transition: 0.3s ease; + position: relative; } .cptm-preview-area { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-preview-wrapper { - display: -webkit-box !important; - display: -webkit-flex !important; - display: -ms-flexbox !important; - display: flex !important; - gap: 25px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex !important; + gap: 25px; + align-items: center; + justify-content: space-between; } .cptm-preview-wrapper .cptm-preview-radio-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - max-width: 300px; + display: flex; + flex-direction: column; + flex: 0 0 auto; + max-width: 300px; } .cptm-preview-wrapper .cptm-preview-area-archive img { - max-height: 100px; + max-height: 100px; } .cptm-widget-thumb .cptm-widget-thumb-icon i { - font-size: 80px; - opacity: 0.1; + font-size: 80px; + opacity: 0.1; } .cptm-widget-thumb .cptm-widget-label { - font-size: 13px; - font-weight: 500; - color: #868eae; + font-size: 13px; + font-weight: 500; + color: #868eae; } .cptm-placeholder-blcok { - padding: 2px; - position: relative; - min-height: 54px; - border: 2px dashed rgba(255, 255, 255, 0.15); - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 4px; - z-index: 99; + padding: 2px; + position: relative; + min-height: 54px; + border: 2px dashed rgba(255, 255, 255, 0.15); + transition: all ease-in-out 300ms; + box-sizing: border-box; + border-radius: 4px; + z-index: 99; } -.cptm-placeholder-blcok:hover, .cptm-placeholder-blcok.drag-enter { - border-color: rgb(255, 255, 255); +.cptm-placeholder-blcok:hover, +.cptm-placeholder-blcok.drag-enter { + border-color: rgb(255, 255, 255); } .cptm-placeholder-label { - margin: 0; - text-align: center; - margin-bottom: 0; - text-align: center; - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - z-index: 0; - color: rgba(255, 255, 255, 0.4); - font-size: 13px; + margin: 0; + text-align: center; + margin-bottom: 0; + text-align: center; + position: absolute; + right: 50%; + top: 50%; + transform: translate(50%, -50%); + z-index: 0; + color: rgba(255, 255, 255, 0.4); + font-size: 13px; } .cptm-placeholder-label.hide { - display: none; + display: none; } .cptm-listing-card-preview-footer .cptm-placeholder-label { - color: #868eae; + color: #868eae; } .cptm-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 100%; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + height: 100%; + flex-wrap: wrap; + justify-content: center; + align-items: center; } .cptm-center-content.cptm-content-wide * { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .cptm-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .cptm-listing-card-body-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .cptm-align-left { - text-align: right; + text-align: right; } .cptm-listing-card-body-header-left { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-listing-card-body-header-right { - width: 100px; - margin-right: 10px; + width: 100px; + margin-right: 10px; } .cptm-card-preview-area-wrap { - max-width: 450px; - margin: 0 auto; + max-width: 450px; + margin: 0 auto; } .cptm-card-preview-widget { - max-width: 450px; - margin: 0 auto; - border-radius: 8px; - -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); - background-color: #fff; + max-width: 450px; + margin: 0 auto; + border-radius: 8px; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); + background-color: #fff; } .cptm-card-preview-widget.cptm-card-list-view { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - max-width: 100%; + display: flex; + flex-wrap: wrap; + max-width: 100%; } .cptm-card-preview-widget.cptm-card-list-view .cptm-card-preview-thumbnail { - height: 100%; + height: 100%; } -.cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { - min-width: 320px; - min-height: 300px; +.cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header { + min-width: 320px; + min-height: 300px; } @media (max-width: 400px) { - .cptm-card-preview-widget.cptm-card-list-view .cptm-listing-card-preview-header { - min-width: 100%; - } + .cptm-card-preview-widget.cptm-card-list-view + .cptm-listing-card-preview-header { + min-width: 100%; + } } .cptm-field-wraper-key-single_listing_header .cptm-card-preview-area-wrap, .cptm-field-wraper-key-single_listing_header .cptm-card-preview-widget { - max-width: 750px; + max-width: 750px; } .cptm-listing-card-preview-header { - display: block; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + display: block; + flex-grow: 1; } .cptm-listing-card-content { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-card-preview-thumbnail { - position: relative; - height: 280px; - background: #272b41; - border-radius: 5px 5px 0 0; + position: relative; + height: 280px; + background: #272b41; + border-radius: 5px 5px 0 0; } .cptm-card-preview-thumbnail-overlay { - position: relative; - height: 100%; - padding: 20px 10px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + height: 100%; + padding: 20px 10px; + box-sizing: border-box; } .cptm-card-preview-thumbnail-placeholer { - height: 100%; + height: 100%; } .cptm-card-preview-thumbnail-placeholder { - height: 100%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + height: 100%; + text-align: center; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; } .cptm-listing-card-preview-quick-info-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } .cptm-card-preview-thumbnail-bg { - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - font-size: 72px; - color: #7b7d8b; + position: absolute; + right: 50%; + top: 50%; + transform: translate(50%, -50%); + font-size: 72px; + color: #7b7d8b; } .cptm-card-preview-thumbnail-bg span { - color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.1); } .cptm-card-preview-top-left { - width: calc(50% - 30px); - position: absolute; - top: 20px; - right: 20px; + width: calc(50% - 30px); + position: absolute; + top: 20px; + right: 20px; } .cptm-card-preview-top-left-placeholder { - display: block; - text-align: right; + display: block; + text-align: right; } .cptm-card-preview-top-right { - position: absolute; - left: 20px; - top: 20px; - width: calc(50% - 30px); + position: absolute; + left: 20px; + top: 20px; + width: calc(50% - 30px); } .cptm-card-preview-top-right-placeholder { - text-align: left; + text-align: left; } .cptm-card-preview-bottom-left { - position: absolute; - width: calc(50% - 30px); - bottom: 53px; - right: 20px; + position: absolute; + width: calc(50% - 30px); + bottom: 53px; + right: 20px; } .cptm-card-preview-bottom-left-placeholder { - display: block; - text-align: right; + display: block; + text-align: right; } .cptm-card-preview-bottom-right { - position: absolute; - bottom: 53px; - left: 20px; - width: calc(50% - 30px); + position: absolute; + bottom: 53px; + left: 20px; + width: calc(50% - 30px); } .cptm-card-preview-bottom-right-placeholder { - display: block; - text-align: left; + display: block; + text-align: left; } .cptm-listing-card-preview-body { - display: block; - padding: 35px 20px 20px; - position: relative; + display: block; + padding: 35px 20px 20px; + position: relative; } .cptm-listing-card-author-avatar { - z-index: 99; - position: absolute; - right: 50%; - top: 0; - width: calc(100% - 40px); - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); + z-index: 99; + position: absolute; + right: 50%; + top: 0; + width: calc(100% - 40px); + transform: translate(50%, -50%); } .cptm-listing-card-author-avatar .cptm-placeholder-blcok { - padding: 0; - height: 51px; - min-height: auto; - text-align: center; - border-color: rgba(198, 208, 220, 0.5); + padding: 0; + height: 51px; + min-height: auto; + text-align: center; + border-color: rgba(198, 208, 220, 0.5); } -.cptm-listing-card-author-avatar .cptm-widget-insert-area .cptm-widget-insert-link { - background-color: #fff; - color: #5a5f7d; +.cptm-listing-card-author-avatar + .cptm-widget-insert-area + .cptm-widget-insert-link { + background-color: #fff; + color: #5a5f7d; } .cptm-placeholder-author-thumb { - margin: 0; + margin: 0; } .cptm-placeholder-author-thumb img { - width: 40px; - height: 40px; - border-radius: 50%; - -o-object-fit: cover; - object-fit: cover; - background-color: #c6d0dc; - border: 4px solid #fff; + width: 40px; + height: 40px; + border-radius: 50%; + object-fit: cover; + background-color: #c6d0dc; + border: 4px solid #fff; } .cptm-placeholder-author-thumb-wrapper { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: #c6d0dc; - border: 4px solid #fff; - color: white; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + width: 40px; + height: 40px; + border-radius: 50%; + background-color: #c6d0dc; + border: 4px solid #fff; + color: white; + display: inline-flex; + align-items: center; + justify-content: center; } .cptm-placeholder-author-thumb-wrapper svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .cptm-widget-title-card { - margin-bottom: 10px; - padding: 10px; - text-align: right; - color: #bfbfbf; - font-weight: bold; - font-size: 18px; + margin-bottom: 10px; + padding: 10px; + text-align: right; + color: #bfbfbf; + font-weight: bold; + font-size: 18px; } .cptm-has-widget-control { - position: relative; + position: relative; } .cptm-has-widget-control:hover .cptm-widget-control-wrap { - visibility: visible; - pointer-events: all; - opacity: 1; + visibility: visible; + pointer-events: all; + opacity: 1; } .cptm-form-group-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .cptm-form-group-col { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-flex-basis: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; + flex-grow: 1; + flex-basis: 50%; } .cptm-form-group-info { - color: gray; - margin-bottom: 5px; + color: gray; + margin-bottom: 5px; } .cptm-widget-actions-tools { - position: absolute; - width: 75px; - background-color: #2c99ff; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - top: -40px; - padding: 5px; - border: 3px solid #2c99ff; - border-radius: 1px 1px 0 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 9999; + position: absolute; + width: 75px; + background-color: #2c99ff; + right: 50%; + transform: translateX(50%); + top: -40px; + padding: 5px; + border: 3px solid #2c99ff; + border-radius: 1px 1px 0 0; + display: flex; + align-items: center; + justify-content: center; + visibility: hidden; + opacity: 0; + pointer-events: none; + transition: 0.3s ease; + z-index: 9999; } .cptm-widget-actions-tools a { - padding: 0 6px; - font-size: 12px; - color: #fff; + padding: 0 6px; + font-size: 12px; + color: #fff; } .cptm-widget-actions-tools-wrap:before { - position: absolute; - content: ""; - width: 100%; - height: 100%; - right: -8px; - top: -8px; - border: 3px solid #2c99ff; - padding: 5px; - visibility: hidden; - opacity: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 1; + position: absolute; + content: ""; + width: 100%; + height: 100%; + right: -8px; + top: -8px; + border: 3px solid #2c99ff; + padding: 5px; + visibility: hidden; + opacity: 0; + transition: 0.3s ease; + z-index: 1; } .cptm-widget-actions-tools-wrap:hover .cptm-widget-actions-tools { - visibility: visible; - opacity: 1; - pointer-events: all; + visibility: visible; + opacity: 1; + pointer-events: all; } .cptm-widget-actions-tools-wrap:hover:before { - visibility: visible; - opacity: 1; + visibility: visible; + opacity: 1; } .cptm-widget-control-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - visibility: hidden; - opacity: 0; - position: absolute; - right: 0; - left: 0; - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - top: 1px; - pointer-events: none; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - z-index: 99; + display: flex; + visibility: hidden; + opacity: 0; + position: absolute; + right: 0; + left: 0; + width: 100%; + justify-content: center; + align-items: center; + top: 1px; + pointer-events: none; + transition: all ease-in-out 300ms; + z-index: 99; } .cptm-widget-control { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding-bottom: 10px; - -webkit-transform: translate(0%, -100%); - transform: translate(0%, -100%); + display: flex; + padding-bottom: 10px; + transform: translate(0%, -100%); } .cptm-widget-control::after { - content: ""; - display: inline-block; - margin: 0 auto; - border-right: 10px solid transparent; - border-left: 10px solid transparent; - border-top: 10px solid #3e62f5; - position: absolute; - bottom: 2px; - right: 50%; - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); - z-index: -1; + content: ""; + display: inline-block; + margin: 0 auto; + border-right: 10px solid transparent; + border-left: 10px solid transparent; + border-top: 10px solid #3e62f5; + position: absolute; + bottom: 2px; + right: 50%; + transform: translate(50%, 0); + z-index: -1; } .cptm-widget-control .cptm-widget-control-action:first-child { - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; } .cptm-widget-control .cptm-widget-control-action:last-child { - border-top-left-radius: 5px; - border-bottom-left-radius: 5px; + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; } .hide { - display: none; + display: none; } .cptm-widget-control-action { - display: inline-block; - padding: 5px 8px; - color: #fff; - font-size: 12px; - cursor: pointer; - background-color: #3e62f5; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 5px 8px; + color: #fff; + font-size: 12px; + cursor: pointer; + background-color: #3e62f5; + transition: all ease-in-out 300ms; } .cptm-widget-control-action:hover { - background-color: #0e3bf2; + background-color: #0e3bf2; } .cptm-listing-card-preview-body-placeholder { - display: block; - padding: 10px; - min-height: 206px; - border-color: #e3e6ef; + display: block; + padding: 10px; + min-height: 206px; + border-color: #e3e6ef; } -.cptm-listing-card-preview-body-placeholder:hover, .cptm-listing-card-preview-body-placeholder.drag-enter { - border-color: #717171; +.cptm-listing-card-preview-body-placeholder:hover, +.cptm-listing-card-preview-body-placeholder.drag-enter { + border-color: #717171; } .cptm-listing-card-preview-body-placeholder .cptm-placeholder-label { - color: #a1a8c6; + color: #a1a8c6; } .cptm-listing-card-preview-footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 20px; - background-color: #f4f5f7; - border-radius: 0 0 5px 5px; + display: flex; + flex-wrap: wrap; + padding: 20px; + background-color: #f4f5f7; + border-radius: 0 0 5px 5px; } .cptm-listing-card-preview-footer-left-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-left: 5px; - border-color: #c6d0dc; - width: calc(50% - 10px); - text-align: right; + flex-grow: 1; + margin-left: 5px; + border-color: #c6d0dc; + width: calc(50% - 10px); + text-align: right; } -.cptm-listing-card-preview-footer-left-placeholder:hover, .cptm-listing-card-preview-footer-left-placeholder.drag-enter { - border-color: #1e1e1e; +.cptm-listing-card-preview-footer-left-placeholder:hover, +.cptm-listing-card-preview-footer-left-placeholder.drag-enter { + border-color: #1e1e1e; } .cptm-listing-card-preview-footer-right-placeholder { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - border-color: #c6d0dc; - width: calc(50% - 10px); - text-align: left; + flex-grow: 1; + border-color: #c6d0dc; + width: calc(50% - 10px); + text-align: left; } -.cptm-listing-card-preview-footer-right-placeholder:hover, .cptm-listing-card-preview-footer-right-placeholder.drag-enter { - border-color: #1e1e1e; +.cptm-listing-card-preview-footer-right-placeholder:hover, +.cptm-listing-card-preview-footer-right-placeholder.drag-enter { + border-color: #1e1e1e; } .cptm-listing-card-preview-footer-right-placeholder .cptm-widget-preview-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + justify-content: flex-end; + align-items: center; } .cptm-card-light.cptm-placeholder-blcok { - border-color: #c6d0dc; + border-color: #c6d0dc; } -.cptm-card-light.cptm-placeholder-blcok:hover, .cptm-card-light.cptm-placeholder-blcok.drag-enter { - border-color: #1e1e1e; +.cptm-card-light.cptm-placeholder-blcok:hover, +.cptm-card-light.cptm-placeholder-blcok.drag-enter { + border-color: #1e1e1e; } .cptm-card-light .cptm-placeholder-label { - color: #23282d; + color: #23282d; } .cptm-card-light .cptm-widget-badge { - color: #969db8; - background-color: #eff0f3; + color: #969db8; + background-color: #eff0f3; } .cptm-card-dark-light .cptm-placeholder-label { - padding: 5px 12px; - color: #888; - border-radius: 30px; - background-color: #fff; + padding: 5px 12px; + color: #888; + border-radius: 30px; + background-color: #fff; } .cptm-card-dark-light .cptm-widget-badge { - background-color: rgba(0, 0, 0, 0.8); + background-color: rgba(0, 0, 0, 0.8); } .cptm-widgets-container { - overflow: hidden; - border: 1px solid rgba(0, 0, 0, 0.1); - background-color: #fff; + overflow: hidden; + border: 1px solid rgba(0, 0, 0, 0.1); + background-color: #fff; } .cptm-widgets-header { - display: block; + display: block; } .cptm-widget-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0; + display: flex; + flex-wrap: wrap; + margin: 0; } .cptm-widget-nav-item { - display: inline-block; - margin: 0; - padding: 12px 10px; - cursor: pointer; - -webkit-flex-basis: 33.3333333333%; - -ms-flex-preferred-size: 33.3333333333%; - flex-basis: 33.3333333333%; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; - color: #8a8a8a; - border-left: 1px solid #e3e1e1; - background-color: #f2f2f2; + display: inline-block; + margin: 0; + padding: 12px 10px; + cursor: pointer; + flex-basis: 33.3333333333%; + flex-grow: 1; + text-align: center; + box-sizing: border-box; + cursor: pointer; + color: #8a8a8a; + border-left: 1px solid #e3e1e1; + background-color: #f2f2f2; } .cptm-widget-nav-item:last-child { - border-left: none; + border-left: none; } .cptm-widget-nav-item:hover { - color: #2b2b2b; + color: #2b2b2b; } .cptm-widget-nav-item.active { - font-weight: bold; - color: #2b2b2b; - background-color: #fff; + font-weight: bold; + color: #2b2b2b; + background-color: #fff; } .cptm-widgets-body { - padding: 10px; - max-height: 450px; - overflow: hidden; - overflow-y: auto; + padding: 10px; + max-height: 450px; + overflow: hidden; + overflow-y: auto; } .cptm-widgets-list { - display: block; - margin: 0; + display: block; + margin: 0; } .cptm-widgets-list-item { - display: block; + display: block; } .widget-group-title { - margin: 0 0 5px; - font-size: 16px; - color: #bbb; + margin: 0 0 5px; + font-size: 16px; + color: #bbb; } .cptm-widgets-sub-list { - display: block; - margin: 0; + display: block; + margin: 0; } .cptm-widgets-sub-list-item { - display: block; - padding: 10px 15px; - background-color: #eee; - border-radius: 5px; - margin-bottom: 10px; - cursor: move; + display: block; + padding: 10px 15px; + background-color: #eee; + border-radius: 5px; + margin-bottom: 10px; + cursor: move; } .widget-icon { - display: inline-block; - margin-left: 5px; + display: inline-block; + margin-left: 5px; } .widget-label { - display: inline-block; + display: inline-block; } .cptm-form-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-form-group label { - display: block; - font-size: 14px; - font-weight: 500; - color: #2c3239; - margin-bottom: 9px; + display: block; + font-size: 14px; + font-weight: 500; + color: #2c3239; + margin-bottom: 9px; } .cptm-form-group label .cptm-sub-label { - font-weight: 400; - color: #747c89; - margin: 0; + font-weight: 400; + color: #747c89; + margin: 0; } .cptm-form-group .cptm-form-control { - max-width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; + max-width: 100%; + box-sizing: border-box; } .cptm-form-group.cptm-form-content { - text-align: center; - margin-bottom: 0; + text-align: center; + margin-bottom: 0; } .cptm-form-group.cptm-form-content .cptm-form-content-select { - text-align: right; + text-align: right; } .cptm-form-group.cptm-form-content .cptm-form-content-title { - font-size: 16px; - line-height: 22px; - font-weight: 600; - color: #191b23; - margin: 0 0 8px; + font-size: 16px; + line-height: 22px; + font-weight: 600; + color: #191b23; + margin: 0 0 8px; } .cptm-form-group.cptm-form-content .cptm-form-content-desc { - font-size: 12px; - line-height: 18px; - font-weight: 400; - color: #747c89; - margin: 0; + font-size: 12px; + line-height: 18px; + font-weight: 400; + color: #747c89; + margin: 0; } .cptm-form-group.cptm-form-content .cptm-form-content-icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 40px; - margin: 0 0 12px; + display: inline-flex; + align-items: center; + justify-content: center; + font-size: 40px; + margin: 0 0 12px; } .cptm-form-group.cptm-form-content .cptm-form-content-btn { - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 30px; - font-size: 12px; - line-height: 14px; - font-weight: 500; - margin: 8px auto 0; - color: #3e62f5; - background: transparent; - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - cursor: pointer; + position: relative; + display: inline-flex; + gap: 6px; + align-items: center; + justify-content: center; + height: 30px; + font-size: 12px; + line-height: 14px; + font-weight: 500; + margin: 8px auto 0; + color: #3e62f5; + background: transparent; + border: none; + outline: none; + box-shadow: none; + cursor: pointer; } .cptm-form-group.cptm-form-content .cptm-form-content-btn:before { - content: ""; - position: absolute; - width: 0; - height: 1px; - right: 0; - bottom: 8px; - background-color: #3e62f5; - -webkit-transition: width ease-in-out 300ms; - transition: width ease-in-out 300ms; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, .cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before { - width: 100%; + content: ""; + position: absolute; + width: 0; + height: 1px; + right: 0; + bottom: 8px; + background-color: #3e62f5; + transition: width ease-in-out 300ms; +} +.cptm-form-group.cptm-form-content .cptm-form-content-btn:hover:before, +.cptm-form-group.cptm-form-content .cptm-form-content-btn:focus:before { + width: 100%; } .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled { - pointer-events: none; + pointer-events: none; } -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-btn-disabled:before { - display: none; +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-btn-disabled:before { + display: none; } .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - color: #747c89; - height: auto; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:before { - display: none; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:hover, .cptm-form-group.cptm-form-content .cptm-form-content-btn.cptm-form-loader:focus { - color: #3e62f5; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-icon { - font-size: 14px; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-loader { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.cptm-form-group.cptm-form-content .cptm-form-content-btn .cptm-form-content-btn-loader i { - font-size: 15px; + display: flex; + color: #747c89; + height: auto; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:before { + display: none; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:hover, +.cptm-form-group.cptm-form-content + .cptm-form-content-btn.cptm-form-loader:focus { + color: #3e62f5; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-icon { + font-size: 14px; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-loader { + display: inline-flex; + gap: 6px; + align-items: center; + justify-content: center; +} +.cptm-form-group.cptm-form-content + .cptm-form-content-btn + .cptm-form-content-btn-loader + i { + font-size: 15px; } .cptm-form-group.tab-field .cptm-preview-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 0; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + gap: 0; + flex-direction: column; } .cptm-form-group.cpt-has-error .cptm-form-control { - border: 1px solid rgb(192, 51, 51); + border: 1px solid rgb(192, 51, 51); } .cptm-preview-image-upload { - width: 350px; - max-width: 100%; - height: 224px; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - border-radius: 10px; - position: relative; - overflow: hidden; + width: 350px; + max-width: 100%; + height: 224px; + flex-shrink: 0; + border-radius: 10px; + position: relative; + overflow: hidden; } .cptm-preview-image-upload:not(.cptm-preview-image-upload--show) { - border: 2px dashed #d2d6db; - background: #f9fafb; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail { - max-width: 100%; - width: 100%; - height: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-action { - display: none; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-img-wrap img { - width: 40px; - height: 40px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 4px; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 8px 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - background: #141921; - color: #fff; - text-align: center; - font-size: 13px; - font-weight: 500; - line-height: 14px; - margin-top: 20px; - margin-bottom: 12px; - cursor: pointer; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn input { - background-color: transparent; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - color: white; - padding: 0; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-upload-btn i { - font-size: 14px; - color: inherit; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .directorist-row-tooltip[data-tooltip]:before, .cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .directorist-row-tooltip[data-tooltip]:after { - opacity: 0; -} -.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) .cptm-thumbnail .cptm-thumbnail-drag-text { - color: #747c89; - font-size: 14px; - font-weight: 400; - line-height: 16px; - text-transform: capitalize; + border: 2px dashed #d2d6db; + background: #f9fafb; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail { + max-width: 100%; + width: 100%; + height: 100%; + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-action { + display: none; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-img-wrap + img { + width: 40px; + height: 40px; + object-fit: cover; + border-radius: 4px; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn { + display: inline-flex; + padding: 8px 12px; + justify-content: center; + align-items: center; + gap: 6px; + border-radius: 8px; + background: #141921; + color: #fff; + text-align: center; + font-size: 13px; + font-weight: 500; + line-height: 14px; + margin-top: 20px; + margin-bottom: 12px; + cursor: pointer; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn + input { + background-color: transparent; + border: none; + box-shadow: none; + color: white; + padding: 0; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-upload-btn + i { + font-size: 14px; + color: inherit; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .directorist-row-tooltip[data-tooltip]:before, +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .directorist-row-tooltip[data-tooltip]:after { + opacity: 0; +} +.cptm-preview-image-upload:not(.cptm-preview-image-upload--show) + .cptm-thumbnail + .cptm-thumbnail-drag-text { + color: #747c89; + font-size: 14px; + font-weight: 400; + line-height: 16px; + text-transform: capitalize; } .cptm-preview-image-upload.cptm-preview-image-upload--show { - margin-bottom: 0; - height: 100%; + margin-bottom: 0; + height: 100%; } .cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail { - margin: 0; - position: relative; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail:after { - content: ""; - position: absolute; - width: 100%; - height: 100%; - top: 0; - right: 0; - background: -webkit-gradient(linear, right top, right bottom, from(rgba(0, 0, 0, 0.6)), color-stop(35.42%, rgba(0, 0, 0, 0))); - background: linear-gradient(-180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 35.42%); - z-index: 1; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail .action-trash ~ .cptm-upload-btn { - left: 52px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-action { - margin: 0; - background-color: white; - width: 32px; - height: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - padding: 0; - top: 12px; - left: 12px; - border-radius: 8px; - font-size: 16px; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-drag-text { - display: none; + margin: 0; + position: relative; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail:after { + content: ""; + position: absolute; + width: 100%; + height: 100%; + top: 0; + right: 0; + background: linear-gradient( + -180deg, + rgba(0, 0, 0, 0.6) 0%, + rgba(0, 0, 0, 0) 35.42% + ); + z-index: 1; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail + .action-trash + ~ .cptm-upload-btn { + left: 52px; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-action { + margin: 0; + background-color: white; + width: 32px; + height: 32px; + display: flex; + align-items: center; + justify-content: center; + padding: 0; + top: 12px; + left: 12px; + border-radius: 8px; + font-size: 16px; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-drag-text { + display: none; } .cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn { - position: absolute; - top: 12px; - left: 12px; - max-width: 32px !important; - width: 32px; - max-height: 32px; - height: 32px; - background-color: white; - padding: 0; - border-radius: 8px; - margin: 10px; - cursor: pointer; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - z-index: 2; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn input { - display: none; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-upload-btn i::before { - content: "\ea57"; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .directorist-row-tooltip[data-tooltip]:after { - background-color: white; - color: #141921; - opacity: 1; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .directorist-row-tooltip[data-tooltip][data-flow=bottom]::before { - border-bottom-color: white; -} -.cptm-preview-image-upload.cptm-preview-image-upload--show .cptm-thumbnail-action { - z-index: 2; + position: absolute; + top: 12px; + left: 12px; + max-width: 32px !important; + width: 32px; + max-height: 32px; + height: 32px; + background-color: white; + padding: 0; + border-radius: 8px; + margin: 10px; + cursor: pointer; + transition: all ease-in-out 300ms; + margin: 0; + display: flex; + align-items: center; + justify-content: center; + z-index: 2; + box-sizing: border-box; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-upload-btn + input { + display: none; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-upload-btn + i::before { + content: "\ea57"; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .directorist-row-tooltip[data-tooltip]:after { + background-color: white; + color: #141921; + opacity: 1; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .directorist-row-tooltip[data-tooltip][data-flow="bottom"]::before { + border-bottom-color: white; +} +.cptm-preview-image-upload.cptm-preview-image-upload--show + .cptm-thumbnail-action { + z-index: 2; } .cptm-form-group-feedback { - display: block; + display: block; } .cptm-form-alert { - padding: 0 0 10px; - color: #06d6a0; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + padding: 0 0 10px; + color: #06d6a0; + transition: all ease-in-out 300ms; } .cptm-form-alert.cptm-error { - color: #c82424; + color: #c82424; } .cptm-input-toggle-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + align-items: center; } .cptm-input-toggle-wrap label { - padding-left: 10px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - margin-bottom: 0; + padding-left: 10px; + flex-grow: 1; + margin-bottom: 0; } .cptm-input-toggle { - display: inline-block; - position: relative; - width: 36px; - height: 20px; - background-color: #d9d9d9; - border-radius: 30px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - cursor: pointer; + display: inline-block; + position: relative; + width: 36px; + height: 20px; + background-color: #d9d9d9; + border-radius: 30px; + transition: all ease-in-out 300ms; + cursor: pointer; } .cptm-input-toggle::after { - content: ""; - display: inline-block; - width: 30%; - height: calc(100% - 10px); - background-color: #fff; - border-radius: 50%; - position: absolute; - top: 0; - right: 0; - margin: 5px; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + content: ""; + display: inline-block; + width: 30%; + height: calc(100% - 10px); + background-color: #fff; + border-radius: 50%; + position: absolute; + top: 0; + right: 0; + margin: 5px; + transition: all ease-in-out 300ms; } .cptm-input-toggle.active { - background-color: #3e62f5; + background-color: #3e62f5; } .cptm-input-toggle.active::after { - right: 100%; - -webkit-transform: translateX(calc(-1*(-100% - 10px))); - transform: translateX(calc(-1*(-100% - 10px))); + right: 100%; + transform: translateX(calc(-1 * (-100% - 10px))); } .cptm-multi-option-group { - display: block; - margin-bottom: 20px; + display: block; + margin-bottom: 20px; } .cptm-multi-option-group .cptm-btn { - margin: 0; + margin: 0; } .cptm-multi-option-label { - display: block; + display: block; } .cptm-multi-option-group-section-draft { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -8px; + display: flex; + flex-wrap: wrap; + margin: -8px; } .cptm-multi-option-group-section-draft .cptm-form-group { - margin: 0 8px 20px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + margin: 0 8px 20px; + flex: 1; } .cptm-multi-option-group-section-draft .cptm-form-group .cptm-form-control { - width: 100%; + width: 100%; } .cptm-multi-option-group-section-draft .cptm-form-group.cpt-has-error { - position: relative; + position: relative; } .cptm-multi-option-group-section-draft p { - margin: 28px 8px 20px; + margin: 28px 8px 20px; } .cptm-label { - display: block; - margin-bottom: 10px; - font-weight: 500; + display: block; + margin-bottom: 10px; + font-weight: 500; } .form-repeater__container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 8px; + display: flex; + flex-direction: column; + gap: 8px; } .form-repeater__group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 16px; - position: relative; + display: flex; + align-items: center; + gap: 16px; + position: relative; } .form-repeater__group.sortable-chosen .form-repeater__input { - background: #e1e4e8 !important; - border: 1px solid #d1d5db !important; - -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; - box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; -} -.form-repeater__remove-btn, .form-repeater__drag-btn { - color: #4d5761; - background: transparent; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - outline: none; - padding: 0; - margin: 0; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; -} -.form-repeater__remove-btn:disabled, .form-repeater__drag-btn:disabled { - cursor: not-allowed; - opacity: 0.6; -} -.form-repeater__remove-btn svg, .form-repeater__drag-btn svg { - width: 12px; - height: 12px; -} -.form-repeater__remove-btn i, .form-repeater__drag-btn i { - font-size: 16px; - margin: 0; - padding: 0; + background: #e1e4e8 !important; + border: 1px solid #d1d5db !important; + box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.01) !important; } +.form-repeater__remove-btn, .form-repeater__drag-btn { - cursor: move; - position: absolute; - right: 0; + color: #4d5761; + background: transparent; + border: none; + box-shadow: none; + outline: none; + padding: 0; + margin: 0; + transition: all 0.3s ease; +} +.form-repeater__remove-btn:disabled, +.form-repeater__drag-btn:disabled { + cursor: not-allowed; + opacity: 0.6; +} +.form-repeater__remove-btn svg, +.form-repeater__drag-btn svg { + width: 12px; + height: 12px; +} +.form-repeater__remove-btn i, +.form-repeater__drag-btn i { + font-size: 16px; + margin: 0; + padding: 0; +} +.form-repeater__drag-btn { + cursor: move; + position: absolute; + right: 0; } .form-repeater__remove-btn { - cursor: pointer; - position: absolute; - left: 0; + cursor: pointer; + position: absolute; + left: 0; } .form-repeater__remove-btn:hover { - color: #c83a3a; + color: #c83a3a; } .form-repeater__input { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - height: 40px; - padding: 5px 16px; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - border-radius: 8px; - border: 1px solid var(--Gray-200, #e5e7eb); - background: white; - -webkit-box-shadow: 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); - box-shadow: 0px 1px 2px 0px var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); - color: #2c3239; - outline: none; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - margin: 0 32px; - overflow: hidden; - -ms-text-overflow: ellipsis; - text-overflow: ellipsis; + flex: 1; + height: 40px; + padding: 5px 16px; + flex-shrink: 0; + border-radius: 8px; + border: 1px solid var(--Gray-200, #e5e7eb); + background: white; + box-shadow: 0px 1px 2px 0px + var(--Colors-Effects-Shadows-shadow-xs, rgba(16, 24, 40, 0.05)); + color: #2c3239; + outline: none; + transition: all 0.3s ease; + margin: 0 32px; + overflow: hidden; + -o-text-overflow: ellipsis; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; } .form-repeater__input-value-added { - background: var(--Gray-50, #f9fafb); - border-color: #e5e7eb; + background: var(--Gray-50, #f9fafb); + border-color: #e5e7eb; } .form-repeater__input:focus { - background: var(--Gray-50, #f9fafb); - border-color: #3e62f5; -} -.form-repeater__input::-webkit-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; -} -.form-repeater__input::-moz-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; -} -.form-repeater__input:-ms-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; -} -.form-repeater__input::-ms-input-placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + background: var(--Gray-50, #f9fafb); + border-color: #3e62f5; } .form-repeater__input::placeholder { - color: var(--Gray-500, #747c89); - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 16.24px; + color: var(--Gray-500, #747c89); + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 16.24px; } .form-repeater__add-group-btn { - font-size: 12px; - font-weight: 600; - color: #2e94fa; - background: transparent; - border: none; - padding: 0; - text-decoration: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - cursor: pointer; - letter-spacing: 0.12px; - margin: 17px 32px 0; - padding: 0; + font-size: 12px; + font-weight: 600; + color: #2e94fa; + background: transparent; + border: none; + padding: 0; + text-decoration: none; + display: flex; + align-items: center; + gap: 6px; + cursor: pointer; + letter-spacing: 0.12px; + margin: 17px 32px 0; + padding: 0; } .form-repeater__add-group-btn:disabled { - cursor: not-allowed; - opacity: 0.6; + cursor: not-allowed; + opacity: 0.6; } .form-repeater__add-group-btn svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .form-repeater__add-group-btn i { - font-size: 16px; + font-size: 16px; } /* Style the video popup */ .video-popup-overlay { - position: fixed; - top: 0; - left: 0; - width: calc(100% - 160px); - height: 100%; - background: rgba(0, 0, 0, 0.8); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 9999; + position: fixed; + top: 0; + left: 0; + width: calc(100% - 160px); + height: 100%; + background: rgba(0, 0, 0, 0.8); + display: flex; + justify-content: center; + align-items: center; + z-index: 9999; } .video-popup-content { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + position: relative; + display: flex; + justify-content: center; + align-items: center; } .video-popup-content video { - width: 100%; - max-width: 500px; + width: 100%; + max-width: 500px; } .close-btn { - position: absolute; - top: 40px; - left: 40px; - background: transparent; - border: none; - font-size: 18px; - cursor: pointer; - color: #ffffff; + position: absolute; + top: 40px; + left: 40px; + background: transparent; + border: none; + font-size: 18px; + cursor: pointer; + color: #ffffff; } .cptm-form-control, select.cptm-form-control, -input[type=date].cptm-form-control, -input[type=datetime-local].cptm-form-control, -input[type=datetime].cptm-form-control, -input[type=email].cptm-form-control, -input[type=month].cptm-form-control, -input[type=number].cptm-form-control, -input[type=password].cptm-form-control, -input[type=search].cptm-form-control, -input[type=tel].cptm-form-control, -input[type=text].cptm-form-control, -input[type=time].cptm-form-control, -input[type=url].cptm-form-control, -input[type=week].cptm-form-control input[type=text].cptm-form-control { - display: block; - width: 100%; - max-width: 100%; - padding: 10px 20px; - font-size: 14px; - color: #5a5f7d; - text-align: right; - border-radius: 4px; - -webkit-box-shadow: none; - box-shadow: none; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; - background-color: #f4f5f7; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.cptm-form-control:hover, .cptm-form-control:focus, +input[type="date"].cptm-form-control, +input[type="datetime-local"].cptm-form-control, +input[type="datetime"].cptm-form-control, +input[type="email"].cptm-form-control, +input[type="month"].cptm-form-control, +input[type="number"].cptm-form-control, +input[type="password"].cptm-form-control, +input[type="search"].cptm-form-control, +input[type="tel"].cptm-form-control, +input[type="text"].cptm-form-control, +input[type="time"].cptm-form-control, +input[type="url"].cptm-form-control, +input[type="week"].cptm-form-control input[type="text"].cptm-form-control { + display: block; + width: 100%; + max-width: 100%; + padding: 10px 20px; + font-size: 14px; + color: #5a5f7d; + text-align: right; + border-radius: 4px; + box-shadow: none; + font-weight: 400; + margin: 0; + line-height: 18px; + height: auto; + min-height: 30px; + background-color: #f4f5f7; + transition: all ease 0.3s; +} +.cptm-form-control:hover, +.cptm-form-control:focus, select.cptm-form-control:hover, select.cptm-form-control:focus, -input[type=date].cptm-form-control:hover, -input[type=date].cptm-form-control:focus, -input[type=datetime-local].cptm-form-control:hover, -input[type=datetime-local].cptm-form-control:focus, -input[type=datetime].cptm-form-control:hover, -input[type=datetime].cptm-form-control:focus, -input[type=email].cptm-form-control:hover, -input[type=email].cptm-form-control:focus, -input[type=month].cptm-form-control:hover, -input[type=month].cptm-form-control:focus, -input[type=number].cptm-form-control:hover, -input[type=number].cptm-form-control:focus, -input[type=password].cptm-form-control:hover, -input[type=password].cptm-form-control:focus, -input[type=search].cptm-form-control:hover, -input[type=search].cptm-form-control:focus, -input[type=tel].cptm-form-control:hover, -input[type=tel].cptm-form-control:focus, -input[type=text].cptm-form-control:hover, -input[type=text].cptm-form-control:focus, -input[type=time].cptm-form-control:hover, -input[type=time].cptm-form-control:focus, -input[type=url].cptm-form-control:hover, -input[type=url].cptm-form-control:focus, -input[type=week].cptm-form-control input[type=text].cptm-form-control:hover, -input[type=week].cptm-form-control input[type=text].cptm-form-control:focus { - color: #23282d; - border-color: #3e62f5; +input[type="date"].cptm-form-control:hover, +input[type="date"].cptm-form-control:focus, +input[type="datetime-local"].cptm-form-control:hover, +input[type="datetime-local"].cptm-form-control:focus, +input[type="datetime"].cptm-form-control:hover, +input[type="datetime"].cptm-form-control:focus, +input[type="email"].cptm-form-control:hover, +input[type="email"].cptm-form-control:focus, +input[type="month"].cptm-form-control:hover, +input[type="month"].cptm-form-control:focus, +input[type="number"].cptm-form-control:hover, +input[type="number"].cptm-form-control:focus, +input[type="password"].cptm-form-control:hover, +input[type="password"].cptm-form-control:focus, +input[type="search"].cptm-form-control:hover, +input[type="search"].cptm-form-control:focus, +input[type="tel"].cptm-form-control:hover, +input[type="tel"].cptm-form-control:focus, +input[type="text"].cptm-form-control:hover, +input[type="text"].cptm-form-control:focus, +input[type="time"].cptm-form-control:hover, +input[type="time"].cptm-form-control:focus, +input[type="url"].cptm-form-control:hover, +input[type="url"].cptm-form-control:focus, +input[type="week"].cptm-form-control input[type="text"].cptm-form-control:hover, +input[type="week"].cptm-form-control + input[type="text"].cptm-form-control:focus { + color: #23282d; + border-color: #3e62f5; } select.cptm-form-control, -input[type=date].cptm-form-control, -input[type=datetime-local].cptm-form-control, -input[type=datetime].cptm-form-control, -input[type=email].cptm-form-control, -input[type=month].cptm-form-control, -input[type=number].cptm-form-control, -input[type=password].cptm-form-control, -input[type=search].cptm-form-control, -input[type=tel].cptm-form-control, -input[type=text].cptm-form-control, -input[type=time].cptm-form-control, -input[type=url].cptm-form-control, -input[type=week].cptm-form-control, -input[type=text].cptm-form-control { - padding: 10px 20px; - font-size: 14px; - color: #4d5761; - background: #ffffff; - text-align: right; - border: 0 none; - border-radius: 8px; - border: 1px solid #d2d6db; - -webkit-box-shadow: none; - box-shadow: none; - width: 100%; - font-weight: 400; - margin: 0; - line-height: 18px; - height: auto; - min-height: 30px; +input[type="date"].cptm-form-control, +input[type="datetime-local"].cptm-form-control, +input[type="datetime"].cptm-form-control, +input[type="email"].cptm-form-control, +input[type="month"].cptm-form-control, +input[type="number"].cptm-form-control, +input[type="password"].cptm-form-control, +input[type="search"].cptm-form-control, +input[type="tel"].cptm-form-control, +input[type="text"].cptm-form-control, +input[type="time"].cptm-form-control, +input[type="url"].cptm-form-control, +input[type="week"].cptm-form-control, +input[type="text"].cptm-form-control { + padding: 10px 20px; + font-size: 14px; + color: #4d5761; + background: #ffffff; + text-align: right; + border: 0 none; + border-radius: 8px; + border: 1px solid #d2d6db; + box-shadow: none; + width: 100%; + font-weight: 400; + margin: 0; + line-height: 18px; + height: auto; + min-height: 30px; } select.cptm-form-control:hover, -input[type=date].cptm-form-control:hover, -input[type=datetime-local].cptm-form-control:hover, -input[type=datetime].cptm-form-control:hover, -input[type=email].cptm-form-control:hover, -input[type=month].cptm-form-control:hover, -input[type=number].cptm-form-control:hover, -input[type=password].cptm-form-control:hover, -input[type=search].cptm-form-control:hover, -input[type=tel].cptm-form-control:hover, -input[type=text].cptm-form-control:hover, -input[type=time].cptm-form-control:hover, -input[type=url].cptm-form-control:hover, -input[type=week].cptm-form-control:hover, -input[type=text].cptm-form-control:hover { - color: #23282d; +input[type="date"].cptm-form-control:hover, +input[type="datetime-local"].cptm-form-control:hover, +input[type="datetime"].cptm-form-control:hover, +input[type="email"].cptm-form-control:hover, +input[type="month"].cptm-form-control:hover, +input[type="number"].cptm-form-control:hover, +input[type="password"].cptm-form-control:hover, +input[type="search"].cptm-form-control:hover, +input[type="tel"].cptm-form-control:hover, +input[type="text"].cptm-form-control:hover, +input[type="time"].cptm-form-control:hover, +input[type="url"].cptm-form-control:hover, +input[type="week"].cptm-form-control:hover, +input[type="text"].cptm-form-control:hover { + color: #23282d; } select.cptm-form-control.cptm-form-control-light, -input[type=date].cptm-form-control.cptm-form-control-light, -input[type=datetime-local].cptm-form-control.cptm-form-control-light, -input[type=datetime].cptm-form-control.cptm-form-control-light, -input[type=email].cptm-form-control.cptm-form-control-light, -input[type=month].cptm-form-control.cptm-form-control-light, -input[type=number].cptm-form-control.cptm-form-control-light, -input[type=password].cptm-form-control.cptm-form-control-light, -input[type=search].cptm-form-control.cptm-form-control-light, -input[type=tel].cptm-form-control.cptm-form-control-light, -input[type=text].cptm-form-control.cptm-form-control-light, -input[type=time].cptm-form-control.cptm-form-control-light, -input[type=url].cptm-form-control.cptm-form-control-light, -input[type=week].cptm-form-control.cptm-form-control-light, -input[type=text].cptm-form-control.cptm-form-control-light { - border: 1px solid #ccc; - background-color: #fff; +input[type="date"].cptm-form-control.cptm-form-control-light, +input[type="datetime-local"].cptm-form-control.cptm-form-control-light, +input[type="datetime"].cptm-form-control.cptm-form-control-light, +input[type="email"].cptm-form-control.cptm-form-control-light, +input[type="month"].cptm-form-control.cptm-form-control-light, +input[type="number"].cptm-form-control.cptm-form-control-light, +input[type="password"].cptm-form-control.cptm-form-control-light, +input[type="search"].cptm-form-control.cptm-form-control-light, +input[type="tel"].cptm-form-control.cptm-form-control-light, +input[type="text"].cptm-form-control.cptm-form-control-light, +input[type="time"].cptm-form-control.cptm-form-control-light, +input[type="url"].cptm-form-control.cptm-form-control-light, +input[type="week"].cptm-form-control.cptm-form-control-light, +input[type="text"].cptm-form-control.cptm-form-control-light { + border: 1px solid #ccc; + background-color: #fff; } .tab-general .cptm-title-area, .tab-other .cptm-title-area { - margin-right: 0; + margin-right: 0; } .tab-general .cptm-form-group .cptm-form-control, .tab-other .cptm-form-group .cptm-form-control { - background-color: #fff; - border: 1px solid #e3e6ef; + background-color: #fff; + border: 1px solid #e3e6ef; } .tab-preview_image .cptm-title-area, .tab-packages .cptm-title-area, .tab-other .cptm-title-area { - margin-right: 0; + margin-right: 0; } .tab-preview_image .cptm-title-area p, .tab-packages .cptm-title-area p, .tab-other .cptm-title-area p { - font-size: 15px; - color: #5a5f7d; + font-size: 15px; + color: #5a5f7d; } .cptm-modal-container { - display: none; - position: fixed; - top: 0; - right: 0; - left: 0; - bottom: 0; - overflow: auto; - z-index: 99999; - height: 100vh; + display: none; + position: fixed; + top: 0; + right: 0; + left: 0; + bottom: 0; + overflow: auto; + z-index: 99999; + height: 100vh; } .cptm-modal-container.active { - display: block; + display: block; } .cptm-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 20px; - height: 100%; - min-height: calc(100% - 40px); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; - background-color: rgba(0, 0, 0, 0.5); + display: flex; + padding: 20px; + height: 100%; + min-height: calc(100% - 40px); + justify-content: center; + align-items: center; + transition: all ease-in-out 300ms; + background-color: rgba(0, 0, 0, 0.5); } .cptm-modal { - display: block; - margin: 0 auto; - padding: 10px; - width: 100%; - max-width: 300px; - border-radius: 5px; - background-color: #fff; + display: block; + margin: 0 auto; + padding: 10px; + width: 100%; + max-width: 300px; + border-radius: 5px; + background-color: #fff; } .cptm-modal-header { - position: relative; - padding: 15px 15px 15px 30px; - margin: -10px; - margin-bottom: 10px; - border-bottom: 1px solid #e3e3e3; + position: relative; + padding: 15px 15px 15px 30px; + margin: -10px; + margin-bottom: 10px; + border-bottom: 1px solid #e3e3e3; } .cptm-modal-header-title { - text-align: right; - margin: 0; + text-align: right; + margin: 0; } .cptm-modal-actions { - display: block; - margin: 0 -5px; - position: absolute; - left: 10px; - top: 10px; - text-align: left; + display: block; + margin: 0 -5px; + position: absolute; + left: 10px; + top: 10px; + text-align: left; } .cptm-modal-action-link { - margin: 0 5px; - text-decoration: none; - height: 25px; - display: inline-block; - width: 25px; - text-align: center; - line-height: 25px; - border-radius: 50%; - color: #2b2b2b; - font-size: 18px; + margin: 0 5px; + text-decoration: none; + height: 25px; + display: inline-block; + width: 25px; + text-align: center; + line-height: 25px; + border-radius: 50%; + color: #2b2b2b; + font-size: 18px; } .cptm-modal-confirmation-title { - margin: 30px auto; - font-size: 20px; - text-align: center; + margin: 30px auto; + font-size: 20px; + text-align: center; } .cptm-section-alert-area { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-height: 200px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + min-height: 200px; } .cptm-section-alert-content { - text-align: center; - padding: 10px; + text-align: center; + padding: 10px; } .cptm-section-alert-icon { - margin-bottom: 20px; - width: 100px; - height: 100px; - font-size: 45px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - border-radius: 50%; - color: darkgray; - background-color: #f2f2f2; + margin-bottom: 20px; + width: 100px; + height: 100px; + font-size: 45px; + display: inline-flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + border-radius: 50%; + color: darkgray; + background-color: #f2f2f2; } .cptm-section-alert-icon.cptm-alert-success { - color: #fff; - background-color: #14cc60; + color: #fff; + background-color: #14cc60; } .cptm-section-alert-icon.cptm-alert-error { - color: #fff; - background-color: #cc1433; + color: #fff; + background-color: #cc1433; } .cptm-color-picker-wrap { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: inline-flex; } .cptm-color-picker-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-right: 10px; + display: flex; + align-items: center; + margin-right: 10px; } .cptm-wdget-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex; + justify-content: space-between; } .atbdp-flex-align-center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } .cptm-px-5 { - padding: 0 5px; + padding: 0 5px; } .cptm-text-gray { - color: #c1c1c1; + color: #c1c1c1; } .cptm-text-right { - text-align: left !important; + text-align: left !important; } .cptm-text-center { - text-align: center !important; + text-align: center !important; } .cptm-text-left { - text-align: right !important; + text-align: right !important; } .cptm-d-block { - display: block !important; + display: block !important; } .cptm-d-inline { - display: inline-block !important; + display: inline-block !important; } .cptm-d-inline-flex { - display: -webkit-inline-box !important; - display: -webkit-inline-flex !important; - display: -ms-inline-flexbox !important; - display: inline-flex !important; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: inline-flex !important; + flex-wrap: wrap; } .cptm-d-none { - display: none !important; + display: none !important; } .cptm-p-20 { - padding: 20px; + padding: 20px; } .cptm-color-picker { - display: inline-block; - padding: 5px 5px 2px 5px; - border-radius: 30px; - border: 1px solid #d4d4d4; + display: inline-block; + padding: 5px 5px 2px 5px; + border-radius: 30px; + border: 1px solid #d4d4d4; } -input[type=radio]:checked::before { - background-color: #3e62f5; +input[type="radio"]:checked::before { + background-color: #3e62f5; } @media (max-width: 767px) { - input[type=checkbox], - input[type=radio] { - width: 15px; - height: 15px; - } + input[type="checkbox"], + input[type="radio"] { + width: 15px; + height: 15px; + } } .cptm-preview-placeholder { - width: 700px; - max-width: 100%; - margin: 0 auto; + width: 700px; + max-width: 100%; + margin: 0 auto; } .cptm-preview-placeholder__card { - padding: 30px; - border-radius: 6px; - -webkit-box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); - box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); + padding: 30px; + border-radius: 6px; + box-shadow: 0 0 10px rgba(134, 142, 174, 0.2); } .cptm-preview-placeholder__card .cptm-widget-insert-link { - background-color: #272b41; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 12px; - color: #fff; + background-color: #272b41; + box-shadow: none; + font-size: 12px; + color: #fff; } .cptm-preview-placeholder__card__item { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + flex: 1; } .cptm-preview-placeholder__card__item--top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box:first-child { - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; -} -.cptm-preview-placeholder__card__item--top .cptm-preview-placeholder__card__box:not(:first-child) { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; + display: flex; + gap: 30px; + justify-content: space-between; +} +.cptm-preview-placeholder__card__item--top + .cptm-preview-placeholder__card__box:first-child { + flex: unset; +} +.cptm-preview-placeholder__card__item--top + .cptm-preview-placeholder__card__box:not(:first-child) { + flex: 0 0 50%; } .cptm-preview-placeholder__card__box { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 10px 10px 19px; - border-radius: 8px; - min-height: 66px; - min-width: 150px; - z-index: unset; + flex: 1; + padding: 10px 10px 19px; + border-radius: 8px; + min-height: 66px; + min-width: 150px; + z-index: unset; } .cptm-preview-placeholder__card__box .cptm-placeholder-label { - color: #868eae; - font-size: 13px; - font-weight: 500; + color: #868eae; + font-size: 13px; + font-weight: 500; } .cptm-preview-placeholder__card__box .cptm-widget-preview-area { - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} -.cptm-preview-placeholder__card__box .cptm-widget-preview-area .cptm-widget-badge { - margin: 0; - padding: 6px 20px 7px 19px; - border-radius: 8px; - font-size: 13px; - font-weight: 500; - color: #868eae; - background-color: #e3e6ef; + gap: 8px; + flex-wrap: wrap; + display: inline-flex; +} +.cptm-preview-placeholder__card__box + .cptm-widget-preview-area + .cptm-widget-badge { + margin: 0; + padding: 6px 20px 7px 19px; + border-radius: 8px; + font-size: 13px; + font-weight: 500; + color: #868eae; + background-color: #e3e6ef; } .cptm-preview-placeholder__card__btn { - width: 100%; - height: 66px; - border: none; - border-radius: 6px; - cursor: pointer; - color: #5a5f7d; - font-size: 13px; - font-weight: 500; - margin-top: 20px; + width: 100%; + height: 66px; + border: none; + border-radius: 6px; + cursor: pointer; + color: #5a5f7d; + font-size: 13px; + font-weight: 500; + margin-top: 20px; } .cptm-preview-placeholder__card__btn .icon { - width: 26px; - height: 26px; - line-height: 26px; - background-color: #fff; - border-radius: 100%; - -webkit-margin-end: 7px; - margin-inline-end: 7px; + width: 26px; + height: 26px; + line-height: 26px; + background-color: #fff; + border-radius: 100%; + margin-inline-end: 7px; } .cptm-preview-placeholder__card .slider-placeholder { - padding: 50px; - text-align: center; + padding: 50px; + text-align: center; } -.cptm-preview-placeholder__card .slider-placeholder .cptm-widget-preview-area .cptm-widget-label { - margin-top: 5px; +.cptm-preview-placeholder__card + .slider-placeholder + .cptm-widget-preview-area + .cptm-widget-label { + margin-top: 5px; } .cptm-preview-placeholder__card .dndrop-container.vertical { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: 20px; -} -.cptm-preview-placeholder__card .dndrop-container.vertical > .dndrop-draggable-wrapper { - overflow: visible; + display: flex; + gap: 20px; + flex-direction: column; + margin-bottom: 20px; +} +.cptm-preview-placeholder__card + .dndrop-container.vertical + > .dndrop-draggable-wrapper { + overflow: visible; } .cptm-preview-placeholder__card .draggable-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + display: flex; + gap: 20px; + align-items: center; + flex-direction: row; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element { - font-size: 15px; - color: #868eae; + font-size: 15px; + color: #868eae; } .cptm-preview-placeholder__card .draggable-item .cptm-drag-element:hover { - color: #1e1e1e; + color: #1e1e1e; } .atbdp-sidebar-nav-area { - display: block; + display: block; } .atbdp-sidebar-nav { - display: block; - margin: 0; - background-color: #f6f6f6; + display: block; + margin: 0; + background-color: #f6f6f6; } .atbdp-nav-link { - display: block; - padding: 15px; - text-decoration: none; - color: #2b2b2b; + display: block; + padding: 15px; + text-decoration: none; + color: #2b2b2b; } .atbdp-nav-icon { - display: inline-block; - margin-left: 10px; + display: inline-block; + margin-left: 10px; } .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-nav-item .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active { - display: block; - background-color: #fff; + display: block; + background-color: #fff; } .atbdp-sidebar-nav-item.active .atbdp-sidebar-subnav { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-nav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-nav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav { - display: block; - margin: 0; - margin-right: 28px; - display: none; + display: block; + margin: 0; + margin-right: 28px; + display: none; } .atbdp-sidebar-subnav-item { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item .atbdp-nav-link { - color: #686d88; + color: #686d88; } .atbdp-sidebar-subnav-item .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active { - display: block; - margin: 0; + display: block; + margin: 0; } .atbdp-sidebar-subnav-item.active .atbdp-nav-link { - display: block; + display: block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-icon { - display: inline-block; + display: inline-block; } .atbdp-sidebar-subnav-item.active .atbdp-nav-label { - display: inline-block; + display: inline-block; } .atbdp-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 0 -15px; + display: flex; + flex-wrap: wrap; + margin: 0 -15px; } .atbdp-col { - padding: 0 15px; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding: 0 15px; + flex-grow: 1; + box-sizing: border-box; } .atbdp-col-3 { - -webkit-flex-basis: 25%; - -ms-flex-preferred-size: 25%; - flex-basis: 25%; - width: 25%; + flex-basis: 25%; + width: 25%; } .atbdp-col-4 { - -webkit-flex-basis: 33.3333333333%; - -ms-flex-preferred-size: 33.3333333333%; - flex-basis: 33.3333333333%; - width: 33.3333333333%; + flex-basis: 33.3333333333%; + width: 33.3333333333%; } .atbdp-col-8 { - -webkit-flex-basis: 66.6666666667%; - -ms-flex-preferred-size: 66.6666666667%; - flex-basis: 66.6666666667%; - width: 66.6666666667%; + flex-basis: 66.6666666667%; + width: 66.6666666667%; } .shrink { - max-width: 300px; + max-width: 300px; } .directorist_dropdown { - position: relative; + position: relative; } .directorist_dropdown .directorist_dropdown-toggle { - position: relative; - text-decoration: none; - display: block; - width: 100%; - max-height: 38px; - font-size: 14px; - font-weight: 500; - background-color: transparent; - color: #4d5761; - padding: 12px 15px; - line-height: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + text-decoration: none; + display: block; + width: 100%; + max-height: 38px; + font-size: 14px; + font-weight: 500; + background-color: transparent; + color: #4d5761; + padding: 12px 15px; + line-height: 1; + box-sizing: border-box; } .directorist_dropdown .directorist_dropdown-toggle:focus { - outline: 0 none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + outline: 0 none; + box-shadow: 0 0; } .directorist_dropdown .directorist_dropdown-toggle:before { - font-family: unicons-line; - font-weight: 400; - font-size: 20px; - content: "\eb3a"; - color: #747c89; - position: absolute; - top: 50%; - left: 0; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - height: 20px; + font-family: unicons-line; + font-weight: 400; + font-size: 20px; + content: "\eb3a"; + color: #747c89; + position: absolute; + top: 50%; + left: 0; + transform: translate(50%, -50%); + height: 20px; } .directorist_dropdown .directorist_dropdown-option { - display: none; - position: absolute; - width: 100%; - max-height: 350px; - right: 0; - top: 39px; - padding: 12px 8px; - background-color: #fff; - -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); - border: 1px solid #e5e7eb; - border-radius: 8px; - z-index: 99999; - overflow-y: auto; + display: none; + position: absolute; + width: 100%; + max-height: 350px; + right: 0; + top: 39px; + padding: 12px 8px; + background-color: #fff; + box-shadow: + 0 12px 16px -4px rgba(16, 24, 40, 0.08), + 0px 4px 6px -2px rgba(16, 24, 40, 0.03); + border: 1px solid #e5e7eb; + border-radius: 8px; + z-index: 99999; + overflow-y: auto; } .directorist_dropdown .directorist_dropdown-option.--show { - display: block !important; + display: block !important; } .directorist_dropdown .directorist_dropdown-option ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist_dropdown .directorist_dropdown-option ul li { - margin-bottom: 0; + margin-bottom: 0; } .directorist_dropdown .directorist_dropdown-option ul li a { - font-size: 14px; - font-weight: 500; - text-decoration: none; - display: block; - padding: 9px 15px; - border-radius: 8px; - color: #4d5761; - -webkit-transition: 0.3s; - transition: 0.3s; -} -.directorist_dropdown .directorist_dropdown-option ul li a:hover, .directorist_dropdown .directorist_dropdown-option ul li a.active:hover { - color: #fff; - background-color: #3e62f5; + font-size: 14px; + font-weight: 500; + text-decoration: none; + display: block; + padding: 9px 15px; + border-radius: 8px; + color: #4d5761; + transition: 0.3s; +} +.directorist_dropdown .directorist_dropdown-option ul li a:hover, +.directorist_dropdown .directorist_dropdown-option ul li a.active:hover { + color: #fff; + background-color: #3e62f5; } .directorist_dropdown .directorist_dropdown-option ul li a.active { - color: #3e62f5; - background-color: #f0f3ff; + color: #3e62f5; + background-color: #f0f3ff; } .cptm-form-group .directorist_dropdown-option { - max-height: 240px; + max-height: 240px; } .cptm-import-directory-modal .cptm-file-input-wrap { - margin: 16px -5px 0 -5px; + margin: 16px -5px 0 -5px; } /* Sticky fields */ .cptm-col-sticky { - position: -webkit-sticky; - position: sticky; - top: 60px; - height: 100%; - max-height: calc(100vh - 100px); - overflow: auto; - scrollbar-width: 6px; - scrollbar-color: #d2d6db #f3f4f6; + position: sticky; + top: 60px; + height: 100%; + max-height: calc(100vh - 100px); + overflow: auto; + scrollbar-width: 6px; + scrollbar-color: #d2d6db #f3f4f6; } .cptm-widget-trash-confirmation-modal-overlay { - position: fixed; - top: 0; - right: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0.5); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - z-index: 10; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal { - background: #fff; - padding: 30px 25px; - border-radius: 8px; - text-align: center; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal h2 { - font-size: 16px; - font-weight: 500; - margin: 0 0 18px; -} -.cptm-widget-trash-confirmation-modal-overlay .cptm-widget-trash-confirmation-modal p { - margin: 0 0 20px; - font-size: 14px; - max-width: 400px; + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.5); + display: flex; + justify-content: center; + align-items: center; + z-index: 10; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal { + background: #fff; + padding: 30px 25px; + border-radius: 8px; + text-align: center; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal + h2 { + font-size: 16px; + font-weight: 500; + margin: 0 0 18px; +} +.cptm-widget-trash-confirmation-modal-overlay + .cptm-widget-trash-confirmation-modal + p { + margin: 0 0 20px; + font-size: 14px; + max-width: 400px; } .cptm-widget-trash-confirmation-modal-overlay button { - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - background: rgb(197, 22, 22); - padding: 10px 15px; - border-radius: 6px; - color: #fff; - font-size: 14px; - font-weight: 500; - margin: 5px; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + border: 0 none; + box-shadow: none; + background: rgb(197, 22, 22); + padding: 10px 15px; + border-radius: 6px; + color: #fff; + font-size: 14px; + font-weight: 500; + margin: 5px; + cursor: pointer; + transition: 0.3s ease; } .cptm-widget-trash-confirmation-modal-overlay button:hover { - background: #ba1230; + background: #ba1230; } -.cptm-widget-trash-confirmation-modal-overlay button.cptm-widget-trash-confirmation-modal-action-btn__cancel { - background: #f1f2f6; - color: #7a8289; +.cptm-widget-trash-confirmation-modal-overlay + button.cptm-widget-trash-confirmation-modal-action-btn__cancel { + background: #f1f2f6; + color: #7a8289; } -.cptm-widget-trash-confirmation-modal-overlay button.cptm-widget-trash-confirmation-modal-action-btn__cancel:hover { - background: #dee0e4; +.cptm-widget-trash-confirmation-modal-overlay + button.cptm-widget-trash-confirmation-modal-action-btn__cancel:hover { + background: #dee0e4; } .cptm-field-group-container .cptm-field-group-container__label { - font-size: 15px; - font-weight: 500; - color: #272b41; - display: inline-block; + font-size: 15px; + font-weight: 500; + color: #272b41; + display: inline-block; } @media only screen and (max-width: 767px) { - .cptm-field-group-container .cptm-field-group-container__label { - margin-bottom: 15px; - } + .cptm-field-group-container .cptm-field-group-container__label { + margin-bottom: 15px; + } } .cptm-container-group-fields { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 26px; + display: flex; + align-items: center; + gap: 26px; } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .cptm-container-group-fields { + flex-wrap: wrap; + } } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields .cptm-form-group:not(:last-child) { - margin-bottom: 0; - } + .cptm-container-group-fields .cptm-form-group:not(:last-child) { + margin-bottom: 0; + } } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .cptm-form-group { - width: 100%; - } + .cptm-container-group-fields .cptm-form-group { + width: 100%; + } } .cptm-container-group-fields .highlight-field { - padding: 0; + padding: 0; } .cptm-container-group-fields .atbdp-row { - margin: 0; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + margin: 0; + flex-wrap: nowrap; + gap: 10px; + align-items: center; } .cptm-container-group-fields .atbdp-row .atbdp-col { - -webkit-box-flex: 0 !important; - -webkit-flex: none !important; - -ms-flex: none !important; - flex: none !important; - width: auto; - padding: 0; + flex: none !important; + width: auto; + padding: 0; } .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: 100px !important; - -webkit-box-sizing: border-box; - box-sizing: border-box; + max-width: 100px !important; + box-sizing: border-box; } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: none !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: none !important; + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col input { - max-width: 150px !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col input { + max-width: 150px !important; + } } .cptm-container-group-fields .atbdp-row .atbdp-col label { - margin: 0; - font-size: 14px !important; - font-weight: normal; + margin: 0; + font-size: 14px !important; + font-weight: normal; } @media only screen and (max-width: 1300px) { - .cptm-container-group-fields .atbdp-row .atbdp-col label { - min-width: 50px; - } + .cptm-container-group-fields .atbdp-row .atbdp-col label { + min-width: 50px; + } } .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: 95px; + width: 95px; } -.cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown .directorist_dropdown-toggle:before { - position: relative; - top: -3px; +.cptm-container-group-fields + .atbdp-row + .atbdp-col + .directorist_dropdown + .directorist_dropdown-toggle:before { + position: relative; + top: -3px; } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: calc(100% - 2px); - } + .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: calc(100% - 2px); + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { - width: 150px; - } + .cptm-container-group-fields .atbdp-row .atbdp-col .directorist_dropdown { + width: 150px; + } } @media only screen and (max-width: 991px) { - .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-8 { - -webkit-box-flex: 1 !important; - -webkit-flex: auto !important; - -ms-flex: auto !important; - flex: auto !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-8 { + flex: auto !important; + } } @media only screen and (max-width: 767px) { - .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4 { - width: auto !important; - } + .cptm-container-group-fields .atbdp-row .atbdp-col.atbdp-col-4 { + width: auto !important; + } } .cptm-theme-butterfly .cptm-info-text { - text-align: right; - margin: 0; + text-align: right; + margin: 0; } .atbdp-settings-panel .cptm-form-group { - margin-bottom: 35px; + margin-bottom: 35px; } .atbdp-settings-panel .cptm-form-group.cptm-schema-multi-directory-disabled { - cursor: not-allowed; - opacity: 0.5; - pointer-events: none; + cursor: not-allowed; + opacity: 0.5; + pointer-events: none; } .atbdp-settings-panel .cptm-tab-content { - margin: 0; - padding: 0; - width: 100%; - max-width: unset; + margin: 0; + padding: 0; + width: 100%; + max-width: unset; } .atbdp-settings-panel .cptm-title { - font-size: 18px; - line-height: unset; + font-size: 18px; + line-height: unset; } .atbdp-settings-panel .cptm-menu-title { - font-size: 20px; - font-weight: 500; - color: #23282d; - margin-bottom: 50px; + font-size: 20px; + font-weight: 500; + color: #23282d; + margin-bottom: 50px; } .atbdp-settings-panel .cptm-section { - border: 1px solid #E3E6EF; - border-radius: 8px; - margin-bottom: 50px !important; + border: 1px solid #e3e6ef; + border-radius: 8px; + margin-bottom: 50px !important; } .atbdp-settings-panel .cptm-section .cptm-title-area { - border-bottom: 1px solid #E3E6EF; - padding: 20px 25px; - margin-bottom: 0; + border-bottom: 1px solid #e3e6ef; + padding: 20px 25px; + margin-bottom: 0; } .atbdp-settings-panel .cptm-section .cptm-title-area.directorist-no-header { - border-bottom: 0 none; - margin-bottom: 0; - padding-bottom: 0; + border-bottom: 0 none; + margin-bottom: 0; + padding-bottom: 0; } .atbdp-settings-panel .cptm-section .cptm-title-area .cptm-title { - font-size: 20px; - font-weight: 500; - color: #000000; + font-size: 20px; + font-weight: 500; + color: #000000; } .atbdp-settings-panel .cptm-section .cptm-form-fields { - padding: 20px 25px 0 25px; + padding: 20px 25px 0 25px; } .atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group label { - font-size: 15px; -} -.atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group .atbdp-label-icon-wrapper { - margin: 0; - padding: 0; - color: rgba(0, 6, 38, 0.9); - font-size: 15px; - font-style: normal; - font-weight: 600; - line-height: 16px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 14px; -} -.atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group .atbdp-label-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - width: 40px; - height: 40px; - border-radius: 8px; - color: #4D5761; - background: #E5E7EB; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - aspect-ratio: 1/1; -} -.atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group .atbdp-label-icon svg { - width: 16px; - height: 16px; -} -.atbdp-settings-panel .cptm-section .cptm-form-fields .cptm-form-group .atbdp-label-icon i { - color: #4D5761; -} -.atbdp-settings-panel .cptm-section.button_type, .atbdp-settings-panel .cptm-section.enable_multi_directory { - z-index: 11; + font-size: 15px; +} +.atbdp-settings-panel + .cptm-section + .cptm-form-fields + .cptm-form-group + .atbdp-label-icon-wrapper { + margin: 0; + padding: 0; + color: rgba(0, 6, 38, 0.9); + font-size: 15px; + font-style: normal; + font-weight: 600; + line-height: 16px; + display: inline-flex; + align-items: center; + gap: 14px; +} +.atbdp-settings-panel + .cptm-section + .cptm-form-fields + .cptm-form-group + .atbdp-label-icon { + display: flex; + justify-content: center; + align-items: center; + gap: 8px; + width: 40px; + height: 40px; + border-radius: 8px; + color: #4d5761; + background: #e5e7eb; + flex-shrink: 0; + aspect-ratio: 1/1; +} +.atbdp-settings-panel + .cptm-section + .cptm-form-fields + .cptm-form-group + .atbdp-label-icon + svg { + width: 16px; + height: 16px; +} +.atbdp-settings-panel + .cptm-section + .cptm-form-fields + .cptm-form-group + .atbdp-label-icon + i { + color: #4d5761; +} +.atbdp-settings-panel .cptm-section.button_type, +.atbdp-settings-panel .cptm-section.enable_multi_directory { + z-index: 11; } .atbdp-settings-panel #style_settings__color_settings .cptm-section { - z-index: unset; + z-index: unset; } /* settings panel css */ .atbdp-settings-manager .directorist_builder-header { - margin-bottom: 30px; + margin-bottom: 30px; } .atbdp-settings-manager .atbdp-settings-manager__top { - max-width: 1200px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.atbdp-settings-manager .atbdp-settings-manager__top .directorist_builder-links { - margin: 0; - padding: 0; - margin-top: 10px; -} -.atbdp-settings-manager .atbdp-settings-manager__top .directorist_builder-links li { - display: inline-block; - margin-bottom: 0; -} -.atbdp-settings-manager .atbdp-settings-manager__top .directorist_builder-links li:not(:last-child) { - margin-left: 25px; -} -.atbdp-settings-manager .atbdp-settings-manager__top .directorist_builder-links li a { - font-size: 14px; - text-decoration: none; - color: #5a5f7d; + max-width: 1200px; + display: flex; + justify-content: space-between; + align-items: center; +} +.atbdp-settings-manager + .atbdp-settings-manager__top + .directorist_builder-links { + margin: 0; + padding: 0; + margin-top: 10px; +} +.atbdp-settings-manager + .atbdp-settings-manager__top + .directorist_builder-links + li { + display: inline-block; + margin-bottom: 0; +} +.atbdp-settings-manager + .atbdp-settings-manager__top + .directorist_builder-links + li:not(:last-child) { + margin-left: 25px; +} +.atbdp-settings-manager + .atbdp-settings-manager__top + .directorist_builder-links + li + a { + font-size: 14px; + text-decoration: none; + color: #5a5f7d; } .atbdp-settings-manager .atbdp-settings-manager__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - font-size: 24px; - font-weight: 500; - color: #23282d; - margin-bottom: 28px; -} -.atbdp-settings-manager .atbdp-settings-manager__title .directorist_settings-trigger { - display: none; - margin: 8px 30px 0 0; + display: flex; + align-items: center; + justify-content: space-between; + font-size: 24px; + font-weight: 500; + color: #23282d; + margin-bottom: 28px; +} +.atbdp-settings-manager + .atbdp-settings-manager__title + .directorist_settings-trigger { + display: none; + margin: 8px 30px 0 0; } @media only screen and (max-width: 575px) { - .atbdp-settings-manager .atbdp-settings-manager__title .directorist_settings-trigger { - display: block; - } + .atbdp-settings-manager + .atbdp-settings-manager__title + .directorist_settings-trigger { + display: block; + } } -.directorist_vertical-align-m .directorist_item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} .directorist_vertical-align-m { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; +} +.directorist_vertical-align-m .directorist_item { + display: flex; } .atbdp-settings-manager .atbdp-tab-sub-contents .directorist_btn-start { - font-size: 14px; - font-weight: 500; - color: #2c99ff; - border-radius: 18px; - padding: 6px 13px; - text-decoration: none; - border-color: #2c99ff; - margin-bottom: 0; - margin-right: 20px; + font-size: 14px; + font-weight: 500; + color: #2c99ff; + border-radius: 18px; + padding: 6px 13px; + text-decoration: none; + border-color: #2c99ff; + margin-bottom: 0; + margin-right: 20px; } @media only screen and (max-width: 767px) { - .atbdp-settings-manager .settings-contents .atbdp-row .atbdp-col.atbdp-col-4 { - width: 100%; - -webkit-flex-basis: 100%; - -ms-flex-preferred-size: 100%; - flex-basis: 100%; - } + .atbdp-settings-manager + .settings-contents + .atbdp-row + .atbdp-col.atbdp-col-4 { + width: 100%; + flex-basis: 100%; + } } @media only screen and (max-width: 767px) { - .atbdp-settings-manager .settings-contents .cptm-form-group label { - margin-bottom: 15px; - } + .atbdp-settings-manager .settings-contents .cptm-form-group label { + margin-bottom: 15px; + } } -.atbdp-settings-manager .settings-contents .directorist_dropdown .directorist_dropdown-toggle { - line-height: 0.8; +.atbdp-settings-manager + .settings-contents + .directorist_dropdown + .directorist_dropdown-toggle { + line-height: 0.8; } .directorist_settings-trigger { - display: inline-block; - cursor: pointer; + display: inline-block; + cursor: pointer; } .directorist_settings-trigger span { - display: block; - width: 20px; - height: 2px; - background-color: #272b41; + display: block; + width: 20px; + height: 2px; + background-color: #272b41; } .directorist_settings-trigger span:not(:last-child) { - margin-bottom: 4px; + margin-bottom: 4px; } .settings-wrapper { - width: 100%; - margin: 0 auto; + width: 100%; + margin: 0 auto; } .atbdp-settings-panel { - max-width: 1200px; - margin: 0 !important; + max-width: 1200px; + margin: 0 !important; } .setting-top-bar { - background-color: #272b41; - padding: 15px 20px; - border-radius: 5px 5px 0 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + background-color: #272b41; + padding: 15px 20px; + border-radius: 5px 5px 0 0; + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: space-between; } @media only screen and (max-width: 767px) { - .setting-top-bar { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .setting-top-bar { + flex-direction: column; + } } .setting-top-bar .atbdp-setting-top-bar-right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex; + align-items: center; + justify-content: space-between; } @media only screen and (max-width: 767px) { - .setting-top-bar .atbdp-setting-top-bar-right { - margin-top: 15px; - } + .setting-top-bar .atbdp-setting-top-bar-right { + margin-top: 15px; + } } @media only screen and (max-width: 575px) { - .setting-top-bar .atbdp-setting-top-bar-right { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .setting-top-bar .atbdp-setting-top-bar-right { + flex-direction: column; + } } .setting-top-bar .atbdp-setting-top-bar-right .setting-top-bar__search-field { - margin-left: 5px; + margin-left: 5px; } -.setting-top-bar .atbdp-setting-top-bar-right .setting-top-bar__search-field input { - border-radius: 20px; - color: #fff !important; +.setting-top-bar + .atbdp-setting-top-bar-right + .setting-top-bar__search-field + input { + border-radius: 20px; + color: #fff !important; } .setting-top-bar .directorist_setting-panel__pages { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .setting-top-bar .directorist_setting-panel__pages li { - display: inline-block; - margin-bottom: 0; -} -.setting-top-bar .directorist_setting-panel__pages li .directorist_setting-panel__pages--link { - text-decoration: none; - font-size: 14px; - font-weight: 400; - color: rgba(255, 255, 255, 0.3137254902); -} -.setting-top-bar .directorist_setting-panel__pages li .directorist_setting-panel__pages--link.active { - color: #fff; -} -.setting-top-bar .directorist_setting-panel__pages li .directorist_setting-panel__pages--link.active::before { - color: rgba(255, 255, 255, 0.3137254902); -} -.setting-top-bar .directorist_setting-panel__pages li .directorist_setting-panel__pages--link:focus { - outline: 0 none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; -} -.setting-top-bar .directorist_setting-panel__pages li + li .directorist_setting-panel__pages--link:before { - font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; - content: "\f105"; - margin: 0px 5px 0 2px; - font-weight: 900; - position: relative; - top: 1px; + display: inline-block; + margin-bottom: 0; +} +.setting-top-bar + .directorist_setting-panel__pages + li + .directorist_setting-panel__pages--link { + text-decoration: none; + font-size: 14px; + font-weight: 400; + color: rgba(255, 255, 255, 0.3137254902); +} +.setting-top-bar + .directorist_setting-panel__pages + li + .directorist_setting-panel__pages--link.active { + color: #fff; +} +.setting-top-bar + .directorist_setting-panel__pages + li + .directorist_setting-panel__pages--link.active::before { + color: rgba(255, 255, 255, 0.3137254902); +} +.setting-top-bar + .directorist_setting-panel__pages + li + .directorist_setting-panel__pages--link:focus { + outline: 0 none; + box-shadow: 0 0; +} +.setting-top-bar + .directorist_setting-panel__pages + li + + li + .directorist_setting-panel__pages--link:before { + font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; + content: "\f105"; + margin: 0px 5px 0 2px; + font-weight: 900; + position: relative; + top: 1px; } .setting-top-bar .search-suggestions-list { - border-radius: 5px; - padding: 20px; - -webkit-box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); - box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); - height: 360px; - overflow-y: auto; + border-radius: 5px; + padding: 20px; + box-shadow: 0 10px 40px rgba(134, 142, 174, 0.1882352941); + height: 360px; + overflow-y: auto; } .setting-top-bar .search-suggestions-list .search-suggestions-list--link { - padding: 8px 10px; - font-size: 14px; - font-weight: 500; - border-radius: 4px; - color: #5a5f7d; + padding: 8px 10px; + font-size: 14px; + font-weight: 500; + border-radius: 4px; + color: #5a5f7d; } .setting-top-bar .search-suggestions-list .search-suggestions-list--link:hover { - color: #fff; - background-color: #3e62f5; + color: #fff; + background-color: #3e62f5; } .setting-top-bar__search-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } @media only screen and (max-width: 575px) { - .setting-top-bar__search-actions { - margin-top: 15px; - } + .setting-top-bar__search-actions { + margin-top: 15px; + } } @media only screen and (max-width: 575px) { - .setting-top-bar__search-actions .setting-response-feedback { - margin-right: 0 !important; - } + .setting-top-bar__search-actions .setting-response-feedback { + margin-right: 0 !important; + } } .setting-response-feedback { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 0 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #fff; + display: flex; + margin: 0 10px; + align-items: center; + color: #fff; } .setting-search-suggestions { - position: relative; - z-index: 999; + position: relative; + z-index: 999; } .search-suggestions-list { - margin: 5px auto 0; - position: absolute; - width: 100%; - z-index: 9999; - -webkit-box-shadow: 0 0 3px #ccc; - box-shadow: 0 0 3px #ccc; - background-color: #fff; + margin: 5px auto 0; + position: absolute; + width: 100%; + z-index: 9999; + box-shadow: 0 0 3px #ccc; + background-color: #fff; } .search-suggestions-list--list-item { - list-style: none; + list-style: none; } .search-suggestions-list--link { - display: block; - padding: 10px 15px; - text-decoration: none; - -webkit-transition: all ease-in-out 200ms; - transition: all ease-in-out 200ms; + display: block; + padding: 10px 15px; + text-decoration: none; + transition: all ease-in-out 200ms; } .search-suggestions-list--link:hover { - background-color: #f2f2f2; + background-color: #f2f2f2; } .setting-body { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .settings-contents { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding: 20px 20px 0; - background-color: #fff; + flex-grow: 1; + padding: 20px 20px 0; + background-color: #fff; } .setting-search-field__input { - height: 40px; - padding: 0 16px !important; - border: 0 none !important; - background-color: rgba(255, 255, 255, 0.031372549) !important; - border-radius: 4px; - color: rgba(255, 255, 255, 0.3137254902) !important; - width: 250px; - max-width: 250px; - font-size: 14px; + height: 40px; + padding: 0 16px !important; + border: 0 none !important; + background-color: rgba(255, 255, 255, 0.031372549) !important; + border-radius: 4px; + color: rgba(255, 255, 255, 0.3137254902) !important; + width: 250px; + max-width: 250px; + font-size: 14px; } .setting-search-field__input:focus { - outline: none; - -webkit-box-shadow: 0 0 !important; - box-shadow: 0 0 !important; + outline: none; + box-shadow: 0 0 !important; } .settings-save-btn { - display: inline-block; - padding: 0 20px; - color: #fff; - font-size: 14px; - text-decoration: none; - font-weight: 500; - line-height: 40px; - border-radius: 4px; - cursor: pointer; - border: 1px solid #3e62f5; - background-color: #3e62f5; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + display: inline-block; + padding: 0 20px; + color: #fff; + font-size: 14px; + text-decoration: none; + font-weight: 500; + line-height: 40px; + border-radius: 4px; + cursor: pointer; + border: 1px solid #3e62f5; + background-color: #3e62f5; + transition: all ease-in-out 300ms; } .settings-save-btn:focus { - color: #fff; - outline: none; + color: #fff; + outline: none; } .settings-save-btn:hover { - border-color: #264ef4; - background: #264ef4; - color: #fff; + border-color: #264ef4; + background: #264ef4; + color: #fff; } .settings-save-btn:disabled { - opacity: 0.8; - cursor: not-allowed; + opacity: 0.8; + cursor: not-allowed; } .setting-left-sibebar { - min-width: 250px; - max-width: 250px; - background-color: #f6f6f6; - border-left: 1px solid #f6f6f6; + min-width: 250px; + max-width: 250px; + background-color: #f6f6f6; + border-left: 1px solid #f6f6f6; } @media only screen and (max-width: 767px) { - .setting-left-sibebar { - position: fixed; - top: 0; - right: 0; - width: 100%; - height: 100vh; - overflow-y: auto; - background-color: #fff; - -webkit-transform: translateX(250px); - transform: translateX(250px); - -webkit-transition: 0.35s; - transition: 0.35s; - z-index: 99999; - } + .setting-left-sibebar { + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 100vh; + overflow-y: auto; + background-color: #fff; + transform: translateX(250px); + transition: 0.35s; + z-index: 99999; + } } .setting-left-sibebar.active { - -webkit-transform: translateX(0px); - transform: translateX(0px); + transform: translateX(0px); } .directorist_settings-panel-shade { - position: fixed; - width: 100%; - height: 100%; - right: 0; - top: 0; - background-color: rgba(39, 43, 65, 0.1882352941); - z-index: -1; - opacity: 0; - visibility: hidden; + position: fixed; + width: 100%; + height: 100%; + right: 0; + top: 0; + background-color: rgba(39, 43, 65, 0.1882352941); + z-index: -1; + opacity: 0; + visibility: hidden; } .directorist_settings-panel-shade.active { - z-index: 999; - opacity: 1; - visibility: visible; + z-index: 999; + opacity: 1; + visibility: visible; } .settings-nav { - margin: 0; - padding: 0; - list-style-type: none; + margin: 0; + padding: 0; + list-style-type: none; } .settings-nav li { - list-style: none; + list-style: none; } .settings-nav a { - text-decoration: none; + text-decoration: none; } .settings-nav__item.active { - background-color: #fff; + background-color: #fff; } .settings-nav__item ul { - padding-right: 0; - background-color: #fff; - display: none; + padding-right: 0; + background-color: #fff; + display: none; } .settings-nav__item.active ul { - display: block; + display: block; } .settings-nav__item__link { - line-height: 50px; - padding: 0 25px; - font-size: 14px; - font-weight: 500; - color: #272b41; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + line-height: 50px; + padding: 0 25px; + font-size: 14px; + font-weight: 500; + color: #272b41; + transition: 0.3s ease; + display: flex; + align-items: center; } .settings-nav__item__link:hover { - background-color: #fff; + background-color: #fff; } .settings-nav__item.active .settings-nav__item__link { - color: #3e62f5; + color: #3e62f5; } .settings-nav__item__icon { - display: inline-block; - width: 32px; + display: inline-block; + width: 32px; } .settings-nav__item__icon i { - font-size: 15px; + font-size: 15px; } .settings-nav__item__icon i.directorist_Blue { - color: #3e62f5; + color: #3e62f5; } .settings-nav__item__icon i.directorist_success { - color: #08bf9c; + color: #08bf9c; } .settings-nav__item__icon i.directorist_pink { - color: #ff408c; + color: #ff408c; } .settings-nav__item__icon i.directorist_warning { - color: #fa8b0c; + color: #fa8b0c; } .settings-nav__item__icon i.directorist_info { - color: #2c99ff; + color: #2c99ff; } .settings-nav__item__icon i.directorist_green { - color: #00b158; + color: #00b158; } .settings-nav__item__icon i.directorist_danger { - color: #ff272a; + color: #ff272a; } .settings-nav__item__icon i.directorist_wordpress { - color: #0073aa; + color: #0073aa; } /* .settings-nav__item ul li { margin-bottom: 25px; } */ .settings-nav__item ul li a { - line-height: 25px; - padding: 10px 58px 10px 25px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-size: 14px; - font-weight: 500; - color: #5a5f7d; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - border-right: 2px solid transparent; + line-height: 25px; + padding: 10px 58px 10px 25px; + display: flex; + font-size: 14px; + font-weight: 500; + color: #5a5f7d; + transition: 0.3s ease; + border-right: 2px solid transparent; } .settings-nav__item ul li a:focus { - -webkit-box-shadow: 0 0; - box-shadow: 0 0; - outline: 0 none; + box-shadow: 0 0; + outline: 0 none; } .settings-nav__item ul li a.active { - color: #3e62f5; - background-color: #fff; - -webkit-box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); - box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); - border-right-color: #3e62f5; + color: #3e62f5; + background-color: #fff; + box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); + border-right-color: #3e62f5; } .settings-nav__item ul li a:hover { - background-color: #fff; - -webkit-box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); - box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); + background-color: #fff; + box-shadow: 0 5px 20px rgba(161, 168, 198, 0.2); } span.drop-toggle-caret { - width: 10px; - height: 5px; - margin-right: auto; + width: 10px; + height: 5px; + margin-right: auto; } span.drop-toggle-caret:before { - position: absolute; - content: ""; - border-right: 5px solid transparent; - border-left: 5px solid transparent; - border-top: 5px solid #868eae; + position: absolute; + content: ""; + border-right: 5px solid transparent; + border-left: 5px solid transparent; + border-top: 5px solid #868eae; } -.settings-nav__item.active .settings-nav__item__link span.drop-toggle-caret:before { - border-top: 0; - border-bottom: 5px solid #3e62f5; +.settings-nav__item.active + .settings-nav__item__link + span.drop-toggle-caret:before { + border-top: 0; + border-bottom: 5px solid #3e62f5; } .highlight-field { - padding: 10px; - border: 2px solid #3e62f5; + padding: 10px; + border: 2px solid #3e62f5; } .settings-footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 0 -20px; - padding: 15px 15px 15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - background-color: #f8f9fb; + display: flex; + margin: 0 -20px; + padding: 15px 15px 15px; + flex-wrap: wrap; + justify-content: flex-end; + background-color: #f8f9fb; } .settings-footer .setting-response-feedback { - color: #272b41; + color: #272b41; } .settings-footer-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - color: #272b41; + display: flex; + flex-wrap: wrap; + color: #272b41; } .atbdp-settings-panel .cptm-form-control, .atbdp-settings-panel .directorist_dropdown { - max-width: 500px !important; + max-width: 500px !important; } #page_settings .cptm-menu-title { - display: none; + display: none; } #personalization .cptm-menu-title { - display: none; + display: none; } #import_export .cptm-menu-title { - display: none; + display: none; } .directorist-extensions > td > div { - margin: -2px 35px 10px; - border: 1px solid #E3E6EF; - padding: 13px 15px 15px; - border-radius: 5px; - position: relative; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + margin: -2px 35px 10px; + border: 1px solid #e3e6ef; + padding: 13px 15px 15px; + border-radius: 5px; + position: relative; + transition: 0.3s ease; } .ext-more { - position: absolute; - right: 0; - bottom: 20px; - width: 100%; - text-align: center; - z-index: 2; + position: absolute; + right: 0; + bottom: 20px; + width: 100%; + text-align: center; + z-index: 2; } .directorist-extensions table { - width: 100%; + width: 100%; } .ext-height-fix { - height: 250px !important; - overflow: hidden; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + height: 250px !important; + overflow: hidden; + transition: 0.3s ease; } .ext-height-fix:before { - position: absolute; - content: ""; - width: 100%; - height: 150px; - background: -webkit-gradient(linear, right top, right bottom, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.94)), to(#fff)); - background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.94), #fff); - right: 0; - bottom: 0; + position: absolute; + content: ""; + width: 100%; + height: 150px; + background: linear-gradient( + rgba(255, 255, 255, 0), + rgba(255, 255, 255, 0.94), + #fff + ); + right: 0; + bottom: 0; } .ext-more-link { - color: #090E2A; - font-size: 14px; - font-weight: 500; + color: #090e2a; + font-size: 14px; + font-weight: 500; } .directorist-setup-wizard-vh-none { - height: auto; + height: auto; } .directorist-setup-wizard-wrapper { - padding: 100px 0; + padding: 100px 0; } .atbdp-setup-content { - font-family: Arial; - width: 700px; - color: #3e3e3e; - border-radius: 5px; - -webkit-box-shadow: 0 5px 15px rgba(146, 153, 184, 0.2); - box-shadow: 0 5px 15px rgba(146, 153, 184, 0.2); - background-color: #fff; - overflow: hidden; + font-family: Arial; + width: 700px; + color: #3e3e3e; + border-radius: 5px; + box-shadow: 0 5px 15px rgba(146, 153, 184, 0.2); + background-color: #fff; + overflow: hidden; } .atbdp-setup-content .atbdp-c-header { - padding: 32px 40px 23px; - border-bottom: 1px solid #f1f2f6; + padding: 32px 40px 23px; + border-bottom: 1px solid #f1f2f6; } .atbdp-setup-content .atbdp-c-header h1 { - font-size: 28px; - font-weight: 600; - margin: 0; + font-size: 28px; + font-weight: 600; + margin: 0; } .atbdp-setup-content .atbdp-c-body { - padding: 30px 40px 50px; + padding: 30px 40px 50px; } .atbdp-setup-content .atbdp-c-logo { - text-align: center; - margin-bottom: 40px; + text-align: center; + margin-bottom: 40px; } .atbdp-setup-content .atbdp-c-logo img { - width: 200px; + width: 200px; } .atbdp-setup-content .atbdp-c-body p { - font-size: 16px; - line-height: 26px; - color: #5a5f7d; + font-size: 16px; + line-height: 26px; + color: #5a5f7d; } .atbdp-setup-content .atbdp-c-body .atbdp-c-intro-title { - font-size: 26px; - font-weight: 500; + font-size: 26px; + font-weight: 500; } .wintro-text { - margin-top: 100px; + margin-top: 100px; } .atbdp-setup-content .atbdp-c-footer { - background-color: #f4f5f7; - padding: 20px 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + background-color: #f4f5f7; + padding: 20px 40px; + display: flex; + justify-content: flex-end; } .atbdp-setup-content .atbdp-c-footer p { - margin: 0; + margin: 0; } .wbtn { - padding: 0 20px; - line-height: 48px; - display: inline-block; - border-radius: 5px; - border: 1px solid #e3e6ef; - font-size: 15px; - text-decoration: none; - color: #5a5f7d; - background-color: #fff; - cursor: pointer; + padding: 0 20px; + line-height: 48px; + display: inline-block; + border-radius: 5px; + border: 1px solid #e3e6ef; + font-size: 15px; + text-decoration: none; + color: #5a5f7d; + background-color: #fff; + cursor: pointer; } .wbtn-primary { - background-color: #4353ff; - border-color: #4353ff; - color: #fff; - margin-right: 6px; + background-color: #4353ff; + border-color: #4353ff; + color: #fff; + margin-right: 6px; } .w-skip-link { - color: #5a5f7d; - font-size: 15px; - margin-left: 10px; - display: inline-block; - text-decoration: none; + color: #5a5f7d; + font-size: 15px; + margin-left: 10px; + display: inline-block; + text-decoration: none; } .w-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 25px; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + margin-bottom: 25px; } .w-form-group:last-child { - margin-bottom: 0; + margin-bottom: 0; } .w-form-group label { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - font-size: 15px; - font-weight: 500; + flex: 1; + font-size: 15px; + font-weight: 500; } .w-form-group div { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + flex: 1; } .w-form-group select, -.w-form-group input[type=text] { - width: 100%; - height: 42px; - border-radius: 4px; - padding: 0 16px; - border: 1px solid #c6d0dc; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; +.w-form-group input[type="text"] { + width: 100%; + height: 42px; + border-radius: 4px; + padding: 0 16px; + border: 1px solid #c6d0dc; + box-sizing: border-box; + cursor: pointer; } .atbdp-sw-gmap-key small { - display: block; - margin-top: 4px; - color: #9299b8; + display: block; + margin-top: 4px; + color: #9299b8; } .w-toggle-switch { - position: relative; - width: 48px; - height: 26px; + position: relative; + width: 48px; + height: 26px; } .w-toggle-switch .w-switch { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - height: 0; - font-size: 15px; - right: 0; - line-height: 0; - outline: none; - position: absolute; - top: 0; - width: 0; - cursor: pointer; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + height: 0; + font-size: 15px; + right: 0; + line-height: 0; + outline: none; + position: absolute; + top: 0; + width: 0; + cursor: pointer; } .w-toggle-switch .w-switch:before, .w-toggle-switch .w-switch:after { - content: ""; - font-size: 15px; - position: absolute; + content: ""; + font-size: 15px; + position: absolute; } .w-toggle-switch .w-switch:before { - border-radius: 19px; - background-color: #c8cadf; - height: 26px; - right: -4px; - top: -3px; - -webkit-transition: background-color 0.25s ease-out 0.1s; - transition: background-color 0.25s ease-out 0.1s; - width: 48px; + border-radius: 19px; + background-color: #c8cadf; + height: 26px; + right: -4px; + top: -3px; + -webkit-transition: background-color 0.25s ease-out 0.1s; + transition: background-color 0.25s ease-out 0.1s; + width: 48px; } .w-toggle-switch .w-switch:after { - -webkit-box-shadow: 0 0 4px rgba(146, 155, 177, 0.15); - box-shadow: 0 0 4px rgba(146, 155, 177, 0.15); - border-radius: 50%; - background-color: #fefefe; - height: 18px; - -webkit-transform: translate(0, 0); - transform: translate(0, 0); - -webkit-transition: -webkit-transform 0.25s ease-out 0.1s; - transition: -webkit-transform 0.25s ease-out 0.1s; - transition: transform 0.25s ease-out 0.1s; - transition: transform 0.25s ease-out 0.1s, -webkit-transform 0.25s ease-out 0.1s; - width: 18px; - top: 1px; + box-shadow: 0 0 4px rgba(146, 155, 177, 0.15); + border-radius: 50%; + background-color: #fefefe; + height: 18px; + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + -webkit-transition: -webkit-transform 0.25s ease-out 0.1s; + transition: -webkit-transform 0.25s ease-out 0.1s; + transition: transform 0.25s ease-out 0.1s; + transition: + transform 0.25s ease-out 0.1s, + -webkit-transform 0.25s ease-out 0.1s; + width: 18px; + top: 1px; } .w-toggle-switch .w-switch:checked:after { - -webkit-transform: translate(-20px, 0); - transform: translate(-20px, 0); + -webkit-transform: translate(-20px, 0); + transform: translate(-20px, 0); } .w-toggle-switch .w-switch:checked:before { - background-color: #4353ff; + background-color: #4353ff; } .w-input-group { - position: relative; + position: relative; } .w-input-group span { - position: absolute; - right: 1px; - top: 1px; - height: 40px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 12px; - padding: 0 12px; - color: #9299b8; - background-color: #eff0f3; - border-radius: 0 4px 4px 0; + position: absolute; + right: 1px; + top: 1px; + height: 40px; + display: inline-flex; + align-items: center; + font-size: 12px; + padding: 0 12px; + color: #9299b8; + background-color: #eff0f3; + border-radius: 0 4px 4px 0; } .w-input-group input { - padding-right: 58px !important; + padding-right: 58px !important; } .wicon-done { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: 50px; - background-color: #0fb73b; - border-radius: 50%; - width: 80px; - height: 80px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: #fff; - margin-bottom: 10px; + display: inline-flex; + font-size: 50px; + background-color: #0fb73b; + border-radius: 50%; + width: 80px; + height: 80px; + align-items: center; + justify-content: center; + color: #fff; + margin-bottom: 10px; } .wsteps-done { - margin-top: 30px; - text-align: center; + margin-top: 30px; + text-align: center; } .wsteps-done h2 { - font-size: 24px; - font-weight: 500; - margin-bottom: 50px; + font-size: 24px; + font-weight: 500; + margin-bottom: 50px; } .wbtn-outline-primary { - border-color: #4353ff; - color: #4353ff; - margin-right: 6px; + border-color: #4353ff; + color: #4353ff; + margin-right: 6px; } .atbdp-c-footer-center { - -webkit-box-pack: center !important; - -webkit-justify-content: center !important; - -ms-flex-pack: center !important; - justify-content: center !important; - padding: 30px !important; + justify-content: center !important; + padding: 30px !important; } .atbdp-c-footer-center a { - color: #2c99ff; + color: #2c99ff; } .atbdp-none { - display: none; + display: none; } .directorist-importer__importing { - position: relative; + position: relative; } .directorist-importer__importing h2 { - margin-top: 0; + margin-top: 0; } /* progressbar style */ .directorist-importer__importing progress { - border-radius: 15px; - width: 100%; - height: 30px; - overflow: hidden; - position: relative; + border-radius: 15px; + width: 100%; + height: 30px; + overflow: hidden; + position: relative; } .directorist-importer__importing .directorist-importer-wrapper { - position: relative; -} - -.directorist-importer__importing .directorist-importer-wrapper .directorist-importer-length { - position: absolute; - height: 100%; - right: 0; - top: 0; - overflow: hidden; -} - -.directorist-importer__importing .directorist-importer-wrapper .directorist-importer-length:before { - position: absolute; - content: ""; - width: 40px; - height: 100%; - right: 0; - top: 0; - background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(rgba(255, 255, 255, 0.25)), to(transparent)); - background: linear-gradient(to left, transparent, rgba(255, 255, 255, 0.25), transparent); - -webkit-animation: slideRight 2s linear infinite; - animation: slideRight 2s linear infinite; -} - -@-webkit-keyframes slideRight { - from { - right: 0; - } - to { - right: 100%; - } + position: relative; +} + +.directorist-importer__importing + .directorist-importer-wrapper + .directorist-importer-length { + position: absolute; + height: 100%; + right: 0; + top: 0; + overflow: hidden; +} + +.directorist-importer__importing + .directorist-importer-wrapper + .directorist-importer-length:before { + position: absolute; + content: ""; + width: 40px; + height: 100%; + right: 0; + top: 0; + background: linear-gradient( + to left, + transparent, + rgba(255, 255, 255, 0.25), + transparent + ); + animation: slideRight 2s linear infinite; } @keyframes slideRight { - from { - right: 0; - } - to { - right: 100%; - } + from { + right: 0; + } + to { + right: 100%; + } } .directorist-importer__importing progress::-webkit-progress-bar { - background-color: #e8f0f8; - border-radius: 15px; + background-color: #e8f0f8; + border-radius: 15px; } .directorist-importer__importing progress::-webkit-progress-value { - background-color: #2c99ff; + background-color: #2c99ff; } .directorist-importer__importing progress::-moz-progress-bar { - background-color: #e8f0f8; - border-radius: 15px; - border: none; - box-shadow: none; + background-color: #e8f0f8; + border-radius: 15px; + border: none; + box-shadow: none; } .directorist-importer__importing progress[value]::-moz-progress-bar { - background-color: #2c99ff; + background-color: #2c99ff; } .directorist-importer__importing span.importer-notice { - display: block; - color: #5a5f7d; - font-size: 15px; - padding-bottom: 13px; + display: block; + color: #5a5f7d; + font-size: 15px; + padding-bottom: 13px; } .directorist-importer__importing span.importer-details { - display: block; - color: #5a5f7d; - font-size: 15px; - padding-top: 13px; + display: block; + color: #5a5f7d; + font-size: 15px; + padding-top: 13px; } .directorist-importer__importing .spinner.is-active { - width: 15px; - height: 15px; - border-radius: 50%; - border: 3px solid #ddd; - position: absolute; - left: 20px; - top: 26px; - background: transparent; - border-left-color: #4353ff; - -webkit-animation: swRotate 2s linear infinite; - animation: swRotate 2s linear infinite; -} - -@-webkit-keyframes swRotate { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + width: 15px; + height: 15px; + border-radius: 50%; + border: 3px solid #ddd; + position: absolute; + left: 20px; + top: 26px; + background: transparent; + border-left-color: #4353ff; + animation: swRotate 2s linear infinite; } @keyframes swRotate { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(-360deg); + } } /* custom select */ .w-form-group .select2-container--default .select2-selection--single { - height: 40px; - border: 1px solid #c6d0dc; - border-radius: 4px; + height: 40px; + border: 1px solid #c6d0dc; + border-radius: 4px; } -.w-form-group .select2-container--default .select2-selection--single .select2-selection__rendered { - color: #5a5f7d; - line-height: 38px; - padding: 0 15px; +.w-form-group + .select2-container--default + .select2-selection--single + .select2-selection__rendered { + color: #5a5f7d; + line-height: 38px; + padding: 0 15px; } -.w-form-group .select2-container--default .select2-selection--single .select2-selection__arrow { - height: 38px; - left: 5px; +.w-form-group + .select2-container--default + .select2-selection--single + .select2-selection__arrow { + height: 38px; + left: 5px; } .w-form-group span.select2-selection.select2-selection--single:focus { - outline: 0; + outline: 0; } .select2-dropdown { - border: 1px solid #c6d0dc !important; - border-top: 0 none !important; + border: 1px solid #c6d0dc !important; + border-top: 0 none !important; } -.directorist-content-active .select2-container--default .select2-results__option[aria-selected=true] { - background-color: #eee !important; +.directorist-content-active + .select2-container--default + .select2-results__option[aria-selected="true"] { + background-color: #eee !important; } -.directorist-content-active .select2-container--default .select2-results__option--highlighted, -.directorist-content-active .select2-container--default .select2-results__option[aria-selected=true].select2-results__option--highlighted { - background-color: #4353ff !important; +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted, +.directorist-content-active + .select2-container--default + .select2-results__option[aria-selected="true"].select2-results__option--highlighted { + background-color: #4353ff !important; } .btn-hide { - display: none; + display: none; } .directorist-setup-wizard { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - height: auto; - margin: 0; - font-family: "Inter"; + display: flex; + align-items: flex-start; + height: auto; + margin: 0; + font-family: "Inter"; } .directorist-setup-wizard__wrapper { - height: 100%; - min-height: 100vh; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 100%; - padding: 0; - background-color: #f4f5f7; + height: 100%; + min-height: 100vh; + display: flex; + flex-direction: column; + width: 100%; + padding: 0; + background-color: #f4f5f7; } .directorist-setup-wizard__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - background-color: #ffffff; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + display: flex; + gap: 30px; + align-items: center; + justify-content: space-between; + background-color: #ffffff; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .directorist-setup-wizard__header__step { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 15px; - max-width: 700px; - padding: 15px 0; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex: 1; + gap: 15px; + max-width: 700px; + padding: 15px 0; + flex-direction: column; + align-items: center; } @media (max-width: 767px) { - .directorist-setup-wizard__header__step { - position: absolute; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - top: 80px; - width: 100%; - padding: 15px 20px 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; - } + .directorist-setup-wizard__header__step { + position: absolute; + right: 50%; + transform: translateX(50%); + top: 80px; + width: 100%; + padding: 15px 20px 0; + box-sizing: border-box; + } } .directorist-setup-wizard__header__step .atbdp-setup-steps { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0; - margin: 0; - list-style: none; - border-radius: 25px; - overflow: hidden; + width: 100%; + display: flex; + flex-wrap: wrap; + padding: 0; + margin: 0; + list-style: none; + border-radius: 25px; + overflow: hidden; } .directorist-setup-wizard__header__step .atbdp-setup-steps li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - position: relative; + display: flex; + flex: 1; + position: relative; } .directorist-setup-wizard__header__step .atbdp-setup-steps li:after { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 100%; - height: 12px; - background-color: #ebebeb; -} -.directorist-setup-wizard__header__step .atbdp-setup-steps li.done:after, .directorist-setup-wizard__header__step .atbdp-setup-steps li.active:after { - background-color: #4353ff; + content: ""; + display: inline-flex; + width: 100%; + height: 12px; + background-color: #ebebeb; +} +.directorist-setup-wizard__header__step .atbdp-setup-steps li.done:after, +.directorist-setup-wizard__header__step .atbdp-setup-steps li.active:after { + background-color: #4353ff; } .directorist-setup-wizard__logo { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 15px 25px; - border-left: 1px solid #e7e7e7; + display: flex; + align-self: stretch; + align-items: center; + padding: 15px 25px; + border-left: 1px solid #e7e7e7; } @media (max-width: 767px) { - .directorist-setup-wizard__logo { - border: none; - } + .directorist-setup-wizard__logo { + border: none; + } } .directorist-setup-wizard__logo img { - width: 140px; + width: 140px; } .directorist-setup-wizard__close { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 15px 25px; - -webkit-margin-start: 138px; - margin-inline-start: 138px; - border-right: 1px solid #e7e7e7; + display: flex; + align-self: stretch; + align-items: center; + padding: 15px 25px; + margin-inline-start: 138px; + border-right: 1px solid #e7e7e7; } @media (max-width: 1199px) { - .directorist-setup-wizard__close { - -webkit-margin-start: 0; - margin-inline-start: 0; - } + .directorist-setup-wizard__close { + margin-inline-start: 0; + } } .directorist-setup-wizard__close__btn svg path { - fill: #b7b7b7; - -webkit-transition: fill 0.3s ease; - transition: fill 0.3s ease; + fill: #b7b7b7; + transition: fill 0.3s ease; } .directorist-setup-wizard__close__btn:hover svg path { - fill: #4353ff; + fill: #4353ff; } .directorist-setup-wizard__footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - padding: 15px 25px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - background-color: #ffffff; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + display: flex; + gap: 30px; + padding: 15px 25px; + align-items: center; + justify-content: space-between; + background-color: #ffffff; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } @media (max-width: 375px) { - .directorist-setup-wizard__footer { - gap: 20px; - padding: 30px 20px; - } + .directorist-setup-wizard__footer { + gap: 20px; + padding: 30px 20px; + } } .directorist-setup-wizard__btn { - padding: 0 20px; - height: 48px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 20px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - font-size: 15px; - background-color: #4353ff; - border-color: #4353ff; - color: #fff; - border: none; - cursor: pointer; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + padding: 0 20px; + height: 48px; + display: flex; + align-items: center; + gap: 20px; + justify-content: center; + border-radius: 8px; + font-size: 15px; + background-color: #4353ff; + border-color: #4353ff; + color: #fff; + border: none; + cursor: pointer; + transition: opacity 0.3s ease; } .directorist-setup-wizard__btn:hover { - opacity: 0.85; + opacity: 0.85; } .directorist-setup-wizard__btn:disabled { - opacity: 0.5; - pointer-events: none; - cursor: not-allowed; + opacity: 0.5; + pointer-events: none; + cursor: not-allowed; } @media (max-width: 375px) { - .directorist-setup-wizard__btn { - gap: 15px; - } + .directorist-setup-wizard__btn { + gap: 15px; + } } .directorist-setup-wizard__btn--skip { - background: transparent; - color: #000; - padding: 0; + background: transparent; + color: #000; + padding: 0; } .directorist-setup-wizard__btn--full { - width: 100%; - text-align: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + text-align: center; + box-sizing: border-box; } .directorist-setup-wizard__btn--return { - color: #141414; - background: #ebebeb; + color: #141414; + background: #ebebeb; } .directorist-setup-wizard__btn--next { - position: relative; - gap: 10px; - padding: 0 25px; + position: relative; + gap: 10px; + padding: 0 25px; } @media (max-width: 375px) { - .directorist-setup-wizard__btn--next { - padding: 0 20px; - } + .directorist-setup-wizard__btn--next { + padding: 0 20px; + } } .directorist-setup-wizard__btn.loading { - position: relative; + position: relative; } .directorist-setup-wizard__btn.loading:before { - content: ""; - position: absolute; - right: 0; - top: 0; - width: 100%; - height: 100%; - border-radius: 8px; - background-color: rgba(0, 0, 0, 0.5); + content: ""; + position: absolute; + right: 0; + top: 0; + width: 100%; + height: 100%; + border-radius: 8px; + background-color: rgba(0, 0, 0, 0.5); } .directorist-setup-wizard__btn.loading:after { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 20px; - height: 20px; - border-radius: 50%; - border: 2px solid #ffffff; - border-top-color: #4353ff; - position: absolute; - top: 12px; - left: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - -webkit-animation: spin 3s linear infinite; - animation: spin 3s linear infinite; + content: ""; + display: inline-flex; + width: 20px; + height: 20px; + border-radius: 50%; + border: 2px solid #ffffff; + border-top-color: #4353ff; + position: absolute; + top: 12px; + left: 50%; + transform: translateX(50%); + animation: spin 3s linear infinite; } .directorist-setup-wizard__next { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 20px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + display: flex; + align-items: center; + gap: 20px; + flex: 1; + justify-content: flex-end; } .directorist-setup-wizard__next .directorist-setup-wizard__btn { - height: 44px; + height: 44px; } @media (max-width: 375px) { - .directorist-setup-wizard__next { - gap: 15px; - } + .directorist-setup-wizard__next { + gap: 15px; + } } .directorist-setup-wizard__back__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #000; + display: flex; + gap: 10px; + align-items: center; + color: #000; } .directorist-setup-wizard__back__btn:hover { - opacity: 0.85; + opacity: 0.85; } .directorist-setup-wizard__content { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + width: 100%; + display: flex; + gap: 30px; + flex-direction: column; } .directorist-setup-wizard__content__title { - font-size: 30px; - line-height: 36px; - font-weight: 400; - margin: 0 0 10px; - color: #141414; + font-size: 30px; + line-height: 36px; + font-weight: 400; + margin: 0 0 10px; + color: #141414; } .directorist-setup-wizard__content__title--section { - font-size: 24px; - font-weight: 500; - margin: 30px 0 15px; + font-size: 24px; + font-weight: 500; + margin: 30px 0 15px; } .directorist-setup-wizard__content__section-title { - font-size: 18px; - line-height: 26px; - font-weight: 600; - margin: 0 0 15px; - color: #141414; + font-size: 18px; + line-height: 26px; + font-weight: 600; + margin: 0 0 15px; + color: #141414; } .directorist-setup-wizard__content__desc { - font-size: 16px; - font-weight: 400; - margin: 0 0 10px; - color: #484848; + font-size: 16px; + font-weight: 400; + margin: 0 0 10px; + color: #484848; } .directorist-setup-wizard__content__header { - margin: 0 auto; - text-align: center; + margin: 0 auto; + text-align: center; } .directorist-setup-wizard__content__header--listings { - max-width: 100%; - text-align: center; + max-width: 100%; + text-align: center; } .directorist-setup-wizard__content__header__title { - font-size: 30px; - line-height: 36px; - font-weight: 400; - margin: 0 0 10px; + font-size: 30px; + line-height: 36px; + font-weight: 400; + margin: 0 0 10px; } .directorist-setup-wizard__content__header__title:last-child { - margin: 0; + margin: 0; } .directorist-setup-wizard__content__header__desc { - font-size: 16px; - line-height: 26px; - font-weight: 400; - margin: 0; + font-size: 16px; + line-height: 26px; + font-weight: 400; + margin: 0; } .directorist-setup-wizard__content__items { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 40px; - width: 100%; - max-width: 720px; - margin: 0 auto; - background-color: #ffffff; - border-radius: 8px; - -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05); - box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05); - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + display: flex; + gap: 10px; + flex-wrap: wrap; + padding: 40px; + width: 100%; + max-width: 720px; + margin: 0 auto; + background-color: #ffffff; + border-radius: 8px; + box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05); + box-sizing: border-box; } @media (max-width: 480px) { - .directorist-setup-wizard__content__items { - padding: 35px 25px; - } + .directorist-setup-wizard__content__items { + padding: 35px 25px; + } } @media (max-width: 375px) { - .directorist-setup-wizard__content__items { - padding: 30px 20px; - } + .directorist-setup-wizard__content__items { + padding: 30px 20px; + } } .directorist-setup-wizard__content__items--listings { - gap: 30px; - padding: 40px 180px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + gap: 30px; + padding: 40px 180px; + flex-direction: column; } @media (max-width: 991px) { - .directorist-setup-wizard__content__items--listings { - padding: 40px 100px; - } + .directorist-setup-wizard__content__items--listings { + padding: 40px 100px; + } } @media (max-width: 767px) { - .directorist-setup-wizard__content__items--listings { - padding: 40px 50px; - } + .directorist-setup-wizard__content__items--listings { + padding: 40px 50px; + } } @media (max-width: 480px) { - .directorist-setup-wizard__content__items--listings { - padding: 35px 25px; - } + .directorist-setup-wizard__content__items--listings { + padding: 35px 25px; + } } @media (max-width: 375) { - .directorist-setup-wizard__content__items--listings { - padding: 30px 20px; - } + .directorist-setup-wizard__content__items--listings { + padding: 30px 20px; + } } .directorist-setup-wizard__content__items--completed { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - text-align: center; - gap: 0; - padding: 40px 75px 50px; + flex-direction: column; + text-align: center; + gap: 0; + padding: 40px 75px 50px; } @media (max-width: 480px) { - .directorist-setup-wizard__content__items--completed { - padding: 40px 30px 50px; - } + .directorist-setup-wizard__content__items--completed { + padding: 40px 30px 50px; + } } .directorist-setup-wizard__content__items--completed .congratulations-img { - margin: 0 auto 10px; + margin: 0 auto 10px; } .directorist-setup-wizard__content__import { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .directorist-setup-wizard__content__import__title { - font-size: 18px; - font-weight: 500; - margin: 0; - color: #141414; + font-size: 18px; + font-weight: 500; + margin: 0; + color: #141414; } .directorist-setup-wizard__content__import__wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + gap: 20px; + flex-direction: column; } .directorist-setup-wizard__content__import__single label { - font-size: 15px; - font-weight: 400; - position: relative; - padding-right: 30px; - color: #484848; - cursor: pointer; + font-size: 15px; + font-weight: 400; + position: relative; + padding-right: 30px; + color: #484848; + cursor: pointer; } .directorist-setup-wizard__content__import__single label:before { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 18px; - height: 18px; - border-radius: 4px; - border: 1px solid #b7b7b7; - position: absolute; - right: 0; - top: -1px; + content: ""; + display: inline-flex; + width: 18px; + height: 18px; + border-radius: 4px; + border: 1px solid #b7b7b7; + position: absolute; + right: 0; + top: -1px; } .directorist-setup-wizard__content__import__single label:after { - content: ""; - background-image: url(../js/57ed7e0c941f002f5892.svg); - background-repeat: no-repeat; - width: 9px; - height: 7px; - position: absolute; - right: 5px; - top: 6px; - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-setup-wizard__content__import__single input[type=checkbox] { - display: none; -} -.directorist-setup-wizard__content__import__single input[type=checkbox]:checked ~ label:before { - background-color: #4353ff; - border-color: #4353ff; -} -.directorist-setup-wizard__content__import__single input[type=checkbox]:checked ~ label:after { - opacity: 1; + content: ""; + background-image: url(../js/../images/52912e13371376d03cbd266752b1fe5e.svg); + background-repeat: no-repeat; + width: 9px; + height: 7px; + position: absolute; + right: 5px; + top: 6px; + opacity: 0; + transition: opacity 0.3s ease; +} +.directorist-setup-wizard__content__import__single input[type="checkbox"] { + display: none; +} +.directorist-setup-wizard__content__import__single + input[type="checkbox"]:checked + ~ label:before { + background-color: #4353ff; + border-color: #4353ff; +} +.directorist-setup-wizard__content__import__single + input[type="checkbox"]:checked + ~ label:after { + opacity: 1; } .directorist-setup-wizard__content__import__btn { - margin-top: 20px; + margin-top: 20px; } .directorist-setup-wizard__content__import__notice { - margin-top: 10px; - font-size: 14px; - font-weight: 400; - text-align: center; + margin-top: 10px; + font-size: 14px; + font-weight: 400; + text-align: center; } .directorist-setup-wizard__content__btns { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + gap: 15px; + flex-wrap: wrap; + justify-content: center; } .directorist-setup-wizard__content__pricing__checkbox { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex; + flex-wrap: wrap; + gap: 20px; + justify-content: space-between; } .directorist-setup-wizard__content__pricing__checkbox .feature-title { - font-size: 14px; - color: #484848; + font-size: 14px; + color: #484848; } .directorist-setup-wizard__content__pricing__checkbox label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - position: relative; - cursor: pointer; + display: flex; + position: relative; + cursor: pointer; } .directorist-setup-wizard__content__pricing__checkbox label:before { - content: ""; - width: 40px; - height: 20px; - border-radius: 15px; - border: 1px solid #4353ff; - background: transparent; - position: absolute; - left: 0; - top: 0; + content: ""; + width: 40px; + height: 20px; + border-radius: 15px; + border: 1px solid #4353ff; + background: transparent; + position: absolute; + left: 0; + top: 0; } .directorist-setup-wizard__content__pricing__checkbox label:after { - content: ""; - position: absolute; - left: 22px; - top: 4px; - width: 14px; - height: 14px; - border-radius: 100%; - background-color: #4353ff; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; -} -.directorist-setup-wizard__content__pricing__checkbox input[type=checkbox] { - display: none; -} -.directorist-setup-wizard__content__pricing__checkbox input[type=checkbox]:checked ~ label:before { - background-color: #4353ff; -} -.directorist-setup-wizard__content__pricing__checkbox input[type=checkbox]:checked ~ label:after { - left: 5px; - background-color: #ffffff; -} -.directorist-setup-wizard__content__pricing__checkbox input[type=checkbox]:checked ~ .directorist-setup-wizard__content__pricing__amount { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + content: ""; + position: absolute; + left: 22px; + top: 4px; + width: 14px; + height: 14px; + border-radius: 100%; + background-color: #4353ff; + transition: all 0.3s ease; +} +.directorist-setup-wizard__content__pricing__checkbox input[type="checkbox"] { + display: none; +} +.directorist-setup-wizard__content__pricing__checkbox + input[type="checkbox"]:checked + ~ label:before { + background-color: #4353ff; +} +.directorist-setup-wizard__content__pricing__checkbox + input[type="checkbox"]:checked + ~ label:after { + left: 5px; + background-color: #ffffff; +} +.directorist-setup-wizard__content__pricing__checkbox + input[type="checkbox"]:checked + ~ .directorist-setup-wizard__content__pricing__amount { + display: flex; + align-items: center; + justify-content: space-between; + flex: 0 0 100%; } .directorist-setup-wizard__content__pricing__amount { - display: none; + display: none; } .directorist-setup-wizard__content__pricing__amount .price-title { - font-size: 14px; - color: #484848; + font-size: 14px; + color: #484848; } .directorist-setup-wizard__content__pricing__amount .price-amount { - font-size: 14px; - font-weight: 500; - color: #141414; - border-radius: 8px; - background-color: #ebebeb; - border: 1px solid #ebebeb; - padding: 10px 15px; + font-size: 14px; + font-weight: 500; + color: #141414; + border-radius: 8px; + background-color: #ebebeb; + border: 1px solid #ebebeb; + padding: 10px 15px; } .directorist-setup-wizard__content__pricing__amount .price-amount input { - border: none; - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - padding: 0; - max-width: 45px; - background: transparent; + border: none; + outline: none; + box-shadow: none; + padding: 0; + max-width: 45px; + background: transparent; } .directorist-setup-wizard__content__gateway__checkbox { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - margin: 0 0 20px; + display: flex; + gap: 10px; + flex-wrap: wrap; + justify-content: space-between; + margin: 0 0 20px; } .directorist-setup-wizard__content__gateway__checkbox:last-child { - margin: 0; + margin: 0; } .directorist-setup-wizard__content__gateway__checkbox .gateway-title { - font-size: 14px; - color: #484848; + font-size: 14px; + color: #484848; } .directorist-setup-wizard__content__gateway__checkbox label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - position: relative; - cursor: pointer; + display: flex; + position: relative; + cursor: pointer; } .directorist-setup-wizard__content__gateway__checkbox label:before { - content: ""; - width: 40px; - height: 20px; - border-radius: 15px; - border: 1px solid #4353ff; - background: transparent; - position: absolute; - left: 0; - top: 0; + content: ""; + width: 40px; + height: 20px; + border-radius: 15px; + border: 1px solid #4353ff; + background: transparent; + position: absolute; + left: 0; + top: 0; } .directorist-setup-wizard__content__gateway__checkbox label:after { - content: ""; - position: absolute; - left: 22px; - top: 4px; - width: 14px; - height: 14px; - border-radius: 100%; - background-color: #4353ff; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; -} -.directorist-setup-wizard__content__gateway__checkbox input[type=checkbox] { - display: none; -} -.directorist-setup-wizard__content__gateway__checkbox input[type=checkbox]:checked ~ label:before { - background-color: #4353ff; -} -.directorist-setup-wizard__content__gateway__checkbox input[type=checkbox]:checked ~ label:after { - left: 5px; - background-color: #ffffff; + content: ""; + position: absolute; + left: 22px; + top: 4px; + width: 14px; + height: 14px; + border-radius: 100%; + background-color: #4353ff; + transition: all 0.3s ease; +} +.directorist-setup-wizard__content__gateway__checkbox input[type="checkbox"] { + display: none; +} +.directorist-setup-wizard__content__gateway__checkbox + input[type="checkbox"]:checked + ~ label:before { + background-color: #4353ff; +} +.directorist-setup-wizard__content__gateway__checkbox + input[type="checkbox"]:checked + ~ label:after { + left: 5px; + background-color: #ffffff; } .directorist-setup-wizard__content__gateway__checkbox .enable-warning { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - font-size: 12px; - font-style: italic; + flex: 0 0 100%; + font-size: 12px; + font-style: italic; } .directorist-setup-wizard__content__notice { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 14px; - font-weight: 500; - color: #484848; - -webkit-transition: color 0.3s eases; - transition: color 0.3s eases; + display: flex; + gap: 5px; + align-items: center; + justify-content: center; + font-size: 14px; + font-weight: 500; + color: #484848; + transition: color 0.3s eases; } .directorist-setup-wizard__content__notice:hover { - color: #4353ff; + color: #4353ff; } .directorist-setup-wizard__checkbox { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; + display: flex; + align-items: center; + gap: 10px; } @media (max-width: 480px) { - .directorist-setup-wizard__checkbox { - width: 100%; - } - .directorist-setup-wizard__checkbox label { - width: 100%; - } + .directorist-setup-wizard__checkbox { + width: 100%; + } + .directorist-setup-wizard__checkbox label { + width: 100%; + } } .directorist-setup-wizard__checkbox--custom { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - display: none; + flex: 0 0 100%; + display: none; } .directorist-setup-wizard__checkbox label { - position: relative; - font-size: 14px; - font-weight: 500; - color: #141414; - height: 40px; - line-height: 38px; - padding: 0 15px 0 40px; - border-radius: 5px; - border: 1px solid #d6d6d6; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; + position: relative; + font-size: 14px; + font-weight: 500; + color: #141414; + height: 40px; + line-height: 38px; + padding: 0 15px 0 40px; + border-radius: 5px; + border: 1px solid #d6d6d6; + transition: background-color 0.3s ease; + box-sizing: border-box; + cursor: pointer; } .directorist-setup-wizard__checkbox label:before { - content: ""; - background-image: url(../js/cbce2b363c224ee87fe0.svg); - background-repeat: no-repeat; - width: 16px; - height: 16px; - position: absolute; - left: 10px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - opacity: 0; -} -.directorist-setup-wizard__checkbox input[type=checkbox] { - display: none; -} -.directorist-setup-wizard__checkbox input[type=checkbox]:checked ~ label { - background-color: rgba(67, 83, 255, 0.2509803922); - border-color: transparent; -} -.directorist-setup-wizard__checkbox input[type=checkbox]:checked ~ label::before { - opacity: 1; -} -.directorist-setup-wizard__checkbox input[type=checkbox]:disabled ~ label { - background-color: #ebebeb; - color: #b7b7b7; - cursor: not-allowed; -} -.directorist-setup-wizard__checkbox input[type=text] { - width: 100%; - height: 42px; - border-radius: 4px; - padding: 0 16px; - background-color: #ebebeb; - border: none; - outline: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-setup-wizard__checkbox input[type=text]::-webkit-input-placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; -} -.directorist-setup-wizard__checkbox input[type=text]::-moz-placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; -} -.directorist-setup-wizard__checkbox input[type=text]:-ms-input-placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; -} -.directorist-setup-wizard__checkbox input[type=text]::-ms-input-placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; -} -.directorist-setup-wizard__checkbox input[type=text]::placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; + content: ""; + background-image: url(../js/../images/ce51f4953f209124fb4786d7d5946493.svg); + background-repeat: no-repeat; + width: 16px; + height: 16px; + position: absolute; + left: 10px; + top: 50%; + transform: translateY(-50%); + font-size: 14px; + opacity: 0; +} +.directorist-setup-wizard__checkbox input[type="checkbox"] { + display: none; +} +.directorist-setup-wizard__checkbox input[type="checkbox"]:checked ~ label { + background-color: rgba(67, 83, 255, 0.2509803922); + border-color: transparent; +} +.directorist-setup-wizard__checkbox + input[type="checkbox"]:checked + ~ label::before { + opacity: 1; +} +.directorist-setup-wizard__checkbox input[type="checkbox"]:disabled ~ label { + background-color: #ebebeb; + color: #b7b7b7; + cursor: not-allowed; +} +.directorist-setup-wizard__checkbox input[type="text"] { + width: 100%; + height: 42px; + border-radius: 4px; + padding: 0 16px; + background-color: #ebebeb; + border: none; + outline: none; + box-sizing: border-box; +} +.directorist-setup-wizard__checkbox input[type="text"]::placeholder { + font-size: 14px; + font-weight: 400; + color: #787878; } .directorist-setup-wizard__counter { - width: 100%; - text-align: right; + width: 100%; + text-align: right; } .directorist-setup-wizard__counter__title { - font-size: 20px; - font-weight: 600; - color: #141414; - margin: 0 0 10px; + font-size: 20px; + font-weight: 600; + color: #141414; + margin: 0 0 10px; } .directorist-setup-wizard__counter__desc { - display: none; - font-size: 14px; - color: #404040; - margin: 0 0 10px; + display: none; + font-size: 14px; + color: #404040; + margin: 0 0 10px; } .directorist-setup-wizard__counter .selected_count { - color: #4353ff; + color: #4353ff; } .directorist-setup-wizard__introduction { - max-width: 700px; - margin: 0 auto; - text-align: center; - padding: 50px 0 100px; + max-width: 700px; + margin: 0 auto; + text-align: center; + padding: 50px 0 100px; } .directorist-setup-wizard__step { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 15px; - padding: 50px 15px 100px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: flex; + flex: 1; + gap: 15px; + padding: 50px 15px 100px; + flex-direction: column; + align-items: center; + box-sizing: border-box; } @media (max-width: 767px) { - .directorist-setup-wizard__step { - padding-top: 100px; - } + .directorist-setup-wizard__step { + padding-top: 100px; + } } .directorist-setup-wizard__box { - width: 100%; - max-width: 720px; - margin: 0 auto; - padding: 30px 40px 40px; - background-color: #ffffff; - border-radius: 8px; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + max-width: 720px; + margin: 0 auto; + padding: 30px 40px 40px; + background-color: #ffffff; + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + box-sizing: border-box; } @media (max-width: 480px) { - .directorist-setup-wizard__box { - padding: 30px 25px; - } + .directorist-setup-wizard__box { + padding: 30px 25px; + } } @media (max-width: 375px) { - .directorist-setup-wizard__box { - padding: 30px 20px; - } + .directorist-setup-wizard__box { + padding: 30px 20px; + } } .directorist-setup-wizard__box__content__title { - font-size: 24px; - font-weight: 400; - margin: 0 0 5px; - color: #141414; + font-size: 24px; + font-weight: 400; + margin: 0 0 5px; + color: #141414; } .directorist-setup-wizard__box__content__title--section { - font-size: 15px; - font-weight: 400; - color: #141414; - margin: 0 0 10px; + font-size: 15px; + font-weight: 400; + color: #141414; + margin: 0 0 10px; } .directorist-setup-wizard__box__content__desc { - font-size: 15px; - font-weight: 400; - margin: 0 0 25px; - color: #484848; + font-size: 15px; + font-weight: 400; + margin: 0 0 25px; + color: #484848; } .directorist-setup-wizard__box__content__form { - position: relative; + position: relative; } .directorist-setup-wizard__box__content__form:before { - content: ""; - background-image: url(../js/cd12c438bd56fbec79b3.svg); - background-repeat: no-repeat; - width: 14px; - height: 14px; - position: absolute; - right: 18px; - top: 14px; + content: ""; + background-image: url(../js/../images/2b491f8827936e353fbe598bfae84852.svg); + background-repeat: no-repeat; + width: 14px; + height: 14px; + position: absolute; + right: 18px; + top: 14px; } .directorist-setup-wizard__box__content__form .address_result { - background-color: #ffffff; - -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); - box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); + background-color: #ffffff; + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); } -.directorist-setup-wizard__box__content__form.directorist-search-field .directorist-setup-wizard__box__content__input--clear { - display: none; +.directorist-setup-wizard__box__content__form.directorist-search-field + .directorist-setup-wizard__box__content__input--clear { + display: none; } -.directorist-setup-wizard__box__content__form.directorist-search-field.input-is-focused .directorist-setup-wizard__box__content__input--clear { - display: block; +.directorist-setup-wizard__box__content__form.directorist-search-field.input-is-focused + .directorist-setup-wizard__box__content__input--clear { + display: block; } .directorist-setup-wizard__box__content__input { - width: 100%; - height: 44px; - border-radius: 8px; - padding: 0 40px; - padding-left: 60px; - outline: none; - background-color: #ebebeb; - border: 1px solid #ebebeb; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + height: 44px; + border-radius: 8px; + padding: 0 40px; + padding-left: 60px; + outline: none; + background-color: #ebebeb; + border: 1px solid #ebebeb; + box-sizing: border-box; } .directorist-setup-wizard__box__content__input--clear { - position: absolute; - left: 40px; - top: 14px; + position: absolute; + left: 40px; + top: 14px; } -.directorist-setup-wizard__box__content__input--clear .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #484848; +.directorist-setup-wizard__box__content__input--clear + .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: #484848; } .directorist-setup-wizard__box__content__location-icon { - position: absolute; - left: 18px; - top: 14px; + position: absolute; + left: 18px; + top: 14px; } -.directorist-setup-wizard__box__content__location-icon .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #484848; +.directorist-setup-wizard__box__content__location-icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: #484848; } .directorist-setup-wizard__map { - margin-top: 20px; + margin-top: 20px; } .directorist-setup-wizard__map #gmap { - height: 280px; - border-radius: 8px; + height: 280px; + border-radius: 8px; } .directorist-setup-wizard__map .leaflet-touch .leaflet-bar a { - background: #ffffff; + background: #ffffff; } -.directorist-setup-wizard__map .leaflet-marker-icon .directorist-icon-mask:after { - width: 30px; - height: 30px; - background-color: #e23636; - -webkit-mask-image: url(../js/c5960c249e03a1405b32.svg); - mask-image: url(../js/c5960c249e03a1405b32.svg); +.directorist-setup-wizard__map + .leaflet-marker-icon + .directorist-icon-mask:after { + width: 30px; + height: 30px; + background-color: #e23636; + mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); } .directorist-setup-wizard__notice { - position: absolute; - bottom: 10px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - font-size: 12px; - font-weight: 600; - font-style: italic; - color: #f80718; -} - -@-webkit-keyframes spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + position: absolute; + bottom: 10px; + right: 50%; + transform: translateX(50%); + font-size: 12px; + font-weight: 600; + font-style: italic; + color: #f80718; } @keyframes spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + from { + transform: rotate(0deg); + } + to { + transform: rotate(-360deg); + } } /* data Progressing */ .directorist-setup-wizard__step .directorist-setup-wizard__content.hidden { - display: none; + display: none; } .middle-content.middle-content-import { - background: white; - padding: 40px; - -webkit-box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1); - box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1); - width: 600px; - border-radius: 8px; + background: white; + padding: 40px; + box-shadow: + 0px 4px 6px -2px rgba(0, 0, 0, 0.05), + 0px 10px 15px -3px rgba(0, 0, 0, 0.1); + width: 600px; + border-radius: 8px; } .middle-content.hidden { - display: none; + display: none; } .directorist-import-progress-info-text { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-align-content: center; - -ms-flex-line-pack: center; - align-content: center; - grid-gap: 10px; + display: flex; + align-items: center; + align-content: center; + grid-gap: 10px; } .directorist-import-progress, .directorist-import-error { - margin-top: 25px; + margin-top: 25px; } .directorist-import-progress .directorist-import-progress-bar-wrap, .directorist-import-error .directorist-import-progress-bar-wrap { - position: relative; - overflow: hidden; + position: relative; + overflow: hidden; } .directorist-import-progress .import-progress-gap span, .directorist-import-error .import-progress-gap span { - background: white; - height: 6px; - position: absolute; - width: 10px; - top: -1px; + background: white; + height: 6px; + position: absolute; + width: 10px; + top: -1px; } .directorist-import-progress .import-progress-gap span:nth-child(1), .directorist-import-error .import-progress-gap span:nth-child(1) { - right: calc(25% - 10px); + right: calc(25% - 10px); } .directorist-import-progress .import-progress-gap span:nth-child(2), .directorist-import-error .import-progress-gap span:nth-child(2) { - right: calc(50% - 10px); + right: calc(50% - 10px); } .directorist-import-progress .import-progress-gap span:nth-child(3), .directorist-import-error .import-progress-gap span:nth-child(3) { - right: calc(75% - 10px); + right: calc(75% - 10px); } .directorist-import-progress .directorist-import-progress-bar-bg, .directorist-import-error .directorist-import-progress-bar-bg { - height: 4px; - background: #e5e7eb; - width: 100%; - position: relative; -} -.directorist-import-progress .directorist-import-progress-bar-bg .directorist-import-progress-bar, -.directorist-import-error .directorist-import-progress-bar-bg .directorist-import-progress-bar { - position: absolute; - right: 0; - top: 0; - background: #2563eb; - -webkit-transition: all 1s; - transition: all 1s; - width: 0%; - height: 100%; -} -.directorist-import-progress .directorist-import-progress-bar-bg .directorist-import-progress-bar.import-done, -.directorist-import-error .directorist-import-progress-bar-bg .directorist-import-progress-bar.import-done { - background: #38c172; + height: 4px; + background: #e5e7eb; + width: 100%; + position: relative; +} +.directorist-import-progress + .directorist-import-progress-bar-bg + .directorist-import-progress-bar, +.directorist-import-error + .directorist-import-progress-bar-bg + .directorist-import-progress-bar { + position: absolute; + right: 0; + top: 0; + background: #2563eb; + transition: all 1s; + width: 0%; + height: 100%; +} +.directorist-import-progress + .directorist-import-progress-bar-bg + .directorist-import-progress-bar.import-done, +.directorist-import-error + .directorist-import-progress-bar-bg + .directorist-import-progress-bar.import-done { + background: #38c172; } .directorist-import-progress .directorist-import-progress-info, .directorist-import-error .directorist-import-progress-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-top: 15px; - margin-bottom: 15px; + display: flex; + justify-content: space-between; + align-items: center; + margin-top: 15px; + margin-bottom: 15px; } .directorist-import-error .directorist-import-error-box { - overflow-y: scroll; + overflow-y: scroll; } .directorist-import-error .directorist-import-progress-bar-bg { - width: 100%; - margin-bottom: 15px; + width: 100%; + margin-bottom: 15px; } -.directorist-import-error .directorist-import-progress-bar-bg .directorist-import-progress-bar { - background: #2563eb; +.directorist-import-error + .directorist-import-progress-bar-bg + .directorist-import-progress-bar { + background: #2563eb; } .directorist-import-process-step-bottom { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; } .directorist-import-process-step-bottom img { - width: 335px; - text-align: center; - display: inline-block; - padding: 20px 10px 0; + width: 335px; + text-align: center; + display: inline-block; + padding: 20px 10px 0; } .import-done-congrats { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } .import-done-congrats span { - margin-right: 17px; + margin-right: 17px; } .import-done-section { - margin-top: 60px; + margin-top: 60px; } .import-done-section .tweet-import-success .tweet-text { - background: #ffffff; - border: 1px solid rgba(34, 101, 235, 0.1); - border-radius: 4px; - padding: 14px 21px 14px 21px; + background: #ffffff; + border: 1px solid rgba(34, 101, 235, 0.1); + border-radius: 4px; + padding: 14px 21px 14px 21px; } .import-done-section .tweet-import-success .twitter-btn-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 7px; - left: 30px; - position: absolute; - margin-top: 8px; - text-decoration: none; + display: flex; + align-items: center; + gap: 7px; + left: 30px; + position: absolute; + margin-top: 8px; + text-decoration: none; } .import-done-section .import-done-text { - margin-top: 60px; + margin-top: 60px; } .import-done-section .import-done-text .import-done-counter { - text-align: right; + text-align: right; } .import-done-section .import-done-text .import-done-button { - margin-top: 25px; + margin-top: 25px; } .directorist-import-done-inner, .import-done-counter, .import-done-section { - display: none; + display: none; } .import-done .import-status-string, .import-done .directorist-import-text-inner { - display: none; + display: none; } .import-done .import-done-counter, .import-done .directorist-import-done-inner, .import-done .import-done-section { - display: block; + display: block; } .import-progress-warning { - position: relative; - top: 10px; - font-size: 15px; - font-weight: 500; - color: #e91e63; - display: block; - text-align: center; + position: relative; + top: 10px; + font-size: 15px; + font-weight: 500; + color: #e91e63; + display: block; + text-align: center; } .directorist-create-directory { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-family: "Inter"; - margin-right: -20px; + display: flex; + flex-direction: column; + font-family: "Inter"; + margin-right: -20px; } .directorist-create-directory * { - -webkit-box-flex: unset !important; - -webkit-flex-grow: unset !important; - -ms-flex-positive: unset !important; - flex-grow: unset !important; + flex-grow: unset !important; } .directorist-create-directory__wrapper { - width: 100%; - height: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 0; - margin: 50px 0; + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + padding: 0; + margin: 50px 0; } .directorist-create-directory__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - background-color: #ffffff; - padding: 12px 32px; - border-bottom: 1px solid #E5E7EB; + display: flex; + gap: 30px; + align-items: center; + justify-content: space-between; + background-color: #ffffff; + padding: 12px 32px; + border-bottom: 1px solid #e5e7eb; } .directorist-create-directory__logo { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 15px 25px; - border-left: 1px solid #e7e7e7; + display: flex; + align-self: stretch; + align-items: center; + padding: 15px 25px; + border-left: 1px solid #e7e7e7; } @media (max-width: 767px) { - .directorist-create-directory__logo { - border: none; - } + .directorist-create-directory__logo { + border: none; + } } .directorist-create-directory__logo img { - width: 140px; + width: 140px; } .directorist-create-directory__close__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 14px 16px; - font-size: 14px; - line-height: 20px; - font-weight: 500; - color: #141921; + display: flex; + gap: 8px; + align-items: center; + padding: 14px 16px; + font-size: 14px; + line-height: 20px; + font-weight: 500; + color: #141921; } .directorist-create-directory__close__btn svg { - -webkit-box-flex: unset; - -webkit-flex-grow: unset; - -ms-flex-positive: unset; - flex-grow: unset; + flex-grow: unset; } .directorist-create-directory__close__btn svg path { - fill: #b7b7b7; - -webkit-transition: fill 0.3s ease; - transition: fill 0.3s ease; + fill: #b7b7b7; + transition: fill 0.3s ease; } .directorist-create-directory__close__btn:hover svg path { - fill: #4353ff; + fill: #4353ff; } .directorist-create-directory__upgrade { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; + display: flex; + gap: 12px; } .directorist-create-directory__upgrade__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 4px; - font-size: 12px; - line-height: 16px; - font-weight: 600; - color: #141921; - margin: 0; + display: flex; + gap: 4px; + font-size: 12px; + line-height: 16px; + font-weight: 600; + color: #141921; + margin: 0; } .directorist-create-directory__upgrade__link { - font-size: 10px; - line-height: 12px; - font-weight: 500; - color: #3E62F5; - margin: 0; - text-decoration: underline; + font-size: 10px; + line-height: 12px; + font-weight: 500; + color: #3e62f5; + margin: 0; + text-decoration: underline; } .directorist-create-directory__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - padding: 32px; + display: flex; + gap: 12px; + flex-direction: column; + padding: 32px; } .directorist-create-directory__info__title { - font-size: 20px; - line-height: 28px; - font-weight: 600; - margin: 0 0 4px; + font-size: 20px; + line-height: 28px; + font-weight: 600; + margin: 0 0 4px; } .directorist-create-directory__info__desc { - font-size: 14px; - line-height: 22px; - font-weight: 400; - margin: 0; + font-size: 14px; + line-height: 22px; + font-weight: 400; + margin: 0; } .directorist-create-directory__footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - padding: 15px 25px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - background-color: #ffffff; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + display: flex; + gap: 30px; + padding: 15px 25px; + align-items: center; + justify-content: space-between; + background-color: #ffffff; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } @media (max-width: 375px) { - .directorist-create-directory__footer { - gap: 20px; - padding: 30px 20px; - } + .directorist-create-directory__footer { + gap: 20px; + padding: 30px 20px; + } } .directorist-create-directory__btn { - padding: 0 20px; - height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 20px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - font-size: 15px; - background-color: #4353ff; - border-color: #4353ff; - color: #fff; - border: none; - cursor: pointer; - white-space: nowrap; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + padding: 0 20px; + height: 40px; + display: flex; + align-items: center; + gap: 20px; + justify-content: center; + border-radius: 8px; + font-size: 15px; + background-color: #4353ff; + border-color: #4353ff; + color: #fff; + border: none; + cursor: pointer; + white-space: nowrap; + transition: opacity 0.3s ease; } .directorist-create-directory__btn:hover { - opacity: 0.85; + opacity: 0.85; } -.directorist-create-directory__btn:disabled, .directorist-create-directory__btn.disabled { - opacity: 0.5; - pointer-events: none; - cursor: not-allowed; +.directorist-create-directory__btn:disabled, +.directorist-create-directory__btn.disabled { + opacity: 0.5; + pointer-events: none; + cursor: not-allowed; } @media (max-width: 375px) { - .directorist-create-directory__btn { - gap: 15px; - } + .directorist-create-directory__btn { + gap: 15px; + } } .directorist-create-directory__btn--skip { - background: transparent; - color: #000; - padding: 0; + background: transparent; + color: #000; + padding: 0; } .directorist-create-directory__btn--full { - width: 100%; - text-align: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + text-align: center; + box-sizing: border-box; } .directorist-create-directory__btn--return { - color: #141414; - background: #ebebeb; + color: #141414; + background: #ebebeb; } .directorist-create-directory__btn--next { - position: relative; - gap: 8px; - padding: 0 16px; - font-size: 14px; - font-weight: 600; - background-color: #3E62F5; - border-color: #3E62F5; - -webkit-box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); - box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); + position: relative; + gap: 8px; + padding: 0 16px; + font-size: 14px; + font-weight: 600; + background-color: #3e62f5; + border-color: #3e62f5; + box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); } .directorist-create-directory__btn.loading { - position: relative; + position: relative; } .directorist-create-directory__btn.loading:before { - content: ""; - position: absolute; - right: 0; - top: 0; - width: 100%; - height: 100%; - border-radius: 8px; - background-color: rgba(0, 0, 0, 0.5); + content: ""; + position: absolute; + right: 0; + top: 0; + width: 100%; + height: 100%; + border-radius: 8px; + background-color: rgba(0, 0, 0, 0.5); } .directorist-create-directory__btn.loading:after { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 20px; - height: 20px; - border-radius: 50%; - border: 2px solid #ffffff; - border-top-color: #4353ff; - position: absolute; - top: 10px; - left: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - -webkit-animation: spin 3s linear infinite; - animation: spin 3s linear infinite; + content: ""; + display: inline-flex; + width: 20px; + height: 20px; + border-radius: 50%; + border: 2px solid #ffffff; + border-top-color: #4353ff; + position: absolute; + top: 10px; + left: 50%; + transform: translateX(50%); + animation: spin 3s linear infinite; } .directorist-create-directory__next { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + gap: 8px; + align-items: center; } .directorist-create-directory__next img { - max-width: 10px; + max-width: 10px; } .directorist-create-directory__next .directorist_regenerate_fields { - gap: 8px; - font-size: 14px; - line-height: 20px; - font-weight: 500; - color: #3E62F5 !important; - background: transparent !important; - border-color: transparent !important; + gap: 8px; + font-size: 14px; + line-height: 20px; + font-weight: 500; + color: #3e62f5 !important; + background: transparent !important; + border-color: transparent !important; } .directorist-create-directory__next .directorist_regenerate_fields.loading { - pointer-events: none; + pointer-events: none; } .directorist-create-directory__next .directorist_regenerate_fields.loading svg { - -webkit-animation: spin 2s linear infinite; - animation: spin 2s linear infinite; + animation: spin 2s linear infinite; } -.directorist-create-directory__next .directorist_regenerate_fields.loading:before, .directorist-create-directory__next .directorist_regenerate_fields.loading:after { - display: none; +.directorist-create-directory__next + .directorist_regenerate_fields.loading:before, +.directorist-create-directory__next + .directorist_regenerate_fields.loading:after { + display: none; } @media (max-width: 375px) { - .directorist-create-directory__next { - gap: 15px; - } + .directorist-create-directory__next { + gap: 15px; + } } .directorist-create-directory__back { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 8px; + display: flex; + gap: 8px; } .directorist-create-directory__back__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - color: #141921; - font-size: 14px; - font-weight: 500; - line-height: 20px; + display: flex; + align-items: center; + gap: 8px; + color: #141921; + font-size: 14px; + font-weight: 500; + line-height: 20px; } .directorist-create-directory__back__btn svg, .directorist-create-directory__back__btn img { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directorist-create-directory__back__btn:hover { - color: #3E62F5; + color: #3e62f5; } .directorist-create-directory__back__btn:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; + outline: none; + box-shadow: none; } .directorist-create-directory__back__btn.disabled { - opacity: 0.5; - pointer-events: none; - cursor: not-allowed; + opacity: 0.5; + pointer-events: none; + cursor: not-allowed; } .directorist-create-directory__step { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + gap: 12px; + align-items: center; + justify-content: center; } .directorist-create-directory__step .atbdp-setup-steps { - width: 100%; - max-width: 130px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0; - margin: 0; - list-style: none; - border-radius: 4px; - overflow: hidden; + width: 100%; + max-width: 130px; + display: flex; + flex-wrap: wrap; + padding: 0; + margin: 0; + list-style: none; + border-radius: 4px; + overflow: hidden; } .directorist-create-directory__step .atbdp-setup-steps li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - position: relative; - margin: 0; - -webkit-flex-grow: 1 !important; - -ms-flex-positive: 1 !important; - flex-grow: 1 !important; + display: flex; + flex: 1; + position: relative; + margin: 0; + flex-grow: 1 !important; } .directorist-create-directory__step .atbdp-setup-steps li:after { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 100%; - height: 8px; - background-color: #D2D6DB; -} -.directorist-create-directory__step .atbdp-setup-steps li.done:after, .directorist-create-directory__step .atbdp-setup-steps li.active:after { - background-color: #6E89F7; + content: ""; + display: inline-flex; + width: 100%; + height: 8px; + background-color: #d2d6db; +} +.directorist-create-directory__step .atbdp-setup-steps li.done:after, +.directorist-create-directory__step .atbdp-setup-steps li.active:after { + background-color: #6e89f7; } .directorist-create-directory__step .step-count { - font-size: 14px; - line-height: 19px; - font-weight: 600; - color: #747C89; + font-size: 14px; + line-height: 19px; + font-weight: 600; + color: #747c89; } .directorist-create-directory__content { - border-radius: 10px; - border: 1px solid #E5E7EB; - background-color: white; - -webkit-box-shadow: 0px 3px 2px -1px rgba(27, 36, 44, 0.02), 0px 15px 24px -6px rgba(27, 36, 44, 0.08); - box-shadow: 0px 3px 2px -1px rgba(27, 36, 44, 0.02), 0px 15px 24px -6px rgba(27, 36, 44, 0.08); - max-width: 622px; - min-width: 622px; - overflow: auto; - margin: 0 auto; + border-radius: 10px; + border: 1px solid #e5e7eb; + background-color: white; + box-shadow: + 0px 3px 2px -1px rgba(27, 36, 44, 0.02), + 0px 15px 24px -6px rgba(27, 36, 44, 0.08); + max-width: 622px; + min-width: 622px; + overflow: auto; + margin: 0 auto; } .directorist-create-directory__content.full-width { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - height: 100vh; - max-width: 100%; - min-width: 100%; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - border-radius: unset; - background-color: transparent; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + height: 100vh; + max-width: 100%; + min-width: 100%; + border: none; + box-shadow: none; + border-radius: unset; + background-color: transparent; } .directorist-create-directory__content::-webkit-scrollbar { - display: none; + display: none; } .directorist-create-directory__content__items { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 28px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 32px; - width: 100%; - margin: 0 auto; - background-color: #ffffff; - border-radius: 8px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + display: flex; + gap: 28px; + flex-wrap: wrap; + padding: 32px; + width: 100%; + margin: 0 auto; + background-color: #ffffff; + border-radius: 8px; + box-sizing: border-box; } .directorist-create-directory__content__items--columns { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .directorist-create-directory__content__form-group-label { - color: #141921; - font-size: 14px; - font-weight: 600; - line-height: 20px; - margin-bottom: 12px; - display: block; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + color: #141921; + font-size: 14px; + font-weight: 600; + line-height: 20px; + margin-bottom: 12px; + display: block; + align-items: center; } .directorist-create-directory__content__form-group-label .required-label { - color: #D94A4A; - font-weight: 600; + color: #d94a4a; + font-weight: 600; } .directorist-create-directory__content__form-group-label .optional-label { - color: #7E8C9A; - font-weight: 400; + color: #7e8c9a; + font-weight: 400; } .directorist-create-directory__content__form-group { - width: 100%; + width: 100%; } .directorist-create-directory__content__input.form-control { - max-width: 100%; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 7px 44px 7px 16px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - border-radius: 8px; - border: 1px solid #D2D6DB; - background-color: white; - color: #747C89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; - overflow: hidden; - -webkit-transition: 0.3s; - transition: 0.3s; - appearance: none; - -webkit-appearance: none; - -moz-appearance: none; + max-width: 100%; + width: 100%; + display: flex; + padding: 7px 44px 7px 16px; + align-items: center; + gap: 8px; + align-self: stretch; + border-radius: 8px; + border: 1px solid #d2d6db; + background-color: white; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; + overflow: hidden; + transition: 0.3s; + appearance: none; + -webkit-appearance: none; + -moz-appearance: none; } .directorist-create-directory__content__input.form-control.--textarea { - resize: none; - min-height: 148px; - max-height: 148px; - background-color: #F9FAFB; - white-space: wrap; - overflow: auto; + resize: none; + min-height: 148px; + max-height: 148px; + background-color: #f9fafb; + white-space: wrap; + overflow: auto; } .directorist-create-directory__content__input.form-control.--textarea:focus { - background-color: white; + background-color: white; } .directorist-create-directory__content__input.form-control.--icon-none { - padding: 7px 16px; -} -.directorist-create-directory__content__input.form-control::-webkit-input-placeholder { - overflow: hidden; - color: #747C89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; -} -.directorist-create-directory__content__input.form-control::-moz-placeholder { - overflow: hidden; - color: #747C89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; -} -.directorist-create-directory__content__input.form-control:-ms-input-placeholder { - overflow: hidden; - color: #747C89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; -} -.directorist-create-directory__content__input.form-control::-ms-input-placeholder { - overflow: hidden; - color: #747C89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; + padding: 7px 16px; } .directorist-create-directory__content__input.form-control::placeholder { - overflow: hidden; - color: #747C89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; -} -.directorist-create-directory__content__input.form-control:focus, .directorist-create-directory__content__input.form-control:hover { - color: #141921; - border-color: #3E62F5; - -webkit-box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3); - box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3); -} -.directorist-create-directory__content__input[name=directory-location]::-webkit-search-cancel-button { - position: relative; - left: 0; - margin: 0; - height: 20px; - width: 20px; - background: #D1D1D7; - -webkit-appearance: none; - -webkit-mask-image: url(../js/84c98516c08c2bf40588.svg); - mask-image: url(../js/84c98516c08c2bf40588.svg); -} -.directorist-create-directory__content__input.empty, .directorist-create-directory__content__input.max-char-reached { - border-color: #ff0808 !important; - -webkit-box-shadow: 0px 0px 3px 3px rgba(212, 15, 15, 0.3) !important; - box-shadow: 0px 0px 3px 3px rgba(212, 15, 15, 0.3) !important; + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; +} +.directorist-create-directory__content__input.form-control:focus, +.directorist-create-directory__content__input.form-control:hover { + color: #141921; + border-color: #3e62f5; + box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3); +} +.directorist-create-directory__content__input[name="directory-location"]::-webkit-search-cancel-button { + position: relative; + left: 0; + margin: 0; + height: 20px; + width: 20px; + background: #d1d1d7; + -webkit-appearance: none; + mask-image: url(../js/../images/fbe9a71fb4cca6c00727edfa817798b2.svg); +} +.directorist-create-directory__content__input.empty, +.directorist-create-directory__content__input.max-char-reached { + border-color: #ff0808 !important; + box-shadow: 0px 0px 3px 3px rgba(212, 15, 15, 0.3) !important; } .directorist-create-directory__content__input ~ .character-count { - width: 100%; - text-align: end; - font-size: 12px; - line-height: 20px; - font-weight: 500; - color: #555F6D; - margin-top: 8px; + width: 100%; + text-align: end; + font-size: 12px; + line-height: 20px; + font-weight: 500; + color: #555f6d; + margin-top: 8px; } .directorist-create-directory__content__input-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - position: relative; - color: #747C89; + display: flex; + align-items: center; + flex-wrap: wrap; + position: relative; + color: #747c89; } .directorist-create-directory__content__input-group.--options { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 12px; -} -.directorist-create-directory__content__input-group.--options .--options-wrapper { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px 10px; + flex-direction: column; + align-items: flex-start; + gap: 12px; +} +.directorist-create-directory__content__input-group.--options + .--options-wrapper { + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 15px 10px; } .directorist-create-directory__content__input-group.--options .--options-left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - overflow: hidden; - color: #747C89; - text-overflow: ellipsis; - font-size: 14px; - font-weight: 400; - line-height: 24px; + display: flex; + align-items: center; + gap: 8px; + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + font-size: 14px; + font-weight: 400; + line-height: 24px; } .directorist-create-directory__content__input-group.--options .--options-right { - font-size: 12px; - font-weight: 400; - line-height: 20px; - letter-spacing: 0.12px; + font-size: 12px; + font-weight: 400; + line-height: 20px; + letter-spacing: 0.12px; } -.directorist-create-directory__content__input-group.--options .--options-right strong { - font-weight: 500; +.directorist-create-directory__content__input-group.--options + .--options-right + strong { + font-weight: 500; } .directorist-create-directory__content__input-group.--options .--hit-button { - border-radius: 4px; - background: #E5E7EB; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0px 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - overflow: hidden; - color: #141921; - text-overflow: ellipsis; - font-size: 12px; - font-weight: 400; - line-height: 24px; -} -.directorist-create-directory__content__input-group.--options .--hit-button strong { - font-weight: 500; -} -.directorist-create-directory__content__input-group:hover .directorist-create-directory__content__input-icon svg { - color: #141921; + border-radius: 4px; + background: #e5e7eb; + display: flex; + padding: 0px 8px; + align-items: center; + gap: 6px; + overflow: hidden; + color: #141921; + text-overflow: ellipsis; + font-size: 12px; + font-weight: 400; + line-height: 24px; +} +.directorist-create-directory__content__input-group.--options + .--hit-button + strong { + font-weight: 500; +} +.directorist-create-directory__content__input-group:hover + .directorist-create-directory__content__input-icon + svg { + color: #141921; } .directorist-create-directory__content__input-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - position: absolute; - top: 10px; - right: 20px; - pointer-events: none; + display: flex; + align-items: center; + position: absolute; + top: 10px; + right: 20px; + pointer-events: none; } .directorist-create-directory__content__input-icon svg, .directorist-create-directory__content__input-icon img { - width: 20px; - height: 20px; - -webkit-transition: 0.3s; - transition: 0.3s; + width: 20px; + height: 20px; + transition: 0.3s; } .directorist-create-directory__content__footer { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 20px 32px; - border-top: 1px solid #E5E7EB; + display: flex; + gap: 30px; + align-items: center; + justify-content: space-between; + padding: 20px 32px; + border-top: 1px solid #e5e7eb; } .directorist-create-directory__content__btns { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + gap: 15px; + flex-wrap: wrap; + justify-content: center; } .directorist-create-directory__content__notice { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 14px; - font-weight: 500; - color: #484848; - -webkit-transition: color 0.3s eases; - transition: color 0.3s eases; + display: flex; + gap: 5px; + align-items: center; + justify-content: center; + font-size: 14px; + font-weight: 500; + color: #484848; + transition: color 0.3s eases; } .directorist-create-directory__content__notice:hover { - color: #4353ff; + color: #4353ff; } .directorist-create-directory__generate { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; } .directorist-create-directory__generate .directory-img { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 4px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-create-directory__generate .directory-img #directory-img__generating { - width: 48px; - height: 48px; -} -.directorist-create-directory__generate .directory-img #directory-img__building { - width: 322px; - height: auto; + display: flex; + padding: 4px; + justify-content: center; + align-items: center; +} +.directorist-create-directory__generate + .directory-img + #directory-img__generating { + width: 48px; + height: 48px; +} +.directorist-create-directory__generate + .directory-img + #directory-img__building { + width: 322px; + height: auto; } .directorist-create-directory__generate .directory-img svg { - width: var(--Large, 48px); - height: var(--Large, 48px); + width: var(--Large, 48px); + height: var(--Large, 48px); } .directorist-create-directory__generate .directory-title { - color: #141921; - font-size: 18px; - font-weight: 700; - line-height: 32px; - margin: 16px 0 4px; + color: #141921; + font-size: 18px; + font-weight: 700; + line-height: 32px; + margin: 16px 0 4px; } .directorist-create-directory__generate .directory-description { - color: #4D5761; - font-size: 12px; - font-weight: 400; - line-height: 20px; - margin-top: 0; - margin-bottom: 40px; + color: #4d5761; + font-size: 12px; + font-weight: 400; + line-height: 20px; + margin-top: 0; + margin-bottom: 40px; } .directorist-create-directory__generate .directory-description strong { - font-weight: 600; + font-weight: 600; } .directorist-create-directory__checkbox-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + align-items: center; + flex-wrap: wrap; } .directorist-create-directory__checkbox-wrapper.--gap-12 { - gap: 12px; + gap: 12px; } .directorist-create-directory__checkbox-wrapper.--gap-8 { - gap: 8px; + gap: 8px; } .directorist-create-directory__checkbox-wrapper.--svg-size-16 label svg { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .directorist-create-directory__checkbox-wrapper.--svg-size-20 label svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directorist-create-directory__checkbox { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; + display: flex; + align-items: center; + gap: 10px; } @media (max-width: 480px) { - .directorist-create-directory__checkbox { - width: 100%; - } - .directorist-create-directory__checkbox label { - width: 100%; - } -} -.directorist-create-directory__checkbox__others .directorist-create-directory__content__input-icon { - top: 8px; - right: 16px; -} -.directorist-create-directory__checkbox__others .directorist-create-directory__content__input-icon svg { - width: 16px; - height: 16px; -} -.directorist-create-directory__checkbox__others .directorist-create-directory__content__input { - padding: 4px 36px 4px 16px; + .directorist-create-directory__checkbox { + width: 100%; + } + .directorist-create-directory__checkbox label { + width: 100%; + } +} +.directorist-create-directory__checkbox__others + .directorist-create-directory__content__input-icon { + top: 8px; + right: 16px; +} +.directorist-create-directory__checkbox__others + .directorist-create-directory__content__input-icon + svg { + width: 16px; + height: 16px; +} +.directorist-create-directory__checkbox__others + .directorist-create-directory__content__input { + padding: 4px 36px 4px 16px; } .directorist-create-directory__checkbox--custom { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - display: none; + flex: 0 0 100%; + display: none; } .directorist-create-directory__checkbox label { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - height: 32px; - font-size: 12px; - font-weight: 600; - line-height: 16px; - letter-spacing: 0.12px; - color: #4D5761; - border: 1px solid #F3F4F6; - background-color: #F3F4F6; - padding: 0 12px; - border-radius: 4px; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; -} -.directorist-create-directory__checkbox input[type=checkbox] { - display: none; -} -.directorist-create-directory__checkbox input[type=checkbox]:hover ~ label, .directorist-create-directory__checkbox input[type=checkbox]:focus ~ label { - color: #383F47; - background-color: #E5E7EB; - border-color: #E5E7EB; -} -.directorist-create-directory__checkbox input[type=checkbox]:checked ~ label { - color: #FFFfff; - background-color: #6E89F7; - border-color: #6E89F7; -} -.directorist-create-directory__checkbox input[type=checkbox]:disabled ~ label { - background-color: #F3F4F6; - color: #4D5761; - opacity: 0.5; - cursor: not-allowed; - pointer-events: none; -} -.directorist-create-directory__checkbox input[type=radio] { - display: none; -} -.directorist-create-directory__checkbox input[type=radio]:hover ~ label, .directorist-create-directory__checkbox input[type=radio]:focus ~ label { - color: #383F47; - background-color: #E5E7EB; - border-color: #E5E7EB; -} -.directorist-create-directory__checkbox input[type=radio]:checked ~ label { - color: #FFFfff; - background-color: #6E89F7; - border-color: #6E89F7; -} -.directorist-create-directory__checkbox input[type=radio]:disabled ~ label { - background-color: #F3F4F6; - color: #4D5761; - opacity: 0.5; - cursor: not-allowed; - pointer-events: none; -} -.directorist-create-directory__checkbox input[type=text] { - width: 100%; - height: 42px; - border-radius: 4px; - padding: 0 16px; - background-color: #ebebeb; - border: none; - outline: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-create-directory__checkbox input[type=text]::-webkit-input-placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; -} -.directorist-create-directory__checkbox input[type=text]::-moz-placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; -} -.directorist-create-directory__checkbox input[type=text]:-ms-input-placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; -} -.directorist-create-directory__checkbox input[type=text]::-ms-input-placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; -} -.directorist-create-directory__checkbox input[type=text]::placeholder { - font-size: 14px; - font-weight: 400; - color: #787878; + position: relative; + display: flex; + align-items: center; + gap: 8px; + height: 32px; + font-size: 12px; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.12px; + color: #4d5761; + border: 1px solid #f3f4f6; + background-color: #f3f4f6; + padding: 0 12px; + border-radius: 4px; + transition: background-color 0.3s ease; + box-sizing: border-box; + cursor: pointer; +} +.directorist-create-directory__checkbox input[type="checkbox"] { + display: none; +} +.directorist-create-directory__checkbox input[type="checkbox"]:hover ~ label, +.directorist-create-directory__checkbox input[type="checkbox"]:focus ~ label { + color: #383f47; + background-color: #e5e7eb; + border-color: #e5e7eb; +} +.directorist-create-directory__checkbox input[type="checkbox"]:checked ~ label { + color: #ffffff; + background-color: #6e89f7; + border-color: #6e89f7; +} +.directorist-create-directory__checkbox + input[type="checkbox"]:disabled + ~ label { + background-color: #f3f4f6; + color: #4d5761; + opacity: 0.5; + cursor: not-allowed; + pointer-events: none; +} +.directorist-create-directory__checkbox input[type="radio"] { + display: none; +} +.directorist-create-directory__checkbox input[type="radio"]:hover ~ label, +.directorist-create-directory__checkbox input[type="radio"]:focus ~ label { + color: #383f47; + background-color: #e5e7eb; + border-color: #e5e7eb; +} +.directorist-create-directory__checkbox input[type="radio"]:checked ~ label { + color: #ffffff; + background-color: #6e89f7; + border-color: #6e89f7; +} +.directorist-create-directory__checkbox input[type="radio"]:disabled ~ label { + background-color: #f3f4f6; + color: #4d5761; + opacity: 0.5; + cursor: not-allowed; + pointer-events: none; +} +.directorist-create-directory__checkbox input[type="text"] { + width: 100%; + height: 42px; + border-radius: 4px; + padding: 0 16px; + background-color: #ebebeb; + border: none; + outline: none; + box-sizing: border-box; +} +.directorist-create-directory__checkbox input[type="text"]::placeholder { + font-size: 14px; + font-weight: 400; + color: #787878; } .directorist-create-directory__go-pro { - margin-top: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 8px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - border-radius: 6px; - border: 1px solid #9EB0FA; - background: #F0F3FF; + margin-top: 20px; + display: flex; + padding: 8px; + justify-content: space-between; + align-items: center; + align-self: stretch; + border-radius: 6px; + border: 1px solid #9eb0fa; + background: #f0f3ff; } .directorist-create-directory__go-pro-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 8px; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 10px; - color: #4D5761; - font-size: 14px; - font-weight: 400; - line-height: 20px; + display: flex; + padding: 8px; + align-items: flex-start; + gap: 10px; + color: #4d5761; + font-size: 14px; + font-weight: 400; + line-height: 20px; } .directorist-create-directory__go-pro-title svg { - padding: 4px 8px; - width: 32px; - max-height: 16px; - color: #3E62F5; + padding: 4px 8px; + width: 32px; + max-height: 16px; + color: #3e62f5; } .directorist-create-directory__go-pro-button a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 146px; - height: 32px; - padding: 0px 16px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - color: #141921; - font-size: 12px; - font-weight: 600; - line-height: 19px; - text-transform: capitalize; - border-radius: 6px; - border: 1px solid #D2D6DB; - background: #F0F3FF; - -webkit-box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); - box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + display: flex; + width: 146px; + height: 32px; + padding: 0px 16px; + justify-content: center; + align-items: center; + gap: 8px; + color: #141921; + font-size: 12px; + font-weight: 600; + line-height: 19px; + text-transform: capitalize; + border-radius: 6px; + border: 1px solid #d2d6db; + background: #f0f3ff; + box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); + box-sizing: border-box; + transition: opacity 0.3s ease; } .directorist-create-directory__go-pro-button a:hover { - background-color: #3E62F5; - border-color: #3E62F5; - color: white; - opacity: 0.85; + background-color: #3e62f5; + border-color: #3e62f5; + color: white; + opacity: 0.85; } .directorist-create-directory__counter { - width: 100%; - text-align: right; + width: 100%; + text-align: right; } .directorist-create-directory__counter__title { - font-size: 20px; - font-weight: 600; - color: #141414; - margin: 0 0 10px; + font-size: 20px; + font-weight: 600; + color: #141414; + margin: 0 0 10px; } .directorist-create-directory__counter__desc { - display: none; - font-size: 14px; - color: #404040; - margin: 0 0 10px; + display: none; + font-size: 14px; + color: #404040; + margin: 0 0 10px; } .directorist-create-directory__counter .selected_count { - color: #4353ff; + color: #4353ff; } .directorist-create-directory__introduction { - max-width: 700px; - margin: 0 auto; - text-align: center; - padding: 50px 0 100px; + max-width: 700px; + margin: 0 auto; + text-align: center; + padding: 50px 0 100px; } .directorist-create-directory__info { - text-align: center; + text-align: center; } .directorist-create-directory__box { - width: 100%; - max-width: 720px; - margin: 0 auto; - padding: 30px 40px 40px; - background-color: #ffffff; - border-radius: 8px; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + max-width: 720px; + margin: 0 auto; + padding: 30px 40px 40px; + background-color: #ffffff; + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + box-sizing: border-box; } @media (max-width: 480px) { - .directorist-create-directory__box { - padding: 30px 25px; - } + .directorist-create-directory__box { + padding: 30px 25px; + } } @media (max-width: 375px) { - .directorist-create-directory__box { - padding: 30px 20px; - } + .directorist-create-directory__box { + padding: 30px 20px; + } } .directorist-create-directory__box__content__title { - font-size: 24px; - font-weight: 400; - margin: 0 0 5px; - color: #141414; + font-size: 24px; + font-weight: 400; + margin: 0 0 5px; + color: #141414; } .directorist-create-directory__box__content__title--section { - font-size: 15px; - font-weight: 400; - color: #141414; - margin: 0 0 10px; + font-size: 15px; + font-weight: 400; + color: #141414; + margin: 0 0 10px; } .directorist-create-directory__box__content__desc { - font-size: 15px; - font-weight: 400; - margin: 0 0 25px; - color: #484848; + font-size: 15px; + font-weight: 400; + margin: 0 0 25px; + color: #484848; } .directorist-create-directory__box__content__form { - position: relative; + position: relative; } .directorist-create-directory__box__content__form:before { - content: ""; - background-image: url(../js/cd12c438bd56fbec79b3.svg); - background-repeat: no-repeat; - width: 14px; - height: 14px; - position: absolute; - right: 18px; - top: 14px; + content: ""; + background-image: url(../js/../images/2b491f8827936e353fbe598bfae84852.svg); + background-repeat: no-repeat; + width: 14px; + height: 14px; + position: absolute; + right: 18px; + top: 14px; } .directorist-create-directory__box__content__form .address_result { - background-color: #ffffff; - -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); - box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); + background-color: #ffffff; + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); } -.directorist-create-directory__box__content__form.directorist-search-field .directorist-create-directory__box__content__input--clear { - display: none; +.directorist-create-directory__box__content__form.directorist-search-field + .directorist-create-directory__box__content__input--clear { + display: none; } -.directorist-create-directory__box__content__form.directorist-search-field.input-is-focused .directorist-create-directory__box__content__input--clear { - display: block; +.directorist-create-directory__box__content__form.directorist-search-field.input-is-focused + .directorist-create-directory__box__content__input--clear { + display: block; } .directorist-create-directory__box__content__input { - width: 100%; - height: 44px; - border-radius: 8px; - padding: 0 40px; - padding-left: 60px; - outline: none; - background-color: #ebebeb; - border: 1px solid #ebebeb; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + height: 44px; + border-radius: 8px; + padding: 0 40px; + padding-left: 60px; + outline: none; + background-color: #ebebeb; + border: 1px solid #ebebeb; + box-sizing: border-box; } .directorist-create-directory__box__content__input--clear { - position: absolute; - left: 40px; - top: 14px; + position: absolute; + left: 40px; + top: 14px; } -.directorist-create-directory__box__content__input--clear .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #484848; +.directorist-create-directory__box__content__input--clear + .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: #484848; } .directorist-create-directory__box__content__location-icon { - position: absolute; - left: 18px; - top: 14px; + position: absolute; + left: 18px; + top: 14px; } -.directorist-create-directory__box__content__location-icon .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #484848; +.directorist-create-directory__box__content__location-icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: #484848; } .directorist-create-directory__map { - margin-top: 20px; + margin-top: 20px; } .directorist-create-directory__map #gmap { - height: 280px; - border-radius: 8px; + height: 280px; + border-radius: 8px; } .directorist-create-directory__map .leaflet-touch .leaflet-bar a { - background: #ffffff; + background: #ffffff; } .directorist-create-directory__notice { - position: absolute; - bottom: 10px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - font-size: 12px; - font-weight: 600; - font-style: italic; - color: #f80718; + position: absolute; + bottom: 10px; + right: 50%; + transform: translateX(50%); + font-size: 12px; + font-weight: 600; + font-style: italic; + color: #f80718; } .directorist-box { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 28px; - width: 100%; + display: flex; + align-items: flex-start; + flex-direction: column; + gap: 28px; + width: 100%; } .directorist-box__item { - width: 100%; + width: 100%; } .directorist-box__label { - display: block; - color: #141921; - font-family: Inter; - font-size: 14px; - font-style: normal; - font-weight: 600; - line-height: 20px; - margin-bottom: 8px; + display: block; + color: #141921; + font-family: Inter; + font-size: 14px; + font-style: normal; + font-weight: 600; + line-height: 20px; + margin-bottom: 8px; } .directorist-box__input-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 4px 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - border-radius: 8px; - border: 1px solid #d2d6db; - background: #fff; - -webkit-transition: 0.3s; - transition: 0.3s; -} -.directorist-box__input-wrapper:hover, .directorist-box__input-wrapper:focus { - border: 1px solid #3e62f5; - -webkit-box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3); - box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3); -} -.directorist-box__input[type=text] { - padding: 0 8px; - overflow: hidden; - color: #141921; - text-overflow: ellipsis; - white-space: nowrap; - font-family: Inter; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; - border: none !important; - outline: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - height: 30px; -} -.directorist-box__input[type=text]::-webkit-input-placeholder { - overflow: hidden; - color: #747c89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; -} -.directorist-box__input[type=text]::-moz-placeholder { - overflow: hidden; - color: #747c89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; -} -.directorist-box__input[type=text]:-ms-input-placeholder { - overflow: hidden; - color: #747c89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; -} -.directorist-box__input[type=text]::-ms-input-placeholder { - overflow: hidden; - color: #747c89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; -} -.directorist-box__input[type=text]::placeholder { - overflow: hidden; - color: #747c89; - text-overflow: ellipsis; - white-space: nowrap; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 24px; - letter-spacing: 0.14px; + display: flex; + padding: 4px 8px; + align-items: center; + gap: 8px; + align-self: stretch; + border-radius: 8px; + border: 1px solid #d2d6db; + background: #fff; + transition: 0.3s; +} +.directorist-box__input-wrapper:hover, +.directorist-box__input-wrapper:focus { + border: 1px solid #3e62f5; + box-shadow: 0px 0px 0px 3px rgba(103, 146, 244, 0.3); +} +.directorist-box__input[type="text"] { + padding: 0 8px; + overflow: hidden; + color: #141921; + text-overflow: ellipsis; + white-space: nowrap; + font-family: Inter; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; + border: none !important; + outline: none !important; + box-shadow: none !important; + height: 30px; +} +.directorist-box__input[type="text"]::placeholder { + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 24px; + letter-spacing: 0.14px; } .directorist-box__tagList { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-align-content: center; - -ms-flex-line-pack: center; - align-content: center; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 0; - margin: 0; - list-style: none; + display: flex; + align-items: center; + align-content: center; + gap: 8px; + flex-wrap: wrap; + padding: 0; + margin: 0; + list-style: none; } .directorist-box__tagList li { - margin: 0; + margin: 0; } .directorist-box__tagList li:not(:only-child, :last-child) { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 24px; - padding: 0 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - border-radius: 4px; - background: #f3f4f6; - margin: 0; - text-transform: capitalize; - color: #4d5761; - font-size: 12px; - font-weight: 600; - line-height: 16px; - letter-spacing: 0.12px; + display: flex; + height: 24px; + padding: 0 8px; + align-items: center; + gap: 8px; + border-radius: 4px; + background: #f3f4f6; + margin: 0; + text-transform: capitalize; + color: #4d5761; + font-size: 12px; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.12px; } .directorist-box__recommended-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; - padding: 0; - margin: 0; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 8px; + padding: 0; + margin: 0; } .directorist-box__recommended-list.recommend-disable { - opacity: 0.5; - pointer-events: none; + opacity: 0.5; + pointer-events: none; } .directorist-box__recommended-list li { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - height: 32px; - font-size: 12px; - font-weight: 600; - line-height: 16px; - letter-spacing: 0.12px; - color: #4d5761; - border: 1px solid #f3f4f6; - background-color: #f3f4f6; - padding: 0 12px; - border-radius: 4px; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; - -webkit-box-sizing: border-box; - box-sizing: border-box; - cursor: pointer; - margin: 0; + position: relative; + display: flex; + align-items: center; + gap: 8px; + height: 32px; + font-size: 12px; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.12px; + color: #4d5761; + border: 1px solid #f3f4f6; + background-color: #f3f4f6; + padding: 0 12px; + border-radius: 4px; + transition: background-color 0.3s ease; + box-sizing: border-box; + cursor: pointer; + margin: 0; } .directorist-box__recommended-list li:hover { - color: #383F47; - background-color: #E5E7EB; + color: #383f47; + background-color: #e5e7eb; } .directorist-box__recommended-list li.disabled { - display: none; + display: none; } .directorist-box__recommended-list li.free-disabled { - display: none; + display: none; } .directorist-box__recommended-list li.free-disabled:hover { - background-color: #cfd8dc; + background-color: #cfd8dc; } .directorist-box-options__wrapper { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px 10px; - margin-top: 12px; + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 15px 10px; + margin-top: 12px; } .directorist-box-options__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - overflow: hidden; - color: #747c89; - text-overflow: ellipsis; - font-size: 14px; - font-weight: 400; - line-height: 24px; + display: flex; + align-items: center; + gap: 8px; + overflow: hidden; + color: #747c89; + text-overflow: ellipsis; + font-size: 14px; + font-weight: 400; + line-height: 24px; } .directorist-box-options__right { - font-size: 12px; - font-weight: 400; - line-height: 20px; - letter-spacing: 0.12px; - color: #555f6d; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - gap: 5px; + font-size: 12px; + font-weight: 400; + line-height: 20px; + letter-spacing: 0.12px; + color: #555f6d; + display: inline-flex; + gap: 5px; } .directorist-box-options__right strong { - font-weight: 500; + font-weight: 500; } .directorist-box-options__hit-button { - border-radius: 4px; - background: #e5e7eb; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - overflow: hidden; - color: #141921; - text-overflow: ellipsis; - font-size: 12px; - font-weight: 400; - line-height: 24px; + border-radius: 4px; + background: #e5e7eb; + display: flex; + padding: 0 8px; + align-items: center; + gap: 6px; + overflow: hidden; + color: #141921; + text-overflow: ellipsis; + font-size: 12px; + font-weight: 400; + line-height: 24px; } .directorist-create-directory__go-pro { - margin-top: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 8px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - border-radius: 6px; - border: 1px solid #9eb0fa; - background: #f0f3ff; + margin-top: 20px; + display: flex; + padding: 8px; + justify-content: space-between; + align-items: center; + align-self: stretch; + border-radius: 6px; + border: 1px solid #9eb0fa; + background: #f0f3ff; } .directorist-create-directory__go-pro-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 8px; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 10px; - color: #4d5761; - font-size: 14px; - font-weight: 400; - line-height: 20px; + display: flex; + padding: 8px; + align-items: flex-start; + gap: 10px; + color: #4d5761; + font-size: 14px; + font-weight: 400; + line-height: 20px; } .directorist-create-directory__go-pro-title svg { - padding: 4px 8px; - width: 32px; - max-height: 16px; - color: #3e62f5; + padding: 4px 8px; + width: 32px; + max-height: 16px; + color: #3e62f5; } .directorist-create-directory__go-pro-button a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 146px; - height: 32px; - padding: 0 16px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - color: #141921; - font-size: 12px; - font-weight: 600; - line-height: 19px; - text-transform: capitalize; - border-radius: 6px; - border: 1px solid #d2d6db; - background: #f0f3ff; - -webkit-box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); - box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + display: flex; + width: 146px; + height: 32px; + padding: 0 16px; + justify-content: center; + align-items: center; + gap: 8px; + color: #141921; + font-size: 12px; + font-weight: 600; + line-height: 19px; + text-transform: capitalize; + border-radius: 6px; + border: 1px solid #d2d6db; + background: #f0f3ff; + box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); + transition: opacity 0.3s ease; } .directorist-create-directory__go-pro-button a:hover { - background-color: #3e62f5; - border-color: #3e62f5; - color: white; - opacity: 0.85; + background-color: #3e62f5; + border-color: #3e62f5; + color: white; + opacity: 0.85; } .directory-generate-btn { - margin-bottom: 20px; + margin-bottom: 20px; } .directory-generate-btn__content { - border-radius: 6px; - border-radius: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 12.5px 64px 12.5px 61px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border: 1px solid #E5E7EB; - background: #FFF; - -webkit-box-shadow: 0px 16px 24px -6px rgba(27, 36, 44, 0.16), 0px 2px 2px -1px rgba(27, 36, 44, 0.04); - box-shadow: 0px 16px 24px -6px rgba(27, 36, 44, 0.16), 0px 2px 2px -1px rgba(27, 36, 44, 0.04); - gap: 8px; - color: #141921; - font-size: 12px; - font-weight: 600; - line-height: 20px; - position: relative; - padding: 10px; - margin: 0 2px 3px 2px; - border-radius: 6px; + border-radius: 6px; + border-radius: 8px; + display: flex; + padding: 12.5px 64px 12.5px 61px; + justify-content: center; + align-items: center; + border: 1px solid #e5e7eb; + background: #fff; + box-shadow: + 0px 16px 24px -6px rgba(27, 36, 44, 0.16), + 0px 2px 2px -1px rgba(27, 36, 44, 0.04); + gap: 8px; + color: #141921; + font-size: 12px; + font-weight: 600; + line-height: 20px; + position: relative; + padding: 10px; + margin: 0 2px 3px 2px; + border-radius: 6px; } .directory-generate-btn--bg { - position: absolute; - top: 0; - right: 0; - height: 100%; - background-image: -webkit-gradient(linear, right top, right bottom, from(#EABAEB), to(#3E62F5)); - background-image: linear-gradient(#EABAEB, #3E62F5); - -webkit-transition: width 0.3s ease; - transition: width 0.3s ease; - border-radius: 8px; + position: absolute; + top: 0; + right: 0; + height: 100%; + background-image: linear-gradient(#eabaeb, #3e62f5); + transition: width 0.3s ease; + border-radius: 8px; } .directory-generate-btn svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directory-generate-btn__wrapper { - position: relative; - width: 347px; - background-color: white; - border-radius: 5px; - margin: 0 auto; - margin-bottom: 20px; + position: relative; + width: 347px; + background-color: white; + border-radius: 5px; + margin: 0 auto; + margin-bottom: 20px; } .directory-generate-progress-list { - margin-top: 34px; + margin-top: 34px; } .directory-generate-progress-list ul { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 18px; + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + align-items: center; + gap: 18px; } .directory-generate-progress-list ul li { - margin: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 12px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - color: #4D5761; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 20px; + margin: 0; + display: flex; + justify-content: center; + align-items: flex-start; + gap: 12px; + align-self: stretch; + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 20px; } .directory-generate-progress-list ul li svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directory-generate-progress-list__btn { - position: relative; - gap: 8px; - padding: 0 16px; - font-size: 14px; - font-weight: 600; - background-color: #3E62F5; - border: 1px solid #3E62F5; - color: #fff !important; - -webkit-box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); - box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); - height: 40px; - border-radius: 8px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 100%; - margin-top: 32px; - margin-bottom: 30px; + position: relative; + gap: 8px; + padding: 0 16px; + font-size: 14px; + font-weight: 600; + background-color: #3e62f5; + border: 1px solid #3e62f5; + color: #fff !important; + box-shadow: 0px 1px 2px 0px rgba(27, 36, 44, 0.12); + height: 40px; + border-radius: 8px; + display: flex; + align-items: center; + justify-content: center; + width: 100%; + margin-top: 32px; + margin-bottom: 30px; } .directory-generate-progress-list__btn svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directory-generate-progress-list__btn.disabled { - opacity: 0.5; - pointer-events: none; + opacity: 0.5; + pointer-events: none; } .directorist-ai-generate-box { - background-color: white; - padding: 32px; + background-color: white; + padding: 32px; } .directorist-ai-generate-box__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; - margin-bottom: 32px; + display: flex; + align-items: center; + gap: 12px; + margin-bottom: 32px; } .directorist-ai-generate-box__header svg { - width: 40px; - height: 40px; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; + width: 40px; + height: 40px; + flex-shrink: 0; } .directorist-ai-generate-box__title { - margin-right: 10px; + margin-right: 10px; } .directorist-ai-generate-box__title h6 { - margin: 0; - color: #2c3239; - font-family: Inter; - font-size: 18px; - font-style: normal; - font-weight: 600; - line-height: 22px; + margin: 0; + color: #2c3239; + font-family: Inter; + font-size: 18px; + font-style: normal; + font-weight: 600; + line-height: 22px; } .directorist-ai-generate-box__title p { - color: #4d5761; - font-size: 14px; - font-weight: 400; - line-height: 22px; - margin: 0; + color: #4d5761; + font-size: 14px; + font-weight: 400; + line-height: 22px; + margin: 0; } .directorist-ai-generate-box__items { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 24px; - border-radius: 8px; - background: #f3f4f6; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 8px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - margin: 0; - max-height: 540px; - overflow-y: auto; + display: flex; + padding: 24px; + border-radius: 8px; + background: #f3f4f6; + flex-direction: column; + align-items: flex-start; + gap: 8px; + align-self: stretch; + margin: 0; + max-height: 540px; + overflow-y: auto; } .directorist-ai-generate-box__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 10px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; -} -.directorist-ai-generate-box__item.pinned .directorist-ai-generate-dropdown__pin-icon svg { - color: #3E62F5; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 10px; + align-self: stretch; +} +.directorist-ai-generate-box__item.pinned + .directorist-ai-generate-dropdown__pin-icon + svg { + color: #3e62f5; } .directorist-ai-generate-dropdown { - border: 1px solid #e5e7eb; - border-radius: 8px; - background-color: #fff; - width: 100%; + border: 1px solid #e5e7eb; + border-radius: 8px; + background-color: #fff; + width: 100%; } -.directorist-ai-generate-dropdown[aria-expanded=true] .directorist-ai-generate-dropdown__header { - border-color: #e5e7eb; +.directorist-ai-generate-dropdown[aria-expanded="true"] + .directorist-ai-generate-dropdown__header { + border-color: #e5e7eb; } .directorist-ai-generate-dropdown__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 14px 16px; - border-radius: 8px 8px 0 0; - border-bottom: 1px solid transparent; + display: flex; + justify-content: space-between; + align-items: center; + padding: 14px 16px; + border-radius: 8px 8px 0 0; + border-bottom: 1px solid transparent; } .directorist-ai-generate-dropdown__header.has-options { - cursor: pointer; + cursor: pointer; } .directorist-ai-generate-dropdown__header-title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } .directorist-ai-generate-dropdown__header-icon { - -webkit-transition: -webkit-transform 0.3s ease; - transition: -webkit-transform 0.3s ease; - transition: transform 0.3s ease; - transition: transform 0.3s ease, -webkit-transform 0.3s ease; + transition: transform 0.3s ease; } .directorist-ai-generate-dropdown__header-icon.rotate { - -webkit-transform: rotate(-180deg); - transform: rotate(-180deg); + transform: rotate(-180deg); } .directorist-ai-generate-dropdown__pin-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0px 6px 0px 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - border-left: 1px solid #D2D6DB; - color: #4D5761; + display: flex; + padding: 0px 6px 0px 12px; + align-items: center; + gap: 10px; + align-self: stretch; + border-left: 1px solid #d2d6db; + color: #4d5761; } .directorist-ai-generate-dropdown__pin-icon:hover { - color: #3E62F5; + color: #3e62f5; } .directorist-ai-generate-dropdown__pin-icon svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directorist-ai-generate-dropdown__title-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #4D5761; - font-size: 28px; + display: flex; + align-items: center; + color: #4d5761; + font-size: 28px; } .directorist-ai-generate-dropdown__title-icon svg { - width: 28px; - height: 28px; + width: 28px; + height: 28px; } .directorist-ai-generate-dropdown__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 0px 24px 0px 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; + display: flex; + padding: 0px 24px 0px 12px; + align-items: center; + gap: 12px; } .directorist-ai-generate-dropdown__title-main h6 { - color: #4D5761; - font-family: Inter; - font-size: 14px; - font-style: normal; - font-weight: 600; - line-height: 16.24px; - margin: 0; - text-transform: capitalize; + color: #4d5761; + font-family: Inter; + font-size: 14px; + font-style: normal; + font-weight: 600; + line-height: 16.24px; + margin: 0; + text-transform: capitalize; } .directorist-ai-generate-dropdown__title-main p { - color: #747C89; - font-family: Inter; - font-size: 12px; - font-style: normal; - font-weight: 500; - line-height: 13.92px; - margin: 4px 0 0 0; + color: #747c89; + font-family: Inter; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: 13.92px; + margin: 4px 0 0 0; } .directorist-ai-generate-dropdown__content { - display: none; - padding: 24px; - color: #747C89; - font-family: Inter; - font-size: 14px; - font-style: normal; - font-weight: 500; - line-height: 13.92px; -} -.directorist-ai-generate-dropdown__content[aria-expanded=true], .directorist-ai-generate-dropdown__content--expanded { - display: block; + display: none; + padding: 24px; + color: #747c89; + font-family: Inter; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 13.92px; +} +.directorist-ai-generate-dropdown__content[aria-expanded="true"], +.directorist-ai-generate-dropdown__content--expanded { + display: block; } .directorist-ai-generate-dropdown__header-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: #4D5761; + display: flex; + align-items: center; + color: #4d5761; } .directorist-ai-generate-dropdown__header-icon svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directorist-ai-location-field__title { - color: #4D5761; - font-family: Inter; - font-size: 14px; - font-style: normal; - font-weight: 600; - line-height: 19px; - margin-bottom: 12px; + color: #4d5761; + font-family: Inter; + font-size: 14px; + font-style: normal; + font-weight: 600; + line-height: 19px; + margin-bottom: 12px; } .directorist-ai-location-field__title span { - color: #747C89; - font-weight: 500; + color: #747c89; + font-weight: 500; } .directorist-ai-location-field__content ul { - padding: 0; - margin: 0; - list-style: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 12px; + padding: 0; + margin: 0; + list-style: none; + display: flex; + flex-direction: column; + gap: 12px; } .directorist-ai-location-field__content ul li { - height: 32px; - padding: 8px 12px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - -webkit-box-flex: 1; - -webkit-flex: 1 0 0; - -ms-flex: 1 0 0px; - flex: 1 0 0; - border-radius: 4px; - background: #F3F4F6; - color: #4D5761; - font-size: 12px; - font-style: normal; - font-weight: 600; - line-height: 16px; - letter-spacing: 0.12px; + height: 32px; + padding: 8px 12px; + display: flex; + align-items: center; + gap: 8px; + flex: 1 0 0; + border-radius: 4px; + background: #f3f4f6; + color: #4d5761; + font-size: 12px; + font-style: normal; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.12px; } .directorist-ai-location-field__content ul li svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directorist-ai-checkbox-field__label { - color: #4D5761; - font-size: 14px; - font-style: normal; - font-weight: 600; - line-height: 19px; - margin-bottom: 16px; - display: block; + color: #4d5761; + font-size: 14px; + font-style: normal; + font-weight: 600; + line-height: 19px; + margin-bottom: 16px; + display: block; } .directorist-ai-checkbox-field__list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-align-content: flex-start; - -ms-flex-line-pack: start; - align-content: flex-start; - gap: 10px 34px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + align-items: flex-start; + align-content: flex-start; + gap: 10px 34px; + align-self: stretch; + flex-wrap: wrap; } .directorist-ai-checkbox-field__list-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - height: 32px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - color: #4D5761; - font-size: 12px; - font-weight: 600; - line-height: 16px; - letter-spacing: 0.12px; + display: flex; + height: 32px; + align-items: center; + gap: 8px; + color: #4d5761; + font-size: 12px; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.12px; } .directorist-ai-checkbox-field__list-item svg { - width: 24px; - height: 24px; + width: 24px; + height: 24px; } .directorist-ai-checkbox-field__items { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 24px; + display: flex; + flex-direction: column; + gap: 24px; } .directorist-ai-keyword-field__label { - color: #4D5761; - font-size: 14px; - font-weight: 600; - line-height: 19px; - margin-bottom: 16px; - display: block; + color: #4d5761; + font-size: 14px; + font-weight: 600; + line-height: 19px; + margin-bottom: 16px; + display: block; } .directorist-ai-keyword-field__list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-align-content: flex-start; - -ms-flex-line-pack: start; - align-content: flex-start; - gap: 10px; - -webkit-align-self: stretch; - -ms-flex-item-align: stretch; - align-self: stretch; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + align-items: flex-start; + align-content: flex-start; + gap: 10px; + align-self: stretch; + flex-wrap: wrap; +} +.directorist-ai-keyword-field__list-item { + display: flex; + align-items: center; + gap: 8px; + border-radius: 4px; + background: #f3f4f6; + color: #4d5761; + font-size: 12px; + font-style: normal; + font-weight: 600; + line-height: 16px; + letter-spacing: 0.12px; } .directorist-ai-keyword-field__list-item.--h-24 { - height: 24px; + height: 24px; } .directorist-ai-keyword-field__list-item.--h-32 { - height: 32px; + height: 32px; } .directorist-ai-keyword-field__list-item.--px-8 { - padding: 0px 8px; + padding: 0px 8px; } .directorist-ai-keyword-field__list-item.--px-12 { - padding: 0px 12px; -} -.directorist-ai-keyword-field__list-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 8px; - border-radius: 4px; - background: #F3F4F6; - color: #4D5761; - font-size: 12px; - font-style: normal; - font-weight: 600; - line-height: 16px; - letter-spacing: 0.12px; + padding: 0px 12px; } .directorist-ai-keyword-field__list-item svg { - width: 20px; - height: 20px; + width: 20px; + height: 20px; } .directorist-ai-keyword-field__items { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 24px; + display: flex; + flex-direction: column; + gap: 24px; } @keyframes spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + from { + transform: rotate(0deg); + } + to { + transform: rotate(-360deg); + } } /* data Progressing */ -.directorist-create-directory__step .directorist-create-directory__content.hidden { - display: none; +.directorist-create-directory__step + .directorist-create-directory__content.hidden { + display: none; } .middle-content.middle-content-import { - background: white; - padding: 40px; - -webkit-box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1); - box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1); - width: 600px; - border-radius: 8px; + background: white; + padding: 40px; + box-shadow: + 0px 4px 6px -2px rgba(0, 0, 0, 0.05), + 0px 10px 15px -3px rgba(0, 0, 0, 0.1); + width: 600px; + border-radius: 8px; } .middle-content.hidden { - display: none; + display: none; } .directorist-import-progress-info-text { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-align-content: center; - -ms-flex-line-pack: center; - align-content: center; - grid-gap: 10px; + display: flex; + align-items: center; + align-content: center; + grid-gap: 10px; } .directorist-import-progress, .directorist-import-error { - margin-top: 25px; + margin-top: 25px; } .directorist-import-progress .directorist-import-progress-bar-wrap, .directorist-import-error .directorist-import-progress-bar-wrap { - position: relative; - overflow: hidden; + position: relative; + overflow: hidden; } .directorist-import-progress .import-progress-gap span, .directorist-import-error .import-progress-gap span { - background: white; - height: 6px; - position: absolute; - width: 10px; - top: -1px; + background: white; + height: 6px; + position: absolute; + width: 10px; + top: -1px; } .directorist-import-progress .import-progress-gap span:nth-child(1), .directorist-import-error .import-progress-gap span:nth-child(1) { - right: calc(25% - 10px); + right: calc(25% - 10px); } .directorist-import-progress .import-progress-gap span:nth-child(2), .directorist-import-error .import-progress-gap span:nth-child(2) { - right: calc(50% - 10px); + right: calc(50% - 10px); } .directorist-import-progress .import-progress-gap span:nth-child(3), .directorist-import-error .import-progress-gap span:nth-child(3) { - right: calc(75% - 10px); + right: calc(75% - 10px); } .directorist-import-progress .directorist-import-progress-bar-bg, .directorist-import-error .directorist-import-progress-bar-bg { - height: 4px; - background: #e5e7eb; - width: 100%; - position: relative; -} -.directorist-import-progress .directorist-import-progress-bar-bg .directorist-import-progress-bar, -.directorist-import-error .directorist-import-progress-bar-bg .directorist-import-progress-bar { - position: absolute; - right: 0; - top: 0; - background: #2563eb; - -webkit-transition: all 1s; - transition: all 1s; - width: 0%; - height: 100%; -} -.directorist-import-progress .directorist-import-progress-bar-bg .directorist-import-progress-bar.import-done, -.directorist-import-error .directorist-import-progress-bar-bg .directorist-import-progress-bar.import-done { - background: #38c172; + height: 4px; + background: #e5e7eb; + width: 100%; + position: relative; +} +.directorist-import-progress + .directorist-import-progress-bar-bg + .directorist-import-progress-bar, +.directorist-import-error + .directorist-import-progress-bar-bg + .directorist-import-progress-bar { + position: absolute; + right: 0; + top: 0; + background: #2563eb; + transition: all 1s; + width: 0%; + height: 100%; +} +.directorist-import-progress + .directorist-import-progress-bar-bg + .directorist-import-progress-bar.import-done, +.directorist-import-error + .directorist-import-progress-bar-bg + .directorist-import-progress-bar.import-done { + background: #38c172; } .directorist-import-progress .directorist-import-progress-info, .directorist-import-error .directorist-import-progress-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-top: 15px; - margin-bottom: 15px; + display: flex; + justify-content: space-between; + align-items: center; + margin-top: 15px; + margin-bottom: 15px; } .directorist-import-error .directorist-import-error-box { - overflow-y: scroll; + overflow-y: scroll; } .directorist-import-error .directorist-import-progress-bar-bg { - width: 100%; - margin-bottom: 15px; + width: 100%; + margin-bottom: 15px; } -.directorist-import-error .directorist-import-progress-bar-bg .directorist-import-progress-bar { - background: #2563eb; +.directorist-import-error + .directorist-import-progress-bar-bg + .directorist-import-progress-bar { + background: #2563eb; } .directorist-import-process-step-bottom { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; } .directorist-import-process-step-bottom img { - width: 335px; - text-align: center; - display: inline-block; - padding: 20px 10px 0; + width: 335px; + text-align: center; + display: inline-block; + padding: 20px 10px 0; } .import-done-congrats { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } .import-done-congrats span { - margin-right: 17px; + margin-right: 17px; } .import-done-section { - margin-top: 60px; + margin-top: 60px; } .import-done-section .tweet-import-success .tweet-text { - background: #ffffff; - border: 1px solid rgba(34, 101, 235, 0.1); - border-radius: 4px; - padding: 14px 21px 14px 21px; + background: #ffffff; + border: 1px solid rgba(34, 101, 235, 0.1); + border-radius: 4px; + padding: 14px 21px 14px 21px; } .import-done-section .tweet-import-success .twitter-btn-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 7px; - left: 30px; - position: absolute; - margin-top: 8px; - text-decoration: none; + display: flex; + align-items: center; + gap: 7px; + left: 30px; + position: absolute; + margin-top: 8px; + text-decoration: none; } .import-done-section .import-done-text { - margin-top: 60px; + margin-top: 60px; } .import-done-section .import-done-text .import-done-counter { - text-align: right; + text-align: right; } .import-done-section .import-done-text .import-done-button { - margin-top: 25px; + margin-top: 25px; } .directorist-import-done-inner, .import-done-counter, .import-done-section { - display: none; + display: none; } .import-done .import-status-string, .import-done .directorist-import-text-inner { - display: none; + display: none; } .import-done .import-done-counter, .import-done .directorist-import-done-inner, .import-done .import-done-section { - display: block; + display: block; } .import-progress-warning { - position: relative; - top: 10px; - font-size: 15px; - font-weight: 500; - color: #e91e63; - display: block; - text-align: center; -} \ No newline at end of file + position: relative; + top: 10px; + font-size: 15px; + font-weight: 500; + color: #e91e63; + display: block; + text-align: center; +} diff --git a/assets/css/all-listings.css b/assets/css/all-listings.css index 59623e96f0..932a355318 100644 --- a/assets/css/all-listings.css +++ b/assets/css/all-listings.css @@ -1,997 +1,961 @@ -/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\ - !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/public/main-style.scss ***! - \*****************************************************************************************************************************************************************************************************************************************************************************************************/ +/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/.pnpm/css-loader@3.6.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/.pnpm/resolve-url-loader@3.1.5/node_modules/resolve-url-loader/index.js!./node_modules/.pnpm/postcss-loader@3.0.0/node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.91.0_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/public/main-style.scss ***! + \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* typography */ -@-webkit-keyframes rotate360 { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} @keyframes rotate360 { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } } @-webkit-keyframes atbd_spin { - 0% { - -webkit-transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - } + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + } } @keyframes atbd_spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@-webkit-keyframes atbd_spin2 { - 0% { - -webkit-transform: translate(-50%, -50%) rotate(0deg); - transform: translate(-50%, -50%) rotate(0deg); - } - 100% { - -webkit-transform: translate(-50%, -50%) rotate(360deg); - transform: translate(-50%, -50%) rotate(360deg); - } + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } } @keyframes atbd_spin2 { - 0% { - -webkit-transform: translate(-50%, -50%) rotate(0deg); - transform: translate(-50%, -50%) rotate(0deg); - } - 100% { - -webkit-transform: translate(-50%, -50%) rotate(360deg); - transform: translate(-50%, -50%) rotate(360deg); - } -} -@-webkit-keyframes atbd_scale { - 0% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } + 0% { + transform: translate(-50%, -50%) rotate(0deg); + } + 100% { + transform: translate(-50%, -50%) rotate(360deg); + } } @keyframes atbd_scale { - 0% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } + 0% { + transform: scale(0.8); + } + 100% { + transform: scale(1); + } } -.reset-pseudo-link:visited, .reset-pseudo-link:active, .reset-pseudo-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; +.reset-pseudo-link:visited, +.reset-pseudo-link:active, +.reset-pseudo-link:focus { + outline: none; + box-shadow: none; } .cptm-shortcodes { - max-height: 300px; - overflow: scroll; + max-height: 300px; + overflow: scroll; } .directorist-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-center-content-inline { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: inline-flex; } .directorist-center-content, .directorist-center-content-inline { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; } .directorist-text-right { - text-align: right; + text-align: right; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-text-left { - text-align: left; + text-align: left; } .directorist-mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .directorist-mt-5 { - margin-top: 5px !important; + margin-top: 5px !important; } .directorist-mt-10 { - margin-top: 10px !important; + margin-top: 10px !important; } .directorist-mt-15 { - margin-top: 15px !important; + margin-top: 15px !important; } .directorist-mt-20 { - margin-top: 20px !important; + margin-top: 20px !important; } .directorist-mt-30 { - margin-top: 30px !important; + margin-top: 30px !important; } .directorist-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-25 { - margin-bottom: 25px !important; + margin-bottom: 25px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-n20 { - margin-bottom: -20px !important; + margin-bottom: -20px !important; } .directorist-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .directorist-mb-15 { - margin-bottom: 15px !important; + margin-bottom: 15px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-40 { - margin-bottom: 40px !important; + margin-bottom: 40px !important; } .directorist-mb-50 { - margin-bottom: 50px !important; + margin-bottom: 50px !important; } .directorist-mb-70 { - margin-bottom: 70px !important; + margin-bottom: 70px !important; } .directorist-mb-80 { - margin-bottom: 80px !important; + margin-bottom: 80px !important; } .directorist-pb-100 { - padding-bottom: 100px !important; + padding-bottom: 100px !important; } .directorist-w-100 { - width: 100% !important; - max-width: 100% !important; + width: 100% !important; + max-width: 100% !important; } .directorist-flex { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-flex-wrap { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .directorist-align-center { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + align-items: center; } .directorist-justify-content-center { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .directorist-justify-content-between { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; } .directorist-justify-content-around { - -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - justify-content: space-around; + justify-content: space-around; } .directorist-justify-content-start { - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; } .directorist-justify-content-end { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; } .directorist-display-none { - display: none; + display: none; } .directorist-icon-mask:after { - content: ""; - display: block; - width: 18px; - height: 18px; - background-color: var(--directorist-color-dark); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: var(--directorist-icon); - mask-image: var(--directorist-icon); + content: ""; + display: block; + width: 18px; + height: 18px; + background-color: var(--directorist-color-dark); + mask-repeat: no-repeat; + mask-position: center; + mask-image: var(--directorist-icon); } .directorist-error__msg { - color: var(--directorist-color-danger); - font-size: 14px; + color: var(--directorist-color-danger); + font-size: 14px; } .directorist-content-active .entry-content .directorist-search-contents { - width: 100% !important; - max-width: 100% !important; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100% !important; + max-width: 100% !important; + box-sizing: border-box; } /* directorist module style */ .directorist-content-module { - border: 1px solid var(--directorist-color-border); + border: 1px solid var(--directorist-color-border); } .directorist-content-module__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 15px 40px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - min-height: 36px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: flex; + justify-content: space-between; + padding: 15px 40px; + align-items: center; + flex-wrap: wrap; + min-height: 36px; + box-sizing: border-box; } @media (max-width: 480px) { - .directorist-content-module__title { - padding: 20px; - } + .directorist-content-module__title { + padding: 20px; + } } .directorist-content-module__title h2 { - margin: 0 !important; - font-size: 16px; - font-weight: 500; - line-height: 1.2; + margin: 0 !important; + font-size: 16px; + font-weight: 500; + line-height: 1.2; } .directorist-content-module__contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 40px 0; - padding: 30px 40px 40px; - border-top: 1px solid var(--directorist-color-border); + display: flex; + flex-direction: column; + gap: 40px 0; + padding: 30px 40px 40px; + border-top: 1px solid var(--directorist-color-border); } @media (max-width: 480px) { - .directorist-content-module__contents { - padding: 20px; - } -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-wrap { - margin-top: -30px; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs { - position: relative; - bottom: -7px; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs .wp-switch-editor { - margin: 0; - border: none; - border-radius: 5px; - padding: 5px 10px 12px; - background: transparent; - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .html-active .switch-html, -.directorist-content-module__contents .directorist-form-description-field .tmce-active .switch-tmce { - background-color: #f6f7f7; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-container { - border: none; - border-bottom: 1px solid var(--directorist-color-border); -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-container input { - background: transparent !important; - color: var(--directorist-color-body) !important; - border-color: var(--directorist-color-border); -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-area { - border: none; - resize: none; - min-height: 238px; -} -.directorist-content-module__contents .directorist-form-description-field .mce-top-part::before { - display: none; -} -.directorist-content-module__contents .directorist-form-description-field .mce-stack-layout { - border: none; - padding: 0; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar-grp, -.directorist-content-module__contents .directorist-form-description-field .quicktags-toolbar { - border: none; - padding: 8px 12px; - border-radius: 8px; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-ico { - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn button, -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn-group .mce-btn.mce-listbox { - background: transparent; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-menubtn.mce-fixed-width span.mce-txt { - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .mce-statusbar { - display: none; -} -.directorist-content-module__contents .directorist-form-description-field #wp-listing_content-editor-tools { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-content-module__contents .directorist-form-description-field iframe { - max-width: 100%; -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn { - width: 100%; - gap: 10px; - padding-left: 40px; -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn i::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-btn); -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover i::after { - background-color: var(--directorist-color-white); -} -.directorist-content-module__contents .directorist-form-social-info-field select { - color: var(--directorist-color-primary); -} -.directorist-content-module__contents .directorist-checkbox .directorist-checkbox__label { - margin-left: 0; + .directorist-content-module__contents { + padding: 20px; + } +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-wrap { + margin-top: -30px; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-tabs { + position: relative; + bottom: -7px; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-tabs + .wp-switch-editor { + margin: 0; + border: none; + border-radius: 5px; + padding: 5px 10px 12px; + background: transparent; + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .html-active + .switch-html, +.directorist-content-module__contents + .directorist-form-description-field + .tmce-active + .switch-tmce { + background-color: #f6f7f7; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-container { + border: none; + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-container + input { + background: transparent !important; + color: var(--directorist-color-body) !important; + border-color: var(--directorist-color-border); +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-area { + border: none; + resize: none; + min-height: 238px; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-top-part::before { + display: none; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-stack-layout { + border: none; + padding: 0; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar-grp, +.directorist-content-module__contents + .directorist-form-description-field + .quicktags-toolbar { + border: none; + padding: 8px 12px; + border-radius: 8px; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-ico { + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-btn + button, +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-btn-group + .mce-btn.mce-listbox { + background: transparent; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-menubtn.mce-fixed-width + span.mce-txt { + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-statusbar { + display: none; +} +.directorist-content-module__contents + .directorist-form-description-field + #wp-listing_content-editor-tools { + display: flex; + justify-content: flex-end; +} +.directorist-content-module__contents + .directorist-form-description-field + iframe { + max-width: 100%; +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn { + width: 100%; + gap: 10px; + padding-left: 40px; +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn + i::after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-btn); +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn:hover + i::after { + background-color: var(--directorist-color-white); +} +.directorist-content-module__contents + .directorist-form-social-info-field + select { + color: var(--directorist-color-primary); +} +.directorist-content-module__contents + .directorist-checkbox + .directorist-checkbox__label { + margin-left: 0; } .directorist-content-active #directorist.atbd_wrapper { - max-width: 100%; + max-width: 100%; } .directorist-content-active #directorist.atbd_wrapper .atbd_header_bar { - margin-bottom: 35px; + margin-bottom: 35px; } #directorist-dashboard-preloader { - display: none; + display: none; } .directorist-form-required { - color: var(--directorist-color-danger); + color: var(--directorist-color-danger); } .directory_register_form_wrap .dgr_show_recaptcha { - margin-bottom: 20px; + margin-bottom: 20px; } .directory_register_form_wrap .dgr_show_recaptcha > p { - font-size: 16px; - color: var(--directorist-color-primary); - font-weight: 600; - margin-bottom: 8px !important; + font-size: 16px; + color: var(--directorist-color-primary); + font-weight: 600; + margin-bottom: 8px !important; } .directory_register_form_wrap a { - text-decoration: none; + text-decoration: none; } .atbd_login_btn_wrapper .directorist-btn { - line-height: 2.55; - padding-top: 0; - padding-bottom: 0; + line-height: 2.55; + padding-top: 0; + padding-bottom: 0; } -.atbd_login_btn_wrapper .keep_signed.directorist-checkbox .directorist-checkbox__label { - color: var(--directorist-color-primary); +.atbd_login_btn_wrapper + .keep_signed.directorist-checkbox + .directorist-checkbox__label { + color: var(--directorist-color-primary); } .atbdp_login_form_shortcode .directorist-form-group label { - display: inline-block; - margin-bottom: 5px; + display: inline-block; + margin-bottom: 5px; } .atbdp_login_form_shortcode a { - text-decoration: none; + text-decoration: none; } .directory_register_form_wrap .directorist-form-group label { - display: inline-block; - margin-bottom: 5px; + display: inline-block; + margin-bottom: 5px; } .directory_register_form_wrap .directorist-btn { - line-height: 2.55; - padding-top: 0; - padding-bottom: 0; + line-height: 2.55; + padding-top: 0; + padding-bottom: 0; } .directorist-quick-login .directorist-form-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + gap: 15px; + align-items: center; } .atbd_success_mesage > p i { - top: 2px; - margin-right: 5px; - position: relative; - display: inline-block; + top: 2px; + margin-right: 5px; + position: relative; + display: inline-block; } .directorist-loader { - position: relative; + position: relative; } .directorist-loader:before { - position: absolute; - content: ""; - right: 20px; - top: 31%; - border: 2px solid var(--directorist-color-white); - border-radius: 50%; - border-top: 2px solid var(--directorist-color-primary); - width: 20px; - height: 20px; - -webkit-animation: atbd_spin 2s linear infinite; - animation: atbd_spin 2s linear infinite; + position: absolute; + content: ""; + right: 20px; + top: 31%; + border: 2px solid var(--directorist-color-white); + border-radius: 50%; + border-top: 2px solid var(--directorist-color-primary); + width: 20px; + height: 20px; + animation: atbd_spin 2s linear infinite; } .plupload-upload-uic { - width: 420px; - margin: 0 auto !important; - border: 1px dashed var(--directorist-color-border-gray); - padding: 30px; + width: 420px; + margin: 0 auto !important; + border: 1px dashed var(--directorist-color-border-gray); + padding: 30px; } .plupload-upload-uic .atbdp-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; + font-weight: 500; + margin-bottom: 15px; + font-size: 15px; } .plupload-upload-uic .atbdp_button { - border: 1px solid var(--directorist-color-border); - background-color: var(--directorist-color-ss-bg-light); - font-size: 14px; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 40px !important; - padding: 0 30px !important; - height: auto !important; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - color: inherit; + border: 1px solid var(--directorist-color-border); + background-color: var(--directorist-color-ss-bg-light); + font-size: 14px; + box-shadow: none; + line-height: 40px !important; + padding: 0 30px !important; + height: auto !important; + transition: 0.3s ease; + color: inherit; } .plupload-upload-uic .atbdp-dropbox-file-types { - margin-top: 10px; - color: var(--directorist-color-deep-gray); + margin-top: 10px; + color: var(--directorist-color-deep-gray); } @media (max-width: 575px) { - .plupload-upload-uic { - width: 100%; - } + .plupload-upload-uic { + width: 100%; + } } .directorist-address-field .address_result, .directorist-form-address-field .address_result { - position: absolute; - left: 0; - top: 100%; - width: 100%; - max-height: 345px !important; - overflow-y: scroll; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); - box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); - z-index: 10; + position: absolute; + left: 0; + top: 100%; + width: 100%; + max-height: 345px !important; + overflow-y: scroll; + border-radius: 8px; + background-color: var(--directorist-color-white); + box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); + z-index: 10; } .directorist-address-field .address_result ul, .directorist-form-address-field .address_result ul { - list-style: none; - margin: 0; - padding: 0; - border-radius: 8px; + list-style: none; + margin: 0; + padding: 0; + border-radius: 8px; } .directorist-address-field .address_result li, .directorist-form-address-field .address_result li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; - margin: 0; - padding: 10px 20px; - border-bottom: 1px solid #eee; + display: flex; + align-items: center; + gap: 15px; + margin: 0; + padding: 10px 20px; + border-bottom: 1px solid #eee; } .directorist-address-field .address_result li a, .directorist-form-address-field .address_result li a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 15px; - font-size: 14px; - line-height: 18px; - padding: 0; - margin: 0; - color: #767792; - background-color: var(--directorist-color-white); - border-bottom: 1px solid #d9d9d9; - text-decoration: none; - -webkit-transition: color 0.3s ease, border 0.3s ease; - transition: color 0.3s ease, border 0.3s ease; + display: flex; + align-items: flex-start; + gap: 15px; + font-size: 14px; + line-height: 18px; + padding: 0; + margin: 0; + color: #767792; + background-color: var(--directorist-color-white); + border-bottom: 1px solid #d9d9d9; + text-decoration: none; + transition: + color 0.3s ease, + border 0.3s ease; } .directorist-address-field .address_result li a:hover, .directorist-form-address-field .address_result li a:hover { - color: var(--directorist-color-dark); - border-bottom: 1px dashed #e9e9e9; + color: var(--directorist-color-dark); + border-bottom: 1px dashed #e9e9e9; } .directorist-address-field .address_result li:last-child, .directorist-form-address-field .address_result li:last-child { - border: none; + border: none; } .directorist-address-field .address_result li:last-child a, .directorist-form-address-field .address_result li:last-child a { - border: none; + border: none; } .pac-container { - list-style: none; - margin: 0; - padding: 18px 5px 11px; - max-width: 270px; - min-width: 200px; - border-radius: 8px; + list-style: none; + margin: 0; + padding: 18px 5px 11px; + max-width: 270px; + min-width: 200px; + border-radius: 8px; } @media (max-width: 575px) { - .pac-container { - max-width: unset; - width: calc(100% - 30px) !important; - left: 30px !important; - } + .pac-container { + max-width: unset; + width: calc(100% - 30px) !important; + left: 30px !important; + } } .pac-container .pac-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 13px 7px; - padding: 0; - border: none; - background: unset; - cursor: pointer; + display: flex; + align-items: center; + margin: 0 13px 7px; + padding: 0; + border: none; + background: unset; + cursor: pointer; } .pac-container .pac-item span { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .pac-container .pac-item .pac-matched { - font-weight: 400; + font-weight: 400; } .pac-container .pac-item:hover span { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .pac-container .pac-icon-marker { - position: relative; - height: 36px; - width: 36px; - min-width: 36px; - border-radius: 8px; - margin: 0 15px 0 0; - background-color: var(--directorist-color-border-gray); + position: relative; + height: 36px; + width: 36px; + min-width: 36px; + border-radius: 8px; + margin: 0 15px 0 0; + background-color: var(--directorist-color-border-gray); } .pac-container .pac-icon-marker:after { - content: ""; - display: block; - width: 12px; - height: 20px; - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/c5960c249e03a1405b32.svg); - mask-image: url(../js/c5960c249e03a1405b32.svg); + content: ""; + display: block; + width: 12px; + height: 20px; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + background-color: var(--directorist-color-body); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); } .pac-container:after { - display: none; + display: none; } p.status:empty { - display: none; + display: none; } -.gateway_list input[type=radio] { - margin-right: 5px; +.gateway_list input[type="radio"] { + margin-right: 5px; } .directorist-checkout-form .directorist-container-fluid { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } .directorist-checkout-form ul { - list-style-type: none; + list-style-type: none; } .directorist-select select { - width: 100%; - height: 40px; - border: none; - color: var(--directorist-color-body); - border-bottom: 1px solid var(--directorist-color-border-gray); + width: 100%; + height: 40px; + border: none; + color: var(--directorist-color-body); + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-select select:focus { - outline: 0; + outline: 0; } .directorist-content-active .select2-container--open .select2-dropdown--above { - top: 0; - border-color: var(--directorist-color-border); + top: 0; + border-color: var(--directorist-color-border); } -body.logged-in.directorist-content-active .select2-container--open .select2-dropdown--above { - top: 32px; +body.logged-in.directorist-content-active + .select2-container--open + .select2-dropdown--above { + top: 32px; } .directorist-content-active .select2-container--default .select2-dropdown { - border: none; - border-radius: 10px !important; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + border: none; + border-radius: 10px !important; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } -.directorist-content-active .select2-container--default .select2-search--dropdown { - padding: 20px 20px 10px 20px; +.directorist-content-active + .select2-container--default + .select2-search--dropdown { + padding: 20px 20px 10px 20px; } .directorist-content-active .select2-container--default .select2-search__field { - padding: 10px 18px !important; - border-radius: 8px; - background: transparent; - color: var(--directorist-color-deep-gray); - border: 1px solid var(--directorist-color-border-gray) !important; + padding: 10px 18px !important; + border-radius: 8px; + background: transparent; + color: var(--directorist-color-deep-gray); + border: 1px solid var(--directorist-color-border-gray) !important; } -.directorist-content-active .select2-container--default .select2-search__field:focus { - outline: 0; +.directorist-content-active + .select2-container--default + .select2-search__field:focus { + outline: 0; } .directorist-content-active .select2-container--default .select2-results { - padding-bottom: 10px; -} -.directorist-content-active .select2-container--default .select2-results__option { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 15px; - padding: 6px 20px; - color: var(--directorist-color-body); - font-size: 14px; - line-height: 1.5; -} -.directorist-content-active .select2-container--default .select2-results__option--highlighted { - font-weight: 500; - color: var(--directorist-color-primary) !important; - background-color: transparent; -} -.directorist-content-active .select2-container--default .select2-results__message { - margin-bottom: 10px !important; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li { - margin-left: 0; - margin-top: 8.5px; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group { - margin-bottom: 0; - padding: 0; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group .form-control { - height: 24.5px; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field { - margin: 0; - max-width: none; - width: 100% !important; - padding: 0 !important; - border: none !important; -} -.directorist-content-active .select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: rgba(var(--directorist-color-primary-rgb), 0.1) !important; - font-weight: 400; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option { - margin: 0; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option[aria-selected=true] { - font-weight: 600; - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary-rgb), 0.1); - pointer-events: none; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask { - margin-right: 12px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); + padding-bottom: 10px; +} +.directorist-content-active + .select2-container--default + .select2-results__option { + display: flex; + justify-content: space-between; + gap: 15px; + padding: 6px 20px; + color: var(--directorist-color-body); + font-size: 14px; + line-height: 1.5; +} +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted { + font-weight: 500; + color: var(--directorist-color-primary) !important; + background-color: transparent; +} +.directorist-content-active + .select2-container--default + .select2-results__message { + margin-bottom: 10px !important; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li { + margin-left: 0; + margin-top: 8.5px; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li.select2-search--inline.form-group { + margin-bottom: 0; + padding: 0; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li.select2-search--inline.form-group + .form-control { + height: 24.5px; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li + .select2-search__field { + margin: 0; + max-width: none; + width: 100% !important; + padding: 0 !important; + border: none !important; +} +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted[aria-selected] { + background-color: rgba( + var(--directorist-color-primary-rgb), + 0.1 + ) !important; + font-weight: 400; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option { + margin: 0; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option[aria-selected="true"] { + font-weight: 600; + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.1); + pointer-events: none; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents { + display: flex; + align-items: center; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask { + margin-right: 12px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); } @media (max-width: 575px) { - .directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask { - width: 40px; - height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - background-color: var(--directorist-color-bg-light); - } -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-2 { - padding-left: 20px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-3 { - padding-left: 40px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-4 { - padding-left: 60px; -} -.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered { - opacity: 1; -} -.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-content-active .select2-container--default .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-body) !important; + .directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask { + width: 40px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 8px; + background-color: var(--directorist-color-bg-light); + } +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-2 { + padding-left: 20px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-3 { + padding-left: 40px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-4 { + padding-left: 60px; +} +.directorist-content-active + .select2-container--default + .select2-selection--single + .select2-selection__rendered { + opacity: 1; +} +.directorist-content-active + .select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + display: flex; + align-items: center; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-content-active + .select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-body) !important; } .custom-checkbox input { - display: none; -} -.custom-checkbox input[type=checkbox] + .check--select + label, -.custom-checkbox input[type=radio] + .radio--select + label { - min-width: 18px; - min-height: 18px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - padding-left: 28px; - padding-top: 3px; - padding-bottom: 3px; - margin-bottom: 0; - line-height: 1.2; - font-weight: 400; - color: var(--directorist-color-gray); -} -.custom-checkbox input[type=checkbox] + .check--select + label:before, -.custom-checkbox input[type=radio] + .radio--select + label:before { - position: absolute; - font-size: 10px; - left: 5px; - top: 5px; - font-weight: 900; - font-family: "Font Awesome 5 Free"; - content: "\f00c"; - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; -} -.custom-checkbox input[type=checkbox] + .check--select + label:after, -.custom-checkbox input[type=radio] + .radio--select + label:after { - position: absolute; - left: 0; - top: 3px; - width: 18px; - height: 18px; - content: ""; - background-color: var(--directorist-color-white); - border: 2px solid var(--directorist-color-border-gray); -} -.custom-checkbox input[type=radio] + .radio--select + label:before { - top: 8px; - font-size: 9px; -} -.custom-checkbox input[type=radio] + .radio--select + label:after { - border-radius: 50%; -} -.custom-checkbox input[type=radio] + .radio--select + label span { - color: var(--directorist-color-light-gray); -} -.custom-checkbox input[type=radio] + .radio--select + label span.active { - color: var(--directorist-color-warning); -} -.custom-checkbox input[type=checkbox]:checked + .check--select + label:after, -.custom-checkbox input[type=radio]:checked + .radio--select + label:after { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); -} -.custom-checkbox input[type=checkbox]:checked + .check--select + label:before, -.custom-checkbox input[type=radio]:checked + .radio--select + label:before { - opacity: 1; - color: var(--directorist-color-white); + display: none; +} +.custom-checkbox input[type="checkbox"] + .check--select + label, +.custom-checkbox input[type="radio"] + .radio--select + label { + min-width: 18px; + min-height: 18px; + font-size: 14px; + display: flex; + flex-flow: column; + position: relative; + padding-left: 28px; + padding-top: 3px; + padding-bottom: 3px; + margin-bottom: 0; + line-height: 1.2; + font-weight: 400; + color: var(--directorist-color-gray); +} +.custom-checkbox input[type="checkbox"] + .check--select + label:before, +.custom-checkbox input[type="radio"] + .radio--select + label:before { + position: absolute; + font-size: 10px; + left: 5px; + top: 5px; + font-weight: 900; + font-family: "Font Awesome 5 Free"; + content: "\f00c"; + display: block; + opacity: 0; + transition: all 0.3s ease 0s; + z-index: 2; +} +.custom-checkbox input[type="checkbox"] + .check--select + label:after, +.custom-checkbox input[type="radio"] + .radio--select + label:after { + position: absolute; + left: 0; + top: 3px; + width: 18px; + height: 18px; + content: ""; + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border-gray); +} +.custom-checkbox input[type="radio"] + .radio--select + label:before { + top: 8px; + font-size: 9px; +} +.custom-checkbox input[type="radio"] + .radio--select + label:after { + border-radius: 50%; +} +.custom-checkbox input[type="radio"] + .radio--select + label span { + color: var(--directorist-color-light-gray); +} +.custom-checkbox input[type="radio"] + .radio--select + label span.active { + color: var(--directorist-color-warning); +} +.custom-checkbox input[type="checkbox"]:checked + .check--select + label:after, +.custom-checkbox input[type="radio"]:checked + .radio--select + label:after { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); +} +.custom-checkbox input[type="checkbox"]:checked + .check--select + label:before, +.custom-checkbox input[type="radio"]:checked + .radio--select + label:before { + opacity: 1; + color: var(--directorist-color-white); } .directorist-table { - display: table; - width: 100%; + display: table; + width: 100%; } /* Directorist custom grid */ @@ -1002,103 +966,85 @@ body.logged-in.directorist-content-active .select2-container--open .select2-drop .directorist-container-lg, .directorist-container-md, .directorist-container-sm { - width: 100%; - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-left: auto; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; + box-sizing: border-box; } @media (min-width: 576px) { - .directorist-container-sm, - .directorist-container { - max-width: 540px; - } + .directorist-container-sm, + .directorist-container { + max-width: 540px; + } } @media (min-width: 768px) { - .directorist-container-md, - .directorist-container-sm, - .directorist-container { - max-width: 720px; - } + .directorist-container-md, + .directorist-container-sm, + .directorist-container { + max-width: 720px; + } } @media (min-width: 992px) { - .directorist-container-lg, - .directorist-container-md, - .directorist-container-sm, - .directorist-container { - max-width: 960px; - } + .directorist-container-lg, + .directorist-container-md, + .directorist-container-sm, + .directorist-container { + max-width: 960px; + } } @media (min-width: 1200px) { - .directorist-container-xl, - .directorist-container-lg, - .directorist-container-md, - .directorist-container-sm, - .directorist-container { - max-width: 1140px; - } + .directorist-container-xl, + .directorist-container-lg, + .directorist-container-md, + .directorist-container-sm, + .directorist-container { + max-width: 1140px; + } } @media (min-width: 1400px) { - .directorist-container-xxl, - .directorist-container-xl, - .directorist-container-lg, - .directorist-container-md, - .directorist-container-sm, - .directorist-container { - max-width: 1320px; - } + .directorist-container-xxl, + .directorist-container-xl, + .directorist-container-lg, + .directorist-container-md, + .directorist-container-sm, + .directorist-container { + max-width: 1320px; + } } .directorist-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-right: -15px; - margin-left: -15px; - margin-top: -15px; - min-width: 100%; + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; + margin-top: -15px; + min-width: 100%; } .directorist-row > * { - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - width: 100%; - max-width: 100%; - padding-right: 15px; - padding-left: 15px; - margin-top: 15px; + box-sizing: border-box; + flex-shrink: 0; + width: 100%; + max-width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-top: 15px; } .directorist-col { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; + flex: 1 0 0%; } .directorist-col-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; + flex: 0 0 auto; + width: auto; } .directorist-col-1 { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - width: 8.3333333333%; + flex: 1; + width: 8.3333333333%; } .directorist-col-2-5, @@ -1113,1886 +1059,1635 @@ body.logged-in.directorist-content-active .select2-container--open .select2-drop .directorist-col-10, .directorist-col-11, .directorist-col-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - max-width: 100%; + flex: 0 0 auto; + max-width: 100%; } .directorist-offset-1 { - margin-left: 8.3333333333%; + margin-left: 8.3333333333%; } .directorist-offset-2 { - margin-left: 16.6666666667%; + margin-left: 16.6666666667%; } .directorist-offset-3 { - margin-left: 25%; + margin-left: 25%; } .directorist-offset-4 { - margin-left: 33.3333333333%; + margin-left: 33.3333333333%; } .directorist-offset-5 { - margin-left: 41.6666666667%; + margin-left: 41.6666666667%; } .directorist-offset-6 { - margin-left: 50%; + margin-left: 50%; } .directorist-offset-7 { - margin-left: 58.3333333333%; + margin-left: 58.3333333333%; } .directorist-offset-8 { - margin-left: 66.6666666667%; + margin-left: 66.6666666667%; } .directorist-offset-9 { - margin-left: 75%; + margin-left: 75%; } .directorist-offset-10 { - margin-left: 83.3333333333%; + margin-left: 83.3333333333%; } .directorist-offset-11 { - margin-left: 91.6666666667%; + margin-left: 91.6666666667%; } @media (min-width: 576px) { - .directorist-col-2, - .directorist-col-2-5, - .directorist-col-3, - .directorist-col-4, - .directorist-col-5, - .directorist-col-6, - .directorist-col-7, - .directorist-col-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - max-width: 50%; - } - .directorist-col-sm { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-sm-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-sm-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-sm-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-sm-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-sm-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-sm-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-sm-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-sm-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-sm-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-sm-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-sm-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-sm-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-sm-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-sm-0 { - margin-left: 0; - } - .directorist-offset-sm-1 { - margin-left: 8.3333333333%; - } - .directorist-offset-sm-2 { - margin-left: 16.6666666667%; - } - .directorist-offset-sm-3 { - margin-left: 25%; - } - .directorist-offset-sm-4 { - margin-left: 33.3333333333%; - } - .directorist-offset-sm-5 { - margin-left: 41.6666666667%; - } - .directorist-offset-sm-6 { - margin-left: 50%; - } - .directorist-offset-sm-7 { - margin-left: 58.3333333333%; - } - .directorist-offset-sm-8 { - margin-left: 66.6666666667%; - } - .directorist-offset-sm-9 { - margin-left: 75%; - } - .directorist-offset-sm-10 { - margin-left: 83.3333333333%; - } - .directorist-offset-sm-11 { - margin-left: 91.6666666667%; - } + .directorist-col-2, + .directorist-col-2-5, + .directorist-col-3, + .directorist-col-4, + .directorist-col-5, + .directorist-col-6, + .directorist-col-7, + .directorist-col-8 { + flex: 0 0 auto; + max-width: 50%; + } + .directorist-col-sm { + flex: 1 0 0%; + } + .directorist-col-sm-auto { + flex: 0 0 auto; + width: auto; + } + .directorist-col-sm-1 { + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-sm-2 { + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-sm-3 { + flex: 0 0 auto; + width: 25%; + } + .directorist-col-sm-4 { + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-sm-5 { + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-sm-6 { + flex: 0 0 auto; + width: 50%; + } + .directorist-col-sm-7 { + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-sm-8 { + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-sm-9 { + flex: 0 0 auto; + width: 75%; + } + .directorist-col-sm-10 { + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-sm-11 { + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-sm-12 { + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-sm-0 { + margin-left: 0; + } + .directorist-offset-sm-1 { + margin-left: 8.3333333333%; + } + .directorist-offset-sm-2 { + margin-left: 16.6666666667%; + } + .directorist-offset-sm-3 { + margin-left: 25%; + } + .directorist-offset-sm-4 { + margin-left: 33.3333333333%; + } + .directorist-offset-sm-5 { + margin-left: 41.6666666667%; + } + .directorist-offset-sm-6 { + margin-left: 50%; + } + .directorist-offset-sm-7 { + margin-left: 58.3333333333%; + } + .directorist-offset-sm-8 { + margin-left: 66.6666666667%; + } + .directorist-offset-sm-9 { + margin-left: 75%; + } + .directorist-offset-sm-10 { + margin-left: 83.3333333333%; + } + .directorist-offset-sm-11 { + margin-left: 91.6666666667%; + } } @media (min-width: 768px) { - .directorist-col-2, - .directorist-col-2-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-md { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-md-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-md-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-md-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-md-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-md-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-md-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-md-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-md-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-md-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-md-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-md-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-md-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-md-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-md-0 { - margin-left: 0; - } - .directorist-offset-md-1 { - margin-left: 8.3333333333%; - } - .directorist-offset-md-2 { - margin-left: 16.6666666667%; - } - .directorist-offset-md-3 { - margin-left: 25%; - } - .directorist-offset-md-4 { - margin-left: 33.3333333333%; - } - .directorist-offset-md-5 { - margin-left: 41.6666666667%; - } - .directorist-offset-md-6 { - margin-left: 50%; - } - .directorist-offset-md-7 { - margin-left: 58.3333333333%; - } - .directorist-offset-md-8 { - margin-left: 66.6666666667%; - } - .directorist-offset-md-9 { - margin-left: 75%; - } - .directorist-offset-md-10 { - margin-left: 83.3333333333%; - } - .directorist-offset-md-11 { - margin-left: 91.6666666667%; - } + .directorist-col-2, + .directorist-col-2-5 { + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-md { + flex: 1 0 0%; + } + .directorist-col-md-auto { + flex: 0 0 auto; + width: auto; + } + .directorist-col-md-1 { + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-md-2 { + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-md-3 { + flex: 0 0 auto; + width: 25%; + } + .directorist-col-md-4 { + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-md-5 { + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-md-6 { + flex: 0 0 auto; + width: 50%; + } + .directorist-col-md-7 { + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-md-8 { + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-md-9 { + flex: 0 0 auto; + width: 75%; + } + .directorist-col-md-10 { + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-md-11 { + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-md-12 { + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-md-0 { + margin-left: 0; + } + .directorist-offset-md-1 { + margin-left: 8.3333333333%; + } + .directorist-offset-md-2 { + margin-left: 16.6666666667%; + } + .directorist-offset-md-3 { + margin-left: 25%; + } + .directorist-offset-md-4 { + margin-left: 33.3333333333%; + } + .directorist-offset-md-5 { + margin-left: 41.6666666667%; + } + .directorist-offset-md-6 { + margin-left: 50%; + } + .directorist-offset-md-7 { + margin-left: 58.3333333333%; + } + .directorist-offset-md-8 { + margin-left: 66.6666666667%; + } + .directorist-offset-md-9 { + margin-left: 75%; + } + .directorist-offset-md-10 { + margin-left: 83.3333333333%; + } + .directorist-offset-md-11 { + margin-left: 91.6666666667%; + } } @media (min-width: 992px) { - .directorist-col-2, - .directorist-col-2-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-3, - .directorist-col-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.3333%; - -ms-flex: 0 0 33.3333%; - flex: 0 0 33.3333%; - max-width: 33.3333%; - } - .directorist-col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 41.6667%; - -ms-flex: 0 0 41.6667%; - flex: 0 0 41.6667%; - max-width: 41.6667%; - } - .directorist-col-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 58.3333%; - -ms-flex: 0 0 58.3333%; - flex: 0 0 58.3333%; - max-width: 58.3333%; - } - .directorist-col-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 66.6667%; - -ms-flex: 0 0 66.6667%; - flex: 0 0 66.6667%; - max-width: 66.6667%; - } - .directorist-col-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 75%; - -ms-flex: 0 0 75%; - flex: 0 0 75%; - max-width: 75%; - } - .directorist-col-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 83.3333%; - -ms-flex: 0 0 83.3333%; - flex: 0 0 83.3333%; - max-width: 83.3333%; - } - .directorist-col-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 91.6667%; - -ms-flex: 0 0 91.6667%; - flex: 0 0 91.6667%; - max-width: 91.6667%; - } - .directorist-col-lg { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-lg-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-lg-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-lg-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-lg-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-lg-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-lg-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-lg-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-lg-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-lg-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-lg-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-lg-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-lg-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-lg-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-lg-0 { - margin-left: 0; - } - .directorist-offset-lg-1 { - margin-left: 8.3333333333%; - } - .directorist-offset-lg-2 { - margin-left: 16.6666666667%; - } - .directorist-offset-lg-3 { - margin-left: 25%; - } - .directorist-offset-lg-4 { - margin-left: 33.3333333333%; - } - .directorist-offset-lg-5 { - margin-left: 41.6666666667%; - } - .directorist-offset-lg-6 { - margin-left: 50%; - } - .directorist-offset-lg-7 { - margin-left: 58.3333333333%; - } - .directorist-offset-lg-8 { - margin-left: 66.6666666667%; - } - .directorist-offset-lg-9 { - margin-left: 75%; - } - .directorist-offset-lg-10 { - margin-left: 83.3333333333%; - } - .directorist-offset-lg-11 { - margin-left: 91.6666666667%; - } + .directorist-col-2, + .directorist-col-2-5 { + flex: 0 0 auto; + width: 25%; + } + .directorist-col-3, + .directorist-col-4 { + flex: 0 0 33.3333%; + max-width: 33.3333%; + } + .directorist-col-5 { + flex: 0 0 41.6667%; + max-width: 41.6667%; + } + .directorist-col-7 { + flex: 0 0 58.3333%; + max-width: 58.3333%; + } + .directorist-col-8 { + flex: 0 0 66.6667%; + max-width: 66.6667%; + } + .directorist-col-9 { + flex: 0 0 75%; + max-width: 75%; + } + .directorist-col-10 { + flex: 0 0 83.3333%; + max-width: 83.3333%; + } + .directorist-col-11 { + flex: 0 0 91.6667%; + max-width: 91.6667%; + } + .directorist-col-lg { + flex: 1 0 0%; + } + .directorist-col-lg-auto { + flex: 0 0 auto; + width: auto; + } + .directorist-col-lg-1 { + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-lg-2 { + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-lg-3 { + flex: 0 0 auto; + width: 25%; + } + .directorist-col-lg-4 { + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-lg-5 { + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-lg-6 { + flex: 0 0 auto; + width: 50%; + } + .directorist-col-lg-7 { + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-lg-8 { + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-lg-9 { + flex: 0 0 auto; + width: 75%; + } + .directorist-col-lg-10 { + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-lg-11 { + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-lg-12 { + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-lg-0 { + margin-left: 0; + } + .directorist-offset-lg-1 { + margin-left: 8.3333333333%; + } + .directorist-offset-lg-2 { + margin-left: 16.6666666667%; + } + .directorist-offset-lg-3 { + margin-left: 25%; + } + .directorist-offset-lg-4 { + margin-left: 33.3333333333%; + } + .directorist-offset-lg-5 { + margin-left: 41.6666666667%; + } + .directorist-offset-lg-6 { + margin-left: 50%; + } + .directorist-offset-lg-7 { + margin-left: 58.3333333333%; + } + .directorist-offset-lg-8 { + margin-left: 66.6666666667%; + } + .directorist-offset-lg-9 { + margin-left: 75%; + } + .directorist-offset-lg-10 { + margin-left: 83.3333333333%; + } + .directorist-offset-lg-11 { + margin-left: 91.6666666667%; + } } @media (min-width: 1200px) { - .directorist-col-xl { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; - max-width: 25%; - } - .directorist-col-xl-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-xl-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-xl-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-2, - .directorist-col-2-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 20%; - } - .directorist-col-xl-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-xl-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-xl-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-xl-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-xl-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-xl-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-xl-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-xl-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-xl-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-xl-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-xl-0 { - margin-left: 0; - } - .directorist-offset-xl-1 { - margin-left: 8.3333333333%; - } - .directorist-offset-xl-2 { - margin-left: 16.6666666667%; - } - .directorist-offset-xl-3 { - margin-left: 25%; - } - .directorist-offset-xl-4 { - margin-left: 33.3333333333%; - } - .directorist-offset-xl-5 { - margin-left: 41.6666666667%; - } - .directorist-offset-xl-6 { - margin-left: 50%; - } - .directorist-offset-xl-7 { - margin-left: 58.3333333333%; - } - .directorist-offset-xl-8 { - margin-left: 66.6666666667%; - } - .directorist-offset-xl-9 { - margin-left: 75%; - } - .directorist-offset-xl-10 { - margin-left: 83.3333333333%; - } - .directorist-offset-xl-11 { - margin-left: 91.6666666667%; - } + .directorist-col-xl { + flex: 1 0 0%; + } + .directorist-col-3 { + flex: 0 0 25%; + max-width: 25%; + } + .directorist-col-xl-auto { + flex: 0 0 auto; + width: auto; + } + .directorist-col-xl-1 { + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-xl-2 { + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-2, + .directorist-col-2-5 { + flex: 0 0 auto; + width: 20%; + } + .directorist-col-xl-3 { + flex: 0 0 auto; + width: 25%; + } + .directorist-col-xl-4 { + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-xl-5 { + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-xl-6 { + flex: 0 0 auto; + width: 50%; + } + .directorist-col-xl-7 { + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-xl-8 { + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-xl-9 { + flex: 0 0 auto; + width: 75%; + } + .directorist-col-xl-10 { + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-xl-11 { + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-xl-12 { + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-xl-0 { + margin-left: 0; + } + .directorist-offset-xl-1 { + margin-left: 8.3333333333%; + } + .directorist-offset-xl-2 { + margin-left: 16.6666666667%; + } + .directorist-offset-xl-3 { + margin-left: 25%; + } + .directorist-offset-xl-4 { + margin-left: 33.3333333333%; + } + .directorist-offset-xl-5 { + margin-left: 41.6666666667%; + } + .directorist-offset-xl-6 { + margin-left: 50%; + } + .directorist-offset-xl-7 { + margin-left: 58.3333333333%; + } + .directorist-offset-xl-8 { + margin-left: 66.6666666667%; + } + .directorist-offset-xl-9 { + margin-left: 75%; + } + .directorist-offset-xl-10 { + margin-left: 83.3333333333%; + } + .directorist-offset-xl-11 { + margin-left: 91.6666666667%; + } } @media (min-width: 1400px) { - .directorist-col-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-xxl { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-xxl-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-xxl-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-xxl-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-xxl-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-xxl-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-xxl-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-xxl-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-xxl-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-xxl-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-xxl-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-xxl-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-xxl-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-xxl-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-xxl-0 { - margin-left: 0; - } - .directorist-offset-xxl-1 { - margin-left: 8.3333333333%; - } - .directorist-offset-xxl-2 { - margin-left: 16.6666666667%; - } - .directorist-offset-xxl-3 { - margin-left: 25%; - } - .directorist-offset-xxl-4 { - margin-left: 33.3333333333%; - } - .directorist-offset-xxl-5 { - margin-left: 41.6666666667%; - } - .directorist-offset-xxl-6 { - margin-left: 50%; - } - .directorist-offset-xxl-7 { - margin-left: 58.3333333333%; - } - .directorist-offset-xxl-8 { - margin-left: 66.6666666667%; - } - .directorist-offset-xxl-9 { - margin-left: 75%; - } - .directorist-offset-xxl-10 { - margin-left: 83.3333333333%; - } - .directorist-offset-xxl-11 { - margin-left: 91.6666666667%; - } + .directorist-col-2 { + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-xxl { + flex: 1 0 0%; + } + .directorist-col-xxl-auto { + flex: 0 0 auto; + width: auto; + } + .directorist-col-xxl-1 { + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-xxl-2 { + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-xxl-3 { + flex: 0 0 auto; + width: 25%; + } + .directorist-col-xxl-4 { + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-xxl-5 { + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-xxl-6 { + flex: 0 0 auto; + width: 50%; + } + .directorist-col-xxl-7 { + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-xxl-8 { + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-xxl-9 { + flex: 0 0 auto; + width: 75%; + } + .directorist-col-xxl-10 { + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-xxl-11 { + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-xxl-12 { + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-xxl-0 { + margin-left: 0; + } + .directorist-offset-xxl-1 { + margin-left: 8.3333333333%; + } + .directorist-offset-xxl-2 { + margin-left: 16.6666666667%; + } + .directorist-offset-xxl-3 { + margin-left: 25%; + } + .directorist-offset-xxl-4 { + margin-left: 33.3333333333%; + } + .directorist-offset-xxl-5 { + margin-left: 41.6666666667%; + } + .directorist-offset-xxl-6 { + margin-left: 50%; + } + .directorist-offset-xxl-7 { + margin-left: 58.3333333333%; + } + .directorist-offset-xxl-8 { + margin-left: 66.6666666667%; + } + .directorist-offset-xxl-9 { + margin-left: 75%; + } + .directorist-offset-xxl-10 { + margin-left: 83.3333333333%; + } + .directorist-offset-xxl-11 { + margin-left: 91.6666666667%; + } } /* typography */ .atbd_color-primary { - color: #444752; + color: #444752; } .atbd_bg-primary { - background: #444752; + background: #444752; } .atbd_color-secondary { - color: #122069; + color: #122069; } .atbd_bg-secondary { - background: #122069; + background: #122069; } .atbd_color-success { - color: #00AC17; + color: #00ac17; } .atbd_bg-success { - background: #00AC17; + background: #00ac17; } .atbd_color-info { - color: #2C99FF; + color: #2c99ff; } .atbd_bg-info { - background: #2C99FF; + background: #2c99ff; } .atbd_color-warning { - color: #EF8000; + color: #ef8000; } .atbd_bg-warning { - background: #EF8000; + background: #ef8000; } .atbd_color-danger { - color: #EF0000; + color: #ef0000; } .atbd_bg-danger { - background: #EF0000; + background: #ef0000; } .atbd_color-light { - color: #9497A7; + color: #9497a7; } .atbd_bg-light { - background: #9497A7; + background: #9497a7; } .atbd_color-dark { - color: #202428; + color: #202428; } .atbd_bg-dark { - background: #202428; + background: #202428; } .atbd_color-badge-feature { - color: #fa8b0c; + color: #fa8b0c; } .atbd_bg-badge-feature { - background: #fa8b0c; + background: #fa8b0c; } .atbd_color-badge-popular { - color: #f51957; + color: #f51957; } .atbd_bg-badge-popular { - background: #f51957; + background: #f51957; } /* typography */ body.stop-scrolling { - height: 100%; - overflow: hidden; + height: 100%; + overflow: hidden; } .sweet-overlay { - background-color: black; - -ms-filter: "alpha(opacity=40)"; - background-color: rgba(var(--directorist-color-dark-rgb), 0.4); - position: fixed; - left: 0; - right: 0; - top: 0; - bottom: 0; - display: none; - z-index: 10000; + background-color: black; + -ms-filter: "alpha(opacity=40)"; + background-color: rgba(var(--directorist-color-dark-rgb), 0.4); + position: fixed; + left: 0; + right: 0; + top: 0; + bottom: 0; + display: none; + z-index: 10000; } .sweet-alert { - background-color: white; - font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; - width: 478px; - padding: 17px; - border-radius: 5px; - text-align: center; - position: fixed; - left: 50%; - top: 50%; - margin-left: -256px; - margin-top: -200px; - overflow: hidden; - display: none; - z-index: 99999; + background-color: white; + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + width: 478px; + padding: 17px; + border-radius: 5px; + text-align: center; + position: fixed; + left: 50%; + top: 50%; + margin-left: -256px; + margin-top: -200px; + overflow: hidden; + display: none; + z-index: 99999; } @media all and (max-width: 540px) { - .sweet-alert { - width: auto; - margin-left: 0; - margin-right: 0; - left: 15px; - right: 15px; - } + .sweet-alert { + width: auto; + margin-left: 0; + margin-right: 0; + left: 15px; + right: 15px; + } } .sweet-alert h2 { - color: #575757; - font-size: 30px; - text-align: center; - font-weight: 600; - text-transform: none; - position: relative; - margin: 25px 0; - padding: 0; - line-height: 40px; - display: block; + color: #575757; + font-size: 30px; + text-align: center; + font-weight: 600; + text-transform: none; + position: relative; + margin: 25px 0; + padding: 0; + line-height: 40px; + display: block; } .sweet-alert p { - color: #797979; - font-size: 16px; - text-align: center; - font-weight: 300; - position: relative; - text-align: inherit; - float: none; - margin: 0; - padding: 0; - line-height: normal; + color: #797979; + font-size: 16px; + text-align: center; + font-weight: 300; + position: relative; + text-align: inherit; + float: none; + margin: 0; + padding: 0; + line-height: normal; } .sweet-alert fieldset { - border: 0; - position: relative; + border: 0; + position: relative; } .sweet-alert .sa-error-container { - background-color: #f1f1f1; - margin-left: -17px; - margin-right: -17px; - overflow: hidden; - padding: 0 10px; - max-height: 0; - webkit-transition: padding 0.15s, max-height 0.15s; - -webkit-transition: padding 0.15s, max-height 0.15s; - transition: padding 0.15s, max-height 0.15s; + background-color: #f1f1f1; + margin-left: -17px; + margin-right: -17px; + overflow: hidden; + padding: 0 10px; + max-height: 0; + webkit-transition: + padding 0.15s, + max-height 0.15s; + transition: + padding 0.15s, + max-height 0.15s; } .sweet-alert .sa-error-container.show { - padding: 10px 0; - max-height: 100px; - webkit-transition: padding 0.2s, max-height 0.2s; - -webkit-transition: padding 0.25s, max-height 0.25s; - transition: padding 0.25s, max-height 0.25s; + padding: 10px 0; + max-height: 100px; + webkit-transition: + padding 0.2s, + max-height 0.2s; + transition: + padding 0.25s, + max-height 0.25s; } .sweet-alert .sa-error-container .icon { - display: inline-block; - width: 24px; - height: 24px; - border-radius: 50%; - background-color: #ea7d7d; - color: white; - line-height: 24px; - text-align: center; - margin-right: 3px; + display: inline-block; + width: 24px; + height: 24px; + border-radius: 50%; + background-color: #ea7d7d; + color: white; + line-height: 24px; + text-align: center; + margin-right: 3px; } .sweet-alert .sa-error-container p { - display: inline-block; + display: inline-block; } .sweet-alert .sa-input-error { - position: absolute; - top: 29px; - right: 26px; - width: 20px; - height: 20px; - opacity: 0; - -webkit-transform: scale(0.5); - transform: scale(0.5); - -webkit-transform-origin: 50% 50%; - transform-origin: 50% 50%; - -webkit-transition: all 0.1s; - transition: all 0.1s; + position: absolute; + top: 29px; + right: 26px; + width: 20px; + height: 20px; + opacity: 0; + -webkit-transform: scale(0.5); + transform: scale(0.5); + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -webkit-transition: all 0.1s; + transition: all 0.1s; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { - content: ""; - width: 20px; - height: 6px; - background-color: #f06e57; - border-radius: 3px; - position: absolute; - top: 50%; - margin-top: -4px; - left: 50%; - margin-left: -9px; + content: ""; + width: 20px; + height: 6px; + background-color: #f06e57; + border-radius: 3px; + position: absolute; + top: 50%; + margin-top: -4px; + left: 50%; + margin-left: -9px; } .sweet-alert .sa-input-error::before { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-input-error::after { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-input-error.show { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); } .sweet-alert input { - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 3px; - border: 1px solid #d7d7d7; - height: 43px; - margin-top: 10px; - margin-bottom: 17px; - font-size: 18px; - -webkit-box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); - box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); - padding: 0 12px; - display: none; - -webkit-transition: all 0.3s; - transition: all 0.3s; + width: 100%; + box-sizing: border-box; + border-radius: 3px; + border: 1px solid #d7d7d7; + height: 43px; + margin-top: 10px; + margin-bottom: 17px; + font-size: 18px; + box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); + padding: 0 12px; + display: none; + -webkit-transition: all 0.3s; + transition: all 0.3s; } .sweet-alert input:focus { - outline: 0; - -webkit-box-shadow: 0 0 3px #c4e6f5; - box-shadow: 0 0 3px #c4e6f5; - border: 1px solid #b4dbed; + outline: 0; + box-shadow: 0 0 3px #c4e6f5; + border: 1px solid #b4dbed; } .sweet-alert input:focus::-moz-placeholder { - -moz-transition: opacity 0.3s 0.03s ease; - transition: opacity 0.3s 0.03s ease; - opacity: 0.5; + transition: opacity 0.3s 0.03s ease; + opacity: 0.5; } .sweet-alert input:focus:-ms-input-placeholder { - -ms-transition: opacity 0.3s 0.03s ease; - transition: opacity 0.3s 0.03s ease; - opacity: 0.5; + transition: opacity 0.3s 0.03s ease; + opacity: 0.5; } .sweet-alert input:focus::-webkit-input-placeholder { - -webkit-transition: opacity 0.3s 0.03s ease; - transition: opacity 0.3s 0.03s ease; - opacity: 0.5; + transition: opacity 0.3s 0.03s ease; + opacity: 0.5; } .sweet-alert input::-moz-placeholder { - color: #bdbdbd; + color: #bdbdbd; } .sweet-alert input:-ms-input-placeholder { - color: #bdbdbd; + color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { - color: #bdbdbd; + color: #bdbdbd; } .sweet-alert.show-input input { - display: block; + display: block; } .sweet-alert .sa-confirm-button-container { - display: inline-block; - position: relative; + display: inline-block; + position: relative; } .sweet-alert .la-ball-fall { - position: absolute; - left: 50%; - top: 50%; - margin-left: -27px; - margin-top: 4px; - opacity: 0; - visibility: hidden; + position: absolute; + left: 50%; + top: 50%; + margin-left: -27px; + margin-top: 4px; + opacity: 0; + visibility: hidden; } .sweet-alert button { - background-color: #8cd4f5; - color: white; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 17px; - font-weight: 500; - border-radius: 5px; - padding: 10px 32px; - margin: 26px 5px 0 5px; - cursor: pointer; + background-color: #8cd4f5; + color: white; + border: 0; + box-shadow: none; + font-size: 17px; + font-weight: 500; + -webkit-border-radius: 4px; + border-radius: 5px; + padding: 10px 32px; + margin: 26px 5px 0 5px; + cursor: pointer; } .sweet-alert button:focus { - outline: 0; - -webkit-box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); - box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); + outline: 0; + box-shadow: + 0 0 2px rgba(128, 179, 235, 0.5), + inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); } .sweet-alert button:hover { - background-color: #7ecff4; + background-color: #7ecff4; } .sweet-alert button:active { - background-color: #5dc2f1; + background-color: #5dc2f1; } .sweet-alert button.cancel { - background-color: #c1c1c1; + background-color: #c1c1c1; } .sweet-alert button.cancel:hover { - background-color: #b9b9b9; + background-color: #b9b9b9; } .sweet-alert button.cancel:active { - background-color: #a8a8a8; + background-color: #a8a8a8; } .sweet-alert button.cancel:focus { - -webkit-box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; - box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; + box-shadow: + rgba(197, 205, 211, 0.8) 0 0 2px, + rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; } .sweet-alert button[disabled] { - opacity: 0.6; - cursor: default; + opacity: 0.6; + cursor: default; } .sweet-alert button.confirm[disabled] { - color: transparent; + color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { - opacity: 1; - visibility: visible; - -webkit-transition-delay: 0; - transition-delay: 0; + opacity: 1; + visibility: visible; + transition-delay: 0; } .sweet-alert button::-moz-focus-inner { - border: 0; + border: 0; } -.sweet-alert[data-has-cancel-button=false] button { - -webkit-box-shadow: none !important; - box-shadow: none !important; +.sweet-alert[data-has-cancel-button="false"] button { + box-shadow: none !important; } -.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { - padding-bottom: 40px; +.sweet-alert[data-has-confirm-button="false"][data-has-cancel-button="false"] { + padding-bottom: 40px; } .sweet-alert .sa-icon { - width: 80px; - height: 80px; - border: 4px solid gray; - border-radius: 40px; - border-radius: 50%; - margin: 20px auto; - padding: 0; - position: relative; - -webkit-box-sizing: content-box; - box-sizing: content-box; + width: 80px; + height: 80px; + border: 4px solid gray; + -webkit-border-radius: 40px; + border-radius: 40px; + border-radius: 50%; + margin: 20px auto; + padding: 0; + position: relative; + box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { - border-color: #f27474; + border-color: #f27474; } .sweet-alert .sa-icon.sa-error .sa-x-mark { - position: relative; - display: block; + position: relative; + display: block; } .sweet-alert .sa-icon.sa-error .sa-line { - position: absolute; - height: 5px; - width: 47px; - background-color: #f27474; - display: block; - top: 37px; - border-radius: 2px; + position: absolute; + height: 5px; + width: 47px; + background-color: #f27474; + display: block; + top: 37px; + border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - left: 17px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + left: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - right: 16px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + right: 16px; } .sweet-alert .sa-icon.sa-warning { - border-color: #f8bb86; + border-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-body { - position: absolute; - width: 5px; - height: 47px; - left: 50%; - top: 10px; - border-radius: 2px; - margin-left: -2px; - background-color: #f8bb86; + position: absolute; + width: 5px; + height: 47px; + left: 50%; + top: 10px; + -webkit-border-radius: 2px; + border-radius: 2px; + margin-left: -2px; + background-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-dot { - position: absolute; - width: 7px; - height: 7px; - border-radius: 50%; - margin-left: -3px; - left: 50%; - bottom: 10px; - background-color: #f8bb86; + position: absolute; + width: 7px; + height: 7px; + -webkit-border-radius: 50%; + border-radius: 50%; + margin-left: -3px; + left: 50%; + bottom: 10px; + background-color: #f8bb86; } .sweet-alert .sa-icon.sa-info { - border-color: #c9dae1; + border-color: #c9dae1; } .sweet-alert .sa-icon.sa-info::before { - content: ""; - position: absolute; - width: 5px; - height: 29px; - left: 50%; - bottom: 17px; - border-radius: 2px; - margin-left: -2px; - background-color: #c9dae1; + content: ""; + position: absolute; + width: 5px; + height: 29px; + left: 50%; + bottom: 17px; + border-radius: 2px; + margin-left: -2px; + background-color: #c9dae1; } .sweet-alert .sa-icon.sa-info::after { - content: ""; - position: absolute; - width: 7px; - height: 7px; - border-radius: 50%; - margin-left: -3px; - top: 19px; - background-color: #c9dae1; + content: ""; + position: absolute; + width: 7px; + height: 7px; + border-radius: 50%; + margin-left: -3px; + top: 19px; + background-color: #c9dae1; } .sweet-alert .sa-icon.sa-success { - border-color: #a5dc86; + border-color: #a5dc86; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { - content: ""; - border-radius: 40px; - border-radius: 50%; - position: absolute; - width: 60px; - height: 120px; - background: white; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + content: ""; + -webkit-border-radius: 40px; + border-radius: 40px; + border-radius: 50%; + position: absolute; + width: 60px; + height: 120px; + background: white; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success::before { - border-radius: 120px 0 0 120px; - top: -7px; - left: -33px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - -webkit-transform-origin: 60px 60px; - transform-origin: 60px 60px; + -webkit-border-radius: 120px 0 0 120px; + border-radius: 120px 0 0 120px; + top: -7px; + left: -33px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: 60px 60px; + transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { - border-radius: 0 120px 120px 0; - top: -11px; - left: 30px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - -webkit-transform-origin: 0 60px; - transform-origin: 0 60px; + -webkit-border-radius: 0 120px 120px 0; + border-radius: 0 120px 120px 0; + top: -11px; + left: 30px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: 0 60px; + transform-origin: 0 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { - width: 80px; - height: 80px; - border: 4px solid rgba(165, 220, 134, 0.2); - border-radius: 40px; - border-radius: 50%; - -webkit-box-sizing: content-box; - box-sizing: content-box; - position: absolute; - left: -4px; - top: -4px; - z-index: 2; + width: 80px; + height: 80px; + border: 4px solid rgba(165, 220, 134, 0.2); + -webkit-border-radius: 40px; + border-radius: 40px; + border-radius: 50%; + box-sizing: content-box; + position: absolute; + left: -4px; + top: -4px; + z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { - width: 5px; - height: 90px; - background-color: white; - position: absolute; - left: 28px; - top: 8px; - z-index: 1; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + width: 5px; + height: 90px; + background-color: white; + position: absolute; + left: 28px; + top: 8px; + z-index: 1; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { - height: 5px; - background-color: #a5dc86; - display: block; - border-radius: 2px; - position: absolute; - z-index: 2; + height: 5px; + background-color: #a5dc86; + display: block; + border-radius: 2px; + position: absolute; + z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { - width: 25px; - left: 14px; - top: 46px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + width: 25px; + left: 14px; + top: 46px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { - width: 47px; - right: 8px; - top: 38px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + width: 47px; + right: 8px; + top: 38px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-custom { - background-size: contain; - border-radius: 0; - border: 0; - background-position: center center; - background-repeat: no-repeat; + background-size: contain; + border-radius: 0; + border: 0; + background-position: center center; + background-repeat: no-repeat; } @-webkit-keyframes showSweetAlert { - 0% { - transform: scale(0.7); - -webkit-transform: scale(0.7); - } - 45% { - transform: scale(1.05); - -webkit-transform: scale(1.05); - } - 80% { - transform: scale(0.95); - -webkit-transform: scale(0.95); - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - } + 0% { + transform: scale(0.7); + -webkit-transform: scale(0.7); + } + 45% { + transform: scale(1.05); + -webkit-transform: scale(1.05); + } + 80% { + transform: scale(0.95); + -webkit-transform: scale(0.95); + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + } } @keyframes showSweetAlert { - 0% { - transform: scale(0.7); - -webkit-transform: scale(0.7); - } - 45% { - transform: scale(1.05); - -webkit-transform: scale(1.05); - } - 80% { - transform: scale(0.95); - -webkit-transform: scale(0.95); - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - } + 0% { + transform: scale(0.7); + -webkit-transform: scale(0.7); + } + 45% { + transform: scale(1.05); + -webkit-transform: scale(1.05); + } + 80% { + transform: scale(0.95); + -webkit-transform: scale(0.95); + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + } } @-webkit-keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); - } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); - } + 0% { + transform: scale(1); + -webkit-transform: scale(1); + } + 100% { + transform: scale(0.5); + -webkit-transform: scale(0.5); + } } @keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); - } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); - } + 0% { + transform: scale(1); + -webkit-transform: scale(1); + } + 100% { + transform: scale(0.5); + -webkit-transform: scale(0.5); + } } @-webkit-keyframes slideFromTop { - 0% { - top: 0; - } - 100% { - top: 50%; - } + 0% { + top: 0; + } + 100% { + top: 50%; + } } @keyframes slideFromTop { - 0% { - top: 0; - } - 100% { - top: 50%; - } + 0% { + top: 0; + } + 100% { + top: 50%; + } } @-webkit-keyframes slideToTop { - 0% { - top: 50%; - } - 100% { - top: 0; - } + 0% { + top: 50%; + } + 100% { + top: 0; + } } @keyframes slideToTop { - 0% { - top: 50%; - } - 100% { - top: 0; - } + 0% { + top: 50%; + } + 100% { + top: 0; + } } @-webkit-keyframes slideFromBottom { - 0% { - top: 70%; - } - 100% { - top: 50%; - } + 0% { + top: 70%; + } + 100% { + top: 50%; + } } @keyframes slideFromBottom { - 0% { - top: 70%; - } - 100% { - top: 50%; - } + 0% { + top: 70%; + } + 100% { + top: 50%; + } } @-webkit-keyframes slideToBottom { - 0% { - top: 50%; - } - 100% { - top: 70%; - } + 0% { + top: 50%; + } + 100% { + top: 70%; + } } @keyframes slideToBottom { - 0% { - top: 50%; - } - 100% { - top: 70%; - } + 0% { + top: 50%; + } + 100% { + top: 70%; + } } -.showSweetAlert[data-animation=pop] { - -webkit-animation: showSweetAlert 0.3s; - animation: showSweetAlert 0.3s; +.showSweetAlert[data-animation="pop"] { + -webkit-animation: showSweetAlert 0.3s; + animation: showSweetAlert 0.3s; } -.showSweetAlert[data-animation=none] { - -webkit-animation: none; - animation: none; +.showSweetAlert[data-animation="none"] { + -webkit-animation: none; + animation: none; } -.showSweetAlert[data-animation=slide-from-top] { - -webkit-animation: slideFromTop 0.3s; - animation: slideFromTop 0.3s; +.showSweetAlert[data-animation="slide-from-top"] { + -webkit-animation: slideFromTop 0.3s; + animation: slideFromTop 0.3s; } -.showSweetAlert[data-animation=slide-from-bottom] { - -webkit-animation: slideFromBottom 0.3s; - animation: slideFromBottom 0.3s; +.showSweetAlert[data-animation="slide-from-bottom"] { + -webkit-animation: slideFromBottom 0.3s; + animation: slideFromBottom 0.3s; } -.hideSweetAlert[data-animation=pop] { - -webkit-animation: hideSweetAlert 0.2s; - animation: hideSweetAlert 0.2s; +.hideSweetAlert[data-animation="pop"] { + -webkit-animation: hideSweetAlert 0.2s; + animation: hideSweetAlert 0.2s; } -.hideSweetAlert[data-animation=none] { - -webkit-animation: none; - animation: none; +.hideSweetAlert[data-animation="none"] { + -webkit-animation: none; + animation: none; } -.hideSweetAlert[data-animation=slide-from-top] { - -webkit-animation: slideToTop 0.4s; - animation: slideToTop 0.4s; +.hideSweetAlert[data-animation="slide-from-top"] { + -webkit-animation: slideToTop 0.4s; + animation: slideToTop 0.4s; } -.hideSweetAlert[data-animation=slide-from-bottom] { - -webkit-animation: slideToBottom 0.3s; - animation: slideToBottom 0.3s; +.hideSweetAlert[data-animation="slide-from-bottom"] { + -webkit-animation: slideToBottom 0.3s; + animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { - 0% { - width: 0; - left: 1px; - top: 19px; - } - 54% { - width: 0; - left: 1px; - top: 19px; - } - 70% { - width: 50px; - left: -8px; - top: 37px; - } - 84% { - width: 17px; - left: 21px; - top: 48px; - } - 100% { - width: 25px; - left: 14px; - top: 45px; - } + 0% { + width: 0; + left: 1px; + top: 19px; + } + 54% { + width: 0; + left: 1px; + top: 19px; + } + 70% { + width: 50px; + left: -8px; + top: 37px; + } + 84% { + width: 17px; + left: 21px; + top: 48px; + } + 100% { + width: 25px; + left: 14px; + top: 45px; + } } @keyframes animateSuccessTip { - 0% { - width: 0; - left: 1px; - top: 19px; - } - 54% { - width: 0; - left: 1px; - top: 19px; - } - 70% { - width: 50px; - left: -8px; - top: 37px; - } - 84% { - width: 17px; - left: 21px; - top: 48px; - } - 100% { - width: 25px; - left: 14px; - top: 45px; - } + 0% { + width: 0; + left: 1px; + top: 19px; + } + 54% { + width: 0; + left: 1px; + top: 19px; + } + 70% { + width: 50px; + left: -8px; + top: 37px; + } + 84% { + width: 17px; + left: 21px; + top: 48px; + } + 100% { + width: 25px; + left: 14px; + top: 45px; + } } @-webkit-keyframes animateSuccessLong { - 0% { - width: 0; - right: 46px; - top: 54px; - } - 65% { - width: 0; - right: 46px; - top: 54px; - } - 84% { - width: 55px; - right: 0; - top: 35px; - } - 100% { - width: 47px; - right: 8px; - top: 38px; - } + 0% { + width: 0; + right: 46px; + top: 54px; + } + 65% { + width: 0; + right: 46px; + top: 54px; + } + 84% { + width: 55px; + right: 0; + top: 35px; + } + 100% { + width: 47px; + right: 8px; + top: 38px; + } } @keyframes animateSuccessLong { - 0% { - width: 0; - right: 46px; - top: 54px; - } - 65% { - width: 0; - right: 46px; - top: 54px; - } - 84% { - width: 55px; - right: 0; - top: 35px; - } - 100% { - width: 47px; - right: 8px; - top: 38px; - } + 0% { + width: 0; + right: 46px; + top: 54px; + } + 65% { + width: 0; + right: 46px; + top: 54px; + } + 84% { + width: 55px; + right: 0; + top: 35px; + } + 100% { + width: 47px; + right: 8px; + top: 38px; + } } @-webkit-keyframes rotatePlaceholder { - 0% { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - } - 5% { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - } - 12% { - transform: rotate(-405deg); - -webkit-transform: rotate(-405deg); - } - 100% { - transform: rotate(-405deg); - -webkit-transform: rotate(-405deg); - } + 0% { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + } + 5% { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + } + 12% { + transform: rotate(-405deg); + -webkit-transform: rotate(-405deg); + } + 100% { + transform: rotate(-405deg); + -webkit-transform: rotate(-405deg); + } } @keyframes rotatePlaceholder { - 0% { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - } - 5% { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - } - 12% { - transform: rotate(-405deg); - -webkit-transform: rotate(-405deg); - } - 100% { - transform: rotate(-405deg); - -webkit-transform: rotate(-405deg); - } + 0% { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + } + 5% { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + } + 12% { + transform: rotate(-405deg); + -webkit-transform: rotate(-405deg); + } + 100% { + transform: rotate(-405deg); + -webkit-transform: rotate(-405deg); + } } .animateSuccessTip { - -webkit-animation: animateSuccessTip 0.75s; - animation: animateSuccessTip 0.75s; + -webkit-animation: animateSuccessTip 0.75s; + animation: animateSuccessTip 0.75s; } .animateSuccessLong { - -webkit-animation: animateSuccessLong 0.75s; - animation: animateSuccessLong 0.75s; + -webkit-animation: animateSuccessLong 0.75s; + animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { - -webkit-animation: rotatePlaceholder 4.25s ease-in; - animation: rotatePlaceholder 4.25s ease-in; + -webkit-animation: rotatePlaceholder 4.25s ease-in; + animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; - } - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1; - } + 0% { + transform: rotateX(100deg); + -webkit-transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0); + -webkit-transform: rotateX(0); + opacity: 1; + } } @keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; - } - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1; - } + 0% { + transform: rotateX(100deg); + -webkit-transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0); + -webkit-transform: rotateX(0); + opacity: 1; + } } .animateErrorIcon { - -webkit-animation: animateErrorIcon 0.5s; - animation: animateErrorIcon 0.5s; + -webkit-animation: animateErrorIcon 0.5s; + animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { - 0% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 50% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 80% { - transform: scale(1.15); - -webkit-transform: scale(1.15); - margin-top: -6px; - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - margin-top: 0; - opacity: 1; - } + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } } @keyframes animateXMark { - 0% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 50% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 80% { - transform: scale(1.15); - -webkit-transform: scale(1.15); - margin-top: -6px; - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - margin-top: 0; - opacity: 1; - } + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } } .animateXMark { - -webkit-animation: animateXMark 0.5s; - animation: animateXMark 0.5s; + -webkit-animation: animateXMark 0.5s; + animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { - 0% { - border-color: #f8d486; - } - 100% { - border-color: #f8bb86; - } + 0% { + border-color: #f8d486; + } + 100% { + border-color: #f8bb86; + } } @keyframes pulseWarning { - 0% { - border-color: #f8d486; - } - 100% { - border-color: #f8bb86; - } + 0% { + border-color: #f8d486; + } + 100% { + border-color: #f8bb86; + } } .pulseWarning { - -webkit-animation: pulseWarning 0.75s infinite alternate; - animation: pulseWarning 0.75s infinite alternate; + -webkit-animation: pulseWarning 0.75s infinite alternate; + animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { - 0% { - background-color: #f8d486; - } - 100% { - background-color: #f8bb86; - } + 0% { + background-color: #f8d486; + } + 100% { + background-color: #f8bb86; + } } @keyframes pulseWarningIns { - 0% { - background-color: #f8d486; - } - 100% { - background-color: #f8bb86; - } + 0% { + background-color: #f8d486; + } + 100% { + background-color: #f8bb86; + } } .pulseWarningIns { - -webkit-animation: pulseWarningIns 0.75s infinite alternate; - animation: pulseWarningIns 0.75s infinite alternate; + -webkit-animation: pulseWarningIns 0.75s infinite alternate; + animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(360deg); + } } @keyframes rotate-loading { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(360deg); + } } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { - -ms-transform: rotate(45deg) \9 ; + -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { - -ms-transform: rotate(-45deg) \9 ; + -ms-transform: rotate(-45deg) \9; } .sweet-alert .sa-icon.sa-success { - border-color: transparent\9 ; + border-color: transparent\9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { - -ms-transform: rotate(45deg) \9 ; + -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { - -ms-transform: rotate(-45deg) \9 ; + -ms-transform: rotate(-45deg) \9; } /*! @@ -3002,622 +2697,848 @@ body.stop-scrolling { */ .la-ball-fall, .la-ball-fall > div { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .la-ball-fall { - display: block; - font-size: 0; - color: var(--directorist-color-white); + display: block; + font-size: 0; + color: var(--directorist-color-white); } .la-ball-fall.la-dark { - color: #333; + color: #333; } .la-ball-fall > div { - display: inline-block; - float: none; - background-color: currentColor; - border: 0 solid currentColor; + display: inline-block; + float: none; + background-color: currentColor; + border: 0 solid currentColor; } .la-ball-fall { - width: 54px; - height: 18px; + width: 54px; + height: 18px; } .la-ball-fall > div { - width: 10px; - height: 10px; - margin: 4px; - border-radius: 100%; - opacity: 0; - -webkit-animation: ball-fall 1s ease-in-out infinite; - animation: ball-fall 1s ease-in-out infinite; + width: 10px; + height: 10px; + margin: 4px; + border-radius: 100%; + opacity: 0; + -webkit-animation: ball-fall 1s ease-in-out infinite; + -moz-animation: ball-fall 1s ease-in-out infinite; + -o-animation: ball-fall 1s ease-in-out infinite; + animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { - -webkit-animation-delay: -200ms; - animation-delay: -200ms; + -webkit-animation-delay: -200ms; + -moz-animation-delay: -200ms; + -o-animation-delay: -200ms; + animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { - -webkit-animation-delay: -100ms; - animation-delay: -100ms; + -webkit-animation-delay: -100ms; + -moz-animation-delay: -100ms; + -o-animation-delay: -100ms; + animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { - -webkit-animation-delay: 0; - animation-delay: 0; + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay: 0; + animation-delay: 0; } .la-ball-fall.la-sm { - width: 26px; - height: 8px; + width: 26px; + height: 8px; } .la-ball-fall.la-sm > div { - width: 4px; - height: 4px; - margin: 2px; + width: 4px; + height: 4px; + margin: 2px; } .la-ball-fall.la-2x { - width: 108px; - height: 36px; + width: 108px; + height: 36px; } .la-ball-fall.la-2x > div { - width: 20px; - height: 20px; - margin: 8px; + width: 20px; + height: 20px; + margin: 8px; } .la-ball-fall.la-3x { - width: 162px; - height: 54px; + width: 162px; + height: 54px; } .la-ball-fall.la-3x > div { - width: 30px; - height: 30px; - margin: 12px; + width: 30px; + height: 30px; + margin: 12px; } @-webkit-keyframes ball-fall { - 0% { - opacity: 0; - -webkit-transform: translateY(-145%); - transform: translateY(-145%); - } - 10% { - opacity: 0.5; - } - 20% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 80% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 90% { - opacity: 0.5; - } - 100% { - opacity: 0; - -webkit-transform: translateY(145%); - transform: translateY(145%); - } + 0% { + opacity: 0; + -webkit-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -webkit-transform: translateY(145%); + transform: translateY(145%); + } +} +@-moz-keyframes ball-fall { + 0% { + opacity: 0; + -moz-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -moz-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -moz-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -moz-transform: translateY(145%); + transform: translateY(145%); + } +} +@-o-keyframes ball-fall { + 0% { + opacity: 0; + -o-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -o-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -o-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -o-transform: translateY(145%); + transform: translateY(145%); + } } @keyframes ball-fall { - 0% { - opacity: 0; - -webkit-transform: translateY(-145%); - transform: translateY(-145%); - } - 10% { - opacity: 0.5; - } - 20% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 80% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 90% { - opacity: 0.5; - } - 100% { - opacity: 0; - -webkit-transform: translateY(145%); - transform: translateY(145%); - } + 0% { + opacity: 0; + -webkit-transform: translateY(-145%); + -moz-transform: translateY(-145%); + -o-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -webkit-transform: translateY(145%); + -moz-transform: translateY(145%); + -o-transform: translateY(145%); + transform: translateY(145%); + } } .directorist-add-listing-types { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: flex; + box-sizing: border-box; } .directorist-add-listing-types__single { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-add-listing-types__single__link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - background-color: var(--directorist-color-white); - color: var(--directorist-color-primary); - font-size: 16px; - font-weight: 500; - line-height: 20px; - text-align: center; - padding: 40px 25px; - border-radius: 12px; - text-decoration: none !important; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-transition: background 0.2s ease; - transition: background 0.2s ease; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + background-color: var(--directorist-color-white); + color: var(--directorist-color-primary); + font-size: 16px; + font-weight: 500; + line-height: 20px; + text-align: center; + padding: 40px 25px; + border-radius: 12px; + text-decoration: none !important; + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + transition: background 0.2s ease; + /* Legacy Icon */ } .directorist-add-listing-types__single__link .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 70px; - width: 70px; - background-color: var(--directorist-color-primary); - border-radius: 100%; - margin-bottom: 20px; - -webkit-transition: color 0.2s ease, background 0.2s ease; - transition: color 0.2s ease, background 0.2s ease; + display: flex; + align-items: center; + justify-content: center; + height: 70px; + width: 70px; + background-color: var(--directorist-color-primary); + border-radius: 100%; + margin-bottom: 20px; + transition: + color 0.2s ease, + background 0.2s ease; } .directorist-add-listing-types__single__link .directorist-icon-mask:after { - width: 25px; - height: 25px; - background-color: var(--directorist-color-white); + width: 25px; + height: 25px; + background-color: var(--directorist-color-white); } .directorist-add-listing-types__single__link:hover { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-add-listing-types__single__link:hover .directorist-icon-mask { - background-color: var(--directorist-color-white); -} -.directorist-add-listing-types__single__link:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-white); } -.directorist-add-listing-types__single__link { - /* Legacy Icon */ +.directorist-add-listing-types__single__link:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } .directorist-add-listing-types__single__link > i:not(.directorist-icon-mask) { - display: inline-block; - margin-bottom: 10px; + display: inline-block; + margin-bottom: 10px; } .directorist-add-listing-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: flex; + box-sizing: border-box; } .directorist-add-listing-form .directorist-content-module { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-add-listing-form .directorist-content-module__title i { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-add-listing-form .directorist-content-module__title i:after { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-add-listing-form .directorist-alert-required { - display: block; - margin-top: 5px; - color: #e80000; - font-size: 13px; + display: block; + margin-top: 5px; + color: #e80000; + font-size: 13px; } .directorist-add-listing-form__privacy a { - color: var(--directorist-color-info); + color: var(--directorist-color-info); } .directorist-add-listing-form .directorist-content-module, #directiost-listing-fields_wrapper .directorist-content-module { - margin-bottom: 35px; - border-radius: 12px; + margin-bottom: 35px; + border-radius: 12px; + /* social info */ } @media (max-width: 991px) { - .directorist-add-listing-form .directorist-content-module, - #directiost-listing-fields_wrapper .directorist-content-module { - margin-bottom: 20px; - } + .directorist-add-listing-form .directorist-content-module, + #directiost-listing-fields_wrapper .directorist-content-module { + margin-bottom: 20px; + } } .directorist-add-listing-form .directorist-content-module__title, #directiost-listing-fields_wrapper .directorist-content-module__title { - gap: 15px; - min-height: 66px; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + gap: 15px; + min-height: 66px; + justify-content: flex-start; } .directorist-add-listing-form .directorist-content-module__title i, #directiost-listing-fields_wrapper .directorist-content-module__title i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 36px; - height: 36px; - border-radius: 100%; + display: flex; + align-items: center; + justify-content: center; + width: 36px; + height: 36px; + border-radius: 100%; } .directorist-add-listing-form .directorist-content-module__title i:after, #directiost-listing-fields_wrapper .directorist-content-module__title i:after { - width: 16px; - height: 16px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade { - padding: 0; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade > input[name=address], -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade > input[name=address] { - padding-left: 10px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before { - width: 15px; - height: 15px; - left: unset; - right: 0; - top: 46px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after { - height: 40px; - top: 26px; -} -.directorist-add-listing-form .directorist-content-module, -#directiost-listing-fields_wrapper .directorist-content-module { - /* social info */ -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - margin: 0 0 25px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields:last-child, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields:last-child { - margin: 0 0 40px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-light-gray); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + width: 16px; + height: 16px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade { + padding: 0; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade + > input[name="address"], +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade + > input[name="address"] { + padding-left: 10px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:before, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:before { + width: 15px; + height: 15px; + left: unset; + right: 0; + top: 46px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:after { + height: 40px; + top: 26px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 20px; + margin: 0 0 25px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields:last-child, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields:last-child { + margin: 0 0 40px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group { + flex: 1; + margin: 0; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select { + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select.placeholder-item, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select.placeholder-item { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-light-gray); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input { + display: flex; + gap: 20px; + flex: 1; } @media screen and (max-width: 480px) { - .directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input, - #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input { - gap: 10px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 36px; - height: 36px; - padding: 0; - cursor: pointer; - border-radius: 100%; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-light) !important; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove i::after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i::after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-light-gray); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover { - background-color: var(--directorist-color-primary) !important; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover i::after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i::after { - background-color: var(--directorist-color-white); + .directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input, + #directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input { + gap: 10px; + flex-direction: column; + } +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove { + display: flex; + align-items: center; + justify-content: center; + width: 36px; + height: 36px; + padding: 0; + cursor: pointer; + border-radius: 100%; + transition: all ease 0.3s; + background-color: var(--directorist-color-light) !important; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove + i::after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove + i::after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-light-gray); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove:hover, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover { + background-color: var(--directorist-color-primary) !important; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after { + background-color: var(--directorist-color-white); } #directiost-listing-fields_wrapper .directorist-content-module { - background-color: var(--directorist-color-white); - border-radius: 0; - border: 1px solid #e3e6ef; + background-color: var(--directorist-color-white); + border-radius: 0; + border: 1px solid #e3e6ef; } #directiost-listing-fields_wrapper .directorist-content-module__title { - padding: 20px 30px; - border-bottom: 1px solid #e3e6ef; + padding: 20px 30px; + border-bottom: 1px solid #e3e6ef; } #directiost-listing-fields_wrapper .directorist-content-module__title i { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } #directiost-listing-fields_wrapper .directorist-content-module__title i:after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields { - margin: 0 0 25px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove { - background-color: #ededed !important; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i::after { - background-color: #808080; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover { - background-color: var(--directorist-color-primary) !important; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i::after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title { - cursor: auto; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title:before { - display: none; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents { - padding: 30px 40px 40px; + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields { + margin: 0 0 25px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove { + background-color: #ededed !important; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove + i::after { + background-color: #808080; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover { + background-color: var(--directorist-color-primary) !important; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__title { + cursor: auto; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__title:before { + display: none; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__contents { + padding: 30px 40px 40px; } @media (max-width: 991px) { - #directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents { - height: auto; - opacity: 1; - padding: 20px; - visibility: visible; - } -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-label { - margin-bottom: 10px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element { - position: relative; - height: 42px; - padding: 15px 20px; - font-size: 14px; - font-weight: 400; - border-radius: 5px; - width: 100%; - border: 1px solid #ececec; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 0; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element__prefix { - height: 42px; - line-height: 42px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields select.directorist-form-element, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-select select.directorist-form-element, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element.directory_pricing_field { - padding-top: 0; - padding-bottom: 0; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-radio__label:after { - position: absolute; - left: 0; - top: 0; - width: 20px; - height: 20px; - border-radius: 3px; - content: ""; - border: 1px solid #c6d0dc; - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-radio__label:before { - position: absolute; - left: 7px; - top: 7px; - width: 6px; - height: 6px; - border-radius: 50%; - background-color: var(--directorist-color-primary); - border: 0 none; - -webkit-mask-image: none; - mask-image: none; - z-index: 2; - content: ""; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:after { - border-radius: 50%; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:before { - left: 5px; - top: 5px; - content: ""; - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - border: none; - background-color: var(--directorist-color-white); - display: block; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; -} -#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic { - padding: 30px; - text-align: center; - border-radius: 5px; - border: 1px dashed #dbdee9; -} -#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic .plupload-browse-button-label i::after { - width: 50px; - height: 45px; - background-color: #808080; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-file-upload .directorist-custom-field-file-upload__wrapper ~ .directorist-form-description { - text-align: center; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn { - width: auto; - padding: 11px 26px; - background-color: #444752; - color: var(--directorist-color-white); - border-radius: 5px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn i::after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-map-field__maps #gmap { - border-radius: 0; + #directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__contents { + height: auto; + opacity: 1; + padding: 20px; + visibility: visible; + } +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-label { + margin-bottom: 10px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element { + position: relative; + height: 42px; + padding: 15px 20px; + font-size: 14px; + font-weight: 400; + border-radius: 5px; + width: 100%; + border: 1px solid #ececec; + box-sizing: border-box; + margin-bottom: 0; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element__prefix { + height: 42px; + line-height: 42px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + select.directorist-form-element, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-custom-field-select + select.directorist-form-element, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element.directory_pricing_field { + padding-top: 0; + padding-bottom: 0; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-radio__label:after { + position: absolute; + left: 0; + top: 0; + width: 20px; + height: 20px; + border-radius: 3px; + content: ""; + border: 1px solid #c6d0dc; + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-radio__label:before { + position: absolute; + left: 7px; + top: 7px; + width: 6px; + height: 6px; + border-radius: 50%; + background-color: var(--directorist-color-primary); + border: 0 none; + mask-image: none; + z-index: 2; + content: ""; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:after { + border-radius: 50%; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:before { + left: 5px; + top: 5px; + content: ""; + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-repeat: no-repeat; + width: 10px; + height: 10px; + border: none; + background-color: var(--directorist-color-white); + display: block; + transition: all 0.3s ease 0s; + z-index: 2; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .plupload-upload-uic { + padding: 30px; + text-align: center; + border-radius: 5px; + border: 1px dashed #dbdee9; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .plupload-upload-uic + .plupload-browse-button-label + i::after { + width: 50px; + height: 45px; + background-color: #808080; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-custom-field-file-upload + .directorist-custom-field-file-upload__wrapper + ~ .directorist-form-description { + text-align: center; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-info-field + .directorist-btn { + width: auto; + padding: 11px 26px; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 5px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-info-field + .directorist-btn + i::after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-map-field__maps + #gmap { + border-radius: 0; } /* ========================== @@ -3625,11 +3546,11 @@ body.stop-scrolling { ============================= */ /* listing label */ .directorist-form-label { - display: block; - color: var(--directorist-color-dark); - margin-bottom: 5px; - font-size: 14px; - font-weight: 500; + display: block; + color: var(--directorist-color-dark); + margin-bottom: 5px; + font-size: 14px; + font-weight: 500; } .directorist-custom-field-radio > .directorist-form-label, @@ -3638,1006 +3559,974 @@ body.stop-scrolling { .directorist-form-image-upload-field > .directorist-form-label, .directorist-custom-field-file-upload > .directorist-form-label, .directorist-form-pricing-field.price-type-both > .directorist-form-label { - margin-bottom: 18px; + margin-bottom: 18px; } /* listing type */ .directorist-form-listing-type { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: flex; + flex-wrap: wrap; + gap: 20px; } @media (max-width: 767px) { - .directorist-form-listing-type { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-form-listing-type { + flex-direction: column; + } } .directorist-form-listing-type .directorist-form-label { - font-size: 14px; - font-weight: 500; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - margin: 0; + font-size: 14px; + font-weight: 500; + flex: 0 0 100%; + margin: 0; } .directorist-form-listing-type__single { - -webkit-box-flex: 0; - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; + flex: 0 0 45%; } .directorist-form-listing-type__single.directorist-radio { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label { - width: 100%; - height: 100%; - padding: 25px; - font-size: 14px; - font-weight: 500; - padding-left: 55px; - border-radius: 12px; - color: var(--directorist-color-body); - border: 3px solid var(--directorist-color-border-gray); - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label small { - display: block; - margin-top: 5px; - font-weight: normal; - color: var(--directorist-color-success); -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label:before { - left: 29px; - top: 29px; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label:after { - left: 25px; - top: 25px; - width: 18px; - height: 18px; -} -.directorist-form-listing-type .directorist-radio input[type=radio]:checked + .directorist-radio__label { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + align-items: flex-start; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label { + width: 100%; + height: 100%; + padding: 25px; + font-size: 14px; + font-weight: 500; + padding-left: 55px; + border-radius: 12px; + color: var(--directorist-color-body); + border: 3px solid var(--directorist-color-border-gray); + cursor: pointer; + box-sizing: border-box; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label + small { + display: block; + margin-top: 5px; + font-weight: normal; + color: var(--directorist-color-success); +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label:before { + left: 29px; + top: 29px; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label:after { + left: 25px; + top: 25px; + width: 18px; + height: 18px; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } /* Pricing */ .directorist-form-pricing-field__options { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 0 20px; -} -.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label { - font-size: 14px; - font-weight: 400; - min-height: 18px; - padding-left: 27px; - color: var(--directorist-color-body); -} -.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label { - font-weight: 500; - color: var(--directorist-color-dark); -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:after { - top: 3px; - left: 3px; - width: 14px; - height: 14px; - border-radius: 100%; - border: 2px solid #c6d0dc; -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:before { - left: 0; - top: 0; - width: 8px; - height: 8px; - -webkit-mask-image: none; - mask-image: none; - background-color: var(--directorist-color-white); - border-radius: 100%; - border: 5px solid var(--directorist-color-primary); - -webkit-box-sizing: content-box; - box-sizing: content-box; -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:checked:after { - opacity: 0; + display: flex; + flex-wrap: wrap; + gap: 20px; + align-items: center; + margin: 0 0 20px; +} +.directorist-form-pricing-field__options + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label { + font-size: 14px; + font-weight: 400; + min-height: 18px; + padding-left: 27px; + color: var(--directorist-color-body); +} +.directorist-form-pricing-field__options + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label { + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:after { + top: 3px; + left: 3px; + width: 14px; + height: 14px; + border-radius: 100%; + border: 2px solid #c6d0dc; +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:before { + left: 0; + top: 0; + width: 8px; + height: 8px; + mask-image: none; + background-color: var(--directorist-color-white); + border-radius: 100%; + border: 5px solid var(--directorist-color-primary); + box-sizing: content-box; +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:checked:after { + opacity: 0; } .directorist-form-pricing-field .directorist-form-element { - min-width: 100%; + min-width: 100%; } .price-type-price_range .directorist-form-pricing-field__options, .price-type-price_unit .directorist-form-pricing-field__options { - margin: 0; + margin: 0; } /* location */ .directorist-select-multi select { - display: none; + display: none; } #directorist-location-select { - z-index: 113 !important; + z-index: 113 !important; } /* tags */ #directorist-tag-select { - z-index: 112 !important; + z-index: 112 !important; } /* categories */ #directorist-category-select { - z-index: 111 !important; + z-index: 111 !important; } .directorist-form-group .select2-selection { - border-color: #ececec; + border-color: #ececec; } .directorist-form-group .select2-container--default .select2-selection { - min-height: 40px; - padding-right: 45px; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__rendered { - line-height: 26px; - padding: 0; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__clear { - padding-right: 15px; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__arrow { - right: 10px; + min-height: 40px; + padding-right: 45px; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__rendered { + line-height: 26px; + padding: 0; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__clear { + padding-right: 15px; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__arrow { + right: 10px; } .directorist-form-group .select2-container--default .select2-selection input { - min-height: 26px; + min-height: 26px; } /* hide contact owner */ -.directorist-hide-owner-field.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label { - font-size: 15px; - font-weight: 700; +.directorist-hide-owner-field.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label { + font-size: 15px; + font-weight: 700; } /* Map style */ .directorist-map-coordinate { - margin-top: 20px; + margin-top: 20px; } .directorist-map-coordinates { - padding: 0 0 15px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 15px -15px 0; + padding: 0 0 15px 0; + display: flex; + flex-wrap: wrap; + align-items: center; + margin: 15px -15px 0; } .directorist-map-coordinates .directorist-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding-left: 15px; - padding-right: 15px; - max-width: 290px; + flex: 1; + padding-left: 15px; + padding-right: 15px; + max-width: 290px; } .directorist-map-coordinates__generate { - -webkit-box-flex: 0 !important; - -webkit-flex: 0 0 100% !important; - -ms-flex: 0 0 100% !important; - flex: 0 0 100% !important; - max-width: 100% !important; + flex: 0 0 100% !important; + max-width: 100% !important; } -.directorist-add-listing-form .directorist-content-module .directorist-map-coordinates .directorist-form-group:not(.directorist-map-coordinates__generate) { - margin-bottom: 20px; +.directorist-add-listing-form + .directorist-content-module + .directorist-map-coordinates + .directorist-form-group:not(.directorist-map-coordinates__generate) { + margin-bottom: 20px; } .directorist-form-map-field__wrapper { - margin-bottom: 10px; + margin-bottom: 10px; } .directorist-form-map-field__maps #gmap { - position: relative; - height: 400px; - z-index: 1; - border-radius: 12px; + position: relative; + height: 400px; + z-index: 1; + border-radius: 12px; } .directorist-form-map-field__maps #gmap #gmap_full_screen_button, .directorist-form-map-field__maps #gmap .gm-fullscreen-control { - display: none; -} -.directorist-form-map-field__maps #gmap div[role=img] { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 50px !important; - height: 50px !important; - cursor: pointer; - border-radius: 100%; - overflow: visible !important; -} -.directorist-form-map-field__maps #gmap div[role=img] > img { - position: relative; - z-index: 1; - width: 100% !important; - height: 100% !important; - border-radius: 100%; - background-color: var(--directorist-color-primary); -} -.directorist-form-map-field__maps #gmap div[role=img]:before { - content: ""; - position: absolute; - left: -25px; - top: -25px; - width: 0; - height: 0; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; - border: 50px solid rgba(var(--directorist-color-dark-rgb), 0.2); - opacity: 0; - visibility: hidden; - -webkit-animation: atbd_scale 3s linear alternate infinite; - animation: atbd_scale 3s linear alternate infinite; -} -.directorist-form-map-field__maps #gmap div[role=img]:after { - content: ""; - display: block; - width: 12px; - height: 20px; - position: absolute; - z-index: 2; - background-color: var(--directorist-color-white); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/80f124fcb604319ca80e.svg); - mask-image: url(../js/80f124fcb604319ca80e.svg); -} -.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon { - margin: 0; - display: inline-block; - width: 13px !important; - height: 13px !important; - background-color: unset; -} -.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:before, .directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:after { - display: none; -} -.directorist-form-map-field__maps #gmap div[role=img]:hover:before { - opacity: 1; - visibility: visible; + display: none; +} +.directorist-form-map-field__maps #gmap div[role="img"] { + position: relative; + display: flex; + align-items: center; + justify-content: center; + width: 50px !important; + height: 50px !important; + cursor: pointer; + border-radius: 100%; + overflow: visible !important; +} +.directorist-form-map-field__maps #gmap div[role="img"] > img { + position: relative; + z-index: 1; + width: 100% !important; + height: 100% !important; + border-radius: 100%; + background-color: var(--directorist-color-primary); +} +.directorist-form-map-field__maps #gmap div[role="img"]:before { + content: ""; + position: absolute; + left: -25px; + top: -25px; + width: 0; + height: 0; + border-radius: 50%; + transition: all 0.3s ease-in-out; + border: none; + border: 50px solid rgba(var(--directorist-color-dark-rgb), 0.2); + opacity: 0; + visibility: hidden; + animation: atbd_scale 3s linear alternate infinite; +} +.directorist-form-map-field__maps #gmap div[role="img"]:after { + content: ""; + display: block; + width: 12px; + height: 20px; + position: absolute; + z-index: 2; + background-color: var(--directorist-color-white); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); +} +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon { + margin: 0; + display: inline-block; + width: 13px !important; + height: 13px !important; + background-color: unset; +} +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon:before, +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon:after { + display: none; +} +.directorist-form-map-field__maps #gmap div[role="img"]:hover:before { + opacity: 1; + visibility: visible; } .directorist-form-map-field .map_drag_info { - display: none; + display: none; } .directorist-form-map-field .atbd_map_shape { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - cursor: pointer; - border-radius: 100%; + position: relative; + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + cursor: pointer; + border-radius: 100%; } .directorist-form-map-field .atbd_map_shape:before { - content: ""; - position: absolute; - left: -20px; - top: -20px; - width: 0; - height: 0; - opacity: 0; - visibility: hidden; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; + content: ""; + position: absolute; + left: -20px; + top: -20px; + width: 0; + height: 0; + opacity: 0; + visibility: hidden; + border-radius: 50%; + transition: all 0.3s ease-in-out; + border: none; } .directorist-form-map-field .atbd_map_shape .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-marker-icon); - -webkit-mask: url(../js/80f124fcb604319ca80e.svg); - mask: url(../js/80f124fcb604319ca80e.svg); + width: 16px; + height: 16px; + background-color: var(--directorist-color-marker-icon); + mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); } .directorist-form-map-field .atbd_map_shape:hover:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } /* EZ Media Upload */ .directorist-form-image-upload-field .ez-media-uploader { - text-align: center; - border-radius: 12px; - padding: 35px 10px; - margin: 0; - background-color: var(--directorist-color-bg-gray) !important; - border: 2px dashed var(--directorist-color-border-gray) !important; + text-align: center; + border-radius: 12px; + padding: 35px 10px; + margin: 0; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; } .directorist-form-image-upload-field .ez-media-uploader.ezmu--show { - margin-bottom: 120px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section { - display: block; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu__media-picker-icon-wrap-upload { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: auto; - height: auto; - margin-bottom: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload { - background: unset; - -webkit-filter: unset; - filter: unset; - width: auto; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload i::after { - width: 90px; - height: 80px; - background-color: var(--directorist-color-border-gray); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-buttons { - margin-top: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label { - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 17px 0 35px; - margin: 10px 0; - height: 40px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - background: var(--directorist-color-primary); - color: var(--directorist-color-white); - text-align: center; - font-size: 13px; - font-weight: 500; - line-height: 14px; - cursor: pointer; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:before { - position: absolute; - left: 17px; - top: 13px; - content: ""; - -webkit-mask-image: url(../js/53e21172ac69331e0b44.svg); - mask-image: url(../js/53e21172ac69331e0b44.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:hover { - opacity: 0.85; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap p { - margin: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show { - position: absolute; - top: calc(100% + 22px); - left: 0; - width: auto; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap { - display: none; - height: 76px; - width: 100px; - border-radius: 8px; - background-color: var(--directorist-color-bg-gray) !important; - border: 2px dashed var(--directorist-color-border-gray) !important; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn { - padding: 0; - width: 30px; - height: 30px; - font-size: 0; - position: relative; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn:before { - content: ""; - position: absolute; - width: 30px; - height: 30px; - left: 0; - z-index: 2; - background-color: var(--directorist-color-border-gray); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/ec3db9820a6442a268a9.svg); - mask-image: url(../js/ec3db9820a6442a268a9.svg); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__thumbnail-list-item { - width: 175px; - min-width: 175px; - -webkit-flex-basis: unset; - -ms-flex-preferred-size: unset; - flex-basis: unset; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-buttons { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon { - background-image: unset; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon .directorist-icon-mask::after { - width: 12px; - height: 12px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-button { - width: 20px; - height: 25px; - background-size: 8px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__featured_tag, -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__thumbnail-size-text { - padding: 0 5px; - height: 25px; - line-height: 25px; + margin-bottom: 120px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section { + display: block; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu__media-picker-icon-wrap-upload { + display: flex; + justify-content: center; + width: auto; + height: auto; + margin-bottom: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu-icon-upload { + background: unset; + filter: unset; + width: auto; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu-icon-upload + i::after { + width: 90px; + height: 80px; + background-color: var(--directorist-color-border-gray); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-buttons { + margin-top: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label { + position: relative; + display: inline-flex; + padding: 0 17px 0 35px; + margin: 10px 0; + height: 40px; + align-items: center; + gap: 6px; + border-radius: 8px; + background: var(--directorist-color-primary); + color: var(--directorist-color-white); + text-align: center; + font-size: 13px; + font-weight: 500; + line-height: 14px; + cursor: pointer; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label:before { + position: absolute; + left: 17px; + top: 13px; + content: ""; + mask-image: url(../js/../images/82bc0acb0537c9331637ee2319728e40.svg); + mask-repeat: no-repeat; + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label:hover { + opacity: 0.85; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + p { + margin: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show { + position: absolute; + top: calc(100% + 22px); + left: 0; + width: auto; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 8px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap { + display: none; + height: 76px; + width: 100px; + border-radius: 8px; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap + .ezmu__update-file-btn { + padding: 0; + width: 30px; + height: 30px; + font-size: 0; + position: relative; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap + .ezmu__update-file-btn:before { + content: ""; + position: absolute; + width: 30px; + height: 30px; + left: 0; + z-index: 2; + background-color: var(--directorist-color-border-gray); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/6af1e9612a6d7346e1366489fb9fac45.svg); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__thumbnail-list-item { + width: 175px; + min-width: 175px; + flex-basis: unset; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__sort-buttons { + display: flex; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon { + background-image: unset; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon + .directorist-icon-mask::after { + width: 12px; + height: 12px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__sort-button { + width: 20px; + height: 25px; + background-size: 8px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__featured_tag, +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__thumbnail-size-text { + padding: 0 5px; + height: 25px; + line-height: 25px; } .directorist-form-image-upload-field .ezmu__info-list-item:empty { - display: none; + display: none; } .directorist-add-listing-wrapper { - max-width: 1000px !important; - margin: 0 auto; + max-width: 1000px !important; + margin: 0 auto; } .directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back { - position: relative; - height: 100px; - width: 100%; + position: relative; + height: 100px; + width: 100%; } -.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back .ezmu__thumbnail-img { - -o-object-fit: cover; - object-fit: cover; +.directorist-add-listing-wrapper + .ezmu__thumbnail-list-item_back + .ezmu__thumbnail-img { + object-fit: cover; } .directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); - opacity: 0; - visibility: visible; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.directorist-add-listing-wrapper .ezmu__thumbnail-list-item:hover .ezmu__thumbnail-list-item_back:before { - opacity: 1; - visibility: visible; + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 0; + visibility: visible; + transition: all ease 0.3s; +} +.directorist-add-listing-wrapper + .ezmu__thumbnail-list-item:hover + .ezmu__thumbnail-list-item_back:before { + opacity: 1; + visibility: visible; } .directorist-add-listing-wrapper .ezmu__titles-area .ezmu__title-1 { - font-size: 20px; - font-weight: 500; - margin: 0; + font-size: 20px; + font-weight: 500; + margin: 0; } .directorist-add-listing-wrapper .ezmu__btn { - margin-bottom: 25px; - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached .ezmu__upload-button-wrap .ezmu__btn { - pointer-events: none; - opacity: 0.7; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight { - position: relative; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:before { - content: ""; - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - background-color: #ddd; - cursor: no-drop; - z-index: 9999; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:after { - content: "Maximum Files Uploaded"; - font-size: 18px; - font-weight: 700; - color: #EF0000; - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - cursor: no-drop; - z-index: 9999; + margin-bottom: 25px; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached + .ezmu__upload-button-wrap + .ezmu__btn { + pointer-events: none; + opacity: 0.7; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight { + position: relative; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight:before { + content: ""; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + background-color: #ddd; + cursor: no-drop; + z-index: 9999; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight:after { + content: "Maximum Files Uploaded"; + font-size: 18px; + font-weight: 700; + color: #ef0000; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + cursor: no-drop; + z-index: 9999; } .directorist-add-listing-wrapper .ezmu__info-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 6px; - margin: 15px 0 0; + display: flex; + align-items: center; + flex-direction: column; + gap: 6px; + margin: 15px 0 0; } .directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item { - margin: 0; + margin: 0; } .directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item:before { - width: 16px; - height: 16px; - background-image: url(../js/fecb7262255c19cc2351.svg); + width: 16px; + height: 16px; + background-image: url(../js/../images/83eed1a628ff52c2adf977f50ac7adb4.svg); } .directorist-add-listing-form { - /* form action */ + /* form action */ } .directorist-add-listing-form__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - border-radius: 12px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + display: flex; + flex-direction: column; + border-radius: 12px; + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-add-listing-form__action .directorist-form-submit { - margin-top: 15px; -} -.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading { - position: relative; -} -.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading:after { - content: ""; - border: 2px solid #f3f3f3; - border-radius: 50%; - border-top: 2px solid #656a7a; - width: 20px; - height: 20px; - -webkit-animation: rotate360 2s linear infinite; - animation: rotate360 2s linear infinite; - display: inline-block; - margin: 0 0 0 10px; - position: relative; - top: 4px; + margin-top: 15px; +} +.directorist-add-listing-form__action + .directorist-form-submit__btn.atbd_loading { + position: relative; +} +.directorist-add-listing-form__action + .directorist-form-submit__btn.atbd_loading:after { + content: ""; + border: 2px solid #f3f3f3; + border-radius: 50%; + border-top: 2px solid #656a7a; + width: 20px; + height: 20px; + animation: rotate360 2s linear infinite; + display: inline-block; + margin: 0 0 0 10px; + position: relative; + top: 4px; } .directorist-add-listing-form__action label { - line-height: 1.25; - margin-bottom: 0; + line-height: 1.25; + margin-bottom: 0; } .directorist-add-listing-form__action #listing_notifier { - padding: 18px 40px 33px; - font-size: 14px; - font-weight: 600; - color: var(--directorist-color-danger); - border-top: 1px solid var(--directorist-color-border); + padding: 18px 40px 33px; + font-size: 14px; + font-weight: 600; + color: var(--directorist-color-danger); + border-top: 1px solid var(--directorist-color-border); } .directorist-add-listing-form__action #listing_notifier:empty { - display: none; + display: none; } .directorist-add-listing-form__action #listing_notifier .atbdp_success { - color: var(--directorist-color-success); + color: var(--directorist-color-success); } .directorist-add-listing-form__action .directorist-form-group, .directorist-add-listing-form__action .directorist-checkbox { - margin: 0; - padding: 30px 40px 0; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + margin: 0; + padding: 30px 40px 0; + align-items: flex-start; } @media only screen and (max-width: 576px) { - .directorist-add-listing-form__action .directorist-form-group, - .directorist-add-listing-form__action .directorist-checkbox { - padding: 30px 0 0; - } - .directorist-add-listing-form__action .directorist-form-group.directorist-form-privacy, - .directorist-add-listing-form__action .directorist-checkbox.directorist-form-privacy { - padding: 30px 30px 0; - } + .directorist-add-listing-form__action .directorist-form-group, + .directorist-add-listing-form__action .directorist-checkbox { + padding: 30px 0 0; + } + .directorist-add-listing-form__action + .directorist-form-group.directorist-form-privacy, + .directorist-add-listing-form__action + .directorist-checkbox.directorist-form-privacy { + padding: 30px 30px 0; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__action .directorist-form-group, - .directorist-add-listing-form__action .directorist-checkbox { - padding: 30px 20px 0; - } + .directorist-add-listing-form__action .directorist-form-group, + .directorist-add-listing-form__action .directorist-checkbox { + padding: 30px 20px 0; + } } .directorist-add-listing-form__action .directorist-form-group label, .directorist-add-listing-form__action .directorist-checkbox label { - font-size: 14px; - font-weight: 500; - margin: 0 0 10px; + font-size: 14px; + font-weight: 500; + margin: 0 0 10px; } .directorist-add-listing-form__action .directorist-form-group label a, .directorist-add-listing-form__action .directorist-checkbox label a { - color: var(--directorist-color-info); + color: var(--directorist-color-info); } .directorist-add-listing-form__action .directorist-form-group #guest_user_email, .directorist-add-listing-form__action .directorist-checkbox #guest_user_email { - margin: 0 0 10px; + margin: 0 0 10px; } .directorist-add-listing-form__action .directorist-form-required { - padding-left: 5px; + padding-left: 5px; } .directorist-add-listing-form__publish { - padding: 100px 20px; - margin-bottom: 0; - text-align: center; + padding: 100px 20px; + margin-bottom: 0; + text-align: center; } @media only screen and (max-width: 576px) { - .directorist-add-listing-form__publish { - padding: 70px 20px; - } + .directorist-add-listing-form__publish { + padding: 70px 20px; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish { - padding: 50px 20px; - } + .directorist-add-listing-form__publish { + padding: 50px 20px; + } } .directorist-add-listing-form__publish__icon i { - width: 70px; - height: 70px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - margin: 0 auto 25px; - background-color: var(--directorist-color-light); + width: 70px; + height: 70px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 100%; + margin: 0 auto 25px; + background-color: var(--directorist-color-light); } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i { - margin-bottom: 20px; - } + .directorist-add-listing-form__publish__icon i { + margin-bottom: 20px; + } } .directorist-add-listing-form__publish__icon i:after { - width: 30px; - height: 30px; - background-color: var(--directorist-color-primary); + width: 30px; + height: 30px; + background-color: var(--directorist-color-primary); } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i:after { - width: 25px; - height: 25px; - } + .directorist-add-listing-form__publish__icon i:after { + width: 25px; + height: 25px; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i:after { - width: 22px; - height: 22px; - } + .directorist-add-listing-form__publish__icon i:after { + width: 22px; + height: 22px; + } } .directorist-add-listing-form__publish__title { - font-size: 24px; - font-weight: 600; - margin: 0 0 10px; + font-size: 24px; + font-weight: 600; + margin: 0 0 10px; } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__title { - font-size: 22px; - } + .directorist-add-listing-form__publish__title { + font-size: 22px; + } } .directorist-add-listing-form__publish__subtitle { - font-size: 15px; - color: var(--directorist-color-body); - margin: 0; + font-size: 15px; + color: var(--directorist-color-body); + margin: 0; } .directorist-add-listing-form .directorist-form-group textarea { - padding: 10px 0; - background: transparent; + padding: 10px 0; + background: transparent; } .directorist-add-listing-form .atbd_map_shape { - width: 50px; - height: 50px; + width: 50px; + height: 50px; } .directorist-add-listing-form .atbd_map_shape:before { - left: -25px; - top: -25px; - border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); + left: -25px; + top: -25px; + border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); } .directorist-add-listing-form .atbd_map_shape .directorist-icon-mask::after { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } /* Custom Fields */ /* select */ .directorist-custom-field-select select.directorist-form-element { - padding-top: 0; - padding-bottom: 0; + padding-top: 0; + padding-bottom: 0; } /* file upload */ .plupload-upload-uic { - width: 420px; - margin: 0 auto !important; - border: 1px dashed #dbdee9; - padding: 30px; - text-align: center; + width: 420px; + margin: 0 auto !important; + border: 1px dashed #dbdee9; + padding: 30px; + text-align: center; } .plupload-upload-uic .directorist-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; + font-weight: 500; + margin-bottom: 15px; + font-size: 15px; } .plupload-upload-uic .directorist-dropbox-file-types { - margin-top: 10px; - color: #9299b8; + margin-top: 10px; + color: #9299b8; } /* quick login */ .directorist-modal-container { - display: none; - margin: 0 !important; - max-width: 100% !important; - height: 100vh !important; - position: fixed; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 999999999999; + display: none; + margin: 0 !important; + max-width: 100% !important; + height: 100vh !important; + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 999999999999; } .directorist-modal-container.show { - display: block; + display: block; } .directorist-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: rgba(0, 0, 0, 0.4705882353); - width: 100%; - height: 100%; - position: absolute; - overflow: auto; - top: 0; - left: 0; - right: 0; - bottom: 0; - padding: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + background-color: rgba(0, 0, 0, 0.4705882353); + width: 100%; + height: 100%; + position: absolute; + overflow: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; + padding: 20px; + align-items: center; + justify-content: center; } .directorist-modals { - display: block; - width: 100%; - max-width: 400px; - margin: 0 auto; - background-color: var(--directorist-color-white); - border-radius: 8px; - overflow: hidden; + display: block; + width: 100%; + max-width: 400px; + margin: 0 auto; + background-color: var(--directorist-color-white); + border-radius: 8px; + overflow: hidden; } .directorist-modal-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 10px 20px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-bottom: 1px solid #e4e4e4; + display: flex; + padding: 10px 20px; + justify-content: space-between; + align-items: center; + border-bottom: 1px solid #e4e4e4; } .directorist-modal-title-area { - display: block; + display: block; } .directorist-modal-header .directorist-modal-title { - margin-bottom: 0 !important; - font-size: 24px; + margin-bottom: 0 !important; + font-size: 24px; } .directorist-modal-actions-area { - display: block; - padding: 0 10px; + display: block; + padding: 0 10px; } .directorist-modal-body { - display: block; - padding: 20px; + display: block; + padding: 20px; } .directorist-form-privacy { - margin-bottom: 10px; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); + margin-bottom: 10px; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); } -.directorist-form-privacy.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after { - border-color: var(--directorist-color-body); +.directorist-form-privacy.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after { + border-color: var(--directorist-color-body); } .directorist-form-privacy, .directorist-form-terms { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-form-privacy a, .directorist-form-terms a { - text-decoration: none; + text-decoration: none; } /* ============================= backend add listing form ================================*/ .add_listing_form_wrapper .hide-if-no-js { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + flex-wrap: wrap; + gap: 15px; + justify-content: center; } #listing_form_info .directorist-bh-wrap .directorist-select select { - width: calc(100% - 1px); - min-height: 42px; - display: block !important; - border-color: #ececec !important; - padding: 0 10px; + width: calc(100% - 1px); + min-height: 42px; + display: block !important; + border-color: #ececec !important; + padding: 0 10px; } .directorist-map-field #floating-panel { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-map-field #floating-panel #delete_marker { - background-color: var(--directorist-color-danger); - border: 1px solid var(--directorist-color-danger); - color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); + border: 1px solid var(--directorist-color-danger); + color: var(--directorist-color-white); } -#listing_form_info .atbd_content_module.atbd-booking-information .atbdb_content_module_contents { - padding-top: 20px; +#listing_form_info + .atbd_content_module.atbd-booking-information + .atbdb_content_module_contents { + padding-top: 20px; } .directorist-custom-field-radio, .directorist-custom-field-checkbox { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 0 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + gap: 0 10px; + flex-wrap: wrap; } .directorist-custom-field-radio .directorist-form-label, .directorist-custom-field-radio .directorist-form-description, @@ -4645,789 +4534,677 @@ body.stop-scrolling { .directorist-custom-field-checkbox .directorist-form-label, .directorist-custom-field-checkbox .directorist-form-description, .directorist-custom-field-checkbox .directorist-custom-field-btn-more { - width: 100%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + width: 100%; + flex: 0 0 100%; } .directorist-custom-field-radio .directorist-checkbox, .directorist-custom-field-radio .directorist-radio, .directorist-custom-field-checkbox .directorist-checkbox, .directorist-custom-field-checkbox .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 49%; - -ms-flex: 0 0 49%; - flex: 0 0 49%; + flex: 0 0 49%; } @media only screen and (max-width: 767px) { - .directorist-custom-field-radio .directorist-checkbox, - .directorist-custom-field-radio .directorist-radio, - .directorist-custom-field-checkbox .directorist-checkbox, - .directorist-custom-field-checkbox .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .directorist-custom-field-radio .directorist-checkbox, + .directorist-custom-field-radio .directorist-radio, + .directorist-custom-field-checkbox .directorist-checkbox, + .directorist-custom-field-checkbox .directorist-radio { + flex: 0 0 100%; + } } .directorist-custom-field-radio .directorist-custom-field-btn-more, .directorist-custom-field-checkbox .directorist-custom-field-btn-more { - margin-top: 5px; + margin-top: 5px; } .directorist-custom-field-radio .directorist-custom-field-btn-more:after, .directorist-custom-field-checkbox .directorist-custom-field-btn-more:after { - content: ""; - display: inline-block; - margin-left: 5px; - -webkit-mask-image: url(../js/664d0b74d206cf7349ab.svg); - mask-image: url(../js/664d0b74d206cf7349ab.svg); - width: 12px; - height: 12px; - background-color: var(--directorist-color-body); + content: ""; + display: inline-block; + margin-left: 5px; + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + width: 12px; + height: 12px; + background-color: var(--directorist-color-body); } .directorist-custom-field-radio .directorist-custom-field-btn-more.active:after, -.directorist-custom-field-checkbox .directorist-custom-field-btn-more.active:after { - -webkit-mask-image: url(../js/2d9a2bdcde23b75a6392.svg); - mask-image: url(../js/2d9a2bdcde23b75a6392.svg); -} - -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered { - height: auto; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 5px; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li { - margin: 0; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li input { - margin-top: 0; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline { - width: auto; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline:first-child { - width: inherit; +.directorist-custom-field-checkbox + .directorist-custom-field-btn-more.active:after { + mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); +} + +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered { + height: auto; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 5px; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li { + margin: 0; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li + input { + margin-top: 0; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li.select2-search--inline { + width: auto; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li.select2-search--inline:first-child { + width: inherit; } .multistep-wizard { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; + display: flex; + gap: 30px; } @media only screen and (max-width: 991px) { - .multistep-wizard { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .multistep-wizard { + flex-direction: column; + } } .multistep-wizard__nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - max-height: 100vh; - min-width: 270px; - max-width: 270px; - overflow-y: auto; + display: flex; + gap: 6px; + flex-direction: column; + height: fit-content; + max-height: 100vh; + min-width: 270px; + max-width: 270px; + overflow-y: auto; } .multistep-wizard__nav.sticky { - position: fixed; - top: 0; + position: fixed; + top: 0; } .multistep-wizard__nav__btn { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; - width: 270px; - min-height: 36px; - padding: 7px 16px; - border: none; - outline: none; - cursor: pointer; - font-size: 14px; - font-weight: 400; - border-radius: 8px; - border: 1px solid transparent; - text-decoration: none !important; - color: var(--directorist-color-light-gray); - background-color: transparent; - border: 1px solid transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: background 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease; + position: relative; + display: flex; + align-items: center; + gap: 12px; + width: 270px; + min-height: 36px; + padding: 7px 16px; + border: none; + outline: none; + cursor: pointer; + font-size: 14px; + font-weight: 400; + border-radius: 8px; + border: 1px solid transparent; + text-decoration: none !important; + color: var(--directorist-color-light-gray); + background-color: transparent; + border: 1px solid transparent; + box-sizing: border-box; + transition: + background 0.2s ease, + color 0.2s ease, + box-shadow 0.2s ease; } @media only screen and (max-width: 991px) { - .multistep-wizard__nav__btn { - width: 100%; - } + .multistep-wizard__nav__btn { + width: 100%; + } } .multistep-wizard__nav__btn i { - min-width: 36px; - width: 36px; - height: 36px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - background-color: #ededed; + min-width: 36px; + width: 36px; + height: 36px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 100%; + background-color: #ededed; } .multistep-wizard__nav__btn i:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); - -webkit-transition: background-color 0.2s ease; - transition: background-color 0.2s ease; + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); + transition: background-color 0.2s ease; } .multistep-wizard__nav__btn:before { - position: absolute; - right: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url(../js/3f62f09e3154ac5ef09f.svg); - mask-image: url(../js/3f62f09e3154ac5ef09f.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-light-gray); - display: block; - opacity: 0; - -webkit-transition: opacity 0.2s ease; - transition: opacity 0.2s ease; - z-index: 2; -} -.multistep-wizard__nav__btn.active, .multistep-wizard__nav__btn:hover { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border-color: var(--directorist-color-border-light); - background-color: var(--directorist-color-white); - outline: none; -} -.multistep-wizard__nav__btn.active:before, .multistep-wizard__nav__btn:hover:before { - opacity: 1; + position: absolute; + right: 20px; + top: 50%; + transform: translateY(-50%); + content: ""; + mask-image: url(../js/../images/bbed57ce5c92c9a7aa71622e408b6a66.svg); + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-light-gray); + display: block; + opacity: 0; + transition: opacity 0.2s ease; + z-index: 2; +} +.multistep-wizard__nav__btn.active, +.multistep-wizard__nav__btn:hover { + box-shadow: var(--directorist-box-shadow); + border-color: var(--directorist-color-border-light); + background-color: var(--directorist-color-white); + outline: none; +} +.multistep-wizard__nav__btn.active:before, +.multistep-wizard__nav__btn:hover:before { + opacity: 1; } .multistep-wizard__nav__btn:focus { - outline: none; - font-weight: 600; - color: var(--directorist-color-primary); + outline: none; + font-weight: 600; + color: var(--directorist-color-primary); } .multistep-wizard__nav__btn:focus:before { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .multistep-wizard__nav__btn:focus i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .multistep-wizard__nav__btn.completed { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .multistep-wizard__nav__btn.completed:before { - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - opacity: 1; + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + opacity: 1; } .multistep-wizard__nav__btn.completed i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } @media only screen and (max-width: 991px) { - .multistep-wizard__nav { - display: none; - } + .multistep-wizard__nav { + display: none; + } } .multistep-wizard__content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + flex: 1; } .multistep-wizard__single { - border-radius: 12px; - background-color: var(--directorist-color-white); + border-radius: 12px; + background-color: var(--directorist-color-white); } .multistep-wizard__single label { - display: block; + display: block; } .multistep-wizard__single span.required { - color: var(--directorist-color-danger); + color: var(--directorist-color-danger); } @media only screen and (max-width: 991px) { - .multistep-wizard__single .directorist-content-module__title { - position: relative; - cursor: pointer; - } - .multistep-wizard__single .directorist-content-module__title h2 { - -webkit-padding-end: 20px; - padding-inline-end: 20px; - } - .multistep-wizard__single .directorist-content-module__title:before { - position: absolute; - right: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url(../js/ff2d93062dca72981c1d.svg); - mask-image: url(../js/ff2d93062dca72981c1d.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-dark); - } - .multistep-wizard__single .directorist-content-module__title.opened:before { - -webkit-mask-image: url(../js/a4b0ca5c8376702b4932.svg); - mask-image: url(../js/a4b0ca5c8376702b4932.svg); - } - .multistep-wizard__single .directorist-content-module__contents { - height: 0; - opacity: 0; - padding: 0; - visibility: hidden; - -webkit-transition: padding-top 0.3s ease; - transition: padding-top 0.3s ease; - } - .multistep-wizard__single .directorist-content-module__contents.active { - height: auto; - opacity: 1; - padding: 20px; - visibility: visible; - } + .multistep-wizard__single .directorist-content-module__title { + position: relative; + cursor: pointer; + } + .multistep-wizard__single .directorist-content-module__title h2 { + padding-inline-end: 20px; + } + .multistep-wizard__single .directorist-content-module__title:before { + position: absolute; + right: 20px; + top: 50%; + transform: translateY(-50%); + content: ""; + mask-image: url(../js/../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg); + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-dark); + } + .multistep-wizard__single .directorist-content-module__title.opened:before { + mask-image: url(../js/../images/e9f5f62f416fee88e3f2d027b8b705da.svg); + } + .multistep-wizard__single .directorist-content-module__contents { + height: 0; + opacity: 0; + padding: 0; + visibility: hidden; + transition: padding-top 0.3s ease; + } + .multistep-wizard__single .directorist-content-module__contents.active { + height: auto; + opacity: 1; + padding: 20px; + visibility: visible; + } } .multistep-wizard__progressbar { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 100%; - margin-top: 50px; - border-radius: 8px; + position: relative; + display: flex; + width: 100%; + margin-top: 50px; + border-radius: 8px; } .multistep-wizard__progressbar:before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 2px; - background-color: var(--directorist-color-border); - border-radius: 8px; - -webkit-transition: width 0.3s ease-in-out; - transition: width 0.3s ease-in-out; + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 2px; + background-color: var(--directorist-color-border); + border-radius: 8px; + transition: width 0.3s ease-in-out; } .multistep-wizard__progressbar__width { - position: absolute; - top: 0; - left: 0; - width: 0; + position: absolute; + top: 0; + left: 0; + width: 0; } .multistep-wizard__progressbar__width:after { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 2px; - background-color: var(--directorist-color-primary); - border-radius: 8px; - -webkit-transition: width 0.3s ease-in-out; - transition: width 0.3s ease-in-out; + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 2px; + background-color: var(--directorist-color-primary); + border-radius: 8px; + transition: width 0.3s ease-in-out; } .multistep-wizard__bottom { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 25px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - margin: 20px 0; + display: flex; + flex-wrap: wrap; + gap: 25px; + align-items: center; + justify-content: space-between; + margin: 20px 0; } @media only screen and (max-width: 575px) { - .multistep-wizard__bottom { - gap: 15px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .multistep-wizard__bottom { + gap: 15px; + justify-content: center; + } } .multistep-wizard__btn { - width: 200px; - height: 54px; - gap: 12px; - border: none; - outline: none; - cursor: pointer; - background-color: var(--directorist-color-light); + width: 200px; + height: 54px; + gap: 12px; + border: none; + outline: none; + cursor: pointer; + background-color: var(--directorist-color-light); } .multistep-wizard__btn.directorist-btn { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .multistep-wizard__btn.directorist-btn i:after { - background-color: var(--directorist-color-body); + background-color: var(--directorist-color-body); } -.multistep-wizard__btn.directorist-btn:hover, .multistep-wizard__btn.directorist-btn:focus { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); +.multistep-wizard__btn.directorist-btn:hover, +.multistep-wizard__btn.directorist-btn:focus { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } -.multistep-wizard__btn.directorist-btn:hover i:after, .multistep-wizard__btn.directorist-btn:focus i:after { - background-color: var(--directorist-color-white); +.multistep-wizard__btn.directorist-btn:hover i:after, +.multistep-wizard__btn.directorist-btn:focus i:after { + background-color: var(--directorist-color-white); } -.multistep-wizard__btn[disabled=true], .multistep-wizard__btn[disabled=disabled] { - color: var(--directorist-color-light-gray); - pointer-events: none; +.multistep-wizard__btn[disabled="true"], +.multistep-wizard__btn[disabled="disabled"] { + color: var(--directorist-color-light-gray); + pointer-events: none; } -.multistep-wizard__btn[disabled=true] i:after, .multistep-wizard__btn[disabled=disabled] i:after { - background-color: var(--directorist-color-light-gray); +.multistep-wizard__btn[disabled="true"] i:after, +.multistep-wizard__btn[disabled="disabled"] i:after { + background-color: var(--directorist-color-light-gray); } .multistep-wizard__btn i:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-primary); + width: 14px; + height: 14px; + background-color: var(--directorist-color-primary); } .multistep-wizard__btn--save-preview { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } .multistep-wizard__btn--save-preview.directorist-btn { - height: 0; - opacity: 0; - visibility: hidden; + height: 0; + opacity: 0; + visibility: hidden; } @media only screen and (max-width: 575px) { - .multistep-wizard__btn--save-preview { - width: 100%; - } + .multistep-wizard__btn--save-preview { + width: 100%; + } } .multistep-wizard__btn--skip-preview { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } .multistep-wizard__btn--skip-preview.directorist-btn { - height: 0; - opacity: 0; - visibility: hidden; + height: 0; + opacity: 0; + visibility: hidden; } .multistep-wizard__btn.directorist-btn { - min-height: unset; + min-height: unset; } @media only screen and (max-width: 575px) { - .multistep-wizard__btn.directorist-btn { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .multistep-wizard__btn.directorist-btn { + flex: 0 0 100%; + } } .multistep-wizard__count { - font-size: 15px; - font-weight: 500; + font-size: 15px; + font-weight: 500; } @media only screen and (max-width: 575px) { - .multistep-wizard__count { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - text-align: center; - } + .multistep-wizard__count { + flex: 0 0 100%; + text-align: center; + } } .multistep-wizard .default-add-listing-bottom { - display: none; + display: none; } .multistep-wizard.default-add-listing .multistep-wizard__single { - display: block !important; + display: block !important; } .multistep-wizard.default-add-listing .multistep-wizard__bottom, .multistep-wizard.default-add-listing .multistep-wizard__progressbar { - display: none !important; + display: none !important; } .multistep-wizard.default-add-listing .default-add-listing-bottom { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 35px 0; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.multistep-wizard.default-add-listing .default-add-listing-bottom .directorist-form-submit__btn { - width: 100%; - height: 54px; + display: flex; + gap: 20px; + flex-wrap: wrap; + padding: 35px 0; + justify-content: space-between; +} +.multistep-wizard.default-add-listing + .default-add-listing-bottom + .directorist-form-submit__btn { + width: 100%; + height: 54px; } .logged-in .multistep-wizard__nav.sticky { - top: 32px; + top: 32px; } @keyframes atbd_scale { - 0% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } + 0% { + transform: scale(0.8); + } + 100% { + transform: scale(1); + } } #directorist_submit_privacy_policy { - display: block; - opacity: 0; - width: 0; - height: 0; - margin: 0; - padding: 0; - border: none; + display: block; + opacity: 0; + width: 0; + height: 0; + margin: 0; + padding: 0; + border: none; } #directorist_submit_privacy_policy::after { - display: none; + display: none; } .upload-error { - display: block !important; - clear: both; - background-color: #FCD9D9; - color: #E80000; - font-size: 16px; - word-break: break-word; - border-radius: 3px; - padding: 15px 20px; + display: block !important; + clear: both; + background-color: #fcd9d9; + color: #e80000; + font-size: 16px; + word-break: break-word; + border-radius: 3px; + padding: 15px 20px; } #upload-msg { - display: block; - clear: both; + display: block; + clear: both; } #content .category_grid_view li a.post_img { - height: 65px; - width: 90%; - overflow: hidden; + height: 65px; + width: 90%; + overflow: hidden; } #content .category_grid_view li a.post_img img { - margin: 0 auto; - display: block; - height: 65px; + margin: 0 auto; + display: block; + height: 65px; } #content .category_list_view li a.post_img { - height: 110px; - width: 165px; - overflow: hidden; + height: 110px; + width: 165px; + overflow: hidden; } #content .category_list_view li a.post_img img { - margin: 0 auto; - display: block; - height: 110px; + margin: 0 auto; + display: block; + height: 110px; } #sidebar .recent_comments li img.thumb { - width: 40px; + width: 40px; } .post_img_tiny img { - width: 35px; + width: 35px; } .single_post_blog img.alignleft { - width: 96%; - height: auto; + width: 96%; + height: auto; } .ecu_images { - width: 100%; + width: 100%; } .filelist { - width: 100%; + width: 100%; } .filelist .file { - padding: 5px; - background-color: #ececec; - border: solid 1px #ccc; - margin-bottom: 4px; - clear: both; - text-align: left; + padding: 5px; + background-color: #ececec; + border: solid 1px #ccc; + margin-bottom: 4px; + clear: both; + text-align: left; } .filelist .fileprogress { - width: 0%; - height: 5px; - background-color: #3385ff; + width: 0%; + height: 5px; + background-color: #3385ff; } #custom-filedropbox, .directorist-custom-field-file-upload__wrapper > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - gap: 20px; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-start; + gap: 20px; } .plupload-upload-uic { - width: 200px; - height: 150px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - border-radius: 12px; - margin: 0 !important; - background-color: var(--directorist-color-bg-gray); - border: 2px dashed var(--directorist-color-border-gray); + width: 200px; + height: 150px; + padding: 0; + display: flex; + gap: 15px; + align-items: center; + justify-content: center; + flex-direction: column; + border-radius: 12px; + margin: 0 !important; + background-color: var(--directorist-color-bg-gray); + border: 2px dashed var(--directorist-color-border-gray); } .plupload-upload-uic > input { - display: none; + display: none; } .plupload-upload-uic .plupload-browse-button-label { - cursor: pointer; + cursor: pointer; } .plupload-upload-uic .plupload-browse-button-label i::after { - width: 50px; - height: 45px; - background-color: var(--directorist-color-border-gray); + width: 50px; + height: 45px; + background-color: var(--directorist-color-border-gray); } .plupload-upload-uic .plupload-browse-img-size { - font-size: 13px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 13px; + font-weight: 400; + color: var(--directorist-color-body); } @media (max-width: 575px) { - .plupload-upload-uic { - width: 100%; - height: 200px; - } + .plupload-upload-uic { + width: 100%; + height: 200px; + } } .plupload-thumbs { - clear: both; - overflow: hidden; + clear: both; + overflow: hidden; } .plupload-thumbs .thumb { - position: relative; - height: 150px; - width: 200px; - border-radius: 12px; + position: relative; + height: 150px; + width: 200px; + border-radius: 12px; } .plupload-thumbs .thumb img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: 12px; + width: 100%; + height: 100%; + object-fit: cover; + border-radius: 12px; } .plupload-thumbs .thumb:hover .atbdp-thumb-actions::before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } @media (max-width: 575px) { - .plupload-thumbs .thumb { - width: 100%; - height: 200px; - } + .plupload-thumbs .thumb { + width: 100%; + height: 200px; + } } .plupload-thumbs .atbdp-thumb-actions { - position: absolute; - height: 100%; - width: 100%; - top: 0; - left: 0; + position: absolute; + height: 100%; + width: 100%; + top: 0; + left: 0; } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink { - position: absolute; - top: 10px; - right: 10px; - background-color: #FF385C; - height: 32px; - width: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.plupload-thumbs .atbdp-thumb-actions .thumbremovelink .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); + position: absolute; + top: 10px; + right: 10px; + background-color: #ff385c; + height: 32px; + width: 32px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + cursor: pointer; + transition: 0.3s ease; +} +.plupload-thumbs + .atbdp-thumb-actions + .thumbremovelink + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink:hover { - opacity: 0.8; + opacity: 0.8; } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink i { - font-size: 14px; + font-size: 14px; } .plupload-thumbs .atbdp-thumb-actions:before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - left: 0; - top: 0; - opacity: 0; - visibility: hidden; - border-radius: 12px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + content: ""; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + opacity: 0; + visibility: hidden; + border-radius: 12px; + transition: all ease 0.3s; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); } .plupload-thumbs .thumb.atbdp_file { - border: none; - width: auto; + border: none; + width: auto; } .atbdp-add-files .plupload-thumbs .thumb img, .plupload-thumbs .thumb i.atbdp-file-info { - cursor: move; - width: 100%; - height: 100%; - z-index: 1; + cursor: move; + width: 100%; + height: 100%; + z-index: 1; } .plupload-thumbs .thumb i.atbdp-file-info { - font-size: 50px; - padding-top: 10%; - z-index: 1; + font-size: 50px; + padding-top: 10%; + z-index: 1; } .plupload-thumbs .thumb .thumbi { - position: absolute; - right: -10px; - top: -8px; - height: 18px; - width: 18px; + position: absolute; + right: -10px; + top: -8px; + height: 18px; + width: 18px; } .plupload-thumbs .thumb .thumbi a { - text-indent: -8000px; - display: block; + text-indent: -8000px; + display: block; } .plupload-thumbs .atbdp-title-preview, .plupload-thumbs .atbdp-caption-preview { - position: absolute; - top: 10px; - left: 5px; - font-size: 10px; - line-height: 10px; - padding: 1px; - background: rgba(255, 255, 255, 0.5); - z-index: 2; - overflow: hidden; - height: 10px; + position: absolute; + top: 10px; + left: 5px; + font-size: 10px; + line-height: 10px; + padding: 1px; + background: rgba(255, 255, 255, 0.5); + z-index: 2; + overflow: hidden; + height: 10px; } .plupload-thumbs .atbdp-caption-preview { - top: auto; - bottom: 10px; + top: auto; + bottom: 10px; } /* required styles */ @@ -5441,48 +5218,44 @@ body.stop-scrolling { .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { - position: absolute; - left: 0; - top: 0; + position: absolute; + left: 0; + top: 0; } .leaflet-container { - overflow: hidden; + overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-user-drag: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + -webkit-user-drag: none; } /* Prevents IE11 from highlighting tiles in blue */ -.leaflet-tile::-moz-selection { - background: transparent; -} .leaflet-tile::selection { - background: transparent; + background: transparent; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { - image-rendering: -webkit-optimize-contrast; + image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { - width: 1600px; - height: 1600px; - -webkit-transform-origin: 0 0; + width: 1600px; + height: 1600px; + -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { - display: block; + display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ @@ -5493,229 +5266,232 @@ body.stop-scrolling { .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { - max-width: none !important; - max-height: none !important; + max-width: none !important; + max-height: none !important; } .leaflet-container.leaflet-touch-zoom { - -ms-touch-action: pan-x pan-y; - touch-action: pan-x pan-y; + -ms-touch-action: pan-x pan-y; + touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { - -ms-touch-action: pinch-zoom; - /* Fallback for FF which doesn't support pinch-zoom */ - touch-action: none; - touch-action: pinch-zoom; + -ms-touch-action: pinch-zoom; + /* Fallback for FF which doesn't support pinch-zoom */ + touch-action: none; + touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { - -ms-touch-action: none; - touch-action: none; + -ms-touch-action: none; + touch-action: none; } .leaflet-container { - -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: transparent; } .leaflet-container a { - -webkit-tap-highlight-color: rgba(145, 175, 186, 0.4); + -webkit-tap-highlight-color: rgba(145, 175, 186, 0.4); } .leaflet-tile { - -webkit-filter: inherit; - filter: inherit; - visibility: hidden; + filter: inherit; + visibility: hidden; } .leaflet-tile-loaded { - visibility: inherit; + visibility: inherit; } .leaflet-zoom-box { - width: 0; - height: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; - z-index: 800; + width: 0; + height: 0; + -moz-box-sizing: border-box; + box-sizing: border-box; + z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { - -moz-user-select: none; + -moz-user-select: none; } .leaflet-pane { - z-index: 400; + z-index: 400; } .leaflet-tile-pane { - z-index: 200; + z-index: 200; } .leaflet-overlay-pane { - z-index: 400; + z-index: 400; } .leaflet-shadow-pane { - z-index: 500; + z-index: 500; } .leaflet-marker-pane { - z-index: 600; + z-index: 600; } .leaflet-tooltip-pane { - z-index: 650; + z-index: 650; } .leaflet-popup-pane { - z-index: 700; + z-index: 700; } .leaflet-map-pane canvas { - z-index: 100; + z-index: 100; } .leaflet-map-pane svg { - z-index: 200; + z-index: 200; } .leaflet-vml-shape { - width: 1px; - height: 1px; + width: 1px; + height: 1px; } .lvml { - behavior: url(#default#VML); - display: inline-block; - position: absolute; + behavior: url(#default#VML); + display: inline-block; + position: absolute; } /* control positioning */ .leaflet-control { - position: relative; - z-index: 800; - pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ - pointer-events: auto; + position: relative; + z-index: 800; + pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ + pointer-events: auto; } .leaflet-top, .leaflet-bottom { - position: absolute; - z-index: 1000; - pointer-events: none; + position: absolute; + z-index: 1000; + pointer-events: none; } .leaflet-top { - top: 0; + top: 0; } .leaflet-right { - right: 0; - display: none; + right: 0; + display: none; } .leaflet-bottom { - bottom: 0; + bottom: 0; } .leaflet-left { - left: 0; + left: 0; } .leaflet-control { - float: left; - clear: both; + float: left; + clear: both; } .leaflet-right .leaflet-control { - float: right; + float: right; } .leaflet-top .leaflet-control { - margin-top: 10px; + margin-top: 10px; } .leaflet-bottom .leaflet-control { - margin-bottom: 10px; + margin-bottom: 10px; } .leaflet-left .leaflet-control { - margin-left: 10px; + margin-left: 10px; } .leaflet-right .leaflet-control { - margin-right: 10px; + margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile { - will-change: opacity; + will-change: opacity; } .leaflet-fade-anim .leaflet-popup { - opacity: 0; - -webkit-transition: opacity 0.2s linear; - transition: opacity 0.2s linear; + opacity: 0; + -webkit-transition: opacity 0.2s linear; + -moz-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { - opacity: 1; + opacity: 1; } .leaflet-zoom-animated { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; + -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; + transform-origin: 0 0; } .leaflet-zoom-anim .leaflet-zoom-animated { - will-change: transform; + will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { - -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { - -webkit-transition: none; - transition: none; + -webkit-transition: none; + -moz-transition: none; + transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { - visibility: hidden; + visibility: hidden; } /* cursors */ .leaflet-interactive { - cursor: pointer; + cursor: pointer; } .leaflet-grab { - cursor: -webkit-grab; - cursor: grab; + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { - cursor: crosshair; + cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { - cursor: auto; + cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { - cursor: move; - cursor: -webkit-grabbing; - cursor: grabbing; + cursor: move; + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: grabbing; } /* marker & overlays interactivity */ @@ -5724,1741 +5500,1756 @@ body.stop-scrolling { .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { - pointer-events: none; + pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { - pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ - pointer-events: auto; + pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ + pointer-events: auto; } /* visual tweaks */ .leaflet-container { - background-color: #ddd; - outline: 0; + background-color: #ddd; + outline: 0; } .leaflet-container a, .leaflet-container .map-listing-card-single__content a { - color: #404040; + color: #404040; } .leaflet-container a.leaflet-active { - outline: 2px solid #fa8b0c; + outline: 2px solid #fa8b0c; } .leaflet-zoom-box { - border: 2px dotted var(--directorist-color-info); - background: rgba(255, 255, 255, 0.5); + border: 2px dotted var(--directorist-color-info); + background: rgba(255, 255, 255, 0.5); } /* general typography */ .leaflet-container { - font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; + font: + 12px/1.5 "Helvetica Neue", + Arial, + Helvetica, + sans-serif; } /* general toolbar styles */ .leaflet-bar { - -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); - border-radius: 4px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); + border-radius: 4px; } .leaflet-bar a, .leaflet-bar a:hover { - background-color: var(--directorist-color-white); - border-bottom: 1px solid #ccc; - width: 26px; - height: 26px; - line-height: 26px; - display: block; - text-align: center; - text-decoration: none; - color: black; + background-color: var(--directorist-color-white); + border-bottom: 1px solid #ccc; + width: 26px; + height: 26px; + line-height: 26px; + display: block; + text-align: center; + text-decoration: none; + color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { - background-position: 50% 50%; - background-repeat: no-repeat; - display: block; + background-position: 50% 50%; + background-repeat: no-repeat; + display: block; } .leaflet-bar a:hover { - background-color: #f4f4f4; + background-color: #f4f4f4; } .leaflet-bar a:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } .leaflet-bar a:last-child { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - border-bottom: none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom: none; } .leaflet-bar a.leaflet-disabled { - cursor: default; - background-color: #f4f4f4; - color: #bbb; + cursor: default; + background-color: #f4f4f4; + color: #bbb; } .leaflet-touch .leaflet-bar a { - width: 30px; - height: 30px; - line-height: 30px; + width: 30px; + height: 30px; + line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { - border-top-left-radius: 2px; - border-top-right-radius: 2px; + border-top-left-radius: 2px; + border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { - font: bold 18px "Lucida Console", Monaco, monospace; - text-indent: 1px; + font: + bold 18px "Lucida Console", + Monaco, + monospace; + text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { - font-size: 22px; + font-size: 22px; } /* layers control */ .leaflet-control-layers { - -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - background-color: var(--directorist-color-white); - border-radius: 5px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); + background-color: var(--directorist-color-white); + border-radius: 5px; } .leaflet-control-layers-toggle { - width: 36px; - height: 36px; + width: 36px; + height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { - background-size: 26px 26px; + background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { - width: 44px; - height: 44px; + width: 44px; + height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { - display: none; + display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { - display: block; - position: relative; + display: block; + position: relative; } .leaflet-control-layers-expanded { - padding: 6px 10px 6px 6px; - color: #333; - background-color: var(--directorist-color-white); + padding: 6px 10px 6px 6px; + color: #333; + background-color: var(--directorist-color-white); } .leaflet-control-layers-scrollbar { - overflow-y: scroll; - overflow-x: hidden; - padding-right: 5px; + overflow-y: scroll; + overflow-x: hidden; + padding-right: 5px; } .leaflet-control-layers-selector { - margin-top: 2px; - position: relative; - top: 1px; + margin-top: 2px; + position: relative; + top: 1px; } .leaflet-control-layers label { - display: block; + display: block; } .leaflet-control-layers-separator { - height: 0; - border-top: 1px solid #ddd; - margin: 5px -10px 5px -6px; + height: 0; + border-top: 1px solid #ddd; + margin: 5px -10px 5px -6px; } /* Default icon URLs */ /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { - background-color: var(--directorist-color-white); - background: rgba(255, 255, 255, 0.7); - margin: 0; + background-color: var(--directorist-color-white); + background: rgba(255, 255, 255, 0.7); + margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { - padding: 0 5px; - color: #333; + padding: 0 5px; + color: #333; } .leaflet-control-attribution a { - text-decoration: none; + text-decoration: none; } .leaflet-control-attribution a:hover { - text-decoration: underline; + text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { - font-size: 11px; + font-size: 11px; } .leaflet-left .leaflet-control-scale { - margin-left: 5px; + margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { - margin-bottom: 5px; + margin-bottom: 5px; } .leaflet-control-scale-line { - border: 2px solid #777; - border-top: none; - line-height: 1.1; - padding: 2px 5px 1px; - font-size: 11px; - white-space: nowrap; - overflow: hidden; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background-color: var(--directorist-color-white); - background: rgba(255, 255, 255, 0.5); + border: 2px solid #777; + border-top: none; + line-height: 1.1; + padding: 2px 5px 1px; + font-size: 11px; + white-space: nowrap; + overflow: hidden; + -moz-box-sizing: border-box; + box-sizing: border-box; + background-color: var(--directorist-color-white); + background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { - border-top: 2px solid #777; - border-bottom: none; - margin-top: -2px; + border-top: 2px solid #777; + border-bottom: none; + margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { - border-bottom: 2px solid #777; + border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { - border: 2px solid rgba(0, 0, 0, 0.2); - background-clip: padding-box; + border: 2px solid rgba(0, 0, 0, 0.2); + background-clip: padding-box; } /* popup */ .leaflet-popup { - position: absolute; - text-align: center; - margin-bottom: 20px; + position: absolute; + text-align: center; + margin-bottom: 20px; } .leaflet-popup-content-wrapper { - padding: 1px; - text-align: left; - border-radius: 10px; + padding: 1px; + text-align: left; + border-radius: 10px; } .leaflet-popup-content { - margin: 13px 19px; - line-height: 1.4; + margin: 13px 19px; + line-height: 1.4; } .leaflet-popup-content p { - margin: 18px 0; + margin: 18px 0; } .leaflet-popup-tip-container { - width: 40px; - height: 20px; - position: absolute; - left: 50%; - margin-left: -20px; - overflow: hidden; - pointer-events: none; + width: 40px; + height: 20px; + position: absolute; + left: 50%; + margin-left: -20px; + overflow: hidden; + pointer-events: none; } .leaflet-popup-tip { - width: 17px; - height: 17px; - padding: 1px; - margin: -10px auto 0; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + width: 17px; + height: 17px; + padding: 1px; + margin: -10px auto 0; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { - background: white; - color: #333; - -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); - box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); + background: white; + color: #333; + box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); } .leaflet-container a.leaflet-popup-close-button { - position: absolute; - top: 0; - right: 0; - padding: 4px 4px 0 0; - border: none; - text-align: center; - width: 18px; - height: 14px; - font: 16px/14px Tahoma, Verdana, sans-serif; - color: #c3c3c3; - text-decoration: none; - font-weight: bold; - background: transparent; + position: absolute; + top: 0; + right: 0; + padding: 4px 4px 0 0; + border: none; + text-align: center; + width: 18px; + height: 14px; + font: + 16px/14px Tahoma, + Verdana, + sans-serif; + color: #c3c3c3; + text-decoration: none; + font-weight: bold; + background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { - color: #999; + color: #999; } .leaflet-popup-scrolled { - overflow: auto; - border-bottom: 1px solid #ddd; - border-top: 1px solid #ddd; + overflow: auto; + border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { - zoom: 1; + zoom: 1; } .leaflet-oldie .leaflet-popup-tip { - width: 24px; - margin: 0 auto; - -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; - filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); + width: 24px; + margin: 0 auto; + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; + filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { - margin-top: -1px; + margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { - border: 1px solid #999; + border: 1px solid #999; } /* div icon */ .leaflet-div-icon { - background-color: var(--directorist-color-white); - border: 1px solid #666; + background-color: var(--directorist-color-white); + border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { - position: absolute; - padding: 6px; - background-color: var(--directorist-color-white); - border: 1px solid var(--directorist-color-white); - border-radius: 3px; - color: #222; - white-space: nowrap; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - pointer-events: none; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); + position: absolute; + padding: 6px; + background-color: var(--directorist-color-white); + border: 1px solid var(--directorist-color-white); + border-radius: 3px; + color: #222; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .leaflet-tooltip.leaflet-clickable { - cursor: pointer; - pointer-events: auto; + cursor: pointer; + pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { - position: absolute; - pointer-events: none; - border: 6px solid transparent; - background: transparent; - content: ""; + position: absolute; + pointer-events: none; + border: 6px solid transparent; + background: transparent; + content: ""; } /* Directions */ .leaflet-tooltip-bottom { - margin-top: 6px; + margin-top: 6px; } .leaflet-tooltip-top { - margin-top: -6px; + margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { - left: 50%; - margin-left: -6px; + left: 50%; + margin-left: -6px; } .leaflet-tooltip-top:before { - bottom: 0; - margin-bottom: -12px; - border-top-color: var(--directorist-color-white); + bottom: 0; + margin-bottom: -12px; + border-top-color: var(--directorist-color-white); } .leaflet-tooltip-bottom:before { - top: 0; - margin-top: -12px; - margin-left: -6px; - border-bottom-color: var(--directorist-color-white); + top: 0; + margin-top: -12px; + margin-left: -6px; + border-bottom-color: var(--directorist-color-white); } .leaflet-tooltip-left { - margin-left: -6px; + margin-left: -6px; } .leaflet-tooltip-right { - margin-left: 6px; + margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { - top: 50%; - margin-top: -6px; + top: 50%; + margin-top: -6px; } .leaflet-tooltip-left:before { - right: 0; - margin-right: -12px; - border-left-color: var(--directorist-color-white); + right: 0; + margin-right: -12px; + border-left-color: var(--directorist-color-white); } .leaflet-tooltip-right:before { - left: 0; - margin-left: -12px; - border-right-color: var(--directorist-color-white); + left: 0; + margin-left: -12px; + border-right-color: var(--directorist-color-white); } .directorist-content-active #map { - position: relative; - width: 100%; - height: 660px; - border: none; - z-index: 1; + position: relative; + width: 100%; + height: 660px; + border: none; + z-index: 1; } .directorist-content-active #gmap_full_screen_button { - position: absolute; - top: 20px; - right: 20px; - z-index: 999; - width: 50px; - height: 50px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 10px; - background-color: var(--directorist-color-white); - cursor: pointer; + position: absolute; + top: 20px; + right: 20px; + z-index: 999; + width: 50px; + height: 50px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 10px; + background-color: var(--directorist-color-white); + cursor: pointer; } .directorist-content-active #gmap_full_screen_button i::after { - width: 22px; - height: 22px; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - background-color: var(--directorist-color-dark); + width: 22px; + height: 22px; + transition: all 0.3s ease-in-out; + background-color: var(--directorist-color-dark); } .directorist-content-active #gmap_full_screen_button .fullscreen-disable { - display: none; + display: none; } .directorist-content-active #progress { - display: none; - position: absolute; - z-index: 1000; - left: 400px; - top: 300px; - width: 200px; - height: 20px; - margin-top: -20px; - margin-left: -100px; - background-color: var(--directorist-color-white); - background-color: rgba(255, 255, 255, 0.7); - border-radius: 4px; - padding: 2px; + display: none; + position: absolute; + z-index: 1000; + left: 400px; + top: 300px; + width: 200px; + height: 20px; + margin-top: -20px; + margin-left: -100px; + background-color: var(--directorist-color-white); + background-color: rgba(255, 255, 255, 0.7); + border-radius: 4px; + padding: 2px; } .directorist-content-active #progress-bar { - width: 0; - height: 100%; - background-color: #76A6FC; - border-radius: 4px; + width: 0; + height: 100%; + background-color: #76a6fc; + border-radius: 4px; } .directorist-content-active .gm-fullscreen-control { - width: 50px !important; - height: 50px !important; - margin: 20px !important; - border-radius: 10px !important; - -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; - box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; + width: 50px !important; + height: 50px !important; + margin: 20px !important; + border-radius: 10px !important; + box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; } .directorist-content-active .gmnoprint { - border-radius: 5px; + border-radius: 5px; } .directorist-content-active .gm-style-cc, .directorist-content-active .gm-style-mtc-bbw, .directorist-content-active button.gm-svpc { - display: none; + display: none; } .directorist-content-active .italic { - font-style: italic; + font-style: italic; } .directorist-content-active .buttonsTable { - border: 1px solid grey; - border-collapse: collapse; + border: 1px solid grey; + border-collapse: collapse; } .directorist-content-active .buttonsTable td, .directorist-content-active .buttonsTable th { - padding: 8px; - border: 1px solid grey; + padding: 8px; + border: 1px solid grey; } .directorist-content-active .version-disabled { - text-decoration: line-through; + text-decoration: line-through; } /* wp color picker */ .directorist-form-group .wp-picker-container .button { - position: relative; - height: 40px; - border: 0 none; - width: 140px; - padding: 0; - font-size: 14px; - font-weight: 500; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - border-radius: 8px; - cursor: pointer; + position: relative; + height: 40px; + border: 0 none; + width: 140px; + padding: 0; + font-size: 14px; + font-weight: 500; + transition: 0.3s ease; + border-radius: 8px; + cursor: pointer; } .directorist-form-group .wp-picker-container .button:hover { - color: var(--directorist-color-white); - background: rgba(var(--directorist-color-dark-rgb), 0.7); + color: var(--directorist-color-white); + background: rgba(var(--directorist-color-dark-rgb), 0.7); } .directorist-form-group .wp-picker-container .button .wp-color-result-text { - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - height: 100%; - width: auto; - min-width: 100px; - padding: 0 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - line-height: 1; - font-size: 14px; - text-transform: capitalize; - background-color: #f7f7f7; - color: var(--directorist-color-body); + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + height: 100%; + width: auto; + min-width: 100px; + padding: 0 10px; + display: flex; + align-items: center; + justify-content: center; + line-height: 1; + font-size: 14px; + text-transform: capitalize; + background-color: #f7f7f7; + color: var(--directorist-color-body); } .directorist-form-group .wp-picker-container .wp-picker-input-wrap label { - width: 90px; + width: 90px; } .directorist-form-group .wp-picker-container .wp-picker-input-wrap label input { - height: 40px; - padding: 0; - text-align: center; - border: none; + height: 40px; + padding: 0; + text-align: center; + border: none; } .directorist-form-group .wp-picker-container .hidden { - display: none; -} -.directorist-form-group .wp-picker-container .wp-picker-open + .wp-picker-input-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 10px 0; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap { - padding: 15px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap.hidden { - display: none; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap .screen-reader-text { - display: none; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap label { - width: 90px; - margin: 0; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap label + .button { - margin-left: 10px; - padding-top: 0; - padding-bottom: 0; - font-size: 15px; + display: none; +} +.directorist-form-group + .wp-picker-container + .wp-picker-open + + .wp-picker-input-wrap { + display: flex; + align-items: center; + margin: 10px 0; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap { + padding: 15px 0; + display: flex; + align-items: center; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap.hidden { + display: none; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap + .screen-reader-text { + display: none; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap + label { + width: 90px; + margin: 0; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap + label + + .button { + margin-left: 10px; + padding-top: 0; + padding-bottom: 0; + font-size: 15px; } .directorist-show { - display: block !important; + display: block !important; } .directorist-hide { - display: none !important; + display: none !important; } .directorist-d-none { - display: none !important; + display: none !important; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-content-active .entry-content ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist-content-active .entry-content a { - text-decoration: none; + text-decoration: none; } -.directorist-content-active .entry-content .directorist-search-modal__contents__title { - margin: 0; - padding: 0; - color: var(--directorist-color-dark); +.directorist-content-active + .entry-content + .directorist-search-modal__contents__title { + margin: 0; + padding: 0; + color: var(--directorist-color-dark); } -.directorist-content-active button[type=submit].directorist-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; +.directorist-content-active button[type="submit"].directorist-btn { + display: flex; + align-items: center; } /* Container within container spacing issue fix */ .directorist-container-fluid > .directorist-container-fluid { - padding-left: 0; - padding-right: 0; + padding-left: 0; + padding-right: 0; } .directorist-announcement-wrapper .directorist_not-found p { - margin-bottom: 0; -} - -.directorist-content-active .select2-container--open .select2-dropdown.select2-dropdown--below { - top: 0; - border-color: var(--directorist-color-border); -} - -.logged-in.directorist-content-active .select2-container--open .select2-dropdown.select2-dropdown--below { - top: 32px; -} - -.directorist-content-active .directorist-select .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear { - display: none; -} - -.directorist-content-active .select2.select2-container.select2-container--default { - width: 100% !important; -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection { - min-height: 40px; - min-height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border: none; - padding: 5px 0; - border-radius: 0; - background: transparent; - border-bottom: 1px solid var(--directorist-color-border-gray); -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection:focus { - border-color: var(--directorist-color-primary); - outline: none; -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice { - height: 28px; - line-height: 28px; - font-size: 12px; - border: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - padding: 0 10px; - border-radius: 8px; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice__remove { - position: relative; - width: 12px; - margin: 0; - font-size: 0; - color: var(--directorist-color-white); -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice__remove:before { - content: ""; - -webkit-mask-image: url(../js/9d0ab79f5e8dedfeb8ef.svg); - mask-image: url(../js/9d0ab79f5e8dedfeb8ef.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-white); - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - height: auto; - line-height: 30px; - font-size: 14px; - overflow-y: auto; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0 !important; - -ms-overflow-style: none; /* Internet Explorer 10+ */ - scrollbar-width: none; /* Firefox */ -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered::-webkit-scrollbar { - display: none; -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered .select2-selection__clear { - padding-right: 25px; -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__arrow b { - display: none; -} -.directorist-content-active .select2.select2-container.select2-container--focus .select2-selection { - border: none; - border-bottom: 2px solid var(--directorist-color-primary) !important; + margin-bottom: 0; +} + +.directorist-content-active + .select2-container--open + .select2-dropdown.select2-dropdown--below { + top: 0; + border-color: var(--directorist-color-border); +} + +.logged-in.directorist-content-active + .select2-container--open + .select2-dropdown.select2-dropdown--below { + top: 32px; +} + +.directorist-content-active + .directorist-select + .select2.select2-container + .select2-selection + .select2-selection__rendered + .select2-selection__clear { + display: none; +} + +.directorist-content-active + .select2.select2-container.select2-container--default { + width: 100% !important; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection { + min-height: 40px; + min-height: 40px; + display: flex; + align-items: center; + border: none; + padding: 5px 0; + border-radius: 0; + background: transparent; + border-bottom: 1px solid var(--directorist-color-border-gray); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection:focus { + border-color: var(--directorist-color-primary); + outline: none; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__choice { + height: 28px; + line-height: 28px; + font-size: 12px; + border: none; + display: flex; + gap: 5px; + padding: 0 10px; + border-radius: 8px; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__choice__remove { + position: relative; + width: 12px; + margin: 0; + font-size: 0; + color: var(--directorist-color-white); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__choice__remove:before { + content: ""; + mask-image: url(../js/../images/4ff79f85f2a1666e0f80c7ca71039465.svg); + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-white); + position: absolute; + top: 50%; + transform: translateY(-50%); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__rendered { + display: flex; + gap: 5px; + height: auto; + line-height: 30px; + font-size: 14px; + overflow-y: auto; + align-items: center; + padding: 0 !important; + -ms-overflow-style: none; /* Internet Explorer 10+ */ + scrollbar-width: none; /* Firefox */ +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__rendered::-webkit-scrollbar { + display: none; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__rendered + .select2-selection__clear { + padding-right: 25px; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__arrow + b { + display: none; +} +.directorist-content-active + .select2.select2-container.select2-container--focus + .select2-selection { + border: none; + border-bottom: 2px solid var(--directorist-color-primary) !important; } .directorist-content-active .select2-container.select2-container--open { - z-index: 99999; + z-index: 99999; } @media only screen and (max-width: 575px) { - .directorist-content-active .select2-container.select2-container--open { - width: calc(100% - 40px); - } -} - -.directorist-content-active .select2-container--default .select2-selection .select2-selection__arrow b { - margin-top: 0; -} - -.directorist-content-active .select2-container .directorist-select2-addons-area { - top: unset; - bottom: 20px; - right: 0; -} -.directorist-content-active .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - position: absolute; - right: 0; - padding: 0; - width: auto; - pointer-events: none; -} -.directorist-content-active .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-close { - position: absolute; - right: 15px; - padding: 0; - display: none; + .directorist-content-active .select2-container.select2-container--open { + width: calc(100% - 40px); + } +} + +.directorist-content-active + .select2-container--default + .select2-selection + .select2-selection__arrow + b { + margin-top: 0; +} + +.directorist-content-active + .select2-container + .directorist-select2-addons-area { + top: unset; + bottom: 20px; + right: 0; +} +.directorist-content-active + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + position: absolute; + right: 0; + padding: 0; + width: auto; + pointer-events: none; +} +.directorist-content-active + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-close { + position: absolute; + right: 15px; + padding: 0; + display: none; } /* Login/Signup Form CSS */ #recover-pass-modal { - display: none; + display: none; } .directorist-login-wrapper #recover-pass-modal .directorist-btn { - margin-top: 15px; + margin-top: 15px; } .directorist-login-wrapper #recover-pass-modal .directorist-btn:hover { - text-decoration: none; + text-decoration: none; } body.modal-overlay-enabled { - position: relative; + position: relative; } body.modal-overlay-enabled:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - left: 0; - top: 0; - background-color: rgba(var(--directorist-color-dark-rgb), 0.05); - z-index: 1; + content: ""; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + background-color: rgba(var(--directorist-color-dark-rgb), 0.05); + z-index: 1; } .directorist-widget { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-widget .directorist-card__header.directorist-widget__header { - padding: 20px 25px; + padding: 20px 25px; } -.directorist-widget .directorist-card__header.directorist-widget__header .directorist-widget__header__title { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; +.directorist-widget + .directorist-card__header.directorist-widget__header + .directorist-widget__header__title { + flex-wrap: wrap; } .directorist-widget .directorist-card__body.directorist-widget__body { - padding: 20px 30px; + padding: 20px 30px; } .directorist-sidebar .directorist-card { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-sidebar .directorist-card ul { - padding: 0; - margin: 0; - list-style: none; + padding: 0; + margin: 0; + list-style: none; } .directorist-sidebar .directorist-card .directorist-author-social { - padding: 22px 0 0; + padding: 22px 0 0; } -.directorist-sidebar .directorist-card .directorist-single-author-contact-info ul { - padding: 0; +.directorist-sidebar + .directorist-card + .directorist-single-author-contact-info + ul { + padding: 0; } .directorist-sidebar .directorist-card .tagcloud { - margin: 0; - padding: 25px; + margin: 0; + padding: 25px; } .directorist-sidebar .directorist-card a { - text-decoration: none; + text-decoration: none; } .directorist-sidebar .directorist-card select { - width: 100%; - height: 40px; - padding: 8px 0; - border-radius: 0; - font-size: 15px; - font-weight: 400; - outline: none; - border: none; - border-bottom: 1px solid var(--directorist-color-border); - -webkit-transition: border-color 0.3s ease; - transition: border-color 0.3s ease; + width: 100%; + height: 40px; + padding: 8px 0; + border-radius: 0; + font-size: 15px; + font-weight: 400; + outline: none; + border: none; + border-bottom: 1px solid var(--directorist-color-border); + transition: border-color 0.3s ease; } .directorist-sidebar .directorist-card select:focus { - border-color: var(--directorist-color-dark); + border-color: var(--directorist-color-dark); } .directorist-sidebar .directorist-card__header__title { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; } .directorist-widget__listing-contact .directorist-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-bottom: 20px; -} -.directorist-widget__listing-contact .directorist-form-group .directorist-form-element { - height: 46px; - padding: 8px 16px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); -} -.directorist-widget__listing-contact .directorist-form-group .directorist-form-element:focus { - border: 1px solid var(--directorist-color-dark); -} -.directorist-widget__listing-contact .directorist-form-group .directorist-form-element__prefix { - height: 46px; - line-height: 46px; + display: flex; + margin-bottom: 20px; +} +.directorist-widget__listing-contact + .directorist-form-group + .directorist-form-element { + height: 46px; + padding: 8px 16px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); +} +.directorist-widget__listing-contact + .directorist-form-group + .directorist-form-element:focus { + border: 1px solid var(--directorist-color-dark); +} +.directorist-widget__listing-contact + .directorist-form-group + .directorist-form-element__prefix { + height: 46px; + line-height: 46px; } .directorist-widget__listing-contact .directorist-form-group textarea { - min-height: 130px !important; - resize: none; + min-height: 130px !important; + resize: none; } .directorist-widget__listing-contact .directorist-btn { - width: 100%; + width: 100%; } .directorist-widget__submit-listing .directorist-btn { - width: 100%; + width: 100%; } .directorist-widget__author-info figure { - margin: 0; + margin: 0; } .directorist-widget__author-info .diretorist-view-profile-btn { - width: 100%; - margin-top: 25px; + width: 100%; + margin-top: 25px; } .directorist-single-map.directorist-widget__map.leaflet-container { - margin-bottom: 0; - border-radius: 12px; + margin-bottom: 0; + border-radius: 12px; } .directorist-widget-listing__single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 15px; } .directorist-widget-listing__single:not(:last-child) { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-widget-listing__image { - width: 70px; - height: 70px; + width: 70px; + height: 70px; } .directorist-widget-listing__image a:focus { - outline: none; + outline: none; } .directorist-widget-listing__image img { - width: 100%; - height: 100%; - border-radius: 10px; + width: 100%; + height: 100%; + border-radius: 10px; } .directorist-widget-listing__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + gap: 5px; + flex-direction: column; } .directorist-widget-listing__content .directorist-widget-listing__title { - font-size: 15px; - font-weight: 500; - line-height: 1; - margin: 0; - color: var(--directorist-color-dark); - margin: 0; + font-size: 15px; + font-weight: 500; + line-height: 1; + margin: 0; + color: var(--directorist-color-dark); + margin: 0; } .directorist-widget-listing__content a { - text-decoration: none; - display: inline-block; - width: 200px; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - color: var(--directorist-color-dark); + text-decoration: none; + display: inline-block; + width: 200px; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + color: var(--directorist-color-dark); } .directorist-widget-listing__content a:focus { - outline: none; + outline: none; } .directorist-widget-listing__content .directorist-widget-listing__meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } .directorist-widget-listing__content .directorist-widget-listing__rating { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-widget-listing__content .directorist-widget-listing__rating-point { - font-size: 14px; - font-weight: 600; - display: inline-block; - margin: 0 8px; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 600; + display: inline-block; + margin: 0 8px; + color: var(--directorist-color-body); } .directorist-widget-listing__content .directorist-icon-mask { - line-height: 1; + line-height: 1; } .directorist-widget-listing__content .directorist-icon-mask:after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-warning); + width: 12px; + height: 12px; + background-color: var(--directorist-color-warning); } .directorist-widget-listing__content .directorist-widget-listing__reviews { - font-size: 13px; - text-decoration: underline; - color: var(--directorist-color-body); + font-size: 13px; + text-decoration: underline; + color: var(--directorist-color-body); } .directorist-widget-listing__content .directorist-widget-listing__price { - font-size: 15px; - font-weight: 600; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 600; + color: var(--directorist-color-dark); } .directorist-widget__video .directorist-embaded-item { - width: 100%; - height: 100%; - border-radius: 10px; + width: 100%; + height: 100%; + border-radius: 10px; } -.directorist-widget .directorist-widget-list li:hover .directorist-widget-list__icon { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); +.directorist-widget + .directorist-widget-list + li:hover + .directorist-widget-list__icon { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-widget .directorist-widget-list li:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } .directorist-widget .directorist-widget-list li span.la, .directorist-widget .directorist-widget-list li span.fa { - cursor: pointer; - margin: 0 5px 0 0; + cursor: pointer; + margin: 0 5px 0 0; } .directorist-widget .directorist-widget-list .directorist-widget-list__icon { - font-size: 12px; - display: inline-block; - margin-right: 10px; - line-height: 28px; - width: 28px; - text-align: center; - background-color: #f1f3f8; - color: #9299b8; - border-radius: 50%; + font-size: 12px; + display: inline-block; + margin-right: 10px; + line-height: 28px; + width: 28px; + text-align: center; + background-color: #f1f3f8; + color: #9299b8; + border-radius: 50%; } .directorist-widget .directorist-widget-list .directorist-child-category { - padding-left: 44px; - margin-top: 2px; + padding-left: 44px; + margin-top: 2px; } .directorist-widget .directorist-widget-list .directorist-child-category li a { - position: relative; + position: relative; } -.directorist-widget .directorist-widget-list .directorist-child-category li a:before { - position: absolute; - content: "-"; - left: -12px; - top: 50%; - font-size: 20px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); +.directorist-widget + .directorist-widget-list + .directorist-child-category + li + a:before { + position: absolute; + content: "-"; + left: -12px; + top: 50%; + font-size: 20px; + transform: translateY(-50%); } .directorist-widget-taxonomy .directorist-taxonomy-list-one { - -webkit-margin-after: 10px; - margin-block-end: 10px; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card { - background: none; - padding: 0; - min-height: auto; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card span { - font-weight: var(--directorist-fw-normal); -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card span:empty { - display: none; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask { - background-color: var(--directorist-color-light); + margin-block-end: 10px; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card { + background: none; + padding: 0; + min-height: auto; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card + span { + font-weight: var(--directorist-fw-normal); +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card + span:empty { + display: none; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__icon + .directorist-icon-mask { + background-color: var(--directorist-color-light); } .directorist-widget-taxonomy .directorist-taxonomy-list-one__icon-default { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: var(--directorist-color-light); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one__icon-default::after { - content: ""; - width: 8px; - height: 8px; - border-radius: 50%; - background-color: var(--directorist-color-primary); - display: block; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - background: none; - padding-bottom: 0; - -webkit-padding-start: 52px; - padding-inline-start: 52px; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open:not(.directorist-taxonomy-list__card--icon) + .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 25px; - padding-inline-start: 25px; + width: 40px; + height: 40px; + border-radius: 50%; + background-color: var(--directorist-color-light); + display: inline-flex; + align-items: center; + justify-content: center; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one__icon-default::after { + content: ""; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: var(--directorist-color-primary); + display: block; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + background: none; + padding-bottom: 0; + padding-inline-start: 52px; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open:not( + .directorist-taxonomy-list__card--icon + ) + + .directorist-taxonomy-list__sub-item { + padding-inline-start: 25px; } .directorist-widget-location .directorist-taxonomy-list-one:last-child { - margin-bottom: 0; + margin-bottom: 0; } -.directorist-widget-location .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 25px; - padding-inline-start: 25px; +.directorist-widget-location + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + padding-inline-start: 25px; } .directorist-widget-tags ul { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; + margin: 0; + padding: 0; + display: flex; + flex-wrap: wrap; + gap: 10px; } .directorist-widget-tags li { - list-style: none; - padding: 0; - margin: 0; + list-style: none; + padding: 0; + margin: 0; } .directorist-widget-tags a { - display: block; - font-size: 15px; - font-weight: 400; - padding: 5px 15px; - text-decoration: none; - color: var(--directorist-color-body); - border: 1px solid var(--directorist-color-border); - border-radius: var(--directorist-border-radius-xs); - -webkit-transition: border-color 0.3s ease; - transition: border-color 0.3s ease; + display: block; + font-size: 15px; + font-weight: 400; + padding: 5px 15px; + text-decoration: none; + color: var(--directorist-color-body); + border: 1px solid var(--directorist-color-border); + border-radius: var(--directorist-border-radius-xs); + transition: border-color 0.3s ease; } .directorist-widget-tags a:hover { - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); } .directorist-widget-advanced-search .directorist-search-form__box { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } -.directorist-widget-advanced-search .directorist-search-form__box .directorist-search-form-action { - margin-top: 25px; +.directorist-widget-advanced-search + .directorist-search-form__box + .directorist-search-form-action { + margin-top: 25px; } .directorist-widget-advanced-search .directorist-search-form-top { - width: 100%; -} -.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input { - width: 100%; -} -.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input .directorist-search-field { - border: 0 none; -} -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label { - position: unset; - -webkit-transform: unset; - transform: unset; - display: block; - margin: 0 0 15px; -} -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i { - display: none; -} -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-checkbox-wrapper, -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-radio-wrapper, -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-tags { - gap: 10px; - margin: 0; - padding: 0; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-widget-advanced-search .directorist-search-form .directorist-search-field > label { - display: block; - margin: 0 0 15px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-is-focused > label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-has-value > label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.directorist-search-field-text_range > label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.directorist-search-field-radius_search > label { - font-size: 16px; - font-weight: 500; -} -.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-is-focused .directorist-search-field__label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-has-value .directorist-search-field__label, -.directorist-widget-advanced-search .directorist-search-form .directorist-search-field .directorist-search-basic-dropdown-label { - font-size: 16px; - font-weight: 500; + width: 100%; +} +.directorist-widget-advanced-search + .directorist-search-form-top + .directorist-search-modal__contents__body { + flex-direction: column; +} +.directorist-widget-advanced-search + .directorist-search-form-top + .directorist-search-modal__contents__body + .directorist-search-modal__input { + width: 100%; +} +.directorist-widget-advanced-search + .directorist-search-form-top + .directorist-search-modal__contents__body + .directorist-search-modal__input + .directorist-search-field { + border: 0 none; +} +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + position: unset; + transform: unset; + display: block; + margin: 0 0 15px; +} +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: none; +} +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-checkbox-wrapper, +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-radio-wrapper, +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-search-tags { + gap: 10px; + margin: 0; + padding: 0; + flex-direction: column; +} +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field + > label { + display: block; + margin: 0 0 15px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-is-focused + > label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-has-value + > label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.directorist-search-field-text_range + > label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.directorist-search-field-radius_search + > label { + font-size: 16px; + font-weight: 500; +} +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-is-focused + .directorist-search-field__label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-has-value + .directorist-search-field__label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field + .directorist-search-basic-dropdown-label { + font-size: 16px; + font-weight: 500; } .directorist-widget-advanced-search .directorist-checkbox-rating { - padding: 0; + padding: 0; } -.directorist-widget-advanced-search .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:not(:last-child) { - margin-bottom: 15px; +.directorist-widget-advanced-search + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:not(:last-child) { + margin-bottom: 15px; } .directorist-widget-advanced-search .directorist-btn-ml { - display: block; - font-size: 13px; - font-weight: 500; - margin-top: 10px; - color: var(--directorist-color-body); + display: block; + font-size: 13px; + font-weight: 500; + margin-top: 10px; + color: var(--directorist-color-body); } .directorist-widget-advanced-search .directorist-btn-ml:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-widget-advanced-search .directorist-advanced-filter__action { - padding: 0 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn { - height: 46px; - font-size: 14px; - font-weight: 400; -} -.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js { - height: 46px; - padding: 0 32px; - font-size: 14px; - font-weight: 400; - letter-spacing: 0; - border-radius: 8px; - text-decoration: none; - text-transform: capitalize; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-light); -} -.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js:focus { - outline: none; -} -.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + padding: 0 0; + flex-wrap: wrap; + justify-content: center; +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn { + height: 46px; + font-size: 14px; + font-weight: 400; +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn-reset-js { + height: 46px; + padding: 0 32px; + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + border-radius: 8px; + text-decoration: none; + text-transform: capitalize; + display: flex; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-light); +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn-reset-js:focus { + outline: none; +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn-reset-js:disabled { + opacity: 0.5; + cursor: not-allowed; } .directorist-widget-authentication form { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-widget-authentication p label, -.directorist-widget-authentication p input:not(input[type=checkbox]) { - display: block; +.directorist-widget-authentication p input:not(input[type="checkbox"]) { + display: block; } .directorist-widget-authentication p label { - padding-bottom: 10px; + padding-bottom: 10px; } -.directorist-widget-authentication p input:not(input[type=checkbox]) { - height: 46px; - padding: 8px 16px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; +.directorist-widget-authentication p input:not(input[type="checkbox"]) { + height: 46px; + padding: 8px 16px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); + width: 100%; + box-sizing: border-box; } .directorist-widget-authentication .login-submit button { - cursor: pointer; + cursor: pointer; } /* Directorist button styles */ .directorist-btn { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 5px; - font-size: 14px; - font-weight: 500; - vertical-align: middle; - text-transform: capitalize; - text-align: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - padding: 0 26px; - min-height: 45px; - line-height: 1.5; - border-radius: 8px; - border: 1px solid var(--directorist-color-primary); - -webkit-box-sizing: border-box; - box-sizing: border-box; - text-decoration: none; - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - text-decoration: none !important; + display: inline-flex; + align-items: center; + justify-content: center; + gap: 5px; + font-size: 14px; + font-weight: 500; + vertical-align: middle; + text-transform: capitalize; + text-align: center; + user-select: none; + cursor: pointer; + padding: 0 26px; + min-height: 45px; + line-height: 1.5; + border-radius: 8px; + border: 1px solid var(--directorist-color-primary); + box-sizing: border-box; + text-decoration: none; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + transition: all ease 0.3s; + text-decoration: none !important; } .directorist-btn .directorist-icon-mask:after { - background-color: currentColor; - width: 16px; - height: 16px; + background-color: currentColor; + width: 16px; + height: 16px; } -.directorist-btn.directorist-btn--add-listing, .directorist-btn.directorist-btn--logout { - line-height: 43px; +.directorist-btn.directorist-btn--add-listing, +.directorist-btn.directorist-btn--logout { + line-height: 43px; } -.directorist-btn:hover, .directorist-btn:focus { - color: var(--directorist-color-white); - outline: 0 !important; - background-color: rgba(var(--directorist-color-primary-rgb), 0.8); +.directorist-btn:hover, +.directorist-btn:focus { + color: var(--directorist-color-white); + outline: 0 !important; + background-color: rgba(var(--directorist-color-primary-rgb), 0.8); } .directorist-btn.directorist-btn-primary { - background-color: var(--directorist-color-btn-primary-bg); - color: var(--directorist-color-btn-primary); - border: 1px solid var(--directorist-color-btn-primary-border); + background-color: var(--directorist-color-btn-primary-bg); + color: var(--directorist-color-btn-primary); + border: 1px solid var(--directorist-color-btn-primary-border); } -.directorist-btn.directorist-btn-primary:focus, .directorist-btn.directorist-btn-primary:hover { - background-color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); +.directorist-btn.directorist-btn-primary:focus, +.directorist-btn.directorist-btn-primary:hover { + background-color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); } -.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after, .directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-btn-primary); +.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after, +.directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after { + background-color: var(--directorist-color-btn-primary); } .directorist-btn.directorist-btn-secondary { - background-color: var(--directorist-color-btn-secondary-bg); - color: var(--directorist-color-btn-secondary); - border: 1px solid var(--directorist-color-btn-secondary-border); + background-color: var(--directorist-color-btn-secondary-bg); + color: var(--directorist-color-btn-secondary); + border: 1px solid var(--directorist-color-btn-secondary-border); } -.directorist-btn.directorist-btn-secondary:focus, .directorist-btn.directorist-btn-secondary:hover { - background-color: transparent; - color: currentColor; - border-color: var(--directorist-color-btn-secondary-bg); +.directorist-btn.directorist-btn-secondary:focus, +.directorist-btn.directorist-btn-secondary:hover { + background-color: transparent; + color: currentColor; + border-color: var(--directorist-color-btn-secondary-bg); } .directorist-btn.directorist-btn-dark { - background-color: var(--directorist-color-dark); - border-color: var(--directorist-color-dark); - color: var(--directorist-color-white); + background-color: var(--directorist-color-dark); + border-color: var(--directorist-color-dark); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-dark:hover { - background-color: rgba(var(--directorist-color-dark-rgb), 0.8); + background-color: rgba(var(--directorist-color-dark-rgb), 0.8); } .directorist-btn.directorist-btn-success { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); - color: var(--directorist-color-white); + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-success:hover { - background-color: rgba(var(--directorist-color-success-rgb), 0.8); + background-color: rgba(var(--directorist-color-success-rgb), 0.8); } .directorist-btn.directorist-btn-info { - background-color: var(--directorist-color-info); - border-color: var(--directorist-color-info); - color: var(--directorist-color-white); + background-color: var(--directorist-color-info); + border-color: var(--directorist-color-info); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-info:hover { - background-color: rgba(var(--directorist-color-success-rgb), 0.8); + background-color: rgba(var(--directorist-color-success-rgb), 0.8); } .directorist-btn.directorist-btn-light { - background-color: var(--directorist-color-light); - border-color: var(--directorist-color-light); - color: var(--directorist-color-primary); + background-color: var(--directorist-color-light); + border-color: var(--directorist-color-light); + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-light:focus, .directorist-btn.directorist-btn-light:hover { - background-color: var(--directorist-color-light-hover); - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); +.directorist-btn.directorist-btn-light:focus, +.directorist-btn.directorist-btn-light:hover { + background-color: var(--directorist-color-light-hover); + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-lighter { - border-color: var(--directorist-color-dark); - background-color: #f6f7f9; - color: var(--directorist-color-primary); + border-color: var(--directorist-color-dark); + background-color: #f6f7f9; + color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-warning { - border-color: var(--directorist-color-warning); - background-color: var(--directorist-color-warning); - color: var(--directorist-color-white); + border-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-warning:hover { - background-color: rgba(var(--directorist-color-warning-rgb), 0.8); + background-color: rgba(var(--directorist-color-warning-rgb), 0.8); } .directorist-btn.directorist-btn-danger { - border-color: var(--directorist-color-danger); - background-color: var(--directorist-color-danger); - color: var(--directorist-color-white); + border-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-danger:hover { - background-color: rgba(var(--directorist-color-danger-rgb), 0.8); + background-color: rgba(var(--directorist-color-danger-rgb), 0.8); } .directorist-btn.directorist-btn-bg-normal { - background: #F9F9F9; + background: #f9f9f9; } .directorist-btn.directorist-btn-loading { - position: relative; - font-size: 0; - pointer-events: none; + position: relative; + font-size: 0; + pointer-events: none; } .directorist-btn.directorist-btn-loading:before { - content: ""; - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - border-radius: 8px; - background-color: inherit; + content: ""; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + border-radius: 8px; + background-color: inherit; } .directorist-btn.directorist-btn-loading:after { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 20px; - height: 20px; - border-radius: 50%; - border: 2px solid var(--directorist-color-white); - border-top-color: var(--directorist-color-primary); - position: absolute; - top: 13px; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - -webkit-animation: spin-centered 3s linear infinite; - animation: spin-centered 3s linear infinite; + content: ""; + display: inline-flex; + width: 20px; + height: 20px; + border-radius: 50%; + border: 2px solid var(--directorist-color-white); + border-top-color: var(--directorist-color-primary); + position: absolute; + top: 13px; + left: 50%; + transform: translateX(-50%); + animation: spin-centered 3s linear infinite; } .directorist-btn.directorist-btn-disabled { - pointer-events: none; - opacity: 0.75; + pointer-events: none; + opacity: 0.75; } .directorist-btn.directorist-btn-outline { - background: transparent; - border: 1px solid var(--directorist-color-border) !important; - color: var(--directorist-color-dark); + background: transparent; + border: 1px solid var(--directorist-color-border) !important; + color: var(--directorist-color-dark); } .directorist-btn.directorist-btn-outline-normal { - background: transparent; - border: 1px solid var(--directorist-color-normal) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-normal) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-normal:focus, .directorist-btn.directorist-btn-outline-normal:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-normal); +.directorist-btn.directorist-btn-outline-normal:focus, +.directorist-btn.directorist-btn-outline-normal:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-normal); } .directorist-btn.directorist-btn-outline-light { - background: transparent; - border: 1px solid var(--directorist-color-bg-light) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-bg-light) !important; + color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-outline-primary { - background: transparent; - border: 1px solid var(--directorist-color-primary) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-primary) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-primary:focus, .directorist-btn.directorist-btn-outline-primary:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); +.directorist-btn.directorist-btn-outline-primary:focus, +.directorist-btn.directorist-btn-outline-primary:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-outline-secondary { - background: transparent; - border: 1px solid var(--directorist-color-secondary) !important; - color: var(--directorist-color-secondary); + background: transparent; + border: 1px solid var(--directorist-color-secondary) !important; + color: var(--directorist-color-secondary); } -.directorist-btn.directorist-btn-outline-secondary:focus, .directorist-btn.directorist-btn-outline-secondary:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-secondary); +.directorist-btn.directorist-btn-outline-secondary:focus, +.directorist-btn.directorist-btn-outline-secondary:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-secondary); } .directorist-btn.directorist-btn-outline-success { - background: transparent; - border: 1px solid var(--directorist-color-success) !important; - color: var(--directorist-color-success); + background: transparent; + border: 1px solid var(--directorist-color-success) !important; + color: var(--directorist-color-success); } -.directorist-btn.directorist-btn-outline-success:focus, .directorist-btn.directorist-btn-outline-success:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-success); +.directorist-btn.directorist-btn-outline-success:focus, +.directorist-btn.directorist-btn-outline-success:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-success); } .directorist-btn.directorist-btn-outline-info { - background: transparent; - border: 1px solid var(--directorist-color-info) !important; - color: var(--directorist-color-info); + background: transparent; + border: 1px solid var(--directorist-color-info) !important; + color: var(--directorist-color-info); } -.directorist-btn.directorist-btn-outline-info:focus, .directorist-btn.directorist-btn-outline-info:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-info); +.directorist-btn.directorist-btn-outline-info:focus, +.directorist-btn.directorist-btn-outline-info:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-info); } .directorist-btn.directorist-btn-outline-warning { - background: transparent; - border: 1px solid var(--directorist-color-warning) !important; - color: var(--directorist-color-warning); + background: transparent; + border: 1px solid var(--directorist-color-warning) !important; + color: var(--directorist-color-warning); } -.directorist-btn.directorist-btn-outline-warning:focus, .directorist-btn.directorist-btn-outline-warning:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-warning); +.directorist-btn.directorist-btn-outline-warning:focus, +.directorist-btn.directorist-btn-outline-warning:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-warning); } .directorist-btn.directorist-btn-outline-danger { - background: transparent; - border: 1px solid var(--directorist-color-danger) !important; - color: var(--directorist-color-danger); + background: transparent; + border: 1px solid var(--directorist-color-danger) !important; + color: var(--directorist-color-danger); } -.directorist-btn.directorist-btn-outline-danger:focus, .directorist-btn.directorist-btn-outline-danger:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-danger); +.directorist-btn.directorist-btn-outline-danger:focus, +.directorist-btn.directorist-btn-outline-danger:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); } .directorist-btn.directorist-btn-outline-dark { - background: transparent; - border: 1px solid var(--directorist-color-primary) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-primary) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-dark:focus, .directorist-btn.directorist-btn-outline-dark:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-dark); +.directorist-btn.directorist-btn-outline-dark:focus, +.directorist-btn.directorist-btn-outline-dark:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-dark); } .directorist-btn.directorist-btn-lg { - min-height: 50px; + min-height: 50px; } .directorist-btn.directorist-btn-md { - min-height: 46px; + min-height: 46px; } .directorist-btn.directorist-btn-sm { - min-height: 40px; + min-height: 40px; } .directorist-btn.directorist-btn-xs { - min-height: 36px; + min-height: 36px; } .directorist-btn.directorist-btn-px-15 { - padding: 0 15px; + padding: 0 15px; } .directorist-btn.directorist-btn-block { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -@-webkit-keyframes spin-centered { - from { - -webkit-transform: translateX(-50%) rotate(0deg); - transform: translateX(-50%) rotate(0deg); - } - to { - -webkit-transform: translateX(-50%) rotate(360deg); - transform: translateX(-50%) rotate(360deg); - } + display: flex; } @keyframes spin-centered { - from { - -webkit-transform: translateX(-50%) rotate(0deg); - transform: translateX(-50%) rotate(0deg); - } - to { - -webkit-transform: translateX(-50%) rotate(360deg); - transform: translateX(-50%) rotate(360deg); - } + from { + transform: translateX(-50%) rotate(0deg); + } + to { + transform: translateX(-50%) rotate(360deg); + } } .directorist-badge { - display: inline-block; - font-size: 10px; - font-weight: 700; - line-height: 1.9; - padding: 0 5px; - color: var(--directorist-color-white); - text-transform: uppercase; - border-radius: 5px; + display: inline-block; + font-size: 10px; + font-weight: 700; + line-height: 1.9; + padding: 0 5px; + color: var(--directorist-color-white); + text-transform: uppercase; + border-radius: 5px; } .directorist-badge.directorist-badge-primary { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-badge.directorist-badge-warning { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-badge.directorist-badge-info { - background-color: var(--directorist-color-info); + background-color: var(--directorist-color-info); } .directorist-badge.directorist-badge-success { - background-color: var(--directorist-color-success); + background-color: var(--directorist-color-success); } .directorist-badge.directorist-badge-danger { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } .directorist-badge.directorist-badge-light { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-badge.directorist-badge-gray { - background-color: #525768; + background-color: #525768; } .directorist-badge.directorist-badge-primary-transparent { - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary-rgb), 0.15); + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.15); } .directorist-badge.directorist-badge-warning-transparent { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning-rgb), 0.15); + color: var(--directorist-color-warning); + background-color: rgba(var(--directorist-color-warning-rgb), 0.15); } .directorist-badge.directorist-badge-info-transparent { - color: var(--directorist-color-info); - background-color: rgba(var(--directorist-color-info-rgb), 0.15); + color: var(--directorist-color-info); + background-color: rgba(var(--directorist-color-info-rgb), 0.15); } .directorist-badge.directorist-badge-success-transparent { - color: var(--directorist-color-success); - background-color: rgba(var(--directorist-color-success-rgb), 0.15); + color: var(--directorist-color-success); + background-color: rgba(var(--directorist-color-success-rgb), 0.15); } .directorist-badge.directorist-badge-danger-transparent { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger-rgb), 0.15); + color: var(--directorist-color-danger); + background-color: rgba(var(--directorist-color-danger-rgb), 0.15); } .directorist-badge.directorist-badge-light-transparent { - color: var(--directorist-color-white); - background-color: rgba(var(--directorist-color-white-rgb), 0.15); + color: var(--directorist-color-white); + background-color: rgba(var(--directorist-color-white-rgb), 0.15); } .directorist-badge.directorist-badge-gray-transparent { - color: var(--directorist-color-gray); - background-color: rgba(var(--directorist-color-gray-rgb), 0.15); + color: var(--directorist-color-gray); + background-color: rgba(var(--directorist-color-gray-rgb), 0.15); } .directorist-badge .directorist-badge-tooltip { - position: absolute; - top: -35px; - height: 30px; - line-height: 30px; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - padding: 0 20px; - font-size: 12px; - border-radius: 15px; - color: var(--directorist-color-white); - opacity: 0; - visibility: hidden; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; + position: absolute; + top: -35px; + height: 30px; + line-height: 30px; + width: max-content; + padding: 0 20px; + font-size: 12px; + border-radius: 15px; + color: var(--directorist-color-white); + opacity: 0; + visibility: hidden; + transition: all 0.3s ease-in-out; } .directorist-badge .directorist-badge-tooltip__featured { - background-color: var(--directorist-color-featured-badge); + background-color: var(--directorist-color-featured-badge); } .directorist-badge .directorist-badge-tooltip__new { - background-color: var(--directorist-color-new-badge); + background-color: var(--directorist-color-new-badge); } .directorist-badge .directorist-badge-tooltip__popular { - background-color: var(--directorist-color-popular-badge); + background-color: var(--directorist-color-popular-badge); } @media screen and (max-width: 480px) { - .directorist-badge .directorist-badge-tooltip { - height: 25px; - line-height: 25px; - font-size: 10px; - padding: 0 15px; - } + .directorist-badge .directorist-badge-tooltip { + height: 25px; + line-height: 25px; + font-size: 10px; + padding: 0 15px; + } } .directorist-badge:hover .directorist-badge-tooltip { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } /*** @@ -7466,6912 +7257,7162 @@ body.modal-overlay-enabled:before { ***/ .directorist-custom-range-slider-target, .directorist-custom-range-slider-target * { - -ms-touch-action: none; - touch-action: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; + touch-action: none; + user-select: none; + box-sizing: border-box; } .directorist-custom-range-slider-base, .directorist-custom-range-slider-connects { - width: 100%; - height: 100%; - position: relative; - z-index: 1; + width: 100%; + height: 100%; + position: relative; + z-index: 1; } /* Wrapper for all connect elements. */ .directorist-custom-range-slider-connects { - overflow: hidden; - z-index: 0; + overflow: hidden; + z-index: 0; } .directorist-custom-range-slider-connect, .directorist-custom-range-slider-origin { - will-change: transform; - position: absolute; - z-index: 1; - top: 0; - inset-inline-start: 0; - height: 100%; - width: calc(100% - 20px); - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform-style: flat; - transform-style: flat; + will-change: transform; + position: absolute; + z-index: 1; + top: 0; + inset-inline-start: 0; + height: 100%; + width: calc(100% - 20px); + transform-origin: 0 0; + transform-style: flat; } /* Give origins 0 height/width so they don't interfere * with clicking the connect elements. */ -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-origin { - top: -100%; - width: 0; +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-origin { + top: -100%; + width: 0; } -.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-origin { - height: 0; +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-origin { + height: 0; } .directorist-custom-range-slider-handle { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - position: absolute; + backface-visibility: hidden; + position: absolute; } .directorist-custom-range-slider-touch-area { - height: 100%; - width: 100%; + height: 100%; + width: 100%; } -.directorist-custom-range-slider-state-tap .directorist-custom-range-slider-connect, -.directorist-custom-range-slider-state-tap .directorist-custom-range-slider-origin { - -webkit-transition: -webkit-transform 0.3s; - transition: -webkit-transform 0.3s; - transition: transform 0.3s; - transition: transform 0.3s, -webkit-transform 0.3s; +.directorist-custom-range-slider-state-tap + .directorist-custom-range-slider-connect, +.directorist-custom-range-slider-state-tap + .directorist-custom-range-slider-origin { + transition: transform 0.3s; } .directorist-custom-range-slider-state-drag * { - cursor: inherit !important; + cursor: inherit !important; } /* Slider size and handle placement; */ -.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-handle { - width: 20px; - height: 20px; - border-radius: 50%; - border: 4px solid var(--directorist-color-primary); - inset-inline-end: -20px; - top: -8px; - cursor: pointer; +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-handle { + width: 20px; + height: 20px; + border-radius: 50%; + border: 4px solid var(--directorist-color-primary); + inset-inline-end: -20px; + top: -8px; + cursor: pointer; } .directorist-custom-range-slider-vertical { - width: 18px; + width: 18px; } -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-handle { - width: 28px; - height: 34px; - inset-inline-end: -6px; - bottom: -17px; +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-handle { + width: 28px; + height: 34px; + inset-inline-end: -6px; + bottom: -17px; } /* Giving the connect element a border radius causes issues with using transform: scale */ .directorist-custom-range-slider-target { - position: relative; - width: 100%; - height: 4px; - margin: 7px 0 24px; - border-radius: 2px; - background-color: #d9d9d9; + position: relative; + width: 100%; + height: 4px; + margin: 7px 0 24px; + border-radius: 2px; + background-color: #d9d9d9; } .directorist-custom-range-slider-connect { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } /* Handles and cursors; */ .directorist-custom-range-slider-draggable { - cursor: ew-resize; + cursor: ew-resize; } -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-draggable { - cursor: ns-resize; +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-draggable { + cursor: ns-resize; } .directorist-custom-range-slider-handle { - border: 1px solid #d9d9d9; - border-radius: 3px; - background-color: var(--directorist-color-white); - cursor: default; - -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; - box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; + border: 1px solid #d9d9d9; + border-radius: 3px; + background-color: var(--directorist-color-white); + cursor: default; + box-shadow: + inset 0 0 1px #fff, + inset 0 1px 7px #ebebeb, + 0 3px 6px -3px #bbb; } .directorist-custom-range-slider-active { - -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb; - box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb; + box-shadow: + inset 0 0 1px #fff, + inset 0 1px 7px #ddd, + 0 3px 6px -3px #bbb; } /* Disabled state; */ [disabled] .directorist-custom-range-slider-connect { - background-color: #b8b8b8; + background-color: #b8b8b8; } [disabled].directorist-custom-range-slider-target, [disabled].directorist-custom-range-slider-handle, [disabled] .directorist-custom-range-slider-handle { - cursor: not-allowed; + cursor: not-allowed; } /* Base; */ .directorist-custom-range-slider-pips, .directorist-custom-range-slider-pips * { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } .directorist-custom-range-slider-pips { - position: absolute; - color: #999; + position: absolute; + color: #999; } /* Values; */ .directorist-custom-range-slider-value { - position: absolute; - white-space: nowrap; - text-align: center; + position: absolute; + white-space: nowrap; + text-align: center; } .directorist-custom-range-slider-value-sub { - color: #ccc; - font-size: 10px; + color: #ccc; + font-size: 10px; } /* Markings; */ .directorist-custom-range-slider-marker { - position: absolute; - background-color: #ccc; + position: absolute; + background-color: #ccc; } .directorist-custom-range-slider-marker-sub { - background-color: #aaa; + background-color: #aaa; } .directorist-custom-range-slider-marker-large { - background-color: #aaa; + background-color: #aaa; } /* Horizontal layout; */ .directorist-custom-range-slider-pips-horizontal { - padding: 10px 0; - height: 80px; - top: 100%; - left: 0; - width: 100%; + padding: 10px 0; + height: 80px; + top: 100%; + left: 0; + width: 100%; } .directorist-custom-range-slider-value-horizontal { - -webkit-transform: translate(-50%, 50%); - transform: translate(-50%, 50%); + transform: translate(-50%, 50%); } -.directorist-custom-range-slider-rtl .directorist-custom-range-slider-value-horizontal { - -webkit-transform: translate(50%, 50%); - transform: translate(50%, 50%); +.directorist-custom-range-slider-rtl + .directorist-custom-range-slider-value-horizontal { + transform: translate(50%, 50%); } .directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker { - margin-left: -1px; - width: 2px; - height: 5px; + margin-left: -1px; + width: 2px; + height: 5px; } .directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker-sub { - height: 10px; + height: 10px; } .directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker-large { - height: 15px; + height: 15px; } /* Vertical layout; */ .directorist-custom-range-slider-pips-vertical { - padding: 0 10px; - height: 100%; - top: 0; - left: 100%; + padding: 0 10px; + height: 100%; + top: 0; + left: 100%; } .directorist-custom-range-slider-value-vertical { - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - padding-left: 25px; + transform: translate(0, -50%); + padding-left: 25px; } -.directorist-custom-range-slider-rtl .directorist-custom-range-slider-value-vertical { - -webkit-transform: translate(0, 50%); - transform: translate(0, 50%); +.directorist-custom-range-slider-rtl + .directorist-custom-range-slider-value-vertical { + transform: translate(0, 50%); } .directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker { - width: 5px; - height: 2px; - margin-top: -1px; + width: 5px; + height: 2px; + margin-top: -1px; } .directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker-sub { - width: 10px; + width: 10px; } .directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker-large { - width: 15px; + width: 15px; } .directorist-custom-range-slider-tooltip { - display: block; - position: absolute; - border: 1px solid #d9d9d9; - border-radius: 3px; - background-color: var(--directorist-color-white); - color: var(--directorist-color-dark); - padding: 5px; - text-align: center; - white-space: nowrap; -} - -.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); - left: 50%; - bottom: 120%; -} -.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-origin > .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); - left: auto; - bottom: 10px; -} - -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - top: 50%; - right: 120%; -} -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-origin > .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(0, -18px); - transform: translate(0, -18px); - top: auto; - right: 28px; + display: block; + position: absolute; + border: 1px solid #d9d9d9; + border-radius: 3px; + background-color: var(--directorist-color-white); + color: var(--directorist-color-dark); + padding: 5px; + text-align: center; + white-space: nowrap; +} + +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-tooltip { + transform: translate(-50%, 0); + left: 50%; + bottom: 120%; +} +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-origin + > .directorist-custom-range-slider-tooltip { + transform: translate(50%, 0); + left: auto; + bottom: 10px; +} + +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-tooltip { + transform: translate(0, -50%); + top: 50%; + right: 120%; +} +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-origin + > .directorist-custom-range-slider-tooltip { + transform: translate(0, -18px); + top: auto; + right: 28px; } .directorist-swiper { - height: 100%; - overflow: hidden; - position: relative; + height: 100%; + overflow: hidden; + position: relative; } .directorist-swiper .swiper-slide { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-swiper .swiper-slide > div, .directorist-swiper .swiper-slide > a { - width: 100%; + width: 100%; } .directorist-swiper__nav { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - z-index: 1; - opacity: 0; - cursor: pointer; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; + position: absolute; + top: 50%; + transform: translateY(-50%); + z-index: 1; + opacity: 0; + cursor: pointer; + transition: all 0.3s ease; } .directorist-swiper__nav i { - width: 30px; - height: 30px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - background-color: rgba(255, 255, 255, 0.9); + width: 30px; + height: 30px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 100%; + transition: all 0.3s ease; + background-color: rgba(255, 255, 255, 0.9); } .directorist-swiper__nav .directorist-icon-mask:after { - width: 10px; - height: 10px; - background-color: var(--directorist-color-body); + width: 10px; + height: 10px; + background-color: var(--directorist-color-body); } .directorist-swiper__nav:hover i { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-swiper__nav--prev { - left: 10px; + left: 10px; } .directorist-swiper__nav--next { - right: 10px; + right: 10px; } .directorist-swiper__nav--prev-related i { - left: 0; - background-color: #f4f4f4; + left: 0; + background-color: #f4f4f4; } .directorist-swiper__nav--prev-related i:hover { - background-color: var(--directorist-color-gray); + background-color: var(--directorist-color-gray); } .directorist-swiper__nav--next-related i { - right: 0; - background-color: #f4f4f4; + right: 0; + background-color: #f4f4f4; } .directorist-swiper__nav--next-related i:hover { - background-color: var(--directorist-color-gray); + background-color: var(--directorist-color-gray); } .directorist-swiper__pagination { - position: absolute; - text-align: center; - z-index: 1; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + position: absolute; + text-align: center; + z-index: 1; + display: flex; + gap: 5px; + align-items: center; + justify-content: center; } .directorist-swiper__pagination .swiper-pagination-bullet { - margin: 0 !important; - width: 5px; - height: 5px; - opacity: 0.6; - background-color: var(--directorist-color-white); + margin: 0 !important; + width: 5px; + height: 5px; + opacity: 0.6; + background-color: var(--directorist-color-white); } -.directorist-swiper__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { - opacity: 1; - -webkit-transform: scale(1.4); - transform: scale(1.4); +.directorist-swiper__pagination + .swiper-pagination-bullet.swiper-pagination-bullet-active { + opacity: 1; + transform: scale(1.4); } .directorist-swiper__pagination--related { - display: none; + display: none; } -.directorist-swiper:hover > .directorist-swiper__navigation .directorist-swiper__nav { - opacity: 1; +.directorist-swiper:hover + > .directorist-swiper__navigation + .directorist-swiper__nav { + opacity: 1; } .directorist-single-listing-slider { - width: var(--gallery-crop-width, 740px); - height: var(--gallery-crop-height, 580px); - max-width: 100%; - margin: 0 auto; - border-radius: 12px; + width: var(--gallery-crop-width, 740px); + height: var(--gallery-crop-height, 580px); + max-width: 100%; + margin: 0 auto; + border-radius: 12px; } @media screen and (max-width: 991px) { - .directorist-single-listing-slider { - max-height: 450px !important; - } + .directorist-single-listing-slider { + max-height: 450px !important; + } } @media screen and (max-width: 575px) { - .directorist-single-listing-slider { - max-height: 400px !important; - } + .directorist-single-listing-slider { + max-height: 400px !important; + } } @media screen and (max-width: 375px) { - .directorist-single-listing-slider { - max-height: 350px !important; - } + .directorist-single-listing-slider { + max-height: 350px !important; + } } .directorist-single-listing-slider .directorist-swiper__nav i { - height: 40px; - width: 40px; - background-color: rgba(0, 0, 0, 0.5); + height: 40px; + width: 40px; + background-color: rgba(0, 0, 0, 0.5); } .directorist-single-listing-slider .directorist-swiper__nav i:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); } -.directorist-single-listing-slider .directorist-swiper__nav--prev-single-listing i { - left: 20px; +.directorist-single-listing-slider + .directorist-swiper__nav--prev-single-listing + i { + left: 20px; } -.directorist-single-listing-slider .directorist-swiper__nav--next-single-listing i { - right: 20px; +.directorist-single-listing-slider + .directorist-swiper__nav--next-single-listing + i { + right: 20px; } .directorist-single-listing-slider .directorist-swiper__nav:hover i { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-single-listing-slider .directorist-swiper__nav { - opacity: 1; - } - .directorist-single-listing-slider .directorist-swiper__nav i { - width: 30px; - height: 30px; - } + .directorist-single-listing-slider .directorist-swiper__nav { + opacity: 1; + } + .directorist-single-listing-slider .directorist-swiper__nav i { + width: 30px; + height: 30px; + } } .directorist-single-listing-slider .directorist-swiper__pagination { - display: none; + display: none; } .directorist-single-listing-slider .swiper-slide img { - width: 100%; - height: 100%; - max-width: var(--gallery-crop-width, 740px); - -o-object-fit: cover; - object-fit: cover; - border-radius: 12px; + width: 100%; + height: 100%; + max-width: var(--gallery-crop-width, 740px); + object-fit: cover; + border-radius: 12px; } -.directorist-single-listing-slider.slider-has-one-item .directorist-swiper__navigation, -.directorist-single-listing-slider.slider-has-one-item .directorist-swiper__pagination { - display: none; +.directorist-single-listing-slider.slider-has-one-item + .directorist-swiper__navigation, +.directorist-single-listing-slider.slider-has-one-item + .directorist-swiper__pagination { + display: none; } .directorist-single-listing-slider-thumb { - width: var(--gallery-crop-width, 740px); - max-width: 100%; - margin: 10px auto 0; - border-radius: 12px; - overflow: auto; - height: auto; - display: none; + width: var(--gallery-crop-width, 740px); + max-width: 100%; + margin: 10px auto 0; + border-radius: 12px; + overflow: auto; + height: auto; + display: none; } .directorist-single-listing-slider-thumb .swiper-wrapper { - gap: 10px; - height: auto; + gap: 10px; + height: auto; } .directorist-single-listing-slider-thumb .directorist-swiper__navigation { - display: none; + display: none; } .directorist-single-listing-slider-thumb .directorist-swiper__pagination { - display: none; + display: none; } .directorist-single-listing-slider-thumb .swiper-slide { - position: relative; - height: 90px; - cursor: pointer; - margin: 0 !important; + position: relative; + height: 90px; + cursor: pointer; + margin: 0 !important; } .directorist-single-listing-slider-thumb .swiper-slide img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: 14px; + width: 100%; + height: 100%; + object-fit: cover; + border-radius: 14px; } .directorist-single-listing-slider-thumb .swiper-slide:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - border-radius: 14px; - background-color: rgba(0, 0, 0, 0.3); - z-index: 1; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - opacity: 0; - visibility: hidden; -} -.directorist-single-listing-slider-thumb .swiper-slide:hover:before, .directorist-single-listing-slider-thumb .swiper-slide.swiper-slide-thumb-active:before { - opacity: 1; - visibility: visible; + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + border-radius: 14px; + background-color: rgba(0, 0, 0, 0.3); + z-index: 1; + transition: opacity 0.3s ease; + opacity: 0; + visibility: hidden; +} +.directorist-single-listing-slider-thumb .swiper-slide:hover:before, +.directorist-single-listing-slider-thumb + .swiper-slide.swiper-slide-thumb-active:before { + opacity: 1; + visibility: visible; } @media screen and (max-width: 575px) { - .directorist-single-listing-slider-thumb { - display: none; - } + .directorist-single-listing-slider-thumb { + display: none; + } } .directorist-swiper-related-listing.directorist-swiper { - padding: 15px; - margin: -15px; - height: auto; -} -.directorist-swiper-related-listing.directorist-swiper > .directorist-swiper__navigation .directorist-swiper__nav i { - height: 40px; - width: 40px; -} -.directorist-swiper-related-listing.directorist-swiper > .directorist-swiper__navigation .directorist-swiper__nav i:after { - width: 14px; - height: 14px; + padding: 15px; + margin: -15px; + height: auto; +} +.directorist-swiper-related-listing.directorist-swiper + > .directorist-swiper__navigation + .directorist-swiper__nav + i { + height: 40px; + width: 40px; +} +.directorist-swiper-related-listing.directorist-swiper + > .directorist-swiper__navigation + .directorist-swiper__nav + i:after { + width: 14px; + height: 14px; } .directorist-swiper-related-listing.directorist-swiper .swiper-wrapper { - height: auto; + height: auto; } -.directorist-swiper-related-listing.slider-has-one-item > .directorist-swiper__navigation, .directorist-swiper-related-listing.slider-has-less-items > .directorist-swiper__navigation { - display: none; +.directorist-swiper-related-listing.slider-has-one-item + > .directorist-swiper__navigation, +.directorist-swiper-related-listing.slider-has-less-items + > .directorist-swiper__navigation { + display: none; } .directorist-dropdown { - position: relative; + position: relative; } .directorist-dropdown__toggle { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - background-color: var(--directorist-color-light); - border-color: var(--directorist-color-light); - padding: 0 20px; - border-radius: 8px; - cursor: pointer; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; - position: relative; -} -.directorist-dropdown__toggle:focus, .directorist-dropdown__toggle:hover { - background-color: var(--directorist-color-light) !important; - border-color: var(--directorist-color-light) !important; - outline: 0 !important; - color: var(--directorist); + display: flex; + align-items: center; + gap: 5px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + background-color: var(--directorist-color-light); + border-color: var(--directorist-color-light); + padding: 0 20px; + border-radius: 8px; + cursor: pointer; + transition: background-color 0.3s ease; + position: relative; +} +.directorist-dropdown__toggle:focus, +.directorist-dropdown__toggle:hover { + background-color: var(--directorist-color-light) !important; + border-color: var(--directorist-color-light) !important; + outline: 0 !important; + color: var(--directorist); } .directorist-dropdown__toggle.directorist-toggle-has-icon:after { - content: ""; - -webkit-mask-image: url(../js/664d0b74d206cf7349ab.svg); - mask-image: url(../js/664d0b74d206cf7349ab.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: currentColor; + content: ""; + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: currentColor; } .directorist-dropdown__links { - display: none; - position: absolute; - width: 100%; - min-width: 190px; - overflow-y: auto; - left: 0; - top: 30px; - padding: 10px; - border: none; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - z-index: 99999; + display: none; + position: absolute; + width: 100%; + min-width: 190px; + overflow-y: auto; + left: 0; + top: 30px; + padding: 10px; + border: none; + border-radius: 8px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + z-index: 99999; } .directorist-dropdown__links a { - display: block; - font-size: 14px; - font-weight: 400; - display: block; - padding: 10px; - border-radius: 8px; - text-decoration: none !important; - color: var(--directorist-color-body); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.directorist-dropdown__links a.active, .directorist-dropdown__links a:hover { - border-radius: 8px; - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary-rgb), 0.05); + display: block; + font-size: 14px; + font-weight: 400; + display: block; + padding: 10px; + border-radius: 8px; + text-decoration: none !important; + color: var(--directorist-color-body); + transition: all ease 0.3s; +} +.directorist-dropdown__links a.active, +.directorist-dropdown__links a:hover { + border-radius: 8px; + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.05); } @media screen and (max-width: 575px) { - .directorist-dropdown__links a { - padding: 5px 10px; - } + .directorist-dropdown__links a { + padding: 5px 10px; + } } .directorist-dropdown__links--right { - left: auto; - right: 0; + left: auto; + right: 0; } @media (max-width: 1440px) { - .directorist-dropdown__links { - left: unset; - right: 0; - } + .directorist-dropdown__links { + left: unset; + right: 0; + } } .directorist-dropdown.directorist-sortby-dropdown { - border-radius: 8px; - border: 2px solid var(--directorist-color-white); + border-radius: 8px; + border: 2px solid var(--directorist-color-white); } /* custom dropdown with select */ .directorist-dropdown-select { - position: relative; + position: relative; } .directorist-dropdown-select-toggle { - display: inline-block; - border: 1px solid #eee; - padding: 7px 15px; - position: relative; + display: inline-block; + border: 1px solid #eee; + padding: 7px 15px; + position: relative; } .directorist-dropdown-select-toggle:before { - content: ""; - position: absolute !important; - width: 100%; - height: 100%; - left: 0; - top: 0; + content: ""; + position: absolute !important; + width: 100%; + height: 100%; + left: 0; + top: 0; } .directorist-dropdown-select-items { - position: absolute; - width: 100%; - left: 0; - top: 40px; - border: 1px solid #eee; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - background-color: var(--directorist-color-white); - z-index: 10; + position: absolute; + width: 100%; + left: 0; + top: 40px; + border: 1px solid #eee; + visibility: hidden; + opacity: 0; + pointer-events: none; + transition: 0.3s ease; + background-color: var(--directorist-color-white); + z-index: 10; } .directorist-dropdown-select-items.directorist-dropdown-select-show { - top: 30px; - visibility: visible; - opacity: 1; - pointer-events: all; + top: 30px; + visibility: visible; + opacity: 1; + pointer-events: all; } .directorist-dropdown-select-item { - display: block; + display: block; } .directorist-switch { - position: relative; - display: block; + position: relative; + display: block; } -.directorist-switch input[type=checkbox]:before { - display: none; +.directorist-switch input[type="checkbox"]:before { + display: none; } .directorist-switch .directorist-switch-input { - position: absolute; - left: 0; - z-index: -1; - width: 24px; - height: 25px; - opacity: 0; -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label { - color: #1A1B29; - font-weight: 500; -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:before { - background-color: var(--directorist-color-primary); -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:after { - -webkit-transform: translateX(20px); - transform: translateX(20px); + position: absolute; + left: 0; + z-index: -1; + width: 24px; + height: 25px; + opacity: 0; +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label { + color: #1a1b29; + font-weight: 500; +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label:before { + background-color: var(--directorist-color-primary); +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label:after { + transform: translateX(20px); } .directorist-switch .directorist-switch-label { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 400; - padding-left: 65px; - margin-left: 0; - color: var(--directorist-color-body); + user-select: none; + position: relative; + display: inline-flex; + align-items: center; + font-size: 14px; + font-weight: 400; + padding-left: 65px; + margin-left: 0; + color: var(--directorist-color-body); } .directorist-switch .directorist-switch-label:before { - content: ""; - position: absolute; - top: 0.75px; - left: 4px; - display: block; - width: 44px; - height: 24px; - border-radius: 15px; - pointer-events: all; - background-color: #ECECEC; + content: ""; + position: absolute; + top: 0.75px; + left: 4px; + display: block; + width: 44px; + height: 24px; + border-radius: 15px; + pointer-events: all; + background-color: #ececec; } .directorist-switch .directorist-switch-label:after { - position: absolute; - display: block; - content: ""; - background: no-repeat 50%/50% 50%; - top: 4.75px; - left: 8px; - background-color: var(--directorist-color-white) !important; - width: 16px; - height: 16px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); - box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); - border-radius: 15px; - transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -} - -.directorist-switch.directorist-switch-primary .directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-primary); -} -.directorist-switch.directorist-switch-success.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-success); -} -.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-secondary); -} -.directorist-switch.directorist-switch-danger.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-danger); -} -.directorist-switch.directorist-switch-warning.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-warning); -} -.directorist-switch.directorist-switch-info.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-info); + position: absolute; + display: block; + content: ""; + background: no-repeat 50%/50% 50%; + top: 4.75px; + left: 8px; + background-color: var(--directorist-color-white) !important; + width: 16px; + height: 16px; + background-color: var(--directorist-color-white); + box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); + border-radius: 15px; + transition: + transform 0.15s ease-in-out, + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out, + -webkit-transform 0.15s ease-in-out, + -webkit-box-shadow 0.15s ease-in-out; +} + +.directorist-switch.directorist-switch-primary + .directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-primary); +} +.directorist-switch.directorist-switch-success.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-success); +} +.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-secondary); +} +.directorist-switch.directorist-switch-danger.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-danger); +} +.directorist-switch.directorist-switch-warning.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-warning); +} +.directorist-switch.directorist-switch-info.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-info); } .directorist-switch-Yn { - font-size: 15px; - padding: 3px; - position: relative; - display: inline-block; - border: 1px solid #e9e9e9; - border-radius: 17px; + font-size: 15px; + padding: 3px; + position: relative; + display: inline-block; + border: 1px solid #e9e9e9; + border-radius: 17px; } .directorist-switch-Yn span { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - font-size: 14px; - line-height: 27px; - padding: 5px 10.5px; - font-weight: 500; -} -.directorist-switch-Yn input[type=checkbox] { - display: none; -} -.directorist-switch-Yn input[type=checkbox]:checked + .directorist-switch-yes { - background-color: #3E62F5; - color: var(--directorist-color-white); -} -.directorist-switch-Yn input[type=checkbox]:checked + span + .directorist-switch-no { - background-color: transparent; - color: #9b9eaf; -} -.directorist-switch-Yn input[type=checkbox] .directorist-switch-yes { - background-color: transparent; - color: #9b9eaf; -} -.directorist-switch-Yn input[type=checkbox] + span + .directorist-switch-no { - background-color: #fb6665; - color: var(--directorist-color-white); + user-select: none; + font-size: 14px; + line-height: 27px; + padding: 5px 10.5px; + font-weight: 500; +} +.directorist-switch-Yn input[type="checkbox"] { + display: none; +} +.directorist-switch-Yn + input[type="checkbox"]:checked + + .directorist-switch-yes { + background-color: #3e62f5; + color: var(--directorist-color-white); +} +.directorist-switch-Yn + input[type="checkbox"]:checked + + span + + .directorist-switch-no { + background-color: transparent; + color: #9b9eaf; +} +.directorist-switch-Yn input[type="checkbox"] .directorist-switch-yes { + background-color: transparent; + color: #9b9eaf; +} +.directorist-switch-Yn input[type="checkbox"] + span + .directorist-switch-no { + background-color: #fb6665; + color: var(--directorist-color-white); } .directorist-switch-Yn .directorist-switch-yes { - border-radius: 15px 0 0 15px; + border-radius: 15px 0 0 15px; } .directorist-switch-Yn .directorist-switch-no { - border-radius: 0 15px 15px 0; + border-radius: 0 15px 15px 0; } /* Directorist Tooltip */ .directorist-tooltip { - position: relative; + position: relative; } .directorist-tooltip.directorist-tooltip-bottom[data-label]:before { - bottom: -8px; - top: auto; - border-top-color: var(--directorist-color-white); - border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); + bottom: -8px; + top: auto; + border-top-color: var(--directorist-color-white); + border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip.directorist-tooltip-bottom[data-label]:after { - -webkit-transform: translate(-50%); - transform: translate(-50%); - top: 100%; - margin-top: 8px; -} -.directorist-tooltip[data-label]:before, .directorist-tooltip[data-label]:after { - position: absolute !important; - bottom: 100%; - display: none; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - -webkit-animation: showTooltip 0.3s ease; - animation: showTooltip 0.3s ease; + transform: translate(-50%); + top: 100%; + margin-top: 8px; +} +.directorist-tooltip[data-label]:before, +.directorist-tooltip[data-label]:after { + position: absolute !important; + bottom: 100%; + display: none; + height: fit-content; + animation: showTooltip 0.3s ease; } .directorist-tooltip[data-label]:before { - content: ""; - left: 50%; - top: -6px; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - border: 6px solid transparent; - border-top-color: rgba(var(--directorist-color-dark-rgb), 1); + content: ""; + left: 50%; + top: -6px; + transform: translateX(-50%); + border: 6px solid transparent; + border-top-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip[data-label]:after { - font-size: 14px; - content: attr(data-label); - left: 50%; - -webkit-transform: translate(-50%, -6px); - transform: translate(-50%, -6px); - background: rgba(var(--directorist-color-dark-rgb), 1); - padding: 4px 12px; - border-radius: 3px; - color: var(--directorist-color-white); - z-index: 9999; - text-align: center; - min-width: 140px; - max-height: 200px; - overflow-y: auto; -} -.directorist-tooltip[data-label]:hover:before, .directorist-tooltip[data-label]:hover:after { - display: block; + font-size: 14px; + content: attr(data-label); + left: 50%; + transform: translate(-50%, -6px); + background: rgba(var(--directorist-color-dark-rgb), 1); + padding: 4px 12px; + border-radius: 3px; + color: var(--directorist-color-white); + z-index: 9999; + text-align: center; + min-width: 140px; + max-height: 200px; + overflow-y: auto; +} +.directorist-tooltip[data-label]:hover:before, +.directorist-tooltip[data-label]:hover:after { + display: block; } .directorist-tooltip .directorist-tooltip__label { - font-size: 16px; - color: var(--directorist-color-primary); + font-size: 16px; + color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:before { - border-top-color: var(--directorist-color-primary); + border-top-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:after { - background-color: var(--directorist-color-secondary); + background-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-info[data-label]:after { - background-color: var(--directorist-color-info); + background-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-info[data-label]:before { - border-top-color: var(--directorist-color-info); + border-top-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-warning[data-label]:after { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-warning[data-label]:before { - border-top-color: var(--directorist-color-warning); + border-top-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-success[data-label]:after { - background-color: var(--directorist-color-success); + background-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-success[data-label]:before { - border-top-color: var(--directorist-color-success); + border-top-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-danger[data-label]:after { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-danger[data-label]:before { - border-top-color: var(--directorist-color-danger); + border-top-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-primary[data-label]:before { - border-bottom-color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-info[data-label]:before { - border-bottom-color: var(--directorist-color-info); + border-bottom-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-warning[data-label]:before { - border-bottom-color: var(--directorist-color-warning); + border-bottom-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-success[data-label]:before { - border-bottom-color: var(--directorist-color-success); + border-bottom-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-danger[data-label]:before { - border-bottom-color: var(--directorist-color-danger); -} - -@-webkit-keyframes showTooltip { - from { - opacity: 0; - } + border-bottom-color: var(--directorist-color-danger); } @keyframes showTooltip { - from { - opacity: 0; - } + from { + opacity: 0; + } } /* Alerts style */ .directorist-alert { - font-size: 15px; - word-break: break-word; - border-radius: 8px; - background-color: #f4f4f4; - padding: 15px 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + font-size: 15px; + word-break: break-word; + border-radius: 8px; + background-color: #f4f4f4; + padding: 15px 20px; + display: flex; + align-items: center; + flex-wrap: wrap; } .directorist-alert .directorist-icon-mask { - margin-right: 5px; + margin-right: 5px; } .directorist-alert > a { - padding-left: 5px; + padding-left: 5px; } .directorist-alert__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: flex; + align-items: flex-start; } .directorist-alert__content span.la, .directorist-alert__content span.fa, .directorist-alert__content i { - margin-right: 12px; - line-height: 1.65; + margin-right: 12px; + line-height: 1.65; } .directorist-alert__content p { - margin-bottom: 0; + margin-bottom: 0; } .directorist-alert__close { - padding: 0 5px; - font-size: 20px !important; - background: none !important; - text-decoration: none; - margin-left: auto !important; - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.2; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + padding: 0 5px; + font-size: 20px !important; + background: none !important; + text-decoration: none; + margin-left: auto !important; + border: 0 none; + box-shadow: none; + line-height: 1.2; + display: flex; + align-items: center; + justify-content: center; } .directorist-alert__close .la, .directorist-alert__close .fa, .directorist-alert__close i, .directorist-alert__close span { - font-size: 16px; - margin-left: 10px; - color: var(--directorist-color-danger); + font-size: 16px; + margin-left: 10px; + color: var(--directorist-color-danger); } .directorist-alert__close:focus { - background-color: transparent; - outline: none; + background-color: transparent; + outline: none; } .directorist-alert a { - text-decoration: none; + text-decoration: none; } .directorist-alert.directorist-alert-primary { - background: rgba(var(--directorist-color-primary-rgb), 0.1); - color: var(--directorist-color-primary); + background: rgba(var(--directorist-color-primary-rgb), 0.1); + color: var(--directorist-color-primary); } .directorist-alert.directorist-alert-primary .directorist-alert__close { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-alert.directorist-alert-info { - background-color: #DCEBFE; - color: #157CF6; + background-color: #dcebfe; + color: #157cf6; } .directorist-alert.directorist-alert-info .directorist-alert__close { - color: #157CF6; + color: #157cf6; } .directorist-alert.directorist-alert-warning { - background-color: #FEE9D9; - color: #F56E00; + background-color: #fee9d9; + color: #f56e00; } .directorist-alert.directorist-alert-warning .directorist-alert__close { - color: #F56E00; + color: #f56e00; } .directorist-alert.directorist-alert-danger { - background-color: #FCD9D9; - color: #E80000; + background-color: #fcd9d9; + color: #e80000; } .directorist-alert.directorist-alert-danger .directorist-alert__close { - color: #E80000; + color: #e80000; } .directorist-alert.directorist-alert-success { - background-color: #D9EFDC; - color: #009114; + background-color: #d9efdc; + color: #009114; } .directorist-alert.directorist-alert-success .directorist-alert__close { - color: #009114; + color: #009114; } .directorist-alert--sm { - padding: 10px 20px; + padding: 10px 20px; } .alert-danger { - background: rgba(232, 0, 0, 0.3); + background: rgba(232, 0, 0, 0.3); } .alert-danger.directorist-register-error { - background: #FCD9D9; - color: #E80000; - border-radius: 3px; + background: #fcd9d9; + color: #e80000; + border-radius: 3px; } .alert-danger.directorist-register-error .directorist-alert__close { - color: #E80000; + color: #e80000; } /* Add listing notice alert */ .directorist-single-listing-notice .directorist-alert__content { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - width: 100%; + justify-content: space-between; + width: 100%; } .directorist-single-listing-notice .directorist-alert__content button { - cursor: pointer; + cursor: pointer; } .directorist-single-listing-notice .directorist-alert__content button span { - font-size: 20px; + font-size: 20px; } .directorist-user-dashboard .directorist-container-fluid { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } .directorist-user-dashboard .directorist-alert-info .directorist-alert__close { - cursor: pointer; - padding-right: 0; + cursor: pointer; + padding-right: 0; } /* Modal Core Styles */ .directorist-modal { - position: fixed; - width: 100%; - height: 100%; - padding: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - left: 0; - top: 0; - z-index: -1; - overflow: auto; - outline: 0; + position: fixed; + width: 100%; + height: 100%; + padding: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + left: 0; + top: 0; + z-index: -1; + overflow: auto; + outline: 0; } .directorist-modal__dialog { - position: relative; - width: 500px; - margin: 30px auto; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 0; - visibility: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-height: calc(100% - 80px); - pointer-events: none; + position: relative; + width: 500px; + margin: 30px auto; + transition: 0.3s ease; + opacity: 0; + visibility: hidden; + display: flex; + align-items: center; + justify-content: center; + min-height: calc(100% - 80px); + pointer-events: none; } .directorist-modal__dialog-lg { - width: 900px; + width: 900px; } .directorist-modal__content { - width: 100%; - background-color: var(--directorist-color-white); - pointer-events: auto; - border-radius: 12px; - position: relative; + width: 100%; + background-color: var(--directorist-color-white); + pointer-events: auto; + border-radius: 12px; + position: relative; } .directorist-modal__content .directorist-modal__header { - position: relative; - padding: 15px; - border-bottom: 1px solid var(--directorist-color-border-gray); + position: relative; + padding: 15px; + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-modal__content .directorist-modal__header__title { - font-size: 20px; - font-weight: 500; - margin: 0; - color: var(--directorist-color-dark); -} -.directorist-modal__content .directorist-modal__header .directorist-modal-close { - position: absolute; - width: 28px; - height: 28px; - right: 25px; - top: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - line-height: 1.45; - padding: 6px; - text-decoration: none; - -webkit-transition: 0.2s background-color ease-in-out; - transition: 0.2s background-color ease-in-out; - background-color: var(--directorist-color-bg-light); -} -.directorist-modal__content .directorist-modal__header .directorist-modal-close:hover { - color: var(--directorist-color-body); - background-color: var(--directorist-color-light-hover); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + font-size: 20px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); +} +.directorist-modal__content + .directorist-modal__header + .directorist-modal-close { + position: absolute; + width: 28px; + height: 28px; + right: 25px; + top: 10px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + line-height: 1.45; + padding: 6px; + text-decoration: none; + transition: 0.2s background-color ease-in-out; + background-color: var(--directorist-color-bg-light); +} +.directorist-modal__content + .directorist-modal__header + .directorist-modal-close:hover { + color: var(--directorist-color-body); + background-color: var(--directorist-color-light-hover); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-modal__content .directorist-modal__body { - padding: 25px 40px; + padding: 25px 40px; } .directorist-modal__content .directorist-modal__footer { - border-top: 1px solid var(--directorist-color-border-gray); - padding: 18px; -} -.directorist-modal__content .directorist-modal__footer .directorist-modal__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - margin: -7.5px; -} -.directorist-modal__content .directorist-modal__footer .directorist-modal__action button { - margin: 7.5px; + border-top: 1px solid var(--directorist-color-border-gray); + padding: 18px; +} +.directorist-modal__content + .directorist-modal__footer + .directorist-modal__action { + display: flex; + justify-content: flex-end; + margin: -7.5px; +} +.directorist-modal__content + .directorist-modal__footer + .directorist-modal__action + button { + margin: 7.5px; } .directorist-modal__content .directorist-modal .directorist-form-group label { - font-size: 16px; + font-size: 16px; } -.directorist-modal__content .directorist-modal .directorist-form-group .directorist-form-element { - resize: none; +.directorist-modal__content + .directorist-modal + .directorist-form-group + .directorist-form-element { + resize: none; } .directorist-modal__dialog.directorist-modal--lg { - width: 800px; + width: 800px; } .directorist-modal__dialog.directorist-modal--xl { - width: 1140px; + width: 1140px; } .directorist-modal__dialog.directorist-modal--sm { - width: 300px; + width: 300px; } .directorist-modal.directorist-fade { - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 1; - visibility: visible; - z-index: 9999; + transition: 0.3s ease; + opacity: 1; + visibility: visible; + z-index: 9999; } .directorist-modal.directorist-fade:not(.directorist-show) { - opacity: 0; - visibility: hidden; + opacity: 0; + visibility: hidden; } .directorist-modal.directorist-show .directorist-modal__dialog { - opacity: 1; - visibility: visible; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + opacity: 1; + visibility: visible; + transition: 0.3s ease; } .directorist-search-modal__overlay { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - opacity: 0; - visibility: hidden; - z-index: 9999; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 0; + visibility: hidden; + z-index: 9999; } .directorist-search-modal__overlay:before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - opacity: 1; - -webkit-transition: all ease 0.4s; - transition: all ease 0.4s; + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 1; + transition: all ease 0.4s; } .directorist-search-modal__contents { - position: fixed; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - bottom: -100%; - width: 90%; - max-width: 600px; - margin-bottom: 100px; - overflow: hidden; - opacity: 0; - visibility: hidden; - z-index: 9999; - border-radius: 12px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-white); + position: fixed; + left: 50%; + transform: translateX(-50%); + bottom: -100%; + width: 90%; + max-width: 600px; + margin-bottom: 100px; + overflow: hidden; + opacity: 0; + visibility: hidden; + z-index: 9999; + border-radius: 12px; + transition: all ease 0.3s; + background-color: var(--directorist-color-white); } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents { - width: 100%; - margin-bottom: 0; - border-radius: 16px 16px 0 0; - } + .directorist-search-modal__contents { + width: 100%; + margin-bottom: 0; + border-radius: 16px 16px 0 0; + } } .directorist-search-modal__contents__header { - position: fixed; - top: 0; - left: 0; - right: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 15px 25px 15px 40px; - border-radius: 16px 16px 0 0; - background-color: var(--directorist-color-white); - border-bottom: 1px solid var(--directorist-color-border); - z-index: 999; + position: fixed; + top: 0; + left: 0; + right: 0; + display: flex; + align-items: center; + justify-content: space-between; + padding: 15px 25px 15px 40px; + border-radius: 16px 16px 0 0; + background-color: var(--directorist-color-white); + border-bottom: 1px solid var(--directorist-color-border); + z-index: 999; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__header { - padding-left: 30px; - padding-right: 20px; - } + .directorist-search-modal__contents__header { + padding-left: 30px; + padding-right: 20px; + } } .directorist-search-modal__contents__body { - height: calc(100vh - 380px); - padding: 30px 40px 0; - overflow: auto; - margin-top: 70px; - margin-bottom: 80px; + height: calc(100vh - 380px); + padding: 30px 40px 0; + overflow: auto; + margin-top: 70px; + margin-bottom: 80px; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__body { - margin-top: 55px; - margin-bottom: 80px; - padding: 30px 30px 0; - height: calc(100dvh - 250px); - } + .directorist-search-modal__contents__body { + margin-top: 55px; + margin-bottom: 80px; + padding: 30px 30px 0; + height: calc(100dvh - 250px); + } } .directorist-search-modal__contents__body .directorist-search-field__label { - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - -webkit-transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; - transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::placeholder, -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-form-group__prefix--start { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element { - padding-right: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=date], .directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=time], .directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=number] { - padding-right: 0; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-form-group__prefix--start { + opacity: 0; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element { + padding-right: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="date"], +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="time"], +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="number"] { + padding-right: 0; } .directorist-search-modal__contents__body .directorist-search-field__btn { - position: absolute; - bottom: 12px; - cursor: pointer; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear { - opacity: 0; - visibility: hidden; - right: 0; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear i::after { - width: 16px; - height: 16px; - background-color: #bcbcbc; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear:hover i::after { - background-color: var(--directorist-color-primary); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=number] { - appearance: none !important; - -webkit-appearance: none !important; - -moz-appearance: none !important; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=date] { - padding-right: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=time] { - padding-right: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-form-group__prefix--start { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__label { - top: 0; - font-size: 13px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__btn { - opacity: 1; - visibility: visible; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input { - position: relative; - bottom: -5px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-location-js { - padding-right: 45px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-form.select2-selection__rendered, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-dark); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-dark); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused.atbdp-form-fade:after, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-filter-location-icon { - margin-top: 0; -} -.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range { - position: relative; -} -.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range .directorist-search-field__label { - font-size: 16px; - font-weight: 500; - position: unset; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-select .directorist-search-field__label { - opacity: 0; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - right: 25px; - bottom: 12px; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after { - background-color: #808080; -} -.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask:after { - width: 12px; - height: 12px; - background-color: #808080; + position: absolute; + bottom: 12px; + cursor: pointer; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear { + opacity: 0; + visibility: hidden; + right: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear + i::after { + width: 16px; + height: 16px; + background-color: #bcbcbc; + transition: background-color 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear:hover + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="number"] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="date"] { + padding-right: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="time"] { + padding-right: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: 0; + font-size: 13px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__btn { + opacity: 1; + visibility: visible; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input { + position: relative; + bottom: -5px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select + .directorist-search-field__label { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-right: 45px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-form.select2-selection__rendered, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused.atbdp-form-fade:after, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field.directorist-search-field-text_range { + position: relative; +} +.directorist-search-modal__contents__body + .directorist-search-field.directorist-search-field-text_range + .directorist-search-field__label { + font-size: 16px; + font-weight: 500; + position: unset; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-select + .directorist-search-field__label { + opacity: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + right: 25px; + bottom: 12px; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-filter-location-icon + .directorist-icon-mask:after { + background-color: #808080; +} +.directorist-search-modal__contents__body + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-icon-mask { + display: flex; + flex: 1; + justify-content: flex-end; +} +.directorist-search-modal__contents__body + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-icon-mask:after { + width: 12px; + height: 12px; + background-color: #808080; } .directorist-search-modal__contents__body .directorist-search-form-dropdown { - border-bottom: 1px solid var(--directorist-color-border); + border-bottom: 1px solid var(--directorist-color-border); } .directorist-search-modal__contents__body .wp-picker-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap { - margin: 0 !important; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label { - width: 70px; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label input { - padding-right: 10px !important; - bottom: 0; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap .wp-picker-clear { - margin: 0; - width: 100px; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-holder { - top: 45px; + display: flex; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap { + margin: 0 !important; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + label { + width: 70px; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + label + input { + padding-right: 10px !important; + bottom: 0; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-holder { + top: 45px; } .directorist-search-modal__contents__footer { - position: fixed; - bottom: 0; - left: 0; - right: 0; - border-radius: 0 0 16px 16px; - background-color: var(--directorist-color-light); - z-index: 9; + position: fixed; + bottom: 0; + left: 0; + right: 0; + border-radius: 0 0 16px 16px; + background-color: var(--directorist-color-light); + z-index: 9; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__footer { - border-radius: 0; - } - .directorist-search-modal__contents__footer .directorist-advanced-filter__action { - padding: 15px 30px; - } -} -.directorist-search-modal__contents__footer .directorist-advanced-filter__action .directorist-btn { - font-size: 15px; + .directorist-search-modal__contents__footer { + border-radius: 0; + } + .directorist-search-modal__contents__footer + .directorist-advanced-filter__action { + padding: 15px 30px; + } +} +.directorist-search-modal__contents__footer + .directorist-advanced-filter__action + .directorist-btn { + font-size: 15px; } .directorist-search-modal__contents__footer .directorist-btn-reset-js { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; - padding: 0; - text-transform: none; - border: none; - background: transparent; - cursor: pointer; + order: -1; + padding: 0; + text-transform: none; + border: none; + background: transparent; + cursor: pointer; } .directorist-search-modal__contents__footer .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + opacity: 0.5; + cursor: not-allowed; } .directorist-search-modal__contents__title { - font-size: 20px; - font-weight: 500; - margin: 0; + font-size: 20px; + font-weight: 500; + margin: 0; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__title { - font-size: 18px; - } + .directorist-search-modal__contents__title { + font-size: 18px; + } } .directorist-search-modal__contents__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - padding: 0; - background-color: var(--directorist-color-light); - border-radius: 100%; - border: none; - cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + padding: 0; + background-color: var(--directorist-color-light); + border-radius: 100%; + border: none; + cursor: pointer; } .directorist-search-modal__contents__btn i::after { - width: 10px; - height: 10px; - -webkit-transition: background-color ease 0.3s; - transition: background-color ease 0.3s; - background-color: var(--directorist-color-dark); + width: 10px; + height: 10px; + transition: background-color ease 0.3s; + background-color: var(--directorist-color-dark); } .directorist-search-modal__contents__btn:hover i::after { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__btn { - width: auto; - height: auto; - background: transparent; - } - .directorist-search-modal__contents__btn i::after { - width: 12px; - height: 12px; - } -} -.directorist-search-modal .directorist-advanced-filter__form .directorist-search-modal__contents__body { - height: calc(100vh - 350px); + .directorist-search-modal__contents__btn { + width: auto; + height: auto; + background: transparent; + } + .directorist-search-modal__contents__btn i::after { + width: 12px; + height: 12px; + } +} +.directorist-search-modal + .directorist-advanced-filter__form + .directorist-search-modal__contents__body { + height: calc(100vh - 350px); } @media only screen and (max-width: 575px) { - .directorist-search-modal .directorist-advanced-filter__form .directorist-search-modal__contents__body { - height: calc(100vh - 200px); - } + .directorist-search-modal + .directorist-advanced-filter__form + .directorist-search-modal__contents__body { + height: calc(100vh - 200px); + } } .directorist-search-modal__minimizer { - content: ""; - position: absolute; - top: 10px; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - width: 50px; - height: 5px; - border-radius: 8px; - background-color: var(--directorist-color-border); - opacity: 0; - visibility: hidden; + content: ""; + position: absolute; + top: 10px; + left: 50%; + transform: translateX(-50%); + width: 50px; + height: 5px; + border-radius: 8px; + background-color: var(--directorist-color-border); + opacity: 0; + visibility: hidden; } @media only screen and (max-width: 575px) { - .directorist-search-modal__minimizer { - opacity: 1; - visibility: visible; - } + .directorist-search-modal__minimizer { + opacity: 1; + visibility: visible; + } } .directorist-search-modal--basic .directorist-search-modal__contents__body { - margin: 0; - padding: 30px; - height: calc(100vh - 260px); + margin: 0; + padding: 30px; + height: calc(100vh - 260px); } @media only screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__contents__body { - height: calc(100vh - 110px); - } + .directorist-search-modal--basic .directorist-search-modal__contents__body { + height: calc(100vh - 110px); + } } @media only screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__contents { - margin: 0; - border-radius: 16px 16px 0 0; - } + .directorist-search-modal--basic .directorist-search-modal__contents { + margin: 0; + border-radius: 16px 16px 0 0; + } } .directorist-search-modal--basic .directorist-search-query { - position: relative; + position: relative; } .directorist-search-modal--basic .directorist-search-query:after { - content: ""; - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - width: 16px; - height: 16px; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - background-color: var(--directorist-color-body); - -webkit-mask-image: url(../js/d900b2f795c7e6714e7b.svg); - mask-image: url(../js/d900b2f795c7e6714e7b.svg); -} -.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search { - border-radius: 8px; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search i::after { - background-color: currentColor; + content: ""; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + transition: all ease 0.3s; + width: 16px; + height: 16px; + mask-position: center; + mask-repeat: no-repeat; + background-color: var(--directorist-color-body); + mask-image: url(../js/../images/9ddfe727fdcddbb985d69ce2e9a06358.svg); +} +.directorist-search-modal--basic + .directorist-search-form-action__modal__btn-search { + border-radius: 8px; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-search-modal--basic + .directorist-search-form-action__modal__btn-search + i::after { + background-color: currentColor; } @media screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input { - min-height: 42px; - border-radius: 8px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field { - width: 100%; - margin: 0 20px; - padding-right: 15px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__label:before { - content: ""; - width: 14px; - height: 14px; - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/e6b033cae029287f53b3.svg); - mask-image: url(../js/e6b033cae029287f53b3.svg); - opacity: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__btn { - bottom: unset; - right: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-filter-location-icon { - margin-top: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input { - width: 100%; - padding-right: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select { - width: calc(100% + 20px); - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - right: 5px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value { - border-bottom: none; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value:focus-within { - outline: none; - border-bottom: 2px solid var(--directorist-color-primary); - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-text_range { - padding: 5px 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search { - width: auto; - padding-right: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap { - right: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) { - margin: 0 40px; - } + .directorist-search-modal--basic .directorist-search-modal__input { + min-height: 42px; + border-radius: 8px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field { + width: 100%; + margin: 0 20px; + padding-right: 15px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__label:before { + content: ""; + width: 14px; + height: 14px; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + background-color: var(--directorist-color-body); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + opacity: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__btn { + bottom: unset; + right: 20px; + top: 50%; + transform: translateY(-50%); + transition: all 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input { + width: 100%; + padding-right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select { + width: calc(100% + 20px); + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + right: 5px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-custom-range-slider__value { + border-bottom: none; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-custom-range-slider__value:focus-within { + outline: none; + border-bottom: 2px solid var(--directorist-color-primary); + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-text_range { + padding: 5px 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-radius_search { + width: auto; + padding-right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) { + margin: 0 40px; + } } @media screen and (max-width: 575px) and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select { - width: calc(100% + 20px); - } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select { + width: calc(100% + 20px); + } } @media screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label { - font-size: 0 !important; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - left: -25px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label:before { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input { - bottom: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-moz-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__btn { - right: -20px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select ~ .directorist-search-field__btn--clear, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - right: 5px !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input { - padding-right: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-location-js { - padding-right: 30px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel).atbdp-form-fade:after, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon { - margin-top: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__label { - opacity: 0; - font-size: 0 !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value { - padding-right: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select { - width: 100%; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - right: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear { - right: 20px !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-form-dropdown { - margin-right: 20px !important; - border-bottom: none; - } - .directorist-search-modal--basic .directorist-price-ranges:after { - top: 30px; - } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__label { + font-size: 0 !important; + top: 50%; + transform: translateY(-50%); + left: -25px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__label:before { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input { + bottom: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__btn { + right: -20px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + right: 5px !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input { + padding-right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-location-js { + padding-right: 30px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not( + .input-has-noLabel + ).atbdp-form-fade:after, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__label { + opacity: 0; + font-size: 0 !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value { + padding-right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select { + width: 100%; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear { + right: 20px !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-form-dropdown { + margin-right: 20px !important; + border-bottom: none; + } + .directorist-search-modal--basic .directorist-price-ranges:after { + top: 30px; + } } .directorist-search-modal--basic .open_now > label { - display: none; + display: none; } .directorist-search-modal--basic .open_now .check-btn, -.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges { - padding: 10px 0; -} -.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges__price-frequency__btn { - display: block; -} -.directorist-search-modal--basic .directorist-advanced-filter__advanced__element .directorist-search-field { - margin: 0; - padding: 10px 0; +.directorist-search-modal--basic + .directorist-search-modal__input + .directorist-price-ranges { + padding: 10px 0; +} +.directorist-search-modal--basic + .directorist-search-modal__input + .directorist-price-ranges__price-frequency__btn { + display: block; +} +.directorist-search-modal--basic + .directorist-advanced-filter__advanced__element + .directorist-search-field { + margin: 0; + padding: 10px 0; } .directorist-search-modal--basic .directorist-checkbox-wrapper, .directorist-search-modal--basic .directorist-radio-wrapper, .directorist-search-modal--basic .directorist-search-tags { - width: 100%; - margin: 10px 0; -} -.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-checkbox, -.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-radio, -.directorist-search-modal--basic .directorist-radio-wrapper .directorist-checkbox, + width: 100%; + margin: 10px 0; +} +.directorist-search-modal--basic + .directorist-checkbox-wrapper + .directorist-checkbox, +.directorist-search-modal--basic + .directorist-checkbox-wrapper + .directorist-radio, +.directorist-search-modal--basic + .directorist-radio-wrapper + .directorist-checkbox, .directorist-search-modal--basic .directorist-radio-wrapper .directorist-radio, .directorist-search-modal--basic .directorist-search-tags .directorist-checkbox, .directorist-search-modal--basic .directorist-search-tags .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } -.directorist-search-modal--basic .directorist-search-tags ~ .directorist-btn-ml { - margin-bottom: 10px; +.directorist-search-modal--basic + .directorist-search-tags + ~ .directorist-btn-ml { + margin-bottom: 10px; } -.directorist-search-modal--basic .directorist-select .select2-container.select2-container--default .select2-selection--single { - min-height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; +.directorist-search-modal--basic + .directorist-select + .select2-container.select2-container--default + .select2-selection--single { + min-height: 40px; + display: flex; } .directorist-search-modal--basic .directorist-search-field-pricing > label, .directorist-search-modal--basic .directorist-search-field__number > label, .directorist-search-modal--basic .directorist-search-field-text_range > label, .directorist-search-modal--basic .directorist-search-field-price_range > label, -.directorist-search-modal--basic .directorist-search-field-radius_search > label { - position: unset; - -webkit-transform: unset; - transform: unset; - display: block; - font-size: 14px; - margin-bottom: 15px; -} -.directorist-search-modal--advanced .directorist-search-modal__contents__body .directorist-search-field__btn { - bottom: 12px; +.directorist-search-modal--basic + .directorist-search-field-radius_search + > label { + position: unset; + transform: unset; + display: block; + font-size: 14px; + margin-bottom: 15px; +} +.directorist-search-modal--advanced + .directorist-search-modal__contents__body + .directorist-search-field__btn { + bottom: 12px; } .directorist-search-modal--full .directorist-search-field { - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + transition: margin 0.3s ease; } -.directorist-search-modal--full .directorist-search-field .directorist-search-field__label { - font-size: 14px; - font-weight: 400; +.directorist-search-modal--full + .directorist-search-field + .directorist-search-field__label { + font-size: 14px; + font-weight: 400; } .directorist-search-modal--full .directorist-search-field.input-is-focused { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-top: 40px; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__label { - top: -35px; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; - margin: 0; - z-index: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - width: 100%; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; + width: 100%; + display: inline-flex; + margin-top: 40px; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0; + z-index: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; } .directorist-search-modal--full .directorist-search-field-pricing > label, .directorist-search-modal--full .directorist-search-field-text_range > label, -.directorist-search-modal--full .directorist-search-field-radius_search > label { - display: block; - font-size: 16px; - font-weight: 500; - margin-bottom: 18px; +.directorist-search-modal--full + .directorist-search-field-radius_search + > label { + display: block; + font-size: 16px; + font-weight: 500; + margin-bottom: 18px; } .directorist-search-modal__input { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border: 1px solid var(--directorist-color-border); - border-radius: 8px; - min-height: 40px; - margin: 0 0 15px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + display: flex; + align-items: center; + border: 1px solid var(--directorist-color-border); + border-radius: 8px; + min-height: 40px; + margin: 0 0 15px; + transition: all ease 0.3s; } .directorist-search-modal__input .directorist-select { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + display: inline-flex; + flex-wrap: wrap; + flex: 1; } .directorist-search-modal__input .select2.select2-container .select2-selection, -.directorist-search-modal__input .directorist-form-group .directorist-form-element, -.directorist-search-modal__input .directorist-form-group .directorist-form-element:focus { - border: 0 none; +.directorist-search-modal__input + .directorist-form-group + .directorist-form-element, +.directorist-search-modal__input + .directorist-form-group + .directorist-form-element:focus { + border: 0 none; } .directorist-search-modal__input__btn { - width: 0; - padding: 0 10px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + width: 0; + padding: 0 10px; + transition: all ease 0.3s; } .directorist-search-modal__input__btn .directorist-icon-mask::after { - width: 14px; - height: 14px; - opacity: 0; - visibility: hidden; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-body); -} -.directorist-search-modal__input .input-is-focused.directorist-search-query::after { - display: none; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; + width: 14px; + height: 14px; + opacity: 0; + visibility: hidden; + transition: all ease 0.3s; + background-color: var(--directorist-color-body); +} +.directorist-search-modal__input + .input-is-focused.directorist-search-query::after { + display: none; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; } .directorist-search-modal .directorist-checkbox-wrapper, .directorist-search-modal .directorist-radio-wrapper, .directorist-search-modal .directorist-search-tags { - padding: 0; - gap: 12px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + gap: 12px; + flex-wrap: wrap; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-form-dropdown { - padding: 0 !important; - } - .directorist-search-modal .directorist-search-form-dropdown .directorist-search-field__btn { - right: 0; - } -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused { - margin-top: 0 !important; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - bottom: 0 !important; - padding-right: 25px; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label { - opacity: 1 !important; - visibility: visible; - margin: 0; - font-size: 14px !important; - font-weight: 500; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item { - font-weight: 600; - margin-left: 5px; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { - opacity: 1; - visibility: visible; + .directorist-search-modal .directorist-search-form-dropdown { + padding: 0 !important; + } + .directorist-search-modal + .directorist-search-form-dropdown + .directorist-search-field__btn { + right: 0; + } +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value, +.directorist-search-modal .directorist-search-form-dropdown.input-is-focused { + margin-top: 0 !important; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + bottom: 0 !important; + padding-right: 25px; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label { + opacity: 1 !important; + visibility: visible; + margin: 0; + font-size: 14px !important; + font-weight: 500; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item { + font-weight: 600; + margin-left: 5px; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + opacity: 1; + visibility: visible; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - padding-right: 0 !important; - } - .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { - right: 25px !important; - } + .directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, + .directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-right: 0 !important; + } + .directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, + .directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + right: 25px !important; + } } .directorist-search-modal .directorist-search-basic-dropdown { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - padding: 0; - width: 100%; - max-width: unset; - height: 40px; - line-height: 40px; - font-size: 14px; - font-weight: 500; - cursor: pointer; - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; - color: var(--directorist-color-dark); -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-prefix:not(:empty) { - -webkit-margin-end: 5px; - margin-inline-end: 5px; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-count:not(:empty) { - width: 20px; - height: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - font-size: 10px; - border-radius: 100%; - -webkit-margin-start: 10px; - margin-inline-start: 10px; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i:after { - width: 12px; - height: 12px; - background-color: #808080; + position: relative; + box-sizing: border-box; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + position: relative; + padding: 0; + width: 100%; + max-width: unset; + height: 40px; + line-height: 40px; + font-size: 14px; + font-weight: 500; + cursor: pointer; + position: unset !important; + transform: unset !important; + color: var(--directorist-color-dark); +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-prefix:not(:empty) { + margin-inline-end: 5px; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-count:not(:empty) { + width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + font-size: 10px; + border-radius: 100%; + margin-inline-start: 10px; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: flex; + flex: 1; + justify-content: flex-end; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i:after { + width: 12px; + height: 12px; + background-color: #808080; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before { - left: -20px !important; - } -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content { - position: absolute; - top: 100%; - left: 0; - width: 100%; - min-width: 150px; - padding: 15px 20px; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - max-height: 250px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - overflow-y: auto; - z-index: 100; - display: none; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content.dropdown-content-show { - display: block; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-search-tags { - gap: 12px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox__label { - width: 100%; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-radio-wrapper, -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox-wrapper { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-dark); + .directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label:before { + left: -20px !important; + } +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content { + position: absolute; + top: 100%; + left: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + max-height: 250px; + box-sizing: border-box; + overflow-y: auto; + z-index: 100; + display: none; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content.dropdown-content-show { + display: block; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-search-tags { + gap: 12px; + flex-direction: column; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox__label { + width: 100%; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-radio-wrapper, +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox-wrapper { + flex-direction: column; +} +.directorist-search-modal + .select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); } .directorist-content-active.directorist-overlay-active { - overflow: hidden; + overflow: hidden; } -.directorist-content-active .directorist-search-modal__input .select2.select2-container .select2-selection { - border: 0 none !important; +.directorist-content-active + .directorist-search-modal__input + .select2.select2-container + .select2-selection { + border: 0 none !important; } /* Responsive CSS */ /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) and (max-width: 1199.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) and (max-width: 767.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 30px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 30px); + } } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { - -webkit-transition: background-color 5000s ease-in-out 0s !important; - transition: background-color 5000s ease-in-out 0s !important; + transition: background-color 5000s ease-in-out 0s !important; } .directorist-content-active .directorist-card { - border: none; - padding: 0; - border-radius: 12px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + border: none; + padding: 0; + border-radius: 12px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-content-active .directorist-card__header { - padding: 20px 25px; - border-bottom: 1px solid var(--directorist-color-border); - border-radius: 16px 16px 0 0; + padding: 20px 25px; + border-bottom: 1px solid var(--directorist-color-border); + border-radius: 16px 16px 0 0; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-card__header { - padding: 15px 20px; - } + .directorist-content-active .directorist-card__header { + padding: 15px 20px; + } } .directorist-content-active .directorist-card__header__title { - font-size: 18px; - font-weight: 500; - line-height: 1.2; - color: var(--directorist-color-dark); - letter-spacing: normal; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0; - margin: 0; + font-size: 18px; + font-weight: 500; + line-height: 1.2; + color: var(--directorist-color-dark); + letter-spacing: normal; + display: flex; + align-items: center; + padding: 0; + margin: 0; } .directorist-content-active .directorist-card__body { - padding: 25px; - border-radius: 0 0 16px 16px; + padding: 25px; + border-radius: 0 0 16px 16px; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-card__body { - padding: 20px; - } + .directorist-content-active .directorist-card__body { + padding: 20px; + } } .directorist-content-active .directorist-card__body .directorist-review-single, -.directorist-content-active .directorist-card__body .directorist-widget-tags ul { - padding: 0; +.directorist-content-active + .directorist-card__body + .directorist-widget-tags + ul { + padding: 0; } .directorist-content-active .directorist-card__body p { - font-size: 15px; - margin-top: 0; + font-size: 15px; + margin-top: 0; } .directorist-content-active .directorist-card__body p:last-child { - margin-bottom: 0; + margin-bottom: 0; } .directorist-content-active .directorist-card__body p:empty { - display: none; + display: none; } .directorist-color-picker-wrap .wp-color-result { - text-decoration: none; - margin: 0 6px 0 0 !important; + text-decoration: none; + margin: 0 6px 0 0 !important; } .directorist-color-picker-wrap .wp-color-result:hover { - background-color: #F9F9F9; + background-color: #f9f9f9; } .directorist-color-picker-wrap .wp-picker-input-wrap label input { - width: auto !important; + width: auto !important; } -.directorist-color-picker-wrap .wp-picker-input-wrap label input.directorist-color-picker { - width: 100% !important; +.directorist-color-picker-wrap + .wp-picker-input-wrap + label + input.directorist-color-picker { + width: 100% !important; } .directorist-color-picker-wrap .wp-picker-clear { - padding: 0 15px; - margin-top: 3px; - font-size: 14px; - font-weight: 500; - line-height: 2.4; + padding: 0 15px; + margin-top: 3px; + font-size: 14px; + font-weight: 500; + line-height: 2.4; } .directorist-form-group { - position: relative; - width: 100%; + position: relative; + width: 100%; } .directorist-form-group textarea, .directorist-form-group textarea.directorist-form-element { - min-height: unset; - height: auto !important; - max-width: 100%; - width: 100%; + min-height: unset; + height: auto !important; + max-width: 100%; + width: 100%; } .directorist-form-group__with-prefix { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-bottom: 1px solid #d9d9d9; - width: 100%; - gap: 10px; + display: flex; + align-items: center; + border-bottom: 1px solid #d9d9d9; + width: 100%; + gap: 10px; } .directorist-form-group__with-prefix:focus-within { - border-bottom: 2px solid var(--directorist-color-dark); + border-bottom: 2px solid var(--directorist-color-dark); } .directorist-form-group__with-prefix .directorist-form-element { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0 !important; - border: none !important; + flex: 1; + margin: 0 !important; + border: none !important; } .directorist-form-group__with-prefix .directorist-single-info__value { - font-size: 14px; - font-weight: 500; - margin: 0 !important; + font-size: 14px; + font-weight: 500; + margin: 0 !important; } .directorist-form-group__prefix { - height: 40px; - line-height: 40px; - font-size: 14px; - font-weight: 500; - color: #828282; + height: 40px; + line-height: 40px; + font-size: 14px; + font-weight: 500; + color: #828282; } .directorist-form-group__prefix--start { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; + order: -1; } .directorist-form-group__prefix--end { - -webkit-box-ordinal-group: 3; - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; + order: 2; } -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input { - padding-right: 0 !important; +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-form-group__with-prefix + .directorist-search-field__input { + padding-right: 0 !important; } .directorist-form-group label { - margin: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + margin: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-form-group .directorist-form-element { - position: relative; - padding: 0; - width: 100%; - max-width: unset; - min-height: unset; - height: 40px; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); - border: none; - border-radius: 0; - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-bottom: 1px solid var(--directorist-color-border-gray); + position: relative; + padding: 0; + width: 100%; + max-width: unset; + min-height: unset; + height: 40px; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); + border: none; + border-radius: 0; + background: transparent; + box-sizing: border-box; + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-form-group .directorist-form-element:focus { - outline: none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; - border: none; - border-bottom: 2px solid var(--directorist-color-primary); + outline: none; + box-shadow: 0 0; + border: none; + border-bottom: 2px solid var(--directorist-color-primary); } .directorist-form-group .directorist-form-description { - font-size: 14px; - margin-top: 10px; - color: var(--directorist-color-deep-gray); + font-size: 14px; + margin-top: 10px; + color: var(--directorist-color-deep-gray); } .directorist-form-element.directorist-form-element-lg { - height: 50px; + height: 50px; } .directorist-form-element.directorist-form-element-lg__prefix { - height: 50px; - line-height: 50px; + height: 50px; + line-height: 50px; } .directorist-form-element.directorist-form-element-sm { - height: 30px; + height: 30px; } .directorist-form-element.directorist-form-element-sm__prefix { - height: 30px; - line-height: 30px; + height: 30px; + line-height: 30px; } .directorist-form-group.directorist-icon-left .directorist-input-icon { - left: 0; + left: 0; } .directorist-form-group.directorist-icon-left .location-name { - padding-left: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding-left: 25px; + box-sizing: border-box; } .directorist-form-group.directorist-icon-right .directorist-input-icon { - right: 0; + right: 0; } .directorist-form-group.directorist-icon-right .location-name { - padding-right: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding-right: 25px; + box-sizing: border-box; } .directorist-form-group .directorist-input-icon { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - line-height: 1.45; - z-index: 99; - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + position: absolute; + top: 50%; + transform: translateY(-50%); + line-height: 1.45; + z-index: 99; + transition: margin 0.3s ease; } .directorist-form-group .directorist-input-icon i, .directorist-form-group .directorist-input-icon span, .directorist-form-group .directorist-input-icon svg { - font-size: 14px; + font-size: 14px; } .directorist-form-group .directorist-input-icon .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-body); + width: 16px; + height: 16px; + background-color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-form-group .directorist-input-icon { - margin-top: 0; - } + .directorist-form-group .directorist-input-icon { + margin-top: 0; + } } .directorist-label { - margin-bottom: 0; + margin-bottom: 0; } input.directorist-toggle-input { - display: none; + display: none; } .directorist-toggle-input-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex; + align-items: center; + justify-content: space-between; } span.directorist-toggle-input-label-text { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding-right: 10px; + flex-grow: 1; + padding-right: 10px; } span.directorist-toggle-input-label-icon { - position: relative; - display: inline-block; - width: 50px; - height: 25px; - border-radius: 30px; - background-color: #d9d9d9; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + position: relative; + display: inline-block; + width: 50px; + height: 25px; + border-radius: 30px; + background-color: #d9d9d9; + transition: all ease-in-out 300ms; } span.directorist-toggle-input-label-icon::after { - content: ""; - position: absolute; - display: inline-block; - width: 15px; - height: 15px; - border-radius: 50%; - background-color: var(--directorist-color-white); - top: 50%; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + content: ""; + position: absolute; + display: inline-block; + width: 15px; + height: 15px; + border-radius: 50%; + background-color: var(--directorist-color-white); + top: 50%; + transform: translate(0, -50%); + transition: all ease-in-out 300ms; } -input.directorist-toggle-input:checked + .directorist-toggle-input-label span.directorist-toggle-input-label-icon { - background-color: #4353ff; +input.directorist-toggle-input:checked + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon { + background-color: #4353ff; } -input.directorist-toggle-input:not(:checked) + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after { - left: 5px; +input.directorist-toggle-input:not(:checked) + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon::after { + left: 5px; } -input.directorist-toggle-input:checked + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after { - left: calc(100% - 20px); +input.directorist-toggle-input:checked + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon::after { + left: calc(100% - 20px); } .directorist-tab-navigation { - padding: 0; - margin: 0 -10px 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + padding: 0; + margin: 0 -10px 20px; + display: flex; + justify-content: center; + align-items: center; } .directorist-tab-navigation-list-item { - position: relative; - list-style: none; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - margin: 10px; - padding: 15px 20px; - border-radius: 4px; - -webkit-flex-basis: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - background-color: var(--directorist-color-bg-light); + position: relative; + list-style: none; + flex-grow: 1; + text-align: center; + margin: 10px; + padding: 15px 20px; + border-radius: 4px; + flex-basis: 50%; + background-color: var(--directorist-color-bg-light); } .directorist-tab-navigation-list-item.--is-active { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-tab-navigation-list-item.--is-active::after { - content: ""; - position: absolute; - left: 50%; - bottom: -10px; - width: 0; - height: 0; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 10px solid var(--directorist-color-primary); - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); -} -.directorist-tab-navigation-list-item .directorist-tab-navigation-list-item-link { - margin: -15px -20px; + content: ""; + position: absolute; + left: 50%; + bottom: -10px; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid var(--directorist-color-primary); + transform: translate(-50%, 0); +} +.directorist-tab-navigation-list-item + .directorist-tab-navigation-list-item-link { + margin: -15px -20px; } .directorist-tab-navigation-list-item-link { - position: relative; - display: block; - text-decoration: none; - padding: 15px 20px; - border-radius: 4px; - color: var(--directorist-color-body); - background-color: var(--directorist-color-bg-light); -} -.directorist-tab-navigation-list-item-link:active, .directorist-tab-navigation-list-item-link:visited, .directorist-tab-navigation-list-item-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); + position: relative; + display: block; + text-decoration: none; + padding: 15px 20px; + border-radius: 4px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-bg-light); +} +.directorist-tab-navigation-list-item-link:active, +.directorist-tab-navigation-list-item-link:visited, +.directorist-tab-navigation-list-item-link:focus { + outline: none; + box-shadow: none; + color: var(--directorist-color-body); } .directorist-tab-navigation-list-item-link.--is-active { - cursor: default; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); + cursor: default; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-tab-navigation-list-item-link.--is-active::after { - content: ""; - position: absolute; - left: 50%; - bottom: -10px; - width: 0; - height: 0; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 10px solid var(--directorist-color-primary); - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); + content: ""; + position: absolute; + left: 50%; + bottom: -10px; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid var(--directorist-color-primary); + transform: translate(-50%, 0); } .directorist-tab-content { - display: none; + display: none; } .directorist-tab-content.--is-active { - display: block; + display: block; } .directorist-headline-4 { - margin: 0 0 15px 0; - font-size: 15px; - font-weight: normal; + margin: 0 0 15px 0; + font-size: 15px; + font-weight: normal; } .directorist-label-addon-prepend { - margin-right: 10px; + margin-right: 10px; } .--is-hidden { - display: none; + display: none; } .directorist-flex-center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } .directorist-checkbox, .directorist-radio { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-checkbox input[type=checkbox], -.directorist-checkbox input[type=radio], -.directorist-radio input[type=checkbox], -.directorist-radio input[type=radio] { - display: none !important; -} -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label, .directorist-checkbox input[type=checkbox] + .directorist-radio__label, -.directorist-checkbox input[type=radio] + .directorist-checkbox__label, -.directorist-checkbox input[type=radio] + .directorist-radio__label, -.directorist-radio input[type=checkbox] + .directorist-checkbox__label, -.directorist-radio input[type=checkbox] + .directorist-radio__label, -.directorist-radio input[type=radio] + .directorist-checkbox__label, -.directorist-radio input[type=radio] + .directorist-radio__label { - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - display: inline-block; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - padding-left: 30px; - margin-bottom: 0; - margin-left: 0; - line-height: 1.4; - color: var(--directorist-color-body); - -webkit-box-sizing: content-box; - box-sizing: content-box; -} -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, -.directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, -.directorist-checkbox input[type=radio] + .directorist-radio__label:after, -.directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, -.directorist-radio input[type=checkbox] + .directorist-radio__label:after, -.directorist-radio input[type=radio] + .directorist-checkbox__label:after, -.directorist-radio input[type=radio] + .directorist-radio__label:after { - content: ""; - position: absolute; - left: 0; - top: 0; - width: 20px; - height: 20px; - border-radius: 5px; - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 2px solid var(--directorist-color-gray); - background-color: transparent; + display: flex; + align-items: center; +} +.directorist-checkbox input[type="checkbox"], +.directorist-checkbox input[type="radio"], +.directorist-radio input[type="checkbox"], +.directorist-radio input[type="radio"] { + display: none !important; +} +.directorist-checkbox input[type="checkbox"] + .directorist-checkbox__label, +.directorist-checkbox input[type="checkbox"] + .directorist-radio__label, +.directorist-checkbox input[type="radio"] + .directorist-checkbox__label, +.directorist-checkbox input[type="radio"] + .directorist-radio__label, +.directorist-radio input[type="checkbox"] + .directorist-checkbox__label, +.directorist-radio input[type="checkbox"] + .directorist-radio__label, +.directorist-radio input[type="radio"] + .directorist-checkbox__label, +.directorist-radio input[type="radio"] + .directorist-radio__label { + font-size: 14px; + display: flex; + flex-flow: column; + position: relative; + display: inline-block; + user-select: none; + padding-left: 30px; + margin-bottom: 0; + margin-left: 0; + line-height: 1.4; + color: var(--directorist-color-body); + box-sizing: content-box; +} +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-checkbox input[type="checkbox"] + .directorist-radio__label:after, +.directorist-checkbox input[type="radio"] + .directorist-checkbox__label:after, +.directorist-checkbox input[type="radio"] + .directorist-radio__label:after, +.directorist-radio input[type="checkbox"] + .directorist-checkbox__label:after, +.directorist-radio input[type="checkbox"] + .directorist-radio__label:after, +.directorist-radio input[type="radio"] + .directorist-checkbox__label:after, +.directorist-radio input[type="radio"] + .directorist-radio__label:after { + content: ""; + position: absolute; + left: 0; + top: 0; + width: 20px; + height: 20px; + border-radius: 5px; + background: transparent; + box-sizing: border-box; + border: 2px solid var(--directorist-color-gray); + background-color: transparent; } @media only screen and (max-width: 575px) { - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label, .directorist-checkbox input[type=checkbox] + .directorist-radio__label, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label, - .directorist-checkbox input[type=radio] + .directorist-radio__label, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label, - .directorist-radio input[type=checkbox] + .directorist-radio__label, - .directorist-radio input[type=radio] + .directorist-checkbox__label, - .directorist-radio input[type=radio] + .directorist-radio__label { - line-height: 1.2; - padding-left: 25px; - } - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, - .directorist-checkbox input[type=radio] + .directorist-radio__label:after, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, - .directorist-radio input[type=checkbox] + .directorist-radio__label:after, - .directorist-radio input[type=radio] + .directorist-checkbox__label:after, - .directorist-radio input[type=radio] + .directorist-radio__label:after { - top: 1px; - width: 16px; - height: 16px; - } - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-checkbox input[type=radio] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-radio input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-radio input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-radio input[type=radio] + .directorist-radio__label .directorist-icon-mask:after { - width: 12px; - height: 12px; - } -} -.directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox input[type=radio]:checked + .directorist-radio__label:after, -.directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:after, -.directorist-radio input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-radio input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:before, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:before, -.directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:before, -.directorist-checkbox input[type=radio]:checked + .directorist-radio__label:before, -.directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:before, -.directorist-radio input[type=checkbox]:checked + .directorist-radio__label:before, -.directorist-radio input[type=radio]:checked + .directorist-checkbox__label:before, -.directorist-radio input[type=radio]:checked + .directorist-radio__label:before { - opacity: 1; - visibility: visible; -} - -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before { - position: absolute; - left: 5px; - top: 5px; - content: ""; - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: var(--directorist-color-white); - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; + .directorist-checkbox input[type="checkbox"] + .directorist-checkbox__label, + .directorist-checkbox input[type="checkbox"] + .directorist-radio__label, + .directorist-checkbox input[type="radio"] + .directorist-checkbox__label, + .directorist-checkbox input[type="radio"] + .directorist-radio__label, + .directorist-radio input[type="checkbox"] + .directorist-checkbox__label, + .directorist-radio input[type="checkbox"] + .directorist-radio__label, + .directorist-radio input[type="radio"] + .directorist-checkbox__label, + .directorist-radio input[type="radio"] + .directorist-radio__label { + line-height: 1.2; + padding-left: 25px; + } + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label:after, + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label:after, + .directorist-checkbox input[type="radio"] + .directorist-radio__label:after, + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label:after, + .directorist-radio input[type="checkbox"] + .directorist-radio__label:after, + .directorist-radio input[type="radio"] + .directorist-checkbox__label:after, + .directorist-radio input[type="radio"] + .directorist-radio__label:after { + top: 1px; + width: 16px; + height: 16px; + } + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="radio"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-radio + input[type="checkbox"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-radio + input[type="radio"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-radio + input[type="radio"] + + .directorist-radio__label + .directorist-icon-mask:after { + width: 12px; + height: 12px; + } +} +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:after, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:before, +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:before, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:before, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:before, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:before, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:before, +.directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:before, +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:before { + opacity: 1; + visibility: visible; +} + +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + position: absolute; + left: 5px; + top: 5px; + content: ""; + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); + display: block; + opacity: 0; + transition: all 0.3s ease 0s; + z-index: 2; } @media only screen and (max-width: 575px) { - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before { - top: 4px; - left: 3px; - } -} - -.directorist-radio input[type=radio] + .directorist-radio__label:before { - position: absolute; - left: 5px; - top: 5px; - width: 8px; - height: 8px; - border-radius: 50%; - background-color: var(--directorist-color-white); - border: 0 none; - opacity: 0; - visibility: hidden; - z-index: 2; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - content: ""; + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + top: 4px; + left: 3px; + } +} + +.directorist-radio input[type="radio"] + .directorist-radio__label:before { + position: absolute; + left: 5px; + top: 5px; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: var(--directorist-color-white); + border: 0 none; + opacity: 0; + visibility: hidden; + z-index: 2; + transition: all 0.3s ease 0s; + content: ""; } @media only screen and (max-width: 575px) { - .directorist-radio input[type=radio] + .directorist-radio__label:before { - left: 3px; - top: 4px; - } -} -.directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); -} -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:before { - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: var(--directorist-color-white); -} - -.directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-radio__label:after, -.directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-checkbox__label:after, -.directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-radio__label:after, -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-checkbox__label:after, -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:after { - border-radius: 50%; -} - -.directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-secondary); - border-color: var(--directorist-color-secondary); -} -.directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); -} -.directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} - -.directorist-radio.directorist-radio-primary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: var(--directorist-color-primary) !important; -} -.directorist-radio.directorist-radio-primary input[type=radio]:checked + .directorist-radio__label:before { - background-color: var(--directorist-color-primary) !important; -} -.directorist-radio.directorist-radio-secondary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: var(--directorist-color-secondary) !important; -} -.directorist-radio.directorist-radio-secondary input[type=radio]:checked + .directorist-radio__label:before { - background-color: var(--directorist-color-secondary) !important; -} -.directorist-radio.directorist-radio-blue input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: #3e62f5 !important; -} -.directorist-radio.directorist-radio-blue input[type=radio]:checked + .directorist-radio__label:before { - background-color: #3e62f5 !important; + .directorist-radio input[type="radio"] + .directorist-radio__label:before { + left: 3px; + top: 4px; + } +} +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); +} +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:before { + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); +} + +.directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-radio__label:after, +.directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-radio__label:after, +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-checkbox__label:after, +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:after { + border-radius: 50%; +} + +.directorist-checkbox.directorist-checkbox-primary + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox.directorist-checkbox-secondary + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-secondary); + border-color: var(--directorist-color-secondary); +} +.directorist-checkbox.directorist-checkbox-success + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); +} +.directorist-checkbox.directorist-checkbox-blue + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} + +.directorist-radio.directorist-radio-primary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: var(--directorist-color-primary) !important; +} +.directorist-radio.directorist-radio-primary + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: var(--directorist-color-primary) !important; +} +.directorist-radio.directorist-radio-secondary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: var(--directorist-color-secondary) !important; +} +.directorist-radio.directorist-radio-secondary + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: var(--directorist-color-secondary) !important; +} +.directorist-radio.directorist-radio-blue + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: #3e62f5 !important; +} +.directorist-radio.directorist-radio-blue + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: #3e62f5 !important; } .directorist-checkbox-rating { - gap: 20px; - width: 100%; - padding: 10px 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.directorist-checkbox-rating input[type=checkbox] + .directorist-checkbox__label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + gap: 20px; + width: 100%; + padding: 10px 0; + flex-wrap: wrap; + flex-direction: column; + align-items: flex-start; +} +.directorist-checkbox-rating + input[type="checkbox"] + + .directorist-checkbox__label { + display: flex; + flex-direction: row; } .directorist-checkbox-rating .directorist-icon-mask:after { - width: 14px; - height: 14px; - margin-top: 1px; -} - -.directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:before { - width: 10px; - height: 10px; - top: 5px; - left: 5px; - background-color: var(--directorist-color-white) !important; -} -.directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:after { - width: 20px; - height: 20px; - border-color: #C6D0DC; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-radio.directorist-radio-theme-admin input[type=radio]:checked + .directorist-radio__label:after { - background-color: #3e62f5; - border-color: #3e62f5; + width: 14px; + height: 14px; + margin-top: 1px; +} + +.directorist-radio.directorist-radio-theme-admin + input[type="radio"] + + .directorist-radio__label:before { + width: 10px; + height: 10px; + top: 5px; + left: 5px; + background-color: var(--directorist-color-white) !important; +} +.directorist-radio.directorist-radio-theme-admin + input[type="radio"] + + .directorist-radio__label:after { + width: 20px; + height: 20px; + border-color: #c6d0dc; + box-sizing: border-box; +} +.directorist-radio.directorist-radio-theme-admin + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: #3e62f5; + border-color: #3e62f5; } .directorist-radio.directorist-radio-theme-admin .directorist-radio__label { - padding-left: 35px !important; -} - -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox] + .directorist-checkbox__label:before { - width: 8px; - height: 8px; - top: 6px !important; - left: 6px !important; - border-radius: 50%; - background-color: var(--directorist-color-white) !important; - content: ""; -} -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox] + .directorist-checkbox__label:after { - width: 20px; - height: 20px; - border-color: #C6D0DC; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox]:checked + .directorist-checkbox__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox.directorist-checkbox-theme-admin .directorist-checkbox__label { - padding-left: 35px !important; + padding-left: 35px !important; +} + +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"] + + .directorist-checkbox__label:before { + width: 8px; + height: 8px; + top: 6px !important; + left: 6px !important; + border-radius: 50%; + background-color: var(--directorist-color-white) !important; + content: ""; +} +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"] + + .directorist-checkbox__label:after { + width: 20px; + height: 20px; + border-color: #c6d0dc; + box-sizing: border-box; +} +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"]:checked + + .directorist-checkbox__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox.directorist-checkbox-theme-admin + .directorist-checkbox__label { + padding-left: 35px !important; } .directorist-content-active { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } .directorist-content-active .directorist-author-profile { - padding: 0; + padding: 0; } .directorist-content-active .directorist-author-profile__wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 15px; - padding: 25px 30px; - margin: 0 0 40px; + display: flex; + align-items: center; + justify-content: space-between; + gap: 15px; + padding: 25px 30px; + margin: 0 0 40px; } .directorist-content-active .directorist-author-profile__wrap__body { - padding: 0; + padding: 0; } @media only screen and (max-width: 991px) { - .directorist-content-active .directorist-author-profile__wrap { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-content-active .directorist-author-profile__wrap { + flex-direction: column; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__wrap { - gap: 8px; - } + .directorist-content-active .directorist-author-profile__wrap { + gap: 8px; + } } .directorist-content-active .directorist-author-profile__avatar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 20px; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__avatar { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - text-align: center; - gap: 15px; - } + .directorist-content-active .directorist-author-profile__avatar { + flex-direction: column; + text-align: center; + gap: 15px; + } } .directorist-content-active .directorist-author-profile__avatar img { - max-width: 100px !important; - max-height: 100px; - border-radius: 50%; - background-color: var(--directorist-color-bg-gray); + max-width: 100px !important; + max-height: 100px; + border-radius: 50%; + background-color: var(--directorist-color-bg-gray); } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__avatar img { - max-width: 75px !important; - max-height: 75px !important; - } + .directorist-content-active .directorist-author-profile__avatar img { + max-width: 75px !important; + max-height: 75px !important; + } } -.directorist-content-active .directorist-author-profile__avatar__info .directorist-author-profile__avatar__info__name { - margin: 0 0 5px; +.directorist-content-active + .directorist-author-profile__avatar__info + .directorist-author-profile__avatar__info__name { + margin: 0 0 5px; } .directorist-content-active .directorist-author-profile__avatar__info__name { - font-size: 20px; - font-weight: 500; - color: var(--directorist-color-dark); - margin: 0 0 5px; + font-size: 20px; + font-weight: 500; + color: var(--directorist-color-dark); + margin: 0 0 5px; } @media only screen and (max-width: 991px) { - .directorist-content-active .directorist-author-profile__avatar__info__name { - margin: 0; - } + .directorist-content-active + .directorist-author-profile__avatar__info__name { + margin: 0; + } } .directorist-content-active .directorist-author-profile__avatar__info p { - margin: 0; - font-size: 14px; - color: var(--directorist-color-body); + margin: 0; + font-size: 14px; + color: var(--directorist-color-body); } .directorist-content-active .directorist-author-profile__meta-list { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; - list-style-type: none; + margin: 0; + padding: 0; + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 15px; + list-style-type: none; } @media only screen and (max-width: 991px) { - .directorist-content-active .directorist-author-profile__meta-list { - gap: 5px 20px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-content-active .directorist-author-profile__meta-list { + gap: 5px 20px; + justify-content: center; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__meta-list { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - } + .directorist-content-active .directorist-author-profile__meta-list { + flex-direction: row-reverse; + } } .directorist-content-active .directorist-author-profile__meta-list__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; - padding: 18px; - margin: 0; - padding-right: 75px; - border-radius: 10px; - background-color: var(--directorist-color-bg-gray); + display: flex; + align-items: center; + gap: 15px; + padding: 18px; + margin: 0; + padding-right: 75px; + border-radius: 10px; + background-color: var(--directorist-color-bg-gray); } .directorist-content-active .directorist-author-profile__meta-list__item i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 44px; - height: 44px; - background-color: var(--directorist-color-primary); - border-radius: 10px; -} -.directorist-content-active .directorist-author-profile__meta-list__item i:after { - width: 18px; - height: 18px; - background-color: var(--directorist-color-white); + display: flex; + align-items: center; + justify-content: center; + width: 44px; + height: 44px; + background-color: var(--directorist-color-primary); + border-radius: 10px; +} +.directorist-content-active + .directorist-author-profile__meta-list__item + i:after { + width: 18px; + height: 18px; + background-color: var(--directorist-color-white); } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__meta-list__item i { - width: auto; - height: auto; - background-color: transparent; - } - .directorist-content-active .directorist-author-profile__meta-list__item i:after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-warning); - } + .directorist-content-active .directorist-author-profile__meta-list__item i { + width: auto; + height: auto; + background-color: transparent; + } + .directorist-content-active + .directorist-author-profile__meta-list__item + i:after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-warning); + } } .directorist-content-active .directorist-author-profile__meta-list__item span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-content-active .directorist-author-profile__meta-list__item span span { - font-size: 18px; - font-weight: 500; - line-height: 1.1; - color: var(--directorist-color-primary); + display: flex; + flex-direction: column; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-author-profile__meta-list__item + span + span { + font-size: 18px; + font-weight: 500; + line-height: 1.1; + color: var(--directorist-color-primary); } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__meta-list__item span { - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: unset; - -webkit-box-direction: unset; - -webkit-flex-direction: unset; - -ms-flex-direction: unset; - flex-direction: unset; - } - .directorist-content-active .directorist-author-profile__meta-list__item span span { - font-size: 15px; - line-height: 1; - } + .directorist-content-active + .directorist-author-profile__meta-list__item + span { + gap: 6px; + align-items: center; + flex-direction: unset; + } + .directorist-content-active + .directorist-author-profile__meta-list__item + span + span { + font-size: 15px; + line-height: 1; + } } @media only screen and (max-width: 767px) { - .directorist-content-active .directorist-author-profile__meta-list__item { - padding-right: 50px; - } + .directorist-content-active .directorist-author-profile__meta-list__item { + padding-right: 50px; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__meta-list__item { - padding: 0; - gap: 5px; - background: transparent; - border-radius: 0; - } - .directorist-content-active .directorist-author-profile__meta-list__item:not(:first-child) i { - display: none; - } + .directorist-content-active .directorist-author-profile__meta-list__item { + padding: 0; + gap: 5px; + background: transparent; + border-radius: 0; + } + .directorist-content-active + .directorist-author-profile__meta-list__item:not(:first-child) + i { + display: none; + } } .directorist-content-active .directorist-author-profile-content { - -webkit-box-sizing: border-box; - box-sizing: border-box; - max-width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active .directorist-author-profile-content .directorist-card__header__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - margin: 0; -} -.directorist-content-active .directorist-author-profile-content .directorist-card__header__title i { - width: 34px; - height: 34px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - border-radius: 100%; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-light); -} -.directorist-content-active .directorist-author-profile-content .directorist-card__header__title i:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-body); + box-sizing: border-box; + max-width: 100%; + display: flex; +} +.directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title { + display: flex; + gap: 12px; + margin: 0; +} +.directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title + i { + width: 34px; + height: 34px; + display: flex; + border-radius: 100%; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-light); +} +.directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title + i:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-body); } @media screen and (min-width: 576px) { - .directorist-content-active .directorist-author-profile-content .directorist-card__header__title i { - display: none; - } + .directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title + i { + display: none; + } } .directorist-content-active .directorist-author-info-list { - padding: 0; - margin: 0; + padding: 0; + margin: 0; } .directorist-content-active .directorist-author-info-list li { - margin-left: 0; + margin-left: 0; } .directorist-content-active .directorist-author-info-list__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 12px; - font-size: 15px; - color: var(--directorist-color-body); + display: flex; + align-items: flex-start; + gap: 12px; + font-size: 15px; + color: var(--directorist-color-body); } .directorist-content-active .directorist-author-info-list__item i { - margin-top: 5px; + margin-top: 5px; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-author-info-list__item i { - margin-top: 0; - height: 34px; - width: 34px; - min-width: 34px; - border-radius: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-light); - } -} -.directorist-content-active .directorist-author-info-list__item .directorist-label { - display: none; - min-width: 70px; - padding-right: 10px; - margin-right: 8px; - margin-top: 5px; - position: relative; -} -.directorist-content-active .directorist-author-info-list__item .directorist-label:before { - content: ":"; - position: absolute; - right: 0; - top: 0; + .directorist-content-active .directorist-author-info-list__item i { + margin-top: 0; + height: 34px; + width: 34px; + min-width: 34px; + border-radius: 100%; + display: flex; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-light); + } +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-label { + display: none; + min-width: 70px; + padding-right: 10px; + margin-right: 8px; + margin-top: 5px; + position: relative; +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-label:before { + content: ":"; + position: absolute; + right: 0; + top: 0; } @media screen and (max-width: 375px) { - .directorist-content-active .directorist-author-info-list__item .directorist-label { - min-width: 60px; - } -} -.directorist-content-active .directorist-author-info-list__item .directorist-icon-mask::after { - width: 15px; - height: 15px; - background-color: var(--directorist-color-deep-gray); -} -.directorist-content-active .directorist-author-info-list__item .directorist-info { - word-break: break-all; + .directorist-content-active + .directorist-author-info-list__item + .directorist-label { + min-width: 60px; + } +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-icon-mask::after { + width: 15px; + height: 15px; + background-color: var(--directorist-color-deep-gray); +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-info { + word-break: break-all; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-author-info-list__item .directorist-info { - margin-top: 5px; - word-break: break-all; - } + .directorist-content-active + .directorist-author-info-list__item + .directorist-info { + margin-top: 5px; + word-break: break-all; + } } .directorist-content-active .directorist-author-info-list__item a { - color: var(--directorist-color-body); - text-decoration: none; + color: var(--directorist-color-body); + text-decoration: none; } .directorist-content-active .directorist-author-info-list__item a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-content-active .directorist-author-info-list__item:not(:last-child) { - margin-bottom: 8px; +.directorist-content-active + .directorist-author-info-list__item:not(:last-child) { + margin-bottom: 8px; } -.directorist-content-active .directorist-card__body .directorist-author-info-list { - padding: 0; - margin: 0; +.directorist-content-active + .directorist-card__body + .directorist-author-info-list { + padding: 0; + margin: 0; } .directorist-content-active .directorist-author-social { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; - padding: 0; - margin: 22px 0 0; - list-style: none; + display: flex; + flex-wrap: wrap; + gap: 10px; + padding: 0; + margin: 22px 0 0; + list-style: none; } .directorist-content-active .directorist-author-social__item { - margin: 0; + margin: 0; } .directorist-content-active .directorist-author-social__item a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - height: 36px; - width: 36px; - text-align: center; - background-color: var(--directorist-color-light); - border-radius: 8px; - font-size: 15px; - overflow: hidden; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - text-decoration: none; -} -.directorist-content-active .directorist-author-social__item a .directorist-icon-mask::after { - background-color: #808080; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + display: flex; + justify-content: center; + align-items: center; + height: 36px; + width: 36px; + text-align: center; + background-color: var(--directorist-color-light); + border-radius: 8px; + font-size: 15px; + overflow: hidden; + transition: 0.3s ease; + text-decoration: none; +} +.directorist-content-active + .directorist-author-social__item + a + .directorist-icon-mask::after { + background-color: #808080; + transition: 0.3s ease; } .directorist-content-active .directorist-author-social__item a span { - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + transition: 0.3s ease; } .directorist-content-active .directorist-author-social__item a:hover { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); + /* Legacy Icon */ } -.directorist-content-active .directorist-author-social__item a:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-content-active .directorist-author-social__item a:hover { - /* Legacy Icon */ +.directorist-content-active + .directorist-author-social__item + a:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-content-active .directorist-author-social__item a:hover span.la, .directorist-content-active .directorist-author-social__item a:hover span.fa { - background: none; - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-author-contact .directorist-author-social { - margin: 22px 0 0; -} -.directorist-content-active .directorist-author-contact .directorist-author-social li { - margin: 0; -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item { - display: inline-block; - margin: 0; -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item a { - font-size: 15px; - display: block; - line-height: 35px; - width: 36px; - height: 36px; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-light); - border-radius: 4px; - color: var(--directorist-color-white); - overflow: hidden; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a .directorist-icon-mask:after, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a .directorist-icon-mask:after, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a .directorist-icon-mask:after, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item a .directorist-icon-mask:after { - background-color: var(--directorist-color-body); -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a:hover, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a:hover, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a:hover, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item a:hover { - background-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a:hover .directorist-icon-mask:after, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a:hover .directorist-icon-mask:after, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a:hover .directorist-icon-mask:after, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item a:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-white); + background: none; + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-author-contact + .directorist-author-social { + margin: 22px 0 0; +} +.directorist-content-active + .directorist-author-contact + .directorist-author-social + li { + margin: 0; +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item { + display: inline-block; + margin: 0; +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a { + font-size: 15px; + display: block; + line-height: 35px; + width: 36px; + height: 36px; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-light); + border-radius: 4px; + color: var(--directorist-color-white); + overflow: hidden; + transition: all ease-in-out 300ms; +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a + .directorist-icon-mask:after, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a + .directorist-icon-mask:after, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a + .directorist-icon-mask:after, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a + .directorist-icon-mask:after { + background-color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a:hover, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a:hover, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a:hover, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a:hover { + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); } .directorist-content-active .directorist-author-listing-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: 30px; - border-bottom: 1px solid var(--directorist-color-border); + display: flex; + flex-direction: column; + margin-bottom: 30px; + border-bottom: 1px solid var(--directorist-color-border); } .directorist-content-active .directorist-author-listing-top__title { - font-size: 30px; - font-weight: 400; - margin: 0 0 52px; - text-align: center; + font-size: 30px; + font-weight: 400; + margin: 0 0 52px; + text-align: center; } .directorist-content-active .directorist-author-listing-top__filter { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: baseline; - -webkit-align-items: baseline; - -ms-flex-align: baseline; - align-items: baseline; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 30px; -} -.directorist-content-active .directorist-author-listing-top__filter .directorist-dropdown__links { - max-height: 300px; - overflow-y: auto; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - gap: 7px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-deep-gray); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link i { - margin: 0; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link i:after { - background-color: var(--directorist-color-deep-gray); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link:hover { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link:hover i::after { - background-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list li { - margin: 0; - padding: 0; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list__current { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list__current i::after { - background-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle { - position: relative; - top: -10px; - gap: 10px; - background: transparent !important; - border: none; - padding: 0; - min-height: 30px; - color: var(--directorist-color-body); + display: flex; + align-items: baseline; + justify-content: space-between; + flex-wrap: wrap; + gap: 30px; +} +.directorist-content-active + .directorist-author-listing-top__filter + .directorist-dropdown__links { + max-height: 300px; + overflow-y: auto; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav { + display: flex; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link { + flex-direction: row; + gap: 7px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-deep-gray); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link + i { + margin: 0; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link + i:after { + background-color: var(--directorist-color-deep-gray); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link:hover + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list { + display: inline-flex; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list + li { + margin: 0; + padding: 0; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list__current { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list__current + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-dropdown__toggle { + position: relative; + top: -10px; + gap: 10px; + background: transparent !important; + border: none; + padding: 0; + min-height: 30px; + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle { - font-size: 0; - top: -5px; - } - .directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle:after { - -webkit-mask-image: url(../js/473b10424d896278fcda.svg); - mask-image: url(../js/473b10424d896278fcda.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 16px; - height: 12px; - background-color: var(--directorist-color-body); - } + .directorist-content-active + .directorist-author-listing-top + .directorist-dropdown__toggle { + font-size: 0; + top: -5px; + } + .directorist-content-active + .directorist-author-listing-top + .directorist-dropdown__toggle:after { + mask-image: url(../js/../images/87cd0434594c4fe6756c2af1404a5f32.svg); + mask-repeat: no-repeat; + width: 16px; + height: 12px; + background-color: var(--directorist-color-body); + } } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-author-listing-top .directorist-type-nav .directorist-type-nav__link i { - display: none; - } + .directorist-content-active + .directorist-author-listing-top + .directorist-type-nav + .directorist-type-nav__link + i { + display: none; + } } .directorist-content-active .directorist-author-listing-content { - padding: 0; + padding: 0; } -.directorist-content-active .directorist-author-listing-content .directorist-pagination { - padding-top: 35px; +.directorist-content-active + .directorist-author-listing-content + .directorist-pagination { + padding-top: 35px; } -.directorist-content-active .directorist-author-listing-type .directorist-type-nav { - background: none; +.directorist-content-active + .directorist-author-listing-type + .directorist-type-nav { + background: none; } /* category style three */ .directorist-category-child__card { - border: 1px solid #eee; - border-radius: 4px; + border: 1px solid #eee; + border-radius: 4px; } .directorist-category-child__card__header { - padding: 10px 20px; - border-bottom: 1px solid #eee; + padding: 10px 20px; + border-bottom: 1px solid #eee; } .directorist-category-child__card__header a { - font-size: 18px; - font-weight: 600; - color: #222 !important; + font-size: 18px; + font-weight: 600; + color: #222 !important; } .directorist-category-child__card__header i { - width: 35px; - height: 35px; - border-radius: 50%; - background-color: #2C99FF; - color: var(--directorist-color-white); - font-size: 16px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-right: 5px; + width: 35px; + height: 35px; + border-radius: 50%; + background-color: #2c99ff; + color: var(--directorist-color-white); + font-size: 16px; + display: inline-flex; + align-items: center; + justify-content: center; + margin-right: 5px; } .directorist-category-child__card__body { - padding: 15px 20px; + padding: 15px 20px; } .directorist-category-child__card__body li:not(:last-child) { - margin-bottom: 5px; + margin-bottom: 5px; } .directorist-category-child__card__body li a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - color: #444752; + display: flex; + align-items: center; + justify-content: space-between; + color: #444752; } .directorist-category-child__card__body li a span { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } /* All listing archive page styles */ .directorist-archive-contents { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } -.directorist-archive-contents .directorist-archive-items .directorist-pagination { - margin-top: 35px; +.directorist-archive-contents + .directorist-archive-items + .directorist-pagination { + margin-top: 35px; } .directorist-archive-contents .gm-style-iw-chr, .directorist-archive-contents .gm-style-iw-tc { - display: none; + display: none; } @media screen and (max-width: 575px) { - .directorist-archive-contents .directorist-archive-contents__top { - padding: 15px 20px 0; - } - .directorist-archive-contents .directorist-archive-contents__top .directorist-type-nav { - margin: 0 0 25px; - } - .directorist-archive-contents .directorist-type-nav__link .directorist-icon-mask { - display: none; - } + .directorist-archive-contents .directorist-archive-contents__top { + padding: 15px 20px 0; + } + .directorist-archive-contents + .directorist-archive-contents__top + .directorist-type-nav { + margin: 0 0 25px; + } + .directorist-archive-contents + .directorist-type-nav__link + .directorist-icon-mask { + display: none; + } } /* Directory type nav */ .directorist-content-active .directorist-type-nav__link { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-size: 15px; - font-weight: 500; - line-height: 20px; - text-decoration: none; - white-space: nowrap; - padding: 0 0 8px; - border-bottom: 2px solid transparent; - color: var(--directorist-color-body); + position: relative; + display: flex; + align-items: center; + flex-direction: column; + font-size: 15px; + font-weight: 500; + line-height: 20px; + text-decoration: none; + white-space: nowrap; + padding: 0 0 8px; + border-bottom: 2px solid transparent; + color: var(--directorist-color-body); } .directorist-content-active .directorist-type-nav__link:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-content-active .directorist-type-nav__link:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-primary); +.directorist-content-active + .directorist-type-nav__link:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); } .directorist-content-active .directorist-type-nav__link:focus { - background-color: transparent; + background-color: transparent; } .directorist-content-active .directorist-type-nav__link .directorist-icon-mask { - display: inline-block; - margin: 0 0 10px; + display: inline-block; + margin: 0 0 10px; } -.directorist-content-active .directorist-type-nav__link .directorist-icon-mask::after { - width: 22px; - height: 20px; - background-color: var(--directorist-color-body); +.directorist-content-active + .directorist-type-nav__link + .directorist-icon-mask::after { + width: 22px; + height: 20px; + background-color: var(--directorist-color-body); } .directorist-content-active .directorist-type-nav__list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: end; - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 25px; - padding: 0; - margin: 0; - list-style-type: none; - overflow-x: auto; - scrollbar-width: thin; + display: flex; + justify-content: center; + align-items: flex-end; + flex-wrap: wrap; + gap: 25px; + padding: 0; + margin: 0; + list-style-type: none; + overflow-x: auto; + scrollbar-width: thin; } @media only screen and (max-width: 767px) { - .directorist-content-active .directorist-type-nav__list { - overflow-x: auto; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - } + .directorist-content-active .directorist-type-nav__list { + overflow-x: auto; + flex-wrap: nowrap; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-type-nav__list { - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-content-active .directorist-type-nav__list { + justify-content: flex-start; + } } .directorist-content-active .directorist-type-nav__list::-webkit-scrollbar { - display: none; + display: none; } .directorist-content-active .directorist-type-nav__list li { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - margin: 0; - list-style: none; - line-height: 1; + flex: none; + margin: 0; + list-style: none; + line-height: 1; } .directorist-content-active .directorist-type-nav__list a { - text-decoration: unset; -} -.directorist-content-active .directorist-type-nav__list .current .directorist-type-nav__link, -.directorist-content-active .directorist-type-nav__list .directorist-type-nav__list__current .directorist-type-nav__link { - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-type-nav__list .current .directorist-icon-mask::after, -.directorist-content-active .directorist-type-nav__list .directorist-type-nav__list__current .directorist-icon-mask::after { - background-color: var(--directorist-color-primary); + text-decoration: unset; +} +.directorist-content-active + .directorist-type-nav__list + .current + .directorist-type-nav__link, +.directorist-content-active + .directorist-type-nav__list + .directorist-type-nav__list__current + .directorist-type-nav__link { + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-type-nav__list + .current + .directorist-icon-mask::after, +.directorist-content-active + .directorist-type-nav__list + .directorist-type-nav__list__current + .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); } /* Archive header bar contents */ -.directorist-content-active .directorist-archive-contents__top .directorist-type-nav { - margin-bottom: 30px; +.directorist-content-active + .directorist-archive-contents__top + .directorist-type-nav { + margin-bottom: 30px; } -.directorist-content-active .directorist-archive-contents__top .directorist-header-bar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 30px 0; +.directorist-content-active + .directorist-archive-contents__top + .directorist-header-bar { + display: flex; + margin: 30px 0; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-listings-header .directorist-modal-btn--full { - display: none; - } - .directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-container-fluid { - padding: 0; - } + .directorist-content-active + .directorist-archive-contents__top + .directorist-header-bar + .directorist-listings-header + .directorist-modal-btn--full { + display: none; + } + .directorist-content-active + .directorist-archive-contents__top + .directorist-header-bar + .directorist-container-fluid { + padding: 0; + } } .directorist-content-active .directorist-listings-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - width: 100%; -} -.directorist-content-active .directorist-listings-header .directorist-dropdown .directorist-dropdown__links { - top: 42px; -} -.directorist-content-active .directorist-listings-header .directorist-header-found-title { - margin: 0; - padding: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 15px; + width: 100%; +} +.directorist-content-active + .directorist-listings-header + .directorist-dropdown + .directorist-dropdown__links { + top: 42px; +} +.directorist-content-active + .directorist-listings-header + .directorist-header-found-title { + margin: 0; + padding: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-content-active .directorist-listings-header__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; -} -.directorist-content-active .directorist-listings-header__left .directorist-filter-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - background-color: var(--directorist-color-light) !important; - border: 2px solid var(--directorist-color-white); - padding: 0 20px; - border-radius: 8px; - cursor: pointer; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.directorist-content-active .directorist-listings-header__left .directorist-filter-btn .directorist-icon-mask::after { - width: 14px; - height: 14px; - margin-right: 2px; -} -.directorist-content-active .directorist-listings-header__left .directorist-filter-btn:hover { - background-color: var(--directorist-color-bg-gray) !important; - color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 15px; +} +.directorist-content-active + .directorist-listings-header__left + .directorist-filter-btn { + display: flex; + align-items: center; + gap: 5px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + background-color: var(--directorist-color-light) !important; + border: 2px solid var(--directorist-color-white); + padding: 0 20px; + border-radius: 8px; + cursor: pointer; + transition: all ease 0.3s; +} +.directorist-content-active + .directorist-listings-header__left + .directorist-filter-btn + .directorist-icon-mask::after { + width: 14px; + height: 14px; + margin-right: 2px; +} +.directorist-content-active + .directorist-listings-header__left + .directorist-filter-btn:hover { + background-color: var(--directorist-color-bg-gray) !important; + color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); } .directorist-content-active .directorist-listings-header__right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; + display: flex; + flex-wrap: wrap; + gap: 10px; } @media screen and (max-width: 425px) { - .directorist-content-active .directorist-listings-header__right { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } - .directorist-content-active .directorist-listings-header__right .directorist-dropdown__links { - right: unset; - left: 0; - max-width: 250px; - } -} -.directorist-content-active .directorist-listings-header__right .directorist-dropdown .directorist-dropdown__links__single { - cursor: pointer; -} -.directorist-content-active .directorist-listings-header__right .directorist-dropdown .directorist-dropdown__links__single:hover { - background-color: var(--directorist-color-light); + .directorist-content-active .directorist-listings-header__right { + flex: 0 0 100%; + flex-direction: column; + } + .directorist-content-active + .directorist-listings-header__right + .directorist-dropdown__links { + right: unset; + left: 0; + max-width: 250px; + } +} +.directorist-content-active + .directorist-listings-header__right + .directorist-dropdown + .directorist-dropdown__links__single { + cursor: pointer; +} +.directorist-content-active + .directorist-listings-header__right + .directorist-dropdown + .directorist-dropdown__links__single:hover { + background-color: var(--directorist-color-light); } .directorist-content-active .directorist-archive-items { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + flex-direction: column; } -.directorist-content-active .directorist-archive-items .directorist-archive-notfound { - padding: 15px; +.directorist-content-active + .directorist-archive-items + .directorist-archive-notfound { + padding: 15px; } .directorist-viewas { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 8px; } .directorist-viewas__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 40px; - height: 40px; - border-radius: 8px; - border: 2px solid var(--directorist-color-white); - background-color: var(--directorist-color-light); - color: var(--directorist-color-body); + display: flex; + justify-content: center; + align-items: center; + box-sizing: border-box; + width: 40px; + height: 40px; + border-radius: 8px; + border: 2px solid var(--directorist-color-white); + background-color: var(--directorist-color-light); + color: var(--directorist-color-body); } .directorist-viewas__item i::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-body); + width: 16px; + height: 16px; + background-color: var(--directorist-color-body); } .directorist-viewas__item.active { - border-color: var(--directorist-color-primary); - background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-viewas__item.active i::after { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } @media only screen and (max-width: 575px) { - .directorist-viewas__item--list { - display: none; - } + .directorist-viewas__item--list { + display: none; + } } .listing-with-sidebar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + gap: 30px; + flex-wrap: wrap; } @media only screen and (max-width: 991px) { - .listing-with-sidebar { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } - .listing-with-sidebar .directorist-advanced-filter__form { - width: 100%; - } + .listing-with-sidebar { + flex-direction: column; + } + .listing-with-sidebar .directorist-advanced-filter__form { + width: 100%; + } } @media only screen and (max-width: 575px) { - .listing-with-sidebar .directorist-search-form__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - width: 100%; - margin: 0; - } - .listing-with-sidebar .directorist-search-form-action__submit { - display: block; - } - .listing-with-sidebar .listing-with-sidebar__header .directorist-header-bar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } + .listing-with-sidebar .directorist-search-form__top { + display: flex; + gap: 10px; + width: 100%; + margin: 0; + } + .listing-with-sidebar .directorist-search-form-action__submit { + display: block; + } + .listing-with-sidebar + .listing-with-sidebar__header + .directorist-header-bar { + display: flex; + } } .listing-with-sidebar__wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + gap: 30px; + flex-direction: column; } .listing-with-sidebar__type-nav { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } .listing-with-sidebar__type-nav .directorist-type-nav__list { - gap: 40px; + gap: 40px; } .listing-with-sidebar__searchform { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } @media only screen and (max-width: 767px) { - .listing-with-sidebar__searchform .directorist-search-form__box { - padding: 15px; - } + .listing-with-sidebar__searchform .directorist-search-form__box { + padding: 15px; + } } @media only screen and (max-width: 575px) { - .listing-with-sidebar__searchform .directorist-search-form__box { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - } + .listing-with-sidebar__searchform .directorist-search-form__box { + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + } } .listing-with-sidebar__searchform .directorist-search-form { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.listing-with-sidebar__searchform .directorist-search-form .directorist-filter-location-icon { - right: 15px; - top: unset; - -webkit-transform: unset; - transform: unset; - bottom: 8px; + display: flex; +} +.listing-with-sidebar__searchform + .directorist-search-form + .directorist-filter-location-icon { + right: 15px; + top: unset; + transform: unset; + bottom: 8px; } .listing-with-sidebar__searchform .directorist-advanced-filter__form { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 100%; - gap: 20px; + display: flex; + width: 100%; + gap: 20px; } @media only screen and (max-width: 767px) { - .listing-with-sidebar__searchform .directorist-advanced-filter__form { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .listing-with-sidebar__searchform .directorist-advanced-filter__form { + flex-direction: column; + } } .listing-with-sidebar__searchform .directorist-search-contents { - padding: 0; + padding: 0; } -.listing-with-sidebar__searchform .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .listing-with-sidebar__searchform .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - bottom: 0; +.listing-with-sidebar__searchform + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.listing-with-sidebar__searchform + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + bottom: 0; } .listing-with-sidebar__searchform .directorist-search-field-pricing > label, .listing-with-sidebar__searchform .directorist-search-field__number > label, .listing-with-sidebar__searchform .directorist-search-field-text_range > label, .listing-with-sidebar__searchform .directorist-search-field-price_range > label, -.listing-with-sidebar__searchform .directorist-search-field-radius_search > label { - position: unset; - -webkit-transform: unset; - transform: unset; - display: block; - font-size: 14px; - margin-bottom: 15px; +.listing-with-sidebar__searchform + .directorist-search-field-radius_search + > label { + position: unset; + transform: unset; + display: block; + font-size: 14px; + margin-bottom: 15px; } .listing-with-sidebar__header { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } .listing-with-sidebar__header .directorist-header-bar { - margin: 0; + margin: 0; } .listing-with-sidebar__header .directorist-container-fluid { - padding: 0; + padding: 0; } .listing-with-sidebar__header .directorist-archive-sidebar-toggle { - width: auto; - padding: 0 20px; - font-size: 14px; - font-weight: 400; - min-height: 40px; - padding: 0 20px; - border-radius: 8px; - text-transform: capitalize; - text-decoration: none !important; - color: var(--directorist-color-primary); - background-color: var(--directorist-color-light); - border: 2px solid var(--directorist-color-white); - cursor: pointer; - display: none; -} -.listing-with-sidebar__header .directorist-archive-sidebar-toggle .directorist-icon-mask { - margin-right: 5px; -} -.listing-with-sidebar__header .directorist-archive-sidebar-toggle .directorist-icon-mask::after { - background-color: currentColor; - width: 14px; - height: 14px; + width: auto; + padding: 0 20px; + font-size: 14px; + font-weight: 400; + min-height: 40px; + padding: 0 20px; + border-radius: 8px; + text-transform: capitalize; + text-decoration: none !important; + color: var(--directorist-color-primary); + background-color: var(--directorist-color-light); + border: 2px solid var(--directorist-color-white); + cursor: pointer; + display: none; +} +.listing-with-sidebar__header + .directorist-archive-sidebar-toggle + .directorist-icon-mask { + margin-right: 5px; +} +.listing-with-sidebar__header + .directorist-archive-sidebar-toggle + .directorist-icon-mask::after { + background-color: currentColor; + width: 14px; + height: 14px; } @media only screen and (max-width: 991px) { - .listing-with-sidebar__header .directorist-archive-sidebar-toggle { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - } + .listing-with-sidebar__header .directorist-archive-sidebar-toggle { + display: inline-flex; + align-items: center; + } } .listing-with-sidebar__header .directorist-archive-sidebar-toggle--active { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } -.listing-with-sidebar__header .directorist-archive-sidebar-toggle--active .directorist-icon-mask::after { - background-color: var(--directorist-color-white); +.listing-with-sidebar__header + .directorist-archive-sidebar-toggle--active + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .listing-with-sidebar__sidebar { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - height: 100%; - max-width: 350px; + display: inline-flex; + flex: 1; + height: 100%; + max-width: 350px; } .listing-with-sidebar__sidebar form { - width: 100%; + width: 100%; } .listing-with-sidebar__sidebar .directorist-advanced-filter__close { - display: none; + display: none; } @media screen and (max-width: 1199px) { - .listing-with-sidebar__sidebar { - max-width: 300px; - min-width: 300px; - } + .listing-with-sidebar__sidebar { + max-width: 300px; + min-width: 300px; + } } @media only screen and (max-width: 991px) { - .listing-with-sidebar__sidebar { - position: fixed; - left: -360px; - top: 0; - height: 100svh; - background-color: white; - z-index: 9999; - overflow: auto; - -webkit-box-shadow: 0 10px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - box-shadow: 0 10px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - visibility: hidden; - opacity: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - } - .listing-with-sidebar__sidebar .directorist-search-form__box-wrap { - padding-bottom: 30px; - } - .listing-with-sidebar__sidebar .directorist-advanced-filter__close { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 40px; - height: 40px; - border-radius: 100%; - background-color: var(--directorist-color-light); - } + .listing-with-sidebar__sidebar { + position: fixed; + left: -360px; + top: 0; + height: 100svh; + background-color: white; + z-index: 9999; + overflow: auto; + box-shadow: 0 10px 15px rgba(var(--directorist-color-dark-rgb), 0.15); + visibility: hidden; + opacity: 0; + transition: 0.3s ease; + } + .listing-with-sidebar__sidebar .directorist-search-form__box-wrap { + padding-bottom: 30px; + } + .listing-with-sidebar__sidebar .directorist-advanced-filter__close { + display: flex; + width: 40px; + height: 40px; + border-radius: 100%; + background-color: var(--directorist-color-light); + } } @media only screen and (max-width: 575px) { - .listing-with-sidebar__sidebar .directorist-search-field .directorist-price-ranges { - margin-top: 15px; - } + .listing-with-sidebar__sidebar + .directorist-search-field + .directorist-price-ranges { + margin-top: 15px; + } } .listing-with-sidebar__sidebar--open { - left: 0; - visibility: visible; - opacity: 1; + left: 0; + visibility: visible; + opacity: 1; } .listing-with-sidebar__sidebar .directorist-form-group label { - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-dark); } .listing-with-sidebar__sidebar .directorist-search-contents { - padding: 0; + padding: 0; } .listing-with-sidebar__sidebar .directorist-search-basic-dropdown-content { - display: block !important; + display: block !important; } .listing-with-sidebar__sidebar .directorist-search-form__box { - padding: 0; + padding: 0; } @media only screen and (max-width: 991px) { - .listing-with-sidebar__sidebar .directorist-search-form__box { - display: block; - height: 100svh; - -webkit-box-shadow: none; - box-shadow: none; - border: none; - } - .listing-with-sidebar__sidebar .directorist-search-form__box .directorist-advanced-filter__advanced { - display: block; - } -} -.listing-with-sidebar__sidebar .directorist-search-field__input.directorist-form-element:not([type=number]) { - padding-right: 20px; + .listing-with-sidebar__sidebar .directorist-search-form__box { + display: block; + height: 100svh; + box-shadow: none; + border: none; + } + .listing-with-sidebar__sidebar + .directorist-search-form__box + .directorist-advanced-filter__advanced { + display: block; + } +} +.listing-with-sidebar__sidebar + .directorist-search-field__input.directorist-form-element:not( + [type="number"] + ) { + padding-right: 20px; } .listing-with-sidebar__sidebar .directorist-advanced-filter__top { - width: 100%; - padding: 25px 30px 20px; - border-bottom: 1px solid var(--directorist-color-light); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + padding: 25px 30px 20px; + border-bottom: 1px solid var(--directorist-color-light); + display: flex; + align-items: center; + justify-content: space-between; + box-sizing: border-box; } .listing-with-sidebar__sidebar .directorist-advanced-filter__title { - margin: 0; - font-size: 20px; - font-weight: 500; - color: var(--directorist-color-dark); + margin: 0; + font-size: 20px; + font-weight: 500; + color: var(--directorist-color-dark); } .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 25px 30px 0; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field > label { - font-size: 16px; - font-weight: 500; - margin: 0; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-radius_search > label, .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-price_range > label, .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-text_range > label { - position: unset; - margin-bottom: 15px; - color: var(--directorist-color-body); -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field__number > label { - position: unset; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-tags, -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-review, -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-radio-wrapper, -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-checkbox-wrapper { - margin-top: 13px; + flex: 1; + box-sizing: border-box; + padding: 25px 30px 0; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + > label { + font-size: 16px; + font-weight: 500; + margin: 0; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-radius_search + > label, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-price_range + > label, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-text_range + > label { + position: unset; + margin-bottom: 15px; + color: var(--directorist-color-body); +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field__number + > label { + position: unset; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-tags, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-review, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-radio-wrapper, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-checkbox-wrapper { + margin-top: 13px; } @media only screen and (max-width: 575px) { - .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-tags, - .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-review, - .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-radio-wrapper, - .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-checkbox-wrapper { - margin-top: 5px; - } -} -.listing-with-sidebar__sidebar .directorist-form-group:last-child .directorist-search-field { - margin-bottom: 0; + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-tags, + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-review, + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-radio-wrapper, + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-checkbox-wrapper { + margin-top: 5px; + } +} +.listing-with-sidebar__sidebar + .directorist-form-group:last-child + .directorist-search-field { + margin-bottom: 0; } .listing-with-sidebar__sidebar .directorist-advanced-filter__action { - width: 100%; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 25px 30px 30px; - border-top: 1px solid var(--directorist-color-light); - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax { - padding: 0; - border: none; - text-align: end; - margin: -20px 0 20px; - z-index: 1; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax .directorist-btn-reset-ajax { - padding: 0; - color: var(--directorist-color-info); - background: transparent; - width: auto; - height: auto; - line-height: normal; - font-size: 14px; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax.reset-btn-disabled { - display: none; + width: 100%; + flex-direction: column; + align-items: flex-start; + padding: 25px 30px 30px; + border-top: 1px solid var(--directorist-color-light); + box-sizing: border-box; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax { + padding: 0; + border: none; + text-align: end; + margin: -20px 0 20px; + z-index: 1; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax + .directorist-btn-reset-ajax { + padding: 0; + color: var(--directorist-color-info); + background: transparent; + width: auto; + height: auto; + line-height: normal; + font-size: 14px; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax.reset-btn-disabled { + display: none; } .listing-with-sidebar__sidebar .directorist-search-modal__contents__footer { - position: relative; - background-color: transparent; + position: relative; + background-color: transparent; } .listing-with-sidebar__sidebar .directorist-btn-reset-js { - width: 100%; - height: 50px; - line-height: 50px; - padding: 0 32px; - border: none; - border-radius: 8px; - text-align: center; - text-transform: none; - text-decoration: none; - cursor: pointer; - background-color: var(--directorist-color-light); + width: 100%; + height: 50px; + line-height: 50px; + padding: 0 32px; + border: none; + border-radius: 8px; + text-align: center; + text-transform: none; + text-decoration: none; + cursor: pointer; + background-color: var(--directorist-color-light); } .listing-with-sidebar__sidebar .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + opacity: 0.5; + cursor: not-allowed; } .listing-with-sidebar__sidebar .directorist-btn-submit { - width: 100%; + width: 100%; } -.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn .directorist-pf-range { - width: 54px; +.listing-with-sidebar__sidebar + .directorist-price-ranges__price-frequency__btn + .directorist-pf-range { + width: 54px; } @media screen and (max-width: 575px) { - .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn .directorist-pf-range { - width: 100%; - } + .listing-with-sidebar__sidebar + .directorist-price-ranges__price-frequency__btn + .directorist-pf-range { + width: 100%; + } } -.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn:last-child { - border: 0 none; +.listing-with-sidebar__sidebar + .directorist-price-ranges__price-frequency__btn:last-child { + border: 0 none; } .listing-with-sidebar__sidebar .directorist-checkbox-wrapper, .listing-with-sidebar__sidebar .directorist-radio-wrapper, .listing-with-sidebar__sidebar .directorist-search-tags { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .listing-with-sidebar__sidebar.right-sidebar-contents { - -webkit-box-ordinal-group: 3; - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label { - position: unset; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label i, -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label span { - display: none; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-top: 40px; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__label { - top: -35px; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; - margin: 0 0 10px; - z-index: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - width: 100%; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused.input-has-noLabel { - margin-top: 0; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-icon-right .directorist-input-icon { - right: 0; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-icon-left .directorist-input-icon { - left: 0; -} -.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-input-wrap { - margin-bottom: 0; -} -.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-input-wrap .wp-picker-clear { - margin: 0; - width: 100px; -} -.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-holder { - margin-top: 10px; + order: 2; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label.directorist-search-basic-dropdown-label { + position: unset; + transform: unset; + font-size: 16px; + font-weight: 500; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label.directorist-search-basic-dropdown-label + i, +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label.directorist-search-basic-dropdown-label + span { + display: none; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused { + width: 100%; + display: inline-flex; + margin-top: 40px; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0 0 10px; + z-index: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused.input-has-noLabel { + margin-top: 0; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-icon-right + .directorist-input-icon { + right: 0; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-icon-left + .directorist-input-icon { + left: 0; +} +.listing-with-sidebar__sidebar + .directorist-color-picker-wrap + .wp-picker-container + .wp-picker-input-wrap { + margin-bottom: 0; +} +.listing-with-sidebar__sidebar + .directorist-color-picker-wrap + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.listing-with-sidebar__sidebar + .directorist-color-picker-wrap + .wp-picker-container + .wp-picker-holder { + margin-top: 10px; } .listing-with-sidebar__listing { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: inline-flex; + flex: 1; + padding: 0; + flex-wrap: wrap; + flex-direction: column; } .listing-with-sidebar__listing .directorist-header-bar, .listing-with-sidebar__listing .directorist-archive-items { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + width: 100%; + display: flex; } -.listing-with-sidebar__listing .directorist-header-bar .directorist-container-fluid, -.listing-with-sidebar__listing .directorist-archive-items .directorist-container-fluid { - padding: 0; +.listing-with-sidebar__listing + .directorist-header-bar + .directorist-container-fluid, +.listing-with-sidebar__listing + .directorist-archive-items + .directorist-container-fluid { + padding: 0; } .listing-with-sidebar__listing .directorist-archive-items { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .listing-with-sidebar__listing .directorist-search-modal-advanced { - display: none; + display: none; } .listing-with-sidebar__contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; + display: flex; + gap: 30px; } @media screen and (max-width: 575px) { - .listing-with-sidebar .directorist-search-form__top .directorist-search-field { - padding: 0; - margin: 0 20px 0 0; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field .directorist-select { - width: calc(100% + 20px); - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value, .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused { - margin: 0 25px; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel, .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel { - margin: 0; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-filter-location-icon, .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-filter-location-icon { - right: 0; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-select, .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-select { - width: 100%; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field .directorist-filter-location-icon { - right: -15px; - } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field { + padding: 0; + margin: 0 20px 0 0; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field + .directorist-select { + width: calc(100% + 20px); + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused { + margin: 0 25px; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel { + margin: 0; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel + .directorist-filter-location-icon, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel + .directorist-filter-location-icon { + right: 0; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel + .directorist-select, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel + .directorist-select { + width: 100%; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field + .directorist-filter-location-icon { + right: -15px; + } } @media only screen and (max-width: 991px) { - .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { - padding-top: 30px; - } + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 30px; + } } @media only screen and (max-width: 767px) { - .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { - padding-top: 46px; - } + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 46px; + } } @media only screen and (max-width: 600px) { - .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { - padding-top: 0; - } + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 0; + } } .directorist-advanced-filter__basic { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + flex-direction: column; } .directorist-advanced-filter__basic__element { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-advanced-filter__basic__element .directorist-search-field { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 100%; - padding: 0; - margin: 0 0 40px; + flex-direction: column; + align-items: flex-start; + flex-wrap: wrap; + width: 100%; + padding: 0; + margin: 0 0 40px; } @media screen and (max-width: 575px) { - .directorist-advanced-filter__basic__element .directorist-search-field { - margin: 0 0 20px; - } + .directorist-advanced-filter__basic__element .directorist-search-field { + margin: 0 0 20px; + } } .directorist-advanced-filter__basic__element .directorist-checkbox-wrapper, .directorist-advanced-filter__basic__element .directorist-radio-wrapper, .directorist-advanced-filter__basic__element .directorist-search-tags { - gap: 15px; - margin: 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-checkbox, -.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-radio, -.directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-checkbox, -.directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-radio, -.directorist-advanced-filter__basic__element .directorist-search-tags .directorist-checkbox, -.directorist-advanced-filter__basic__element .directorist-search-tags .directorist-radio { - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 0 46%; - -ms-flex: 0 0 46%; - flex: 0 0 46%; + gap: 15px; + margin: 0; + flex-wrap: wrap; +} +.directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-checkbox, +.directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-radio, +.directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-checkbox, +.directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-radio, +.directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-checkbox, +.directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-radio { + margin: 0; + flex: 0 0 46%; } @media only screen and (max-width: 575px) { - .directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-checkbox, - .directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-radio, - .directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-checkbox, - .directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-radio, - .directorist-advanced-filter__basic__element .directorist-search-tags .directorist-checkbox, - .directorist-advanced-filter__basic__element .directorist-search-tags .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } -} -.directorist-advanced-filter__basic__element .directorist-form-group .directorist-filter-location-icon { - margin-top: 3px; - z-index: 99; + .directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-checkbox, + .directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-radio, + .directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-checkbox, + .directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-radio, + .directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-checkbox, + .directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-radio { + flex: 0 0 100%; + } +} +.directorist-advanced-filter__basic__element + .directorist-form-group + .directorist-filter-location-icon { + margin-top: 3px; + z-index: 99; } .directorist-advanced-filter__basic__element .form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 20px; - padding: 0; - margin: 0 0 40px; + display: flex; + align-items: center; + justify-content: space-between; + gap: 20px; + padding: 0; + margin: 0 0 40px; } @media screen and (max-width: 575px) { - .directorist-advanced-filter__basic__element .form-group { - margin: 0 0 20px; - } + .directorist-advanced-filter__basic__element .form-group { + margin: 0 0 20px; + } } .directorist-advanced-filter__basic__element .form-group > label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: 16px; - font-weight: 500; - margin: 0; - color: var(--directorist-color-dark); + display: inline-flex; + font-size: 16px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); } .directorist-advanced-filter__advanced { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + flex-direction: column; } .directorist-advanced-filter__advanced__element { - overflow: hidden; + overflow: hidden; } -.directorist-advanced-filter__advanced__element.directorist-search-field-location .directorist-search-field.input-is-focused, .directorist-advanced-filter__advanced__element.directorist-search-field-category .directorist-search-field.input-is-focused { - margin-top: 0; +.directorist-advanced-filter__advanced__element.directorist-search-field-location + .directorist-search-field.input-is-focused, +.directorist-advanced-filter__advanced__element.directorist-search-field-category + .directorist-search-field.input-is-focused { + margin-top: 0; } .directorist-advanced-filter__advanced__element .directorist-search-field { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 0; - margin: 0 0 40px; - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + flex-direction: column; + align-items: flex-start; + padding: 0; + margin: 0 0 40px; + transition: margin 0.3s ease; } @media screen and (max-width: 575px) { - .directorist-advanced-filter__advanced__element .directorist-search-field { - margin: 0 0 20px; - } -} -.directorist-advanced-filter__advanced__element .directorist-search-field > label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin: 0 0 15px; - font-size: 16px; - font-weight: 500; - color: var(--directorist-color-dark); -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label { - top: 6px; - -webkit-transform: unset; - transform: unset; - font-size: 14px; - font-weight: 400; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder, .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder, .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder, .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder, .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::placeholder, -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-form-group__prefix--start { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__input[type=date] { - padding-right: 0; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__input[type=time] { - padding-right: 0; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-top: 40px; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__label { - top: -35px; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; - margin: 0; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__prefix--start { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - width: 100%; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input[type=date] { - padding-right: 20px; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input[type=time] { - padding-right: 20px; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-radius_search > label, .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-price_range > label, .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-text_range > label, .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field__number > label { - position: unset; - -webkit-transform: unset; - transform: unset; + .directorist-advanced-filter__advanced__element .directorist-search-field { + margin: 0 0 20px; + } +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + > label { + display: inline-flex; + margin: 0 0 15px; + font-size: 16px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label { + top: 6px; + transform: unset; + font-size: 14px; + font-weight: 400; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-form-group__prefix--start { + opacity: 0; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__input[type="date"] { + padding-right: 0; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__input[type="time"] { + padding-right: 0; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused { + width: 100%; + display: inline-flex; + margin-top: 40px; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="date"] { + padding-right: 20px; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="time"] { + padding-right: 20px; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-has-noLabel + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-radius_search + > label, +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-price_range + > label, +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-text_range + > label, +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field__number + > label { + position: unset; + transform: unset; } .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper, .directorist-advanced-filter__advanced__element .directorist-radio-wrapper, .directorist-advanced-filter__advanced__element .directorist-search-tags { - gap: 15px; - margin: 0; - padding: 10px 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + gap: 15px; + margin: 0; + padding: 10px 0; + flex-wrap: wrap; } @media only screen and (max-width: 575px) { - .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper, - .directorist-advanced-filter__advanced__element .directorist-radio-wrapper, - .directorist-advanced-filter__advanced__element .directorist-search-tags { - gap: 10px; - } -} -.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-checkbox, -.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-radio, -.directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-checkbox, -.directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-radio, -.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox, -.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-radio { - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 0 46%; - -ms-flex: 0 0 46%; - flex: 0 0 46%; + .directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper, + .directorist-advanced-filter__advanced__element .directorist-radio-wrapper, + .directorist-advanced-filter__advanced__element .directorist-search-tags { + gap: 10px; + } +} +.directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-checkbox, +.directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-radio, +.directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-checkbox, +.directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-radio, +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox, +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-radio { + margin: 0; + flex: 0 0 46%; } @media only screen and (max-width: 575px) { - .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-checkbox, - .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-radio, - .directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-checkbox, - .directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-radio, - .directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox, - .directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } -} -.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox { - display: none; -} -.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox:nth-child(-n+4) { - display: block; -} -.directorist-advanced-filter__advanced__element .directorist-form-group .directorist-filter-location-icon { - margin-top: 1px; - z-index: 99; + .directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-checkbox, + .directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-radio, + .directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-checkbox, + .directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-radio, + .directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox, + .directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-radio { + flex: 0 0 100%; + } +} +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox { + display: none; +} +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox:nth-child(-n + 4) { + display: block; +} +.directorist-advanced-filter__advanced__element + .directorist-form-group + .directorist-filter-location-icon { + margin-top: 1px; + z-index: 99; } .directorist-advanced-filter__advanced__element .form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 20px; - padding: 0; - margin: 0 0 40px; + display: flex; + align-items: center; + justify-content: space-between; + gap: 20px; + padding: 0; + margin: 0 0 40px; } @media screen and (max-width: 575px) { - .directorist-advanced-filter__advanced__element .form-group { - margin: 0 0 20px; - } + .directorist-advanced-filter__advanced__element .form-group { + margin: 0 0 20px; + } } .directorist-advanced-filter__advanced__element .form-group > label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: 16px; - font-weight: 500; - margin: 0; - color: var(--directorist-color-dark); -} -.directorist-advanced-filter__advanced__element.directorist-search-field-tag, .directorist-advanced-filter__advanced__element.directorist-search-field-radio, .directorist-advanced-filter__advanced__element.directorist-search-field-review, .directorist-advanced-filter__advanced__element.directorist-search-field-checkbox, .directorist-advanced-filter__advanced__element.directorist-search-field-location, .directorist-advanced-filter__advanced__element.directorist-search-field-pricing, .directorist-advanced-filter__advanced__element.directorist-search-field-color_picker { - overflow: visible; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-advanced-filter__advanced__element.directorist-search-field-tag .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-radio .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-review .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-checkbox .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-location .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-pricing .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-color_picker .directorist-search-field { - width: 100%; + display: inline-flex; + font-size: 16px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); +} +.directorist-advanced-filter__advanced__element.directorist-search-field-tag, +.directorist-advanced-filter__advanced__element.directorist-search-field-radio, +.directorist-advanced-filter__advanced__element.directorist-search-field-review, +.directorist-advanced-filter__advanced__element.directorist-search-field-checkbox, +.directorist-advanced-filter__advanced__element.directorist-search-field-location, +.directorist-advanced-filter__advanced__element.directorist-search-field-pricing, +.directorist-advanced-filter__advanced__element.directorist-search-field-color_picker { + overflow: visible; + display: flex; +} +.directorist-advanced-filter__advanced__element.directorist-search-field-tag + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-radio + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-review + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-checkbox + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-location + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-pricing + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-color_picker + .directorist-search-field { + width: 100%; } .directorist-advanced-filter__action { - gap: 10px; - padding: 17px 40px; + gap: 10px; + padding: 17px 40px; } .directorist-advanced-filter__action .directorist-btn-reset-js { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - cursor: pointer; - -webkit-transition: background-color 0.3s ease, color 0.3s ease; - transition: background-color 0.3s ease, color 0.3s ease; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); + justify-content: center; + text-decoration: none; + cursor: pointer; + transition: + background-color 0.3s ease, + color 0.3s ease; } .directorist-advanced-filter__action .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + opacity: 0.5; + cursor: not-allowed; } .directorist-advanced-filter__action .directorist-btn { - font-size: 15px; - font-weight: 700; - border-radius: 8px; - padding: 0 32px; - height: 50px; - letter-spacing: 0; + font-size: 15px; + font-weight: 700; + border-radius: 8px; + padding: 0 32px; + height: 50px; + letter-spacing: 0; } @media only screen and (max-width: 375px) { - .directorist-advanced-filter__action .directorist-btn { - padding: 0 14.5px; - } -} -.directorist-advanced-filter__action.reset-btn-disabled .directorist-btn-reset-js { - opacity: 0.5; - cursor: not-allowed; - pointer-events: none; -} -.directorist-advanced-filter .directorist-form-group.directorist-icon-right .directorist-input-icon { - right: 0; -} -.directorist-advanced-filter .directorist-form-group.directorist-icon-left .directorist-input-icon { - left: 0; + .directorist-advanced-filter__action .directorist-btn { + padding: 0 14.5px; + } +} +.directorist-advanced-filter__action.reset-btn-disabled + .directorist-btn-reset-js { + opacity: 0.5; + cursor: not-allowed; + pointer-events: none; +} +.directorist-advanced-filter + .directorist-form-group.directorist-icon-right + .directorist-input-icon { + right: 0; +} +.directorist-advanced-filter + .directorist-form-group.directorist-icon-left + .directorist-input-icon { + left: 0; } .directorist-advanced-filter .directorist-date .directorist-form-group, .directorist-advanced-filter .directorist-time .directorist-form-group { - width: 100%; + width: 100%; } .directorist-advanced-filter .directorist-btn-ml { - display: inline-block; - margin-top: 10px; - font-size: 13px; - font-weight: 500; - color: var(--directorist-color-body); + display: inline-block; + margin-top: 10px; + font-size: 13px; + font-weight: 500; + color: var(--directorist-color-body); } .directorist-advanced-filter .directorist-btn-ml:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-advanced-filter .directorist-btn-ml { - margin-top: 10px; - } + .directorist-advanced-filter .directorist-btn-ml { + margin-top: 10px; + } } .directorist-search-field-radius_search { - position: relative; + position: relative; } -.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap { - position: absolute; - right: 0; - top: 0; +.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + position: absolute; + right: 0; + top: 0; } .directorist-search-field-review .directorist-checkbox { - display: block; - width: auto; -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - font-size: 13px; - font-weight: 400; - padding-left: 35px; - color: var(--directorist-color-body); -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:not(:last-child) { - margin-bottom: 20px; + display: block; + width: auto; +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label { + display: flex; + align-items: center; + flex-direction: row; + font-size: 13px; + font-weight: 400; + padding-left: 35px; + color: var(--directorist-color-body); +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:not(:last-child) { + margin-bottom: 20px; } @media screen and (max-width: 575px) { - .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:not(:last-child) { - margin-bottom: 10px; - } -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:before { - top: 3px; -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:after { - top: -2px; + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:not(:last-child) { + margin-bottom: 10px; + } +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:before { + top: 3px; +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:after { + top: -2px; } @media only screen and (max-width: 575px) { - .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:after { - top: 0; - } + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:after { + top: 0; + } } @media only screen and (max-width: 575px) { - .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label { - padding-left: 28px; - } -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-light); -} -.directorist-search-field-review .directorist-checkbox input[value="5"] + label .directorist-icon-mask:after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review .directorist-checkbox input[value="4"] + label .directorist-icon-mask:not(:nth-child(5)):after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(1):after, .directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(2):after, .directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(3):after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review .directorist-checkbox input[value="2"] + label .directorist-icon-mask:nth-child(1):after, .directorist-search-field-review .directorist-checkbox input[value="2"] + label .directorist-icon-mask:nth-child(2):after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review .directorist-checkbox input[value="1"] + label .directorist-icon-mask:nth-child(1):after { - background-color: var(--directorist-color-star); + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label { + padding-left: 28px; + } +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-light); +} +.directorist-search-field-review + .directorist-checkbox + input[value="5"] + + label + .directorist-icon-mask:after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="4"] + + label + .directorist-icon-mask:not(:nth-child(5)):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="3"] + + label + .directorist-icon-mask:nth-child(1):after, +.directorist-search-field-review + .directorist-checkbox + input[value="3"] + + label + .directorist-icon-mask:nth-child(2):after, +.directorist-search-field-review + .directorist-checkbox + input[value="3"] + + label + .directorist-icon-mask:nth-child(3):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="2"] + + label + .directorist-icon-mask:nth-child(1):after, +.directorist-search-field-review + .directorist-checkbox + input[value="2"] + + label + .directorist-icon-mask:nth-child(2):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="1"] + + label + .directorist-icon-mask:nth-child(1):after { + background-color: var(--directorist-color-star); } .directorist-search-field .directorist-price-ranges { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: flex; + flex-wrap: wrap; + gap: 20px; } @media (max-width: 575px) { - .directorist-search-field .directorist-price-ranges { - gap: 12px 35px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - } - .directorist-search-field .directorist-price-ranges:after { - content: ""; - position: absolute; - top: 20px; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - width: 10px; - height: 2px; - background-color: var(--directorist-color-border); - } - .directorist-search-field .directorist-price-ranges .directorist-form-group:last-child { - margin-left: 15px; - } + .directorist-search-field .directorist-price-ranges { + gap: 12px 35px; + justify-content: space-between; + position: relative; + } + .directorist-search-field .directorist-price-ranges:after { + content: ""; + position: absolute; + top: 20px; + left: 50%; + transform: translateX(-50%); + width: 10px; + height: 2px; + background-color: var(--directorist-color-border); + } + .directorist-search-field + .directorist-price-ranges + .directorist-form-group:last-child { + margin-left: 15px; + } } @media (max-width: 480px) { - .directorist-search-field .directorist-price-ranges { - gap: 20px; - } + .directorist-search-field .directorist-price-ranges { + gap: 20px; + } } .directorist-search-field .directorist-price-ranges__item { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - position: relative; -} -.directorist-search-field .directorist-price-ranges__item.directorist-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background: transparent; - border-bottom: 1px solid var(--directorist-color-border); -} -.directorist-search-field .directorist-price-ranges__item.directorist-form-group .directorist-form-element { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - border: 0 none !important; -} -.directorist-search-field .directorist-price-ranges__item.directorist-form-group:focus-within { - border-bottom: 2px solid var(--directorist-color-primary); + flex: 1; + position: relative; +} +.directorist-search-field + .directorist-price-ranges__item.directorist-form-group { + display: flex; + align-items: center; + background: transparent; + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-search-field + .directorist-price-ranges__item.directorist-form-group + .directorist-form-element { + flex: 1; + border: 0 none !important; +} +.directorist-search-field + .directorist-price-ranges__item.directorist-form-group:focus-within { + border-bottom: 2px solid var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-search-field .directorist-price-ranges__item.directorist-form-group { - padding: 0 15px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); - } - .directorist-search-field .directorist-price-ranges__item.directorist-form-group:focus { - padding-bottom: 0; - border: 2px solid var(--directorist-color-primary); - } - .directorist-search-field .directorist-price-ranges__item.directorist-form-group__prefix { - height: 34px; - line-height: 34px; - } + .directorist-search-field + .directorist-price-ranges__item.directorist-form-group { + padding: 0 15px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); + } + .directorist-search-field + .directorist-price-ranges__item.directorist-form-group:focus { + padding-bottom: 0; + border: 2px solid var(--directorist-color-primary); + } + .directorist-search-field + .directorist-price-ranges__item.directorist-form-group__prefix { + height: 34px; + line-height: 34px; + } } .directorist-search-field .directorist-price-ranges__label { - margin-right: 5px; + margin-right: 5px; } .directorist-search-field .directorist-price-ranges__currency { - line-height: 1; - margin-right: 4px; + line-height: 1; + margin-right: 4px; } .directorist-search-field .directorist-price-ranges__price-frequency { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - width: 100%; - gap: 6px; - margin: 11px 0 0; + display: flex; + flex-wrap: wrap; + flex: 0 0 100%; + width: 100%; + gap: 6px; + margin: 11px 0 0; } @media screen and (max-width: 575px) { - .directorist-search-field .directorist-price-ranges__price-frequency { - gap: 0; - margin: 0; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); - } - .directorist-search-field .directorist-price-ranges__price-frequency label { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0; - } - .directorist-search-field .directorist-price-ranges__price-frequency label:first-child .directorist-pf-range { - border-radius: 10px 0 0 10px; - } - .directorist-search-field .directorist-price-ranges__price-frequency label:last-child .directorist-pf-range { - border-radius: 0 10px 10px 0; - } - .directorist-search-field .directorist-price-ranges__price-frequency label:not(last-child) { - border-right: 1px solid var(--directorist-color-border); - } -} -.directorist-search-field .directorist-price-ranges__price-frequency input[type=radio] { - display: none; -} -.directorist-search-field .directorist-price-ranges__price-frequency input[type=radio]:checked + .directorist-pf-range { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + .directorist-search-field .directorist-price-ranges__price-frequency { + gap: 0; + margin: 0; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); + } + .directorist-search-field .directorist-price-ranges__price-frequency label { + flex: 1; + margin: 0; + } + .directorist-search-field + .directorist-price-ranges__price-frequency + label:first-child + .directorist-pf-range { + border-radius: 10px 0 0 10px; + } + .directorist-search-field + .directorist-price-ranges__price-frequency + label:last-child + .directorist-pf-range { + border-radius: 0 10px 10px 0; + } + .directorist-search-field + .directorist-price-ranges__price-frequency + label:not(last-child) { + border-right: 1px solid var(--directorist-color-border); + } +} +.directorist-search-field + .directorist-price-ranges__price-frequency + input[type="radio"] { + display: none; +} +.directorist-search-field + .directorist-price-ranges__price-frequency + input[type="radio"]:checked + + .directorist-pf-range { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-search-field .directorist-price-ranges .directorist-pf-range { - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-dark); - background-color: var(--directorist-color-border); - border-radius: 8px; - width: 70px; - height: 36px; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + color: var(--directorist-color-dark); + background-color: var(--directorist-color-border); + border-radius: 8px; + width: 70px; + height: 36px; } @media screen and (max-width: 575px) { - .directorist-search-field .directorist-price-ranges .directorist-pf-range { - width: 100%; - border-radius: 0; - background-color: var(--directorist-color-white); - } + .directorist-search-field .directorist-price-ranges .directorist-pf-range { + width: 100%; + border-radius: 0; + background-color: var(--directorist-color-white); + } } .directorist-search-field { - font-size: 15px; + font-size: 15px; } .directorist-search-field .wp-picker-container .wp-picker-clear, .directorist-search-field .wp-picker-container .wp-color-result { - position: relative; - height: 40px; - border: 0 none; - width: 140px; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - border-radius: 3px; - text-decoration: none; + position: relative; + height: 40px; + border: 0 none; + width: 140px; + transition: all 0.2s ease-in-out; + border-radius: 3px; + text-decoration: none; } .directorist-search-field .wp-picker-container .wp-color-result { - position: relative; - height: 40px; - border: 0 none; - width: 140px; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - border-radius: 3px; + position: relative; + height: 40px; + border: 0 none; + width: 140px; + transition: all 0.2s ease-in-out; + border-radius: 3px; } .directorist-search-field .wp-picker-container .wp-color-result-text { - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - height: 100%; - width: 102px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-transform: capitalize; - line-height: 1; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + height: 100%; + width: 102px; + display: flex; + align-items: center; + justify-content: center; + text-transform: capitalize; + line-height: 1; } .directorist-search-field .wp-picker-holder { - position: absolute; - z-index: 22; + position: absolute; + z-index: 22; } .check-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .check-btn label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: inline-flex; } .check-btn label input { - display: none; + display: none; } .check-btn label input:checked + span:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .check-btn label input:checked + span:after { - border-color: var(--directorist-color-primary); - background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .check-btn label span { - position: relative; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 8px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - height: 42px; - padding-right: 18px; - padding-left: 45px; - font-weight: 400; - font-size: 14px; - border-radius: 8px; - background-color: var(--directorist-color-light); - color: var(--directorist-color-body); - cursor: pointer; + position: relative; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + gap: 8px; + transition: 0.3s ease; + height: 42px; + padding-right: 18px; + padding-left: 45px; + font-weight: 400; + font-size: 14px; + border-radius: 8px; + background-color: var(--directorist-color-light); + color: var(--directorist-color-body); + cursor: pointer; } .check-btn label span i { - display: none; + display: none; } .check-btn label span:before { - position: absolute; - left: 23px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: var(--directorist-color-white); - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; + position: absolute; + left: 23px; + top: 50%; + transform: translateY(-50%); + content: ""; + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); + display: block; + opacity: 0; + transition: all 0.3s ease 0s; + z-index: 2; } .check-btn label span:after { - position: absolute; - left: 18px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - width: 16px; - height: 16px; - border-radius: 5px; - content: ""; - border: 2px solid #d9d9d9; - background-color: var(--directorist-color-white); - -webkit-box-sizing: content-box; - box-sizing: content-box; + position: absolute; + left: 18px; + top: 50%; + transform: translateY(-50%); + width: 16px; + height: 16px; + border-radius: 5px; + content: ""; + border: 2px solid #d9d9d9; + background-color: var(--directorist-color-white); + box-sizing: content-box; } /* google map location suggestion container */ .pac-container { - z-index: 99999; + z-index: 99999; } .directorist-search-top { - text-align: center; - margin-bottom: 34px; + text-align: center; + margin-bottom: 34px; } .directorist-search-top__title { - color: var(--directorist-color-dark); - font-size: 36px; - font-weight: 500; - margin-bottom: 18px; + color: var(--directorist-color-dark); + font-size: 36px; + font-weight: 500; + margin-bottom: 18px; } .directorist-search-top__subtitle { - color: var(--directorist-color-body); - font-size: 18px; - opacity: 0.8; - text-align: center; + color: var(--directorist-color-body); + font-size: 18px; + opacity: 0.8; + text-align: center; } .directorist-search-contents { - background-size: cover; - padding: 100px 0 120px; + background-size: cover; + padding: 100px 0 120px; } .directorist-search-field__label { - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - -webkit-transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; - transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder, .directorist-search-field__label ~ .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder, .directorist-search-field__label ~ .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder, .directorist-search-field__label ~ .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder, .directorist-search-field__label ~ .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::placeholder, -.directorist-search-field__label ~ .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; +} +.directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; } .directorist-search-field .directorist-form-group__prefix--start { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + opacity: 0; + transition: opacity 0.3s ease; } .directorist-search-field__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - position: absolute; - bottom: 12px; - cursor: pointer; + display: flex; + position: absolute; + bottom: 12px; + cursor: pointer; } .directorist-search-field__btn--clear { - right: 0; - opacity: 0; - visibility: hidden; + right: 0; + opacity: 0; + visibility: hidden; } .directorist-search-field__btn--clear i::after { - width: 16px; - height: 16px; - background-color: #bcbcbc; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; + width: 16px; + height: 16px; + background-color: #bcbcbc; + transition: background-color 0.3s ease; } .directorist-search-field__btn--clear:hover i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-search-field .directorist-filter-location-icon { - right: -15px; - } -} -.directorist-search-field.input-has-value .directorist-search-field__input:not(.directorist-select), .directorist-search-field.input-is-focused .directorist-search-field__input:not(.directorist-select) { - padding-right: 25px; -} -.directorist-search-field.input-has-value .directorist-search-field__input.directorist-location-js, .directorist-search-field.input-is-focused .directorist-search-field__input.directorist-location-js { - padding-right: 45px; -} -.directorist-search-field.input-has-value .directorist-search-field__input[type=number], .directorist-search-field.input-is-focused .directorist-search-field__input[type=number] { - appearance: none !important; - -webkit-appearance: none !important; - -moz-appearance: none !important; -} -.directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__input::placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__label, .directorist-search-field.input-is-focused .directorist-search-field__label { - top: 0; - font-size: 13px; - font-weight: 400; - color: var(--directorist-color-body); + .directorist-search-field .directorist-filter-location-icon { + right: -15px; + } +} +.directorist-search-field.input-has-value + .directorist-search-field__input:not(.directorist-select), +.directorist-search-field.input-is-focused + .directorist-search-field__input:not(.directorist-select) { + padding-right: 25px; +} +.directorist-search-field.input-has-value + .directorist-search-field__input.directorist-location-js, +.directorist-search-field.input-is-focused + .directorist-search-field__input.directorist-location-js { + padding-right: 45px; +} +.directorist-search-field.input-has-value + .directorist-search-field__input[type="number"], +.directorist-search-field.input-is-focused + .directorist-search-field__input[type="number"] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; +} +.directorist-search-field.input-has-value + .directorist-search-field__input::placeholder, +.directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-field.input-has-value .directorist-search-field__label, +.directorist-search-field.input-is-focused .directorist-search-field__label { + top: 0; + font-size: 13px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-search-field.input-has-value .directorist-search-field__btn--clear, -.directorist-search-field.input-has-value .directorist-search-field__btn i::after, .directorist-search-field.input-is-focused .directorist-search-field__btn--clear, -.directorist-search-field.input-is-focused .directorist-search-field__btn i::after { - opacity: 1; - visibility: visible; -} -.directorist-search-field.input-has-value .directorist-form-group__with-prefix, .directorist-search-field.input-is-focused .directorist-form-group__with-prefix { - border-bottom: 2px solid var(--directorist-color-primary); -} -.directorist-search-field.input-has-value .directorist-form-group__prefix--start, .directorist-search-field.input-is-focused .directorist-form-group__prefix--start { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-form-group__with-prefix, .directorist-search-field.input-is-focused .directorist-form-group__with-prefix { - padding-right: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-search-field.input-has-value .directorist-form-group__with-prefix .directorist-search-field__input, .directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input { - bottom: 0; +.directorist-search-field.input-has-value + .directorist-search-field__btn + i::after, +.directorist-search-field.input-is-focused + .directorist-search-field__btn--clear, +.directorist-search-field.input-is-focused + .directorist-search-field__btn + i::after { + opacity: 1; + visibility: visible; +} +.directorist-search-field.input-has-value .directorist-form-group__with-prefix, +.directorist-search-field.input-is-focused + .directorist-form-group__with-prefix { + border-bottom: 2px solid var(--directorist-color-primary); +} +.directorist-search-field.input-has-value + .directorist-form-group__prefix--start, +.directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-search-field.input-has-value .directorist-form-group__with-prefix, +.directorist-search-field.input-is-focused + .directorist-form-group__with-prefix { + padding-right: 25px; + box-sizing: border-box; +} +.directorist-search-field.input-has-value + .directorist-form-group__with-prefix + .directorist-search-field__input, +.directorist-search-field.input-is-focused + .directorist-form-group__with-prefix + .directorist-search-field__input { + bottom: 0; } .directorist-search-field.input-has-value .directorist-select, -.directorist-search-field.input-has-value .directorist-search-field__input, .directorist-search-field.input-is-focused .directorist-select, +.directorist-search-field.input-has-value .directorist-search-field__input, +.directorist-search-field.input-is-focused .directorist-select, .directorist-search-field.input-is-focused .directorist-search-field__input { - position: relative; - bottom: -5px; + position: relative; + bottom: -5px; } .directorist-search-field.input-has-value.input-has-noLabel .directorist-select, -.directorist-search-field.input-has-value.input-has-noLabel .directorist-search-field__input, .directorist-search-field.input-is-focused.input-has-noLabel .directorist-select, -.directorist-search-field.input-is-focused.input-has-noLabel .directorist-search-field__input { - bottom: 0; - margin-top: 0 !important; -} -.directorist-search-field.input-has-value.directorist-date .directorist-search-field__label, .directorist-search-field.input-has-value.directorist-time .directorist-search-field__label, .directorist-search-field.input-has-value.directorist-color .directorist-search-field__label, -.directorist-search-field.input-has-value .directorist-select .directorist-search-field__label, .directorist-search-field.input-is-focused.directorist-date .directorist-search-field__label, .directorist-search-field.input-is-focused.directorist-time .directorist-search-field__label, .directorist-search-field.input-is-focused.directorist-color .directorist-search-field__label, -.directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-location-js, .directorist-search-field.input-is-focused .directorist-location-js { - padding-right: 45px; -} -.directorist-search-field.input-has-value .select2-selection--single .select2-selection__rendered, -.directorist-search-field.input-has-value .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered, -.directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-dark); -} -.directorist-search-field.input-has-value .directorist-select2-addons-area .directorist-icon-mask:after, .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-dark); -} -.directorist-search-field.directorist-date .directorist-search-field__label, .directorist-search-field.directorist-time .directorist-search-field__label, .directorist-search-field.directorist-color .directorist-search-field__label, +.directorist-search-field.input-has-value.input-has-noLabel + .directorist-search-field__input, +.directorist-search-field.input-is-focused.input-has-noLabel + .directorist-select, +.directorist-search-field.input-is-focused.input-has-noLabel + .directorist-search-field__input { + bottom: 0; + margin-top: 0 !important; +} +.directorist-search-field.input-has-value.directorist-date + .directorist-search-field__label, +.directorist-search-field.input-has-value.directorist-time + .directorist-search-field__label, +.directorist-search-field.input-has-value.directorist-color + .directorist-search-field__label, +.directorist-search-field.input-has-value + .directorist-select + .directorist-search-field__label, +.directorist-search-field.input-is-focused.directorist-date + .directorist-search-field__label, +.directorist-search-field.input-is-focused.directorist-time + .directorist-search-field__label, +.directorist-search-field.input-is-focused.directorist-color + .directorist-search-field__label, +.directorist-search-field.input-is-focused + .directorist-select + .directorist-search-field__label { + opacity: 1; +} +.directorist-search-field.input-has-value .directorist-location-js, +.directorist-search-field.input-is-focused .directorist-location-js { + padding-right: 45px; +} +.directorist-search-field.input-has-value + .select2-selection--single + .select2-selection__rendered, +.directorist-search-field.input-has-value + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder, +.directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered, +.directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); +} +.directorist-search-field.input-has-value + .directorist-select2-addons-area + .directorist-icon-mask:after, +.directorist-search-field.input-is-focused + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); +} +.directorist-search-field.directorist-date .directorist-search-field__label, +.directorist-search-field.directorist-time .directorist-search-field__label, +.directorist-search-field.directorist-color .directorist-search-field__label, .directorist-search-field .directorist-select .directorist-search-field__label { - opacity: 0; + opacity: 0; } -.directorist-search-field .directorist-select ~ .directorist-search-field__btn--clear, -.directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - right: 25px; +.directorist-search-field + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + right: 25px; } .directorist-search-field .directorist-select .directorist-icon-mask:after, -.directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after { - background-color: #808080; +.directorist-search-field + .directorist-filter-location-icon + .directorist-icon-mask:after { + background-color: #808080; } -.directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - bottom: 8px; +.directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + bottom: 8px; } -.directorist-preload .directorist-search-form-top .directorist-search-field__label ~ .directorist-search-field__input { - opacity: 0; - pointer-events: none; +.directorist-preload + .directorist-search-form-top + .directorist-search-field__label + ~ .directorist-search-field__input { + opacity: 0; + pointer-events: none; } .directorist-search-form__box { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 100%; - border: none; - border-radius: 10px; - padding: 22px 22px 22px 25px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: flex; + align-items: flex-start; + justify-content: space-between; + flex-wrap: wrap; + width: 100%; + border: none; + border-radius: 10px; + padding: 22px 22px 22px 25px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + box-sizing: border-box; } @media screen and (max-width: 767px) { - .directorist-search-form__box { - gap: 15px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-search-form__box { + gap: 15px; + flex-direction: column; + } } @media only screen and (max-width: 575px) { - .directorist-search-form__box { - padding: 0; - -webkit-box-shadow: unset; - box-shadow: unset; - border: none; - } - .directorist-search-form__box .directorist-search-form-action { - display: none; - } + .directorist-search-form__box { + padding: 0; + box-shadow: unset; + border: none; + } + .directorist-search-form__box .directorist-search-form-action { + display: none; + } } .directorist-search-form__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 18px; + display: flex; + flex-wrap: wrap; + flex: 1; + gap: 18px; } @media screen and (max-width: 767px) { - .directorist-search-form__top { - width: 100%; - } + .directorist-search-form__top { + width: 100%; + } } @media screen and (min-width: 576px) { - .directorist-search-form__top { - margin-top: 5px; - } - .directorist-search-form__top .directorist-search-modal__minimizer { - display: none; - } - .directorist-search-form__top .directorist-search-modal__contents { - border-radius: 0; - z-index: 1; - } - .directorist-search-form__top .directorist-search-query:after { - display: none; - } - .directorist-search-form__top .directorist-search-modal__input { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 30%; - -webkit-flex: 30%; - -ms-flex: 30%; - flex: 30%; - margin: 0; - border: none; - border-radius: 0; - } - .directorist-search-form__top .directorist-search-modal__input .directorist-search-modal__input__btn { - display: none; - } - .directorist-search-form__top .directorist-search-modal__input .directorist-form-group .directorist-form-element:focus { - border-bottom: 2px solid var(--directorist-color-primary); - } - .directorist-search-form__top .directorist-search-modal__contents__body .directorist-search-modal__input .directorist-search-field { - border: 0 none; - } - .directorist-search-form__top .directorist-search-modal__input:not(:nth-last-child(1)) .directorist-search-field { - border-right: 1px solid var(--directorist-color-border); - } - .directorist-search-form__top .directorist-search-adv-filter.directorist-advanced-filter.directorist-search-modal__contents { - position: unset; - opacity: 1 !important; - visibility: visible !important; - -webkit-transform: unset; - transform: unset; - width: 100%; - margin: 0; - max-width: unset; - overflow: visible; - } - .directorist-search-form__top .directorist-search-modal__contents__body { - height: auto; - padding: 0; - gap: 18px; - margin: 0; - overflow: unset; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } - .directorist-search-form__top .directorist-advanced-filter .directorist-form-group.directorist-icon-left .directorist-input-icon { - left: 15px; - } - .directorist-search-form__top .directorist-advanced-filter .directorist-form-group.directorist-icon-right .directorist-input-icon, - .directorist-search-form__top .select2-container[dir=ltr] .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - right: 15px; - } - .directorist-search-form__top .select2-container[dir=ltr] .directorist-select2-addons-area .directorist-select2-dropdown-close { - right: 30px; - } - .directorist-search-form__top .directorist-search-modal__input:focus .directorist-select2-dropdown-toggle, - .directorist-search-form__top .directorist-search-modal__input:focus-within .directorist-select2-dropdown-toggle { - display: block; - } - .directorist-search-form__top .directorist-select, - .directorist-search-form__top .directorist-search-category { - width: calc(100% + 15px); - } + .directorist-search-form__top { + margin-top: 5px; + } + .directorist-search-form__top .directorist-search-modal__minimizer { + display: none; + } + .directorist-search-form__top .directorist-search-modal__contents { + border-radius: 0; + z-index: 1; + } + .directorist-search-form__top .directorist-search-query:after { + display: none; + } + .directorist-search-form__top .directorist-search-modal__input { + display: flex; + flex: 30%; + margin: 0; + border: none; + border-radius: 0; + } + .directorist-search-form__top + .directorist-search-modal__input + .directorist-search-modal__input__btn { + display: none; + } + .directorist-search-form__top + .directorist-search-modal__input + .directorist-form-group + .directorist-form-element:focus { + border-bottom: 2px solid var(--directorist-color-primary); + } + .directorist-search-form__top + .directorist-search-modal__contents__body + .directorist-search-modal__input + .directorist-search-field { + border: 0 none; + } + .directorist-search-form__top + .directorist-search-modal__input:not(:nth-last-child(1)) + .directorist-search-field { + border-right: 1px solid var(--directorist-color-border); + } + .directorist-search-form__top + .directorist-search-adv-filter.directorist-advanced-filter.directorist-search-modal__contents { + position: unset; + opacity: 1 !important; + visibility: visible !important; + transform: unset; + width: 100%; + margin: 0; + max-width: unset; + overflow: visible; + } + .directorist-search-form__top .directorist-search-modal__contents__body { + height: auto; + padding: 0; + gap: 18px; + margin: 0; + overflow: unset; + display: flex; + flex-wrap: wrap; + align-items: flex-start; + } + .directorist-search-form__top + .directorist-advanced-filter + .directorist-form-group.directorist-icon-left + .directorist-input-icon { + left: 15px; + } + .directorist-search-form__top + .directorist-advanced-filter + .directorist-form-group.directorist-icon-right + .directorist-input-icon, + .directorist-search-form__top + .select2-container[dir="ltr"] + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + right: 15px; + } + .directorist-search-form__top + .select2-container[dir="ltr"] + .directorist-select2-addons-area + .directorist-select2-dropdown-close { + right: 30px; + } + .directorist-search-form__top + .directorist-search-modal__input:focus + .directorist-select2-dropdown-toggle, + .directorist-search-form__top + .directorist-search-modal__input:focus-within + .directorist-select2-dropdown-toggle { + display: block; + } + .directorist-search-form__top .directorist-select, + .directorist-search-form__top .directorist-search-category { + width: calc(100% + 15px); + } } @media screen and (max-width: 767px) { - .directorist-search-form__top .directorist-search-modal__input { - -webkit-box-flex: 44%; - -webkit-flex: 44%; - -ms-flex: 44%; - flex: 44%; - } + .directorist-search-form__top .directorist-search-modal__input { + flex: 44%; + } } -.directorist-search-form__top .directorist-search-modal__input .directorist-select2-dropdown-close { - display: none; +.directorist-search-form__top + .directorist-search-modal__input + .directorist-select2-dropdown-close { + display: none; } .directorist-search-form__top .directorist-search-form__single-category { - cursor: not-allowed; -} -.directorist-search-form__top .directorist-search-form__single-category .directorist-category-select { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top .directorist-search-form__single-category .directorist-category-select ~ .select2-container { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top .directorist-search-form__single-category ~ .directorist-search-field__btn { - cursor: not-allowed; - pointer-events: none; + cursor: not-allowed; +} +.directorist-search-form__top + .directorist-search-form__single-category + .directorist-category-select { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-category + .directorist-category-select + ~ .select2-container { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-category + ~ .directorist-search-field__btn { + cursor: not-allowed; + pointer-events: none; } .directorist-search-form__top .directorist-search-form__single-location { - cursor: not-allowed; -} -.directorist-search-form__top .directorist-search-form__single-location .directorist-location-select { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top .directorist-search-form__single-location .directorist-location-select ~ .select2-container { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top .directorist-search-form__single-location ~ .directorist-search-field__btn { - cursor: not-allowed; - pointer-events: none; + cursor: not-allowed; +} +.directorist-search-form__top + .directorist-search-form__single-location + .directorist-location-select { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-location + .directorist-location-select + ~ .select2-container { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-location + ~ .directorist-search-field__btn { + cursor: not-allowed; + pointer-events: none; } .directorist-search-form__top .directorist-search-field { - -webkit-box-flex: 30%; - -webkit-flex: 30%; - -ms-flex: 30%; - flex: 30%; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - margin: 0; - position: relative; - padding-bottom: 0; - padding-right: 15px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + flex: 30%; + flex-direction: column; + align-items: flex-start; + margin: 0; + position: relative; + padding-bottom: 0; + padding-right: 15px; + box-sizing: border-box; } .directorist-search-form__top .directorist-search-field:not(:last-child) { - border-right: 1px solid var(--directorist-color-border); + border-right: 1px solid var(--directorist-color-border); } .directorist-search-form__top .directorist-search-field__btn--clear { - right: 15px; - bottom: 8px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input { - padding-right: 25px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input.directorist-select, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input.directorist-select { - padding-right: 0; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-location-js, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-location-js { - padding-right: 45px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .select2-container .select2-selection, .directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .select2-selection { - width: 100%; -} -.directorist-search-form__top .directorist-search-field.input-has-value .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle, .directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - right: 15px; + right: 15px; + bottom: 8px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input { + padding-right: 25px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input.directorist-select, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input.directorist-select { + padding-right: 0; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::placeholder, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-location-js, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-right: 45px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .select2-container + .select2-selection, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .select2-container + .select2-selection { + width: 100%; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + right: 15px; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle, .directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - right: 5px; - } -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select, -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select, -.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon { - margin-top: 3px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear, -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear, -.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - right: 38px; - bottom: 8px; - top: unset; - -webkit-transform: unset; - transform: unset; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear { - bottom: 10px; + .directorist-search-form__top + .directorist-search-field.input-has-value + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + right: 5px; + } +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select, +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 3px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + right: 38px; + bottom: 8px; + top: unset; + transform: unset; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear { + bottom: 10px; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear { - right: 25px !important; - } -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap { - top: 12px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap ~ .directorist-search-field__btn--clear { - bottom: 0; + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear { + right: 25px !important; + } +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap { + top: 12px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear { + bottom: 0; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap { - top: 0; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap ~ .directorist-search-field__btn--clear { - bottom: unset; - } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap { + top: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear { + bottom: unset; + } } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-has-noLabel) .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select ~ .directorist-search-field__btn--clear { - right: 10px !important; - } -} -.directorist-search-form__top .directorist-search-field.input-has-value.atbdp-form-fade:after, .directorist-search-form__top .directorist-search-field.input-is-focused.atbdp-form-fade:after { - margin-top: 3px; -} -.directorist-search-form__top .directorist-search-field .directorist-form-element { - border: 0 none; - background-color: transparent; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border-bottom: 2px solid transparent; -} -.directorist-search-form__top .directorist-search-field .directorist-form-element:focus { - border-color: var(--directorist-color-primary); + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear { + right: 10px !important; + } +} +.directorist-search-form__top + .directorist-search-field.input-has-value.atbdp-form-fade:after, +.directorist-search-form__top + .directorist-search-field.input-is-focused.atbdp-form-fade:after { + margin-top: 3px; +} +.directorist-search-form__top + .directorist-search-field + .directorist-form-element { + border: 0 none; + background-color: transparent; + transition: all 0.3s ease-in-out; + border-bottom: 2px solid transparent; +} +.directorist-search-form__top + .directorist-search-field + .directorist-form-element:focus { + border-color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field .directorist-form-element { - border: 0 none; - border-radius: 0; - overflow: hidden; - -ms-text-overflow: ellipsis; - text-overflow: ellipsis; - } -} -.directorist-search-form__top .directorist-search-field .directorist-year-ranges__item .directorist-form-element { - border-bottom: 2px solid var(--directorist-color-border); -} -.directorist-search-form__top .directorist-search-field .directorist-year-ranges__item .directorist-form-element:focus { - border-color: var(--directorist-color-primary); -} -.directorist-search-form__top .directorist-search-field .directorist-price-ranges__item .directorist-form-element { - border: none !important; -} -.directorist-search-form__top .directorist-search-field .directorist-price-ranges__item .directorist-form-element:focus { - border: none !important; -} -.directorist-search-form__top .directorist-search-field.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap { - right: 15px; -} -.directorist-search-form__top .directorist-search-field .directorist-select select, -.directorist-search-form__top .directorist-search-field .directorist-select .directorist-select__label { - border: 0 none; + .directorist-search-form__top + .directorist-search-field + .directorist-form-element { + border: 0 none; + border-radius: 0; + overflow: hidden; + -o-text-overflow: ellipsis; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; + } +} +.directorist-search-form__top + .directorist-search-field + .directorist-year-ranges__item + .directorist-form-element { + border-bottom: 2px solid var(--directorist-color-border); +} +.directorist-search-form__top + .directorist-search-field + .directorist-year-ranges__item + .directorist-form-element:focus { + border-color: var(--directorist-color-primary); +} +.directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__item + .directorist-form-element { + border: none !important; +} +.directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__item + .directorist-form-element:focus { + border: none !important; +} +.directorist-search-form__top + .directorist-search-field.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + right: 15px; +} +.directorist-search-form__top + .directorist-search-field + .directorist-select + select, +.directorist-search-form__top + .directorist-search-field + .directorist-select + .directorist-select__label { + border: 0 none; } .directorist-search-form__top .directorist-search-field .wp-picker-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap { - margin: 0; +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap { + margin: 0; } @media screen and (max-width: 480px) { - .directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap label { - width: 70px; -} -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap label input { - padding-right: 10px; - bottom: 0; -} -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap .wp-picker-clear { - margin: 0; - width: 100px; -} -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-holder { - top: 45px; -} -.directorist-search-form__top .directorist-search-field .directorist-checkbox-wrapper, -.directorist-search-form__top .directorist-search-field .directorist-radio-wrapper, -.directorist-search-form__top .directorist-search-field .directorist-search-tags { - padding: 0; - gap: 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-form__top .directorist-search-field .select2.select2-container.select2-container--default .select2-selection__rendered { - font-size: 14px; - font-weight: 500; + .directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap { + flex-direction: column; + } +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap + label { + width: 70px; +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap + label + input { + padding-right: 10px; + bottom: 0; +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-holder { + top: 45px; +} +.directorist-search-form__top + .directorist-search-field + .directorist-checkbox-wrapper, +.directorist-search-form__top + .directorist-search-field + .directorist-radio-wrapper, +.directorist-search-form__top + .directorist-search-field + .directorist-search-tags { + padding: 0; + gap: 20px; + flex-wrap: wrap; + flex-direction: column; +} +.directorist-search-form__top + .directorist-search-field + .select2.select2-container.select2-container--default + .select2-selection__rendered { + font-size: 14px; + font-weight: 500; } .directorist-search-form__top .directorist-search-field .directorist-btn-ml { - display: block; - font-size: 13px; - font-weight: 500; - margin-top: 10px; - color: var(--directorist-color-body); + display: block; + font-size: 13px; + font-weight: 500; + margin-top: 10px; + color: var(--directorist-color-body); } -.directorist-search-form__top .directorist-search-field .directorist-btn-ml:hover { - color: var(--directorist-color-primary); +.directorist-search-form__top + .directorist-search-field + .directorist-btn-ml:hover { + color: var(--directorist-color-primary); } @media screen and (max-width: 767px) { - .directorist-search-form__top .directorist-search-field { - -webkit-box-flex: 44%; - -webkit-flex: 44%; - -ms-flex: 44%; - flex: 44%; - } + .directorist-search-form__top .directorist-search-field { + flex: 44%; + } } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field { - -webkit-box-flex: 100%; - -webkit-flex: 100%; - -ms-flex: 100%; - flex: 100%; - margin: 0 20px; - border: none !important; - } - .directorist-search-form__top .directorist-search-field__label { - left: 0; - min-width: 14px; - } - .directorist-search-form__top .directorist-search-field__label:before { - content: ""; - width: 14px; - height: 14px; - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/e6b033cae029287f53b3.svg); - mask-image: url(../js/e6b033cae029287f53b3.svg); - opacity: 0; - } - .directorist-search-form__top .directorist-search-field__btn { - bottom: unset; - right: 40px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - } - .directorist-search-form__top .directorist-search-field__btn i::after { - width: 14px; - height: 14px; - } - .directorist-search-form__top .directorist-search-field .select2-container.select2-container--default .select2-selection--single { - width: 100%; - } - .directorist-search-form__top .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - position: absolute; - right: 5px; - padding: 0; - width: auto; - } - .directorist-search-form__top .directorist-search-field.input-has-value, .directorist-search-form__top .directorist-search-field.input-is-focused { - padding: 0; - margin: 0 40px; - } + .directorist-search-form__top .directorist-search-field { + flex: 100%; + margin: 0 20px; + border: none !important; + } + .directorist-search-form__top .directorist-search-field__label { + left: 0; + min-width: 14px; + } + .directorist-search-form__top .directorist-search-field__label:before { + content: ""; + width: 14px; + height: 14px; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + background-color: var(--directorist-color-body); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + opacity: 0; + } + .directorist-search-form__top .directorist-search-field__btn { + bottom: unset; + right: 40px; + top: 50%; + transform: translateY(-50%); + transition: all 0.3s ease; + } + .directorist-search-form__top .directorist-search-field__btn i::after { + width: 14px; + height: 14px; + } + .directorist-search-form__top + .directorist-search-field + .select2-container.select2-container--default + .select2-selection--single { + width: 100%; + } + .directorist-search-form__top + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + position: absolute; + right: 5px; + padding: 0; + width: auto; + } + .directorist-search-form__top .directorist-search-field.input-has-value, + .directorist-search-form__top .directorist-search-field.input-is-focused { + padding: 0; + margin: 0 40px; + } } @media screen and (max-width: 575px) and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel, .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel { - margin: 0 20px; - } - .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-search-field__btn, .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-search-field__btn { - right: 0; - } + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel, + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel { + margin: 0 20px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel + .directorist-search-field__btn, + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel + .directorist-search-field__btn { + right: 0; + } } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__label, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__label { - font-size: 0 !important; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - left: -25px; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__label:before, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__label:before { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__btn, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__btn { - right: -20px; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__btn i::after, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__btn i::after { - width: 14px; - height: 14px; - opacity: 1; - visibility: visible; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - right: 25px; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear, - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear, - .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - bottom: 12px; - top: unset; - -webkit-transform: unset; - transform: unset; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-select, - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select, - .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input { - padding-right: 0; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-location-js, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-location-js { - padding-right: 30px; - } - .directorist-search-form__top .directorist-search-field.input-has-value.atbdp-form-fade:after, - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon, .directorist-search-form__top .directorist-search-field.input-is-focused.atbdp-form-fade:after, - .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon { - margin-top: 0; - } - .directorist-search-form__top .directorist-search-field.input-has-value.directorist-icon-right .directorist-input-icon, .directorist-search-form__top .directorist-search-field.input-is-focused.directorist-icon-right .directorist-input-icon { - right: -20px; - bottom: 12px; - } - .directorist-search-form__top .directorist-search-field.input-has-value.directorist-icon-right .directorist-input-icon.directorist-filter-location-icon, .directorist-search-form__top .directorist-search-field.input-is-focused.directorist-icon-right .directorist-input-icon.directorist-filter-location-icon { - right: 0; - bottom: 8px; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__label { - opacity: 0; - font-size: 0 !important; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field .directorist-price-ranges__label { - top: 12px; - left: 0; - } - .directorist-search-form__top .directorist-search-field .directorist-price-ranges__currency { - top: 12px; - left: 32px; - } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::placeholder, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__label, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__label { + font-size: 0 !important; + top: 50%; + transform: translateY(-50%); + left: -25px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__label:before, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__label:before { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__btn, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__btn { + right: -20px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__btn + i::after, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__btn + i::after { + width: 14px; + height: 14px; + opacity: 1; + visibility: visible; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + right: 25px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + bottom: 12px; + top: unset; + transform: unset; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select, + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input { + padding-right: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-location-js, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-right: 30px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.atbdp-form-fade:after, + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon, + .directorist-search-form__top + .directorist-search-field.input-is-focused.atbdp-form-fade:after, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.directorist-icon-right + .directorist-input-icon, + .directorist-search-form__top + .directorist-search-field.input-is-focused.directorist-icon-right + .directorist-input-icon { + right: -20px; + bottom: 12px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.directorist-icon-right + .directorist-input-icon.directorist-filter-location-icon, + .directorist-search-form__top + .directorist-search-field.input-is-focused.directorist-icon-right + .directorist-input-icon.directorist-filter-location-icon { + right: 0; + bottom: 8px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__label { + opacity: 0; + font-size: 0 !important; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; + } + .directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__label { + top: 12px; + left: 0; + } + .directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__currency { + top: 12px; + left: 32px; + } } .directorist-search-form__top .select2-container { - width: 100%; -} -.directorist-search-form__top .select2-container.select2-container--default .select2-selection--single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 5px 0; - border: 0 none !important; - width: calc(100% - 15px); -} -.directorist-search-form__top .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-body); -} -.directorist-search-form__top .select2-container.select2-container--default .directorist-select2-addons-area .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-form__top .select2-container.select2-container--default .directorist-select2-addons-area .directorist-icon-mask:after { - width: 12px; - height: 12px; - background-color: #808080; -} -.directorist-search-form__top .select2-container .directorist-select2-dropdown-close { - display: none; -} -.directorist-search-form__top .select2-container .directorist-select2-dropdown-toggle { - position: absolute; - padding: 0; - width: auto; -} -.directorist-search-form__top input[type=number]::-webkit-outer-spin-button, -.directorist-search-form__top input[type=number]::-webkit-inner-spin-button { - -webkit-appearance: none; - appearance: none; - margin: 0; + width: 100%; +} +.directorist-search-form__top + .select2-container.select2-container--default + .select2-selection--single { + display: flex; + align-items: center; + padding: 5px 0; + border: 0 none !important; + width: calc(100% - 15px); +} +.directorist-search-form__top + .select2-container.select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-body); +} +.directorist-search-form__top + .select2-container.select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask { + display: flex; + flex: 1; + justify-content: flex-end; +} +.directorist-search-form__top + .select2-container.select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask:after { + width: 12px; + height: 12px; + background-color: #808080; +} +.directorist-search-form__top + .select2-container + .directorist-select2-dropdown-close { + display: none; +} +.directorist-search-form__top + .select2-container + .directorist-select2-dropdown-toggle { + position: absolute; + padding: 0; + width: auto; +} +.directorist-search-form__top input[type="number"]::-webkit-outer-spin-button, +.directorist-search-form__top input[type="number"]::-webkit-inner-spin-button { + appearance: none; + margin: 0; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-form-dropdown { - padding: 0 !important; - margin-right: 5px !important; - } - .directorist-search-form__top .directorist-search-form-dropdown .directorist-search-field__btn { - right: 0; - } -} -.directorist-search-form__top .directorist-search-form-dropdown .directorist-search-field__btn--clear { - bottom: 12px; - opacity: 0; - visibility: hidden; -} -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - padding-right: 25px; -} -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label { - opacity: 1 !important; - visibility: visible; - font-size: 14px !important; - font-weight: 500; -} -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item { - font-weight: 600; - margin-left: 5px; -} -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn--clear, -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn i::after, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn--clear, -.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn i::after { - opacity: 1; - visibility: visible; + .directorist-search-form__top .directorist-search-form-dropdown { + padding: 0 !important; + margin-right: 5px !important; + } + .directorist-search-form__top + .directorist-search-form-dropdown + .directorist-search-field__btn { + right: 0; + } +} +.directorist-search-form__top + .directorist-search-form-dropdown + .directorist-search-field__btn--clear { + bottom: 12px; + opacity: 0; + visibility: hidden; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-right: 25px; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label { + opacity: 1 !important; + visibility: visible; + font-size: 14px !important; + font-weight: 500; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item { + font-weight: 600; + margin-left: 5px; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn + i::after, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn + i::after { + opacity: 1; + visibility: visible; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-form-dropdown.input-has-value, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused { - margin-right: 20px !important; - } - .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - padding-right: 0 !important; - } - .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { - right: 20px; - } - .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn--clear { - bottom: 5px; - } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused { + margin-right: 20px !important; + } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-right: 0 !important; + } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + right: 20px; + } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn--clear { + bottom: 5px; + } } .directorist-search-form__top .directorist-search-basic-dropdown { - position: relative; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - padding: 0; - width: 100%; - max-width: unset; - height: 40px; - line-height: 40px; - margin-bottom: 0 !important; - font-size: 14px; - font-weight: 400; - cursor: pointer; - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; - color: var(--directorist-color-body); -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-prefix:not(:empty) { - -webkit-margin-end: 5px; - margin-inline-end: 5px; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-count:not(:empty) { - width: 20px; - height: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - font-size: 10px; - border-radius: 100%; - -webkit-margin-start: 10px; - margin-inline-start: 10px; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i:after { - width: 12px; - height: 12px; - background-color: #808080; + position: relative; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + position: relative; + padding: 0; + width: 100%; + max-width: unset; + height: 40px; + line-height: 40px; + margin-bottom: 0 !important; + font-size: 14px; + font-weight: 400; + cursor: pointer; + position: unset !important; + transform: unset !important; + color: var(--directorist-color-body); +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-prefix:not(:empty) { + margin-inline-end: 5px; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-count:not(:empty) { + width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + font-size: 10px; + border-radius: 100%; + margin-inline-start: 10px; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: flex; + flex: 1; + justify-content: flex-end; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i:after { + width: 12px; + height: 12px; + background-color: #808080; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before { - left: -20px !important; - } -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content { - position: absolute; - top: 100%; - left: 0; - width: 100%; - min-width: 150px; - padding: 15px 20px; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-box-sizing: border-box; - box-sizing: border-box; - max-height: 250px; - overflow-y: auto; - z-index: 100; - display: none; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content.dropdown-content-show { - display: block; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-search-tags, -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-radio-wrapper, -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox-wrapper { - gap: 12px; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox__label { - width: 100%; + .directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label:before { + left: -20px !important; + } +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content { + position: absolute; + top: 100%; + left: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + box-sizing: border-box; + max-height: 250px; + overflow-y: auto; + z-index: 100; + display: none; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content.dropdown-content-show { + display: block; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-search-tags, +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-radio-wrapper, +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox-wrapper { + gap: 12px; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox__label { + width: 100%; } .directorist-search-form__top .directorist-form-group__with-prefix { - border: none; + border: none; } -.directorist-search-form__top .directorist-form-group__with-prefix .directorist-search-field__input { - padding-right: 0 !important; - border: none !important; - bottom: 0; +.directorist-search-form__top + .directorist-form-group__with-prefix + .directorist-search-field__input { + padding-right: 0 !important; + border: none !important; + bottom: 0; } -.directorist-search-form__top .directorist-form-group__with-prefix .directorist-search-field__input:focus { - border: none !important; +.directorist-search-form__top + .directorist-form-group__with-prefix + .directorist-search-field__input:focus { + border: none !important; } -.directorist-search-form__top .directorist-form-group__with-prefix .directorist-form-element { - padding-left: 0 !important; +.directorist-search-form__top + .directorist-form-group__with-prefix + .directorist-form-element { + padding-left: 0 !important; } -.directorist-search-form__top .directorist-form-group__with-prefix ~ .directorist-search-field__btn--clear { - bottom: 12px; +.directorist-search-form__top + .directorist-form-group__with-prefix + ~ .directorist-search-field__btn--clear { + bottom: 12px; } .directorist-search-form-action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-margin-end: auto; - margin-inline-end: auto; - -webkit-padding-start: 10px; - padding-inline-start: 10px; - gap: 10px; + display: flex; + align-items: center; + margin-inline-end: auto; + padding-inline-start: 10px; + gap: 10px; } @media only screen and (max-width: 767px) { - .directorist-search-form-action { - -webkit-padding-start: 0; - padding-inline-start: 0; - } + .directorist-search-form-action { + padding-inline-start: 0; + } } @media only screen and (max-width: 575px) { - .directorist-search-form-action { - width: 100%; - } + .directorist-search-form-action { + width: 100%; + } } .directorist-search-form-action button { - text-decoration: none; - text-transform: capitalize; + text-decoration: none; + text-transform: capitalize; } .directorist-search-form-action__filter .directorist-filter-btn { - gap: 6px; - height: 50px; - padding: 0 18px; - font-weight: 400; - background-color: var(--directorist-color-white) !important; - border-color: var(--directorist-color-white); - color: var(--directorist-color-btn-primary-bg); -} -.directorist-search-form-action__filter .directorist-filter-btn .directorist-icon-mask::after { - height: 12px; - width: 14px; - background-color: var(--directorist-color-btn-primary-bg); + gap: 6px; + height: 50px; + padding: 0 18px; + font-weight: 400; + background-color: var(--directorist-color-white) !important; + border-color: var(--directorist-color-white); + color: var(--directorist-color-btn-primary-bg); +} +.directorist-search-form-action__filter + .directorist-filter-btn + .directorist-icon-mask::after { + height: 12px; + width: 14px; + background-color: var(--directorist-color-btn-primary-bg); } .directorist-search-form-action__filter .directorist-filter-btn:hover { - color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); + color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); } @media only screen and (max-width: 767px) { - .directorist-search-form-action__filter .directorist-filter-btn { - padding-left: 0; - } + .directorist-search-form-action__filter .directorist-filter-btn { + padding-left: 0; + } } @media only screen and (max-width: 575px) { - .directorist-search-form-action__filter { - display: none; - } + .directorist-search-form-action__filter { + display: none; + } } .directorist-search-form-action__submit .directorist-btn-search { - gap: 8px; - height: 50px; - padding: 0 25px; - font-size: 15px; - font-weight: 700; - border-radius: 8px; -} -.directorist-search-form-action__submit .directorist-btn-search .directorist-icon-mask::after { - height: 16px; - width: 16px; - background-color: var(--directorist-color-white); - -webkit-transform: rotate(270deg); - transform: rotate(270deg); + gap: 8px; + height: 50px; + padding: 0 25px; + font-size: 15px; + font-weight: 700; + border-radius: 8px; +} +.directorist-search-form-action__submit + .directorist-btn-search + .directorist-icon-mask::after { + height: 16px; + width: 16px; + background-color: var(--directorist-color-white); + transform: rotate(270deg); } @media only screen and (max-width: 575px) { - .directorist-search-form-action__submit { - display: none; - } + .directorist-search-form-action__submit { + display: none; + } } .directorist-search-form-action__modal { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: flex; + flex-wrap: wrap; + gap: 20px; } @media only screen and (max-width: 575px) { - .directorist-search-form-action__modal { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .directorist-search-form-action__modal { + flex: 0 0 100%; + } } @media only screen and (min-width: 576px) { - .directorist-search-form-action__modal { - display: none; - } + .directorist-search-form-action__modal { + display: none; + } } .directorist-search-form-action__modal__btn-search { - gap: 8px; - width: 100%; - height: 44px; - padding: 0 25px; - font-weight: 600; - border-radius: 22px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + gap: 8px; + width: 100%; + height: 44px; + padding: 0 25px; + font-weight: 600; + border-radius: 22px; + flex: 1; } .directorist-search-form-action__modal__btn-search i::after { - width: 16px; - height: 16px; - -webkit-transform: rotate(270deg); - transform: rotate(270deg); + width: 16px; + height: 16px; + transform: rotate(270deg); } .directorist-search-form-action__modal__btn-advanced { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-search-form-action__modal__btn-advanced .directorist-icon-mask:after { - height: 16px; - width: 16px; + display: flex; + align-items: center; + justify-content: center; +} +.directorist-search-form-action__modal__btn-advanced + .directorist-icon-mask:after { + height: 16px; + width: 16px; } .atbdp-form-fade { - position: relative; - border-radius: 8px; - overflow: visible; + position: relative; + border-radius: 8px; + overflow: visible; } .atbdp-form-fade.directorist-search-form__box { - padding: 15px; - border-radius: 10px; + padding: 15px; + border-radius: 10px; } .atbdp-form-fade.directorist-search-form__box:after { - border-radius: 10px; + border-radius: 10px; } -.atbdp-form-fade.directorist-search-field input[type=text] { - padding-left: 15px; +.atbdp-form-fade.directorist-search-field input[type="text"] { + padding-left: 15px; } .atbdp-form-fade:before { - position: absolute; - content: ""; - width: 25px; - height: 25px; - border: 2px solid var(--directorist-color-primary); - border-top-color: transparent; - border-radius: 50%; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - -webkit-animation: atbd_spin2 2s linear infinite; - animation: atbd_spin2 2s linear infinite; - z-index: 9999; + position: absolute; + content: ""; + width: 25px; + height: 25px; + border: 2px solid var(--directorist-color-primary); + border-top-color: transparent; + border-radius: 50%; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + animation: atbd_spin2 2s linear infinite; + z-index: 9999; } .atbdp-form-fade:after { - position: absolute; - content: ""; - width: 100%; - height: 100%; - left: 0; - top: 0; - border-radius: 8px; - background: rgba(var(--directorist-color-primary-rgb), 0.3); - z-index: 9998; + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: 0; + top: 0; + border-radius: 8px; + background: rgba(var(--directorist-color-primary-rgb), 0.3); + z-index: 9998; } .directorist-on-scroll-loading { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; - font-size: 18px; - font-weight: 500; - color: var(--directorist-color-primary); - gap: 8px; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + font-size: 18px; + font-weight: 500; + color: var(--directorist-color-primary); + gap: 8px; } .directorist-on-scroll-loading .directorist-spinner { - width: 25px; - height: 25px; - margin: 0; - background: transparent; - border-top: 3px solid var(--directorist-color-primary); - border-right: 3px solid transparent; - border-radius: 50%; - -webkit-animation: 1s rotate360 linear infinite; - animation: 1s rotate360 linear infinite; + width: 25px; + height: 25px; + margin: 0; + background: transparent; + border-top: 3px solid var(--directorist-color-primary); + border-right: 3px solid transparent; + border-radius: 50%; + animation: 1s rotate360 linear infinite; } .directorist-listing-type-selection { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: end; - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - list-style-type: none; + display: flex; + justify-content: center; + align-items: flex-end; + flex-wrap: wrap; + list-style-type: none; } @media only screen and (max-width: 767px) { - .directorist-listing-type-selection { - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow-x: auto; - } + .directorist-listing-type-selection { + flex-wrap: nowrap; + overflow-x: auto; + } } @media only screen and (max-width: 575px) { - .directorist-listing-type-selection { - max-width: -webkit-fit-content; - max-width: -moz-fit-content; - max-width: fit-content; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-listing-type-selection { + max-width: fit-content; + justify-content: flex-start; + } } .directorist-listing-type-selection__item { - margin-bottom: 25px; - list-style: none; + margin-bottom: 25px; + list-style: none; } @media screen and (max-width: 575px) { - .directorist-listing-type-selection__item { - margin-bottom: 15px; - } + .directorist-listing-type-selection__item { + margin-bottom: 15px; + } } .directorist-listing-type-selection__item:not(:last-child) { - margin-right: 25px; + margin-right: 25px; } @media screen and (max-width: 575px) { - .directorist-listing-type-selection__item:not(:last-child) { - margin-right: 20px; - } + .directorist-listing-type-selection__item:not(:last-child) { + margin-right: 20px; + } } .directorist-listing-type-selection__item a { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-size: 15px; - font-weight: 500; - text-decoration: none; - white-space: nowrap; - padding: 0 0 8px; - color: var(--directorist-color-body); + position: relative; + display: flex; + align-items: center; + flex-direction: column; + font-size: 15px; + font-weight: 500; + text-decoration: none; + white-space: nowrap; + padding: 0 0 8px; + color: var(--directorist-color-body); } .directorist-listing-type-selection__item a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-listing-type-selection__item a:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-listing-type-selection__item a:focus { - background-color: transparent; + background-color: transparent; } .directorist-listing-type-selection__item a:after { - content: ""; - position: absolute; - left: 0; - bottom: 0; - width: 100%; - height: 2px; - border-radius: 6px; - opacity: 0; - visibility: hidden; - background-color: var(--directorist-color-primary); + content: ""; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 2px; + border-radius: 6px; + opacity: 0; + visibility: hidden; + background-color: var(--directorist-color-primary); } .directorist-listing-type-selection__item a .directorist-icon-mask { - display: inline-block; - margin: 0 0 7px; + display: inline-block; + margin: 0 0 7px; } .directorist-listing-type-selection__item a .directorist-icon-mask:after { - width: 20px; - height: 20px; - background-color: var(--directorist-color-body); + width: 20px; + height: 20px; + background-color: var(--directorist-color-body); } -.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current { - font-weight: 700; - color: var(--directorist-color-primary); +.directorist-listing-type-selection__item + .directorist-listing-type-selection__link--current { + font-weight: 700; + color: var(--directorist-color-primary); } -.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current .directorist-icon-mask::after { - background-color: var(--directorist-color-primary); +.directorist-listing-type-selection__item + .directorist-listing-type-selection__link--current + .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); } -.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current:after { - opacity: 1; - visibility: visible; +.directorist-listing-type-selection__item + .directorist-listing-type-selection__link--current:after { + opacity: 1; + visibility: visible; } .directorist-search-form-wrap .directorist-listing-type-selection { - padding: 0; - margin: 0; + padding: 0; + margin: 0; } @media only screen and (max-width: 575px) { - .directorist-search-form-wrap .directorist-listing-type-selection { - margin: 0 auto; - } + .directorist-search-form-wrap .directorist-listing-type-selection { + margin: 0 auto; + } } .directorist-search-contents .directorist-btn-ml:after { - content: ""; - display: inline-block; - margin-left: 5px; - -webkit-mask-image: url(../js/664d0b74d206cf7349ab.svg); - mask-image: url(../js/664d0b74d206cf7349ab.svg); - width: 12px; - height: 12px; - background-color: var(--directorist-color-body); + content: ""; + display: inline-block; + margin-left: 5px; + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + width: 12px; + height: 12px; + background-color: var(--directorist-color-body); } .directorist-search-contents .directorist-btn-ml.active:after { - -webkit-mask-image: url(../js/2d9a2bdcde23b75a6392.svg); - mask-image: url(../js/2d9a2bdcde23b75a6392.svg); + mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); } .directorist-listing-category-top { - text-align: center; - margin-top: 35px; + text-align: center; + margin-top: 35px; } @media screen and (max-width: 575px) { - .directorist-listing-category-top { - margin-top: 20px; - } + .directorist-listing-category-top { + margin-top: 20px; + } } .directorist-listing-category-top h3 { - font-size: 18px; - font-weight: 400; - color: var(--directorist-color-body); - margin-bottom: 0; - display: none; + font-size: 18px; + font-weight: 400; + color: var(--directorist-color-body); + margin-bottom: 0; + display: none; } .directorist-listing-category-top ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 20px 35px; - margin: 0; - list-style: none; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + gap: 20px 35px; + margin: 0; + list-style: none; } @media only screen and (max-width: 575px) { - .directorist-listing-category-top ul { - gap: 12px; - overflow-x: auto; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-listing-category-top ul { + gap: 12px; + overflow-x: auto; + flex-wrap: nowrap; + justify-content: flex-start; + } } .directorist-listing-category-top li a { - color: var(--directorist-color-body); - font-size: 14px; - font-weight: 500; - text-decoration: none; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - gap: 10px; + color: var(--directorist-color-body); + font-size: 14px; + font-weight: 500; + text-decoration: none; + display: inline-flex; + align-items: center; + width: max-content; + gap: 10px; } .directorist-listing-category-top li a i, .directorist-listing-category-top li a span, @@ -14381,4827 +14422,5044 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-listing-category-top li a span.fab, .directorist-listing-category-top li a span.fas, .directorist-listing-category-top li a span.la { - font-size: 15px; - color: var(--directorist-color-body); + font-size: 15px; + color: var(--directorist-color-body); } .directorist-listing-category-top li a .directorist-icon-mask::after { - position: relative; - height: 15px; - width: 15px; - background-color: var(--directorist-color-body); + position: relative; + height: 15px; + width: 15px; + background-color: var(--directorist-color-body); } .directorist-listing-category-top li a p { - font-size: 14px; - line-height: 1; - font-weight: 400; - margin: 0; - color: var(--directorist-color-body); + font-size: 14px; + line-height: 1; + font-weight: 400; + margin: 0; + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-listing-category-top li a i { - display: none; - } + .directorist-listing-category-top li a i { + display: none; + } } .directorist-search-field .directorist-location-js + .address_result { - position: absolute; - width: 100%; - left: 0; - top: 45px; - z-index: 1; - min-width: 250px; - max-height: 345px !important; - overflow-y: scroll; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - z-index: 10; + position: absolute; + width: 100%; + left: 0; + top: 45px; + z-index: 1; + min-width: 250px; + max-height: 345px !important; + overflow-y: scroll; + border-radius: 8px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + z-index: 10; } .directorist-search-field .directorist-location-js + .address_result ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 10px; - padding: 7px; - margin: 0 0 15px; - list-style-type: none; + display: flex; + flex-direction: column; + gap: 10px; + padding: 7px; + margin: 0 0 15px; + list-style-type: none; } .directorist-search-field .directorist-location-js + .address_result ul a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 15px; - font-size: 14px; - line-height: 18px; - margin: 0 13px; - color: var(--directorist-color-body); - background-color: var(--directorist-color-white); - border-radius: 8px; - text-decoration: none; -} -.directorist-search-field .directorist-location-js + .address_result ul a .location-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-width: 36px; - max-width: 36px; - height: 36px; - border-radius: 8px; - background-color: var(--directorist-color-bg-gray); -} -.directorist-search-field .directorist-location-js + .address_result ul a .location-icon i:after { - width: 16px; - height: 16px; -} -.directorist-search-field .directorist-location-js + .address_result ul a .location-address { - position: relative; - top: 2px; -} -.directorist-search-field .directorist-location-js + .address_result ul a.current-location { - height: 50px; - margin: 0 0 13px; - padding: 0 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: var(--directorist-color-primary); - background-color: var(--directorist-color-bg-gray); -} -.directorist-search-field .directorist-location-js + .address_result ul a.current-location .location-address { - position: relative; - top: 0; -} -.directorist-search-field .directorist-location-js + .address_result ul a.current-location .location-address:before { - content: "Current Location"; -} -.directorist-search-field .directorist-location-js + .address_result ul a:hover { - color: var(--directorist-color-primary); + display: flex; + align-items: flex-start; + gap: 15px; + font-size: 14px; + line-height: 18px; + margin: 0 13px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-white); + border-radius: 8px; + text-decoration: none; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a + .location-icon { + display: flex; + align-items: center; + justify-content: center; + min-width: 36px; + max-width: 36px; + height: 36px; + border-radius: 8px; + background-color: var(--directorist-color-bg-gray); +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a + .location-icon + i:after { + width: 16px; + height: 16px; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a + .location-address { + position: relative; + top: 2px; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a.current-location { + height: 50px; + margin: 0 0 13px; + padding: 0 8px; + align-items: center; + color: var(--directorist-color-primary); + background-color: var(--directorist-color-bg-gray); +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a.current-location + .location-address { + position: relative; + top: 0; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a.current-location + .location-address:before { + content: "Current Location"; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a:hover { + color: var(--directorist-color-primary); } .directorist-search-field .directorist-location-js + .address_result ul li { - border: none; - padding: 0; - margin: 0; + border: none; + padding: 0; + margin: 0; } .directorist-zipcode-search .directorist-search-country { - position: absolute; - width: 100%; - left: 0; - top: 45px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); - box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); - border-radius: 3px; - z-index: 1; - max-height: 300px; - overflow-y: scroll; + position: absolute; + width: 100%; + left: 0; + top: 45px; + background-color: var(--directorist-color-white); + box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); + border-radius: 3px; + z-index: 1; + max-height: 300px; + overflow-y: scroll; } .directorist-zipcode-search .directorist-search-country ul { - list-style: none; - padding: 0; + list-style: none; + padding: 0; } .directorist-zipcode-search .directorist-search-country ul a { - font-size: 14px; - color: var(--directorist-color-gray); - line-height: 22px; - display: block; + font-size: 14px; + color: var(--directorist-color-gray); + line-height: 22px; + display: block; } .directorist-zipcode-search .directorist-search-country ul li { - border-bottom: 1px solid var(--directorist-color-border); - padding: 10px 15px 10px; - margin: 0; + border-bottom: 1px solid var(--directorist-color-border); + padding: 10px 15px 10px; + margin: 0; } .directorist-search-contents .directorist-search-form-top .form-group.open_now { - -webkit-box-flex: 30.8%; - -webkit-flex: 30.8%; - -ms-flex: 30.8%; - flex: 30.8%; - border-right: 1px solid var(--directorist-color-border); + flex: 30.8%; + border-right: 1px solid var(--directorist-color-border); } .directorist-custom-range-slider { - width: 100%; + width: 100%; } .directorist-custom-range-slider__wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 20px; + flex: 0 0 100%; } .directorist-custom-range-slider__value { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background: transparent; - border-bottom: 1px solid var(--directorist-color-border); - -webkit-transition: border ease 0.3s; - transition: border ease 0.3s; + position: relative; + display: flex; + flex: 1; + align-items: center; + background: transparent; + border-bottom: 1px solid var(--directorist-color-border); + transition: border ease 0.3s; } .directorist-custom-range-slider__value:focus-within { - border-bottom: 2px solid var(--directorist-color-primary); + border-bottom: 2px solid var(--directorist-color-primary); } .directorist-custom-range-slider__value input { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - width: 100%; - height: 40px; - margin: 0; - padding: 0 !important; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); - border: none !important; - outline: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; + flex: 1; + width: 100%; + height: 40px; + margin: 0; + padding: 0 !important; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); + border: none !important; + outline: none !important; + box-shadow: none !important; } .directorist-custom-range-slider__label { - font-size: 14px; - font-weight: 400; - margin: 0 10px 0 0; - color: var(--directorist-color-light-gray); + font-size: 14px; + font-weight: 400; + margin: 0 10px 0 0; + color: var(--directorist-color-light-gray); } .directorist-custom-range-slider__prefix { - line-height: 1; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); + line-height: 1; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); } .directorist-custom-range-slider__range__wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - font-size: 14px; - font-weight: 500; + display: flex; + gap: 5px; + align-items: center; + justify-content: flex-end; + font-size: 14px; + font-weight: 500; } .directorist-pagination { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + justify-content: center; + gap: 8px; + flex-wrap: wrap; } .directorist-pagination .page-numbers { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - width: 40px; - height: 40px; - font-size: 14px; - font-weight: 400; - border-radius: 8px; - color: var(--directorist-color-body); - background-color: var(--directorist-color-white); - border: 2px solid var(--directorist-color-border); - -webkit-transition: border 0.3s ease, color 0.3s ease; - transition: border 0.3s ease, color 0.3s ease; + display: inline-flex; + align-items: center; + justify-content: center; + text-decoration: none; + width: 40px; + height: 40px; + font-size: 14px; + font-weight: 400; + border-radius: 8px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border); + transition: + border 0.3s ease, + color 0.3s ease; } .directorist-pagination .page-numbers .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-body); + width: 14px; + height: 14px; + background-color: var(--directorist-color-body); } .directorist-pagination .page-numbers span { - border: 0 none; - min-width: auto; - margin: 0; + border: 0 none; + min-width: auto; + margin: 0; } -.directorist-pagination .page-numbers:hover, .directorist-pagination .page-numbers.current { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); +.directorist-pagination .page-numbers:hover, +.directorist-pagination .page-numbers.current { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-pagination .page-numbers:hover .directorist-icon-mask:after, .directorist-pagination .page-numbers.current .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); +.directorist-pagination .page-numbers:hover .directorist-icon-mask:after, +.directorist-pagination .page-numbers.current .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } /* New Styles */ .directorist-categories { - margin-top: 15px; + margin-top: 15px; } .directorist-categories__single { - border-radius: 12px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-white); + border-radius: 12px; + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + display: flex; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-white); + /* Styles */ } .directorist-categories__single--image { - background-position: center; - background-repeat: no-repeat; - background-size: cover; - -o-object-fit: cover; - object-fit: cover; - position: relative; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + object-fit: cover; + position: relative; } .directorist-categories__single--image::before { - position: absolute; - content: ""; - border-radius: inherit; - width: 100%; - height: 100%; - left: 0; - top: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - z-index: 0; + position: absolute; + content: ""; + border-radius: inherit; + width: 100%; + height: 100%; + left: 0; + top: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + z-index: 0; } .directorist-categories__single--image .directorist-categories__single__name, .directorist-categories__single--image .directorist-categories__single__total { - color: var(--directorist-color-white); + color: var(--directorist-color-white); } .directorist-categories__single__content { - position: relative; - z-index: 1; - text-align: center; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - text-align: center; - padding: 50px 30px; + position: relative; + z-index: 1; + text-align: center; + flex: 1; + text-align: center; + padding: 50px 30px; } .directorist-categories__single__content .directorist-icon-mask { - display: inline-block; + display: inline-block; } .directorist-categories__single__name { - text-decoration: none; - font-weight: 500; - font-size: 16px; - color: var(--directorist-color-dark); + text-decoration: none; + font-weight: 500; + font-size: 16px; + color: var(--directorist-color-dark); } .directorist-categories__single__name::before { - content: ""; - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; -} -.directorist-categories__single { - /* Styles */ -} -.directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask::after { - width: 50px; - height: 50px; + content: ""; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; +} +.directorist-categories__single--style-one + .directorist-categories__single__content + .directorist-icon-mask::after { + width: 50px; + height: 50px; } @media screen and (max-width: 991px) { - .directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask::after { - width: 40px; - height: 40px; - } -} -.directorist-categories__single--style-one.directorist-categories__single--image .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-icon-mask { - background-color: var(--directorist-color-primary); - border-radius: 50%; - padding: 17px; -} -.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-icon-mask::after { - width: 36px; - height: 36px; - background-color: var(--directorist-color-white); -} -.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-categories__single__total { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-deep-gray); + .directorist-categories__single--style-one + .directorist-categories__single__content + .directorist-icon-mask::after { + width: 40px; + height: 40px; + } +} +.directorist-categories__single--style-one.directorist-categories__single--image + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-categories__single--style-one:not( + .directorist-categories__single--image + ) + .directorist-icon-mask { + background-color: var(--directorist-color-primary); + border-radius: 50%; + padding: 17px; +} +.directorist-categories__single--style-one:not( + .directorist-categories__single--image + ) + .directorist-icon-mask::after { + width: 36px; + height: 36px; + background-color: var(--directorist-color-white); +} +.directorist-categories__single--style-one:not( + .directorist-categories__single--image + ) + .directorist-categories__single__total { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-deep-gray); } .directorist-categories__single--style-two .directorist-icon-mask { - border: 4px solid var(--directorist-color-primary); - border-radius: 50%; - padding: 16px; + border: 4px solid var(--directorist-color-primary); + border-radius: 50%; + padding: 16px; } .directorist-categories__single--style-two .directorist-icon-mask::after { - width: 40px; - height: 40px; + width: 40px; + height: 40px; } -.directorist-categories__single--style-two.directorist-categories__single--image .directorist-icon-mask { - border-color: var(--directorist-color-white); +.directorist-categories__single--style-two.directorist-categories__single--image + .directorist-icon-mask { + border-color: var(--directorist-color-white); } -.directorist-categories__single--style-two.directorist-categories__single--image .directorist-icon-mask::after { - background-color: var(--directorist-color-white); +.directorist-categories__single--style-two.directorist-categories__single--image + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-categories__single--style-three { - height: var(--directorist-category-box-width); - border-radius: 50%; + height: var(--directorist-category-box-width); + border-radius: 50%; } .directorist-categories__single--style-three .directorist-icon-mask::after { - width: 40px; - height: 40px; + width: 40px; + height: 40px; } .directorist-categories__single--style-three .directorist-category-term { - display: none; + display: none; } .directorist-categories__single--style-three .directorist-category-count { - font-size: 16px; - font-weight: 600; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 48px; - height: 48px; - border-radius: 50%; - border: 3px solid var(--directorist-color-primary); - margin-top: 15px; -} -.directorist-categories__single--style-three.directorist-categories__single--image .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + font-size: 16px; + font-weight: 600; + display: inline-flex; + align-items: center; + justify-content: center; + width: 48px; + height: 48px; + border-radius: 50%; + border: 3px solid var(--directorist-color-primary); + margin-top: 15px; +} +.directorist-categories__single--style-three.directorist-categories__single--image + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-categories__single--style-three .directorist-category-count { - border-color: var(--directorist-color-white); + border-color: var(--directorist-color-white); } .directorist-categories__single--style-four .directorist-icon-mask { - background-color: var(--directorist-color-primary); - border-radius: 50%; - padding: 17px; + background-color: var(--directorist-color-primary); + border-radius: 50%; + padding: 17px; } .directorist-categories__single--style-four .directorist-icon-mask::after { - width: 36px; - height: 36px; - background-color: var(--directorist-color-white); + width: 36px; + height: 36px; + background-color: var(--directorist-color-white); } -.directorist-categories__single--style-four.directorist-categories__single--image .directorist-icon-mask { - border-color: var(--directorist-color-white); +.directorist-categories__single--style-four.directorist-categories__single--image + .directorist-icon-mask { + border-color: var(--directorist-color-white); } -.directorist-categories__single--style-four.directorist-categories__single--image .directorist-icon-mask:after { - background-color: var(--directorist-color-white); +.directorist-categories__single--style-four.directorist-categories__single--image + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); } -.directorist-categories__single--style-four:not(.directorist-categories__single--image) .directorist-categories__single__total { - color: var(--directorist-color-deep-gray); +.directorist-categories__single--style-four:not( + .directorist-categories__single--image + ) + .directorist-categories__single__total { + color: var(--directorist-color-deep-gray); } .directorist-categories .directorist-row > * { - margin-top: 30px; + margin-top: 30px; } .directorist-categories .directorist-type-nav { - margin-bottom: 15px; + margin-bottom: 15px; } /* Taxonomy List Style One */ +.directorist-taxonomy-list-one .directorist-taxonomy-list { + /* Sub Item */ + /* Sub Item Toggle */ +} .directorist-taxonomy-list-one .directorist-taxonomy-list__card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: var(--directorist-color-light); - border-radius: var(--directorist-border-radius-lg); - padding: 8px 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; - font-size: 15px; - font-weight: 500; - text-decoration: none; - position: relative; - min-height: 40px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 1; + display: flex; + background-color: var(--directorist-color-light); + border-radius: var(--directorist-border-radius-lg); + padding: 8px 20px; + align-items: center; + gap: 12px; + font-size: 15px; + font-weight: 500; + text-decoration: none; + position: relative; + min-height: 40px; + transition: 0.3s ease; + z-index: 1; } .directorist-taxonomy-list-one .directorist-taxonomy-list__card span { - font-weight: var(--directorist-fw-medium); + font-weight: var(--directorist-fw-medium); } .directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-padding-start: 12px; - padding-inline-start: 12px; + flex-wrap: wrap; + padding-inline-start: 12px; } .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - padding-bottom: 5px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open .directorist-taxonomy-list__toggler .directorist-icon-mask::after { - -webkit-transform: rotate(180deg); - transform: rotate(180deg); -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: var(--directorist-color-white); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask::after { - width: 15px; - height: 15px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + padding-bottom: 5px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__toggler + .directorist-icon-mask::after { + transform: rotate(180deg); +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__icon + .directorist-icon-mask { + width: 40px; + height: 40px; + border-radius: 50%; + background-color: var(--directorist-color-white); + display: flex; + align-items: center; + justify-content: center; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__icon + .directorist-icon-mask::after { + width: 15px; + height: 15px; } .directorist-taxonomy-list-one .directorist-taxonomy-list__name { - color: var(--directorist-color-dark); + color: var(--directorist-color-dark); } .directorist-taxonomy-list-one .directorist-taxonomy-list__count { - color: var(--directorist-color-dark); + color: var(--directorist-color-dark); } .directorist-taxonomy-list-one .directorist-taxonomy-list__toggler { - -webkit-margin-start: auto; - margin-inline-start: auto; + margin-inline-start: auto; } -.directorist-taxonomy-list-one .directorist-taxonomy-list__toggler .directorist-icon-mask::after { - width: 10px; - height: 10px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list { - /* Sub Item */ +.directorist-taxonomy-list-one + .directorist-taxonomy-list__toggler + .directorist-icon-mask::after { + width: 10px; + height: 10px; + transition: 0.3s ease; } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item { - margin: 0; - list-style: none; - overflow-y: auto; + margin: 0; + list-style: none; + overflow-y: auto; } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item a { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-size: 15px; - text-decoration: none; - color: var(--directorist-color-dark); + flex-wrap: wrap; + display: flex; + font-size: 15px; + text-decoration: none; + color: var(--directorist-color-dark); } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item ul { - -webkit-padding-start: 10px; - padding-inline-start: 10px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item { - background-color: var(--directorist-color-light); - border-radius: 12px; - -webkit-padding-start: 35px; - padding-inline-start: 35px; - -webkit-padding-end: 20px; - padding-inline-end: 20px; - height: 0; - overflow: hidden; - visibility: hidden; - opacity: 0; - padding-bottom: 20px; - margin-top: -20px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item li { - margin: 0; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item li > .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 15px; - padding-inline-start: 15px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon + .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 64px; - padding-inline-start: 64px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon + .directorist-taxonomy-list__sub-item li > .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 15px; - padding-inline-start: 15px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - border-radius: 0 0 16px 16px; - height: auto; - visibility: visible; - opacity: 1; - margin-top: 0; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list { - /* Sub Item Toggle */ + padding-inline-start: 10px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item { + background-color: var(--directorist-color-light); + border-radius: 12px; + padding-inline-start: 35px; + padding-inline-end: 20px; + height: 0; + overflow: hidden; + visibility: hidden; + opacity: 0; + padding-bottom: 20px; + margin-top: -20px; + transition: 0.3s ease; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item + li { + margin: 0; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item + li + > .directorist-taxonomy-list__sub-item { + padding-inline-start: 15px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card--icon + + .directorist-taxonomy-list__sub-item { + padding-inline-start: 64px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card--icon + + .directorist-taxonomy-list__sub-item + li + > .directorist-taxonomy-list__sub-item { + padding-inline-start: 15px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + border-radius: 0 0 16px 16px; + height: auto; + visibility: visible; + opacity: 1; + margin-top: 0; } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle + .directorist-taxonomy-list__sub-item { - height: 0; - opacity: 0; - padding: 0; - visibility: hidden; - overflow: hidden; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - opacity: 1; - height: auto; - visibility: visible; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open .directorist-taxonomy-list__sub-item-toggler::after { - content: none; + display: flex; + align-items: center; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggle + + .directorist-taxonomy-list__sub-item { + height: 0; + opacity: 0; + padding: 0; + visibility: hidden; + overflow: hidden; + transition: 0.3s ease; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + opacity: 1; + height: auto; + visibility: visible; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item-toggler::after { + content: none; } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler { - -webkit-margin-start: auto; - margin-inline-start: auto; - position: relative; - width: 10px; - height: 10px; - display: inline-block; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler::before { - position: absolute; - content: ""; - left: 0; - top: 50%; - width: 10px; - height: 1px; - background-color: var(--directorist-color-deep-gray); - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler::after { - position: absolute; - content: ""; - width: 1px; - height: 10px; - left: 50%; - top: 0; - background-color: var(--directorist-color-deep-gray); - -webkit-transform: translateX(-50%); - transform: translateX(-50%); + margin-inline-start: auto; + position: relative; + width: 10px; + height: 10px; + display: inline-block; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggler::before { + position: absolute; + content: ""; + left: 0; + top: 50%; + width: 10px; + height: 1px; + background-color: var(--directorist-color-deep-gray); + transform: translateY(-50%); +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggler::after { + position: absolute; + content: ""; + width: 1px; + height: 10px; + left: 50%; + top: 0; + background-color: var(--directorist-color-deep-gray); + transform: translateX(-50%); } /* Taxonomy List Style Two */ .directorist-taxonomy-list-two .directorist-taxonomy-list { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - border-radius: var(--directorist-border-radius-lg); - background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + border-radius: var(--directorist-border-radius-lg); + background-color: var(--directorist-color-white); } .directorist-taxonomy-list-two .directorist-taxonomy-list__card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 10px 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; - text-decoration: none; - min-height: 40px; - -webkit-transition: 0.6s ease; - transition: 0.6s ease; + display: flex; + padding: 10px 20px; + align-items: center; + gap: 12px; + text-decoration: none; + min-height: 40px; + transition: 0.6s ease; } .directorist-taxonomy-list-two .directorist-taxonomy-list__card:focus { - background: none; + background: none; } .directorist-taxonomy-list-two .directorist-taxonomy-list__name { - font-weight: var(--directorist-fw-medium); - color: var(--directorist-color-dark); + font-weight: var(--directorist-fw-medium); + color: var(--directorist-color-dark); } .directorist-taxonomy-list-two .directorist-taxonomy-list__count { - color: var(--directorist-color-dark); -} -.directorist-taxonomy-list-two .directorist-taxonomy-list__icon .directorist-icon-mask { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: var(--directorist-color-dark); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-taxonomy-list-two .directorist-taxonomy-list__icon .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + color: var(--directorist-color-dark); +} +.directorist-taxonomy-list-two + .directorist-taxonomy-list__icon + .directorist-icon-mask { + width: 40px; + height: 40px; + border-radius: 50%; + background-color: var(--directorist-color-dark); + display: flex; + align-items: center; + justify-content: center; +} +.directorist-taxonomy-list-two + .directorist-taxonomy-list__icon + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-taxonomy-list-two .directorist-taxonomy-list__toggle { - border-bottom: 1px solid var(--directorist-color-border); + border-bottom: 1px solid var(--directorist-color-border); } .directorist-taxonomy-list-two .directorist-taxonomy-list__toggler { - display: none; + display: none; } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item { - margin: 0; - padding: 15px 20px 25px; - list-style: none; + margin: 0; + padding: 15px 20px 25px; + list-style: none; } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item li { - margin-bottom: 7px; + margin-bottom: 7px; } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item a { - text-decoration: none; - color: var(--directorist-color-dark); + text-decoration: none; + color: var(--directorist-color-dark); } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item ul { - margin: 0; - padding: 0; - list-style: none; + margin: 0; + padding: 0; + list-style: none; } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item ul li { - -webkit-padding-start: 10px; - padding-inline-start: 10px; + padding-inline-start: 10px; } /* Location: Grid One */ .directorist-location { - margin-top: 30px; + margin-top: 30px; } .directorist-location--grid-one .directorist-location__single { - border-radius: var(--directorist-border-radius-lg); - position: relative; + border-radius: var(--directorist-border-radius-lg); + position: relative; } .directorist-location--grid-one .directorist-location__single--img { - height: 300px; + height: 300px; } .directorist-location--grid-one .directorist-location__single--img::before { - position: absolute; - content: ""; - width: 100%; - height: inherit; - left: 0; - top: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - border-radius: inherit; -} -.directorist-location--grid-one .directorist-location__single--img .directorist-location__content { - position: absolute; - left: 0; - bottom: 0; - z-index: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - height: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-location--grid-one .directorist-location__single--img .directorist-location__content a { - color: var(--directorist-color-white); -} -.directorist-location--grid-one .directorist-location__single--img .directorist-location__count { - color: var(--directorist-color-white); + position: absolute; + content: ""; + width: 100%; + height: inherit; + left: 0; + top: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + border-radius: inherit; +} +.directorist-location--grid-one + .directorist-location__single--img + .directorist-location__content { + position: absolute; + left: 0; + bottom: 0; + z-index: 1; + box-sizing: border-box; + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + justify-content: flex-end; +} +.directorist-location--grid-one + .directorist-location__single--img + .directorist-location__content + a { + color: var(--directorist-color-white); +} +.directorist-location--grid-one + .directorist-location__single--img + .directorist-location__count { + color: var(--directorist-color-white); } .directorist-location--grid-one .directorist-location__single__img { - height: inherit; - border-radius: inherit; + height: inherit; + border-radius: inherit; } .directorist-location--grid-one .directorist-location__single img { - width: 100%; - height: inherit; - border-radius: inherit; - -o-object-fit: cover; - object-fit: cover; -} -.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) { - height: 300px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-white); -} -.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content h3, -.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content a, -.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content span { - text-align: center; + width: 100%; + height: inherit; + border-radius: inherit; + object-fit: cover; +} +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) { + height: 300px; + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + display: flex; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-white); +} +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + h3, +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + a, +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + span { + text-align: center; } .directorist-location--grid-one .directorist-location__content { - padding: 22px; + padding: 22px; } .directorist-location--grid-one .directorist-location__content h3 { - margin: 0; - font-size: 16px; - font-weight: 500; + margin: 0; + font-size: 16px; + font-weight: 500; } .directorist-location--grid-one .directorist-location__content a { - color: var(--directorist-color-dark); - text-decoration: none; + color: var(--directorist-color-dark); + text-decoration: none; } .directorist-location--grid-one .directorist-location__content a::after { - position: absolute; - content: ""; - width: 100%; - height: 100%; - left: 0; - top: 0; + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: 0; + top: 0; } .directorist-location--grid-one .directorist-location__count { - display: block; - font-size: 14px; - font-weight: 400; + display: block; + font-size: 14px; + font-weight: 400; } .directorist-location--grid-two .directorist-location__single { - border-radius: var(--directorist-border-radius-lg); - position: relative; + border-radius: var(--directorist-border-radius-lg); + position: relative; } .directorist-location--grid-two .directorist-location__single--img { - height: auto; + height: auto; } -.directorist-location--grid-two .directorist-location__single--img .directorist-location__content { - padding: 10px 0 0 0; +.directorist-location--grid-two + .directorist-location__single--img + .directorist-location__content { + padding: 10px 0 0 0; } .directorist-location--grid-two .directorist-location__single img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: var(--directorist-border-radius-lg); + width: 100%; + height: 100%; + object-fit: cover; + border-radius: var(--directorist-border-radius-lg); } .directorist-location--grid-two .directorist-location__single__img { - position: relative; - height: 240px; + position: relative; + height: 240px; } .directorist-location--grid-two .directorist-location__single__img::before { - position: absolute; - content: ""; - width: 100%; - height: 100%; - left: 0; - top: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - border-radius: var(--directorist-border-radius-lg); -} -.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) { - height: 300px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content h3, -.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content a, -.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content span { - text-align: center; + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: 0; + top: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + border-radius: var(--directorist-border-radius-lg); +} +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) { + height: 300px; + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + display: flex; + align-items: center; + justify-content: center; +} +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + h3, +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + a, +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + span { + text-align: center; } .directorist-location--grid-two .directorist-location__content { - padding: 22px; + padding: 22px; } .directorist-location--grid-two .directorist-location__content h3 { - margin: 0; - font-size: 20px; - font-weight: var(--directorist-fw-medium); + margin: 0; + font-size: 20px; + font-weight: var(--directorist-fw-medium); } .directorist-location--grid-two .directorist-location__content a { - text-decoration: none; + text-decoration: none; } .directorist-location--grid-two .directorist-location__content a::after { - position: absolute; - content: ""; - width: 100%; - height: 100%; - left: 0; - top: 0; + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: 0; + top: 0; } .directorist-location--grid-two .directorist-location__count { - display: block; + display: block; } .directorist-location .directorist-row > * { - margin-top: 30px; + margin-top: 30px; } .directorist-location .directorist-type-nav { - margin-bottom: 15px; + margin-bottom: 15px; } /* Modal Core Styles */ .atm-open { - overflow: hidden; + overflow: hidden; } .atm-open .at-modal { - overflow-x: hidden; - overflow-y: auto; + overflow-x: hidden; + overflow-y: auto; } .at-modal { - position: fixed; - width: 100%; - height: 100%; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - left: 0; - top: 0; - z-index: 9999; - display: none; - overflow: hidden; - outline: 0; + position: fixed; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + left: 0; + top: 0; + z-index: 9999; + display: none; + overflow: hidden; + outline: 0; } .at-modal-content { - position: relative; - width: 500px; - margin: 30px auto; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 0; - visibility: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-height: calc(100% - 5rem); - pointer-events: none; + position: relative; + width: 500px; + margin: 30px auto; + transition: 0.3s ease; + opacity: 0; + visibility: hidden; + display: flex; + align-items: center; + justify-content: center; + min-height: calc(100% - 5rem); + pointer-events: none; } .atm-contents-inner { - width: 100%; - background-color: var(--directorist-color-white); - pointer-events: auto; - border-radius: 3px; - position: relative; + width: 100%; + background-color: var(--directorist-color-white); + pointer-events: auto; + border-radius: 3px; + position: relative; } .at-modal-content.at-modal-lg { - width: 800px; + width: 800px; } .at-modal-content.at-modal-xl { - width: 1140px; + width: 1140px; } .at-modal-content.at-modal-sm { - width: 300px; + width: 300px; } .at-modal.atm-fade { - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + transition: 0.3s ease; } .at-modal.atm-fade:not(.atm-show) { - opacity: 0; - visibility: hidden; + opacity: 0; + visibility: hidden; } .at-modal.atm-show .at-modal-content { - opacity: 1; - visibility: visible; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + opacity: 1; + visibility: visible; + transition: 0.3s ease; } .at-modal .atm-contents-inner .at-modal-close { - width: 32px; - height: 32px; - top: 20px; - right: 20px; - position: absolute; - -webkit-transform: none; - transform: none; - background-color: #444752; - color: var(--directorist-color-white); - border-radius: 300px; - opacity: 1; - font-weight: 300; - z-index: 2; - font-size: 16px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; + width: 32px; + height: 32px; + top: 20px; + right: 20px; + position: absolute; + transform: none; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 300px; + opacity: 1; + font-weight: 300; + z-index: 2; + font-size: 16px; + padding: 0; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; } .at-modal .atm-contents-inner .close span { - display: block; - line-height: 0; + display: block; + line-height: 0; } /* Responsive CSS */ /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) and (max-width: 1199.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) and (max-width: 767.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 30px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 30px); + } } /* Authentication style */ .directorist-author__form { - max-width: 540px; - margin: 0 auto; - padding: 50px 40px; - border-radius: 12px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + max-width: 540px; + margin: 0 auto; + padding: 50px 40px; + border-radius: 12px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } @media only screen and (max-width: 480px) { - .directorist-author__form { - padding: 40px 25px; - } + .directorist-author__form { + padding: 40px 25px; + } } .directorist-author__form__btn { - width: 100%; - height: 50px; - border-radius: 8px; + width: 100%; + height: 50px; + border-radius: 8px; } .directorist-author__form__actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 28px 0 33px; + display: flex; + flex-wrap: wrap; + gap: 15px; + justify-content: space-between; + padding: 28px 0 33px; } .directorist-author__form__actions a { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-deep-gray); - border-bottom: 1px dashed var(--directorist-color-deep-gray); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-deep-gray); + border-bottom: 1px dashed var(--directorist-color-deep-gray); } .directorist-author__form__actions a:hover { - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); } .directorist-author__form__actions label { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-author__form__toggle-area { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-author__form__toggle-area a { - margin-left: 5px; - color: var(--directorist-color-info); + margin-left: 5px; + color: var(--directorist-color-info); } .directorist-author__form__toggle-area a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-author__form__recover-pass-modal .directorist-form-group { - padding: 25px; + padding: 25px; } .directorist-author__form__recover-pass-modal p { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - margin: 0 0 20px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + margin: 0 0 20px; } .directorist-author__message__text { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } /* Authentication style */ .directorist-authentication { - height: 0; - opacity: 0; - visibility: hidden; - -webkit-transition: height 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; - transition: height 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; + height: 0; + opacity: 0; + visibility: hidden; + transition: + height 0.3s ease, + opacity 0.3s ease, + visibility 0.3s ease; } .directorist-authentication__form { - max-width: 540px; - margin: 0 auto 15px; - padding: 50px 40px; - border-radius: 12px; - background-color: #fff; - -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); - box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); + max-width: 540px; + margin: 0 auto 15px; + padding: 50px 40px; + border-radius: 12px; + background-color: #fff; + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 480px) { - .directorist-authentication__form { - padding: 40px 25px; - } + .directorist-authentication__form { + padding: 40px 25px; + } } .directorist-authentication__form__btn { - width: 100%; - height: 50px; - border: none; - border-radius: 8px; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; + width: 100%; + height: 50px; + border: none; + border-radius: 8px; + transition: background-color 0.3s ease; } .directorist-authentication__form__actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 28px 0 33px; + display: flex; + flex-wrap: wrap; + gap: 15px; + justify-content: space-between; + padding: 28px 0 33px; } .directorist-authentication__form__actions a { - font-size: 14px; - font-weight: 400; - color: #808080; - border-bottom: 1px dashed #808080; + font-size: 14px; + font-weight: 400; + color: #808080; + border-bottom: 1px dashed #808080; } .directorist-authentication__form__actions a:hover { - color: #000000; - border-color: #000000; + color: #000000; + border-color: #000000; } .directorist-authentication__form__actions label { - font-size: 14px; - font-weight: 400; - color: #404040; + font-size: 14px; + font-weight: 400; + color: #404040; } .directorist-authentication__form__toggle-area { - font-size: 14px; - font-weight: 400; - color: #404040; + font-size: 14px; + font-weight: 400; + color: #404040; } .directorist-authentication__form__toggle-area a { - margin-left: 5px; - color: #2c99ff; - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; + margin-left: 5px; + color: #2c99ff; + transition: color 0.3s ease; } .directorist-authentication__form__toggle-area a:hover { - color: #000000; + color: #000000; } .directorist-authentication__form__recover-pass-modal { - display: none; + display: none; } .directorist-authentication__form__recover-pass-modal .directorist-form-group { - margin: 0; - padding: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - border: 1px solid #e9e9e9; + margin: 0; + padding: 25px; + box-sizing: border-box; + border-radius: 8px; + border: 1px solid #e9e9e9; } .directorist-authentication__form__recover-pass-modal p { - font-size: 14px; - font-weight: 400; - color: #404040; - margin: 0 0 20px; + font-size: 14px; + font-weight: 400; + color: #404040; + margin: 0 0 20px; } .directorist-authentication__form .directorist-form-element { - border: none; - padding: 15px 0; - border-radius: 0; - border-bottom: 1px solid #ececec; + border: none; + padding: 15px 0; + border-radius: 0; + border-bottom: 1px solid #ececec; } .directorist-authentication__form .directorist-form-group > label { - margin: 0; - font-size: 14px; - font-weight: 400; - color: #404040; + margin: 0; + font-size: 14px; + font-weight: 400; + color: #404040; } .directorist-authentication__btn { - border: none; - outline: none; - cursor: pointer; - -webkit-box-shadow: none; - box-shadow: none; - color: #000000; - font-size: 13px; - font-weight: 400; - padding: 0 6px; - text-transform: capitalize; - background: transparent; - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; + border: none; + outline: none; + cursor: pointer; + box-shadow: none; + color: #000000; + font-size: 13px; + font-weight: 400; + padding: 0 6px; + text-transform: capitalize; + background: transparent; + transition: color 0.3s ease; } .directorist-authentication__btn:hover { - opacity: 0.75; + opacity: 0.75; } .directorist-authentication__message__text { - font-size: 14px; - font-weight: 400; - color: #404040; + font-size: 14px; + font-weight: 400; + color: #404040; } .directorist-authentication.active { - height: auto; - opacity: 1; - visibility: visible; + height: auto; + opacity: 1; + visibility: visible; } /* Password toggle */ .directorist-password-group { - position: relative; + position: relative; } .directorist-password-group-input { - padding-right: 40px !important; + padding-right: 40px !important; } .directorist-password-group-toggle { - position: absolute; - top: calc(50% + 16px); - right: 15px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - cursor: pointer; + position: absolute; + top: calc(50% + 16px); + right: 15px; + transform: translateY(-50%); + cursor: pointer; } .directorist-password-group-toggle svg { - width: 22px; - height: 22px; - fill: none; - stroke: #888; - stroke-width: 2; + width: 22px; + height: 22px; + fill: none; + stroke: #888; + stroke-width: 2; } /* Directorist all authors card */ .directorist-authors-section { - position: relative; + position: relative; } .directorist-content-active .directorist-authors__cards { - margin-top: -30px; + margin-top: -30px; } .directorist-content-active .directorist-authors__cards .directorist-row > * { - margin-top: 30px; + margin-top: 30px; } .directorist-content-active .directorist-authors__nav { - margin-bottom: 30px; + margin-bottom: 30px; } .directorist-content-active .directorist-authors__nav ul { - list-style-type: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0; - padding: 0; + list-style-type: none; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + margin: 0; + padding: 0; } .directorist-content-active .directorist-authors__nav li { - list-style: none; + list-style: none; } .directorist-content-active .directorist-authors__nav li a { - display: block; - line-height: 20px; - padding: 0 17px 10px; - border-bottom: 2px solid transparent; - font-size: 15px; - font-weight: 500; - text-transform: capitalize; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + display: block; + line-height: 20px; + padding: 0 17px 10px; + border-bottom: 2px solid transparent; + font-size: 15px; + font-weight: 500; + text-transform: capitalize; + box-shadow: none; + text-decoration: none; + transition: 0.3s ease; } .directorist-content-active .directorist-authors__nav li a:hover { - border-bottom-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-content-active .directorist-authors__nav li.active a { - border-bottom-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-content-active .directorist-authors__card { - padding: 20px; - border-radius: 10px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + padding: 20px; + border-radius: 10px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-content-active .directorist-authors__card__img { - margin-bottom: 15px; - text-align: center; + margin-bottom: 15px; + text-align: center; } .directorist-content-active .directorist-authors__card__img img { - border-radius: 50%; - width: 150px; - height: 150px; - display: inline-block; - -o-object-fit: cover; - object-fit: cover; + border-radius: 50%; + width: 150px; + height: 150px; + display: inline-block; + object-fit: cover; } .directorist-content-active .directorist-authors__card__details__top { - text-align: center; - border-bottom: 1px solid var(--directorist-color-border); - margin: 5px 0 15px; + text-align: center; + border-bottom: 1px solid var(--directorist-color-border); + margin: 5px 0 15px; } .directorist-content-active .directorist-authors__card h2 { - font-size: 20px; - font-weight: 500; - margin: 0 0 16px 0 !important; - line-height: normal; + font-size: 20px; + font-weight: 500; + margin: 0 0 16px 0 !important; + line-height: normal; } .directorist-content-active .directorist-authors__card h2:before { - content: none; + content: none; } .directorist-content-active .directorist-authors__card h3 { - font-size: 14px; - font-weight: 400; - color: #8f8e9f; - margin: 0 0 15px 0 !important; - line-height: normal; - text-transform: none; - letter-spacing: normal; + font-size: 14px; + font-weight: 400; + color: #8f8e9f; + margin: 0 0 15px 0 !important; + line-height: normal; + text-transform: none; + letter-spacing: normal; } .directorist-content-active .directorist-authors__card__info-list { - list-style-type: none; - padding: 0; - margin: 0; - margin-bottom: 15px !important; + list-style-type: none; + padding: 0; + margin: 0; + margin-bottom: 15px !important; } .directorist-content-active .directorist-authors__card__info-list li { - font-size: 14px; - color: #767792; - list-style: none; - word-wrap: break-word; - word-break: break-all; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 0; -} -.directorist-content-active .directorist-authors__card__info-list li:not(:last-child) { - margin-bottom: 5px; + font-size: 14px; + color: #767792; + list-style: none; + word-wrap: break-word; + word-break: break-all; + display: flex; + margin: 0; + /* Legacy Icon */ +} +.directorist-content-active + .directorist-authors__card__info-list + li:not(:last-child) { + margin-bottom: 5px; } .directorist-content-active .directorist-authors__card__info-list li a { - color: #767792; - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; -} -.directorist-content-active .directorist-authors__card__info-list li .directorist-icon-mask { - margin-right: 5px; - margin-top: 3px; -} -.directorist-content-active .directorist-authors__card__info-list li .directorist-icon-mask:after { - width: 16px; - height: 16px; -} -.directorist-content-active .directorist-authors__card__info-list li { - /* Legacy Icon */ -} -.directorist-content-active .directorist-authors__card__info-list li > i:not(.directorist-icon-mask) { - display: inline-block; - margin-right: 5px; - margin-top: 5px; - font-size: 16px; -} -.directorist-content-active .directorist-authors__card .directorist-author-social { - margin: 0 0 15px; -} -.directorist-content-active .directorist-authors__card .directorist-author-social li { - margin: 0; -} -.directorist-content-active .directorist-authors__card .directorist-author-social a { - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; -} -.directorist-content-active .directorist-authors__card .directorist-author-social a:hover { - background-color: var(--directorist-color-primary); - /* Legacy Icon */ -} -.directorist-content-active .directorist-authors__card .directorist-author-social a:hover > span { - background: none; - color: var(--directorist-color-white); + color: #767792; + border: 0 none; + box-shadow: none; + text-decoration: none; +} +.directorist-content-active + .directorist-authors__card__info-list + li + .directorist-icon-mask { + margin-right: 5px; + margin-top: 3px; +} +.directorist-content-active + .directorist-authors__card__info-list + li + .directorist-icon-mask:after { + width: 16px; + height: 16px; +} +.directorist-content-active + .directorist-authors__card__info-list + li + > i:not(.directorist-icon-mask) { + display: inline-block; + margin-right: 5px; + margin-top: 5px; + font-size: 16px; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social { + margin: 0 0 15px; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + li { + margin: 0; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + a { + border: 0 none; + box-shadow: none; + text-decoration: none; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + a:hover { + background-color: var(--directorist-color-primary); + /* Legacy Icon */ +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + a:hover + > span { + background: none; + color: var(--directorist-color-white); } .directorist-content-active .directorist-authors__card p { - font-size: 14px; - color: #767792; - margin-bottom: 20px; + font-size: 14px; + color: #767792; + margin-bottom: 20px; } .directorist-content-active .directorist-authors__card .directorist-btn { - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + border: 0 none; + box-shadow: none; + transition: 0.3s ease; } .directorist-content-active .directorist-authors__card .directorist-btn:hover { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } /* Directorist All author Grid */ .directorist-authors__pagination { - margin-top: 25px; + margin-top: 25px; } .select2-selection__arrow, .select2-selection__clear { - display: none !important; + display: none !important; } .directorist-select2-addons-area { - position: absolute; - right: 5px; - top: 50%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - cursor: pointer; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - z-index: 8; + position: absolute; + right: 5px; + top: 50%; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + transform: translate(0, -50%); + z-index: 8; } .directorist-select2-addon { - padding: 0 5px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + padding: 0 5px; + display: flex; + align-items: center; + justify-content: center; } .directorist-select2-dropdown-toggle { - height: auto; - width: 25px; + height: auto; + width: 25px; } .directorist-select2-dropdown-close { - height: auto; - width: 25px; + height: auto; + width: 25px; } .directorist-select2-dropdown-close .directorist-icon-mask::after { - width: 15px; - height: 15px; + width: 15px; + height: 15px; } .directorist-select2-addon .directorist-icon-mask::after { - width: 13px; - height: 13px; + width: 13px; + height: 13px; } .directorist-form-section { - font-size: 15px; + font-size: 15px; } /* Display Each Grid Info on Single Line */ -.directorist-archive-contents .directorist-single-line .directorist-listing-title, -.directorist-archive-contents .directorist-single-line .directorist-listing-tagline, -.directorist-archive-contents .directorist-single-line .directorist-listing-single__info__list ul li div, -.directorist-archive-contents .directorist-single-line .directorist-listing-single__info__excerpt { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; +.directorist-archive-contents + .directorist-single-line + .directorist-listing-title, +.directorist-archive-contents + .directorist-single-line + .directorist-listing-tagline, +.directorist-archive-contents + .directorist-single-line + .directorist-listing-single__info__list + ul + li + div, +.directorist-archive-contents + .directorist-single-line + .directorist-listing-single__info__excerpt { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } .directorist-all-listing-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-bottom: 20px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex; + gap: 20px; + align-items: center; + padding-bottom: 20px; + justify-content: space-between; } .directorist-all-listing-btn__basic { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + flex: 1; } .directorist-all-listing-btn .directorist-btn__back i::after { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .directorist-all-listing-btn .directorist-modal-btn--basic { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 10px; - min-height: 40px; - border-radius: 30px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex: 1; + gap: 10px; + min-height: 40px; + border-radius: 30px; + align-items: center; } .directorist-all-listing-btn .directorist-modal-btn--basic i::after { - width: 16px; - height: 16px; - -webkit-transform: rotate(270deg); - transform: rotate(270deg); + width: 16px; + height: 16px; + transform: rotate(270deg); } .directorist-all-listing-btn .directorist-modal-btn--advanced i::after { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } @media screen and (min-width: 576px) { - .directorist-all-listing-btn, - .directorist-all-listing-modal { - display: none; - } + .directorist-all-listing-btn, + .directorist-all-listing-modal { + display: none; + } } .directorist-content-active .directorist-listing-single { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - font-size: 15px; - margin-bottom: 15px; + flex: 1; + font-size: 15px; + margin-bottom: 15px; } .directorist-content-active .directorist-listing-single--bg { - border-radius: 10px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + border-radius: 10px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-content-active .directorist-listing-single__content { - border-radius: 4px; + border-radius: 4px; } .directorist-content-active .directorist-listing-single__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; - position: relative; - padding: 33px 20px 24px; + display: flex; + flex-wrap: wrap; + gap: 8px; + position: relative; + padding: 33px 20px 24px; } .directorist-content-active .directorist-listing-single__info:empty { - display: none; + display: none; } .directorist-content-active .directorist-listing-single__info__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 6px; -} -.directorist-content-active .directorist-listing-single__info__top .directorist-badge.directorist-badge-close { - background-color: transparent; - color: var(--directorist-color-danger); -} -.directorist-content-active .directorist-listing-single__info__top .directorist-badge.directorist-badge-open { - background-color: transparent; - color: var(--directorist-color-success); -} -.directorist-content-active .directorist-listing-single__info__top .atbd_badge.atbd_badge_open { - background-color: transparent; - color: var(--directorist-color-success); -} -.directorist-content-active .directorist-listing-single__info__top .directorist-info-item.directorist-rating-meta { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - -webkit-box-ordinal-group: 2; - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; - margin: 0; - font-size: 13px; - color: var(--directorist-color-light-gray); -} -.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on i { - display: none; + display: flex; + align-items: center; + flex-wrap: wrap; + flex: 1; + gap: 6px; +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-badge.directorist-badge-close { + background-color: transparent; + color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-badge.directorist-badge-open { + background-color: transparent; + color: var(--directorist-color-success); +} +.directorist-content-active + .directorist-listing-single__info__top + .atbd_badge.atbd_badge_open { + background-color: transparent; + color: var(--directorist-color-success); +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-info-item.directorist-rating-meta { + display: inline-flex; + align-items: center; +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-listing-card-posted-on { + display: inline-flex; + align-items: center; + flex: 0 0 100%; + order: 1; + margin: 0; + font-size: 13px; + color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-listing-card-posted-on + i { + display: none; } .directorist-content-active .directorist-listing-single__info__list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 10px 0 0; - padding: 0; - width: 100%; + display: flex; + gap: 10px; + flex-direction: column; + margin: 10px 0 0; + padding: 0; + width: 100%; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single__info__list { - gap: 8px; - } + .directorist-content-active .directorist-listing-single__info__list { + gap: 8px; + } } .directorist-content-active .directorist-listing-single__info__list li, .directorist-content-active .directorist-listing-single__info__list > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - margin: 0; - font-size: 14px; - line-height: 18px; - color: var(--directorist-color-body); -} -.directorist-content-active .directorist-listing-single__info__list li .directorist-icon-mask, -.directorist-content-active .directorist-listing-single__info__list > div .directorist-icon-mask { - position: relative; - top: 2px; -} -.directorist-content-active .directorist-listing-single__info__list li .directorist-icon-mask:after, -.directorist-content-active .directorist-listing-single__info__list > div .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); -} -.directorist-content-active .directorist-listing-single__info__list li .directorist-listing-card-info-label, -.directorist-content-active .directorist-listing-single__info__list > div .directorist-listing-card-info-label { - display: none; -} -.directorist-content-active .directorist-listing-single__info__list .directorist-icon { - font-size: 17px; - color: var(--directorist-color-body); - margin-right: 8px; + display: flex; + gap: 10px; + margin: 0; + font-size: 14px; + line-height: 18px; + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-listing-single__info__list + li + .directorist-icon-mask, +.directorist-content-active + .directorist-listing-single__info__list + > div + .directorist-icon-mask { + position: relative; + top: 2px; +} +.directorist-content-active + .directorist-listing-single__info__list + li + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single__info__list + > div + .directorist-icon-mask:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__info__list + li + .directorist-listing-card-info-label, +.directorist-content-active + .directorist-listing-single__info__list + > div + .directorist-listing-card-info-label { + display: none; +} +.directorist-content-active + .directorist-listing-single__info__list + .directorist-icon { + font-size: 17px; + color: var(--directorist-color-body); + margin-right: 8px; } .directorist-content-active .directorist-listing-single__info__list a { - text-decoration: none; - color: var(--directorist-color-body); - word-break: break-word; + text-decoration: none; + color: var(--directorist-color-body); + word-break: break-word; } .directorist-content-active .directorist-listing-single__info__list a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-content-active .directorist-listing-single__info__list .directorist-listing-card-location-list { - display: block; - margin: 0; +.directorist-content-active + .directorist-listing-single__info__list + .directorist-listing-card-location-list { + display: block; + margin: 0; } .directorist-content-active .directorist-listing-single__info__list__label { - display: inline-block; - margin-right: 5px; + display: inline-block; + margin-right: 5px; } .directorist-content-active .directorist-listing-single__info--right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 20px; - position: absolute; - right: 20px; - top: 20px; + display: flex; + align-items: center; + gap: 20px; + position: absolute; + right: 20px; + top: 20px; } @media screen and (max-width: 991px) { - .directorist-content-active .directorist-listing-single__info--right { - gap: 15px; - } + .directorist-content-active .directorist-listing-single__info--right { + gap: 15px; + } } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single__info--right { - gap: 10px; - } + .directorist-content-active .directorist-listing-single__info--right { + gap: 10px; + } } .directorist-content-active .directorist-listing-single__info__excerpt { - margin: 10px 0 0; - font-size: 14px; - color: var(--directorist-color-body); - line-height: 20px; - text-align: left; + margin: 10px 0 0; + font-size: 14px; + color: var(--directorist-color-body); + line-height: 20px; + text-align: left; } .directorist-content-active .directorist-listing-single__info__excerpt a { - color: var(--directorist-color-primary); - text-decoration: underline; + color: var(--directorist-color-primary); + text-decoration: underline; } .directorist-content-active .directorist-listing-single__info__excerpt a:hover { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .directorist-content-active .directorist-listing-single__info__top-right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 20px; - width: 100%; + display: flex; + align-items: flex-start; + gap: 20px; + width: 100%; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single__info__top-right { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 5px; - } - .directorist-content-active .directorist-listing-single__info__top-right .directorist-mark-as-favorite { - position: absolute; - top: 20px; - left: -30px; - } -} -.directorist-content-active .directorist-listing-single__info__top-right .directorist-listing-single__info--right { - position: unset; + .directorist-content-active .directorist-listing-single__info__top-right { + flex-wrap: wrap; + gap: 5px; + } + .directorist-content-active + .directorist-listing-single__info__top-right + .directorist-mark-as-favorite { + position: absolute; + top: 20px; + left: -30px; + } +} +.directorist-content-active + .directorist-listing-single__info__top-right + .directorist-listing-single__info--right { + position: unset; } .directorist-content-active .directorist-listing-single__info a { - text-decoration: none; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; + text-decoration: none; + box-shadow: none; + color: var(--directorist-color-body); + transition: color 0.3s ease; } .directorist-content-active .directorist-listing-single__info a:hover { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item { - font-size: 14px; - line-height: 18px; - position: relative; - display: inline-block; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type) { - padding-right: 10px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type):after { - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - border-radius: 50%; - width: 3px; - height: 3px; - content: ""; - background-color: #bcbcbc; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type).directorist-badge { - margin-right: 8px; - padding-right: 3px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type).directorist-badge:after { - right: -8px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - line-height: 1; - color: var(--directorist-color-body); -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta .directorist-icon-mask { - margin-right: 4px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta .directorist-icon-mask:after { - width: 12px; - height: 12px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - width: auto; - height: 21px; - line-height: 21px; - margin: 0; - border-radius: 4px; - font-size: 10px; - font-weight: 700; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item .directorist-review { - display: block; - margin-left: 6px; - font-size: 14px; - color: var(--directorist-color-light-gray); - text-decoration: underline; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category, .directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 5px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category .directorist-icon-mask, .directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location .directorist-icon-mask { - margin-top: 2px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category:after, .directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location:after { - top: 10px; - -webkit-transform: unset; - transform: unset; -} -.directorist-content-active .directorist-listing-single__info .directorist-badge + .directorist-badge { - margin-left: 3px; -} -.directorist-content-active .directorist-listing-single__info .directorist-listing-tagline { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - margin: 0; - font-size: 14px; - line-height: 18px; - color: var(--directorist-color-light-gray); -} -.directorist-content-active .directorist-listing-single__info .directorist-listing-title { - font-size: 18px; - font-weight: 500; - padding: 0; - text-transform: none; - line-height: 20px; - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; -} -.directorist-content-active .directorist-listing-single__info .directorist-listing-title a { - text-decoration: none; - color: var(--directorist-color-dark); -} -.directorist-content-active .directorist-listing-single__info .directorist-listing-title a:hover { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-listing-single__info .directorist-pricing-meta .directorist-listing-price { - font-size: 14px; - font-weight: 700; - padding: 0; - background: transparent; - color: var(--directorist-color-body); + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item { + font-size: 14px; + line-height: 18px; + position: relative; + display: inline-block; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type) { + padding-right: 10px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type):after { + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + border-radius: 50%; + width: 3px; + height: 3px; + content: ""; + background-color: #bcbcbc; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type).directorist-badge { + margin-right: 8px; + padding-right: 3px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type).directorist-badge:after { + right: -8px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-rating-meta { + display: inline-flex; + align-items: center; + font-size: 14px; + font-weight: 500; + line-height: 1; + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-rating-meta + .directorist-icon-mask { + margin-right: 4px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-rating-meta + .directorist-icon-mask:after { + width: 12px; + height: 12px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-badge { + display: flex; + align-items: center; + width: auto; + height: 21px; + line-height: 21px; + margin: 0; + border-radius: 4px; + font-size: 10px; + font-weight: 700; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item + .directorist-review { + display: block; + margin-left: 6px; + font-size: 14px; + color: var(--directorist-color-light-gray); + text-decoration: underline; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-category, +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-location { + display: inline-flex; + align-items: flex-start; + gap: 5px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-category + .directorist-icon-mask, +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-location + .directorist-icon-mask { + margin-top: 2px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-category:after, +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-location:after { + top: 10px; + transform: unset; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-badge + + .directorist-badge { + margin-left: 3px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-tagline { + flex: 0 0 100%; + margin: 0; + font-size: 14px; + line-height: 18px; + color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-title { + font-size: 18px; + font-weight: 500; + padding: 0; + text-transform: none; + line-height: 20px; + margin: 0; + flex: 0 0 100%; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-title + a { + text-decoration: none; + color: var(--directorist-color-dark); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-title + a:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-pricing-meta + .directorist-listing-price { + font-size: 14px; + font-weight: 700; + padding: 0; + background: transparent; + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single__info .directorist-pricing-meta .directorist-listing-price { - font-weight: 700; - } + .directorist-content-active + .directorist-listing-single__info + .directorist-pricing-meta + .directorist-listing-price { + font-weight: 700; + } } .directorist-content-active .directorist-listing-single__meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; - position: relative; - padding: 14px 20px; - font-size: 14px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - border-top: 1px solid var(--directorist-color-border); + display: flex; + flex-wrap: wrap; + gap: 10px; + position: relative; + padding: 14px 20px; + font-size: 14px; + justify-content: space-between; + border-top: 1px solid var(--directorist-color-border); } .directorist-content-active .directorist-listing-single__meta__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 20px; } .directorist-content-active .directorist-listing-single__meta__right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category a { - text-decoration: none; - font-size: 14px; - color: var(--directorist-color-body); - border-bottom: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - word-break: break-word; - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category a:hover { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-listing-single__meta .directorist-view-count { - font-size: 14px; - color: var(--directorist-color-body); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-view-count .directorist-icon-mask:after { - width: 15px; - height: 15px; - background-color: var(--directorist-color-light-gray); -} -.directorist-content-active .directorist-listing-single__meta .directorist-view-count { - /* Legacy Icon */ -} -.directorist-content-active .directorist-listing-single__meta .directorist-view-count > span { - display: inline-block; - margin-right: 5px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-thumb-listing-author a { - width: 38px; - height: 38px; - display: inline-block; - vertical-align: middle; -} -.directorist-content-active .directorist-listing-single__meta .directorist-thumb-listing-author img { - width: 100%; - height: 100%; - border-radius: 50%; -} -.directorist-content-active .directorist-listing-single__meta .directorist-mark-as-favorite__btn { - width: auto; - height: auto; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a .directorist-icon-mask { - height: 34px; - width: 34px; - border-radius: 50%; - background-color: var(--directorist-color-light); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-right: 10px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); - width: 14px; - height: 14px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a { - /* Legacy Icon */ -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a > span { - width: 36px; - height: 36px; - border-radius: 50%; - background-color: #f3f3f3; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-right: 10px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a > span:before { - color: var(--directorist-color-body); -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category__extran-count { - font-size: 14px; - font-weight: 500; -} -.directorist-content-active .directorist-listing-single__meta .directorist-rating-meta, -.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone { - gap: 5px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone a { - text-decoration: none; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 20px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + a { + text-decoration: none; + font-size: 14px; + color: var(--directorist-color-body); + border-bottom: 0 none; + box-shadow: none; + display: flex; + align-items: center; + word-break: break-word; + transition: color 0.3s ease; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + a:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-view-count { + font-size: 14px; + color: var(--directorist-color-body); + display: flex; + align-items: center; + gap: 5px; + /* Legacy Icon */ +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-view-count + .directorist-icon-mask:after { + width: 15px; + height: 15px; + background-color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-view-count + > span { + display: inline-block; + margin-right: 5px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-thumb-listing-author + a { + width: 38px; + height: 38px; + display: inline-block; + vertical-align: middle; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-thumb-listing-author + img { + width: 100%; + height: 100%; + border-radius: 50%; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-mark-as-favorite__btn { + width: auto; + height: auto; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a { + /* Legacy Icon */ +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + .directorist-icon-mask { + height: 34px; + width: 34px; + border-radius: 50%; + background-color: var(--directorist-color-light); + display: inline-flex; + align-items: center; + justify-content: center; + margin-right: 10px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); + width: 14px; + height: 14px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + > span { + width: 36px; + height: 36px; + border-radius: 50%; + background-color: #f3f3f3; + display: inline-flex; + align-items: center; + justify-content: center; + margin-right: 10px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + > span:before { + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category__extran-count { + font-size: 14px; + font-weight: 500; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-rating-meta, +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-card-phone { + display: flex; + align-items: center; + font-size: 14px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-card-phone { + gap: 5px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-card-phone + a { + text-decoration: none; } .directorist-content-active .directorist-listing-single__thumb { - position: relative; - margin: 0; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card { - position: relative; - width: 100%; - height: 100%; - border-radius: 10px; - overflow: hidden; - z-index: 0; - background-color: var(--directorist-color-bg-gray); -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-wrap, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-back-wrap { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - height: 100%; - width: 100%; - overflow: hidden; - z-index: 2; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-wrap figure, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-back-wrap figure { - width: 100%; - height: 100%; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card.directorist-card-contain .directorist-thumnail-card-front-img { - -o-object-fit: contain; - object-fit: contain; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card.directorist-card-full { - min-height: 300px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-wrap { - z-index: 1; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-front-img, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - margin: 0; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-img { - -webkit-filter: blur(5px); - filter: blur(5px); -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left { - left: 20px; - top: 20px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right { - top: 20px; - right: 20px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left { - left: 20px; - bottom: 30px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right { - right: 20px; - bottom: 30px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right { - position: absolute; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn i, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.la, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.las, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fa, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fas, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.lab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn i, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.la, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.las, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fa, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fas, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.lab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn i, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.la, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.las, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fa, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fas, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.lab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn i, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.la, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.las, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fa, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fas, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.lab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fab { - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single__header__left .directorist-thumb-listing-author { - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; + position: relative; + margin: 0; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card { + position: relative; + width: 100%; + height: 100%; + border-radius: 10px; + overflow: hidden; + z-index: 0; + background-color: var(--directorist-color-bg-gray); +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-front-wrap, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-back-wrap { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + height: 100%; + width: 100%; + overflow: hidden; + z-index: 2; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-front-wrap + figure, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-back-wrap + figure { + width: 100%; + height: 100%; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card.directorist-card-contain + .directorist-thumnail-card-front-img { + object-fit: contain; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card.directorist-card-full { + min-height: 300px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-back-wrap { + z-index: 1; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-front-img, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-back-img { + width: 100%; + height: 100%; + object-fit: cover; + margin: 0; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-back-img { + filter: blur(5px); +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left { + left: 20px; + top: 20px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right { + top: 20px; + right: 20px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left { + left: 20px; + bottom: 30px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right { + right: 20px; + bottom: 30px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right { + position: absolute; + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 6px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.fab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.fab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.fab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.fab { + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single__header__left + .directorist-thumb-listing-author { + position: unset !important; + transform: unset !important; } .directorist-content-active .directorist-listing-single figure { - margin: 0; -} -.directorist-content-active .directorist-listing-single .directorist-listing-single__header__left .directorist-thumb-listing-author, -.directorist-content-active .directorist-listing-single .directorist-listing-single__header__right .directorist-thumb-listing-author, -.directorist-content-active .directorist-listing-single .directorist-thumb-bottom-left .directorist-thumb-listing-author, -.directorist-content-active .directorist-listing-single .directorist-thumb-bottom-right .directorist-thumb-listing-author { - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; + margin: 0; +} +.directorist-content-active + .directorist-listing-single + .directorist-listing-single__header__left + .directorist-thumb-listing-author, +.directorist-content-active + .directorist-listing-single + .directorist-listing-single__header__right + .directorist-thumb-listing-author, +.directorist-content-active + .directorist-listing-single + .directorist-thumb-bottom-left + .directorist-thumb-listing-author, +.directorist-content-active + .directorist-listing-single + .directorist-thumb-bottom-right + .directorist-thumb-listing-author { + position: unset !important; + transform: unset !important; } .directorist-content-active .directorist-listing-single .directorist-badge { - margin: 3px; -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-popular { - background-color: #f51957; -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-open { - background-color: var(--directorist-color-success); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-close { - background-color: var(--directorist-color-danger); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-new { - background-color: var(--directorist-color-new-badge); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-featured { - background-color: #fa8b0c; -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-negotiation { - background-color: var(--directorist-color-info); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-sold { - background-color: var(--directorist-color-danger); -} -.directorist-content-active .directorist-listing-single .directorist_open_status_badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active .directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span { - top: auto; - bottom: 35px; -} -.directorist-content-active .directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span:before { - top: auto; - bottom: -7px; - -webkit-transform: rotate(180deg); - transform: rotate(180deg); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb { - margin: 0; - position: relative; - padding: 10px 10px 0 10px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb .directorist-pricing-meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 26px; - margin: 0; - border-radius: 3px; - background: var(--directorist-color-white); - padding: 0 8px; - font-weight: 700; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb .directorist-pricing-meta .directorist-listing-price { - color: var(--directorist-color-danger); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumnail-card-front-img { - border-radius: 10px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author { - position: absolute; - bottom: 0; - top: unset; - -webkit-transform: translateY(50%); - transform: translateY(50%); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - z-index: 1; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-left { - left: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-right { - right: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-center { - left: 50%; - -webkit-transform: translate(-50%, 50%); - transform: translate(-50%, 50%); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author img { - width: 100%; - border-radius: 50%; - height: auto; - background-color: var(--directorist-color-bg-gray); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 100%; - border-radius: 50%; - width: 42px; - height: 42px; - border: 3px solid var(--directorist-color-border); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-mark-as-favorite__btn { - width: 30px; - height: 30px; - background-color: var(--directorist-color-white); + margin: 3px; +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-popular { + background-color: #f51957; +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-open { + background-color: var(--directorist-color-success); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-close { + background-color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-new { + background-color: var(--directorist-color-new-badge); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-featured { + background-color: #fa8b0c; +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-negotiation { + background-color: var(--directorist-color-info); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-sold { + background-color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single + .directorist_open_status_badge { + display: flex; +} +.directorist-content-active + .directorist-listing-single + .directorist-mark-as-favorite__btn + .directorist-favorite-tooltip + span { + top: auto; + bottom: 35px; +} +.directorist-content-active + .directorist-listing-single + .directorist-mark-as-favorite__btn + .directorist-favorite-tooltip + span:before { + top: auto; + bottom: -7px; + transform: rotate(180deg); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-listing-single__thumb { + margin: 0; + position: relative; + padding: 10px 10px 0 10px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-listing-single__thumb + .directorist-pricing-meta { + display: flex; + align-items: center; + justify-content: center; + height: 26px; + margin: 0; + border-radius: 3px; + background: var(--directorist-color-white); + padding: 0 8px; + font-weight: 700; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-listing-single__thumb + .directorist-pricing-meta + .directorist-listing-price { + color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumnail-card-front-img { + border-radius: 10px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author { + position: absolute; + bottom: 0; + top: unset; + transform: translateY(50%); + display: flex; + z-index: 1; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author.directorist-alignment-left { + left: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author.directorist-alignment-right { + right: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author.directorist-alignment-center { + left: 50%; + transform: translate(-50%, 50%); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author + img { + width: 100%; + border-radius: 50%; + height: auto; + background-color: var(--directorist-color-bg-gray); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author + a { + display: inline-flex; + width: 100%; + border-radius: 50%; + width: 42px; + height: 42px; + border: 3px solid var(--directorist-color-border); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-mark-as-favorite__btn { + width: 30px; + height: 30px; + background-color: var(--directorist-color-white); } @media screen and (min-width: 576.99px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .directorist-content-active + .directorist-listing-single.directorist-listing-list { + display: flex; + flex-wrap: wrap; + } } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta i:not(:first-child) { - display: none; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-icon-mask:after { - width: 10px; - height: 10px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-rating-avg { - margin-left: 0; - font-size: 12px; - font-weight: normal; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-total-review { - font-size: 12px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-price { - font-size: 12px; - font-weight: 600; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__meta { - font-size: 12px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-icon-mask:after { - width: 14px; - height: 14px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__excerpt { - font-size: 12px; - line-height: 1.6; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list > li, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list > div { - font-size: 12px; - line-height: 1.2; - gap: 8px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-view-count, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category a, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category__extran-count { - font-size: 12px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category__popup { - margin-left: 5px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-listing-author a, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category > a .directorist-icon-mask { - width: 30px; - height: 30px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list .directorist-icon-mask { - top: 0; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list .directorist-icon-mask:after { - width: 12px; - height: 14px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb { - margin: 0; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + i:not(:first-child) { + display: none; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + .directorist-icon-mask:after { + width: 10px; + height: 10px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + .directorist-rating-avg { + margin-left: 0; + font-size: 12px; + font-weight: normal; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + .directorist-total-review { + font-size: 12px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-price { + font-size: 12px; + font-weight: 600; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__meta { + font-size: 12px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-icon-mask:after { + width: 14px; + height: 14px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__excerpt { + font-size: 12px; + line-height: 1.6; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + > li, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + > div { + font-size: 12px; + line-height: 1.2; + gap: 8px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-view-count, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category + a, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category__extran-count { + font-size: 12px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category__popup { + margin-left: 5px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-listing-author + a, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category + > a + .directorist-icon-mask { + width: 30px; + height: 30px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + .directorist-icon-mask { + top: 0; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + .directorist-icon-mask:after { + width: 12px; + height: 14px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb { + margin: 0; } @media only screen and (min-width: 576.99px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - max-width: 320px; - min-height: 240px; - padding: 10px 0 10px 10px; - } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb { + flex: 1; + max-width: 320px; + min-height: 240px; + padding: 10px 0 10px 10px; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb { - padding: 10px 10px 0 10px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-badge { - width: 20px; - height: 20px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-favorite-icon:before, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-badge .directorist-icon-mask:after { - width: 10px; - height: 10px; - } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb { + padding: 10px 10px 0 10px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-badge { + width: 20px; + height: 20px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-favorite-icon:before, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-badge + .directorist-icon-mask:after { + width: 10px; + height: 10px; + } } @media only screen and (min-width: 576.99px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-thumnail-card { - height: 100% !important; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-img { - border-radius: 10px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-flex: 2; - -webkit-flex: 2; - -ms-flex: 2; - flex: 2; - padding: 10px 0 10px; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-thumnail-card { + height: 100% !important; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-front-img { + border-radius: 10px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__content { + display: flex; + flex-direction: column; + justify-content: space-between; + flex: 2; + padding: 10px 0 10px; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content { - padding: 0; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content .directorist-listing-single__meta { - display: none; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__mobile-view-meta { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__content { + padding: 0; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__content + .directorist-listing-single__meta { + display: none; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__mobile-view-meta { + flex: 0 0 100%; } @media screen and (min-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__mobile-view-meta { - display: none; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 18px 20px 15px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info:empty { - display: none; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list { - margin: 10px 0 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__excerpt { - margin: 10px 0 0; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__mobile-view-meta { + display: none; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 18px 20px 15px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info:empty { + display: none; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list { + margin: 10px 0 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__excerpt { + margin: 10px 0 0; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info { - padding-top: 10px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-listing-title { - margin: 0; - font-size: 14px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-badge { - margin: 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-badge:after { - display: none; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info { + padding-top: 10px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info + .directorist-listing-title { + margin: 0; + font-size: 14px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__action { + display: flex; + gap: 20px; + align-items: center; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-badge { + margin: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-badge:after { + display: none; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right { - right: unset; - left: -30px; - top: 20px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-favorite-icon { - width: 20px; - height: 20px; - border-radius: 100%; - background-color: var(--directorist-color-white); - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-favorite-icon:before { - width: 10px; - height: 10px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-left { - left: 20px; - top: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-right { - top: 20px; - right: 10px; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right { + right: unset; + left: -30px; + top: 20px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-favorite-icon { + width: 20px; + height: 20px; + border-radius: 100%; + background-color: var(--directorist-color-white); + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-favorite-icon:before { + width: 10px; + height: 10px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-top-left { + left: 20px; + top: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-top-right { + top: 20px; + right: 10px; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-right { - right: unset; - left: 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-bottom-left { - left: 20px; - bottom: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-bottom-right { - right: 10px; - bottom: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-badge { - margin: 0; - padding: 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-badge:after { - display: none; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-top-right { + right: unset; + left: 20px; + flex-direction: column; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-bottom-left { + left: 20px; + bottom: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-bottom-right { + right: 10px; + bottom: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info + .directorist-badge { + margin: 0; + padding: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info + .directorist-badge:after { + display: none; } @media only screen and (min-width: 576.99px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__meta { - padding: 14px 20px 7px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 26px; - height: 26px; - margin: 0; - padding: 0; - border-radius: 100%; - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge .directorist-icon-mask:after, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge .directorist-icon-mask:after { - width: 12px; - height: 12px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-close, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-close { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: 21px; - line-height: 21px; - width: auto; - padding: 0 5px; - border-radius: 4px; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__meta { + padding: 14px 20px 7px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge { + display: flex; + align-items: center; + justify-content: center; + width: 26px; + height: 26px; + margin: 0; + padding: 0; + border-radius: 100%; + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge + .directorist-icon-mask:after { + width: 12px; + height: 12px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text, +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-open, +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-close, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-open, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-close { + display: inline-flex; + height: 21px; + line-height: 21px; + width: auto; + padding: 0 5px; + border-radius: 4px; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-close, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-close { - height: 18px; - line-height: 18px; - font-size: 8px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-popular, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-popular { - background-color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-new, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-new { - background-color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-featured, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-featured { - background-color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-featured, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-featured { - background-color: var(--directorist-color-featured-badge); - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-popular, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-popular { - background-color: var(--directorist-color-popular-badge); - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-new, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-new { - background-color: var(--directorist-color-new-badge); - color: var(--directorist-color-white); + .directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text, + .directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-open, + .directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-close, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-open, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-close { + height: 18px; + line-height: 18px; + font-size: 8px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-popular, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-popular { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-new, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-new { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-featured, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-featured { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-featured, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-featured { + background-color: var(--directorist-color-featured-badge); + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-popular, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-popular { + background-color: var(--directorist-color-popular-badge); + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-new, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-new { + background-color: var(--directorist-color-new-badge); + color: var(--directorist-color-white); } .directorist-content-active .directorist-listing-single.directorist-featured { - border: 1px solid var(--directorist-color-featured-badge); -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist_open_status_badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info { - z-index: 1; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header figure { - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__left:empty, -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__right:empty { - display: none; + border: 1px solid var(--directorist-color-featured-badge); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist_open_status_badge { + display: flex; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info { + z-index: 1; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header { + align-items: center; + justify-content: space-between; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + figure { + margin: 0; + flex: none; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-single__header__left:empty, +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-single__header__right:empty { + display: none; } @media screen and (max-width: 991px) { - .directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__title { - -webkit-box-ordinal-group: 3; - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-mark-as-favorite__btn { - background: transparent; - width: auto; - height: auto; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-list .directorist-listing-single__content { - padding: 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header .directorist-listing-single__header__left { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding-right: 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header .directorist-listing-single__header__right { - margin-top: 15px; + .directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__title { + order: 2; + flex: 0 0 100%; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-mark-as-favorite__btn { + background: transparent; + width: auto; + height: auto; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-list + .directorist-listing-single__content { + padding: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix + .directorist-listing-single__header { + flex-wrap: wrap; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix + .directorist-listing-single__header + .directorist-listing-single__header__left { + flex: 0 0 100%; + flex-wrap: wrap; + padding-right: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix + .directorist-listing-single__header + .directorist-listing-single__header__right { + margin-top: 15px; } .directorist-rating-meta { - padding: 0; + padding: 0; } .directorist-rating-meta i.directorist-icon-mask:after { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-rating-meta i.directorist-icon-mask.star-empty:after { - background-color: #d1d1d1; + background-color: #d1d1d1; } .directorist-rating-meta .directorist-rating-avg { - font-size: 14px; - color: var(--directorist-color-body); - margin: 0 3px 0 6px; + font-size: 14px; + color: var(--directorist-color-body); + margin: 0 3px 0 6px; } .directorist-rating-meta .directorist-total-review { - font-weight: 400; - color: var(--directorist-color-light-gray); + font-weight: 400; + color: var(--directorist-color-light-gray); } .directorist-rating-meta.directorist-info-item-rating i, .directorist-rating-meta.directorist-info-item-rating span.la, .directorist-rating-meta.directorist-info-item-rating span.fa { - margin-left: 4px; + margin-left: 4px; } /* mark as favorite btn */ .directorist-mark-as-favorite__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - position: relative; - text-decoration: none; - padding: 0; - font-weight: unset; - line-height: unset; - text-transform: unset; - letter-spacing: unset; - background: transparent; - border: none; - cursor: pointer; -} -.directorist-mark-as-favorite__btn:hover, .directorist-mark-as-favorite__btn:focus { - outline: 0; - text-decoration: none; -} -.directorist-mark-as-favorite__btn:hover .directorist-favorite-icon:before, .directorist-mark-as-favorite__btn:focus .directorist-favorite-icon:before { - background-color: var(--directorist-color-danger); + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + position: relative; + text-decoration: none; + padding: 0; + font-weight: unset; + line-height: unset; + text-transform: unset; + letter-spacing: unset; + background: transparent; + border: none; + cursor: pointer; +} +.directorist-mark-as-favorite__btn:hover, +.directorist-mark-as-favorite__btn:focus { + outline: 0; + text-decoration: none; +} +.directorist-mark-as-favorite__btn:hover .directorist-favorite-icon:before, +.directorist-mark-as-favorite__btn:focus .directorist-favorite-icon:before { + background-color: var(--directorist-color-danger); } .directorist-mark-as-favorite__btn .directorist-favorite-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } .directorist-mark-as-favorite__btn .directorist-favorite-icon:before { - content: ""; - -webkit-mask-image: url(../js/3aebaee5331b23d457d3.svg); - mask-image: url(../js/3aebaee5331b23d457d3.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 15px; - height: 15px; - background-color: var(--directorist-color-danger); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-mark-as-favorite__btn.directorist-added-to-favorite .directorist-favorite-icon:before { - -webkit-mask-image: url(../js/83fcf4b334b68700256a.svg); - mask-image: url(../js/83fcf4b334b68700256a.svg); - background-color: var(--directorist-color-danger); + content: ""; + mask-image: url(../js/../images/6bf407d27842391bbcd90343624e694b.svg); + mask-repeat: no-repeat; + width: 15px; + height: 15px; + background-color: var(--directorist-color-danger); + transition: 0.3s ease; +} +.directorist-mark-as-favorite__btn.directorist-added-to-favorite + .directorist-favorite-icon:before { + mask-image: url(../js/../images/2e589ffc784b0c43089b0222cab8ed4f.svg); + background-color: var(--directorist-color-danger); } .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span { - position: absolute; - min-width: 120px; - right: 0; - top: 35px; - background-color: var(--directorist-color-dark); - color: var(--directorist-color-white); - font-size: 13px; - border-radius: 3px; - text-align: center; - padding: 5px; - z-index: 111; + position: absolute; + min-width: 120px; + right: 0; + top: 35px; + background-color: var(--directorist-color-dark); + color: var(--directorist-color-white); + font-size: 13px; + border-radius: 3px; + text-align: center; + padding: 5px; + z-index: 111; } .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span::before { - content: ""; - position: absolute; - border-bottom: 8px solid var(--directorist-color-dark); - border-right: 6px solid transparent; - border-left: 6px solid transparent; - right: 8px; - top: -7px; + content: ""; + position: absolute; + border-bottom: 8px solid var(--directorist-color-dark); + border-right: 6px solid transparent; + border-left: 6px solid transparent; + right: 8px; + top: -7px; } /* listing card without thumbnail */ -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - position: relative; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 20px 22px 0 22px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left .directorist-listing-single__badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - position: relative; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left .directorist-badge { - background-color: #f4f4f4; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__title { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author { - position: unset; - -webkit-transform: unset; - transform: unset; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author img { - height: 100%; - width: 100%; - max-width: none; - border-radius: 50%; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title { - font-size: 18px; - font-weight: 500; - padding: 0; - text-transform: none; - line-height: 1.2; - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header { + display: flex; + gap: 15px; + flex-wrap: wrap; + position: relative; + align-items: flex-start; + padding: 20px 22px 0 22px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__left { + display: flex; + flex: 1; + gap: 12px; + align-items: center; + flex-wrap: wrap; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__left + .directorist-listing-single__badge { + display: flex; + gap: 12px; + flex-wrap: wrap; + align-items: center; + position: relative; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__left + .directorist-badge { + background-color: #f4f4f4; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__title { + flex: 1; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-thumb-listing-author { + position: unset; + transform: unset; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-thumb-listing-author + a { + display: flex; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-thumb-listing-author + img { + height: 100%; + width: 100%; + max-width: none; + border-radius: 50%; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title { + font-size: 18px; + font-weight: 500; + padding: 0; + text-transform: none; + line-height: 1.2; + margin: 0; + flex: 0 0 100%; } @media screen and (max-width: 575px) { - .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title { - font-size: 16px; - } -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title a { - text-decoration: none; - color: var(--directorist-color-dark); -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title a:hover { - color: var(--directorist-color-primary); -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-tagline { - margin-bottom: 0; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info { - padding: 10px 22px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info:empty { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list { - margin: 16px 0 10px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-icon-mask { - position: relative; - top: 4px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-listing-card-info-label { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-icon { - font-size: 17px; - color: #444752; - margin-right: 8px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li a, -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li span { - text-decoration: none; - color: var(--directorist-color-body); - border-bottom: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.7; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt { - margin: 15px 0 0; - font-size: 14px; - color: var(--directorist-color-body); - line-height: 24px; - text-align: left; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li { - color: var(--directorist-color-body); - margin: 0; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li:not(:last-child) { - margin: 0 0 10px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li > div { - margin-bottom: 2px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li > div .directorist-icon-mask { - position: relative; - top: 4px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li > div .directorist-listing-card-info-label { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li .directorist-icon { - font-size: 17px; - color: #444752; - margin-right: 8px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li a { - text-decoration: none; - color: var(--directorist-color-body); - border-bottom: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.7; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li a:hover { - color: var(--directorist-color-primary); -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt a { - color: var(--directorist-color-primary); - text-decoration: underline; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt a:hover { - color: var(--directorist-color-body); -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content { - border: 0 none; - padding: 10px 22px 25px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__meta__right .directorist-mark-as-favorite__btn { - width: auto; - height: auto; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title { + font-size: 16px; + } +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title + a { + text-decoration: none; + color: var(--directorist-color-dark); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title + a:hover { + color: var(--directorist-color-primary); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-tagline { + margin-bottom: 0; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info { + padding: 10px 22px 0; + display: flex; + flex-wrap: wrap; + align-items: center; + flex-direction: row; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info:empty { + display: none; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list { + margin: 16px 0 10px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + .directorist-icon-mask { + position: relative; + top: 4px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + .directorist-listing-card-info-label { + display: none; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + .directorist-icon { + font-size: 17px; + color: #444752; + margin-right: 8px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + a, +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + span { + text-decoration: none; + color: var(--directorist-color-body); + border-bottom: 0 none; + box-shadow: none; + line-height: 1.7; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt { + margin: 15px 0 0; + font-size: 14px; + color: var(--directorist-color-body); + line-height: 24px; + text-align: left; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li { + color: var(--directorist-color-body); + margin: 0; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li:not(:last-child) { + margin: 0 0 10px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + > div { + margin-bottom: 2px; + font-size: 14px; + display: flex; + gap: 10px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + > div + .directorist-icon-mask { + position: relative; + top: 4px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + > div + .directorist-listing-card-info-label { + display: none; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + .directorist-icon { + font-size: 17px; + color: #444752; + margin-right: 8px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + a { + text-decoration: none; + color: var(--directorist-color-body); + border-bottom: 0 none; + box-shadow: none; + line-height: 1.7; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + a:hover { + color: var(--directorist-color-primary); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + a { + color: var(--directorist-color-primary); + text-decoration: underline; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + a:hover { + color: var(--directorist-color-body); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__content { + border: 0 none; + padding: 10px 22px 25px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__meta__right + .directorist-mark-as-favorite__btn { + width: auto; + height: auto; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__action { + display: flex; + align-items: center; + gap: 6px; } /* listing card without thumbnail list view */ -.directorist-listing-single.directorist-listing-list .directorist-listing-single__header { - width: 100%; - margin-bottom: 13px; +.directorist-listing-single.directorist-listing-list + .directorist-listing-single__header { + width: 100%; + margin-bottom: 13px; } -.directorist-listing-single.directorist-listing-list .directorist-listing-single__header .directorist-listing-single__info { - padding: 0; +.directorist-listing-single.directorist-listing-list + .directorist-listing-single__header + .directorist-listing-single__info { + padding: 0; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge { - padding: 0; - margin: 0; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-info-item.directorist-badge { + padding: 0; + margin: 0; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge:after { - display: none; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-info-item.directorist-badge:after { + display: none; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge.directorist-badge-open, .directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge.directorist-badge-close { - padding: 0 5px; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-info-item.directorist-badge.directorist-badge-open, +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-info-item.directorist-badge.directorist-badge-close { + padding: 0 5px; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-mark-as-favorite__btn { - width: auto; - height: auto; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-mark-as-favorite__btn { + width: auto; + height: auto; } .directorist-listing-category { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } .directorist-listing-category__popup { - position: relative; - margin-left: 10px; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + position: relative; + margin-left: 10px; + cursor: pointer; + display: flex; } .directorist-listing-category__popup__content { - display: block; - position: absolute; - width: 150px; - visibility: hidden; - opacity: 0; - pointer-events: none; - bottom: 25px; - left: -30px; - padding: 10px; - border: none; - border-radius: 10px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - line-break: auto; - word-break: break-all; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 1; + display: block; + position: absolute; + width: 150px; + visibility: hidden; + opacity: 0; + pointer-events: none; + bottom: 25px; + left: -30px; + padding: 10px; + border: none; + border-radius: 10px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + line-break: auto; + word-break: break-all; + transition: 0.3s ease; + z-index: 1; } .directorist-listing-category__popup__content:after { - content: ""; - left: 40px; - bottom: -11px; - border: 6px solid transparent; - border-top-color: var(--directorist-color-white); - display: inline-block; - position: absolute; + content: ""; + left: 40px; + bottom: -11px; + border: 6px solid transparent; + border-top-color: var(--directorist-color-white); + display: inline-block; + position: absolute; } .directorist-listing-category__popup__content a { - color: var(--directorist-color-body); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - line-height: normal; - padding: 10px; - border-radius: 8px; + color: var(--directorist-color-body); + display: flex; + gap: 12px; + align-items: flex-start; + line-height: normal; + padding: 10px; + border-radius: 8px; } .directorist-listing-category__popup__content a:last-child { - margin-bottom: 0; + margin-bottom: 0; } .directorist-listing-category__popup__content a i { - height: unset; - width: unset; - min-width: unset; + height: unset; + width: unset; + min-width: unset; } .directorist-listing-category__popup__content a i::after { - height: 14px; - width: 14px; - background-color: var(--directorist-color-body); + height: 14px; + width: 14px; + background-color: var(--directorist-color-body); } .directorist-listing-category__popup__content a:hover { - color: var(--directorist-color-primary); - background-color: var(--directorist-color-light); + color: var(--directorist-color-primary); + background-color: var(--directorist-color-light); } .directorist-listing-category__popup__content a:hover i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } -.directorist-listing-category__popup:hover .directorist-listing-category__popup__content { - visibility: visible; - opacity: 1; - pointer-events: all; +.directorist-listing-category__popup:hover + .directorist-listing-category__popup__content { + visibility: visible; + opacity: 1; + pointer-events: all; } -.directorist-listing-single__meta__right .directorist-listing-category__popup__content { - left: unset; - right: -30px; +.directorist-listing-single__meta__right + .directorist-listing-category__popup__content { + left: unset; + right: -30px; } -.directorist-listing-single__meta__right .directorist-listing-category__popup__content:after { - left: unset; - right: 40px; +.directorist-listing-single__meta__right + .directorist-listing-category__popup__content:after { + left: unset; + right: 40px; } .directorist-listing-price-range span { - font-weight: 600; - color: rgba(122, 130, 166, 0.3); + font-weight: 600; + color: rgba(122, 130, 166, 0.3); } .directorist-listing-price-range span.directorist-price-active { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } #map.leaflet-container, #gmap.leaflet-container, .directorist-single-map.leaflet-container { - /*rtl:ignore*/ - direction: ltr; + /*rtl:ignore*/ + direction: ltr; } #map.leaflet-container .leaflet-popup-content-wrapper, #gmap.leaflet-container .leaflet-popup-content-wrapper, .directorist-single-map.leaflet-container .leaflet-popup-content-wrapper { - border-radius: 8px; - padding: 0; + border-radius: 8px; + padding: 0; } #map.leaflet-container .leaflet-popup-content, #gmap.leaflet-container .leaflet-popup-content, .directorist-single-map.leaflet-container .leaflet-popup-content { - margin: 0; - line-height: 1; - width: 350px !important; + margin: 0; + line-height: 1; + width: 350px !important; } @media only screen and (max-width: 480px) { - #map.leaflet-container .leaflet-popup-content, - #gmap.leaflet-container .leaflet-popup-content, - .directorist-single-map.leaflet-container .leaflet-popup-content { - width: 300px !important; - } + #map.leaflet-container .leaflet-popup-content, + #gmap.leaflet-container .leaflet-popup-content, + .directorist-single-map.leaflet-container .leaflet-popup-content { + width: 300px !important; + } } @media only screen and (max-width: 375px) { - #map.leaflet-container .leaflet-popup-content, - #gmap.leaflet-container .leaflet-popup-content, - .directorist-single-map.leaflet-container .leaflet-popup-content { - width: 250px !important; - } + #map.leaflet-container .leaflet-popup-content, + #gmap.leaflet-container .leaflet-popup-content, + .directorist-single-map.leaflet-container .leaflet-popup-content { + width: 250px !important; + } } #map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, #gmap.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, -.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img { - width: 100%; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .atbdp-map.atbdp-body + img { + width: 100%; } #map.leaflet-container .leaflet-popup-content .media-body, #gmap.leaflet-container .leaflet-popup-content .media-body, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body { - padding: 10px 15px; + padding: 10px 15px; } #map.leaflet-container .leaflet-popup-content .media-body a, #gmap.leaflet-container .leaflet-popup-content .media-body a, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body a { - text-decoration: none; + text-decoration: none; } #map.leaflet-container .leaflet-popup-content .media-body h3 a, #gmap.leaflet-container .leaflet-popup-content .media-body h3 a, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body h3 a { - font-weight: 500; - line-height: 1.2; - color: #272b41; - letter-spacing: normal; - font-size: 18px; - text-decoration: none; -} -#map.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin, -#gmap.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin, -.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin { - font-size: 14px; - margin: 0 0 10px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + h3 + a { + font-weight: 500; + line-height: 1.2; + color: #272b41; + letter-spacing: normal; + font-size: 18px; + text-decoration: none; +} +#map.leaflet-container + .leaflet-popup-content + .atbdp-listings-title-block + h3.atbdp-no-margin, +#gmap.leaflet-container + .leaflet-popup-content + .atbdp-listings-title-block + h3.atbdp-no-margin, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .atbdp-listings-title-block + h3.atbdp-no-margin { + font-size: 14px; + margin: 0 0 10px; } #map.leaflet-container .leaflet-popup-content .osm-iw-location, #gmap.leaflet-container .leaflet-popup-content .osm-iw-location, -.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-location { - margin-bottom: 6px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container .leaflet-popup-content .osm-iw-location .directorist-icon-mask, -#gmap.leaflet-container .leaflet-popup-content .osm-iw-location .directorist-icon-mask, -.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-location .directorist-icon-mask { - display: inline-block; - margin-right: 4px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-location { + margin-bottom: 6px; + display: flex; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .osm-iw-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .osm-iw-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-location + .directorist-icon-mask { + display: inline-block; + margin-right: 4px; } #map.leaflet-container .leaflet-popup-content .osm-iw-get-location, #gmap.leaflet-container .leaflet-popup-content .osm-iw-get-location, -.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-get-location { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container .leaflet-popup-content .osm-iw-get-location .directorist-icon-mask, -#gmap.leaflet-container .leaflet-popup-content .osm-iw-get-location .directorist-icon-mask, -.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-get-location .directorist-icon-mask { - display: inline-block; - margin-left: 5px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-get-location { + display: flex; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .osm-iw-get-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .osm-iw-get-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-get-location + .directorist-icon-mask { + display: inline-block; + margin-left: 5px; } #map.leaflet-container .leaflet-popup-content .atbdp-map, #gmap.leaflet-container .leaflet-popup-content .atbdp-map, .directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map { - margin: 0; - line-height: 1; - width: 350px !important; + margin: 0; + line-height: 1; + width: 350px !important; } #map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, #gmap.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, -.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img { - width: 100%; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .atbdp-map.atbdp-body + img { + width: 100%; } #map.leaflet-container .leaflet-popup-content .media-body, #gmap.leaflet-container .leaflet-popup-content .media-body, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body { - padding: 10px 15px; + padding: 10px 15px; } #map.leaflet-container .leaflet-popup-content .media-body a, #gmap.leaflet-container .leaflet-popup-content .media-body a, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body a { - text-decoration: none; + text-decoration: none; } #map.leaflet-container .leaflet-popup-content .media-body h3 a, #gmap.leaflet-container .leaflet-popup-content .media-body h3 a, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body h3 a { - font-weight: 500; - line-height: 1.2; - color: #272b41; - letter-spacing: normal; - font-size: 18px; - text-decoration: none; -} -#map.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin, -#gmap.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin { - font-size: 14px; - margin: 0 0 10px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + h3 + a { + font-weight: 500; + line-height: 1.2; + color: #272b41; + letter-spacing: normal; + font-size: 18px; + text-decoration: none; +} +#map.leaflet-container + .leaflet-popup-content + .media-body + .atbdp-listings-title-block + h3.atbdp-no-margin, +#gmap.leaflet-container + .leaflet-popup-content + .media-body + .atbdp-listings-title-block + h3.atbdp-no-margin, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .atbdp-listings-title-block + h3.atbdp-no-margin { + font-size: 14px; + margin: 0 0 10px; } #map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location, #gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-location, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location { - margin-bottom: 6px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location .directorist-icon-mask, -#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-location .directorist-icon-mask, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location .directorist-icon-mask { - display: inline-block; - margin-right: 4px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location { + margin-bottom: 6px; + display: flex; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location + .directorist-icon-mask { + display: inline-block; + margin-right: 4px; } #map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location, #gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location .directorist-icon-mask, -#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location .directorist-icon-mask, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location .directorist-icon-mask { - display: inline-block; - margin-left: 5px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location { + display: flex; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location + .directorist-icon-mask { + display: inline-block; + margin-left: 5px; } #map.leaflet-container .leaflet-popup-content .atbdp-map, #gmap.leaflet-container .leaflet-popup-content .atbdp-map, .directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map { - margin: 0; + margin: 0; } #map.leaflet-container .leaflet-popup-content .map-info-wrapper img, #gmap.leaflet-container .leaflet-popup-content .map-info-wrapper img, -.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper img { - width: 100%; -} -#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details, -#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details, -.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details { - padding: 15px; -} -#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3, -#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3, -.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3 { - font-size: 16px; - margin-bottom: 0; - margin-top: 0; -} -#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn, -#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn, -.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn { - display: none; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + img { + width: 100%; +} +#map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details, +#gmap.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details { + padding: 15px; +} +#map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + h3, +#gmap.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + h3, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + h3 { + font-size: 16px; + margin-bottom: 0; + margin-top: 0; +} +#map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + .miw-contents-footer + .iw-close-btn, +#gmap.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + .miw-contents-footer + .iw-close-btn, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + .miw-contents-footer + .iw-close-btn { + display: none; } #map.leaflet-container .leaflet-popup-close-button, #gmap.leaflet-container .leaflet-popup-close-button, .directorist-single-map.leaflet-container .leaflet-popup-close-button { - position: absolute; - width: 25px; - height: 25px; - background: rgba(68, 71, 82, 0.5); - border-radius: 50%; - color: var(--directorist-color-white); - right: 10px; - left: auto; - top: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 13px; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - line-height: inherit; - padding: 0; - display: none; + position: absolute; + width: 25px; + height: 25px; + background: rgba(68, 71, 82, 0.5); + border-radius: 50%; + color: var(--directorist-color-white); + right: 10px; + left: auto; + top: 10px; + display: flex; + align-items: center; + justify-content: center; + font-size: 13px; + cursor: pointer; + transition: 0.3s ease; + line-height: inherit; + padding: 0; + display: none; } #map.leaflet-container .leaflet-popup-close-button:hover, #gmap.leaflet-container .leaflet-popup-close-button:hover, .directorist-single-map.leaflet-container .leaflet-popup-close-button:hover { - background-color: #444752; + background-color: #444752; } #map.leaflet-container .leaflet-popup-tip-container, #gmap.leaflet-container .leaflet-popup-tip-container, .directorist-single-map.leaflet-container .leaflet-popup-tip-container { - display: none; + display: none; } .directorist-single-map .gm-style-iw-c, .directorist-single-map .gm-style-iw-d { - max-height: unset !important; + max-height: unset !important; } .directorist-single-map .gm-style-iw-tc, .directorist-single-map .gm-style-iw-chr { - display: none; + display: none; } .map-listing-card-single { - position: relative; - padding: 10px; - border-radius: 8px; - -webkit-box-shadow: 0px 5px 20px rgba(var(--directorist-color-dark-rgb), 0.33); - box-shadow: 0px 5px 20px rgba(var(--directorist-color-dark-rgb), 0.33); - background-color: var(--directorist-color-white); + position: relative; + padding: 10px; + border-radius: 8px; + box-shadow: 0px 5px 20px rgba(var(--directorist-color-dark-rgb), 0.33); + background-color: var(--directorist-color-white); } .map-listing-card-single figure { - margin: 0; + margin: 0; } .map-listing-card-single .directorist-mark-as-favorite__btn { - position: absolute; - top: 20px; - right: 20px; - width: 30px; - height: 30px; - border-radius: 100%; - background-color: var(--directorist-color-white); -} -.map-listing-card-single .directorist-mark-as-favorite__btn .directorist-favorite-icon::before { - width: 16px; - height: 16px; + position: absolute; + top: 20px; + right: 20px; + width: 30px; + height: 30px; + border-radius: 100%; + background-color: var(--directorist-color-white); +} +.map-listing-card-single + .directorist-mark-as-favorite__btn + .directorist-favorite-icon::before { + width: 16px; + height: 16px; } .map-listing-card-single__img .atbd_tooltip { - margin-left: 10px; - margin-bottom: 10px; + margin-left: 10px; + margin-bottom: 10px; } .map-listing-card-single__img .atbd_tooltip img { - width: auto; + width: auto; } .map-listing-card-single__img a { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + width: 100%; + display: inline-flex; } .map-listing-card-single__img figure { - width: 100%; - margin: 0; + width: 100%; + margin: 0; } .map-listing-card-single__img img { - width: 100%; - max-width: 100%; - max-height: 200px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 8px; + width: 100%; + max-width: 100%; + max-height: 200px; + object-fit: cover; + border-radius: 8px; } .map-listing-card-single__author + .map-listing-card-single__content { - padding-top: 0; + padding-top: 0; } .map-listing-card-single__author a { - width: 42px; - height: 42px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - border-radius: 100%; - margin-top: -24px; - margin-left: 7px; - margin-bottom: 5px; - border: 3px solid var(--directorist-color-white); + width: 42px; + height: 42px; + display: inline-flex; + border-radius: 100%; + margin-top: -24px; + margin-left: 7px; + margin-bottom: 5px; + border: 3px solid var(--directorist-color-white); } .map-listing-card-single__author img { - width: 100%; - height: 100%; - border-radius: 100%; + width: 100%; + height: 100%; + border-radius: 100%; } .map-listing-card-single__content { - padding: 15px 10px 10px; + padding: 15px 10px 10px; } .map-listing-card-single__content__title { - font-size: 16px; - font-weight: 500; - margin: 0 0 10px !important; - color: var(--directorist-color-dark); + font-size: 16px; + font-weight: 500; + margin: 0 0 10px !important; + color: var(--directorist-color-dark); } .map-listing-card-single__content__title a { - text-decoration: unset; - color: var(--directorist-color-dark); + text-decoration: unset; + color: var(--directorist-color-dark); } .map-listing-card-single__content__title a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .map-listing-card-single__content__meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 0 20px; - gap: 10px 0; + display: flex; + flex-wrap: wrap; + align-items: center; + margin: 0 0 20px; + gap: 10px 0; } .map-listing-card-single__content__meta .directorist-rating-meta { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-body); - padding: 0; + display: inline-flex; + align-items: center; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-body); + padding: 0; } .map-listing-card-single__content__meta .directorist-icon-mask { - margin-right: 4px; + margin-right: 4px; } .map-listing-card-single__content__meta .directorist-icon-mask:after { - width: 15px; - height: 15px; - background-color: var(--directorist-color-warning); + width: 15px; + height: 15px; + background-color: var(--directorist-color-warning); } -.map-listing-card-single__content__meta .directorist-icon-mask.star-empty:after { - background-color: #d1d1d1; +.map-listing-card-single__content__meta + .directorist-icon-mask.star-empty:after { + background-color: #d1d1d1; } .map-listing-card-single__content__meta .directorist-rating-avg { - font-size: 14px; - color: var(--directorist-color-body); - margin: 0 3px 0 6px; + font-size: 14px; + color: var(--directorist-color-body); + margin: 0 3px 0 6px; } .map-listing-card-single__content__meta .directorist-listing-price { - font-size: 14px; - color: var(--directorist-color-body); + font-size: 14px; + color: var(--directorist-color-body); } .map-listing-card-single__content__meta .directorist-info-item { - position: relative; -} -.map-listing-card-single__content__meta .directorist-info-item:not(:last-child) { - padding-right: 8px; - margin-right: 8px; -} -.map-listing-card-single__content__meta .directorist-info-item:not(:last-child):before { - content: ""; - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - width: 3px; - height: 3px; - border-radius: 100%; - background-color: var(--directorist-color-gray-hover); + position: relative; +} +.map-listing-card-single__content__meta + .directorist-info-item:not(:last-child) { + padding-right: 8px; + margin-right: 8px; +} +.map-listing-card-single__content__meta + .directorist-info-item:not(:last-child):before { + content: ""; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + width: 3px; + height: 3px; + border-radius: 100%; + background-color: var(--directorist-color-gray-hover); } .map-listing-card-single__content__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + gap: 10px; + flex-direction: column; } .map-listing-card-single__content__info .directorist-info-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; + display: flex; + gap: 10px; } .map-listing-card-single__content__info a { - font-size: 14px; - font-weight: 400; - line-height: 1.3; - text-decoration: unset; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + line-height: 1.3; + text-decoration: unset; + color: var(--directorist-color-body); } .map-listing-card-single__content__info a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .map-listing-card-single__content__info .directorist-icon-mask:after { - width: 15px; - height: 15px; - margin-top: 2px; - background-color: var(--directorist-color-gray-hover); + width: 15px; + height: 15px; + margin-top: 2px; + background-color: var(--directorist-color-gray-hover); } .map-listing-card-single__content__location { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + align-items: center; } .map-listing-card-single__content__location a:not(:first-child) { - margin-left: 5px; + margin-left: 5px; } -.leaflet-popup-content-wrapper .leaflet-popup-content .map-info-wrapper .map-info-details .iw-close-btn { - display: none; +.leaflet-popup-content-wrapper + .leaflet-popup-content + .map-info-wrapper + .map-info-details + .iw-close-btn { + display: none; } .myDivIcon { - text-align: center !important; - line-height: 20px !important; - position: relative; + text-align: center !important; + line-height: 20px !important; + position: relative; } .atbd_map_shape { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - cursor: pointer; - border-radius: 100%; - background-color: var(--directorist-color-marker-shape); + position: relative; + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + cursor: pointer; + border-radius: 100%; + background-color: var(--directorist-color-marker-shape); } .atbd_map_shape:before { - content: ""; - position: absolute; - left: -20px; - top: -20px; - width: 0; - height: 0; - opacity: 0; - visibility: hidden; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; - border: 40px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); - -webkit-animation: atbd_scale 3s linear alternate infinite; - animation: atbd_scale 3s linear alternate infinite; + content: ""; + position: absolute; + left: -20px; + top: -20px; + width: 0; + height: 0; + opacity: 0; + visibility: hidden; + border-radius: 50%; + transition: all 0.3s ease-in-out; + border: none; + border: 40px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); + animation: atbd_scale 3s linear alternate infinite; } .atbd_map_shape .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-marker-icon); - -webkit-mask-image: url(../js/80f124fcb604319ca80e.svg); - mask-image: url(../js/80f124fcb604319ca80e.svg); + width: 16px; + height: 16px; + background-color: var(--directorist-color-marker-icon); + mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); } .atbd_map_shape:hover:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .marker-cluster-shape { - width: 35px; - height: 35px; - background-color: var(--directorist-color-marker-shape); - border-radius: 50%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-marker-icon); - font-size: 15px; - font-weight: 700; - position: relative; - cursor: pointer; + width: 35px; + height: 35px; + background-color: var(--directorist-color-marker-shape); + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + color: var(--directorist-color-marker-icon); + font-size: 15px; + font-weight: 700; + position: relative; + cursor: pointer; } .marker-cluster-shape:before { - position: absolute; - content: ""; - width: 47px; - height: 47px; - left: -6px; - top: -6px; - background: rgba(var(--directorist-color-marker-shape-rgb), 0.15); - border-radius: 50%; + position: absolute; + content: ""; + width: 47px; + height: 47px; + left: -6px; + top: -6px; + background: rgba(var(--directorist-color-marker-shape-rgb), 0.15); + border-radius: 50%; } /*style the box*/ .atbdp-map .gm-style .gm-style-iw, .atbd_google_map .gm-style .gm-style-iw, .directorist-details-info-wrap .gm-style .gm-style-iw { - width: 350px; - padding: 0; - border-radius: 8px; - -webkit-box-shadow: unset; - box-shadow: unset; - max-height: none !important; + width: 350px; + padding: 0; + border-radius: 8px; + box-shadow: unset; + max-height: none !important; } @media only screen and (max-width: 375px) { - .atbdp-map .gm-style .gm-style-iw, - .atbd_google_map .gm-style .gm-style-iw, - .directorist-details-info-wrap .gm-style .gm-style-iw { - width: 275px; - max-width: unset !important; - } + .atbdp-map .gm-style .gm-style-iw, + .atbd_google_map .gm-style .gm-style-iw, + .directorist-details-info-wrap .gm-style .gm-style-iw { + width: 275px; + max-width: unset !important; + } } .atbdp-map .gm-style .gm-style-iw .gm-style-iw-d, .atbd_google_map .gm-style .gm-style-iw .gm-style-iw-d, .directorist-details-info-wrap .gm-style .gm-style-iw .gm-style-iw-d { - overflow: hidden !important; - max-height: 100% !important; + overflow: hidden !important; + max-height: 100% !important; } .atbdp-map .gm-style .gm-style-iw button.gm-ui-hover-effect, .atbd_google_map .gm-style .gm-style-iw button.gm-ui-hover-effect, -.directorist-details-info-wrap .gm-style .gm-style-iw button.gm-ui-hover-effect { - display: none !important; +.directorist-details-info-wrap + .gm-style + .gm-style-iw + button.gm-ui-hover-effect { + display: none !important; } .atbdp-map .gm-style .gm-style-iw .map-info-wrapper--show, .atbd_google_map .gm-style .gm-style-iw .map-info-wrapper--show, .directorist-details-info-wrap .gm-style .gm-style-iw .map-info-wrapper--show { - display: block !important; + display: block !important; } -.gm-style div[aria-label=Map] div[role=button] { - display: none; +.gm-style div[aria-label="Map"] div[role="button"] { + display: none; } .directorist-report-abuse-modal .directorist-modal__header { - padding: 20px 0 15px; -} -.directorist-report-abuse-modal .directorist-modal__header .directorist-modal-title { - font-size: 1.75rem; - margin: 0; - margin-bottom: 0.5rem; - font-weight: 500; - line-height: 1.2; - color: var(--directorist-color-dark); - letter-spacing: normal; -} -.directorist-report-abuse-modal .directorist-modal__header .directorist-modal-close { - width: 32px; - height: 32px; - right: -40px !important; - top: -30px !important; - left: auto; - position: absolute; - -webkit-transform: none; - transform: none; - background-color: #444752; - color: var(--directorist-color-white); - border-radius: 300px; - opacity: 1; - font-weight: 300; - z-index: 2; - font-size: 16px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - border: none; - cursor: pointer; + padding: 20px 0 15px; +} +.directorist-report-abuse-modal + .directorist-modal__header + .directorist-modal-title { + font-size: 1.75rem; + margin: 0; + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; + color: var(--directorist-color-dark); + letter-spacing: normal; +} +.directorist-report-abuse-modal + .directorist-modal__header + .directorist-modal-close { + width: 32px; + height: 32px; + right: -40px !important; + top: -30px !important; + left: auto; + position: absolute; + transform: none; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 300px; + opacity: 1; + font-weight: 300; + z-index: 2; + font-size: 16px; + padding: 0; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; + border: none; + cursor: pointer; } .directorist-report-abuse-modal .directorist-modal__body { - padding: 20px 0; - border: none; + padding: 20px 0; + border: none; } .directorist-report-abuse-modal .directorist-modal__body label { - font-size: 18px; - margin-bottom: 12px; - text-align: left; - display: block; + font-size: 18px; + margin-bottom: 12px; + text-align: left; + display: block; } .directorist-report-abuse-modal .directorist-modal__body textarea { - min-height: 90px; - resize: none; - padding: 10px 16px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); + min-height: 90px; + resize: none; + padding: 10px 16px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); } .directorist-report-abuse-modal .directorist-modal__body textarea:focus { - border: 1px solid var(--directorist-color-primary); + border: 1px solid var(--directorist-color-primary); } .directorist-report-abuse-modal #directorist-report-abuse-message-display { - color: var(--directorist-color-body); - margin-top: 15px; + color: var(--directorist-color-body); + margin-top: 15px; } -.directorist-report-abuse-modal #directorist-report-abuse-message-display:empty { - margin: 0; +.directorist-report-abuse-modal + #directorist-report-abuse-message-display:empty { + margin: 0; } .directorist-report-abuse-modal .directorist-modal__footer { - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - border: none; + padding: 0; + display: flex; + justify-content: flex-end; + border: none; } .directorist-report-abuse-modal .directorist-modal__footer .directorist-btn { - text-transform: capitalize; - padding: 0 15px; -} -.directorist-report-abuse-modal .directorist-modal__footer .directorist-btn.directorist-btn-loading:after { - content: ""; - border: 2px solid #f3f3f3; - border-radius: 50%; - border-top: 2px solid #656a7a; - width: 20px; - height: 20px; - -webkit-animation: rotate360 2s linear infinite; - animation: rotate360 2s linear infinite; - display: inline-block; - margin: 0 0 0 10px; - position: relative; - top: 4px; + text-transform: capitalize; + padding: 0 15px; +} +.directorist-report-abuse-modal + .directorist-modal__footer + .directorist-btn.directorist-btn-loading:after { + content: ""; + border: 2px solid #f3f3f3; + border-radius: 50%; + border-top: 2px solid #656a7a; + width: 20px; + height: 20px; + animation: rotate360 2s linear infinite; + display: inline-block; + margin: 0 0 0 10px; + position: relative; + top: 4px; } .directorist-report-abuse-modal .directorist-modal__content { - padding: 20px 30px 20px; + padding: 20px 30px 20px; } .directorist-report-abuse-modal #directorist-report-abuse-form { - text-align: left; + text-align: left; } .directorist-rated-stars ul, .atbd_rated_stars ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist-rated-stars li, .atbd_rated_stars li { - display: inline-block; - padding: 0; - margin: 0; + display: inline-block; + padding: 0; + margin: 0; } .directorist-rated-stars span, .atbd_rated_stars span { - color: #d4d3f3; - display: block; - width: 14px; - height: 14px; - position: relative; + color: #d4d3f3; + display: block; + width: 14px; + height: 14px; + position: relative; } .directorist-rated-stars span:before, .atbd_rated_stars span:before { - content: ""; - -webkit-mask-image: url(../js/944a378f42cb4f464a3a.svg); - mask-image: url(../js/944a378f42cb4f464a3a.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 15px; - height: 15px; - background-color: #d4d3f3; - position: absolute; - left: 0; - top: 0; + content: ""; + mask-image: url(../js/../images/9a1043337f37b65647d77feb64df21dd.svg); + mask-repeat: no-repeat; + width: 15px; + height: 15px; + background-color: #d4d3f3; + position: absolute; + left: 0; + top: 0; } .directorist-rated-stars span.directorist-rate-active:before, .atbd_rated_stars span.directorist-rate-active:before { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } -.directorist-single .directorist-single-listing-top button:not(:hover):not(:active):not(.has-background).directorist-btn.directorist-btn-light { - background-color: var(--directorist-color-light); - color: var(--directorist-color-dark); +.directorist-single + .directorist-single-listing-top + button:not(:hover):not(:active):not( + .has-background + ).directorist-btn.directorist-btn-light { + background-color: var(--directorist-color-light); + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-single .directorist-single-listing-top button:not(:hover):not(:active):not(.has-background).directorist-btn.directorist-btn-light { - background-color: transparent; - } + .directorist-single + .directorist-single-listing-top + button:not(:hover):not(:active):not( + .has-background + ).directorist-btn.directorist-btn-light { + background-color: transparent; + } } .directorist-listing-details .directorist-listing-single { - border: 0 none; + border: 0 none; } .directorist-single-listing-notice { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-single-tag-list li { - margin: 0 0 10px; + margin: 0 0 10px; } .directorist-single-tag-list a { - text-decoration: none; - color: var(--directorist-color-body); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; + text-decoration: none; + color: var(--directorist-color-body); + transition: 0.3s ease; + display: flex; + gap: 10px; + /* Legacy Icon */ } .directorist-single-tag-list a .directorist-icon-mask { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 35px; - height: 35px; - min-width: 35px; - border-radius: 50%; - background-color: var(--directorist-color-bg-light); - position: relative; - top: -5px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + display: inline-flex; + align-items: center; + justify-content: center; + width: 35px; + height: 35px; + min-width: 35px; + border-radius: 50%; + background-color: var(--directorist-color-bg-light); + position: relative; + top: -5px; + transition: 0.3s ease; } .directorist-single-tag-list a .directorist-icon-mask:after { - font-size: 15px; -} -.directorist-single-tag-list a { - /* Legacy Icon */ + font-size: 15px; } .directorist-single-tag-list a > span:not(.directorist-icon-mask) { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 35px; - height: 35px; - border-radius: 50%; - background-color: var(--directorist-color-bg-light); - margin-right: 10px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - font-size: 15px; + display: inline-flex; + align-items: center; + justify-content: center; + width: 35px; + height: 35px; + border-radius: 50%; + background-color: var(--directorist-color-bg-light); + margin-right: 10px; + transition: 0.3s ease; + font-size: 15px; } .directorist-single-tag-list a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-single-tag-list a:hover span { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-single-dummy-shortcode { - width: 100%; - background-color: #556166; - color: var(--directorist-color-white); - margin: 10px 0; - text-align: center; - padding: 40px 10px; - font-weight: 700; - font-size: 16px; - line-height: 1.2; + width: 100%; + background-color: #556166; + color: var(--directorist-color-white); + margin: 10px 0; + text-align: center; + padding: 40px 10px; + font-weight: 700; + font-size: 16px; + line-height: 1.2; } .directorist-sidebar .directorist-search-contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-sidebar .directorist-search-form .directorist-search-form-action { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } -.directorist-sidebar .directorist-search-form .directorist-search-form-action .directorist-modal-btn--advanced { - padding-left: 0; +.directorist-sidebar + .directorist-search-form + .directorist-search-form-action + .directorist-modal-btn--advanced { + padding-left: 0; } .directorist-sidebar .directorist-add-listing-types { - padding: 25px; + padding: 25px; } .directorist-sidebar .directorist-add-listing-types__single { - margin: 0; + margin: 0; } -.directorist-sidebar .directorist-add-listing-types .directorist-container-fluid { - padding: 0; +.directorist-sidebar + .directorist-add-listing-types + .directorist-container-fluid { + padding: 0; } .directorist-sidebar .directorist-add-listing-types .directorist-row { - gap: 15px; - margin: 0; -} -.directorist-sidebar .directorist-add-listing-types .directorist-col-lg-3.directorist-col-md-4.directorist-col-sm-6 { - width: 100%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; - padding: 0; - margin: 0; -} -.directorist-sidebar .directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open:not(.directorist-taxonomy-list__card--icon) + .directorist-taxonomy-list__sub-item { - padding: 0; -} -.directorist-sidebar .directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list > .directorist-taxonomy-list__toggle--open ~ .directorist-taxonomy-list__sub-item { - margin-top: 10px; - padding: 10px 20px; -} -.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item { - padding: 0; - margin-top: 0; -} -.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - background-color: var(--directorist-color-light); - border-radius: 12px; -} -.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item li { - margin-top: 0; + gap: 15px; + margin: 0; +} +.directorist-sidebar + .directorist-add-listing-types + .directorist-col-lg-3.directorist-col-md-4.directorist-col-sm-6 { + width: 100%; + flex: 0 0 45%; + padding: 0; + margin: 0; +} +.directorist-sidebar + .directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open:not( + .directorist-taxonomy-list__card--icon + ) + + .directorist-taxonomy-list__sub-item { + padding: 0; +} +.directorist-sidebar + .directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list + > .directorist-taxonomy-list__toggle--open + ~ .directorist-taxonomy-list__sub-item { + margin-top: 10px; + padding: 10px 20px; +} +.directorist-sidebar + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item { + padding: 0; + margin-top: 0; +} +.directorist-sidebar + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + background-color: var(--directorist-color-light); + border-radius: 12px; +} +.directorist-sidebar + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item + li { + margin-top: 0; } .directorist-single-listing-top { - gap: 20px; - margin: 15px 0 30px; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + gap: 20px; + margin: 15px 0 30px; + align-items: flex-start; } @media screen and (max-width: 575px) { - .directorist-single-listing-top { - gap: 10px; - } + .directorist-single-listing-top { + gap: 10px; + } } .directorist-single-listing-top .directorist-return-back { - gap: 8px; - margin: 0; - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; - min-width: 120px; - text-decoration: none; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - border: 2px solid var(--directorist-color-white); + gap: 8px; + margin: 0; + flex: unset; + min-width: 120px; + text-decoration: none; + justify-content: flex-start; + border: 2px solid var(--directorist-color-white); } @media screen and (max-width: 575px) { - .directorist-single-listing-top .directorist-return-back { - border: none; - min-width: auto; - } + .directorist-single-listing-top .directorist-return-back { + border: none; + min-width: auto; + } } -.directorist-single-listing-top .directorist-return-back .directorist-single-listing-action__text { - display: block; +.directorist-single-listing-top + .directorist-return-back + .directorist-single-listing-action__text { + display: block; } @media screen and (max-width: 575px) { - .directorist-single-listing-top .directorist-return-back .directorist-single-listing-action__text { - display: none; - } + .directorist-single-listing-top + .directorist-return-back + .directorist-single-listing-action__text { + display: none; + } } .directorist-single-listing-top__btn-wrapper { - position: fixed; - width: 100%; - height: 80px; - bottom: 0; - left: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background-color: rgba(0, 0, 0, 0.8); - z-index: 999; + position: fixed; + width: 100%; + height: 80px; + bottom: 0; + left: 0; + display: flex; + justify-content: center; + align-items: center; + background-color: rgba(0, 0, 0, 0.8); + z-index: 999; } .directorist-single-listing-top__btn-continue.directorist-btn { - height: 46px; - border-radius: 8px; - font-size: 15px; - font-weight: 600; - padding: 0 25px; - background-color: #394dff !important; - color: var(--directorist-color-white); + height: 46px; + border-radius: 8px; + font-size: 15px; + font-weight: 600; + padding: 0 25px; + background-color: #394dff !important; + color: var(--directorist-color-white); } .directorist-single-listing-top__btn-continue.directorist-btn:hover { - background-color: #2a3cd9 !important; - color: var(--directorist-color-white); - border-color: var(--directorist-color-white) !important; + background-color: #2a3cd9 !important; + color: var(--directorist-color-white); + border-color: var(--directorist-color-white) !important; } -.directorist-single-listing-top__btn-continue.directorist-btn .directorist-single-listing-action__text { - display: block; +.directorist-single-listing-top__btn-continue.directorist-btn + .directorist-single-listing-action__text { + display: block; } .directorist-single-contents-area { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } .directorist-single-contents-area .directorist-card { - padding: 0; - -webkit-filter: none; - filter: none; - margin-bottom: 35px; + padding: 0; + filter: none; + margin-bottom: 35px; } .directorist-single-contents-area .directorist-card .directorist-card__body { - padding: 30px; + padding: 30px; } @media screen and (max-width: 575px) { - .directorist-single-contents-area .directorist-card .directorist-card__body { - padding: 20px 15px; - } + .directorist-single-contents-area + .directorist-card + .directorist-card__body { + padding: 20px 15px; + } } .directorist-single-contents-area .directorist-card .directorist-card__header { - padding: 20px 30px; + padding: 20px 30px; } @media screen and (max-width: 575px) { - .directorist-single-contents-area .directorist-card .directorist-card__header { - padding: 15px 20px; - } -} -.directorist-single-contents-area .directorist-card .directorist-single-author-name h4 { - margin: 0; + .directorist-single-contents-area + .directorist-card + .directorist-card__header { + padding: 15px 20px; + } +} +.directorist-single-contents-area + .directorist-card + .directorist-single-author-name + h4 { + margin: 0; } .directorist-single-contents-area .directorist-card__header__title { - gap: 12px; - font-size: 18px; - font-weight: 500; - color: var(--directorist-color-dark); + gap: 12px; + font-size: 18px; + font-weight: 500; + color: var(--directorist-color-dark); } -.directorist-single-contents-area .directorist-card__header__title #directorist-review-counter { - margin-right: 10px; +.directorist-single-contents-area + .directorist-card__header__title + #directorist-review-counter { + margin-right: 10px; } .directorist-single-contents-area .directorist-card__header-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-width: 34px; - height: 34px; - border-radius: 50%; - background-color: var(--directorist-color-bg-light); -} -.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask { - color: var(--directorist-color-dark); -} -.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask:after { - width: 14px; - height: 14px; + display: flex; + justify-content: center; + align-items: center; + min-width: 34px; + height: 34px; + border-radius: 50%; + background-color: var(--directorist-color-bg-light); +} +.directorist-single-contents-area + .directorist-card__header-icon + .directorist-icon-mask { + color: var(--directorist-color-dark); +} +.directorist-single-contents-area + .directorist-card__header-icon + .directorist-icon-mask:after { + width: 14px; + height: 14px; } .directorist-single-contents-area .directorist-details-info-wrap a { - font-size: 15px; - text-decoration: none; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); + font-size: 15px; + text-decoration: none; + box-shadow: none; + color: var(--directorist-color-body); } .directorist-single-contents-area .directorist-details-info-wrap a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-single-contents-area .directorist-details-info-wrap ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 0 10px; - margin: 0; - list-style-type: none; - padding: 0; + display: flex; + flex-wrap: wrap; + gap: 0 10px; + margin: 0; + list-style-type: none; + padding: 0; } .directorist-single-contents-area .directorist-details-info-wrap li { - -webkit-box-flex: 0; - -webkit-flex: 0 0 49%; - -ms-flex: 0 0 49%; - flex: 0 0 49%; -} -.directorist-single-contents-area .directorist-details-info-wrap .directorist-social-links a:hover { - background-color: var(--directorist-color-primary); -} -.directorist-single-contents-area .directorist-details-info-wrap .directorist-single-map__location { - padding-top: 18px; -} -.directorist-single-contents-area .directorist-single-info__label-icon .directorist-icon-mask:after { - background-color: #808080; -} -.directorist-single-contents-area .directorist-single-listing-slider .directorist-swiper__nav i:after { - background-color: var(--directorist-color-white); + flex: 0 0 49%; +} +.directorist-single-contents-area + .directorist-details-info-wrap + .directorist-social-links + a:hover { + background-color: var(--directorist-color-primary); +} +.directorist-single-contents-area + .directorist-details-info-wrap + .directorist-single-map__location { + padding-top: 18px; +} +.directorist-single-contents-area + .directorist-single-info__label-icon + .directorist-icon-mask:after { + background-color: #808080; +} +.directorist-single-contents-area + .directorist-single-listing-slider + .directorist-swiper__nav + i:after { + background-color: var(--directorist-color-white); } .directorist-single-contents-area .directorist-related { - padding: 0; + padding: 0; } .directorist-single-contents-area { - margin-top: 50px; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap { - gap: 12px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info { - margin: 0; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info.directorist-single-info-number .directorist-form-group__with-prefix { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info .directorist-form-group__with-prefix { - border: none; - margin-top: 4px; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info .directorist-form-group__prefix { - height: auto; - line-height: unset; - color: var(--directorist-color-body); -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-single-formgent-form .formgent-form { - width: 100%; + margin-top: 50px; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap { + gap: 12px; + display: flex; + flex-direction: column; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info { + margin: 0; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info.directorist-single-info-number + .directorist-form-group__with-prefix { + flex: 1; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info + .directorist-form-group__with-prefix { + border: none; + margin-top: 4px; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info + .directorist-form-group__prefix { + height: auto; + line-height: unset; + color: var(--directorist-color-body); +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-single-formgent-form + .formgent-form { + width: 100%; } .directorist-single-contents-area .directorist-card { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-single-map__location { - gap: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 30px 0 0; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + gap: 10px; + display: flex; + flex-wrap: wrap; + padding: 30px 0 0; + justify-content: space-between; } @media screen and (max-width: 575px) { - .directorist-single-map__location { - padding: 20px 0 0; - } + .directorist-single-map__location { + padding: 20px 0 0; + } } .directorist-single-map__address { - gap: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-size: 14px; + gap: 10px; + display: flex; + font-size: 14px; } .directorist-single-map__address i::after { - width: 14px; - height: 14px; - margin-top: 4px; + width: 14px; + height: 14px; + margin-top: 4px; } .directorist-single-map__direction a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + gap: 10px; + align-items: center; } .directorist-single-contents-area .directorist-single-map__direction a { - font-size: 14px; - color: var(--directorist-color-info); + font-size: 14px; + color: var(--directorist-color-info); } -.directorist-single-contents-area .directorist-single-map__direction a .directorist-icon-mask:after { - background-color: var(--directorist-color-info); +.directorist-single-contents-area + .directorist-single-map__direction + a + .directorist-icon-mask:after { + background-color: var(--directorist-color-info); } .directorist-single-contents-area .directorist-single-map__direction a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-single-contents-area .directorist-single-map__direction a:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); +.directorist-single-contents-area + .directorist-single-map__direction + a:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } -.directorist-single-contents-area .directorist-single-map__direction .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-info); +.directorist-single-contents-area + .directorist-single-map__direction + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-info); } .directorist-single-listing-header { - margin-bottom: 25px; - margin-top: -15px; - padding: 0; + margin-bottom: 25px; + margin-top: -15px; + padding: 0; } .directorist-single-wrapper .directorist-single-listing-slider-wrap { - padding: 0; - margin: 15px 0; + padding: 0; + margin: 15px 0; } -.directorist-single-wrapper .directorist-single-listing-slider-wrap.background-contain .directorist-single-listing-slider .swiper-slide img { - -o-object-fit: contain; - object-fit: contain; +.directorist-single-wrapper + .directorist-single-listing-slider-wrap.background-contain + .directorist-single-listing-slider + .swiper-slide + img { + object-fit: contain; } .directorist-single-listing-quick-action { - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + gap: 8px; + flex-wrap: wrap; } @media screen and (max-width: 767px) { - .directorist-single-listing-quick-action { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } + .directorist-single-listing-quick-action { + justify-content: flex-end; + } } @media screen and (max-width: 575px) { - .directorist-single-listing-quick-action { - gap: 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-single-listing-quick-action { + gap: 12px; + justify-content: center; + } } .directorist-single-listing-quick-action .directorist-social-share { - position: relative; + position: relative; } -.directorist-single-listing-quick-action .directorist-social-share:hover .directorist-social-share-links { - opacity: 1; - visibility: visible; - top: calc(100% + 5px); +.directorist-single-listing-quick-action + .directorist-social-share:hover + .directorist-social-share-links { + opacity: 1; + visibility: visible; + top: calc(100% + 5px); } @media screen and (max-width: 575px) { - .directorist-single-listing-quick-action .directorist-social-share { - font-size: 0; - } + .directorist-single-listing-quick-action .directorist-social-share { + font-size: 0; + } } .directorist-single-listing-quick-action .directorist-social-share-links { - position: absolute; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - z-index: 2; - visibility: hidden; - opacity: 0; - right: 0; - top: calc(100% + 30px); - background-color: var(--directorist-color-white); - border-radius: 8px; - width: 150px; - -webkit-box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - list-style-type: none; - padding: 10px; - margin: 0; + position: absolute; + transition: all 0.2s ease-in-out; + z-index: 2; + visibility: hidden; + opacity: 0; + right: 0; + top: calc(100% + 30px); + background-color: var(--directorist-color-white); + border-radius: 8px; + width: 150px; + box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); + list-style-type: none; + padding: 10px; + margin: 0; } .directorist-single-listing-quick-action .directorist-social-links__item { - padding-left: 0; - margin: 0; + padding-left: 0; + margin: 0; } .directorist-single-listing-quick-action .directorist-social-links__item a { - padding: 8px 12px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-decoration: none; - font-size: 14px; - font-weight: 500; - border: 0 none; - border-radius: 8px; - color: var(--directorist-color-body); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-single-listing-quick-action .directorist-social-links__item a span.la, -.directorist-single-listing-quick-action .directorist-social-links__item a span.lab, -.directorist-single-listing-quick-action .directorist-social-links__item a span.fa, + padding: 8px 12px; + display: flex; + gap: 5px; + align-items: center; + text-decoration: none; + font-size: 14px; + font-weight: 500; + border: 0 none; + border-radius: 8px; + color: var(--directorist-color-body); + transition: 0.3s ease; +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.la, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.lab, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.fa, .directorist-single-listing-quick-action .directorist-social-links__item a i { - color: var(--directorist-color-body); -} -.directorist-single-listing-quick-action .directorist-social-links__item a span.la:after, -.directorist-single-listing-quick-action .directorist-social-links__item a span.lab:after, -.directorist-single-listing-quick-action .directorist-social-links__item a span.fa:after, -.directorist-single-listing-quick-action .directorist-social-links__item a i:after { - width: 18px; - height: 18px; -} -.directorist-single-listing-quick-action .directorist-social-links__item a .directorist-icon-mask:after { - background-color: var(--directorist-color-body); -} -.directorist-single-listing-quick-action .directorist-social-links__item a span.fa { - font-family: "Font Awesome 5 Brands"; - font-weight: 900; - font-size: 15px; -} -.directorist-single-listing-quick-action .directorist-social-links__item a:hover { - font-weight: 500; - background-color: rgba(var(--directorist-color-primary-rgb), 0.1); - color: var(--directorist-color-primary); -} -.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.la, -.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.fa, -.directorist-single-listing-quick-action .directorist-social-links__item a:hover i { - color: var(--directorist-color-primary); -} -.directorist-single-listing-quick-action .directorist-social-links__item a:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); + color: var(--directorist-color-body); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.la:after, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.lab:after, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.fa:after, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + i:after { + width: 18px; + height: 18px; +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + .directorist-icon-mask:after { + background-color: var(--directorist-color-body); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.fa { + font-family: "Font Awesome 5 Brands"; + font-weight: 900; + font-size: 15px; +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover { + font-weight: 500; + background-color: rgba(var(--directorist-color-primary-rgb), 0.1); + color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + span.la, +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + span.fa, +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + i { + color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } .directorist-single-listing-action { - gap: 8px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 13px; - font-weight: 400; - border: 0 none; - border-radius: 8px; - padding: 0 16px; - cursor: pointer; - text-decoration: none; - color: var(--directorist-color-body); - border: 2px solid var(--directorist-color-white) !important; - -webkit-transition: 0.2s background-color ease-in-out; - transition: 0.2s background-color ease-in-out; + gap: 8px; + justify-content: center; + font-size: 13px; + font-weight: 400; + border: 0 none; + border-radius: 8px; + padding: 0 16px; + cursor: pointer; + text-decoration: none; + color: var(--directorist-color-body); + border: 2px solid var(--directorist-color-white) !important; + transition: 0.2s background-color ease-in-out; } .directorist-single-listing-action:hover { - background-color: var(--directorist-color-white) !important; - border-color: var(--directorist-color-primary) !important; + background-color: var(--directorist-color-white) !important; + border-color: var(--directorist-color-primary) !important; } @media screen and (max-width: 575px) { - .directorist-single-listing-action { - gap: 0; - border: none; - } - .directorist-single-listing-action.directorist-btn.directorist-btn-light { - background-color: var(--directorist-color-white); - border: 1px solid var(--directorist-color-light) !important; - } - .directorist-single-listing-action.directorist-single-listing-top__btn-edit .directorist-single-listing-action__text { - display: none; - } + .directorist-single-listing-action { + gap: 0; + border: none; + } + .directorist-single-listing-action.directorist-btn.directorist-btn-light { + background-color: var(--directorist-color-white); + border: 1px solid var(--directorist-color-light) !important; + } + .directorist-single-listing-action.directorist-single-listing-top__btn-edit + .directorist-single-listing-action__text { + display: none; + } } @media screen and (max-width: 480px) { - .directorist-single-listing-action { - padding: 0 10px; - font-size: 12px; - } + .directorist-single-listing-action { + padding: 0 10px; + font-size: 12px; + } } @media screen and (max-width: 380px) { - .directorist-single-listing-action.directorist-btn-sm { - min-height: 38px; - } + .directorist-single-listing-action.directorist-btn-sm { + min-height: 38px; + } } -.directorist-single-listing-action.directorist-action-bookmark .directorist-icon-mask:after { - background-color: var(--directorist-color-dark); +.directorist-single-listing-action.directorist-action-bookmark + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); } -.directorist-single-listing-action.directorist-action-bookmark .directorist-icon-mask.directorist-added-to-favorite:after { - background-color: var(--directorist-color-danger); +.directorist-single-listing-action.directorist-action-bookmark + .directorist-icon-mask.directorist-added-to-favorite:after { + background-color: var(--directorist-color-danger); } .directorist-single-listing-action .directorist-icon-mask::after { - width: 15px; - height: 15px; + width: 15px; + height: 15px; } .directorist-single-listing-action a { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .directorist-single-listing-action .atbdp-require-login, .directorist-single-listing-action .directorist-action-report-not-loggedin { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 100%; - height: 100%; + display: flex; + align-items: center; + justify-content: center; + width: 100%; + height: 100%; } .directorist-single-listing-action .atbdp-require-login i, .directorist-single-listing-action .directorist-action-report-not-loggedin i { - pointer-events: none; + pointer-events: none; } .directorist-listing-details { - margin: 15px 0 30px; + margin: 15px 0 30px; } .directorist-listing-details__text p { - margin: 0 0 15px; - color: var(--directorist-color-body); - line-height: 24px; + margin: 0 0 15px; + color: var(--directorist-color-body); + line-height: 24px; } .directorist-listing-details__text ul { - list-style: disc; - padding-left: 20px; - margin-left: 0; + list-style: disc; + padding-left: 20px; + margin-left: 0; } .directorist-listing-details__text li { - list-style: disc; + list-style: disc; } .directorist-listing-details__listing-title { - font-size: 30px; - font-weight: 600; - display: inline-block; - margin: 15px 0 0; - color: var(--directorist-color-dark); + font-size: 30px; + font-weight: 600; + display: inline-block; + margin: 15px 0 0; + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-listing-details__listing-title { - font-size: 24px; - } + .directorist-listing-details__listing-title { + font-size: 24px; + } } .directorist-listing-details__tagline { - margin: 10px 0; - color: var(--directorist-color-body); + margin: 10px 0; + color: var(--directorist-color-body); } -.directorist-listing-details .directorist-pricing-meta .directorist-listing-price { - padding: 5px 10px; - border-radius: 6px; - background-color: var(--directorist-color-light); +.directorist-listing-details + .directorist-pricing-meta + .directorist-listing-price { + padding: 5px 10px; + border-radius: 6px; + background-color: var(--directorist-color-light); } .directorist-listing-details .directorist-listing-single__info { - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + display: flex; + align-items: center; + flex-wrap: wrap; } .directorist-single-contents-area .directorist-embaded-video { - width: 100%; - height: 400px; - border: 0 none; - border-radius: 12px; + width: 100%; + height: 400px; + border: 0 none; + border-radius: 12px; } @media (max-width: 768px) { - .directorist-single-contents-area .directorist-embaded-video { - height: 56.25vw; - } + .directorist-single-contents-area .directorist-embaded-video { + height: 56.25vw; + } } .directorist-single-contents-area .directorist-single-map { - border-radius: 12px; - z-index: 1; + border-radius: 12px; + z-index: 1; } -.directorist-single-contents-area .directorist-single-map .directorist-info-item a { - font-size: 14px; +.directorist-single-contents-area + .directorist-single-map + .directorist-info-item + a { + font-size: 14px; } .directorist-related-listing-header h1, @@ -19210,4445 +19468,4438 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-related-listing-header h4, .directorist-related-listing-header h5, .directorist-related-listing-header h6 { - font-size: 18px; - margin: 0 0 15px; + font-size: 18px; + margin: 0 0 15px; } .directorist-single-author-info figure { - margin: 0; + margin: 0; } .directorist-single-author-info .diretorist-view-profile-btn { - margin-top: 22px; - padding: 0 30px; + margin-top: 22px; + padding: 0 30px; } .directorist-single-author-avatar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } .directorist-single-author-avatar .directorist-single-author-avatar-inner { - margin-right: 10px; - width: auto; + margin-right: 10px; + width: auto; } .directorist-single-author-avatar .directorist-single-author-avatar-inner img { - width: 50px; - height: 50px; - border-radius: 50%; -} -.directorist-single-author-avatar .directorist-single-author-name h1, .directorist-single-author-avatar .directorist-single-author-name h2, .directorist-single-author-avatar .directorist-single-author-name h3, .directorist-single-author-avatar .directorist-single-author-name h4, .directorist-single-author-avatar .directorist-single-author-name h5, .directorist-single-author-avatar .directorist-single-author-name h6 { - font-size: 16px; - font-weight: 500; - line-height: 1.2; - letter-spacing: normal; - margin: 0 0 3px; - color: var(--color-dark); + width: 50px; + height: 50px; + border-radius: 50%; +} +.directorist-single-author-avatar .directorist-single-author-name h1, +.directorist-single-author-avatar .directorist-single-author-name h2, +.directorist-single-author-avatar .directorist-single-author-name h3, +.directorist-single-author-avatar .directorist-single-author-name h4, +.directorist-single-author-avatar .directorist-single-author-name h5, +.directorist-single-author-avatar .directorist-single-author-name h6 { + font-size: 16px; + font-weight: 500; + line-height: 1.2; + letter-spacing: normal; + margin: 0 0 3px; + color: var(--color-dark); } .directorist-single-author-avatar .directorist-single-author-membership { - font-size: 14px; - color: var(--directorist-color-light-gray); + font-size: 14px; + color: var(--directorist-color-light-gray); } .directorist-single-author-contact-info { - margin-top: 15px; + margin-top: 15px; } .directorist-single-author-contact-info ul { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 0; - padding: 0; + flex-direction: column; + margin: 0; + padding: 0; } .directorist-single-author-contact-info ul li { - width: 100%; - -webkit-box-flex: 100%; - -webkit-flex: 100%; - -ms-flex: 100%; - flex: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-left: 0; - margin-left: 0; + width: 100%; + flex: 100%; + display: flex; + align-items: center; + padding-left: 0; + margin-left: 0; } .directorist-single-author-contact-info ul li:not(:last-child) { - margin-bottom: 12px; + margin-bottom: 12px; } .directorist-single-author-contact-info ul a { - text-decoration: none; - color: var(--directorist-color-body); + text-decoration: none; + color: var(--directorist-color-body); } .directorist-single-author-contact-info ul a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-single-author-contact-info ul .directorist-icon-mask::after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-light-gray); + width: 14px; + height: 14px; + background-color: var(--directorist-color-light-gray); } .directorist-single-author-contact-info-text { - font-size: 15px; - margin-left: 12px; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); + font-size: 15px; + margin-left: 12px; + box-shadow: none; + color: var(--directorist-color-body); } .directorist-single-author-info .directorist-social-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 25px -5px -5px; + display: flex; + margin: 25px -5px -5px; } .directorist-single-author-info .directorist-social-wrap a { - margin: 5px; - display: block; - line-height: 35px; - width: 35px; - text-align: center; - background-color: var(--directorist-color-body) !important; - border-radius: 4px; - color: var(--directorist-color-white) !important; - overflow: hidden; - -webkit-transition: all ease-in-out 300ms !important; - transition: all ease-in-out 300ms !important; + margin: 5px; + display: block; + line-height: 35px; + width: 35px; + text-align: center; + background-color: var(--directorist-color-body) !important; + border-radius: 4px; + color: var(--directorist-color-white) !important; + overflow: hidden; + transition: all ease-in-out 300ms !important; } .directorist-details-info-wrap .directorist-single-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-size: 15px; - word-break: break-word; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px 15px; + display: flex; + font-size: 15px; + word-break: break-word; + flex-wrap: wrap; + gap: 10px 15px; } .directorist-details-info-wrap .directorist-single-info:not(:last-child) { - margin-bottom: 12px; + margin-bottom: 12px; } .directorist-details-info-wrap .directorist-single-info a { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } -.directorist-details-info-wrap .directorist-single-info.directorist-single-info-picker .directorist-field-type-color { - width: 30px; - height: 30px; - border-radius: 5px; +.directorist-details-info-wrap + .directorist-single-info.directorist-single-info-picker + .directorist-field-type-color { + width: 30px; + height: 30px; + border-radius: 5px; } -.directorist-details-info-wrap .directorist-single-info.directorist-listing-details__text { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; +.directorist-details-info-wrap + .directorist-single-info.directorist-listing-details__text { + flex-direction: column; } .directorist-details-info-wrap .directorist-single-info__label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - min-width: 140px; - color: var(--directorist-color-dark); + display: flex; + min-width: 140px; + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-details-info-wrap .directorist-single-info__label { - min-width: 130px; - } + .directorist-details-info-wrap .directorist-single-info__label { + min-width: 130px; + } } @media screen and (max-width: 375px) { - .directorist-details-info-wrap .directorist-single-info__label { - min-width: 100px; - } + .directorist-details-info-wrap .directorist-single-info__label { + min-width: 100px; + } } .directorist-details-info-wrap .directorist-single-info__label-icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 34px; - height: 34px; - border-radius: 50%; - margin-right: 10px; - font-size: 14px; - text-align: center; - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - color: var(--directorist-color-light-gray); - background-color: var(--directorist-color-bg-light); -} -.directorist-details-info-wrap .directorist-single-info__label-icon .directorist-icon-mask:after { - width: 14px; - height: 14px; + display: inline-flex; + align-items: center; + justify-content: center; + width: 34px; + height: 34px; + border-radius: 50%; + margin-right: 10px; + font-size: 14px; + text-align: center; + flex: none; + color: var(--directorist-color-light-gray); + background-color: var(--directorist-color-bg-light); +} +.directorist-details-info-wrap + .directorist-single-info__label-icon + .directorist-icon-mask:after { + width: 14px; + height: 14px; } .directorist-details-info-wrap .directorist-single-info__label__text { - position: relative; - min-width: 70px; - margin-top: 5px; - padding-right: 10px; + position: relative; + min-width: 70px; + margin-top: 5px; + padding-right: 10px; } .directorist-details-info-wrap .directorist-single-info__label__text:before { - content: ":"; - position: absolute; - right: 0; - top: 0; + content: ":"; + position: absolute; + right: 0; + top: 0; } @media screen and (max-width: 375px) { - .directorist-details-info-wrap .directorist-single-info__label__text { - min-width: 60px; - } + .directorist-details-info-wrap .directorist-single-info__label__text { + min-width: 60px; + } } -.directorist-details-info-wrap .directorist-single-info-number .directorist-single-info__value { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; +.directorist-details-info-wrap + .directorist-single-info-number + .directorist-single-info__value { + flex: none; } .directorist-details-info-wrap .directorist-single-info__value { - margin-top: 4px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - color: var(--directorist-color-body); + margin-top: 4px; + flex: 1; + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-details-info-wrap .directorist-single-info__value { - -webkit-box-flex: 100%; - -webkit-flex: 100%; - -ms-flex: 100%; - flex: 100%; - margin-top: 0; - } + .directorist-details-info-wrap .directorist-single-info__value { + flex: 100%; + margin-top: 0; + } } .directorist-details-info-wrap .directorist-single-info__value a { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-details-info-wrap .directorist-single-info-socials .directorist-single-info__label { - display: none; - } + .directorist-details-info-wrap + .directorist-single-info-socials + .directorist-single-info__label { + display: none; + } } .directorist-social-links { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; + display: flex; + flex-wrap: wrap; + gap: 8px; } .directorist-social-links a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 36px; - width: 36px; - background-color: var(--directorist-color-light); - border-radius: 8px; - overflow: hidden; - -webkit-transition: all ease-in-out 300ms !important; - transition: all ease-in-out 300ms !important; + display: inline-flex; + align-items: center; + justify-content: center; + height: 36px; + width: 36px; + background-color: var(--directorist-color-light); + border-radius: 8px; + overflow: hidden; + transition: all ease-in-out 300ms !important; } .directorist-social-links a .directorist-icon-mask::after { - background-color: var(--directorist-color-body); + background-color: var(--directorist-color-body); } .directorist-social-links a:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-social-links a:hover.facebook { - background-color: #4267b2; + background-color: #4267b2; } .directorist-social-links a:hover.twitter { - background-color: #1da1f2; + background-color: #1da1f2; } -.directorist-social-links a:hover.youtube, .directorist-social-links a:hover.youtube-play { - background-color: #ff0000; +.directorist-social-links a:hover.youtube, +.directorist-social-links a:hover.youtube-play { + background-color: #ff0000; } .directorist-social-links a:hover.instagram { - background-color: #c32aa3; + background-color: #c32aa3; } .directorist-social-links a:hover.linkedin { - background-color: #007bb5; + background-color: #007bb5; } .directorist-social-links a:hover.google-plus { - background-color: #db4437; + background-color: #db4437; } -.directorist-social-links a:hover.snapchat, .directorist-social-links a:hover.snapchat-ghost { - background-color: #eae800; +.directorist-social-links a:hover.snapchat, +.directorist-social-links a:hover.snapchat-ghost { + background-color: #eae800; } .directorist-social-links a:hover.reddit { - background-color: #ff4500; + background-color: #ff4500; } .directorist-social-links a:hover.pinterest { - background-color: #bd081c; + background-color: #bd081c; } .directorist-social-links a:hover.tumblr { - background-color: #35465d; + background-color: #35465d; } .directorist-social-links a:hover.flickr { - background-color: #f40083; + background-color: #f40083; } .directorist-social-links a:hover.vimeo { - background-color: #1ab7ea; + background-color: #1ab7ea; } .directorist-social-links a:hover.vine { - background-color: #00b489; + background-color: #00b489; } .directorist-social-links a:hover.github { - background-color: #444752; + background-color: #444752; } .directorist-social-links a:hover.dribbble { - background-color: #ea4c89; + background-color: #ea4c89; } .directorist-social-links a:hover.behance { - background-color: #196ee3; + background-color: #196ee3; } .directorist-social-links a:hover.soundcloud { - background-color: #ff5500; + background-color: #ff5500; } .directorist-social-links a:hover.stack-overflow { - background-color: #ff5500; + background-color: #ff5500; } .directorist-contact-owner-form-inner .directorist-form-group { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-contact-owner-form-inner .directorist-form-element { - border-color: var(--directorist-color-border-gray); + border-color: var(--directorist-color-border-gray); } .directorist-contact-owner-form-inner textarea { - resize: none; + resize: none; } .directorist-contact-owner-form-inner .directorist-btn-submit { - padding: 0 30px; - text-decoration: none; - text-transform: capitalize; + padding: 0 30px; + text-decoration: none; + text-transform: capitalize; } .directorist-author-social a .fa { - font-family: "Font Awesome 5 Brands"; + font-family: "Font Awesome 5 Brands"; } .directorist-google-map, .directorist-single-map { - height: 400px; + height: 400px; } @media screen and (max-width: 480px) { - .directorist-google-map, - .directorist-single-map { - height: 320px; - } + .directorist-google-map, + .directorist-single-map { + height: 320px; + } } .directorist-rating-review-block { - display: inline-block; - border: 1px solid #e3e6ef; - padding: 10px 20px; - border-radius: 2px; - margin-bottom: 20px; + display: inline-block; + border: 1px solid #e3e6ef; + padding: 10px 20px; + border-radius: 2px; + margin-bottom: 20px; } .directorist-review-area .directorist-review-form-action { - margin-top: 16px; + margin-top: 16px; } .directorist-review-area .directorist-form-group-guest-user { - margin-top: 12px; + margin-top: 12px; } .directorist-rating-given-block .directorist-rating-given-block__label, .directorist-rating-given-block .directorist-rating-given-block__stars { - display: inline-block; - vertical-align: middle; - margin-right: 10px; + display: inline-block; + vertical-align: middle; + margin-right: 10px; } .directorist-rating-given-block .directorist-rating-given-block__label a, .directorist-rating-given-block .directorist-rating-given-block__stars a { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .directorist-rating-given-block .directorist-rating-given-block__label { - margin-right: 10px; - margin: 0 10px 0 0; + margin-right: 10px; + margin: 0 10px 0 0; } .directorist-rating-given-block__stars .br-widget a:before { - content: ""; - -webkit-mask-image: url(../js/60b8c48296c3c553bf39.svg); - mask-image: url(../js/60b8c48296c3c553bf39.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 14px; - height: 14px; - background-color: #d4d3f3; -} -.directorist-rating-given-block__stars .br-widget a.br-selected:before, .directorist-rating-given-block__stars .br-widget a.br-active:before { - color: var(--directorist-color-warning); + content: ""; + mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); + mask-repeat: no-repeat; + width: 14px; + height: 14px; + background-color: #d4d3f3; +} +.directorist-rating-given-block__stars .br-widget a.br-selected:before, +.directorist-rating-given-block__stars .br-widget a.br-active:before { + color: var(--directorist-color-warning); } .directorist-rating-given-block__stars .br-current-rating { - display: inline-block; - margin-left: 20px; + display: inline-block; + margin-left: 20px; } .directorist-review-current-rating { - margin-bottom: 16px; + margin-bottom: 16px; } .directorist-review-current-rating .directorist-review-current-rating__label { - margin-right: 10px; - margin-bottom: 0; + margin-right: 10px; + margin-bottom: 0; } .directorist-review-current-rating .directorist-review-current-rating__label, .directorist-review-current-rating .directorist-review-current-rating__stars { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } -.directorist-review-current-rating .directorist-review-current-rating__stars li { - display: inline-block; +.directorist-review-current-rating + .directorist-review-current-rating__stars + li { + display: inline-block; } -.directorist-review-current-rating .directorist-review-current-rating__stars span { - color: #d4d3f3; +.directorist-review-current-rating + .directorist-review-current-rating__stars + span { + color: #d4d3f3; } -.directorist-review-current-rating .directorist-review-current-rating__stars span:before { - content: "\f005"; - font-size: 14px; - font-family: "Font Awesome 5 Free"; - font-weight: 900; +.directorist-review-current-rating + .directorist-review-current-rating__stars + span:before { + content: "\f005"; + font-size: 14px; + font-family: "Font Awesome 5 Free"; + font-weight: 900; } -.directorist-review-current-rating .directorist-review-current-rating__stars span.directorist-rate-active { - color: #fa8b0c; +.directorist-review-current-rating + .directorist-review-current-rating__stars + span.directorist-rate-active { + color: #fa8b0c; } .directorist-single-review { - padding-bottom: 26px; - padding-top: 30px; - border-bottom: 1px solid #e3e6ef; + padding-bottom: 26px; + padding-top: 30px; + border-bottom: 1px solid #e3e6ef; } .directorist-single-review:first-child { - padding-top: 0; + padding-top: 0; } .directorist-single-review:last-child { - padding-bottom: 0; - border-bottom: 0; + padding-bottom: 0; + border-bottom: 0; } .directorist-single-review .directorist-single-review__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex; + justify-content: space-between; } .directorist-single-review .directorist-single-review-avatar-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 22px; + display: flex; + align-items: center; + margin-bottom: 22px; } .directorist-single-review .directorist-single-review-avatar { - margin-right: 12px; + margin-right: 12px; } .directorist-single-review .directorist-single-review-avatar img { - max-width: 50px; - border-radius: 50%; + max-width: 50px; + border-radius: 50%; } -.directorist-single-review .directorist-rated-stars ul li span.directorist-rate-active { - color: #fa8b0c; +.directorist-single-review + .directorist-rated-stars + ul + li + span.directorist-rate-active { + color: #fa8b0c; } .atbdp-universal-pagination ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: -5px; - padding: 0; + display: flex; + flex-wrap: wrap; + align-items: center; + margin: -5px; + padding: 0; } .atbdp-universal-pagination li { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - margin: 5px; - padding: 0 10px; - border: 1px solid var(--directorist-color-border); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - line-height: 28px; - border-radius: 3px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - background-color: var(--directorist-color-white); + flex: none; + margin: 5px; + padding: 0 10px; + border: 1px solid var(--directorist-color-border); + display: inline-flex; + align-items: center; + justify-content: center; + line-height: 28px; + border-radius: 3px; + transition: 0.3s ease; + background-color: var(--directorist-color-white); } .atbdp-universal-pagination li i { - line-height: 28px; + line-height: 28px; } .atbdp-universal-pagination li.atbd-active { - cursor: pointer; + cursor: pointer; } .atbdp-universal-pagination li.atbd-active:hover { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .atbdp-universal-pagination li.atbd-selected { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .atbdp-universal-pagination li.atbd-inactive { - opacity: 0.5; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-] { - min-width: 30px; - min-height: 30px; - position: relative; - cursor: pointer; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-] .la { - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); -} -.atbdp-universal-pagination li[class^=atbd-page-jump-] .la_h { - visibility: hidden; - opacity: 0; - left: 70%; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-] .la_d { - visibility: visible; - opacity: 1; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-]:hover { - color: var(--directorist-color-primary); -} -.atbdp-universal-pagination li[class^=atbd-page-jump-]:hover .la_h { - visibility: visible; - opacity: 1; - left: 50%; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-]:hover .la_d { - visibility: hidden; - opacity: 0; - left: 30%; + opacity: 0.5; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] { + min-width: 30px; + min-height: 30px; + position: relative; + cursor: pointer; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] .la { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] .la_h { + visibility: hidden; + opacity: 0; + left: 70%; + transition: 0.3s ease; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] .la_d { + visibility: visible; + opacity: 1; + transition: 0.3s ease; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover { + color: var(--directorist-color-primary); +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover .la_h { + visibility: visible; + opacity: 1; + left: 50%; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover .la_d { + visibility: hidden; + opacity: 0; + left: 30%; } .directorist-card-review-block .directorist-btn-add-review { - padding: 0 14px; - line-height: 2.55; + padding: 0 14px; + line-height: 2.55; } /*================================== Review: New Style ===================================*/ .directorist-review-container { - padding: 0; - margin-bottom: 35px; + padding: 0; + margin-bottom: 35px; } .directorist-review-container .comment-notes, .directorist-review-container .comment-form-cookies-consent { - margin-bottom: 20px; - font-style: italic; - font-size: 14px; - font-weight: normal; + margin-bottom: 20px; + font-style: italic; + font-size: 14px; + font-weight: normal; } .directorist-review-content a > i { - font-size: 13.5px; + font-size: 13.5px; } .directorist-review-content .directorist-btn > i { - margin-right: 5px; + margin-right: 5px; } .directorist-review-content #cancel-comment-reply-link, .directorist-review-content .directorist-js-cancel-comment-edit { - font-size: 14px; - margin-left: 15px; - color: var(--directorist-color-deep-gray); + font-size: 14px; + margin-left: 15px; + color: var(--directorist-color-deep-gray); } -.directorist-review-content #cancel-comment-reply-link:hover, .directorist-review-content #cancel-comment-reply-link:focus, +.directorist-review-content #cancel-comment-reply-link:hover, +.directorist-review-content #cancel-comment-reply-link:focus, .directorist-review-content .directorist-js-cancel-comment-edit:hover, .directorist-review-content .directorist-js-cancel-comment-edit:focus { - color: var(--directorist-color-dark); + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-review-content #cancel-comment-reply-link, - .directorist-review-content .directorist-js-cancel-comment-edit { - margin-left: 0; - } + .directorist-review-content #cancel-comment-reply-link, + .directorist-review-content .directorist-js-cancel-comment-edit { + margin-left: 0; + } } .directorist-review-content .directorist-review-content__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 6px 20px; - border: 1px solid #EFF1F6; - border-bottom-color: #f2f2f2; - background-color: var(--directorist-color-white); - border-radius: 16px 16px 0 0; -} -.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) { - font-size: 16px; - font-weight: 500; - color: #1A1B29; - margin: 10px 0; -} -.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) span { - color: var(--directorist-color-body); -} -.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) span:before { - content: "-"; - color: #8F8E9F; - padding-right: 5px; -} -.directorist-review-content .directorist-review-content__header .directorist-btn { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-review-content .directorist-review-content__header .directorist-btn .directorist-icon-mask { - display: inline-block; - margin-right: 4px; -} -.directorist-review-content .directorist-review-content__header .directorist-btn .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-review-content .directorist-review-content__header .directorist-btn:hover { - opacity: 0.8; -} -.directorist-review-content .directorist-review-content__header .directorist-noreviews { - font-size: 16px; - margin-bottom: 0; - padding: 19px 20px 15px; -} -.directorist-review-content .directorist-review-content__header .directorist-noreviews a { - color: #2C99FF; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + padding: 6px 20px; + border: 1px solid #eff1f6; + border-bottom-color: #f2f2f2; + background-color: var(--directorist-color-white); + border-radius: 16px 16px 0 0; +} +.directorist-review-content + .directorist-review-content__header + h3:not(.directorist-card__header__title) { + font-size: 16px; + font-weight: 500; + color: #1a1b29; + margin: 10px 0; +} +.directorist-review-content + .directorist-review-content__header + h3:not(.directorist-card__header__title) + span { + color: var(--directorist-color-body); +} +.directorist-review-content + .directorist-review-content__header + h3:not(.directorist-card__header__title) + span:before { + content: "-"; + color: #8f8e9f; + padding-right: 5px; +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn { + align-items: center; +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn + .directorist-icon-mask { + display: inline-block; + margin-right: 4px; +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn:hover { + opacity: 0.8; +} +.directorist-review-content + .directorist-review-content__header + .directorist-noreviews { + font-size: 16px; + margin-bottom: 0; + padding: 19px 20px 15px; +} +.directorist-review-content + .directorist-review-content__header + .directorist-noreviews + a { + color: #2c99ff; } .directorist-review-content .directorist-review-content__overview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 30px 50px; + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: space-between; + padding: 30px 50px; } .directorist-review-content .directorist-review-content__overview__rating { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-point { - font-size: 34px; - font-weight: 600; - color: #1A1B29; - display: block; - margin-right: 15px; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars { - font-size: 15px; - color: #EF8000; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 3px; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask:after { - width: 15px; - height: 15px; - background-color: #EF8000; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask.directorist_fraction_star { - position: relative; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask.directorist_fraction_star:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - left: 0; - -webkit-mask-image: url(../js/479b663ce5839f8d7fdc.svg); - mask-image: url(../js/479b663ce5839f8d7fdc.svg); - background-color: #EF8000; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-overall { - font-size: 14px; - color: #8C90A4; - display: block; + flex: 0 0 50%; + text-align: center; + display: flex; + align-items: center; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-point { + font-size: 34px; + font-weight: 600; + color: #1a1b29; + display: block; + margin-right: 15px; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars { + font-size: 15px; + color: #ef8000; + display: flex; + align-items: center; + margin-bottom: 3px; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars + .directorist-icon-mask:after { + width: 15px; + height: 15px; + background-color: #ef8000; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars + .directorist-icon-mask.directorist_fraction_star { + position: relative; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars + .directorist-icon-mask.directorist_fraction_star:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + left: 0; + mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); + background-color: #ef8000; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-overall { + font-size: 14px; + color: #8c90a4; + display: block; } .directorist-review-content .directorist-review-content__overview__benchmarks { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - padding: 25px; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -6px; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single > * { - margin: 6px !important; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single label { - -webkit-box-flex: 0.1; - -webkit-flex: 0.1; - -ms-flex: 0.1; - flex: 0.1; - min-width: 70px; - display: inline-block; - word-wrap: break-word; - word-break: break-all; - margin-bottom: 0; - font-size: 15px; - color: var(--directorist-color-body); -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress { - -webkit-box-flex: 1.5; - -webkit-flex: 1.5; - -ms-flex: 1.5; - flex: 1.5; - border-radius: 2px; - height: 5px; - -webkit-box-shadow: none; - box-shadow: none; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-webkit-progress-bar { - background-color: #F2F3F5; - border-radius: 2px; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-webkit-progress-value { - background-color: #EF8000; - border-radius: 2px; - -webkit-box-shadow: none; - box-shadow: none; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-moz-progress-bar { - background-color: #F2F3F5; - border-radius: 2px; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-moz-progress-value { - background-color: #EF8000; - border-radius: 2px; - box-shadow: none; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single strong { - -webkit-box-flex: 0.1; - -webkit-flex: 0.1; - -ms-flex: 0.1; - flex: 0.1; - font-size: 15px; - font-weight: 500; - color: #090E30; - text-align: right; -} -.directorist-review-content .directorist-review-content__reviews, .directorist-review-content .directorist-review-content__reviews ul { - padding: 0; - margin: 10px 0 0 0; - list-style-type: none; -} -.directorist-review-content .directorist-review-content__reviews li, .directorist-review-content .directorist-review-content__reviews ul li { - list-style-type: none; - margin-left: 0; + flex: 0 0 50%; + padding: 25px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single { + display: flex; + align-items: center; + flex-wrap: wrap; + margin: -6px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + > * { + margin: 6px !important; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + label { + flex: 0.1; + min-width: 70px; + display: inline-block; + word-wrap: break-word; + word-break: break-all; + margin-bottom: 0; + font-size: 15px; + color: var(--directorist-color-body); +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress { + flex: 1.5; + border-radius: 2px; + height: 5px; + box-shadow: none; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-webkit-progress-bar { + background-color: #f2f3f5; + border-radius: 2px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-webkit-progress-value { + background-color: #ef8000; + border-radius: 2px; + box-shadow: none; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-moz-progress-bar { + background-color: #f2f3f5; + border-radius: 2px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-moz-progress-value { + background-color: #ef8000; + border-radius: 2px; + box-shadow: none; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + strong { + flex: 0.1; + font-size: 15px; + font-weight: 500; + color: #090e30; + text-align: right; +} +.directorist-review-content .directorist-review-content__reviews, +.directorist-review-content .directorist-review-content__reviews ul { + padding: 0; + margin: 10px 0 0 0; + list-style-type: none; +} +.directorist-review-content .directorist-review-content__reviews li, +.directorist-review-content .directorist-review-content__reviews ul li { + list-style-type: none; + margin-left: 0; } .directorist-review-content .directorist-review-content__reviews > li { - border-top: 1px solid #EFF1F6; -} -.directorist-review-content .directorist-review-content__reviews > li:not(:last-child) { - margin-bottom: 10px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request { - position: relative; -} -.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request::after { - content: ""; - display: block; - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - z-index: 99; - background-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request::before { - position: absolute; - z-index: 100; - left: 50%; - top: 50%; - display: block; - content: ""; - width: 24px; - height: 24px; - border-radius: 50%; - border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); - border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); - -webkit-animation: directoristCommentEditLoading 0.6s linear infinite; - animation: directoristCommentEditLoading 0.6s linear infinite; -} -.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__report, -.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__content, -.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__reply { - display: none; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single { - padding: 25px; - border-radius: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single a { - text-decoration: none; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .comment-body { - margin-bottom: 0; - padding: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap { - margin: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-bottom: 20px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: -8px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__img { - padding: 8px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__img img { - width: 50px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 50%; - position: static; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details { - padding: 8px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 { - font-size: 15px; - font-weight: 500; - color: #090E30; - margin: 0 0 5px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2:before, .directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2:after { - content: none; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 time { - display: inline-block; - font-size: 14px; - color: #8C90A4; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 time::before { - content: "-"; - padding-right: 8px; - padding-left: 3px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details .directorist-rating-stars { - font-size: 11px; - color: #EF8000; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 3px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask::after { - width: 11px; - height: 11px; - background-color: #EF8000; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__report a { - font-size: 13px; - color: #8C90A4; - display: block; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content { - font-size: 16px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content__img { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 15px -5px 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content__img img { - max-width: 100px; - -o-object-fit: cover; - object-fit: cover; - margin: 5px; - border-radius: 6px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__feedback { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 15px -5px 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__feedback a { - margin: 5px; - font-size: 13px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply { - margin: 20px -8px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a { - color: #8C90A4; - font-size: 13px; - display: block; - margin: 0 8px; - background: none; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link .directorist-icon-mask { - margin-right: 3px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link .directorist-icon-mask::after { - width: 0.9em; - height: 0.9em; - background-color: #8C90A4; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment { - padding-left: 40px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment .directorist-review-single__contents-wrap { - position: relative; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment .directorist-review-single__contents-wrap::before { - content: ""; - height: 100%; - background-color: #F2F2F2; - width: 2px; - left: -20px; - position: absolute; - top: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit { - margin-top: 0 !important; - margin-bottom: 0 !important; - border: 0 none !important; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit__header { - padding-left: 0; - padding-right: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit__header h3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - max-width: 100%; - width: 100%; - margin: 0 !important; + border-top: 1px solid #eff1f6; +} +.directorist-review-content + .directorist-review-content__reviews + > li:not(:last-child) { + margin-bottom: 10px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-edit-request { + position: relative; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-edit-request::after { + content: ""; + display: block; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-edit-request::before { + position: absolute; + z-index: 100; + left: 50%; + top: 50%; + display: block; + content: ""; + width: 24px; + height: 24px; + border-radius: 50%; + border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); + border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); + animation: directoristCommentEditLoading 0.6s linear infinite; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-editing + .directorist-review-single__report, +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-editing + .directorist-review-single__content, +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-editing + .directorist-review-single__reply { + display: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single { + padding: 25px; + border-radius: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + a { + text-decoration: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .comment-body { + margin-bottom: 0; + padding: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap { + margin: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + margin-bottom: 20px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author { + display: flex; + flex-wrap: wrap; + align-items: center; + margin: -8px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__img { + padding: 8px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__img + img { + width: 50px; + object-fit: cover; + border-radius: 50%; + position: static; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details { + padding: 8px; + flex: 1; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2 { + font-size: 15px; + font-weight: 500; + color: #090e30; + margin: 0 0 5px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2:before, +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2:after { + content: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2 + time { + display: inline-block; + font-size: 14px; + color: #8c90a4; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2 + time::before { + content: "-"; + padding-right: 8px; + padding-left: 3px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + .directorist-rating-stars { + font-size: 11px; + color: #ef8000; + display: flex; + align-items: center; + margin-bottom: 3px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + .directorist-rating-stars + .directorist-icon-mask::after { + width: 11px; + height: 11px; + background-color: #ef8000; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__report + a { + font-size: 13px; + color: #8c90a4; + display: block; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__content { + font-size: 16px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__content__img { + display: flex; + flex-wrap: wrap; + margin: 15px -5px 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__content__img + img { + max-width: 100px; + object-fit: cover; + margin: 5px; + border-radius: 6px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__feedback { + display: flex; + flex-wrap: wrap; + align-items: center; + margin: 15px -5px 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__feedback + a { + margin: 5px; + font-size: 13px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply { + margin: 20px -8px 0; + display: flex; + align-items: center; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a { + color: #8c90a4; + font-size: 13px; + display: block; + margin: 0 8px; + background: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a.directorist-comment-edit-link { + display: inline-flex; + align-items: center; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a.directorist-comment-edit-link + .directorist-icon-mask { + margin-right: 3px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a.directorist-comment-edit-link + .directorist-icon-mask::after { + width: 0.9em; + height: 0.9em; + background-color: #8c90a4; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__comments + .directorist-review-single--comment { + padding-left: 40px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__comments + .directorist-review-single--comment + .directorist-review-single__contents-wrap { + position: relative; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__comments + .directorist-review-single--comment + .directorist-review-single__contents-wrap::before { + content: ""; + height: 100%; + background-color: #f2f2f2; + width: 2px; + left: -20px; + position: absolute; + top: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-submit { + margin-top: 0 !important; + margin-bottom: 0 !important; + border: 0 none !important; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-submit__header { + padding-left: 0; + padding-right: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-submit__header + h3 { + display: flex; + align-items: center; + justify-content: space-between; + max-width: 100%; + width: 100%; + margin: 0 !important; } .directorist-review-content .directorist-review-content__pagination { - padding: 0; - margin: 25px 0 0; + padding: 0; + margin: 25px 0 0; } .directorist-review-content .directorist-review-content__pagination ul { - border: 0 none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -4px; - padding-top: 0; - list-style-type: none; - height: auto; - background: none; + border: 0 none; + display: flex; + align-items: center; + flex-wrap: wrap; + margin: -4px; + padding-top: 0; + list-style-type: none; + height: auto; + background: none; } .directorist-review-content .directorist-review-content__pagination ul li { - padding: 4px; - list-style-type: none; -} -.directorist-review-content .directorist-review-content__pagination ul li .page-numbers { - width: 40px; - height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 6px; - border: 1px solid #E1E4EC; - color: #090E30; - font-weight: 500; - font-size: 14px; - background-color: var(--directorist-color-white); -} -.directorist-review-content .directorist-review-content__pagination ul li .page-numbers.current { - border-color: #090E30; + padding: 4px; + list-style-type: none; +} +.directorist-review-content + .directorist-review-content__pagination + ul + li + .page-numbers { + width: 40px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 6px; + border: 1px solid #e1e4ec; + color: #090e30; + font-weight: 500; + font-size: 14px; + background-color: var(--directorist-color-white); +} +.directorist-review-content + .directorist-review-content__pagination + ul + li + .page-numbers.current { + border-color: #090e30; } .directorist-review-submit { - margin-top: 25px; - margin-bottom: 25px; - background-color: var(--directorist-color-white); - border-radius: 4px; - border: 1px solid #EFF1F6; + margin-top: 25px; + margin-bottom: 25px; + background-color: var(--directorist-color-white); + border-radius: 4px; + border: 1px solid #eff1f6; } .directorist-review-submit__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + gap: 15px; } .directorist-review-submit__header h3 { - font-size: 16px; - font-weight: 500; - color: #1A1B29; - margin: 0; + font-size: 16px; + font-weight: 500; + color: #1a1b29; + margin: 0; } .directorist-review-submit__header h3 span { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .directorist-review-submit__header h3 span:before { - content: "-"; - color: #8F8E9F; - padding-right: 5px; + content: "-"; + color: #8f8e9f; + padding-right: 5px; } .directorist-review-submit__header .directorist-btn { - font-size: 13px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0 20px; - min-height: 40px; - border-radius: 8px; + font-size: 13px; + align-items: center; + padding: 0 20px; + min-height: 40px; + border-radius: 8px; } .directorist-review-submit__header .directorist-btn .directorist-icon-mask { - display: inline-block; - margin-right: 4px; + display: inline-block; + margin-right: 4px; } -.directorist-review-submit__header .directorist-btn .directorist-icon-mask::after { - width: 13px; - height: 13px; - background-color: var(--directorist-color-white); +.directorist-review-submit__header + .directorist-btn + .directorist-icon-mask::after { + width: 13px; + height: 13px; + background-color: var(--directorist-color-white); } .directorist-review-submit__overview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 30px 50px; - border-top: 0 none; + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: space-between; + padding: 30px 50px; + border-top: 0 none; } .directorist-review-submit__overview__rating { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-align: center; + display: flex; + gap: 20px; + align-items: center; + text-align: center; } @media (max-width: 480px) { - .directorist-review-submit__overview__rating { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } - .directorist-review-submit__overview__rating .directorist-rating-stars { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-review-submit__overview__rating { + flex: 0 0 100%; + } + .directorist-review-submit__overview__rating .directorist-rating-stars { + justify-content: center; + } } .directorist-review-submit__overview__rating .directorist-rating-point { - font-size: 40px; - font-weight: 600; - display: block; - color: var(--directorist-color-dark); + font-size: 40px; + font-weight: 600; + display: block; + color: var(--directorist-color-dark); } .directorist-review-submit__overview__rating .directorist-rating-stars { - font-size: 15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 5px; - color: var(--directorist-color-warning); + font-size: 15px; + display: flex; + align-items: center; + margin-bottom: 5px; + color: var(--directorist-color-warning); } .directorist-review-submit__overview__rating .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-warning); -} -.directorist-review-submit__overview__rating .directorist-icon-mask.directorist_fraction_star { - position: relative; -} -.directorist-review-submit__overview__rating .directorist-icon-mask.directorist_fraction_star:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - left: 0; - -webkit-mask-image: url(../js/479b663ce5839f8d7fdc.svg); - mask-image: url(../js/479b663ce5839f8d7fdc.svg); - background-color: var(--directorist-color-warning); + width: 16px; + height: 16px; + background-color: var(--directorist-color-warning); +} +.directorist-review-submit__overview__rating + .directorist-icon-mask.directorist_fraction_star { + position: relative; +} +.directorist-review-submit__overview__rating + .directorist-icon-mask.directorist_fraction_star:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + left: 0; + mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); + background-color: var(--directorist-color-warning); } .directorist-review-submit__overview__rating .directorist-rating-overall { - font-size: 14px; - color: var(--directorist-color-body); - display: block; + font-size: 14px; + color: var(--directorist-color-body); + display: block; } .directorist-review-submit__overview__benchmarks { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - padding: 25px; + flex: 0 0 50%; + padding: 25px; } .directorist-review-submit__overview__benchmarks .directorist-benchmark-single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -6px; -} -.directorist-review-submit__overview__benchmarks .directorist-benchmark-single > * { - margin: 6px !important; -} -.directorist-review-submit__overview__benchmarks .directorist-benchmark-single label { - -webkit-box-flex: 0.1; - -webkit-flex: 0.1; - -ms-flex: 0.1; - flex: 0.1; - min-width: 70px; - display: inline-block; - margin-right: 4px; -} -.directorist-review-submit__overview__benchmarks .directorist-benchmark-single label:after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-white); -} -.directorist-review-submit__reviews, .directorist-review-submit__reviews ul { - padding: 0; - margin: 10px 0 0 0; - list-style-type: none; - margin-left: 0; + display: flex; + align-items: center; + flex-wrap: wrap; + margin: -6px; +} +.directorist-review-submit__overview__benchmarks + .directorist-benchmark-single + > * { + margin: 6px !important; +} +.directorist-review-submit__overview__benchmarks + .directorist-benchmark-single + label { + flex: 0.1; + min-width: 70px; + display: inline-block; + margin-right: 4px; +} +.directorist-review-submit__overview__benchmarks + .directorist-benchmark-single + label:after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-white); +} +.directorist-review-submit__reviews, +.directorist-review-submit__reviews ul { + padding: 0; + margin: 10px 0 0 0; + list-style-type: none; + margin-left: 0; } .directorist-review-submit > li { - border-top: 1px solid var(--directorist-color-border); + border-top: 1px solid var(--directorist-color-border); } .directorist-review-submit .directorist-comment-edit-request { - position: relative; + position: relative; } .directorist-review-submit .directorist-comment-edit-request::after { - content: ""; - display: block; - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - z-index: 99; - background-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; + content: ""; + display: block; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; } .directorist-review-submit .directorist-comment-edit-request > li { - border-top: 1px solid var(--directorist-color-border); -} -.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request { - position: relative; -} -.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request:after { - content: ""; - display: block; - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - z-index: 99; - background-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; -} -.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request:before { - position: absolute; - z-index: 100; - left: 50%; - top: 50%; - display: block; - content: ""; - width: 24px; - height: 24px; - border-radius: 50%; - border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); - border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); - -webkit-animation: directoristCommentEditLoading 0.6s linear infinite; - animation: directoristCommentEditLoading 0.6s linear infinite; -} - -.directorist-review-single .directorist-comment-editing .directorist-review-single__report, -.directorist-review-single .directorist-comment-editing .directorist-review-single__content, -.directorist-review-single .directorist-comment-editing .directorist-review-single__actions { - display: none; + border-top: 1px solid var(--directorist-color-border); +} +.directorist-review-submit + .directorist-comment-edit-request + .directorist-comment-edit-request { + position: relative; +} +.directorist-review-submit + .directorist-comment-edit-request + .directorist-comment-edit-request:after { + content: ""; + display: block; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; +} +.directorist-review-submit + .directorist-comment-edit-request + .directorist-comment-edit-request:before { + position: absolute; + z-index: 100; + left: 50%; + top: 50%; + display: block; + content: ""; + width: 24px; + height: 24px; + border-radius: 50%; + border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); + border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); + animation: directoristCommentEditLoading 0.6s linear infinite; +} + +.directorist-review-single + .directorist-comment-editing + .directorist-review-single__report, +.directorist-review-single + .directorist-comment-editing + .directorist-review-single__content, +.directorist-review-single + .directorist-comment-editing + .directorist-review-single__actions { + display: none; } .directorist-review-content__pagination { - padding: 0; - margin: 25px 0 35px; + padding: 0; + margin: 25px 0 35px; } .directorist-review-content__pagination ul { - border: 0 none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -4px; - padding-top: 0; - list-style-type: none; - height: auto; - background: none; + border: 0 none; + display: flex; + align-items: center; + flex-wrap: wrap; + margin: -4px; + padding-top: 0; + list-style-type: none; + height: auto; + background: none; } .directorist-review-content__pagination li { - padding: 4px; - list-style-type: none; + padding: 4px; + list-style-type: none; } .directorist-review-content__pagination li .page-numbers { - width: 40px; - height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 6px; - border: 1px solid #E1E4EC; - color: #090E30; - font-weight: 500; - font-size: 14px; - background-color: var(--directorist-color-white); + width: 40px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 6px; + border: 1px solid #e1e4ec; + color: #090e30; + font-weight: 500; + font-size: 14px; + background-color: var(--directorist-color-white); } .directorist-review-content__pagination li .page-numbers.current { - border-color: #090E30; + border-color: #090e30; } .directorist-review-single { - padding: 40px 30px; - margin: 0; + padding: 40px 30px; + margin: 0; } @media screen and (max-width: 575px) { - .directorist-review-single { - padding: 30px 20px; - } + .directorist-review-single { + padding: 30px 20px; + } } .directorist-review-single a { - text-decoration: none; + text-decoration: none; } .directorist-review-single .comment-body { - margin-bottom: 0; - padding: 0; + margin-bottom: 0; + padding: 0; } .directorist-review-single .comment-body p { - font-size: 15px; - margin: 0; - color: var(--directorist-color-body); + font-size: 15px; + margin: 0; + color: var(--directorist-color-body); } .directorist-review-single .comment-body em { - font-style: normal; + font-style: normal; } .directorist-review-single .directorist-review-single__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-bottom: 20px; + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + margin-bottom: 20px; } .directorist-review-single__author { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: flex; + flex-wrap: wrap; + align-items: flex-start; } .directorist-review-single__author__img { - width: 50px; - height: 50px; - padding: 0; + width: 50px; + height: 50px; + padding: 0; } .directorist-review-single__author__img img { - width: 50px; - height: 50px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 50%; - position: static; + width: 50px; + height: 50px; + object-fit: cover; + border-radius: 50%; + position: static; } .directorist-review-single__author__details { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin-left: 15px; + flex: 1; + margin-left: 15px; } .directorist-review-single__author__details h2 { - font-size: 15px; - font-weight: 500; - margin: 0 0 5px; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 500; + margin: 0 0 5px; + color: var(--directorist-color-dark); } .directorist-review-single__author__details .directorist-rating-stars { - font-size: 11px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: var(--directorist-color-warning); -} -.directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask { - margin: 1px; -} -.directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask:after { - width: 11px; - height: 11px; - background-color: var(--directorist-color-warning); + font-size: 11px; + display: flex; + align-items: center; + color: var(--directorist-color-warning); +} +.directorist-review-single__author__details + .directorist-rating-stars + .directorist-icon-mask { + margin: 1px; +} +.directorist-review-single__author__details + .directorist-rating-stars + .directorist-icon-mask:after { + width: 11px; + height: 11px; + background-color: var(--directorist-color-warning); } .directorist-review-single__author__details .directorist-review-date { - display: inline-block; - font-size: 13px; - margin-left: 14px; - color: var(--directorist-color-deep-gray); + display: inline-block; + font-size: 13px; + margin-left: 14px; + color: var(--directorist-color-deep-gray); } .directorist-review-single__report a { - font-size: 13px; - color: #8C90A4; - display: block; + font-size: 13px; + color: #8c90a4; + display: block; } .directorist-review-single__content p { - font-size: 15px; - color: var(--directorist-color-body); + font-size: 15px; + color: var(--directorist-color-body); } .directorist-review-single__feedback { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 15px -5px 0; + display: flex; + flex-wrap: wrap; + align-items: center; + margin: 15px -5px 0; } .directorist-review-single__feedback a { - margin: 5px; - font-size: 13px; + margin: 5px; + font-size: 13px; } .directorist-review-single__actions { - margin: 20px -8px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + margin: 20px -8px 0; + display: flex; + align-items: center; } .directorist-review-single__actions a { - font-size: 13px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background: none; - margin: 0 8px; - color: var(--directorist-color-deep-gray); + font-size: 13px; + display: inline-flex; + align-items: center; + background: none; + margin: 0 8px; + color: var(--directorist-color-deep-gray); } .directorist-review-single__actions a .directorist-icon-mask { - margin-right: 6px; + margin-right: 6px; } .directorist-review-single__actions a .directorist-icon-mask::after { - width: 13.5px; - height: 13.5px; - background-color: var(--directorist-color-deep-gray); + width: 13.5px; + height: 13.5px; + background-color: var(--directorist-color-deep-gray); } .directorist-review-single .directorist-review-meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + gap: 15px; + flex-wrap: wrap; } @media screen and (max-width: 575px) { - .directorist-review-single .directorist-review-meta { - gap: 10px; - } + .directorist-review-single .directorist-review-meta { + gap: 10px; + } } .directorist-review-single .directorist-review-meta .directorist-review-date { - margin: 0; + margin: 0; } .directorist-review-single .directorist-review-submit { - margin-top: 0; - margin-bottom: 0; - border: 0 none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + margin-top: 0; + margin-bottom: 0; + border: 0 none; + box-shadow: 0 0; } .directorist-review-single .directorist-review-submit__header { - padding-left: 0; - padding-right: 0; -} -.directorist-review-single .directorist-review-submit .directorist-card__header__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - font-size: 13px; - max-width: 100%; - width: 100%; - margin: 0; + padding-left: 0; + padding-right: 0; +} +.directorist-review-single + .directorist-review-submit + .directorist-card__header__title { + display: flex; + align-items: center; + justify-content: space-between; + font-size: 13px; + max-width: 100%; + width: 100%; + margin: 0; } .directorist-review-single .directorist-review-single { - padding: 18px 40px; + padding: 18px 40px; } .directorist-review-single .directorist-review-single:last-child { - padding-bottom: 0; -} -.directorist-review-single .directorist-review-single .directorist-review-single__header { - margin-bottom: 15px; -} -.directorist-review-single .directorist-review-single .directorist-review-single__info { - position: relative; -} -.directorist-review-single .directorist-review-single .directorist-review-single__info:before { - position: absolute; - left: -20px; - top: 0; - width: 2px; - height: 100%; - content: ""; - background-color: var(--directorist-color-border-gray); + padding-bottom: 0; +} +.directorist-review-single + .directorist-review-single + .directorist-review-single__header { + margin-bottom: 15px; +} +.directorist-review-single + .directorist-review-single + .directorist-review-single__info { + position: relative; +} +.directorist-review-single + .directorist-review-single + .directorist-review-single__info:before { + position: absolute; + left: -20px; + top: 0; + width: 2px; + height: 100%; + content: ""; + background-color: var(--directorist-color-border-gray); } .directorist-review-submit__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; } .directorist-review-submit__form { - margin: 0 !important; + margin: 0 !important; } .directorist-review-submit__form:not(.directorist-form-comment-edit) { - padding: 25px; -} -.directorist-review-submit__form#commentform .directorist-form-group, .directorist-review-submit__form.directorist-form-comment-edit .directorist-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; -} -.directorist-review-submit__form .directorist-review-single .directorist-card__body { - padding-left: 0; - padding-right: 0; + padding: 25px; +} +.directorist-review-submit__form#commentform .directorist-form-group, +.directorist-review-submit__form.directorist-form-comment-edit + .directorist-form-group { + display: flex; + gap: 10px; + flex-wrap: wrap; + align-items: center; + justify-content: flex-start; +} +.directorist-review-submit__form + .directorist-review-single + .directorist-card__body { + padding-left: 0; + padding-right: 0; } .directorist-review-submit__form .directorist-alert { - margin-bottom: 20px; - padding: 10px 20px; + margin-bottom: 20px; + padding: 10px 20px; } .directorist-review-submit__form .directorist-review-criteria { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-review-submit__form .directorist-review-criteria__single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 15px; } .directorist-review-submit__form .directorist-review-criteria__single__label { - width: 100px; - word-wrap: break-word; - word-break: break-all; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - margin: 0; -} -.directorist-review-submit__form .directorist-review-criteria__single .br-widget { - margin: -1px; + width: 100px; + word-wrap: break-word; + word-break: break-all; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + margin: 0; +} +.directorist-review-submit__form + .directorist-review-criteria__single + .br-widget { + margin: -1px; } .directorist-review-submit__form .directorist-review-criteria__single a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 24px; - height: 24px; - border-radius: 4px; - background-color: #E1E4EC; - margin: 1px; - text-decoration: none; - outline: 0; + display: inline-flex; + align-items: center; + justify-content: center; + width: 24px; + height: 24px; + border-radius: 4px; + background-color: #e1e4ec; + margin: 1px; + text-decoration: none; + outline: 0; } .directorist-review-submit__form .directorist-review-criteria__single a:before { - content: ""; - -webkit-mask-image: url(../js/60b8c48296c3c553bf39.svg); - mask-image: url(../js/60b8c48296c3c553bf39.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); + content: ""; + mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); + mask-repeat: no-repeat; + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); } .directorist-review-submit__form .directorist-review-criteria__single a:focus { - background-color: #E1E4EC !important; - text-decoration: none !important; - outline: 0; -} -.directorist-review-submit__form .directorist-review-criteria__single a.br-selected, .directorist-review-submit__form .directorist-review-criteria__single a.br-active { - background-color: var(--directorist-color-warning) !important; - text-decoration: none; - outline: 0; -} -.directorist-review-submit__form .directorist-review-criteria__single .br-current-rating { - display: inline-block; - margin-left: 20px; - font-size: 14px; - font-weight: 500; + background-color: #e1e4ec !important; + text-decoration: none !important; + outline: 0; +} +.directorist-review-submit__form + .directorist-review-criteria__single + a.br-selected, +.directorist-review-submit__form + .directorist-review-criteria__single + a.br-active { + background-color: var(--directorist-color-warning) !important; + text-decoration: none; + outline: 0; +} +.directorist-review-submit__form + .directorist-review-criteria__single + .br-current-rating { + display: inline-block; + margin-left: 20px; + font-size: 14px; + font-weight: 500; } .directorist-review-submit__form .directorist-form-group:not(:last-child) { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-review-submit__form .directorist-form-group textarea { - background-color: #F6F7F9; - font-size: 15px; - display: block; - resize: vertical; - margin: 0; + background-color: #f6f7f9; + font-size: 15px; + display: block; + resize: vertical; + margin: 0; } .directorist-review-submit__form .directorist-form-group textarea:focus { - background-color: #F6F7F9; + background-color: #f6f7f9; } .directorist-review-submit__form .directorist-form-group label { - display: block; - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-dark); - margin-bottom: 5px; -} -.directorist-review-submit__form .directorist-form-group input[type=text], -.directorist-review-submit__form .directorist-form-group input[type=email], -.directorist-review-submit__form .directorist-form-group input[type=url] { - height: 46px; - background-color: var(--directorist-color-white); - margin: 0; -} -.directorist-review-submit__form .directorist-form-group input[type=text]::-webkit-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]::-webkit-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]::-webkit-input-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form .directorist-form-group input[type=text]::-moz-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]::-moz-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]::-moz-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form .directorist-form-group input[type=text]:-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]:-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]:-ms-input-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form .directorist-form-group input[type=text]::-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]::-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]::-ms-input-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form .directorist-form-group input[type=text]::placeholder, -.directorist-review-submit__form .directorist-form-group input[type=email]::placeholder, -.directorist-review-submit__form .directorist-form-group input[type=url]::placeholder { - color: var(--directorist-color-deep-gray); + display: block; + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-dark); + margin-bottom: 5px; +} +.directorist-review-submit__form .directorist-form-group input[type="text"], +.directorist-review-submit__form .directorist-form-group input[type="email"], +.directorist-review-submit__form .directorist-form-group input[type="url"] { + height: 46px; + background-color: var(--directorist-color-white); + margin: 0; +} +.directorist-review-submit__form + .directorist-form-group + input[type="text"]::placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="email"]::placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="url"]::placeholder { + color: var(--directorist-color-deep-gray); } .directorist-review-submit__form .form-group-comment { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-review-submit__form .form-group-comment.directorist-form-group { - margin-bottom: 42px; + margin-bottom: 42px; } @media screen and (max-width: 575px) { - .directorist-review-submit__form .form-group-comment.directorist-form-group { - margin-bottom: 30px; - } + .directorist-review-submit__form + .form-group-comment.directorist-form-group { + margin-bottom: 30px; + } } .directorist-review-submit__form .form-group-comment textarea { - border-radius: 12px; - resize: none; - padding: 20px; - min-height: 140px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background-color: var(--directorist-color-white); - border: 2px solid var(--directorist-color-border); + border-radius: 12px; + resize: none; + padding: 20px; + min-height: 140px; + box-sizing: border-box; + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border); } .directorist-review-submit__form .form-group-comment textarea:focus { - border: 2px solid var(--directorist-color-border-gray); + border: 2px solid var(--directorist-color-border-gray); } .directorist-review-submit__form .directorist-review-media-upload { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.directorist-review-submit__form .directorist-review-media-upload input[type=file] { - display: none; + display: flex; + align-items: center; + flex-wrap: wrap; +} +.directorist-review-submit__form + .directorist-review-media-upload + input[type="file"] { + display: none; } .directorist-review-submit__form .directorist-review-media-upload label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 115px; - height: 100px; - border-radius: 8px; - border: 1px dashed #C6D0DC; - cursor: pointer; - margin-bottom: 0; + display: inline-flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 115px; + height: 100px; + border-radius: 8px; + border: 1px dashed #c6d0dc; + cursor: pointer; + margin-bottom: 0; } .directorist-review-submit__form .directorist-review-media-upload label i { - font-size: 26px; - color: #AFB2C4; + font-size: 26px; + color: #afb2c4; } .directorist-review-submit__form .directorist-review-media-upload label span { - display: block; - font-size: 14px; - color: var(--directorist-color-body); - margin-top: 6px; + display: block; + font-size: 14px; + color: var(--directorist-color-body); + margin-top: 6px; } .directorist-review-submit__form .directorist-review-img-gallery { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -5px -5px -5px 5px; + display: flex; + flex-wrap: wrap; + margin: -5px -5px -5px 5px; } .directorist-review-submit__form .directorist-review-gallery-preview { - position: relative; - margin: 5px; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-img-gallery { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 5px; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview { - position: relative; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview:hover .directorist-btn-delete { - opacity: 1; - visibility: visible; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview img { - width: 115px; - height: 100px; - max-width: 115px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 8px; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview .directorist-btn-delete { - position: absolute; - top: 6px; - right: 6px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 30px; - width: 30px; - border-radius: 50%; - color: var(--directorist-color-white); - background-color: var(--directorist-color-danger); - opacity: 0; - visibility: hidden; + position: relative; + margin: 5px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-img-gallery { + display: flex; + flex-wrap: wrap; + gap: 5px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview { + position: relative; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview:hover + .directorist-btn-delete { + opacity: 1; + visibility: visible; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview + img { + width: 115px; + height: 100px; + max-width: 115px; + object-fit: cover; + border-radius: 8px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview + .directorist-btn-delete { + position: absolute; + top: 6px; + right: 6px; + display: inline-flex; + align-items: center; + justify-content: center; + height: 30px; + width: 30px; + border-radius: 50%; + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); + opacity: 0; + visibility: hidden; } .directorist-review-submit__form .directorist-review-gallery-preview img { - width: 115px; - height: 100px; - max-width: 115px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 8px; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-btn-delete { - position: absolute; - top: 6px; - right: 6px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 30px; - width: 30px; - border-radius: 50%; - color: var(--directorist-color-white); - background-color: var(--directorist-color-danger); - opacity: 0; - visibility: hidden; + width: 115px; + height: 100px; + max-width: 115px; + object-fit: cover; + border-radius: 8px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-btn-delete { + position: absolute; + top: 6px; + right: 6px; + display: inline-flex; + align-items: center; + justify-content: center; + height: 30px; + width: 30px; + border-radius: 50%; + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); + opacity: 0; + visibility: hidden; } .directorist-review-submit .directorist-btn { - padding: 0 20px; -} - -.directorist-review-content + .directorist-review-submit.directorist-review-submit--hidden { - display: none !important; + padding: 0 20px; } -@-webkit-keyframes directoristCommentEditLoading { - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } +.directorist-review-content + + .directorist-review-submit.directorist-review-submit--hidden { + display: none !important; } @keyframes directoristCommentEditLoading { - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + to { + transform: rotate(360deg); + } } .directorist-favourite-items-wrap { - -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); - box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); } .directorist-favourite-items-wrap .directorist-favourirte-items { - background-color: var(--directorist-color-white); - padding: 20px 10px; - border-radius: 12px; + background-color: var(--directorist-color-white); + padding: 20px 10px; + border-radius: 12px; } .directorist-favourite-items-wrap .directorist-dashboard-items-list { - font-size: 15px; + font-size: 15px; } .directorist-favourite-items-wrap .directorist-dashboard-items-list__single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 15px !important; - margin: 0; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-transition: 0.35s; - transition: 0.35s; + display: flex; + padding: 15px !important; + margin: 0; + justify-content: space-between; + align-items: center; + transition: 0.35s; } @media only screen and (max-width: 991px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single { - background-color: #F8F9FA; - border-radius: 5px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single:hover { - background-color: #F8F9FA; - border-radius: 5px; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single:hover .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn { - opacity: 1; - visibility: visible; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img { - margin-right: 20px; + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single { + background-color: #f8f9fa; + border-radius: 5px; + flex-direction: column; + align-items: flex-start; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single:hover { + background-color: #f8f9fa; + border-radius: 5px; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single:hover + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn { + opacity: 1; + visibility: visible; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-img { + margin-right: 20px; } @media only screen and (max-width: 479px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img { - margin-right: 0; - } -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img img { - max-width: 100px; - border-radius: 6px; + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-img { + margin-right: 0; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-img + img { + max-width: 100px; + border-radius: 6px; } @media only screen and (max-width: 479px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-content { - margin-top: 10px; - } -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-title { - font-size: 15px; - font-weight: 500; - margin: 0 0 6px; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-title a { - color: var(--directorist-color-dark); - text-decoration: none; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category { - color: var(--directorist-color-primary); - text-decoration: none; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.la, -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.fa, -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.fas, -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category i { - margin-right: 6px; - color: var(--directorist-color-light-gray); -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-content { + margin-top: 10px; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-title { + font-size: 15px; + font-weight: 500; + margin: 0 0 6px; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-title + a { + color: var(--directorist-color-dark); + text-decoration: none; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category { + color: var(--directorist-color-primary); + text-decoration: none; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + span.la, +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + span.fa, +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + span.fas, +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + i { + margin-right: 6px; + color: var(--directorist-color-light-gray); +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__info { + display: flex; } @media only screen and (max-width: 991px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info { - margin-bottom: 15px; - } + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__info { + margin-bottom: 15px; + } } @media only screen and (max-width: 479px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn { - font-weight: 500; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-radius: 8px; - padding: 0px 14px; - color: var(--directorist-color-white) !important; - line-height: 2.65; - opacity: 0; - visibility: hidden; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn .directorist-icon-mask { - margin-right: 5px; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn .directorist-icon-mask:after { - background-color: var(--directorist-color-white); -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn { - /* Legacy Icon */ -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn > i:not(.directorist-icon-mask) { - margin-right: 5px; + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__info { + flex-direction: column; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn { + font-weight: 500; + display: inline-flex; + align-items: center; + border-radius: 8px; + padding: 0px 14px; + color: var(--directorist-color-white) !important; + line-height: 2.65; + opacity: 0; + visibility: hidden; + /* Legacy Icon */ +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn + .directorist-icon-mask { + margin-right: 5px; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn + > i:not(.directorist-icon-mask) { + margin-right: 5px; } @media only screen and (max-width: 991px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn { - opacity: 1; - visibility: visible; - } + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn { + opacity: 1; + visibility: visible; + } } .directorist-user-dashboard { - width: 100% !important; - max-width: 100% !important; - overflow: hidden; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100% !important; + max-width: 100% !important; + overflow: hidden; + box-sizing: border-box; } .directorist-user-dashboard__contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding-bottom: 20px; + display: flex; + padding-bottom: 20px; } .directorist-user-dashboard__toggle { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-user-dashboard__toggle__link { - border: 1px solid #e3e6ef; - padding: 6.5px 8px 6.5px; - border-radius: 8px; - display: inline-block; - outline: 0; - background-color: var(--directorist-color-white); - line-height: 1; - color: var(--directorist-color-primary); + border: 1px solid #e3e6ef; + padding: 6.5px 8px 6.5px; + border-radius: 8px; + display: inline-block; + outline: 0; + background-color: var(--directorist-color-white); + line-height: 1; + color: var(--directorist-color-primary); } .directorist-user-dashboard__tab-content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - width: calc(100% - 250px); + flex: 1; + width: calc(100% - 250px); } .directorist-user-dashboard .directorist-alert { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-user-dashboard #directorist-preference-notice .directorist-alert { - margin-top: 15px; - margin-bottom: 0; + margin-top: 15px; + margin-bottom: 0; } /* user dashboard loader */ #directorist-dashboard-preloader { - height: 100%; - left: 0; - overflow: visible; - position: fixed; - top: 0; - width: 100%; - z-index: 9999999; - display: none; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + height: 100%; + left: 0; + overflow: visible; + position: fixed; + top: 0; + width: 100%; + z-index: 9999999; + display: none; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); } #directorist-dashboard-preloader div { - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: block; - position: absolute; - width: 64px; - height: 64px; - margin: 8px; - border: 8px solid var(--directorist-color-primary); - border-radius: 50%; - -webkit-animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - border-color: var(--directorist-color-primary) transparent transparent transparent; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); + box-sizing: border-box; + display: block; + position: absolute; + width: 64px; + height: 64px; + margin: 8px; + border: 8px solid var(--directorist-color-primary); + border-radius: 50%; + animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + border-color: var(--directorist-color-primary) transparent transparent + transparent; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); } #directorist-dashboard-preloader div:nth-child(1) { - -webkit-animation-delay: -0.45s; - animation-delay: -0.45s; + animation-delay: -0.45s; } #directorist-dashboard-preloader div:nth-child(2) { - -webkit-animation-delay: -0.3s; - animation-delay: -0.3s; + animation-delay: -0.3s; } #directorist-dashboard-preloader div:nth-child(3) { - -webkit-animation-delay: -0.15s; - animation-delay: -0.15s; + animation-delay: -0.15s; } /* My listing tab */ .directorist-user-dashboard-tab__nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 0 20px; - border-radius: 12px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0 20px; + border-radius: 12px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } @media screen and (max-width: 480px) { - .directorist-user-dashboard-tab__nav { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } + .directorist-user-dashboard-tab__nav { + align-items: flex-start; + } } .directorist-user-dashboard-tab ul { - margin: 0; - list-style: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-left: 0; + margin: 0; + list-style: none; + display: flex; + align-items: center; + padding-left: 0; } @media screen and (max-width: 480px) { - .directorist-user-dashboard-tab ul { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding-left: 0; - } + .directorist-user-dashboard-tab ul { + flex-wrap: wrap; + padding-left: 0; + } } .directorist-user-dashboard-tab li { - list-style: none; + list-style: none; } .directorist-user-dashboard-tab li:not(:last-child) { - margin-right: 20px; + margin-right: 20px; } .directorist-user-dashboard-tab li a { - display: inline-block; - font-size: 14px; - font-weight: 500; - padding: 20px 0; - text-decoration: none; - color: var(--directorist-color-dark); - position: relative; + display: inline-block; + font-size: 14px; + font-weight: 500; + padding: 20px 0; + text-decoration: none; + color: var(--directorist-color-dark); + position: relative; } .directorist-user-dashboard-tab li a:after { - position: absolute; - left: 0; - bottom: -4px; - width: 100%; - height: 2px; - border-radius: 8px; - opacity: 0; - visibility: hidden; - content: ""; - background-color: var(--directorist-color-primary); + position: absolute; + left: 0; + bottom: -4px; + width: 100%; + height: 2px; + border-radius: 8px; + opacity: 0; + visibility: hidden; + content: ""; + background-color: var(--directorist-color-primary); } .directorist-user-dashboard-tab li a.directorist-tab__nav__active { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-user-dashboard-tab li a.directorist-tab__nav__active:after { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } @media screen and (max-width: 480px) { - .directorist-user-dashboard-tab li a { - padding-bottom: 5px; - } + .directorist-user-dashboard-tab li a { + padding-bottom: 5px; + } } .directorist-user-dashboard-tab .directorist-user-dashboard-search { - position: relative; - border-radius: 12px; - margin: 16px 0 16px 16px; + position: relative; + border-radius: 12px; + margin: 16px 0 16px 16px; } .directorist-user-dashboard-tab .directorist-user-dashboard-search__icon { - position: absolute; - left: 16px; - top: 50%; - line-height: 1; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + left: 16px; + top: 50%; + line-height: 1; + transform: translateY(-50%); } .directorist-user-dashboard-tab .directorist-user-dashboard-search__icon i, .directorist-user-dashboard-tab .directorist-user-dashboard-search__icon span { - font-size: 16px; + font-size: 16px; } -.directorist-user-dashboard-tab .directorist-user-dashboard-search__icon .directorist-icon-mask::after { - width: 16px; - height: 16px; +.directorist-user-dashboard-tab + .directorist-user-dashboard-search__icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; } .directorist-user-dashboard-tab .directorist-user-dashboard-search input { - border: 0 none; - border-radius: 18px; - font-size: 14px; - font-weight: 400; - color: #8f8e9f; - padding: 10px 18px 10px 40px; - min-width: 260px; - height: 36px; - background-color: #f6f7f9; - margin-bottom: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; + border: 0 none; + border-radius: 18px; + font-size: 14px; + font-weight: 400; + color: #8f8e9f; + padding: 10px 18px 10px 40px; + min-width: 260px; + height: 36px; + background-color: #f6f7f9; + margin-bottom: 0; + box-sizing: border-box; } .directorist-user-dashboard-tab .directorist-user-dashboard-search input:focus { - outline: none; + outline: none; } @media screen and (max-width: 375px) { - .directorist-user-dashboard-tab .directorist-user-dashboard-search input { - min-width: unset; - } + .directorist-user-dashboard-tab .directorist-user-dashboard-search input { + min-width: unset; + } } .directorist-user-dashboard-tabcontent { - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - border-radius: 12px; - margin-top: 15px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + border-radius: 12px; + margin-top: 15px; } .directorist-user-dashboard-tabcontent .directorist-listing-table { - border-radius: 10px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-table { - display: table; - border: 0 none; - border-collapse: collapse; - border-spacing: 0; - empty-cells: show; - margin-bottom: 0; - margin-top: 0; - overflow: visible !important; - width: 100%; + border-radius: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-table { + display: table; + border: 0 none; + border-collapse: collapse; + border-spacing: 0; + empty-cells: show; + margin-bottom: 0; + margin-top: 0; + overflow: visible !important; + width: 100%; } .directorist-user-dashboard-tabcontent .directorist-listing-table tr { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - text-align: left; + text-align: left; } -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { - min-width: 320px; +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing { + min-width: 320px; } @media (max-width: 1499px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { - min-width: 260px; - } + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing { + min-width: 260px; + } } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { - min-width: 230px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type { - min-width: 180px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing { + min-width: 230px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing-type { + min-width: 180px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type { - min-width: 160px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-category { - min-width: 180px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { - min-width: 250px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing-type { + min-width: 160px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-category { + min-width: 180px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-ex-date { + min-width: 250px; } @media (max-width: 1499px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { - min-width: 220px; - } + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-ex-date { + min-width: 220px; + } } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { - min-width: 200px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status { - min-width: 160px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-ex-date { + min-width: 200px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-status { + min-width: 160px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status { - min-width: 130px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan { - min-width: 120px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-status { + min-width: 130px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist_table-plan { + min-width: 120px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan { - min-width: 100px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions { - min-width: 200px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist_table-plan { + min-width: 100px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-actions { + min-width: 200px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions { - min-width: 150px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child th { - padding-top: 22px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child td { - padding-top: 28px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child td, -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child th { - padding-bottom: 22px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child .directorist-dropdown .directorist-dropdown-menu { - bottom: 100%; - top: auto; - -webkit-transform: translateY(-15px); - transform: translateY(-15px); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child .directorist-dropdown .directorist-dropdown-menu { - bottom: auto; - top: 35px; - -webkit-transform: translateY(0); - transform: translateY(0); + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-actions { + min-width: 150px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:first-child + th { + padding-top: 22px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:first-child + td { + padding-top: 28px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:last-child + td, +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:last-child + th { + padding-bottom: 22px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:last-child + .directorist-dropdown + .directorist-dropdown-menu { + bottom: 100%; + top: auto; + transform: translateY(-15px); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:first-child + .directorist-dropdown + .directorist-dropdown-menu { + bottom: auto; + top: 35px; + transform: translateY(0); } .directorist-user-dashboard-tabcontent .directorist-listing-table tr td, .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - padding: 12.5px 22px; - border: 0 none; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + padding: 12.5px 22px; + border: 0 none; } .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - letter-spacing: 1.1px; - font-size: 12px; - font-weight: 500; - color: #8f8e9f; - text-transform: uppercase; - border-bottom: 1px solid #eff1f6; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__img { - margin-right: 12px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__img img { - width: 44px; - height: 44px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 6px; - max-width: inherit; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-title { - margin: 0 0 5px; - font-size: 15px; - font-weight: 500; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-title a { - color: #0a0b1e; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-price { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge { - font-size: 12px; - font-weight: 700; - border-radius: 4px; - padding: 3px 7px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.primary { - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_publish { - color: var(--directorist-color-success); - background-color: rgba(var(--directorist-color-success-rgb), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_pending { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning-rgb), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_private { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger-rgb), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.danger { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.warning { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a { - font-size: 13px; - text-decoration: none; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn { - color: var(--directorist-color-info); - font-weight: 500; - margin-right: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-info); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-white); - font-weight: 500; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more i, -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more span, -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more svg { - position: relative; - top: 1.5px; - margin-right: 5px; - font-size: 14px; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-checkbox label { - margin-bottom: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown { - position: relative; - border: 0 none; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown .directorist-dropdown-menu { - position: absolute; - right: 0; - top: 35px; - opacity: 0; - visibility: hidden; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); - box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown .directorist-dropdown-menu.active { - opacity: 1; - visibility: visible; - z-index: 22; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu { - min-width: 230px; - border: 1px solid #eff1f6; - padding: 0 0 10px 0; - border-radius: 6px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list { - position: relative; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list:not(:last-child) { - padding-bottom: 10px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list:not(:last-child):after { - position: absolute; - left: 20px; - bottom: 0; - width: calc(100% - 40px); - height: 1px; - background-color: #eff1f6; - content: ""; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item { - padding: 10px 20px; - font-size: 14px; - color: var(--directorist-color-body); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - text-decoration: none; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item:hover { - background-color: #f6f7f9; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item:first-child { - margin-top: 10px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item i { - font-size: 15px; - margin-right: 14px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox { - padding: 10px 20px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox:first-child { - margin-top: 10px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox label { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist_dashboard_rating li:not(:last-child) { - margin-right: 4px; + letter-spacing: 1.1px; + font-size: 12px; + font-weight: 500; + color: #8f8e9f; + text-transform: uppercase; + border-bottom: 1px solid #eff1f6; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info { + display: flex; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__img { + margin-right: 12px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__img + img { + width: 44px; + height: 44px; + object-fit: cover; + border-radius: 6px; + max-width: inherit; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content { + flex: 1; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content + .directorist-title { + margin: 0 0 5px; + font-size: 15px; + font-weight: 500; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content + .directorist-title + a { + color: #0a0b1e; + box-shadow: none; + text-decoration: none; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content + .directorist-price { + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge { + font-size: 12px; + font-weight: 700; + border-radius: 4px; + padding: 3px 7px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.primary { + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.directorist_status_publish { + color: var(--directorist-color-success); + background-color: rgba(var(--directorist-color-success-rgb), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.directorist_status_pending { + color: var(--directorist-color-warning); + background-color: rgba(var(--directorist-color-warning-rgb), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.directorist_status_private { + color: var(--directorist-color-danger); + background-color: rgba(var(--directorist-color-danger-rgb), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.danger { + color: var(--directorist-color-danger); + background-color: rgba(var(--directorist-color-danger), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.warning { + color: var(--directorist-color-warning); + background-color: rgba(var(--directorist-color-warning), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions { + display: flex; + align-items: center; + justify-content: flex-end; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a { + font-size: 13px; + text-decoration: none; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a.directorist-link-btn { + color: var(--directorist-color-info); + font-weight: 500; + margin-right: 20px; + display: flex; + align-items: center; + gap: 5px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a.directorist-link-btn + .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-info); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more { + display: inline-flex; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-white); + font-weight: 500; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more + i, +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more + span, +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more + svg { + position: relative; + top: 1.5px; + margin-right: 5px; + font-size: 14px; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-checkbox + label { + margin-bottom: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown { + position: relative; + border: 0 none; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown + .directorist-dropdown-menu { + position: absolute; + right: 0; + top: 35px; + opacity: 0; + visibility: hidden; + background-color: var(--directorist-color-white); + box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown + .directorist-dropdown-menu.active { + opacity: 1; + visibility: visible; + z-index: 22; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu { + min-width: 230px; + border: 1px solid #eff1f6; + padding: 0 0 10px 0; + border-radius: 6px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list { + position: relative; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list:not(:last-child) { + padding-bottom: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list:not(:last-child):after { + position: absolute; + left: 20px; + bottom: 0; + width: calc(100% - 40px); + height: 1px; + background-color: #eff1f6; + content: ""; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item { + padding: 10px 20px; + font-size: 14px; + color: var(--directorist-color-body); + display: flex; + text-decoration: none; + flex-wrap: wrap; + align-items: center; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item:hover { + background-color: #f6f7f9; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item:first-child { + margin-top: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item + i { + font-size: 15px; + margin-right: 14px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist_custom-checkbox { + padding: 10px 20px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist_custom-checkbox:first-child { + margin-top: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist_custom-checkbox + label { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist_dashboard_rating + li:not(:last-child) { + margin-right: 4px; } .directorist-user-dashboard-tabcontent .directorist_dashboard_category ul { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.directorist-user-dashboard-tabcontent .directorist_dashboard_category li:not(:last-child) { - margin-right: 0px; - margin-bottom: 4px; + flex-direction: column; + align-items: flex-start; +} +.directorist-user-dashboard-tabcontent + .directorist_dashboard_category + li:not(:last-child) { + margin-right: 0px; + margin-bottom: 4px; } .directorist-user-dashboard-tabcontent .directorist_dashboard_category li i, -.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.fas, -.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.fa, -.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.la { - font-size: 15px; - margin-right: 4px; +.directorist-user-dashboard-tabcontent + .directorist_dashboard_category + li + span.fas, +.directorist-user-dashboard-tabcontent + .directorist_dashboard_category + li + span.fa, +.directorist-user-dashboard-tabcontent + .directorist_dashboard_category + li + span.la { + font-size: 15px; + margin-right: 4px; } .directorist-user-dashboard-tabcontent .directorist_dashboard_category li a { - padding: 0; + padding: 0; } .directorist-user-dashboard-tabcontent .directorist-dashboard-pagination { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - margin: 2px 22px 0 22px; - padding: 30px 0 40px; - border-top: 1px solid #eff1f6; -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers { - margin: 4px; - padding: 0; - line-height: normal; - height: 40px; - min-height: 40px; - width: 40px; - min-width: 40px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border: 2px solid var(--directorist-color-border); - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-transition: 0.3s; - transition: 0.3s; - color: var(--directorist-color-body); - text-align: center; - margin: 4px; - right: auto; - float: none; - font-size: 15px; - text-decoration: none; -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers:hover, .directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers.current { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers:hover .directorist-icon-mask:after, .directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers.current .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-body); -} - -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { - min-width: 218px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type { - min-width: 95px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { - min-width: 140px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status { - min-width: 115px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan { - min-width: 120px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions { - min-width: 155px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr td, -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - padding: 12px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn { - margin-right: 15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + margin: 2px 22px 0 22px; + padding: 30px 0 40px; + border-top: 1px solid #eff1f6; +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers { + margin: 4px; + padding: 0; + line-height: normal; + height: 40px; + min-height: 40px; + width: 40px; + min-width: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + border: 2px solid var(--directorist-color-border); + border-radius: 8px; + background-color: var(--directorist-color-white); + transition: 0.3s; + color: var(--directorist-color-body); + text-align: center; + margin: 4px; + right: auto; + float: none; + font-size: 15px; + text-decoration: none; +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers:hover, +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers.current { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers:hover + .directorist-icon-mask:after, +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers.current + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-body); +} + +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing { + min-width: 218px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing-type { + min-width: 95px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-ex-date { + min-width: 140px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-status { + min-width: 115px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist_table-plan { + min-width: 120px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-actions { + min-width: 155px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + td, +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th { + padding: 12px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a.directorist-link-btn { + margin-right: 15px; + display: flex; + align-items: center; } .directorist-table-responsive { - display: block !important; - width: 100%; - overflow-x: auto; - overflow-y: visible; + display: block !important; + width: 100%; + overflow-x: auto; + overflow-y: visible; } @media (max-width: 767px) { - .directorist-user-dashboard-tab .directorist-user-dashboard-tab__nav { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - padding-bottom: 20px; - } - .directorist-user-dashboard-search { - margin-top: 15px; - } + .directorist-user-dashboard-tab .directorist-user-dashboard-tab__nav { + flex-flow: column; + padding-bottom: 20px; + } + .directorist-user-dashboard-search { + margin-top: 15px; + } } .atbdp__draft { - line-height: 24px; - display: inline-block; - font-size: 12px; - font-weight: 500; - padding: 0 10px; - border-radius: 10px; - margin-top: 9px; - color: var(--directorist-color-primary); - background: rgba(var(--directorist-color-primary), 0.1); + line-height: 24px; + display: inline-block; + font-size: 12px; + font-weight: 500; + padding: 0 10px; + border-radius: 10px; + margin-top: 9px; + color: var(--directorist-color-primary); + background: rgba(var(--directorist-color-primary), 0.1); } /* become author modal */ .directorist-become-author-modal { - position: fixed; - width: 100%; - height: 100%; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - left: 0; - top: 0; - z-index: 9999; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - opacity: 0; - pointer-events: none; + position: fixed; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + left: 0; + top: 0; + z-index: 9999; + display: flex; + align-items: center; + justify-content: center; + visibility: hidden; + opacity: 0; + pointer-events: none; } .directorist-become-author-modal.directorist-become-author-modal__show { - visibility: visible; - opacity: 1; - pointer-events: all; + visibility: visible; + opacity: 1; + pointer-events: all; } .directorist-become-author-modal__content { - background-color: var(--directorist-color-white); - border-radius: 5px; - padding: 20px 30px 15px; - text-align: center; - position: relative; + background-color: var(--directorist-color-white); + border-radius: 5px; + padding: 20px 30px 15px; + text-align: center; + position: relative; } .directorist-become-author-modal__content p { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } .directorist-become-author-modal__content h3 { - font-size: 20px; -} -.directorist-become-author-modal__content .directorist-become-author-modal__approve { - background-color: #3e62f5; - display: inline-block; - color: var(--directorist-color-white); - text-align: center; - margin: 10px 5px 0 5px; - min-width: 100px; - padding: 8px 0 !important; - border-radius: 3px; -} -.directorist-become-author-modal__content .directorist-become-author-modal__approve:focus { - background-color: #3e62f5 !important; -} -.directorist-become-author-modal__content .directorist-become-author-modal__cancel { - background-color: #eee; - display: inline-block; - text-align: center; - margin: 10px 5px 0 5px; - min-width: 100px; - padding: 8px 0 !important; - border-radius: 3px; + font-size: 20px; +} +.directorist-become-author-modal__content + .directorist-become-author-modal__approve { + background-color: #3e62f5; + display: inline-block; + color: var(--directorist-color-white); + text-align: center; + margin: 10px 5px 0 5px; + min-width: 100px; + padding: 8px 0 !important; + border-radius: 3px; +} +.directorist-become-author-modal__content + .directorist-become-author-modal__approve:focus { + background-color: #3e62f5 !important; +} +.directorist-become-author-modal__content + .directorist-become-author-modal__cancel { + background-color: #eee; + display: inline-block; + text-align: center; + margin: 10px 5px 0 5px; + min-width: 100px; + padding: 8px 0 !important; + border-radius: 3px; } .directorist-become-author-modal span.directorist-become-author__loader { - border: 2px solid var(--directorist-color-primary); - width: 15px; - height: 15px; - display: inline-block; - border-radius: 50%; - border-right: 2px solid var(--directorist-color-white); - -webkit-animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - visibility: hidden; - opacity: 0; + border: 2px solid var(--directorist-color-primary); + width: 15px; + height: 15px; + display: inline-block; + border-radius: 50%; + border-right: 2px solid var(--directorist-color-white); + animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + visibility: hidden; + opacity: 0; } .directorist-become-author-modal span.directorist-become-author__loader.active { - visibility: visible; - opacity: 1; + visibility: visible; + opacity: 1; } #directorist-become-author-success { - color: #388e3c !important; - margin-bottom: 15px !important; + color: #388e3c !important; + margin-bottom: 15px !important; } .directorist-shade { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - display: none; - opacity: 0; - z-index: -1; - background-color: var(--directorist-color-white); + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + display: none; + opacity: 0; + z-index: -1; + background-color: var(--directorist-color-white); } .directorist-shade.directorist-active { - display: block; - z-index: 21; + display: block; + z-index: 21; } .table.atbd_single_saved_item { - margin: 0; - background-color: var(--directorist-color-white); - border-collapse: collapse; - width: 100%; - min-width: 240px; + margin: 0; + background-color: var(--directorist-color-white); + border-collapse: collapse; + width: 100%; + min-width: 240px; } .table.atbd_single_saved_item td, .table.atbd_single_saved_item th, .table.atbd_single_saved_item tr { - border: 1px solid #ececec; + border: 1px solid #ececec; } .table.atbd_single_saved_item td { - padding: 0 15px; + padding: 0 15px; } .table.atbd_single_saved_item td p { - margin: 5px 0; + margin: 5px 0; } .table.atbd_single_saved_item th { - text-align: left; - padding: 5px 15px; + text-align: left; + padding: 5px 15px; } .table.atbd_single_saved_item .action a.btn { - text-decoration: none; - font-size: 14px; - padding: 8px 15px; - border-radius: 8px; - display: inline-block; + text-decoration: none; + font-size: 14px; + padding: 8px 15px; + border-radius: 8px; + display: inline-block; } .directorist-user-dashboard__nav { - min-width: 230px; - padding: 20px 10px; - margin-right: 30px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - position: relative; - left: 0; - border-radius: 12px; - overflow: hidden; - overflow-y: auto; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + min-width: 230px; + padding: 20px 10px; + margin-right: 30px; + transition: 0.3s ease; + position: relative; + left: 0; + border-radius: 12px; + overflow: hidden; + overflow-y: auto; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } @media only screen and (max-width: 1199px) { - .directorist-user-dashboard__nav { - position: fixed; - top: 0; - left: 0; - width: 230px; - height: 100vh; - background-color: var(--directorist-color-white); - padding-top: 100px; - -webkit-box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1); - box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1); - z-index: 2222; - } + .directorist-user-dashboard__nav { + position: fixed; + top: 0; + left: 0; + width: 230px; + height: 100vh; + background-color: var(--directorist-color-white); + padding-top: 100px; + box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1); + z-index: 2222; + } } @media only screen and (max-width: 600px) { - .directorist-user-dashboard__nav { - right: 20px; - top: 10px; - } + .directorist-user-dashboard__nav { + right: 20px; + top: 10px; + } } .directorist-user-dashboard__nav .directorist-dashboard__nav__close { - display: none; - position: absolute; - right: 15px; - top: 50px; + display: none; + position: absolute; + right: 15px; + top: 50px; } @media only screen and (max-width: 1199px) { - .directorist-user-dashboard__nav .directorist-dashboard__nav__close { - display: block; - } + .directorist-user-dashboard__nav .directorist-dashboard__nav__close { + display: block; + } } @media only screen and (max-width: 600px) { - .directorist-user-dashboard__nav .directorist-dashboard__nav__close { - right: 20px; - top: 10px; - } + .directorist-user-dashboard__nav .directorist-dashboard__nav__close { + right: 20px; + top: 10px; + } } .directorist-user-dashboard__nav.directorist-dashboard-nav-collapsed { - min-width: unset; - width: 0 !important; - height: 0; - margin-right: 0; - left: -230px; - visibility: hidden; - opacity: 0; - padding: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + min-width: unset; + width: 0 !important; + height: 0; + margin-right: 0; + left: -230px; + visibility: hidden; + opacity: 0; + padding: 0; + pointer-events: none; + transition: 0.3s ease; } .directorist-tab__nav__items { - list-style-type: none; - padding: 0; - margin: 0; + list-style-type: none; + padding: 0; + margin: 0; } .directorist-tab__nav__items a { - text-decoration: none; + text-decoration: none; } .directorist-tab__nav__items li { - margin: 0; + margin: 0; } .directorist-tab__nav__items li ul { - display: none; - list-style-type: none; - padding: 0; - margin: 0; + display: none; + list-style-type: none; + padding: 0; + margin: 0; } .directorist-tab__nav__items li ul li a { - padding-left: 25px; - text-decoration: none; + padding-left: 25px; + text-decoration: none; } .directorist-tab__nav__link { - font-size: 14px; - border-radius: 4px; - padding: 10px; - outline: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: var(--directorist-color-body); - text-decoration: none; + font-size: 14px; + border-radius: 4px; + padding: 10px; + outline: 0; + display: flex; + justify-content: space-between; + align-items: center; + color: var(--directorist-color-body); + text-decoration: none; } .directorist-tab__nav__link .directorist_menuItem-text { - pointer-events: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-tab__nav__link .directorist_menuItem-text .directorist_menuItem-icon { - line-height: 0; + pointer-events: none; + display: flex; + gap: 10px; + flex-wrap: wrap; + align-items: center; +} +.directorist-tab__nav__link + .directorist_menuItem-text + .directorist_menuItem-icon { + line-height: 0; } .directorist-tab__nav__link .directorist_menuItem-text i, .directorist-tab__nav__link .directorist_menuItem-text span.fa { - pointer-events: none; - display: inline-block; - margin-right: 10px; + pointer-events: none; + display: inline-block; + margin-right: 10px; } -.directorist-tab__nav__link.directorist-tab__nav__active, .directorist-tab__nav__link:focus { - font-weight: 700; - background-color: var(--directorist-color-border); - color: var(--directorist-color-primary); +.directorist-tab__nav__link.directorist-tab__nav__active, +.directorist-tab__nav__link:focus { + font-weight: 700; + background-color: var(--directorist-color-border); + color: var(--directorist-color-primary); } -.directorist-tab__nav__link.directorist-tab__nav__active .directorist-icon-mask:after, .directorist-tab__nav__link:focus .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); +.directorist-tab__nav__link.directorist-tab__nav__active + .directorist-icon-mask:after, +.directorist-tab__nav__link:focus .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } -.directorist-tab__nav__link.directorist-tab__nav__active.atbd-dash-nav-dropdown, .directorist-tab__nav__link:focus.atbd-dash-nav-dropdown { - background-color: transparent; +.directorist-tab__nav__link.directorist-tab__nav__active.atbd-dash-nav-dropdown, +.directorist-tab__nav__link:focus.atbd-dash-nav-dropdown { + background-color: transparent; } /* user dashboard sidebar nav action */ .directorist-tab__nav__action { - margin-top: 15px; + margin-top: 15px; } .directorist-tab__nav__action .directorist-btn { - display: block; + display: block; } .directorist-tab__nav__action .directorist-btn:not(:last-child) { - margin-bottom: 15px; + margin-bottom: 15px; } /* user dashboard tab style */ .directorist-tab__pane { - display: none; + display: none; } .directorist-tab__pane.directorist-tab__pane--active { - display: block; + display: block; } -#dashboard_profile #user_profile_form.directorist-profile-responsive .directorist-col-lg-3 { - width: 100%; +#dashboard_profile + #user_profile_form.directorist-profile-responsive + .directorist-col-lg-3 { + width: 100%; } -#dashboard_profile #user_profile_form.directorist-profile-responsive .directorist-col-lg-9 { - width: 100%; +#dashboard_profile + #user_profile_form.directorist-profile-responsive + .directorist-col-lg-9 { + width: 100%; } .directorist-image-profile-wrap { - padding: 25px; - background-color: var(--directorist-color-white); - border-radius: 12px; - border: 1px solid #ececec; + padding: 25px; + background-color: var(--directorist-color-white); + border-radius: 12px; + border: 1px solid #ececec; } .directorist-image-profile-wrap .ezmu__upload-button-wrap .ezmu__btn { - border-radius: 8px; - padding: 10.5px 30px; - background-color: #f6f7f9; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); + border-radius: 8px; + padding: 10.5px 30px; + background-color: #f6f7f9; + box-shadow: 0 0; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); } .directorist-image-profile-wrap .directorist-profile-uploader { - border-radius: 12px; -} -.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__front-item__close-icon { - background-image: none; -} -.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__front-item__close-icon .directorist-icon-mask::after { - width: 16px; - height: 16px; -} -.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__loading-icon-img-bg { - background-image: none; - background-color: var(--directorist-color-primary); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/d3eaad4748ac9cd2b7ca.svg); - mask-image: url(../js/d3eaad4748ac9cd2b7ca.svg); -} -.directorist-image-profile-wrap .ezmu__thumbnail-list-item.ezmu__thumbnail_avater { - max-width: 140px; + border-radius: 12px; +} +.directorist-image-profile-wrap + .directorist-profile-uploader + .ezmu__front-item__close-icon { + background-image: none; +} +.directorist-image-profile-wrap + .directorist-profile-uploader + .ezmu__front-item__close-icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; +} +.directorist-image-profile-wrap + .directorist-profile-uploader + .ezmu__loading-icon-img-bg { + background-image: none; + background-color: var(--directorist-color-primary); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/232acb97ace4f437ace78cc02bdfd165.svg); +} +.directorist-image-profile-wrap + .ezmu__thumbnail-list-item.ezmu__thumbnail_avater { + max-width: 140px; } .directorist-user-profile-box .directorist-card__header { - padding: 18px 20px; + padding: 18px 20px; } .directorist-user-profile-box .directorist-card__body { - padding: 25px 25px 30px 25px; + padding: 25px 25px 30px 25px; } .directorist-user-info-wrap .directorist-form-group { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-user-info-wrap .directorist-form-group > label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-bottom: 5px; -} -.directorist-user-info-wrap .directorist-form-group .directorist-input-extra-info { - color: var(--directorist-color-light-gray); - display: inline-block; - font-size: 14px; - font-weight: 400; - margin-top: 4px; + display: inline-flex; + margin-bottom: 5px; +} +.directorist-user-info-wrap + .directorist-form-group + .directorist-input-extra-info { + color: var(--directorist-color-light-gray); + display: inline-block; + font-size: 14px; + font-weight: 400; + margin-top: 4px; } .directorist-user-info-wrap .directorist-btn-profile-save { - width: 100%; - text-align: center; - text-transform: capitalize; - text-decoration: none; + width: 100%; + text-align: center; + text-transform: capitalize; + text-decoration: none; } .directorist-user-info-wrap #directorist-profile-notice .directorist-alert { - margin-top: 15px; + margin-top: 15px; } /* User Preferences */ -.directorist-user_preferences .directorist-preference-toggle .directorist-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; -} -.directorist-user_preferences .directorist-preference-toggle .directorist-form-group label { - margin-bottom: 0; - color: var(--directorist-color-dark); - font-size: 14px; - font-weight: 400; -} -.directorist-user_preferences .directorist-preference-toggle .directorist-form-group input { - margin: 0; -} -.directorist-user_preferences .directorist-preference-toggle .directorist-toggle-label { - font-size: 14px; - color: var(--directorist-color-dark); - font-weight: 600; - line-height: normal; +.directorist-user_preferences + .directorist-preference-toggle + .directorist-form-group { + display: flex; + align-items: center; + gap: 10px; +} +.directorist-user_preferences + .directorist-preference-toggle + .directorist-form-group + label { + margin-bottom: 0; + color: var(--directorist-color-dark); + font-size: 14px; + font-weight: 400; +} +.directorist-user_preferences + .directorist-preference-toggle + .directorist-form-group + input { + margin: 0; +} +.directorist-user_preferences + .directorist-preference-toggle + .directorist-toggle-label { + font-size: 14px; + color: var(--directorist-color-dark); + font-weight: 600; + line-height: normal; } .directorist-user_preferences .directorist-preference-radio { - margin-top: 25px; -} -.directorist-user_preferences .directorist-preference-radio .directorist-preference-radio__label { - color: var(--directorist-color-dark); - font-weight: 700; - font-size: 14px; - margin-bottom: 10px; -} -.directorist-user_preferences .directorist-preference-radio .directorist-radio-wrapper { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 12px; -} -.directorist-user_preferences .select2.select2-container.select2-container--default .select2-selection__arrow b, -.directorist-user_preferences .select2-selection__arrow, .directorist-user_preferences .select2-selection__clear { - display: block !important; -} -.directorist-user_preferences .select2.select2-container.select2-container--default.select2-container--open .select2-selection { - border-bottom-color: var(--directorist-color-primary); + margin-top: 25px; +} +.directorist-user_preferences + .directorist-preference-radio + .directorist-preference-radio__label { + color: var(--directorist-color-dark); + font-weight: 700; + font-size: 14px; + margin-bottom: 10px; +} +.directorist-user_preferences + .directorist-preference-radio + .directorist-radio-wrapper { + flex-direction: column; + gap: 12px; +} +.directorist-user_preferences + .select2.select2-container.select2-container--default + .select2-selection__arrow + b, +.directorist-user_preferences .select2-selection__arrow, +.directorist-user_preferences .select2-selection__clear { + display: block !important; +} +.directorist-user_preferences + .select2.select2-container.select2-container--default.select2-container--open + .select2-selection { + border-bottom-color: var(--directorist-color-primary); } /* Directorist Toggle */ .directorist-toggle { - cursor: pointer; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; + cursor: pointer; + display: inline-flex; + align-items: center; + gap: 10px; } .directorist-toggle-switch { - display: inline-block; - background: var(--directorist-color-border); - border-radius: 12px; - width: 44px; - height: 22px; - position: relative; - vertical-align: middle; - -webkit-transition: background 0.25s; - transition: background 0.25s; -} -.directorist-toggle-switch:before, .directorist-toggle-switch:after { - content: ""; + display: inline-block; + background: var(--directorist-color-border); + border-radius: 12px; + width: 44px; + height: 22px; + position: relative; + vertical-align: middle; + transition: background 0.25s; +} +.directorist-toggle-switch:before, +.directorist-toggle-switch:after { + content: ""; } .directorist-toggle-switch:before { - display: block; - background: white; - border-radius: 50%; - width: 16px; - height: 16px; - position: absolute; - top: 3px; - left: 4px; - -webkit-transition: left 0.25s; - transition: left 0.25s; + display: block; + background: white; + border-radius: 50%; + width: 16px; + height: 16px; + position: absolute; + top: 3px; + left: 4px; + transition: left 0.25s; } .directorist-toggle:hover .directorist-toggle-switch:before { - background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)); - background: linear-gradient(to bottom, #fff 0%, #fff 100%); + background: linear-gradient(to bottom, #fff 0%, #fff 100%); } .directorist-toggle-checkbox:checked + .directorist-toggle-switch { - background: var(--directorist-color-primary); + background: var(--directorist-color-primary); } .directorist-toggle-checkbox:checked + .directorist-toggle-switch:before { - left: 25px; + left: 25px; } .directorist-toggle-checkbox { - position: absolute; - visibility: hidden; + position: absolute; + visibility: hidden; } .directorist-user-socials .directorist-user-social-label { - font-size: 18px; - padding-bottom: 18px; - margin-bottom: 28px !important; - border-bottom: 1px solid #eff1f6; + font-size: 18px; + padding-bottom: 18px; + margin-bottom: 28px !important; + border-bottom: 1px solid #eff1f6; } .directorist-user-socials label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + align-items: center; } .directorist-user-socials label .directorist-social-icon { - margin-right: 6px; + margin-right: 6px; } -.directorist-user-socials label .directorist-social-icon .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #0a0b1e; +.directorist-user-socials + label + .directorist-social-icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: #0a0b1e; } #directorist-prifile-notice .directorist-alert { - width: 100%; - display: inline-block; - margin-top: 15px; + width: 100%; + display: inline-block; + margin-top: 15px; } .directorist-announcement-wrapper { - background-color: var(--directorist-color-white); - border-radius: 12px; - padding: 20px 10px; - -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); - box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); + background-color: var(--directorist-color-white); + border-radius: 12px; + padding: 20px 10px; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); } .directorist-announcement-wrapper .directorist-announcement { - font-size: 15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-bottom: 15.5px; - margin-bottom: 15.5px; - border-bottom: 1px solid #f1f2f6; + font-size: 15px; + display: flex; + align-items: center; + padding-bottom: 15.5px; + margin-bottom: 15.5px; + border-bottom: 1px solid #f1f2f6; } .directorist-announcement-wrapper .directorist-announcement:last-child { - padding-bottom: 0; - margin-bottom: 0; - border-bottom: 0 none; + padding-bottom: 0; + margin-bottom: 0; + border-bottom: 0 none; } @media (max-width: 479px) { - .directorist-announcement-wrapper .directorist-announcement { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-announcement-wrapper .directorist-announcement { + flex-direction: column; + } } .directorist-announcement-wrapper .directorist-announcement__date { - -webkit-box-flex: 0.4217; - -webkit-flex: 0.4217; - -ms-flex: 0.4217; - flex: 0.4217; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background-color: #f5f6f8; - border-radius: 6px; - padding: 10.5px; - min-width: 120px; + flex: 0.4217; + display: flex; + flex-direction: column; + align-items: center; + background-color: #f5f6f8; + border-radius: 6px; + padding: 10.5px; + min-width: 120px; } @media (max-width: 1199px) { - .directorist-announcement-wrapper .directorist-announcement__date { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - } + .directorist-announcement-wrapper .directorist-announcement__date { + flex: 1; + } } @media (max-width: 479px) { - .directorist-announcement-wrapper .directorist-announcement__date { - -webkit-box-flex: 100%; - -webkit-flex: 100%; - -ms-flex: 100%; - flex: 100%; - width: 100%; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-announcement-wrapper .directorist-announcement__date { + flex: 100%; + width: 100%; + flex-direction: row; + justify-content: center; + } } .directorist-announcement-wrapper .directorist-announcement__date__part-one { - font-size: 18px; - line-height: 1.2; - font-weight: 500; - color: #171b2e; + font-size: 18px; + line-height: 1.2; + font-weight: 500; + color: #171b2e; } .directorist-announcement-wrapper .directorist-announcement__date__part-two { - font-size: 14px; - font-weight: 400; - color: #5a5f7d; + font-size: 14px; + font-weight: 400; + color: #5a5f7d; } .directorist-announcement-wrapper .directorist-announcement__date__part-three { - font-size: 14px; - font-weight: 500; - color: #171b2e; + font-size: 14px; + font-weight: 500; + color: #171b2e; } .directorist-announcement-wrapper .directorist-announcement__content { - -webkit-box-flex: 8; - -webkit-flex: 8; - -ms-flex: 8; - flex: 8; - padding-left: 15px; + flex: 8; + padding-left: 15px; } @media (max-width: 1199px) { - .directorist-announcement-wrapper .directorist-announcement__content { - -webkit-box-flex: 6; - -webkit-flex: 6; - -ms-flex: 6; - flex: 6; - } + .directorist-announcement-wrapper .directorist-announcement__content { + flex: 6; + } } @media (max-width: 479px) { - .directorist-announcement-wrapper .directorist-announcement__content { - padding-left: 0; - margin: 12px 0 6px; - text-align: center; - } -} -.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title { - font-size: 18px; - font-weight: 500; - color: var(--directorist-color-primary); - margin-bottom: 6px; - margin-top: 0; -} -.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title p { - font-size: 14px; - font-weight: 400; - color: #69708e; -} -.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title p:empty { - display: none; + .directorist-announcement-wrapper .directorist-announcement__content { + padding-left: 0; + margin: 12px 0 6px; + text-align: center; + } +} +.directorist-announcement-wrapper + .directorist-announcement__content + .directorist-announcement__title { + font-size: 18px; + font-weight: 500; + color: var(--directorist-color-primary); + margin-bottom: 6px; + margin-top: 0; +} +.directorist-announcement-wrapper + .directorist-announcement__content + .directorist-announcement__title + p { + font-size: 14px; + font-weight: 400; + color: #69708e; +} +.directorist-announcement-wrapper + .directorist-announcement__content + .directorist-announcement__title + p:empty { + display: none; } .directorist-announcement-wrapper .directorist-announcement__content p:empty { - display: none; + display: none; } .directorist-announcement-wrapper .directorist-announcement__close { - -webkit-box-flex: 0; - -webkit-flex: 0; - -ms-flex: 0; - flex: 0; -} -.directorist-announcement-wrapper .directorist-announcement__close .close-announcement { - height: 36px; - width: 36px; - border-radius: 50%; - background-color: #f5f5f5; - border: 0 none; - padding: 0; - -webkit-transition: 0.35s; - transition: 0.35s; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-announcement-wrapper .directorist-announcement__close .close-announcement .directorist-icon-mask::after { - -webkit-transition: 0.35s; - transition: 0.35s; - background-color: #474868; -} -.directorist-announcement-wrapper .directorist-announcement__close .close-announcement:hover { - background-color: var(--directorist-color-danger); -} -.directorist-announcement-wrapper .directorist-announcement__close .close-announcement:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + flex: 0; +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement { + height: 36px; + width: 36px; + border-radius: 50%; + background-color: #f5f5f5; + border: 0 none; + padding: 0; + transition: 0.35s; + display: inline-flex; + align-items: center; + justify-content: center; +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement + .directorist-icon-mask::after { + transition: 0.35s; + background-color: #474868; +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement:hover { + background-color: var(--directorist-color-danger); +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-announcement-wrapper .directorist_not-found { - margin: 0; + margin: 0; } .directorist-announcement-count { - display: none; - border-radius: 30px; - min-width: 20px; - height: 20px; - line-height: 20px; - color: var(--directorist-color-white); - text-align: center; - margin: 0 10px; - vertical-align: middle; - background-color: #ff3c3c; + display: none; + border-radius: 30px; + min-width: 20px; + height: 20px; + line-height: 20px; + color: var(--directorist-color-white); + text-align: center; + margin: 0 10px; + vertical-align: middle; + background-color: #ff3c3c; } .directorist-announcement-count.show { - display: inline-block; + display: inline-block; } .directorist-payment-instructions, .directorist-payment-thanks-text { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-payment-instructions { - margin-bottom: 38px; + margin-bottom: 38px; } .directorist-payment-thanks-text { - font-size: 15px; + font-size: 15px; } .directorist-payment-table .directorist-table { - margin: 0; - border: none; + margin: 0; + border: none; } .directorist-payment-table th { - font-size: 14px; - font-weight: 500; - text-align: left; - padding: 9px 20px; - border: none; - color: var(--directorist-color-dark); - background-color: var(--directorist-color-bg-gray); + font-size: 14px; + font-weight: 500; + text-align: left; + padding: 9px 20px; + border: none; + color: var(--directorist-color-dark); + background-color: var(--directorist-color-bg-gray); } .directorist-payment-table tbody td { - font-size: 14px; - font-weight: 500; - padding: 5px 0; - vertical-align: top; - border: none; - color: var(--directorist-color-dark); + font-size: 14px; + font-weight: 500; + padding: 5px 0; + vertical-align: top; + border: none; + color: var(--directorist-color-dark); } .directorist-payment-table tbody tr:first-child td { - padding-top: 20px; + padding-top: 20px; } .directorist-payment-table__label { - font-weight: 400; - width: 140px; - color: var(--directorist-color-light-gray) !important; + font-weight: 400; + width: 140px; + color: var(--directorist-color-light-gray) !important; } .directorist-payment-table__title { - font-size: 15px; - font-weight: 600; - margin: 0 0 10px !important; - text-transform: capitalize; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 600; + margin: 0 0 10px !important; + text-transform: capitalize; + color: var(--directorist-color-dark); } .directorist-payment-table__title.directorist-payment-table__title--large { - font-size: 16px; + font-size: 16px; } .directorist-payment-table p { - font-size: 13px; - margin: 0; - color: var(--directorist-color-light-gray); + font-size: 13px; + margin: 0; + color: var(--directorist-color-light-gray); } .directorist-payment-summery-table tbody td { - padding: 12px 0; + padding: 12px 0; } .directorist-payment-summery-table tbody td:nth-child(even) { - text-align: right; + text-align: right; } .directorist-payment-summery-table tbody tr.directorsit-payment-table-total td, -.directorist-payment-summery-table tbody tr.directorsit-payment-table-total .directorist-payment-table__title { - font-size: 16px; +.directorist-payment-summery-table + tbody + tr.directorsit-payment-table-total + .directorist-payment-table__title { + font-size: 16px; } .directorist-btn-view-listing { - min-height: 54px; - border-radius: 10px; + min-height: 54px; + border-radius: 10px; } .directorist-checkout-card { - -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); - box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); - -webkit-filter: none; - filter: none; + box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); + filter: none; } .directorist-checkout-card tr:not(:last-child) td { - padding-bottom: 15px; - border-bottom: 1px solid var(--directorist-color-border); + padding-bottom: 15px; + border-bottom: 1px solid var(--directorist-color-border); } .directorist-checkout-card tr:not(:first-child) td { - padding-top: 15px; + padding-top: 15px; } .directorist-checkout-card .directorist-card__header { - padding: 24px 40px; + padding: 24px 40px; } .directorist-checkout-card .directorist-card__header__title { - font-size: 24px; - font-weight: 600; + font-size: 24px; + font-weight: 600; } @media (max-width: 575px) { - .directorist-checkout-card .directorist-card__header__title { - font-size: 18px; - } + .directorist-checkout-card .directorist-card__header__title { + font-size: 18px; + } } .directorist-checkout-card .directorist-card__body { - padding: 20px 40px 40px; + padding: 20px 40px 40px; } .directorist-checkout-card .directorist-summery-label { - font-size: 15px; - font-weight: 500; - color: var(--color-dark); + font-size: 15px; + font-weight: 500; + color: var(--color-dark); } .directorist-checkout-card .directorist-summery-label-description { - font-size: 13px; - margin-top: 4px; - color: var(--directorist-color-light-gray); + font-size: 13px; + margin-top: 4px; + color: var(--directorist-color-light-gray); } .directorist-checkout-card .directorist-summery-amount { - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-body); + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-body); } .directorist-payment-gateways { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-payment-gateways ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist-payment-gateways li { - list-style-type: none; - padding: 0; - margin: 0; + list-style-type: none; + padding: 0; + margin: 0; } .directorist-payment-gateways li:not(:last-child) { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-payment-gateways li .gateway_list { - margin-bottom: 10px; -} -.directorist-payment-gateways .directorist-radio input[type=radio] + .directorist-radio__label { - font-size: 16px; - font-weight: 500; - line-height: 1.15; - color: var(--directorist-color-dark); -} -.directorist-payment-gateways .directorist-card__body .directorist-payment-text { - font-size: 14px; - font-weight: 400; - line-height: 1.86; - margin-top: 4px; - color: var(--directorist-color-body); + margin-bottom: 10px; +} +.directorist-payment-gateways + .directorist-radio + input[type="radio"] + + .directorist-radio__label { + font-size: 16px; + font-weight: 500; + line-height: 1.15; + color: var(--directorist-color-dark); +} +.directorist-payment-gateways + .directorist-card__body + .directorist-payment-text { + font-size: 14px; + font-weight: 400; + line-height: 1.86; + margin-top: 4px; + color: var(--directorist-color-body); } .directorist-payment-action { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 42px -7px -7px -7px; + flex-wrap: wrap; + margin: 42px -7px -7px -7px; } .directorist-payment-action .directorist-btn { - min-height: 54px; - padding: 0 80px; - border-radius: 8px; - margin: 7px; - max-width: none; - width: auto; - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 8px; + min-height: 54px; + padding: 0 80px; + border-radius: 8px; + margin: 7px; + max-width: none; + width: auto; + position: relative; + display: flex; + align-items: center; + justify-content: center; + gap: 8px; } @media (max-width: 1399px) { - .directorist-payment-action .directorist-btn { - padding: 0 40px; - } + .directorist-payment-action .directorist-btn { + padding: 0 40px; + } } @media (max-width: 1199px) { - .directorist-payment-action .directorist-btn { - padding: 0 30px; - } + .directorist-payment-action .directorist-btn { + padding: 0 30px; + } } .directorist-payment-action .directorist-btn .directorist-btn-text { - display: inline-block; + display: inline-block; } .directorist-payment-action .directorist-btn .directorist-btn-spinner { - display: none; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-payment-action .directorist-btn .directorist-btn-spinner .directorist-spinner { - -webkit-animation: directorist-spin 1s linear infinite; - animation: directorist-spin 1s linear infinite; + display: none; + align-items: center; + justify-content: center; } -.directorist-payment-action .directorist-btn:disabled { - cursor: not-allowed; - opacity: 0.7; +.directorist-payment-action + .directorist-btn + .directorist-btn-spinner + .directorist-spinner { + animation: directorist-spin 1s linear infinite; } - -@-webkit-keyframes directorist-spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } +.directorist-payment-action .directorist-btn:disabled { + cursor: not-allowed; + opacity: 0.7; } @keyframes directorist-spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } } .directorist-summery-total .directorist-summery-label, .directorist-summery-total .directorist-summery-amount { - font-size: 18px; - font-weight: 500; - color: var(--color-dark); + font-size: 18px; + font-weight: 500; + color: var(--color-dark); } .directorist-iframe { - border: none; + border: none; } .ads-advanced .bottom-inputs { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } /*responsive css */ @media (min-width: 992px) and (max-width: 1199px) { - .atbd_content_active .widget.atbd_widget .atbdp, - .atbd_content_active .widget.atbd_widget .directorist, - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbdp, - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .directorist { - padding: 20px 20px 15px; - } - .atbd_content_active #directorist.atbd_wrapper .atbdp_column { - width: 33.3333% !important; - } - #directorist.atbd_wrapper .atbdp_col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; - max-width: 25%; - } + .atbd_content_active .widget.atbd_widget .atbdp, + .atbd_content_active .widget.atbd_widget .directorist, + .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbdp, + .atbd_content_active + #directorist.atbd_wrapper + .widget.atbd_widget + .directorist { + padding: 20px 20px 15px; + } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 33.3333% !important; + } + #directorist.atbd_wrapper .atbdp_col-5 { + flex: 0 0 25%; + max-width: 25%; + } } @media (min-width: 768px) and (max-width: 991px) { - .atbd_content_active #directorist.atbd_wrapper .atbdp_column { - width: 50% !important; - } - .atbd_content_active #directorist.atbd_wrapper.dashboard_area .user_pro_img_area .user_img .ezmu__thumbnail-img { - height: 114px; - width: 114px !important; - } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 50% !important; + } + .atbd_content_active + #directorist.atbd_wrapper.dashboard_area + .user_pro_img_area + .user_img + .ezmu__thumbnail-img { + height: 114px; + width: 114px !important; + } } @media (max-width: 991px) { - .ads-advanced .price-frequency { - margin-left: -2px; - } - #directorist.atbd_wrapper .atbdp_col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-width: 33.33%; - } - .ads-advanced .atbdp-custom-fields-search .form-group { - width: 50%; - } - .ads-advanced .atbd_seach_fields_wrapper .single_search_field { - margin-bottom: 10px; - margin-top: 0 !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form { - margin-left: -15px; - margin-right: -15px; - } + .ads-advanced .price-frequency { + margin-left: -2px; + } + #directorist.atbd_wrapper .atbdp_col-5 { + flex: 0 0 33.33%; + max-width: 33.33%; + } + .ads-advanced .atbdp-custom-fields-search .form-group { + width: 50%; + } + .ads-advanced .atbd_seach_fields_wrapper .single_search_field { + margin-bottom: 10px; + margin-top: 0 !important; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form { + margin-left: -15px; + margin-right: -15px; + } } @media (max-width: 767px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - margin-top: 0; - margin-top: 10px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field:last-child { - margin-top: 0; - margin-bottom: 0; - } - #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline .single_search_field { - border-right: 0; - } - #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline { - padding-right: 0; - } - #directorist .atbd_listing_details .atbd_area_title { - margin-bottom: 15px; - } - .atbd_content_active #directorist.atbd_wrapper .atbdp_column { - width: 50% !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { - padding: 20px 15px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta { - margin-top: 30px; - } - .ads-advanced .bottom-inputs > div { - width: 50%; - } - #directorist.atbd_wrapper .atbdp_col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-width: 33.33%; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_directry_gallery_wrapper .atbd_big_gallery img { - width: 100%; - } - .atbd_content_active #directorist.atbd_wrapper.atbd_add_listing_wrapper #atbdp_socialInFo .atbdp_social_field_wrapper .form-group { - margin-bottom: 15px; - } - .atbd_content_active #directorist.atbd_wrapper.atbd_add_listing_wrapper .atbdp_faqs_wrapper .form-group { - margin-bottom: 15px; - } - .atbd_content_active #directorist.atbd_wrapper.dashboard_area .user_pro_img_area { - margin-bottom: 30px; - } - .ads-advanced .atbdp-custom-fields-search .form-group { - width: 100%; - } - .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_select label, - .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_date label, - .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_time label, - .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_color label { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - } - .ads-advanced .bdas-filter-actions { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } - .edit_btn_wrap .atbdp_float_active { - bottom: 80px; - } - .edit_btn_wrap .atbdp_float_active .btn { - font-size: 15px !important; - padding: 13px 30px !important; - line-height: 20px !important; - } - .nav_button { - z-index: 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field { - padding-left: 0 !important; - padding-right: 0 !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_content_module_title_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap, - .atbd_content_active #directorist.atbd_wrapper .atbd_content_module__tittle_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap { - left: auto; - right: 0; - } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form + .single_search_field { + flex: 0 0 100%; + margin-top: 0; + margin-top: 10px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form + .single_search_field:last-child { + margin-top: 0; + margin-bottom: 0; + } + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form.atbdp-search-form-inline + .single_search_field { + border-right: 0; + } + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form.atbdp-search-form-inline { + padding-right: 0; + } + #directorist .atbd_listing_details .atbd_area_title { + margin-bottom: 15px; + } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 50% !important; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { + padding: 20px 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_meta { + margin-top: 30px; + } + .ads-advanced .bottom-inputs > div { + width: 50%; + } + #directorist.atbd_wrapper .atbdp_col-5 { + flex: 0 0 33.33%; + max-width: 33.33%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_directry_gallery_wrapper + .atbd_big_gallery + img { + width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper.atbd_add_listing_wrapper + #atbdp_socialInFo + .atbdp_social_field_wrapper + .form-group { + margin-bottom: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper.atbd_add_listing_wrapper + .atbdp_faqs_wrapper + .form-group { + margin-bottom: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper.dashboard_area + .user_pro_img_area { + margin-bottom: 30px; + } + .ads-advanced .atbdp-custom-fields-search .form-group { + width: 100%; + } + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_select label, + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_date label, + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_time label, + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_color label { + flex: none; + } + .ads-advanced .bdas-filter-actions { + flex-wrap: wrap; + } + .edit_btn_wrap .atbdp_float_active { + bottom: 80px; + } + .edit_btn_wrap .atbdp_float_active .btn { + font-size: 15px !important; + padding: 13px 30px !important; + line-height: 20px !important; + } + .nav_button { + z-index: 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form + .single_search_field { + padding-left: 0 !important; + padding-right: 0 !important; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module_title_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module__tittle_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap { + left: auto; + right: 0; + } } @media (max-width: 650px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { - padding-top: 30px; - padding-bottom: 27px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar, - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - text-align: center; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar img { - width: 80px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd { - margin: 10px 0 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd p { - text-align: center; - } + .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { + padding-top: 30px; + padding-bottom: 27px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_meta { + flex: none; + width: 100%; + justify-content: center; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar { + align-items: center; + flex-direction: column; + text-align: center; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + img { + width: 80px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd { + margin: 10px 0 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd + p { + text-align: center; + } } @media (max-width: 575px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-align: center; - width: 100%; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd { - margin-top: 10px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta { - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } - .atbd_content_active #directorist.atbd_wrapper.dashboard_area .atbd_saved_items_wrapper .atbd_single_saved_item { - border: 0 none; - padding: 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbdp_column { - width: 100% !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_author_listings_area { - display: block; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_author_listings_area .atbd_author_filter_area { - margin-top: 15px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd { - margin-left: 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields > li { - display: block; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_title, - .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_content { - width: 100%; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_content { - border: 0 none; - padding-top: 0; - padding-right: 30px; - padding-left: 30px; - } - .ads-advanced .bottom-inputs > div { - width: 100%; - } - .ads-advanced .price_ranges, - .ads-advanced .select-basic, - .ads-advanced .bads-tags, - .ads-advanced .bads-custom-checks, - .ads-advanced .atbdp_custom_radios, - .ads-advanced .wp-picker-container, - .ads-advanced .form-group > .form-control, - .ads-advanced .atbdp-custom-fields-search .form-group .form-control { - -webkit-box-flex: 1; - -webkit-flex: auto; - -ms-flex: auto; - flex: auto; - width: 100% !important; - } - .ads-advanced .form-group label { - margin-bottom: 10px !important; - } - .ads-advanced .more-less, - .ads-advanced .more-or-less { - text-align: left; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn { - margin-left: 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } - #directorist.atbd_wrapper .atbdp_col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - max-width: 100%; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - margin: 5px 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title h3 { - margin-right: 10px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn { - margin: 5px 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_embeded_video { - margin-bottom: 0; - } - .ads-advanced .bdas-filter-actions .btn { - margin-top: 5px !important; - margin-bottom: 5px !important; - } - .atbdpr-range .atbd_slider-range-wrapper { - margin: 0; - } - .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range, - .atbdpr-range .atbd_slider-range-wrapper .d-flex { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - width: 100%; - } - .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range { - margin-left: 0; - margin-right: 0; - } - .atbdpr-range .atbd_slider-range-wrapper .d-flex { - padding: 0 !important; - margin: 5px 0 0 !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_single_listing.atbd_listing_list .atbd_single_listing_wrapper { - display: block; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_single_listing.atbd_listing_list .atbd_single_listing_wrapper .atbd_listing_thumbnail_area img { - border-radius: 3px 3px 0 0; - } - .edit_btn_wrap .atbdp_float_active { - right: 0; - bottom: 0; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 0; - } - .edit_btn_wrap .atbdp_float_active .btn { - margin: 0 5px !important; - font-size: 15px !important; - padding: 10px 20px !important; - line-height: 18px !important; - } - .atbd_post_draft { - padding-bottom: 80px; - } - .ads-advanced .atbd_seach_fields_wrapper .single_search_field { - margin-bottom: 10px !important; - margin-top: 0 !important; - } - .atbd-listing-tags .atbdb_content_module_contents ul li { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - } - #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline { - padding-right: 0; - } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar { + flex-wrap: wrap; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd { + margin-top: 10px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_meta { + width: 100%; + justify-content: center; + } + .atbd_content_active + #directorist.atbd_wrapper.dashboard_area + .atbd_saved_items_wrapper + .atbd_single_saved_item { + border: 0 none; + padding: 0; + } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 100% !important; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_author_listings_area { + display: block; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_author_listings_area + .atbd_author_filter_area { + margin-top: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd { + margin-left: 0; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields > li { + display: block; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_custom_fields + .atbd_custom_field_title, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_custom_fields + .atbd_custom_field_content { + width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_custom_fields + .atbd_custom_field_content { + border: 0 none; + padding-top: 0; + padding-right: 30px; + padding-left: 30px; + } + .ads-advanced .bottom-inputs > div { + width: 100%; + } + .ads-advanced .price_ranges, + .ads-advanced .select-basic, + .ads-advanced .bads-tags, + .ads-advanced .bads-custom-checks, + .ads-advanced .atbdp_custom_radios, + .ads-advanced .wp-picker-container, + .ads-advanced .form-group > .form-control, + .ads-advanced .atbdp-custom-fields-search .form-group .form-control { + flex: auto; + width: 100% !important; + } + .ads-advanced .form-group label { + margin-bottom: 10px !important; + } + .ads-advanced .more-less, + .ads-advanced .more-or-less { + text-align: left; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_listing_action_btn { + margin-left: 0; + flex-wrap: wrap; + } + #directorist.atbd_wrapper .atbdp_col-5 { + flex: 0 0 100%; + max-width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title { + flex-wrap: wrap; + justify-content: flex-start; + margin: 5px 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title + h3 { + margin-right: 10px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_listing_action_btn { + margin: 5px 0; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_embeded_video { + margin-bottom: 0; + } + .ads-advanced .bdas-filter-actions .btn { + margin-top: 5px !important; + margin-bottom: 5px !important; + } + .atbdpr-range .atbd_slider-range-wrapper { + margin: 0; + } + .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range, + .atbdpr-range .atbd_slider-range-wrapper .d-flex { + flex: none; + width: 100%; + } + .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range { + margin-left: 0; + margin-right: 0; + } + .atbdpr-range .atbd_slider-range-wrapper .d-flex { + padding: 0 !important; + margin: 5px 0 0 !important; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_single_listing.atbd_listing_list + .atbd_single_listing_wrapper { + display: block; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_single_listing.atbd_listing_list + .atbd_single_listing_wrapper + .atbd_listing_thumbnail_area + img { + border-radius: 3px 3px 0 0; + } + .edit_btn_wrap .atbdp_float_active { + right: 0; + bottom: 0; + width: 100%; + display: flex; + align-items: center; + justify-content: center; + border-radius: 0; + } + .edit_btn_wrap .atbdp_float_active .btn { + margin: 0 5px !important; + font-size: 15px !important; + padding: 10px 20px !important; + line-height: 18px !important; + } + .atbd_post_draft { + padding-bottom: 80px; + } + .ads-advanced .atbd_seach_fields_wrapper .single_search_field { + margin-bottom: 10px !important; + margin-top: 0 !important; + } + .atbd-listing-tags .atbdb_content_module_contents ul li { + flex: 0 0 50%; + } + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form.atbdp-search-form-inline { + padding-right: 0; + } } /* Utility */ .adbdp-d-none { - display: none; + display: none; } .atbdp-px-5 { - padding: 0 5px !important; + padding: 0 5px !important; } .atbdp-mx-5 { - margin: 0 5px !important; + margin: 0 5px !important; } .atbdp-form-actions { - margin: 30px 0; - text-align: center; + margin: 30px 0; + text-align: center; } .atbdp-icon { - display: inline-block; + display: inline-block; } .atbdp-icon-large { - display: block; - margin-bottom: 20px; - font-size: 45px; - text-align: center; + display: block; + margin-bottom: 20px; + font-size: 45px; + text-align: center; } @media (max-width: 400px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title .more-filter, - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title h3 { - margin-top: 3px; - margin-bottom: 3px; - } - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper, - .atbd_content_active .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper { - left: -90px; - } - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_listing_info .atbd_listing_category .atbd_cat_popup .atbd_cat_popup_wrapper:before, - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper:before, - .atbd_content_active .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper:before { - left: auto; - right: 15px; - } - .atbd_content_active #directorist.atbd_wrapper .at-modal .atm-contents-inner .dcl_pricing_plan .atbd_plan_core_features span { - display: block; - margin-right: 0; - padding-right: 0; - padding-left: 15px; - } - .atbd_content_active #directorist.atbd_wrapper .at-modal .atm-contents-inner .dcl_pricing_plan .atbd_plan_core_features span:after { - content: "-" !important; - right: auto; - left: 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_saved_items_wrapper .thumb_title .img_wrapper img { - max-width: none; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_content_module_title_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap, - .atbd_content_active #directorist.atbd_wrapper .atbd_content_module__tittle_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap { - right: -40px; - } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title + .more-filter, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title + h3 { + margin-top: 3px; + margin-bottom: 3px; + } + .atbd_content_active + #directorist.atbd_wrapper + .widget.atbd_widget + .atbd_categorized_listings + ul + li + .atbd_right_content + .atbd_cat_popup + .atbd_cat_popup_wrapper, + .atbd_content_active + .widget.atbd_widget + .atbd_categorized_listings + ul + li + .atbd_right_content + .atbd_cat_popup + .atbd_cat_popup_wrapper { + left: -90px; + } + .atbd_content_active + #directorist.atbd_wrapper + .widget.atbd_widget + .atbd_listing_info + .atbd_listing_category + .atbd_cat_popup + .atbd_cat_popup_wrapper:before, + .atbd_content_active + #directorist.atbd_wrapper + .widget.atbd_widget + .atbd_categorized_listings + ul + li + .atbd_right_content + .atbd_cat_popup + .atbd_cat_popup_wrapper:before, + .atbd_content_active + .widget.atbd_widget + .atbd_categorized_listings + ul + li + .atbd_right_content + .atbd_cat_popup + .atbd_cat_popup_wrapper:before { + left: auto; + right: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .at-modal + .atm-contents-inner + .dcl_pricing_plan + .atbd_plan_core_features + span { + display: block; + margin-right: 0; + padding-right: 0; + padding-left: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .at-modal + .atm-contents-inner + .dcl_pricing_plan + .atbd_plan_core_features + span:after { + content: "-" !important; + right: auto; + left: 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_saved_items_wrapper + .thumb_title + .img_wrapper + img { + max-width: none; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module_title_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module__tittle_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap { + right: -40px; + } } @media (max-width: 340px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_listing_action_btn .dropdown { - margin-top: 3px; - margin-bottom: 3px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_listing_action_btn .dropdown + .dropdown { - margin-left: 0; - } - .atbd-listing-tags .atbdb_content_module_contents ul li { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_listing_action_btn { + display: flex; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_listing_action_btn + .dropdown { + margin-top: 3px; + margin-bottom: 3px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_listing_action_btn + .dropdown + + .dropdown { + margin-left: 0; + } + .atbd-listing-tags .atbdb_content_module_contents ul li { + flex: 0 0 100%; + } } @media only screen and (max-width: 1199px) { - .directorist-search-contents .directorist-search-form-top { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } - .directorist-search-contents .directorist-search-form-top .directorist-search-form-action { - margin-top: 15px; - margin-bottom: 15px; - } + .directorist-search-contents .directorist-search-form-top { + justify-content: center; + } + .directorist-search-contents + .directorist-search-form-top + .directorist-search-form-action { + margin-top: 15px; + margin-bottom: 15px; + } } @media only screen and (max-width: 575px) { - .directorist-modal__dialog { - width: calc(100% - 30px) !important; - } - .directorist-advanced-filter__basic__element { - width: 100%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } - .directorist-author-profile-wrap .directorist-card__body { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-modal__dialog { + width: calc(100% - 30px) !important; + } + .directorist-advanced-filter__basic__element { + width: 100%; + flex: 0 0 100%; + } + .directorist-author-profile-wrap .directorist-card__body { + justify-content: center; + } } @media only screen and (max-width: 479px) { - .directorist-user-dashboard-tab .directorist-user-dashboard-search { - margin-left: 0; - margin-top: 30px; - } + .directorist-user-dashboard-tab .directorist-user-dashboard-search { + margin-left: 0; + margin-top: 30px; + } } @media only screen and (max-width: 375px) { - .directorist-user-dashboard-tab ul { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding-left: 0; - } - .directorist-user-dashboard-tab ul li { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } - .directorist-user-dashboard-tab ul li a { - padding-bottom: 5px; - } - .directorist-user-dashboard-tab .directorist-user-dashboard-search { - margin-left: 0; - } - .directorist-author-profile-wrap .directorist-author-avatar { - display: block; - } - .directorist-author-profile-wrap .directorist-author-avatar img { - margin-bottom: 15px; - } - .directorist-author-profile-wrap .directorist-author-avatar { - text-align: center; - } - .directorist-author-profile-wrap .directorist-author-avatar .directorist-author-avatar__info { - text-align: center; - } - .directorist-author-profile-wrap .directorist-author-avatar .directorist-author-avatar__info p { - text-align: center; - } - .directorist-author-profile-wrap .directorist-author-avatar img { - margin-right: 0; - display: inline-block; - } -} - -/*# sourceMappingURL=all-listings.css.map*/ \ No newline at end of file + .directorist-user-dashboard-tab ul { + flex-wrap: wrap; + padding-left: 0; + } + .directorist-user-dashboard-tab ul li { + flex: 0 0 100%; + } + .directorist-user-dashboard-tab ul li a { + padding-bottom: 5px; + } + .directorist-user-dashboard-tab .directorist-user-dashboard-search { + margin-left: 0; + } + .directorist-author-profile-wrap .directorist-author-avatar { + display: block; + } + .directorist-author-profile-wrap .directorist-author-avatar img { + margin-bottom: 15px; + } + .directorist-author-profile-wrap .directorist-author-avatar { + text-align: center; + } + .directorist-author-profile-wrap + .directorist-author-avatar + .directorist-author-avatar__info { + text-align: center; + } + .directorist-author-profile-wrap + .directorist-author-avatar + .directorist-author-avatar__info + p { + text-align: center; + } + .directorist-author-profile-wrap .directorist-author-avatar img { + margin-right: 0; + display: inline-block; + } +} + +/*# sourceMappingURL=all-listings.css.map*/ diff --git a/assets/css/all-listings.rtl.css b/assets/css/all-listings.rtl.css index 81743a1d0f..065426ceff 100644 --- a/assets/css/all-listings.rtl.css +++ b/assets/css/all-listings.rtl.css @@ -1,997 +1,961 @@ -/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\ - !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/public/main-style.scss ***! - \*****************************************************************************************************************************************************************************************************************************************************************************************************/ +/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/.pnpm/css-loader@3.6.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/.pnpm/resolve-url-loader@3.1.5/node_modules/resolve-url-loader/index.js!./node_modules/.pnpm/postcss-loader@3.0.0/node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.91.0_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/public/main-style.scss ***! + \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* typography */ -@-webkit-keyframes rotate360 { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } -} @keyframes rotate360 { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(-360deg); + } } @-webkit-keyframes atbd_spin { - 0% { - -webkit-transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(-360deg); - } + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(-360deg); + } } @keyframes atbd_spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } -} -@-webkit-keyframes atbd_spin2 { - 0% { - -webkit-transform: translate(50%, -50%) rotate(0deg); - transform: translate(50%, -50%) rotate(0deg); - } - 100% { - -webkit-transform: translate(50%, -50%) rotate(-360deg); - transform: translate(50%, -50%) rotate(-360deg); - } + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(-360deg); + } } @keyframes atbd_spin2 { - 0% { - -webkit-transform: translate(50%, -50%) rotate(0deg); - transform: translate(50%, -50%) rotate(0deg); - } - 100% { - -webkit-transform: translate(50%, -50%) rotate(-360deg); - transform: translate(50%, -50%) rotate(-360deg); - } -} -@-webkit-keyframes atbd_scale { - 0% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } + 0% { + transform: translate(50%, -50%) rotate(0deg); + } + 100% { + transform: translate(50%, -50%) rotate(-360deg); + } } @keyframes atbd_scale { - 0% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } + 0% { + transform: scale(0.8); + } + 100% { + transform: scale(1); + } } -.reset-pseudo-link:visited, .reset-pseudo-link:active, .reset-pseudo-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; +.reset-pseudo-link:visited, +.reset-pseudo-link:active, +.reset-pseudo-link:focus { + outline: none; + box-shadow: none; } .cptm-shortcodes { - max-height: 300px; - overflow: scroll; + max-height: 300px; + overflow: scroll; } .directorist-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-center-content-inline { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: inline-flex; } .directorist-center-content, .directorist-center-content-inline { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; } .directorist-text-right { - text-align: left; + text-align: left; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-text-left { - text-align: right; + text-align: right; } .directorist-mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .directorist-mt-5 { - margin-top: 5px !important; + margin-top: 5px !important; } .directorist-mt-10 { - margin-top: 10px !important; + margin-top: 10px !important; } .directorist-mt-15 { - margin-top: 15px !important; + margin-top: 15px !important; } .directorist-mt-20 { - margin-top: 20px !important; + margin-top: 20px !important; } .directorist-mt-30 { - margin-top: 30px !important; + margin-top: 30px !important; } .directorist-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-25 { - margin-bottom: 25px !important; + margin-bottom: 25px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-n20 { - margin-bottom: -20px !important; + margin-bottom: -20px !important; } .directorist-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .directorist-mb-15 { - margin-bottom: 15px !important; + margin-bottom: 15px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-40 { - margin-bottom: 40px !important; + margin-bottom: 40px !important; } .directorist-mb-50 { - margin-bottom: 50px !important; + margin-bottom: 50px !important; } .directorist-mb-70 { - margin-bottom: 70px !important; + margin-bottom: 70px !important; } .directorist-mb-80 { - margin-bottom: 80px !important; + margin-bottom: 80px !important; } .directorist-pb-100 { - padding-bottom: 100px !important; + padding-bottom: 100px !important; } .directorist-w-100 { - width: 100% !important; - max-width: 100% !important; + width: 100% !important; + max-width: 100% !important; } .directorist-flex { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-flex-wrap { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .directorist-align-center { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + align-items: center; } .directorist-justify-content-center { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .directorist-justify-content-between { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; } .directorist-justify-content-around { - -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - justify-content: space-around; + justify-content: space-around; } .directorist-justify-content-start { - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; } .directorist-justify-content-end { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; } .directorist-display-none { - display: none; + display: none; } .directorist-icon-mask:after { - content: ""; - display: block; - width: 18px; - height: 18px; - background-color: var(--directorist-color-dark); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: var(--directorist-icon); - mask-image: var(--directorist-icon); + content: ""; + display: block; + width: 18px; + height: 18px; + background-color: var(--directorist-color-dark); + mask-repeat: no-repeat; + mask-position: center; + mask-image: var(--directorist-icon); } .directorist-error__msg { - color: var(--directorist-color-danger); - font-size: 14px; + color: var(--directorist-color-danger); + font-size: 14px; } .directorist-content-active .entry-content .directorist-search-contents { - width: 100% !important; - max-width: 100% !important; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100% !important; + max-width: 100% !important; + box-sizing: border-box; } /* directorist module style */ .directorist-content-module { - border: 1px solid var(--directorist-color-border); + border: 1px solid var(--directorist-color-border); } .directorist-content-module__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 15px 40px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - min-height: 36px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: flex; + justify-content: space-between; + padding: 15px 40px; + align-items: center; + flex-wrap: wrap; + min-height: 36px; + box-sizing: border-box; } @media (max-width: 480px) { - .directorist-content-module__title { - padding: 20px; - } + .directorist-content-module__title { + padding: 20px; + } } .directorist-content-module__title h2 { - margin: 0 !important; - font-size: 16px; - font-weight: 500; - line-height: 1.2; + margin: 0 !important; + font-size: 16px; + font-weight: 500; + line-height: 1.2; } .directorist-content-module__contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 40px 0; - padding: 30px 40px 40px; - border-top: 1px solid var(--directorist-color-border); + display: flex; + flex-direction: column; + gap: 40px 0; + padding: 30px 40px 40px; + border-top: 1px solid var(--directorist-color-border); } @media (max-width: 480px) { - .directorist-content-module__contents { - padding: 20px; - } -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-wrap { - margin-top: -30px; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs { - position: relative; - bottom: -7px; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs .wp-switch-editor { - margin: 0; - border: none; - border-radius: 5px; - padding: 5px 10px 12px; - background: transparent; - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .html-active .switch-html, -.directorist-content-module__contents .directorist-form-description-field .tmce-active .switch-tmce { - background-color: #f6f7f7; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-container { - border: none; - border-bottom: 1px solid var(--directorist-color-border); -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-container input { - background: transparent !important; - color: var(--directorist-color-body) !important; - border-color: var(--directorist-color-border); -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-area { - border: none; - resize: none; - min-height: 238px; -} -.directorist-content-module__contents .directorist-form-description-field .mce-top-part::before { - display: none; -} -.directorist-content-module__contents .directorist-form-description-field .mce-stack-layout { - border: none; - padding: 0; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar-grp, -.directorist-content-module__contents .directorist-form-description-field .quicktags-toolbar { - border: none; - padding: 8px 12px; - border-radius: 8px; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-ico { - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn button, -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn-group .mce-btn.mce-listbox { - background: transparent; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-menubtn.mce-fixed-width span.mce-txt { - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .mce-statusbar { - display: none; -} -.directorist-content-module__contents .directorist-form-description-field #wp-listing_content-editor-tools { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-content-module__contents .directorist-form-description-field iframe { - max-width: 100%; -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn { - width: 100%; - gap: 10px; - padding-right: 40px; -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn i::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-btn); -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover i::after { - background-color: var(--directorist-color-white); -} -.directorist-content-module__contents .directorist-form-social-info-field select { - color: var(--directorist-color-primary); -} -.directorist-content-module__contents .directorist-checkbox .directorist-checkbox__label { - margin-right: 0; + .directorist-content-module__contents { + padding: 20px; + } +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-wrap { + margin-top: -30px; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-tabs { + position: relative; + bottom: -7px; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-tabs + .wp-switch-editor { + margin: 0; + border: none; + border-radius: 5px; + padding: 5px 10px 12px; + background: transparent; + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .html-active + .switch-html, +.directorist-content-module__contents + .directorist-form-description-field + .tmce-active + .switch-tmce { + background-color: #f6f7f7; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-container { + border: none; + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-container + input { + background: transparent !important; + color: var(--directorist-color-body) !important; + border-color: var(--directorist-color-border); +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-area { + border: none; + resize: none; + min-height: 238px; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-top-part::before { + display: none; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-stack-layout { + border: none; + padding: 0; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar-grp, +.directorist-content-module__contents + .directorist-form-description-field + .quicktags-toolbar { + border: none; + padding: 8px 12px; + border-radius: 8px; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-ico { + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-btn + button, +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-btn-group + .mce-btn.mce-listbox { + background: transparent; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-menubtn.mce-fixed-width + span.mce-txt { + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-statusbar { + display: none; +} +.directorist-content-module__contents + .directorist-form-description-field + #wp-listing_content-editor-tools { + display: flex; + justify-content: flex-end; +} +.directorist-content-module__contents + .directorist-form-description-field + iframe { + max-width: 100%; +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn { + width: 100%; + gap: 10px; + padding-right: 40px; +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn + i::after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-btn); +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn:hover + i::after { + background-color: var(--directorist-color-white); +} +.directorist-content-module__contents + .directorist-form-social-info-field + select { + color: var(--directorist-color-primary); +} +.directorist-content-module__contents + .directorist-checkbox + .directorist-checkbox__label { + margin-right: 0; } .directorist-content-active #directorist.atbd_wrapper { - max-width: 100%; + max-width: 100%; } .directorist-content-active #directorist.atbd_wrapper .atbd_header_bar { - margin-bottom: 35px; + margin-bottom: 35px; } #directorist-dashboard-preloader { - display: none; + display: none; } .directorist-form-required { - color: var(--directorist-color-danger); + color: var(--directorist-color-danger); } .directory_register_form_wrap .dgr_show_recaptcha { - margin-bottom: 20px; + margin-bottom: 20px; } .directory_register_form_wrap .dgr_show_recaptcha > p { - font-size: 16px; - color: var(--directorist-color-primary); - font-weight: 600; - margin-bottom: 8px !important; + font-size: 16px; + color: var(--directorist-color-primary); + font-weight: 600; + margin-bottom: 8px !important; } .directory_register_form_wrap a { - text-decoration: none; + text-decoration: none; } .atbd_login_btn_wrapper .directorist-btn { - line-height: 2.55; - padding-top: 0; - padding-bottom: 0; + line-height: 2.55; + padding-top: 0; + padding-bottom: 0; } -.atbd_login_btn_wrapper .keep_signed.directorist-checkbox .directorist-checkbox__label { - color: var(--directorist-color-primary); +.atbd_login_btn_wrapper + .keep_signed.directorist-checkbox + .directorist-checkbox__label { + color: var(--directorist-color-primary); } .atbdp_login_form_shortcode .directorist-form-group label { - display: inline-block; - margin-bottom: 5px; + display: inline-block; + margin-bottom: 5px; } .atbdp_login_form_shortcode a { - text-decoration: none; + text-decoration: none; } .directory_register_form_wrap .directorist-form-group label { - display: inline-block; - margin-bottom: 5px; + display: inline-block; + margin-bottom: 5px; } .directory_register_form_wrap .directorist-btn { - line-height: 2.55; - padding-top: 0; - padding-bottom: 0; + line-height: 2.55; + padding-top: 0; + padding-bottom: 0; } .directorist-quick-login .directorist-form-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + gap: 15px; + align-items: center; } .atbd_success_mesage > p i { - top: 2px; - margin-left: 5px; - position: relative; - display: inline-block; + top: 2px; + margin-left: 5px; + position: relative; + display: inline-block; } .directorist-loader { - position: relative; + position: relative; } .directorist-loader:before { - position: absolute; - content: ""; - left: 20px; - top: 31%; - border: 2px solid var(--directorist-color-white); - border-radius: 50%; - border-top: 2px solid var(--directorist-color-primary); - width: 20px; - height: 20px; - -webkit-animation: atbd_spin 2s linear infinite; - animation: atbd_spin 2s linear infinite; + position: absolute; + content: ""; + left: 20px; + top: 31%; + border: 2px solid var(--directorist-color-white); + border-radius: 50%; + border-top: 2px solid var(--directorist-color-primary); + width: 20px; + height: 20px; + animation: atbd_spin 2s linear infinite; } .plupload-upload-uic { - width: 420px; - margin: 0 auto !important; - border: 1px dashed var(--directorist-color-border-gray); - padding: 30px; + width: 420px; + margin: 0 auto !important; + border: 1px dashed var(--directorist-color-border-gray); + padding: 30px; } .plupload-upload-uic .atbdp-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; + font-weight: 500; + margin-bottom: 15px; + font-size: 15px; } .plupload-upload-uic .atbdp_button { - border: 1px solid var(--directorist-color-border); - background-color: var(--directorist-color-ss-bg-light); - font-size: 14px; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 40px !important; - padding: 0 30px !important; - height: auto !important; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - color: inherit; + border: 1px solid var(--directorist-color-border); + background-color: var(--directorist-color-ss-bg-light); + font-size: 14px; + box-shadow: none; + line-height: 40px !important; + padding: 0 30px !important; + height: auto !important; + transition: 0.3s ease; + color: inherit; } .plupload-upload-uic .atbdp-dropbox-file-types { - margin-top: 10px; - color: var(--directorist-color-deep-gray); + margin-top: 10px; + color: var(--directorist-color-deep-gray); } @media (max-width: 575px) { - .plupload-upload-uic { - width: 100%; - } + .plupload-upload-uic { + width: 100%; + } } .directorist-address-field .address_result, .directorist-form-address-field .address_result { - position: absolute; - right: 0; - top: 100%; - width: 100%; - max-height: 345px !important; - overflow-y: scroll; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); - box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); - z-index: 10; + position: absolute; + right: 0; + top: 100%; + width: 100%; + max-height: 345px !important; + overflow-y: scroll; + border-radius: 8px; + background-color: var(--directorist-color-white); + box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); + z-index: 10; } .directorist-address-field .address_result ul, .directorist-form-address-field .address_result ul { - list-style: none; - margin: 0; - padding: 0; - border-radius: 8px; + list-style: none; + margin: 0; + padding: 0; + border-radius: 8px; } .directorist-address-field .address_result li, .directorist-form-address-field .address_result li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; - margin: 0; - padding: 10px 20px; - border-bottom: 1px solid #eee; + display: flex; + align-items: center; + gap: 15px; + margin: 0; + padding: 10px 20px; + border-bottom: 1px solid #eee; } .directorist-address-field .address_result li a, .directorist-form-address-field .address_result li a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 15px; - font-size: 14px; - line-height: 18px; - padding: 0; - margin: 0; - color: #767792; - background-color: var(--directorist-color-white); - border-bottom: 1px solid #d9d9d9; - text-decoration: none; - -webkit-transition: color 0.3s ease, border 0.3s ease; - transition: color 0.3s ease, border 0.3s ease; + display: flex; + align-items: flex-start; + gap: 15px; + font-size: 14px; + line-height: 18px; + padding: 0; + margin: 0; + color: #767792; + background-color: var(--directorist-color-white); + border-bottom: 1px solid #d9d9d9; + text-decoration: none; + transition: + color 0.3s ease, + border 0.3s ease; } .directorist-address-field .address_result li a:hover, .directorist-form-address-field .address_result li a:hover { - color: var(--directorist-color-dark); - border-bottom: 1px dashed #e9e9e9; + color: var(--directorist-color-dark); + border-bottom: 1px dashed #e9e9e9; } .directorist-address-field .address_result li:last-child, .directorist-form-address-field .address_result li:last-child { - border: none; + border: none; } .directorist-address-field .address_result li:last-child a, .directorist-form-address-field .address_result li:last-child a { - border: none; + border: none; } .pac-container { - list-style: none; - margin: 0; - padding: 18px 5px 11px; - max-width: 270px; - min-width: 200px; - border-radius: 8px; + list-style: none; + margin: 0; + padding: 18px 5px 11px; + max-width: 270px; + min-width: 200px; + border-radius: 8px; } @media (max-width: 575px) { - .pac-container { - max-width: unset; - width: calc(100% - 30px) !important; - right: 30px !important; - } + .pac-container { + max-width: unset; + width: calc(100% - 30px) !important; + right: 30px !important; + } } .pac-container .pac-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 13px 7px; - padding: 0; - border: none; - background: unset; - cursor: pointer; + display: flex; + align-items: center; + margin: 0 13px 7px; + padding: 0; + border: none; + background: unset; + cursor: pointer; } .pac-container .pac-item span { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .pac-container .pac-item .pac-matched { - font-weight: 400; + font-weight: 400; } .pac-container .pac-item:hover span { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .pac-container .pac-icon-marker { - position: relative; - height: 36px; - width: 36px; - min-width: 36px; - border-radius: 8px; - margin: 0 0 0 15px; - background-color: var(--directorist-color-border-gray); + position: relative; + height: 36px; + width: 36px; + min-width: 36px; + border-radius: 8px; + margin: 0 0 0 15px; + background-color: var(--directorist-color-border-gray); } .pac-container .pac-icon-marker:after { - content: ""; - display: block; - width: 12px; - height: 20px; - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/c5960c249e03a1405b32.svg); - mask-image: url(../js/c5960c249e03a1405b32.svg); + content: ""; + display: block; + width: 12px; + height: 20px; + position: absolute; + right: 50%; + top: 50%; + transform: translate(50%, -50%); + background-color: var(--directorist-color-body); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); } .pac-container:after { - display: none; + display: none; } p.status:empty { - display: none; + display: none; } -.gateway_list input[type=radio] { - margin-left: 5px; +.gateway_list input[type="radio"] { + margin-left: 5px; } .directorist-checkout-form .directorist-container-fluid { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } .directorist-checkout-form ul { - list-style-type: none; + list-style-type: none; } .directorist-select select { - width: 100%; - height: 40px; - border: none; - color: var(--directorist-color-body); - border-bottom: 1px solid var(--directorist-color-border-gray); + width: 100%; + height: 40px; + border: none; + color: var(--directorist-color-body); + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-select select:focus { - outline: 0; + outline: 0; } .directorist-content-active .select2-container--open .select2-dropdown--above { - top: 0; - border-color: var(--directorist-color-border); + top: 0; + border-color: var(--directorist-color-border); } -body.logged-in.directorist-content-active .select2-container--open .select2-dropdown--above { - top: 32px; +body.logged-in.directorist-content-active + .select2-container--open + .select2-dropdown--above { + top: 32px; } .directorist-content-active .select2-container--default .select2-dropdown { - border: none; - border-radius: 10px !important; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + border: none; + border-radius: 10px !important; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } -.directorist-content-active .select2-container--default .select2-search--dropdown { - padding: 20px 20px 10px 20px; +.directorist-content-active + .select2-container--default + .select2-search--dropdown { + padding: 20px 20px 10px 20px; } .directorist-content-active .select2-container--default .select2-search__field { - padding: 10px 18px !important; - border-radius: 8px; - background: transparent; - color: var(--directorist-color-deep-gray); - border: 1px solid var(--directorist-color-border-gray) !important; + padding: 10px 18px !important; + border-radius: 8px; + background: transparent; + color: var(--directorist-color-deep-gray); + border: 1px solid var(--directorist-color-border-gray) !important; } -.directorist-content-active .select2-container--default .select2-search__field:focus { - outline: 0; +.directorist-content-active + .select2-container--default + .select2-search__field:focus { + outline: 0; } .directorist-content-active .select2-container--default .select2-results { - padding-bottom: 10px; -} -.directorist-content-active .select2-container--default .select2-results__option { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 15px; - padding: 6px 20px; - color: var(--directorist-color-body); - font-size: 14px; - line-height: 1.5; -} -.directorist-content-active .select2-container--default .select2-results__option--highlighted { - font-weight: 500; - color: var(--directorist-color-primary) !important; - background-color: transparent; -} -.directorist-content-active .select2-container--default .select2-results__message { - margin-bottom: 10px !important; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li { - margin-right: 0; - margin-top: 8.5px; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group { - margin-bottom: 0; - padding: 0; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group .form-control { - height: 24.5px; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field { - margin: 0; - max-width: none; - width: 100% !important; - padding: 0 !important; - border: none !important; -} -.directorist-content-active .select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: rgba(var(--directorist-color-primary-rgb), 0.1) !important; - font-weight: 400; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option { - margin: 0; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option[aria-selected=true] { - font-weight: 600; - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary-rgb), 0.1); - pointer-events: none; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask { - margin-left: 12px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); + padding-bottom: 10px; +} +.directorist-content-active + .select2-container--default + .select2-results__option { + display: flex; + justify-content: space-between; + gap: 15px; + padding: 6px 20px; + color: var(--directorist-color-body); + font-size: 14px; + line-height: 1.5; +} +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted { + font-weight: 500; + color: var(--directorist-color-primary) !important; + background-color: transparent; +} +.directorist-content-active + .select2-container--default + .select2-results__message { + margin-bottom: 10px !important; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li { + margin-right: 0; + margin-top: 8.5px; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li.select2-search--inline.form-group { + margin-bottom: 0; + padding: 0; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li.select2-search--inline.form-group + .form-control { + height: 24.5px; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li + .select2-search__field { + margin: 0; + max-width: none; + width: 100% !important; + padding: 0 !important; + border: none !important; +} +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted[aria-selected] { + background-color: rgba( + var(--directorist-color-primary-rgb), + 0.1 + ) !important; + font-weight: 400; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option { + margin: 0; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option[aria-selected="true"] { + font-weight: 600; + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.1); + pointer-events: none; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents { + display: flex; + align-items: center; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask { + margin-left: 12px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); } @media (max-width: 575px) { - .directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask { - width: 40px; - height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - background-color: var(--directorist-color-bg-light); - } -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-2 { - padding-right: 20px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-3 { - padding-right: 40px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-4 { - padding-right: 60px; -} -.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered { - opacity: 1; -} -.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-content-active .select2-container--default .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-body) !important; + .directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask { + width: 40px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 8px; + background-color: var(--directorist-color-bg-light); + } +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-2 { + padding-right: 20px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-3 { + padding-right: 40px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-4 { + padding-right: 60px; +} +.directorist-content-active + .select2-container--default + .select2-selection--single + .select2-selection__rendered { + opacity: 1; +} +.directorist-content-active + .select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + display: flex; + align-items: center; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-content-active + .select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-body) !important; } .custom-checkbox input { - display: none; -} -.custom-checkbox input[type=checkbox] + .check--select + label, -.custom-checkbox input[type=radio] + .radio--select + label { - min-width: 18px; - min-height: 18px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - padding-right: 28px; - padding-top: 3px; - padding-bottom: 3px; - margin-bottom: 0; - line-height: 1.2; - font-weight: 400; - color: var(--directorist-color-gray); -} -.custom-checkbox input[type=checkbox] + .check--select + label:before, -.custom-checkbox input[type=radio] + .radio--select + label:before { - position: absolute; - font-size: 10px; - right: 5px; - top: 5px; - font-weight: 900; - font-family: "Font Awesome 5 Free"; - content: "\f00c"; - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; -} -.custom-checkbox input[type=checkbox] + .check--select + label:after, -.custom-checkbox input[type=radio] + .radio--select + label:after { - position: absolute; - right: 0; - top: 3px; - width: 18px; - height: 18px; - content: ""; - background-color: var(--directorist-color-white); - border: 2px solid var(--directorist-color-border-gray); -} -.custom-checkbox input[type=radio] + .radio--select + label:before { - top: 8px; - font-size: 9px; -} -.custom-checkbox input[type=radio] + .radio--select + label:after { - border-radius: 50%; -} -.custom-checkbox input[type=radio] + .radio--select + label span { - color: var(--directorist-color-light-gray); -} -.custom-checkbox input[type=radio] + .radio--select + label span.active { - color: var(--directorist-color-warning); -} -.custom-checkbox input[type=checkbox]:checked + .check--select + label:after, -.custom-checkbox input[type=radio]:checked + .radio--select + label:after { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); -} -.custom-checkbox input[type=checkbox]:checked + .check--select + label:before, -.custom-checkbox input[type=radio]:checked + .radio--select + label:before { - opacity: 1; - color: var(--directorist-color-white); + display: none; +} +.custom-checkbox input[type="checkbox"] + .check--select + label, +.custom-checkbox input[type="radio"] + .radio--select + label { + min-width: 18px; + min-height: 18px; + font-size: 14px; + display: flex; + flex-flow: column; + position: relative; + padding-right: 28px; + padding-top: 3px; + padding-bottom: 3px; + margin-bottom: 0; + line-height: 1.2; + font-weight: 400; + color: var(--directorist-color-gray); +} +.custom-checkbox input[type="checkbox"] + .check--select + label:before, +.custom-checkbox input[type="radio"] + .radio--select + label:before { + position: absolute; + font-size: 10px; + right: 5px; + top: 5px; + font-weight: 900; + font-family: "Font Awesome 5 Free"; + content: "\f00c"; + display: block; + opacity: 0; + transition: all 0.3s ease 0s; + z-index: 2; +} +.custom-checkbox input[type="checkbox"] + .check--select + label:after, +.custom-checkbox input[type="radio"] + .radio--select + label:after { + position: absolute; + right: 0; + top: 3px; + width: 18px; + height: 18px; + content: ""; + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border-gray); +} +.custom-checkbox input[type="radio"] + .radio--select + label:before { + top: 8px; + font-size: 9px; +} +.custom-checkbox input[type="radio"] + .radio--select + label:after { + border-radius: 50%; +} +.custom-checkbox input[type="radio"] + .radio--select + label span { + color: var(--directorist-color-light-gray); +} +.custom-checkbox input[type="radio"] + .radio--select + label span.active { + color: var(--directorist-color-warning); +} +.custom-checkbox input[type="checkbox"]:checked + .check--select + label:after, +.custom-checkbox input[type="radio"]:checked + .radio--select + label:after { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); +} +.custom-checkbox input[type="checkbox"]:checked + .check--select + label:before, +.custom-checkbox input[type="radio"]:checked + .radio--select + label:before { + opacity: 1; + color: var(--directorist-color-white); } .directorist-table { - display: table; - width: 100%; + display: table; + width: 100%; } /* Directorist custom grid */ @@ -1002,103 +966,85 @@ body.logged-in.directorist-content-active .select2-container--open .select2-drop .directorist-container-lg, .directorist-container-md, .directorist-container-sm { - width: 100%; - padding-left: 15px; - padding-right: 15px; - margin-left: auto; - margin-right: auto; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + padding-left: 15px; + padding-right: 15px; + margin-left: auto; + margin-right: auto; + box-sizing: border-box; } @media (min-width: 576px) { - .directorist-container-sm, - .directorist-container { - max-width: 540px; - } + .directorist-container-sm, + .directorist-container { + max-width: 540px; + } } @media (min-width: 768px) { - .directorist-container-md, - .directorist-container-sm, - .directorist-container { - max-width: 720px; - } + .directorist-container-md, + .directorist-container-sm, + .directorist-container { + max-width: 720px; + } } @media (min-width: 992px) { - .directorist-container-lg, - .directorist-container-md, - .directorist-container-sm, - .directorist-container { - max-width: 960px; - } + .directorist-container-lg, + .directorist-container-md, + .directorist-container-sm, + .directorist-container { + max-width: 960px; + } } @media (min-width: 1200px) { - .directorist-container-xl, - .directorist-container-lg, - .directorist-container-md, - .directorist-container-sm, - .directorist-container { - max-width: 1140px; - } + .directorist-container-xl, + .directorist-container-lg, + .directorist-container-md, + .directorist-container-sm, + .directorist-container { + max-width: 1140px; + } } @media (min-width: 1400px) { - .directorist-container-xxl, - .directorist-container-xl, - .directorist-container-lg, - .directorist-container-md, - .directorist-container-sm, - .directorist-container { - max-width: 1320px; - } + .directorist-container-xxl, + .directorist-container-xl, + .directorist-container-lg, + .directorist-container-md, + .directorist-container-sm, + .directorist-container { + max-width: 1320px; + } } .directorist-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-left: -15px; - margin-right: -15px; - margin-top: -15px; - min-width: 100%; + display: flex; + flex-wrap: wrap; + margin-left: -15px; + margin-right: -15px; + margin-top: -15px; + min-width: 100%; } .directorist-row > * { - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - width: 100%; - max-width: 100%; - padding-left: 15px; - padding-right: 15px; - margin-top: 15px; + box-sizing: border-box; + flex-shrink: 0; + width: 100%; + max-width: 100%; + padding-left: 15px; + padding-right: 15px; + margin-top: 15px; } .directorist-col { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; + flex: 1 0 0%; } .directorist-col-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; + flex: 0 0 auto; + width: auto; } .directorist-col-1 { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - width: 8.3333333333%; + flex: 1; + width: 8.3333333333%; } .directorist-col-2-5, @@ -1113,1886 +1059,1635 @@ body.logged-in.directorist-content-active .select2-container--open .select2-drop .directorist-col-10, .directorist-col-11, .directorist-col-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - max-width: 100%; + flex: 0 0 auto; + max-width: 100%; } .directorist-offset-1 { - margin-right: 8.3333333333%; + margin-right: 8.3333333333%; } .directorist-offset-2 { - margin-right: 16.6666666667%; + margin-right: 16.6666666667%; } .directorist-offset-3 { - margin-right: 25%; + margin-right: 25%; } .directorist-offset-4 { - margin-right: 33.3333333333%; + margin-right: 33.3333333333%; } .directorist-offset-5 { - margin-right: 41.6666666667%; + margin-right: 41.6666666667%; } .directorist-offset-6 { - margin-right: 50%; + margin-right: 50%; } .directorist-offset-7 { - margin-right: 58.3333333333%; + margin-right: 58.3333333333%; } .directorist-offset-8 { - margin-right: 66.6666666667%; + margin-right: 66.6666666667%; } .directorist-offset-9 { - margin-right: 75%; + margin-right: 75%; } .directorist-offset-10 { - margin-right: 83.3333333333%; + margin-right: 83.3333333333%; } .directorist-offset-11 { - margin-right: 91.6666666667%; + margin-right: 91.6666666667%; } @media (min-width: 576px) { - .directorist-col-2, - .directorist-col-2-5, - .directorist-col-3, - .directorist-col-4, - .directorist-col-5, - .directorist-col-6, - .directorist-col-7, - .directorist-col-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - max-width: 50%; - } - .directorist-col-sm { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-sm-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-sm-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-sm-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-sm-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-sm-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-sm-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-sm-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-sm-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-sm-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-sm-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-sm-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-sm-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-sm-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-sm-0 { - margin-right: 0; - } - .directorist-offset-sm-1 { - margin-right: 8.3333333333%; - } - .directorist-offset-sm-2 { - margin-right: 16.6666666667%; - } - .directorist-offset-sm-3 { - margin-right: 25%; - } - .directorist-offset-sm-4 { - margin-right: 33.3333333333%; - } - .directorist-offset-sm-5 { - margin-right: 41.6666666667%; - } - .directorist-offset-sm-6 { - margin-right: 50%; - } - .directorist-offset-sm-7 { - margin-right: 58.3333333333%; - } - .directorist-offset-sm-8 { - margin-right: 66.6666666667%; - } - .directorist-offset-sm-9 { - margin-right: 75%; - } - .directorist-offset-sm-10 { - margin-right: 83.3333333333%; - } - .directorist-offset-sm-11 { - margin-right: 91.6666666667%; - } + .directorist-col-2, + .directorist-col-2-5, + .directorist-col-3, + .directorist-col-4, + .directorist-col-5, + .directorist-col-6, + .directorist-col-7, + .directorist-col-8 { + flex: 0 0 auto; + max-width: 50%; + } + .directorist-col-sm { + flex: 1 0 0%; + } + .directorist-col-sm-auto { + flex: 0 0 auto; + width: auto; + } + .directorist-col-sm-1 { + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-sm-2 { + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-sm-3 { + flex: 0 0 auto; + width: 25%; + } + .directorist-col-sm-4 { + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-sm-5 { + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-sm-6 { + flex: 0 0 auto; + width: 50%; + } + .directorist-col-sm-7 { + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-sm-8 { + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-sm-9 { + flex: 0 0 auto; + width: 75%; + } + .directorist-col-sm-10 { + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-sm-11 { + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-sm-12 { + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-sm-0 { + margin-right: 0; + } + .directorist-offset-sm-1 { + margin-right: 8.3333333333%; + } + .directorist-offset-sm-2 { + margin-right: 16.6666666667%; + } + .directorist-offset-sm-3 { + margin-right: 25%; + } + .directorist-offset-sm-4 { + margin-right: 33.3333333333%; + } + .directorist-offset-sm-5 { + margin-right: 41.6666666667%; + } + .directorist-offset-sm-6 { + margin-right: 50%; + } + .directorist-offset-sm-7 { + margin-right: 58.3333333333%; + } + .directorist-offset-sm-8 { + margin-right: 66.6666666667%; + } + .directorist-offset-sm-9 { + margin-right: 75%; + } + .directorist-offset-sm-10 { + margin-right: 83.3333333333%; + } + .directorist-offset-sm-11 { + margin-right: 91.6666666667%; + } } @media (min-width: 768px) { - .directorist-col-2, - .directorist-col-2-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-md { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-md-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-md-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-md-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-md-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-md-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-md-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-md-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-md-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-md-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-md-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-md-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-md-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-md-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-md-0 { - margin-right: 0; - } - .directorist-offset-md-1 { - margin-right: 8.3333333333%; - } - .directorist-offset-md-2 { - margin-right: 16.6666666667%; - } - .directorist-offset-md-3 { - margin-right: 25%; - } - .directorist-offset-md-4 { - margin-right: 33.3333333333%; - } - .directorist-offset-md-5 { - margin-right: 41.6666666667%; - } - .directorist-offset-md-6 { - margin-right: 50%; - } - .directorist-offset-md-7 { - margin-right: 58.3333333333%; - } - .directorist-offset-md-8 { - margin-right: 66.6666666667%; - } - .directorist-offset-md-9 { - margin-right: 75%; - } - .directorist-offset-md-10 { - margin-right: 83.3333333333%; - } - .directorist-offset-md-11 { - margin-right: 91.6666666667%; - } + .directorist-col-2, + .directorist-col-2-5 { + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-md { + flex: 1 0 0%; + } + .directorist-col-md-auto { + flex: 0 0 auto; + width: auto; + } + .directorist-col-md-1 { + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-md-2 { + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-md-3 { + flex: 0 0 auto; + width: 25%; + } + .directorist-col-md-4 { + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-md-5 { + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-md-6 { + flex: 0 0 auto; + width: 50%; + } + .directorist-col-md-7 { + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-md-8 { + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-md-9 { + flex: 0 0 auto; + width: 75%; + } + .directorist-col-md-10 { + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-md-11 { + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-md-12 { + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-md-0 { + margin-right: 0; + } + .directorist-offset-md-1 { + margin-right: 8.3333333333%; + } + .directorist-offset-md-2 { + margin-right: 16.6666666667%; + } + .directorist-offset-md-3 { + margin-right: 25%; + } + .directorist-offset-md-4 { + margin-right: 33.3333333333%; + } + .directorist-offset-md-5 { + margin-right: 41.6666666667%; + } + .directorist-offset-md-6 { + margin-right: 50%; + } + .directorist-offset-md-7 { + margin-right: 58.3333333333%; + } + .directorist-offset-md-8 { + margin-right: 66.6666666667%; + } + .directorist-offset-md-9 { + margin-right: 75%; + } + .directorist-offset-md-10 { + margin-right: 83.3333333333%; + } + .directorist-offset-md-11 { + margin-right: 91.6666666667%; + } } @media (min-width: 992px) { - .directorist-col-2, - .directorist-col-2-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-3, - .directorist-col-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.3333%; - -ms-flex: 0 0 33.3333%; - flex: 0 0 33.3333%; - max-width: 33.3333%; - } - .directorist-col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 41.6667%; - -ms-flex: 0 0 41.6667%; - flex: 0 0 41.6667%; - max-width: 41.6667%; - } - .directorist-col-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 58.3333%; - -ms-flex: 0 0 58.3333%; - flex: 0 0 58.3333%; - max-width: 58.3333%; - } - .directorist-col-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 66.6667%; - -ms-flex: 0 0 66.6667%; - flex: 0 0 66.6667%; - max-width: 66.6667%; - } - .directorist-col-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 75%; - -ms-flex: 0 0 75%; - flex: 0 0 75%; - max-width: 75%; - } - .directorist-col-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 83.3333%; - -ms-flex: 0 0 83.3333%; - flex: 0 0 83.3333%; - max-width: 83.3333%; - } - .directorist-col-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 91.6667%; - -ms-flex: 0 0 91.6667%; - flex: 0 0 91.6667%; - max-width: 91.6667%; - } - .directorist-col-lg { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-lg-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-lg-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-lg-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-lg-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-lg-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-lg-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-lg-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-lg-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-lg-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-lg-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-lg-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-lg-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-lg-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-lg-0 { - margin-right: 0; - } - .directorist-offset-lg-1 { - margin-right: 8.3333333333%; - } - .directorist-offset-lg-2 { - margin-right: 16.6666666667%; - } - .directorist-offset-lg-3 { - margin-right: 25%; - } - .directorist-offset-lg-4 { - margin-right: 33.3333333333%; - } - .directorist-offset-lg-5 { - margin-right: 41.6666666667%; - } - .directorist-offset-lg-6 { - margin-right: 50%; - } - .directorist-offset-lg-7 { - margin-right: 58.3333333333%; - } - .directorist-offset-lg-8 { - margin-right: 66.6666666667%; - } - .directorist-offset-lg-9 { - margin-right: 75%; - } - .directorist-offset-lg-10 { - margin-right: 83.3333333333%; - } - .directorist-offset-lg-11 { - margin-right: 91.6666666667%; - } + .directorist-col-2, + .directorist-col-2-5 { + flex: 0 0 auto; + width: 25%; + } + .directorist-col-3, + .directorist-col-4 { + flex: 0 0 33.3333%; + max-width: 33.3333%; + } + .directorist-col-5 { + flex: 0 0 41.6667%; + max-width: 41.6667%; + } + .directorist-col-7 { + flex: 0 0 58.3333%; + max-width: 58.3333%; + } + .directorist-col-8 { + flex: 0 0 66.6667%; + max-width: 66.6667%; + } + .directorist-col-9 { + flex: 0 0 75%; + max-width: 75%; + } + .directorist-col-10 { + flex: 0 0 83.3333%; + max-width: 83.3333%; + } + .directorist-col-11 { + flex: 0 0 91.6667%; + max-width: 91.6667%; + } + .directorist-col-lg { + flex: 1 0 0%; + } + .directorist-col-lg-auto { + flex: 0 0 auto; + width: auto; + } + .directorist-col-lg-1 { + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-lg-2 { + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-lg-3 { + flex: 0 0 auto; + width: 25%; + } + .directorist-col-lg-4 { + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-lg-5 { + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-lg-6 { + flex: 0 0 auto; + width: 50%; + } + .directorist-col-lg-7 { + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-lg-8 { + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-lg-9 { + flex: 0 0 auto; + width: 75%; + } + .directorist-col-lg-10 { + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-lg-11 { + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-lg-12 { + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-lg-0 { + margin-right: 0; + } + .directorist-offset-lg-1 { + margin-right: 8.3333333333%; + } + .directorist-offset-lg-2 { + margin-right: 16.6666666667%; + } + .directorist-offset-lg-3 { + margin-right: 25%; + } + .directorist-offset-lg-4 { + margin-right: 33.3333333333%; + } + .directorist-offset-lg-5 { + margin-right: 41.6666666667%; + } + .directorist-offset-lg-6 { + margin-right: 50%; + } + .directorist-offset-lg-7 { + margin-right: 58.3333333333%; + } + .directorist-offset-lg-8 { + margin-right: 66.6666666667%; + } + .directorist-offset-lg-9 { + margin-right: 75%; + } + .directorist-offset-lg-10 { + margin-right: 83.3333333333%; + } + .directorist-offset-lg-11 { + margin-right: 91.6666666667%; + } } @media (min-width: 1200px) { - .directorist-col-xl { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; - max-width: 25%; - } - .directorist-col-xl-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-xl-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-xl-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-2, - .directorist-col-2-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 20%; - } - .directorist-col-xl-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-xl-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-xl-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-xl-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-xl-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-xl-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-xl-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-xl-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-xl-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-xl-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-xl-0 { - margin-right: 0; - } - .directorist-offset-xl-1 { - margin-right: 8.3333333333%; - } - .directorist-offset-xl-2 { - margin-right: 16.6666666667%; - } - .directorist-offset-xl-3 { - margin-right: 25%; - } - .directorist-offset-xl-4 { - margin-right: 33.3333333333%; - } - .directorist-offset-xl-5 { - margin-right: 41.6666666667%; - } - .directorist-offset-xl-6 { - margin-right: 50%; - } - .directorist-offset-xl-7 { - margin-right: 58.3333333333%; - } - .directorist-offset-xl-8 { - margin-right: 66.6666666667%; - } - .directorist-offset-xl-9 { - margin-right: 75%; - } - .directorist-offset-xl-10 { - margin-right: 83.3333333333%; - } - .directorist-offset-xl-11 { - margin-right: 91.6666666667%; - } + .directorist-col-xl { + flex: 1 0 0%; + } + .directorist-col-3 { + flex: 0 0 25%; + max-width: 25%; + } + .directorist-col-xl-auto { + flex: 0 0 auto; + width: auto; + } + .directorist-col-xl-1 { + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-xl-2 { + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-2, + .directorist-col-2-5 { + flex: 0 0 auto; + width: 20%; + } + .directorist-col-xl-3 { + flex: 0 0 auto; + width: 25%; + } + .directorist-col-xl-4 { + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-xl-5 { + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-xl-6 { + flex: 0 0 auto; + width: 50%; + } + .directorist-col-xl-7 { + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-xl-8 { + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-xl-9 { + flex: 0 0 auto; + width: 75%; + } + .directorist-col-xl-10 { + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-xl-11 { + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-xl-12 { + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-xl-0 { + margin-right: 0; + } + .directorist-offset-xl-1 { + margin-right: 8.3333333333%; + } + .directorist-offset-xl-2 { + margin-right: 16.6666666667%; + } + .directorist-offset-xl-3 { + margin-right: 25%; + } + .directorist-offset-xl-4 { + margin-right: 33.3333333333%; + } + .directorist-offset-xl-5 { + margin-right: 41.6666666667%; + } + .directorist-offset-xl-6 { + margin-right: 50%; + } + .directorist-offset-xl-7 { + margin-right: 58.3333333333%; + } + .directorist-offset-xl-8 { + margin-right: 66.6666666667%; + } + .directorist-offset-xl-9 { + margin-right: 75%; + } + .directorist-offset-xl-10 { + margin-right: 83.3333333333%; + } + .directorist-offset-xl-11 { + margin-right: 91.6666666667%; + } } @media (min-width: 1400px) { - .directorist-col-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-xxl { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-xxl-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-xxl-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-xxl-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-xxl-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-xxl-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-xxl-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-xxl-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-xxl-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-xxl-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-xxl-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-xxl-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-xxl-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-xxl-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-xxl-0 { - margin-right: 0; - } - .directorist-offset-xxl-1 { - margin-right: 8.3333333333%; - } - .directorist-offset-xxl-2 { - margin-right: 16.6666666667%; - } - .directorist-offset-xxl-3 { - margin-right: 25%; - } - .directorist-offset-xxl-4 { - margin-right: 33.3333333333%; - } - .directorist-offset-xxl-5 { - margin-right: 41.6666666667%; - } - .directorist-offset-xxl-6 { - margin-right: 50%; - } - .directorist-offset-xxl-7 { - margin-right: 58.3333333333%; - } - .directorist-offset-xxl-8 { - margin-right: 66.6666666667%; - } - .directorist-offset-xxl-9 { - margin-right: 75%; - } - .directorist-offset-xxl-10 { - margin-right: 83.3333333333%; - } - .directorist-offset-xxl-11 { - margin-right: 91.6666666667%; - } + .directorist-col-2 { + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-xxl { + flex: 1 0 0%; + } + .directorist-col-xxl-auto { + flex: 0 0 auto; + width: auto; + } + .directorist-col-xxl-1 { + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-xxl-2 { + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-xxl-3 { + flex: 0 0 auto; + width: 25%; + } + .directorist-col-xxl-4 { + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-xxl-5 { + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-xxl-6 { + flex: 0 0 auto; + width: 50%; + } + .directorist-col-xxl-7 { + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-xxl-8 { + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-xxl-9 { + flex: 0 0 auto; + width: 75%; + } + .directorist-col-xxl-10 { + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-xxl-11 { + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-xxl-12 { + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-xxl-0 { + margin-right: 0; + } + .directorist-offset-xxl-1 { + margin-right: 8.3333333333%; + } + .directorist-offset-xxl-2 { + margin-right: 16.6666666667%; + } + .directorist-offset-xxl-3 { + margin-right: 25%; + } + .directorist-offset-xxl-4 { + margin-right: 33.3333333333%; + } + .directorist-offset-xxl-5 { + margin-right: 41.6666666667%; + } + .directorist-offset-xxl-6 { + margin-right: 50%; + } + .directorist-offset-xxl-7 { + margin-right: 58.3333333333%; + } + .directorist-offset-xxl-8 { + margin-right: 66.6666666667%; + } + .directorist-offset-xxl-9 { + margin-right: 75%; + } + .directorist-offset-xxl-10 { + margin-right: 83.3333333333%; + } + .directorist-offset-xxl-11 { + margin-right: 91.6666666667%; + } } /* typography */ .atbd_color-primary { - color: #444752; + color: #444752; } .atbd_bg-primary { - background: #444752; + background: #444752; } .atbd_color-secondary { - color: #122069; + color: #122069; } .atbd_bg-secondary { - background: #122069; + background: #122069; } .atbd_color-success { - color: #00AC17; + color: #00ac17; } .atbd_bg-success { - background: #00AC17; + background: #00ac17; } .atbd_color-info { - color: #2C99FF; + color: #2c99ff; } .atbd_bg-info { - background: #2C99FF; + background: #2c99ff; } .atbd_color-warning { - color: #EF8000; + color: #ef8000; } .atbd_bg-warning { - background: #EF8000; + background: #ef8000; } .atbd_color-danger { - color: #EF0000; + color: #ef0000; } .atbd_bg-danger { - background: #EF0000; + background: #ef0000; } .atbd_color-light { - color: #9497A7; + color: #9497a7; } .atbd_bg-light { - background: #9497A7; + background: #9497a7; } .atbd_color-dark { - color: #202428; + color: #202428; } .atbd_bg-dark { - background: #202428; + background: #202428; } .atbd_color-badge-feature { - color: #fa8b0c; + color: #fa8b0c; } .atbd_bg-badge-feature { - background: #fa8b0c; + background: #fa8b0c; } .atbd_color-badge-popular { - color: #f51957; + color: #f51957; } .atbd_bg-badge-popular { - background: #f51957; + background: #f51957; } /* typography */ body.stop-scrolling { - height: 100%; - overflow: hidden; + height: 100%; + overflow: hidden; } .sweet-overlay { - background-color: black; - -ms-filter: "alpha(opacity=40)"; - background-color: rgba(var(--directorist-color-dark-rgb), 0.4); - position: fixed; - right: 0; - left: 0; - top: 0; - bottom: 0; - display: none; - z-index: 10000; + background-color: black; + -ms-filter: "alpha(opacity=40)"; + background-color: rgba(var(--directorist-color-dark-rgb), 0.4); + position: fixed; + right: 0; + left: 0; + top: 0; + bottom: 0; + display: none; + z-index: 10000; } .sweet-alert { - background-color: white; - font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; - width: 478px; - padding: 17px; - border-radius: 5px; - text-align: center; - position: fixed; - right: 50%; - top: 50%; - margin-right: -256px; - margin-top: -200px; - overflow: hidden; - display: none; - z-index: 99999; + background-color: white; + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + width: 478px; + padding: 17px; + border-radius: 5px; + text-align: center; + position: fixed; + right: 50%; + top: 50%; + margin-right: -256px; + margin-top: -200px; + overflow: hidden; + display: none; + z-index: 99999; } @media all and (max-width: 540px) { - .sweet-alert { - width: auto; - margin-right: 0; - margin-left: 0; - right: 15px; - left: 15px; - } + .sweet-alert { + width: auto; + margin-right: 0; + margin-left: 0; + right: 15px; + left: 15px; + } } .sweet-alert h2 { - color: #575757; - font-size: 30px; - text-align: center; - font-weight: 600; - text-transform: none; - position: relative; - margin: 25px 0; - padding: 0; - line-height: 40px; - display: block; + color: #575757; + font-size: 30px; + text-align: center; + font-weight: 600; + text-transform: none; + position: relative; + margin: 25px 0; + padding: 0; + line-height: 40px; + display: block; } .sweet-alert p { - color: #797979; - font-size: 16px; - text-align: center; - font-weight: 300; - position: relative; - text-align: inherit; - float: none; - margin: 0; - padding: 0; - line-height: normal; + color: #797979; + font-size: 16px; + text-align: center; + font-weight: 300; + position: relative; + text-align: inherit; + float: none; + margin: 0; + padding: 0; + line-height: normal; } .sweet-alert fieldset { - border: 0; - position: relative; + border: 0; + position: relative; } .sweet-alert .sa-error-container { - background-color: #f1f1f1; - margin-right: -17px; - margin-left: -17px; - overflow: hidden; - padding: 0 10px; - max-height: 0; - webkit-transition: padding 0.15s, max-height 0.15s; - -webkit-transition: padding 0.15s, max-height 0.15s; - transition: padding 0.15s, max-height 0.15s; + background-color: #f1f1f1; + margin-right: -17px; + margin-left: -17px; + overflow: hidden; + padding: 0 10px; + max-height: 0; + webkit-transition: + padding 0.15s, + max-height 0.15s; + transition: + padding 0.15s, + max-height 0.15s; } .sweet-alert .sa-error-container.show { - padding: 10px 0; - max-height: 100px; - webkit-transition: padding 0.2s, max-height 0.2s; - -webkit-transition: padding 0.25s, max-height 0.25s; - transition: padding 0.25s, max-height 0.25s; + padding: 10px 0; + max-height: 100px; + webkit-transition: + padding 0.2s, + max-height 0.2s; + transition: + padding 0.25s, + max-height 0.25s; } .sweet-alert .sa-error-container .icon { - display: inline-block; - width: 24px; - height: 24px; - border-radius: 50%; - background-color: #ea7d7d; - color: white; - line-height: 24px; - text-align: center; - margin-left: 3px; + display: inline-block; + width: 24px; + height: 24px; + border-radius: 50%; + background-color: #ea7d7d; + color: white; + line-height: 24px; + text-align: center; + margin-left: 3px; } .sweet-alert .sa-error-container p { - display: inline-block; + display: inline-block; } .sweet-alert .sa-input-error { - position: absolute; - top: 29px; - left: 26px; - width: 20px; - height: 20px; - opacity: 0; - -webkit-transform: scale(0.5); - transform: scale(0.5); - -webkit-transform-origin: 50% 50%; - transform-origin: 50% 50%; - -webkit-transition: all 0.1s; - transition: all 0.1s; + position: absolute; + top: 29px; + left: 26px; + width: 20px; + height: 20px; + opacity: 0; + -webkit-transform: scale(0.5); + transform: scale(0.5); + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -webkit-transition: all 0.1s; + transition: all 0.1s; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { - content: ""; - width: 20px; - height: 6px; - background-color: #f06e57; - border-radius: 3px; - position: absolute; - top: 50%; - margin-top: -4px; - right: 50%; - margin-right: -9px; + content: ""; + width: 20px; + height: 6px; + background-color: #f06e57; + border-radius: 3px; + position: absolute; + top: 50%; + margin-top: -4px; + right: 50%; + margin-right: -9px; } .sweet-alert .sa-input-error::before { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-input-error::after { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-input-error.show { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); } .sweet-alert input { - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 3px; - border: 1px solid #d7d7d7; - height: 43px; - margin-top: 10px; - margin-bottom: 17px; - font-size: 18px; - -webkit-box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); - box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); - padding: 0 12px; - display: none; - -webkit-transition: all 0.3s; - transition: all 0.3s; + width: 100%; + box-sizing: border-box; + border-radius: 3px; + border: 1px solid #d7d7d7; + height: 43px; + margin-top: 10px; + margin-bottom: 17px; + font-size: 18px; + box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); + padding: 0 12px; + display: none; + -webkit-transition: all 0.3s; + transition: all 0.3s; } .sweet-alert input:focus { - outline: 0; - -webkit-box-shadow: 0 0 3px #c4e6f5; - box-shadow: 0 0 3px #c4e6f5; - border: 1px solid #b4dbed; + outline: 0; + box-shadow: 0 0 3px #c4e6f5; + border: 1px solid #b4dbed; } .sweet-alert input:focus::-moz-placeholder { - -moz-transition: opacity 0.3s 0.03s ease; - transition: opacity 0.3s 0.03s ease; - opacity: 0.5; + transition: opacity 0.3s 0.03s ease; + opacity: 0.5; } .sweet-alert input:focus:-ms-input-placeholder { - -ms-transition: opacity 0.3s 0.03s ease; - transition: opacity 0.3s 0.03s ease; - opacity: 0.5; + transition: opacity 0.3s 0.03s ease; + opacity: 0.5; } .sweet-alert input:focus::-webkit-input-placeholder { - -webkit-transition: opacity 0.3s 0.03s ease; - transition: opacity 0.3s 0.03s ease; - opacity: 0.5; + transition: opacity 0.3s 0.03s ease; + opacity: 0.5; } .sweet-alert input::-moz-placeholder { - color: #bdbdbd; + color: #bdbdbd; } .sweet-alert input:-ms-input-placeholder { - color: #bdbdbd; + color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { - color: #bdbdbd; + color: #bdbdbd; } .sweet-alert.show-input input { - display: block; + display: block; } .sweet-alert .sa-confirm-button-container { - display: inline-block; - position: relative; + display: inline-block; + position: relative; } .sweet-alert .la-ball-fall { - position: absolute; - right: 50%; - top: 50%; - margin-right: -27px; - margin-top: 4px; - opacity: 0; - visibility: hidden; + position: absolute; + right: 50%; + top: 50%; + margin-right: -27px; + margin-top: 4px; + opacity: 0; + visibility: hidden; } .sweet-alert button { - background-color: #8cd4f5; - color: white; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 17px; - font-weight: 500; - border-radius: 5px; - padding: 10px 32px; - margin: 26px 5px 0 5px; - cursor: pointer; + background-color: #8cd4f5; + color: white; + border: 0; + box-shadow: none; + font-size: 17px; + font-weight: 500; + -webkit-border-radius: 4px; + border-radius: 5px; + padding: 10px 32px; + margin: 26px 5px 0 5px; + cursor: pointer; } .sweet-alert button:focus { - outline: 0; - -webkit-box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); - box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); + outline: 0; + box-shadow: + 0 0 2px rgba(128, 179, 235, 0.5), + inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); } .sweet-alert button:hover { - background-color: #7ecff4; + background-color: #7ecff4; } .sweet-alert button:active { - background-color: #5dc2f1; + background-color: #5dc2f1; } .sweet-alert button.cancel { - background-color: #c1c1c1; + background-color: #c1c1c1; } .sweet-alert button.cancel:hover { - background-color: #b9b9b9; + background-color: #b9b9b9; } .sweet-alert button.cancel:active { - background-color: #a8a8a8; + background-color: #a8a8a8; } .sweet-alert button.cancel:focus { - -webkit-box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; - box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; + box-shadow: + rgba(197, 205, 211, 0.8) 0 0 2px, + rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; } .sweet-alert button[disabled] { - opacity: 0.6; - cursor: default; + opacity: 0.6; + cursor: default; } .sweet-alert button.confirm[disabled] { - color: transparent; + color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { - opacity: 1; - visibility: visible; - -webkit-transition-delay: 0; - transition-delay: 0; + opacity: 1; + visibility: visible; + transition-delay: 0; } .sweet-alert button::-moz-focus-inner { - border: 0; + border: 0; } -.sweet-alert[data-has-cancel-button=false] button { - -webkit-box-shadow: none !important; - box-shadow: none !important; +.sweet-alert[data-has-cancel-button="false"] button { + box-shadow: none !important; } -.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { - padding-bottom: 40px; +.sweet-alert[data-has-confirm-button="false"][data-has-cancel-button="false"] { + padding-bottom: 40px; } .sweet-alert .sa-icon { - width: 80px; - height: 80px; - border: 4px solid gray; - border-radius: 40px; - border-radius: 50%; - margin: 20px auto; - padding: 0; - position: relative; - -webkit-box-sizing: content-box; - box-sizing: content-box; + width: 80px; + height: 80px; + border: 4px solid gray; + -webkit-border-radius: 40px; + border-radius: 40px; + border-radius: 50%; + margin: 20px auto; + padding: 0; + position: relative; + box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { - border-color: #f27474; + border-color: #f27474; } .sweet-alert .sa-icon.sa-error .sa-x-mark { - position: relative; - display: block; + position: relative; + display: block; } .sweet-alert .sa-icon.sa-error .sa-line { - position: absolute; - height: 5px; - width: 47px; - background-color: #f27474; - display: block; - top: 37px; - border-radius: 2px; + position: absolute; + height: 5px; + width: 47px; + background-color: #f27474; + display: block; + top: 37px; + border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - right: 17px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + right: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - left: 16px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + left: 16px; } .sweet-alert .sa-icon.sa-warning { - border-color: #f8bb86; + border-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-body { - position: absolute; - width: 5px; - height: 47px; - right: 50%; - top: 10px; - border-radius: 2px; - margin-right: -2px; - background-color: #f8bb86; + position: absolute; + width: 5px; + height: 47px; + right: 50%; + top: 10px; + -webkit-border-radius: 2px; + border-radius: 2px; + margin-right: -2px; + background-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-dot { - position: absolute; - width: 7px; - height: 7px; - border-radius: 50%; - margin-right: -3px; - right: 50%; - bottom: 10px; - background-color: #f8bb86; + position: absolute; + width: 7px; + height: 7px; + -webkit-border-radius: 50%; + border-radius: 50%; + margin-right: -3px; + right: 50%; + bottom: 10px; + background-color: #f8bb86; } .sweet-alert .sa-icon.sa-info { - border-color: #c9dae1; + border-color: #c9dae1; } .sweet-alert .sa-icon.sa-info::before { - content: ""; - position: absolute; - width: 5px; - height: 29px; - right: 50%; - bottom: 17px; - border-radius: 2px; - margin-right: -2px; - background-color: #c9dae1; + content: ""; + position: absolute; + width: 5px; + height: 29px; + right: 50%; + bottom: 17px; + border-radius: 2px; + margin-right: -2px; + background-color: #c9dae1; } .sweet-alert .sa-icon.sa-info::after { - content: ""; - position: absolute; - width: 7px; - height: 7px; - border-radius: 50%; - margin-right: -3px; - top: 19px; - background-color: #c9dae1; + content: ""; + position: absolute; + width: 7px; + height: 7px; + border-radius: 50%; + margin-right: -3px; + top: 19px; + background-color: #c9dae1; } .sweet-alert .sa-icon.sa-success { - border-color: #a5dc86; + border-color: #a5dc86; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { - content: ""; - border-radius: 40px; - border-radius: 50%; - position: absolute; - width: 60px; - height: 120px; - background: white; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + content: ""; + -webkit-border-radius: 40px; + border-radius: 40px; + border-radius: 50%; + position: absolute; + width: 60px; + height: 120px; + background: white; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success::before { - border-radius: 0 120px 120px 0; - top: -7px; - right: -33px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-transform-origin: 60px 60px; - transform-origin: 60px 60px; + -webkit-border-radius: 0 120px 120px 0; + border-radius: 0 120px 120px 0; + top: -7px; + right: -33px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: 60px 60px; + transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { - border-radius: 120px 0 0 120px; - top: -11px; - right: 30px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-transform-origin: 100% 60px; - transform-origin: 100% 60px; + -webkit-border-radius: 120px 0 0 120px; + border-radius: 120px 0 0 120px; + top: -11px; + right: 30px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: 100% 60px; + transform-origin: 100% 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { - width: 80px; - height: 80px; - border: 4px solid rgba(165, 220, 134, 0.2); - border-radius: 40px; - border-radius: 50%; - -webkit-box-sizing: content-box; - box-sizing: content-box; - position: absolute; - right: -4px; - top: -4px; - z-index: 2; + width: 80px; + height: 80px; + border: 4px solid rgba(165, 220, 134, 0.2); + -webkit-border-radius: 40px; + border-radius: 40px; + border-radius: 50%; + box-sizing: content-box; + position: absolute; + right: -4px; + top: -4px; + z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { - width: 5px; - height: 90px; - background-color: white; - position: absolute; - right: 28px; - top: 8px; - z-index: 1; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + width: 5px; + height: 90px; + background-color: white; + position: absolute; + right: 28px; + top: 8px; + z-index: 1; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line { - height: 5px; - background-color: #a5dc86; - display: block; - border-radius: 2px; - position: absolute; - z-index: 2; + height: 5px; + background-color: #a5dc86; + display: block; + border-radius: 2px; + position: absolute; + z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { - width: 25px; - right: 14px; - top: 46px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + width: 25px; + right: 14px; + top: 46px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { - width: 47px; - left: 8px; - top: 38px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + width: 47px; + left: 8px; + top: 38px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-icon.sa-custom { - background-size: contain; - border-radius: 0; - border: 0; - background-position: center center; - background-repeat: no-repeat; + background-size: contain; + border-radius: 0; + border: 0; + background-position: center center; + background-repeat: no-repeat; } @-webkit-keyframes showSweetAlert { - 0% { - transform: scale(0.7); - -webkit-transform: scale(0.7); - } - 45% { - transform: scale(1.05); - -webkit-transform: scale(1.05); - } - 80% { - transform: scale(0.95); - -webkit-transform: scale(0.95); - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - } + 0% { + transform: scale(0.7); + -webkit-transform: scale(0.7); + } + 45% { + transform: scale(1.05); + -webkit-transform: scale(1.05); + } + 80% { + transform: scale(0.95); + -webkit-transform: scale(0.95); + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + } } @keyframes showSweetAlert { - 0% { - transform: scale(0.7); - -webkit-transform: scale(0.7); - } - 45% { - transform: scale(1.05); - -webkit-transform: scale(1.05); - } - 80% { - transform: scale(0.95); - -webkit-transform: scale(0.95); - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - } + 0% { + transform: scale(0.7); + -webkit-transform: scale(0.7); + } + 45% { + transform: scale(1.05); + -webkit-transform: scale(1.05); + } + 80% { + transform: scale(0.95); + -webkit-transform: scale(0.95); + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + } } @-webkit-keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); - } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); - } + 0% { + transform: scale(1); + -webkit-transform: scale(1); + } + 100% { + transform: scale(0.5); + -webkit-transform: scale(0.5); + } } @keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); - } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); - } + 0% { + transform: scale(1); + -webkit-transform: scale(1); + } + 100% { + transform: scale(0.5); + -webkit-transform: scale(0.5); + } } @-webkit-keyframes slideFromTop { - 0% { - top: 0; - } - 100% { - top: 50%; - } + 0% { + top: 0; + } + 100% { + top: 50%; + } } @keyframes slideFromTop { - 0% { - top: 0; - } - 100% { - top: 50%; - } + 0% { + top: 0; + } + 100% { + top: 50%; + } } @-webkit-keyframes slideToTop { - 0% { - top: 50%; - } - 100% { - top: 0; - } + 0% { + top: 50%; + } + 100% { + top: 0; + } } @keyframes slideToTop { - 0% { - top: 50%; - } - 100% { - top: 0; - } + 0% { + top: 50%; + } + 100% { + top: 0; + } } @-webkit-keyframes slideFromBottom { - 0% { - top: 70%; - } - 100% { - top: 50%; - } + 0% { + top: 70%; + } + 100% { + top: 50%; + } } @keyframes slideFromBottom { - 0% { - top: 70%; - } - 100% { - top: 50%; - } + 0% { + top: 70%; + } + 100% { + top: 50%; + } } @-webkit-keyframes slideToBottom { - 0% { - top: 50%; - } - 100% { - top: 70%; - } + 0% { + top: 50%; + } + 100% { + top: 70%; + } } @keyframes slideToBottom { - 0% { - top: 50%; - } - 100% { - top: 70%; - } + 0% { + top: 50%; + } + 100% { + top: 70%; + } } -.showSweetAlert[data-animation=pop] { - -webkit-animation: showSweetAlert 0.3s; - animation: showSweetAlert 0.3s; +.showSweetAlert[data-animation="pop"] { + -webkit-animation: showSweetAlert 0.3s; + animation: showSweetAlert 0.3s; } -.showSweetAlert[data-animation=none] { - -webkit-animation: none; - animation: none; +.showSweetAlert[data-animation="none"] { + -webkit-animation: none; + animation: none; } -.showSweetAlert[data-animation=slide-from-top] { - -webkit-animation: slideFromTop 0.3s; - animation: slideFromTop 0.3s; +.showSweetAlert[data-animation="slide-from-top"] { + -webkit-animation: slideFromTop 0.3s; + animation: slideFromTop 0.3s; } -.showSweetAlert[data-animation=slide-from-bottom] { - -webkit-animation: slideFromBottom 0.3s; - animation: slideFromBottom 0.3s; +.showSweetAlert[data-animation="slide-from-bottom"] { + -webkit-animation: slideFromBottom 0.3s; + animation: slideFromBottom 0.3s; } -.hideSweetAlert[data-animation=pop] { - -webkit-animation: hideSweetAlert 0.2s; - animation: hideSweetAlert 0.2s; +.hideSweetAlert[data-animation="pop"] { + -webkit-animation: hideSweetAlert 0.2s; + animation: hideSweetAlert 0.2s; } -.hideSweetAlert[data-animation=none] { - -webkit-animation: none; - animation: none; +.hideSweetAlert[data-animation="none"] { + -webkit-animation: none; + animation: none; } -.hideSweetAlert[data-animation=slide-from-top] { - -webkit-animation: slideToTop 0.4s; - animation: slideToTop 0.4s; +.hideSweetAlert[data-animation="slide-from-top"] { + -webkit-animation: slideToTop 0.4s; + animation: slideToTop 0.4s; } -.hideSweetAlert[data-animation=slide-from-bottom] { - -webkit-animation: slideToBottom 0.3s; - animation: slideToBottom 0.3s; +.hideSweetAlert[data-animation="slide-from-bottom"] { + -webkit-animation: slideToBottom 0.3s; + animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { - 0% { - width: 0; - right: 1px; - top: 19px; - } - 54% { - width: 0; - right: 1px; - top: 19px; - } - 70% { - width: 50px; - right: -8px; - top: 37px; - } - 84% { - width: 17px; - right: 21px; - top: 48px; - } - 100% { - width: 25px; - right: 14px; - top: 45px; - } + 0% { + width: 0; + right: 1px; + top: 19px; + } + 54% { + width: 0; + right: 1px; + top: 19px; + } + 70% { + width: 50px; + right: -8px; + top: 37px; + } + 84% { + width: 17px; + right: 21px; + top: 48px; + } + 100% { + width: 25px; + right: 14px; + top: 45px; + } } @keyframes animateSuccessTip { - 0% { - width: 0; - right: 1px; - top: 19px; - } - 54% { - width: 0; - right: 1px; - top: 19px; - } - 70% { - width: 50px; - right: -8px; - top: 37px; - } - 84% { - width: 17px; - right: 21px; - top: 48px; - } - 100% { - width: 25px; - right: 14px; - top: 45px; - } + 0% { + width: 0; + right: 1px; + top: 19px; + } + 54% { + width: 0; + right: 1px; + top: 19px; + } + 70% { + width: 50px; + right: -8px; + top: 37px; + } + 84% { + width: 17px; + right: 21px; + top: 48px; + } + 100% { + width: 25px; + right: 14px; + top: 45px; + } } @-webkit-keyframes animateSuccessLong { - 0% { - width: 0; - left: 46px; - top: 54px; - } - 65% { - width: 0; - left: 46px; - top: 54px; - } - 84% { - width: 55px; - left: 0; - top: 35px; - } - 100% { - width: 47px; - left: 8px; - top: 38px; - } + 0% { + width: 0; + left: 46px; + top: 54px; + } + 65% { + width: 0; + left: 46px; + top: 54px; + } + 84% { + width: 55px; + left: 0; + top: 35px; + } + 100% { + width: 47px; + left: 8px; + top: 38px; + } } @keyframes animateSuccessLong { - 0% { - width: 0; - left: 46px; - top: 54px; - } - 65% { - width: 0; - left: 46px; - top: 54px; - } - 84% { - width: 55px; - left: 0; - top: 35px; - } - 100% { - width: 47px; - left: 8px; - top: 38px; - } + 0% { + width: 0; + left: 46px; + top: 54px; + } + 65% { + width: 0; + left: 46px; + top: 54px; + } + 84% { + width: 55px; + left: 0; + top: 35px; + } + 100% { + width: 47px; + left: 8px; + top: 38px; + } } @-webkit-keyframes rotatePlaceholder { - 0% { - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - } - 5% { - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - } - 12% { - transform: rotate(405deg); - -webkit-transform: rotate(405deg); - } - 100% { - transform: rotate(405deg); - -webkit-transform: rotate(405deg); - } + 0% { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + } + 5% { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + } + 12% { + transform: rotate(405deg); + -webkit-transform: rotate(405deg); + } + 100% { + transform: rotate(405deg); + -webkit-transform: rotate(405deg); + } } @keyframes rotatePlaceholder { - 0% { - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - } - 5% { - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - } - 12% { - transform: rotate(405deg); - -webkit-transform: rotate(405deg); - } - 100% { - transform: rotate(405deg); - -webkit-transform: rotate(405deg); - } + 0% { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + } + 5% { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + } + 12% { + transform: rotate(405deg); + -webkit-transform: rotate(405deg); + } + 100% { + transform: rotate(405deg); + -webkit-transform: rotate(405deg); + } } .animateSuccessTip { - -webkit-animation: animateSuccessTip 0.75s; - animation: animateSuccessTip 0.75s; + -webkit-animation: animateSuccessTip 0.75s; + animation: animateSuccessTip 0.75s; } .animateSuccessLong { - -webkit-animation: animateSuccessLong 0.75s; - animation: animateSuccessLong 0.75s; + -webkit-animation: animateSuccessLong 0.75s; + animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { - -webkit-animation: rotatePlaceholder 4.25s ease-in; - animation: rotatePlaceholder 4.25s ease-in; + -webkit-animation: rotatePlaceholder 4.25s ease-in; + animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; - } - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1; - } + 0% { + transform: rotateX(100deg); + -webkit-transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0); + -webkit-transform: rotateX(0); + opacity: 1; + } } @keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; - } - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1; - } + 0% { + transform: rotateX(100deg); + -webkit-transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0); + -webkit-transform: rotateX(0); + opacity: 1; + } } .animateErrorIcon { - -webkit-animation: animateErrorIcon 0.5s; - animation: animateErrorIcon 0.5s; + -webkit-animation: animateErrorIcon 0.5s; + animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { - 0% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 50% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 80% { - transform: scale(1.15); - -webkit-transform: scale(1.15); - margin-top: -6px; - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - margin-top: 0; - opacity: 1; - } + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } } @keyframes animateXMark { - 0% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 50% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 80% { - transform: scale(1.15); - -webkit-transform: scale(1.15); - margin-top: -6px; - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - margin-top: 0; - opacity: 1; - } + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } } .animateXMark { - -webkit-animation: animateXMark 0.5s; - animation: animateXMark 0.5s; + -webkit-animation: animateXMark 0.5s; + animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { - 0% { - border-color: #f8d486; - } - 100% { - border-color: #f8bb86; - } + 0% { + border-color: #f8d486; + } + 100% { + border-color: #f8bb86; + } } @keyframes pulseWarning { - 0% { - border-color: #f8d486; - } - 100% { - border-color: #f8bb86; - } + 0% { + border-color: #f8d486; + } + 100% { + border-color: #f8bb86; + } } .pulseWarning { - -webkit-animation: pulseWarning 0.75s infinite alternate; - animation: pulseWarning 0.75s infinite alternate; + -webkit-animation: pulseWarning 0.75s infinite alternate; + animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { - 0% { - background-color: #f8d486; - } - 100% { - background-color: #f8bb86; - } + 0% { + background-color: #f8d486; + } + 100% { + background-color: #f8bb86; + } } @keyframes pulseWarningIns { - 0% { - background-color: #f8d486; - } - 100% { - background-color: #f8bb86; - } + 0% { + background-color: #f8d486; + } + 100% { + background-color: #f8bb86; + } } .pulseWarningIns { - -webkit-animation: pulseWarningIns 0.75s infinite alternate; - animation: pulseWarningIns 0.75s infinite alternate; + -webkit-animation: pulseWarningIns 0.75s infinite alternate; + animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(-360deg); + } } @keyframes rotate-loading { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(-360deg); + } } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { - -ms-transform: rotate(-45deg) \9 ; + -ms-transform: rotate(-45deg) \9; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { - -ms-transform: rotate(45deg) \9 ; + -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-success { - border-color: transparent\9 ; + border-color: transparent\9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { - -ms-transform: rotate(-45deg) \9 ; + -ms-transform: rotate(-45deg) \9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { - -ms-transform: rotate(45deg) \9 ; + -ms-transform: rotate(45deg) \9; } /*! @@ -3002,622 +2697,848 @@ body.stop-scrolling { */ .la-ball-fall, .la-ball-fall > div { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .la-ball-fall { - display: block; - font-size: 0; - color: var(--directorist-color-white); + display: block; + font-size: 0; + color: var(--directorist-color-white); } .la-ball-fall.la-dark { - color: #333; + color: #333; } .la-ball-fall > div { - display: inline-block; - float: none; - background-color: currentColor; - border: 0 solid currentColor; + display: inline-block; + float: none; + background-color: currentColor; + border: 0 solid currentColor; } .la-ball-fall { - width: 54px; - height: 18px; + width: 54px; + height: 18px; } .la-ball-fall > div { - width: 10px; - height: 10px; - margin: 4px; - border-radius: 100%; - opacity: 0; - -webkit-animation: ball-fall 1s ease-in-out infinite; - animation: ball-fall 1s ease-in-out infinite; + width: 10px; + height: 10px; + margin: 4px; + border-radius: 100%; + opacity: 0; + -webkit-animation: ball-fall 1s ease-in-out infinite; + -moz-animation: ball-fall 1s ease-in-out infinite; + -o-animation: ball-fall 1s ease-in-out infinite; + animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { - -webkit-animation-delay: -200ms; - animation-delay: -200ms; + -webkit-animation-delay: -200ms; + -moz-animation-delay: -200ms; + -o-animation-delay: -200ms; + animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { - -webkit-animation-delay: -100ms; - animation-delay: -100ms; + -webkit-animation-delay: -100ms; + -moz-animation-delay: -100ms; + -o-animation-delay: -100ms; + animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { - -webkit-animation-delay: 0; - animation-delay: 0; + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay: 0; + animation-delay: 0; } .la-ball-fall.la-sm { - width: 26px; - height: 8px; + width: 26px; + height: 8px; } .la-ball-fall.la-sm > div { - width: 4px; - height: 4px; - margin: 2px; + width: 4px; + height: 4px; + margin: 2px; } .la-ball-fall.la-2x { - width: 108px; - height: 36px; + width: 108px; + height: 36px; } .la-ball-fall.la-2x > div { - width: 20px; - height: 20px; - margin: 8px; + width: 20px; + height: 20px; + margin: 8px; } .la-ball-fall.la-3x { - width: 162px; - height: 54px; + width: 162px; + height: 54px; } .la-ball-fall.la-3x > div { - width: 30px; - height: 30px; - margin: 12px; + width: 30px; + height: 30px; + margin: 12px; } @-webkit-keyframes ball-fall { - 0% { - opacity: 0; - -webkit-transform: translateY(-145%); - transform: translateY(-145%); - } - 10% { - opacity: 0.5; - } - 20% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 80% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 90% { - opacity: 0.5; - } - 100% { - opacity: 0; - -webkit-transform: translateY(145%); - transform: translateY(145%); - } + 0% { + opacity: 0; + -webkit-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -webkit-transform: translateY(145%); + transform: translateY(145%); + } +} +@-moz-keyframes ball-fall { + 0% { + opacity: 0; + -moz-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -moz-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -moz-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -moz-transform: translateY(145%); + transform: translateY(145%); + } +} +@-o-keyframes ball-fall { + 0% { + opacity: 0; + -o-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -o-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -o-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -o-transform: translateY(145%); + transform: translateY(145%); + } } @keyframes ball-fall { - 0% { - opacity: 0; - -webkit-transform: translateY(-145%); - transform: translateY(-145%); - } - 10% { - opacity: 0.5; - } - 20% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 80% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 90% { - opacity: 0.5; - } - 100% { - opacity: 0; - -webkit-transform: translateY(145%); - transform: translateY(145%); - } + 0% { + opacity: 0; + -webkit-transform: translateY(-145%); + -moz-transform: translateY(-145%); + -o-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -webkit-transform: translateY(145%); + -moz-transform: translateY(145%); + -o-transform: translateY(145%); + transform: translateY(145%); + } } .directorist-add-listing-types { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: flex; + box-sizing: border-box; } .directorist-add-listing-types__single { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-add-listing-types__single__link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - background-color: var(--directorist-color-white); - color: var(--directorist-color-primary); - font-size: 16px; - font-weight: 500; - line-height: 20px; - text-align: center; - padding: 40px 25px; - border-radius: 12px; - text-decoration: none !important; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-transition: background 0.2s ease; - transition: background 0.2s ease; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + background-color: var(--directorist-color-white); + color: var(--directorist-color-primary); + font-size: 16px; + font-weight: 500; + line-height: 20px; + text-align: center; + padding: 40px 25px; + border-radius: 12px; + text-decoration: none !important; + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + transition: background 0.2s ease; + /* Legacy Icon */ } .directorist-add-listing-types__single__link .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 70px; - width: 70px; - background-color: var(--directorist-color-primary); - border-radius: 100%; - margin-bottom: 20px; - -webkit-transition: color 0.2s ease, background 0.2s ease; - transition: color 0.2s ease, background 0.2s ease; + display: flex; + align-items: center; + justify-content: center; + height: 70px; + width: 70px; + background-color: var(--directorist-color-primary); + border-radius: 100%; + margin-bottom: 20px; + transition: + color 0.2s ease, + background 0.2s ease; } .directorist-add-listing-types__single__link .directorist-icon-mask:after { - width: 25px; - height: 25px; - background-color: var(--directorist-color-white); + width: 25px; + height: 25px; + background-color: var(--directorist-color-white); } .directorist-add-listing-types__single__link:hover { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-add-listing-types__single__link:hover .directorist-icon-mask { - background-color: var(--directorist-color-white); -} -.directorist-add-listing-types__single__link:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-white); } -.directorist-add-listing-types__single__link { - /* Legacy Icon */ +.directorist-add-listing-types__single__link:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } .directorist-add-listing-types__single__link > i:not(.directorist-icon-mask) { - display: inline-block; - margin-bottom: 10px; + display: inline-block; + margin-bottom: 10px; } .directorist-add-listing-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: flex; + box-sizing: border-box; } .directorist-add-listing-form .directorist-content-module { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-add-listing-form .directorist-content-module__title i { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-add-listing-form .directorist-content-module__title i:after { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-add-listing-form .directorist-alert-required { - display: block; - margin-top: 5px; - color: #e80000; - font-size: 13px; + display: block; + margin-top: 5px; + color: #e80000; + font-size: 13px; } .directorist-add-listing-form__privacy a { - color: var(--directorist-color-info); + color: var(--directorist-color-info); } .directorist-add-listing-form .directorist-content-module, #directiost-listing-fields_wrapper .directorist-content-module { - margin-bottom: 35px; - border-radius: 12px; + margin-bottom: 35px; + border-radius: 12px; + /* social info */ } @media (max-width: 991px) { - .directorist-add-listing-form .directorist-content-module, - #directiost-listing-fields_wrapper .directorist-content-module { - margin-bottom: 20px; - } + .directorist-add-listing-form .directorist-content-module, + #directiost-listing-fields_wrapper .directorist-content-module { + margin-bottom: 20px; + } } .directorist-add-listing-form .directorist-content-module__title, #directiost-listing-fields_wrapper .directorist-content-module__title { - gap: 15px; - min-height: 66px; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + gap: 15px; + min-height: 66px; + justify-content: flex-start; } .directorist-add-listing-form .directorist-content-module__title i, #directiost-listing-fields_wrapper .directorist-content-module__title i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 36px; - height: 36px; - border-radius: 100%; + display: flex; + align-items: center; + justify-content: center; + width: 36px; + height: 36px; + border-radius: 100%; } .directorist-add-listing-form .directorist-content-module__title i:after, #directiost-listing-fields_wrapper .directorist-content-module__title i:after { - width: 16px; - height: 16px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade { - padding: 0; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade > input[name=address], -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade > input[name=address] { - padding-right: 10px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before { - width: 15px; - height: 15px; - right: unset; - left: 0; - top: 46px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after { - height: 40px; - top: 26px; -} -.directorist-add-listing-form .directorist-content-module, -#directiost-listing-fields_wrapper .directorist-content-module { - /* social info */ -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - margin: 0 0 25px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields:last-child, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields:last-child { - margin: 0 0 40px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-light-gray); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + width: 16px; + height: 16px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade { + padding: 0; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade + > input[name="address"], +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade + > input[name="address"] { + padding-right: 10px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:before, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:before { + width: 15px; + height: 15px; + right: unset; + left: 0; + top: 46px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:after { + height: 40px; + top: 26px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 20px; + margin: 0 0 25px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields:last-child, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields:last-child { + margin: 0 0 40px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group { + flex: 1; + margin: 0; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select { + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select.placeholder-item, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select.placeholder-item { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-light-gray); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input { + display: flex; + gap: 20px; + flex: 1; } @media screen and (max-width: 480px) { - .directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input, - #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input { - gap: 10px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 36px; - height: 36px; - padding: 0; - cursor: pointer; - border-radius: 100%; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-light) !important; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove i::after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i::after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-light-gray); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover { - background-color: var(--directorist-color-primary) !important; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover i::after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i::after { - background-color: var(--directorist-color-white); + .directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input, + #directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input { + gap: 10px; + flex-direction: column; + } +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove { + display: flex; + align-items: center; + justify-content: center; + width: 36px; + height: 36px; + padding: 0; + cursor: pointer; + border-radius: 100%; + transition: all ease 0.3s; + background-color: var(--directorist-color-light) !important; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove + i::after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove + i::after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-light-gray); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove:hover, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover { + background-color: var(--directorist-color-primary) !important; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after { + background-color: var(--directorist-color-white); } #directiost-listing-fields_wrapper .directorist-content-module { - background-color: var(--directorist-color-white); - border-radius: 0; - border: 1px solid #e3e6ef; + background-color: var(--directorist-color-white); + border-radius: 0; + border: 1px solid #e3e6ef; } #directiost-listing-fields_wrapper .directorist-content-module__title { - padding: 20px 30px; - border-bottom: 1px solid #e3e6ef; + padding: 20px 30px; + border-bottom: 1px solid #e3e6ef; } #directiost-listing-fields_wrapper .directorist-content-module__title i { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } #directiost-listing-fields_wrapper .directorist-content-module__title i:after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields { - margin: 0 0 25px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove { - background-color: #ededed !important; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i::after { - background-color: #808080; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover { - background-color: var(--directorist-color-primary) !important; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i::after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title { - cursor: auto; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title:before { - display: none; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents { - padding: 30px 40px 40px; + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields { + margin: 0 0 25px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove { + background-color: #ededed !important; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove + i::after { + background-color: #808080; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover { + background-color: var(--directorist-color-primary) !important; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__title { + cursor: auto; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__title:before { + display: none; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__contents { + padding: 30px 40px 40px; } @media (max-width: 991px) { - #directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents { - height: auto; - opacity: 1; - padding: 20px; - visibility: visible; - } -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-label { - margin-bottom: 10px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element { - position: relative; - height: 42px; - padding: 15px 20px; - font-size: 14px; - font-weight: 400; - border-radius: 5px; - width: 100%; - border: 1px solid #ececec; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 0; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element__prefix { - height: 42px; - line-height: 42px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields select.directorist-form-element, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-select select.directorist-form-element, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element.directory_pricing_field { - padding-top: 0; - padding-bottom: 0; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-radio__label:after { - position: absolute; - right: 0; - top: 0; - width: 20px; - height: 20px; - border-radius: 3px; - content: ""; - border: 1px solid #c6d0dc; - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-radio__label:before { - position: absolute; - right: 7px; - top: 7px; - width: 6px; - height: 6px; - border-radius: 50%; - background-color: var(--directorist-color-primary); - border: 0 none; - -webkit-mask-image: none; - mask-image: none; - z-index: 2; - content: ""; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:after { - border-radius: 50%; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:before { - right: 5px; - top: 5px; - content: ""; - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - border: none; - background-color: var(--directorist-color-white); - display: block; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; -} -#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic { - padding: 30px; - text-align: center; - border-radius: 5px; - border: 1px dashed #dbdee9; -} -#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic .plupload-browse-button-label i::after { - width: 50px; - height: 45px; - background-color: #808080; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-file-upload .directorist-custom-field-file-upload__wrapper ~ .directorist-form-description { - text-align: center; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn { - width: auto; - padding: 11px 26px; - background-color: #444752; - color: var(--directorist-color-white); - border-radius: 5px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn i::after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-map-field__maps #gmap { - border-radius: 0; + #directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__contents { + height: auto; + opacity: 1; + padding: 20px; + visibility: visible; + } +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-label { + margin-bottom: 10px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element { + position: relative; + height: 42px; + padding: 15px 20px; + font-size: 14px; + font-weight: 400; + border-radius: 5px; + width: 100%; + border: 1px solid #ececec; + box-sizing: border-box; + margin-bottom: 0; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element__prefix { + height: 42px; + line-height: 42px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + select.directorist-form-element, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-custom-field-select + select.directorist-form-element, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element.directory_pricing_field { + padding-top: 0; + padding-bottom: 0; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-radio__label:after { + position: absolute; + right: 0; + top: 0; + width: 20px; + height: 20px; + border-radius: 3px; + content: ""; + border: 1px solid #c6d0dc; + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-radio__label:before { + position: absolute; + right: 7px; + top: 7px; + width: 6px; + height: 6px; + border-radius: 50%; + background-color: var(--directorist-color-primary); + border: 0 none; + mask-image: none; + z-index: 2; + content: ""; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:after { + border-radius: 50%; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:before { + right: 5px; + top: 5px; + content: ""; + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-repeat: no-repeat; + width: 10px; + height: 10px; + border: none; + background-color: var(--directorist-color-white); + display: block; + transition: all 0.3s ease 0s; + z-index: 2; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .plupload-upload-uic { + padding: 30px; + text-align: center; + border-radius: 5px; + border: 1px dashed #dbdee9; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .plupload-upload-uic + .plupload-browse-button-label + i::after { + width: 50px; + height: 45px; + background-color: #808080; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-custom-field-file-upload + .directorist-custom-field-file-upload__wrapper + ~ .directorist-form-description { + text-align: center; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-info-field + .directorist-btn { + width: auto; + padding: 11px 26px; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 5px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-info-field + .directorist-btn + i::after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-map-field__maps + #gmap { + border-radius: 0; } /* ========================== @@ -3625,11 +3546,11 @@ body.stop-scrolling { ============================= */ /* listing label */ .directorist-form-label { - display: block; - color: var(--directorist-color-dark); - margin-bottom: 5px; - font-size: 14px; - font-weight: 500; + display: block; + color: var(--directorist-color-dark); + margin-bottom: 5px; + font-size: 14px; + font-weight: 500; } .directorist-custom-field-radio > .directorist-form-label, @@ -3638,1006 +3559,974 @@ body.stop-scrolling { .directorist-form-image-upload-field > .directorist-form-label, .directorist-custom-field-file-upload > .directorist-form-label, .directorist-form-pricing-field.price-type-both > .directorist-form-label { - margin-bottom: 18px; + margin-bottom: 18px; } /* listing type */ .directorist-form-listing-type { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: flex; + flex-wrap: wrap; + gap: 20px; } @media (max-width: 767px) { - .directorist-form-listing-type { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-form-listing-type { + flex-direction: column; + } } .directorist-form-listing-type .directorist-form-label { - font-size: 14px; - font-weight: 500; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - margin: 0; + font-size: 14px; + font-weight: 500; + flex: 0 0 100%; + margin: 0; } .directorist-form-listing-type__single { - -webkit-box-flex: 0; - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; + flex: 0 0 45%; } .directorist-form-listing-type__single.directorist-radio { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label { - width: 100%; - height: 100%; - padding: 25px; - font-size: 14px; - font-weight: 500; - padding-right: 55px; - border-radius: 12px; - color: var(--directorist-color-body); - border: 3px solid var(--directorist-color-border-gray); - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label small { - display: block; - margin-top: 5px; - font-weight: normal; - color: var(--directorist-color-success); -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label:before { - right: 29px; - top: 29px; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label:after { - right: 25px; - top: 25px; - width: 18px; - height: 18px; -} -.directorist-form-listing-type .directorist-radio input[type=radio]:checked + .directorist-radio__label { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + align-items: flex-start; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label { + width: 100%; + height: 100%; + padding: 25px; + font-size: 14px; + font-weight: 500; + padding-right: 55px; + border-radius: 12px; + color: var(--directorist-color-body); + border: 3px solid var(--directorist-color-border-gray); + cursor: pointer; + box-sizing: border-box; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label + small { + display: block; + margin-top: 5px; + font-weight: normal; + color: var(--directorist-color-success); +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label:before { + right: 29px; + top: 29px; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label:after { + right: 25px; + top: 25px; + width: 18px; + height: 18px; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } /* Pricing */ .directorist-form-pricing-field__options { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 0 20px; -} -.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label { - font-size: 14px; - font-weight: 400; - min-height: 18px; - padding-right: 27px; - color: var(--directorist-color-body); -} -.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label { - font-weight: 500; - color: var(--directorist-color-dark); -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:after { - top: 3px; - right: 3px; - width: 14px; - height: 14px; - border-radius: 100%; - border: 2px solid #c6d0dc; -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:before { - right: 0; - top: 0; - width: 8px; - height: 8px; - -webkit-mask-image: none; - mask-image: none; - background-color: var(--directorist-color-white); - border-radius: 100%; - border: 5px solid var(--directorist-color-primary); - -webkit-box-sizing: content-box; - box-sizing: content-box; -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:checked:after { - opacity: 0; + display: flex; + flex-wrap: wrap; + gap: 20px; + align-items: center; + margin: 0 0 20px; +} +.directorist-form-pricing-field__options + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label { + font-size: 14px; + font-weight: 400; + min-height: 18px; + padding-right: 27px; + color: var(--directorist-color-body); +} +.directorist-form-pricing-field__options + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label { + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:after { + top: 3px; + right: 3px; + width: 14px; + height: 14px; + border-radius: 100%; + border: 2px solid #c6d0dc; +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:before { + right: 0; + top: 0; + width: 8px; + height: 8px; + mask-image: none; + background-color: var(--directorist-color-white); + border-radius: 100%; + border: 5px solid var(--directorist-color-primary); + box-sizing: content-box; +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:checked:after { + opacity: 0; } .directorist-form-pricing-field .directorist-form-element { - min-width: 100%; + min-width: 100%; } .price-type-price_range .directorist-form-pricing-field__options, .price-type-price_unit .directorist-form-pricing-field__options { - margin: 0; + margin: 0; } /* location */ .directorist-select-multi select { - display: none; + display: none; } #directorist-location-select { - z-index: 113 !important; + z-index: 113 !important; } /* tags */ #directorist-tag-select { - z-index: 112 !important; + z-index: 112 !important; } /* categories */ #directorist-category-select { - z-index: 111 !important; + z-index: 111 !important; } .directorist-form-group .select2-selection { - border-color: #ececec; + border-color: #ececec; } .directorist-form-group .select2-container--default .select2-selection { - min-height: 40px; - padding-left: 45px; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__rendered { - line-height: 26px; - padding: 0; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__clear { - padding-left: 15px; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__arrow { - left: 10px; + min-height: 40px; + padding-left: 45px; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__rendered { + line-height: 26px; + padding: 0; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__clear { + padding-left: 15px; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__arrow { + left: 10px; } .directorist-form-group .select2-container--default .select2-selection input { - min-height: 26px; + min-height: 26px; } /* hide contact owner */ -.directorist-hide-owner-field.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label { - font-size: 15px; - font-weight: 700; +.directorist-hide-owner-field.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label { + font-size: 15px; + font-weight: 700; } /* Map style */ .directorist-map-coordinate { - margin-top: 20px; + margin-top: 20px; } .directorist-map-coordinates { - padding: 0 0 15px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 15px -15px 0; + padding: 0 0 15px 0; + display: flex; + flex-wrap: wrap; + align-items: center; + margin: 15px -15px 0; } .directorist-map-coordinates .directorist-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding-right: 15px; - padding-left: 15px; - max-width: 290px; + flex: 1; + padding-right: 15px; + padding-left: 15px; + max-width: 290px; } .directorist-map-coordinates__generate { - -webkit-box-flex: 0 !important; - -webkit-flex: 0 0 100% !important; - -ms-flex: 0 0 100% !important; - flex: 0 0 100% !important; - max-width: 100% !important; + flex: 0 0 100% !important; + max-width: 100% !important; } -.directorist-add-listing-form .directorist-content-module .directorist-map-coordinates .directorist-form-group:not(.directorist-map-coordinates__generate) { - margin-bottom: 20px; +.directorist-add-listing-form + .directorist-content-module + .directorist-map-coordinates + .directorist-form-group:not(.directorist-map-coordinates__generate) { + margin-bottom: 20px; } .directorist-form-map-field__wrapper { - margin-bottom: 10px; + margin-bottom: 10px; } .directorist-form-map-field__maps #gmap { - position: relative; - height: 400px; - z-index: 1; - border-radius: 12px; + position: relative; + height: 400px; + z-index: 1; + border-radius: 12px; } .directorist-form-map-field__maps #gmap #gmap_full_screen_button, .directorist-form-map-field__maps #gmap .gm-fullscreen-control { - display: none; -} -.directorist-form-map-field__maps #gmap div[role=img] { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 50px !important; - height: 50px !important; - cursor: pointer; - border-radius: 100%; - overflow: visible !important; -} -.directorist-form-map-field__maps #gmap div[role=img] > img { - position: relative; - z-index: 1; - width: 100% !important; - height: 100% !important; - border-radius: 100%; - background-color: var(--directorist-color-primary); -} -.directorist-form-map-field__maps #gmap div[role=img]:before { - content: ""; - position: absolute; - right: -25px; - top: -25px; - width: 0; - height: 0; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; - border: 50px solid rgba(var(--directorist-color-dark-rgb), 0.2); - opacity: 0; - visibility: hidden; - -webkit-animation: atbd_scale 3s linear alternate infinite; - animation: atbd_scale 3s linear alternate infinite; -} -.directorist-form-map-field__maps #gmap div[role=img]:after { - content: ""; - display: block; - width: 12px; - height: 20px; - position: absolute; - z-index: 2; - background-color: var(--directorist-color-white); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/80f124fcb604319ca80e.svg); - mask-image: url(../js/80f124fcb604319ca80e.svg); -} -.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon { - margin: 0; - display: inline-block; - width: 13px !important; - height: 13px !important; - background-color: unset; -} -.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:before, .directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:after { - display: none; -} -.directorist-form-map-field__maps #gmap div[role=img]:hover:before { - opacity: 1; - visibility: visible; + display: none; +} +.directorist-form-map-field__maps #gmap div[role="img"] { + position: relative; + display: flex; + align-items: center; + justify-content: center; + width: 50px !important; + height: 50px !important; + cursor: pointer; + border-radius: 100%; + overflow: visible !important; +} +.directorist-form-map-field__maps #gmap div[role="img"] > img { + position: relative; + z-index: 1; + width: 100% !important; + height: 100% !important; + border-radius: 100%; + background-color: var(--directorist-color-primary); +} +.directorist-form-map-field__maps #gmap div[role="img"]:before { + content: ""; + position: absolute; + right: -25px; + top: -25px; + width: 0; + height: 0; + border-radius: 50%; + transition: all 0.3s ease-in-out; + border: none; + border: 50px solid rgba(var(--directorist-color-dark-rgb), 0.2); + opacity: 0; + visibility: hidden; + animation: atbd_scale 3s linear alternate infinite; +} +.directorist-form-map-field__maps #gmap div[role="img"]:after { + content: ""; + display: block; + width: 12px; + height: 20px; + position: absolute; + z-index: 2; + background-color: var(--directorist-color-white); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); +} +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon { + margin: 0; + display: inline-block; + width: 13px !important; + height: 13px !important; + background-color: unset; +} +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon:before, +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon:after { + display: none; +} +.directorist-form-map-field__maps #gmap div[role="img"]:hover:before { + opacity: 1; + visibility: visible; } .directorist-form-map-field .map_drag_info { - display: none; + display: none; } .directorist-form-map-field .atbd_map_shape { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - cursor: pointer; - border-radius: 100%; + position: relative; + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + cursor: pointer; + border-radius: 100%; } .directorist-form-map-field .atbd_map_shape:before { - content: ""; - position: absolute; - right: -20px; - top: -20px; - width: 0; - height: 0; - opacity: 0; - visibility: hidden; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; + content: ""; + position: absolute; + right: -20px; + top: -20px; + width: 0; + height: 0; + opacity: 0; + visibility: hidden; + border-radius: 50%; + transition: all 0.3s ease-in-out; + border: none; } .directorist-form-map-field .atbd_map_shape .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-marker-icon); - -webkit-mask: url(../js/80f124fcb604319ca80e.svg); - mask: url(../js/80f124fcb604319ca80e.svg); + width: 16px; + height: 16px; + background-color: var(--directorist-color-marker-icon); + mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); } .directorist-form-map-field .atbd_map_shape:hover:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } /* EZ Media Upload */ .directorist-form-image-upload-field .ez-media-uploader { - text-align: center; - border-radius: 12px; - padding: 35px 10px; - margin: 0; - background-color: var(--directorist-color-bg-gray) !important; - border: 2px dashed var(--directorist-color-border-gray) !important; + text-align: center; + border-radius: 12px; + padding: 35px 10px; + margin: 0; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; } .directorist-form-image-upload-field .ez-media-uploader.ezmu--show { - margin-bottom: 120px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section { - display: block; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu__media-picker-icon-wrap-upload { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: auto; - height: auto; - margin-bottom: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload { - background: unset; - -webkit-filter: unset; - filter: unset; - width: auto; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload i::after { - width: 90px; - height: 80px; - background-color: var(--directorist-color-border-gray); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-buttons { - margin-top: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label { - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 35px 0 17px; - margin: 10px 0; - height: 40px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - background: var(--directorist-color-primary); - color: var(--directorist-color-white); - text-align: center; - font-size: 13px; - font-weight: 500; - line-height: 14px; - cursor: pointer; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:before { - position: absolute; - right: 17px; - top: 13px; - content: ""; - -webkit-mask-image: url(../js/53e21172ac69331e0b44.svg); - mask-image: url(../js/53e21172ac69331e0b44.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:hover { - opacity: 0.85; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap p { - margin: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show { - position: absolute; - top: calc(100% + 22px); - right: 0; - width: auto; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap { - display: none; - height: 76px; - width: 100px; - border-radius: 8px; - background-color: var(--directorist-color-bg-gray) !important; - border: 2px dashed var(--directorist-color-border-gray) !important; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn { - padding: 0; - width: 30px; - height: 30px; - font-size: 0; - position: relative; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn:before { - content: ""; - position: absolute; - width: 30px; - height: 30px; - right: 0; - z-index: 2; - background-color: var(--directorist-color-border-gray); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/ec3db9820a6442a268a9.svg); - mask-image: url(../js/ec3db9820a6442a268a9.svg); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__thumbnail-list-item { - width: 175px; - min-width: 175px; - -webkit-flex-basis: unset; - -ms-flex-preferred-size: unset; - flex-basis: unset; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-buttons { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon { - background-image: unset; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon .directorist-icon-mask::after { - width: 12px; - height: 12px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-button { - width: 20px; - height: 25px; - background-size: 8px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__featured_tag, -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__thumbnail-size-text { - padding: 0 5px; - height: 25px; - line-height: 25px; + margin-bottom: 120px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section { + display: block; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu__media-picker-icon-wrap-upload { + display: flex; + justify-content: center; + width: auto; + height: auto; + margin-bottom: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu-icon-upload { + background: unset; + filter: unset; + width: auto; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu-icon-upload + i::after { + width: 90px; + height: 80px; + background-color: var(--directorist-color-border-gray); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-buttons { + margin-top: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label { + position: relative; + display: inline-flex; + padding: 0 35px 0 17px; + margin: 10px 0; + height: 40px; + align-items: center; + gap: 6px; + border-radius: 8px; + background: var(--directorist-color-primary); + color: var(--directorist-color-white); + text-align: center; + font-size: 13px; + font-weight: 500; + line-height: 14px; + cursor: pointer; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label:before { + position: absolute; + right: 17px; + top: 13px; + content: ""; + mask-image: url(../js/../images/82bc0acb0537c9331637ee2319728e40.svg); + mask-repeat: no-repeat; + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label:hover { + opacity: 0.85; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + p { + margin: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show { + position: absolute; + top: calc(100% + 22px); + right: 0; + width: auto; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 8px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap { + display: none; + height: 76px; + width: 100px; + border-radius: 8px; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap + .ezmu__update-file-btn { + padding: 0; + width: 30px; + height: 30px; + font-size: 0; + position: relative; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap + .ezmu__update-file-btn:before { + content: ""; + position: absolute; + width: 30px; + height: 30px; + right: 0; + z-index: 2; + background-color: var(--directorist-color-border-gray); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/6af1e9612a6d7346e1366489fb9fac45.svg); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__thumbnail-list-item { + width: 175px; + min-width: 175px; + flex-basis: unset; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__sort-buttons { + display: flex; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon { + background-image: unset; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon + .directorist-icon-mask::after { + width: 12px; + height: 12px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__sort-button { + width: 20px; + height: 25px; + background-size: 8px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__featured_tag, +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__thumbnail-size-text { + padding: 0 5px; + height: 25px; + line-height: 25px; } .directorist-form-image-upload-field .ezmu__info-list-item:empty { - display: none; + display: none; } .directorist-add-listing-wrapper { - max-width: 1000px !important; - margin: 0 auto; + max-width: 1000px !important; + margin: 0 auto; } .directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back { - position: relative; - height: 100px; - width: 100%; + position: relative; + height: 100px; + width: 100%; } -.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back .ezmu__thumbnail-img { - -o-object-fit: cover; - object-fit: cover; +.directorist-add-listing-wrapper + .ezmu__thumbnail-list-item_back + .ezmu__thumbnail-img { + object-fit: cover; } .directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - top: 0; - right: 0; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); - opacity: 0; - visibility: visible; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.directorist-add-listing-wrapper .ezmu__thumbnail-list-item:hover .ezmu__thumbnail-list-item_back:before { - opacity: 1; - visibility: visible; + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + right: 0; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 0; + visibility: visible; + transition: all ease 0.3s; +} +.directorist-add-listing-wrapper + .ezmu__thumbnail-list-item:hover + .ezmu__thumbnail-list-item_back:before { + opacity: 1; + visibility: visible; } .directorist-add-listing-wrapper .ezmu__titles-area .ezmu__title-1 { - font-size: 20px; - font-weight: 500; - margin: 0; + font-size: 20px; + font-weight: 500; + margin: 0; } .directorist-add-listing-wrapper .ezmu__btn { - margin-bottom: 25px; - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached .ezmu__upload-button-wrap .ezmu__btn { - pointer-events: none; - opacity: 0.7; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight { - position: relative; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:before { - content: ""; - position: absolute; - right: 0; - top: 0; - height: 100%; - width: 100%; - background-color: #ddd; - cursor: no-drop; - z-index: 9999; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:after { - content: "Maximum Files Uploaded"; - font-size: 18px; - font-weight: 700; - color: #EF0000; - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - cursor: no-drop; - z-index: 9999; + margin-bottom: 25px; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached + .ezmu__upload-button-wrap + .ezmu__btn { + pointer-events: none; + opacity: 0.7; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight { + position: relative; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight:before { + content: ""; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; + background-color: #ddd; + cursor: no-drop; + z-index: 9999; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight:after { + content: "Maximum Files Uploaded"; + font-size: 18px; + font-weight: 700; + color: #ef0000; + position: absolute; + right: 50%; + top: 50%; + transform: translate(50%, -50%); + cursor: no-drop; + z-index: 9999; } .directorist-add-listing-wrapper .ezmu__info-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 6px; - margin: 15px 0 0; + display: flex; + align-items: center; + flex-direction: column; + gap: 6px; + margin: 15px 0 0; } .directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item { - margin: 0; + margin: 0; } .directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item:before { - width: 16px; - height: 16px; - background-image: url(../js/fecb7262255c19cc2351.svg); + width: 16px; + height: 16px; + background-image: url(../js/../images/83eed1a628ff52c2adf977f50ac7adb4.svg); } .directorist-add-listing-form { - /* form action */ + /* form action */ } .directorist-add-listing-form__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - border-radius: 12px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + display: flex; + flex-direction: column; + border-radius: 12px; + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-add-listing-form__action .directorist-form-submit { - margin-top: 15px; -} -.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading { - position: relative; -} -.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading:after { - content: ""; - border: 2px solid #f3f3f3; - border-radius: 50%; - border-top: 2px solid #656a7a; - width: 20px; - height: 20px; - -webkit-animation: rotate360 2s linear infinite; - animation: rotate360 2s linear infinite; - display: inline-block; - margin: 0 10px 0 0; - position: relative; - top: 4px; + margin-top: 15px; +} +.directorist-add-listing-form__action + .directorist-form-submit__btn.atbd_loading { + position: relative; +} +.directorist-add-listing-form__action + .directorist-form-submit__btn.atbd_loading:after { + content: ""; + border: 2px solid #f3f3f3; + border-radius: 50%; + border-top: 2px solid #656a7a; + width: 20px; + height: 20px; + animation: rotate360 2s linear infinite; + display: inline-block; + margin: 0 10px 0 0; + position: relative; + top: 4px; } .directorist-add-listing-form__action label { - line-height: 1.25; - margin-bottom: 0; + line-height: 1.25; + margin-bottom: 0; } .directorist-add-listing-form__action #listing_notifier { - padding: 18px 40px 33px; - font-size: 14px; - font-weight: 600; - color: var(--directorist-color-danger); - border-top: 1px solid var(--directorist-color-border); + padding: 18px 40px 33px; + font-size: 14px; + font-weight: 600; + color: var(--directorist-color-danger); + border-top: 1px solid var(--directorist-color-border); } .directorist-add-listing-form__action #listing_notifier:empty { - display: none; + display: none; } .directorist-add-listing-form__action #listing_notifier .atbdp_success { - color: var(--directorist-color-success); + color: var(--directorist-color-success); } .directorist-add-listing-form__action .directorist-form-group, .directorist-add-listing-form__action .directorist-checkbox { - margin: 0; - padding: 30px 40px 0; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + margin: 0; + padding: 30px 40px 0; + align-items: flex-start; } @media only screen and (max-width: 576px) { - .directorist-add-listing-form__action .directorist-form-group, - .directorist-add-listing-form__action .directorist-checkbox { - padding: 30px 0 0; - } - .directorist-add-listing-form__action .directorist-form-group.directorist-form-privacy, - .directorist-add-listing-form__action .directorist-checkbox.directorist-form-privacy { - padding: 30px 30px 0; - } + .directorist-add-listing-form__action .directorist-form-group, + .directorist-add-listing-form__action .directorist-checkbox { + padding: 30px 0 0; + } + .directorist-add-listing-form__action + .directorist-form-group.directorist-form-privacy, + .directorist-add-listing-form__action + .directorist-checkbox.directorist-form-privacy { + padding: 30px 30px 0; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__action .directorist-form-group, - .directorist-add-listing-form__action .directorist-checkbox { - padding: 30px 20px 0; - } + .directorist-add-listing-form__action .directorist-form-group, + .directorist-add-listing-form__action .directorist-checkbox { + padding: 30px 20px 0; + } } .directorist-add-listing-form__action .directorist-form-group label, .directorist-add-listing-form__action .directorist-checkbox label { - font-size: 14px; - font-weight: 500; - margin: 0 0 10px; + font-size: 14px; + font-weight: 500; + margin: 0 0 10px; } .directorist-add-listing-form__action .directorist-form-group label a, .directorist-add-listing-form__action .directorist-checkbox label a { - color: var(--directorist-color-info); + color: var(--directorist-color-info); } .directorist-add-listing-form__action .directorist-form-group #guest_user_email, .directorist-add-listing-form__action .directorist-checkbox #guest_user_email { - margin: 0 0 10px; + margin: 0 0 10px; } .directorist-add-listing-form__action .directorist-form-required { - padding-right: 5px; + padding-right: 5px; } .directorist-add-listing-form__publish { - padding: 100px 20px; - margin-bottom: 0; - text-align: center; + padding: 100px 20px; + margin-bottom: 0; + text-align: center; } @media only screen and (max-width: 576px) { - .directorist-add-listing-form__publish { - padding: 70px 20px; - } + .directorist-add-listing-form__publish { + padding: 70px 20px; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish { - padding: 50px 20px; - } + .directorist-add-listing-form__publish { + padding: 50px 20px; + } } .directorist-add-listing-form__publish__icon i { - width: 70px; - height: 70px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - margin: 0 auto 25px; - background-color: var(--directorist-color-light); + width: 70px; + height: 70px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 100%; + margin: 0 auto 25px; + background-color: var(--directorist-color-light); } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i { - margin-bottom: 20px; - } + .directorist-add-listing-form__publish__icon i { + margin-bottom: 20px; + } } .directorist-add-listing-form__publish__icon i:after { - width: 30px; - height: 30px; - background-color: var(--directorist-color-primary); + width: 30px; + height: 30px; + background-color: var(--directorist-color-primary); } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i:after { - width: 25px; - height: 25px; - } + .directorist-add-listing-form__publish__icon i:after { + width: 25px; + height: 25px; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i:after { - width: 22px; - height: 22px; - } + .directorist-add-listing-form__publish__icon i:after { + width: 22px; + height: 22px; + } } .directorist-add-listing-form__publish__title { - font-size: 24px; - font-weight: 600; - margin: 0 0 10px; + font-size: 24px; + font-weight: 600; + margin: 0 0 10px; } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__title { - font-size: 22px; - } + .directorist-add-listing-form__publish__title { + font-size: 22px; + } } .directorist-add-listing-form__publish__subtitle { - font-size: 15px; - color: var(--directorist-color-body); - margin: 0; + font-size: 15px; + color: var(--directorist-color-body); + margin: 0; } .directorist-add-listing-form .directorist-form-group textarea { - padding: 10px 0; - background: transparent; + padding: 10px 0; + background: transparent; } .directorist-add-listing-form .atbd_map_shape { - width: 50px; - height: 50px; + width: 50px; + height: 50px; } .directorist-add-listing-form .atbd_map_shape:before { - right: -25px; - top: -25px; - border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); + right: -25px; + top: -25px; + border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); } .directorist-add-listing-form .atbd_map_shape .directorist-icon-mask::after { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } /* Custom Fields */ /* select */ .directorist-custom-field-select select.directorist-form-element { - padding-top: 0; - padding-bottom: 0; + padding-top: 0; + padding-bottom: 0; } /* file upload */ .plupload-upload-uic { - width: 420px; - margin: 0 auto !important; - border: 1px dashed #dbdee9; - padding: 30px; - text-align: center; + width: 420px; + margin: 0 auto !important; + border: 1px dashed #dbdee9; + padding: 30px; + text-align: center; } .plupload-upload-uic .directorist-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; + font-weight: 500; + margin-bottom: 15px; + font-size: 15px; } .plupload-upload-uic .directorist-dropbox-file-types { - margin-top: 10px; - color: #9299b8; + margin-top: 10px; + color: #9299b8; } /* quick login */ .directorist-modal-container { - display: none; - margin: 0 !important; - max-width: 100% !important; - height: 100vh !important; - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 999999999999; + display: none; + margin: 0 !important; + max-width: 100% !important; + height: 100vh !important; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 999999999999; } .directorist-modal-container.show { - display: block; + display: block; } .directorist-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: rgba(0, 0, 0, 0.4705882353); - width: 100%; - height: 100%; - position: absolute; - overflow: auto; - top: 0; - right: 0; - left: 0; - bottom: 0; - padding: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + background-color: rgba(0, 0, 0, 0.4705882353); + width: 100%; + height: 100%; + position: absolute; + overflow: auto; + top: 0; + right: 0; + left: 0; + bottom: 0; + padding: 20px; + align-items: center; + justify-content: center; } .directorist-modals { - display: block; - width: 100%; - max-width: 400px; - margin: 0 auto; - background-color: var(--directorist-color-white); - border-radius: 8px; - overflow: hidden; + display: block; + width: 100%; + max-width: 400px; + margin: 0 auto; + background-color: var(--directorist-color-white); + border-radius: 8px; + overflow: hidden; } .directorist-modal-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 10px 20px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-bottom: 1px solid #e4e4e4; + display: flex; + padding: 10px 20px; + justify-content: space-between; + align-items: center; + border-bottom: 1px solid #e4e4e4; } .directorist-modal-title-area { - display: block; + display: block; } .directorist-modal-header .directorist-modal-title { - margin-bottom: 0 !important; - font-size: 24px; + margin-bottom: 0 !important; + font-size: 24px; } .directorist-modal-actions-area { - display: block; - padding: 0 10px; + display: block; + padding: 0 10px; } .directorist-modal-body { - display: block; - padding: 20px; + display: block; + padding: 20px; } .directorist-form-privacy { - margin-bottom: 10px; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); + margin-bottom: 10px; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); } -.directorist-form-privacy.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after { - border-color: var(--directorist-color-body); +.directorist-form-privacy.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after { + border-color: var(--directorist-color-body); } .directorist-form-privacy, .directorist-form-terms { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-form-privacy a, .directorist-form-terms a { - text-decoration: none; + text-decoration: none; } /* ============================= backend add listing form ================================*/ .add_listing_form_wrapper .hide-if-no-js { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + flex-wrap: wrap; + gap: 15px; + justify-content: center; } #listing_form_info .directorist-bh-wrap .directorist-select select { - width: calc(100% - 1px); - min-height: 42px; - display: block !important; - border-color: #ececec !important; - padding: 0 10px; + width: calc(100% - 1px); + min-height: 42px; + display: block !important; + border-color: #ececec !important; + padding: 0 10px; } .directorist-map-field #floating-panel { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-map-field #floating-panel #delete_marker { - background-color: var(--directorist-color-danger); - border: 1px solid var(--directorist-color-danger); - color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); + border: 1px solid var(--directorist-color-danger); + color: var(--directorist-color-white); } -#listing_form_info .atbd_content_module.atbd-booking-information .atbdb_content_module_contents { - padding-top: 20px; +#listing_form_info + .atbd_content_module.atbd-booking-information + .atbdb_content_module_contents { + padding-top: 20px; } .directorist-custom-field-radio, .directorist-custom-field-checkbox { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 0 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + gap: 0 10px; + flex-wrap: wrap; } .directorist-custom-field-radio .directorist-form-label, .directorist-custom-field-radio .directorist-form-description, @@ -4645,789 +4534,677 @@ body.stop-scrolling { .directorist-custom-field-checkbox .directorist-form-label, .directorist-custom-field-checkbox .directorist-form-description, .directorist-custom-field-checkbox .directorist-custom-field-btn-more { - width: 100%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + width: 100%; + flex: 0 0 100%; } .directorist-custom-field-radio .directorist-checkbox, .directorist-custom-field-radio .directorist-radio, .directorist-custom-field-checkbox .directorist-checkbox, .directorist-custom-field-checkbox .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 49%; - -ms-flex: 0 0 49%; - flex: 0 0 49%; + flex: 0 0 49%; } @media only screen and (max-width: 767px) { - .directorist-custom-field-radio .directorist-checkbox, - .directorist-custom-field-radio .directorist-radio, - .directorist-custom-field-checkbox .directorist-checkbox, - .directorist-custom-field-checkbox .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .directorist-custom-field-radio .directorist-checkbox, + .directorist-custom-field-radio .directorist-radio, + .directorist-custom-field-checkbox .directorist-checkbox, + .directorist-custom-field-checkbox .directorist-radio { + flex: 0 0 100%; + } } .directorist-custom-field-radio .directorist-custom-field-btn-more, .directorist-custom-field-checkbox .directorist-custom-field-btn-more { - margin-top: 5px; + margin-top: 5px; } .directorist-custom-field-radio .directorist-custom-field-btn-more:after, .directorist-custom-field-checkbox .directorist-custom-field-btn-more:after { - content: ""; - display: inline-block; - margin-right: 5px; - -webkit-mask-image: url(../js/664d0b74d206cf7349ab.svg); - mask-image: url(../js/664d0b74d206cf7349ab.svg); - width: 12px; - height: 12px; - background-color: var(--directorist-color-body); + content: ""; + display: inline-block; + margin-right: 5px; + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + width: 12px; + height: 12px; + background-color: var(--directorist-color-body); } .directorist-custom-field-radio .directorist-custom-field-btn-more.active:after, -.directorist-custom-field-checkbox .directorist-custom-field-btn-more.active:after { - -webkit-mask-image: url(../js/2d9a2bdcde23b75a6392.svg); - mask-image: url(../js/2d9a2bdcde23b75a6392.svg); -} - -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered { - height: auto; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 5px; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li { - margin: 0; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li input { - margin-top: 0; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline { - width: auto; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline:first-child { - width: inherit; +.directorist-custom-field-checkbox + .directorist-custom-field-btn-more.active:after { + mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); +} + +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered { + height: auto; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 5px; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li { + margin: 0; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li + input { + margin-top: 0; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li.select2-search--inline { + width: auto; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li.select2-search--inline:first-child { + width: inherit; } .multistep-wizard { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; + display: flex; + gap: 30px; } @media only screen and (max-width: 991px) { - .multistep-wizard { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .multistep-wizard { + flex-direction: column; + } } .multistep-wizard__nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - max-height: 100vh; - min-width: 270px; - max-width: 270px; - overflow-y: auto; + display: flex; + gap: 6px; + flex-direction: column; + height: fit-content; + max-height: 100vh; + min-width: 270px; + max-width: 270px; + overflow-y: auto; } .multistep-wizard__nav.sticky { - position: fixed; - top: 0; + position: fixed; + top: 0; } .multistep-wizard__nav__btn { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; - width: 270px; - min-height: 36px; - padding: 7px 16px; - border: none; - outline: none; - cursor: pointer; - font-size: 14px; - font-weight: 400; - border-radius: 8px; - border: 1px solid transparent; - text-decoration: none !important; - color: var(--directorist-color-light-gray); - background-color: transparent; - border: 1px solid transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: background 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease; + position: relative; + display: flex; + align-items: center; + gap: 12px; + width: 270px; + min-height: 36px; + padding: 7px 16px; + border: none; + outline: none; + cursor: pointer; + font-size: 14px; + font-weight: 400; + border-radius: 8px; + border: 1px solid transparent; + text-decoration: none !important; + color: var(--directorist-color-light-gray); + background-color: transparent; + border: 1px solid transparent; + box-sizing: border-box; + transition: + background 0.2s ease, + color 0.2s ease, + box-shadow 0.2s ease; } @media only screen and (max-width: 991px) { - .multistep-wizard__nav__btn { - width: 100%; - } + .multistep-wizard__nav__btn { + width: 100%; + } } .multistep-wizard__nav__btn i { - min-width: 36px; - width: 36px; - height: 36px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - background-color: #ededed; + min-width: 36px; + width: 36px; + height: 36px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 100%; + background-color: #ededed; } .multistep-wizard__nav__btn i:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); - -webkit-transition: background-color 0.2s ease; - transition: background-color 0.2s ease; + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); + transition: background-color 0.2s ease; } .multistep-wizard__nav__btn:before { - position: absolute; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url(../js/3f62f09e3154ac5ef09f.svg); - mask-image: url(../js/3f62f09e3154ac5ef09f.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-light-gray); - display: block; - opacity: 0; - -webkit-transition: opacity 0.2s ease; - transition: opacity 0.2s ease; - z-index: 2; -} -.multistep-wizard__nav__btn.active, .multistep-wizard__nav__btn:hover { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border-color: var(--directorist-color-border-light); - background-color: var(--directorist-color-white); - outline: none; -} -.multistep-wizard__nav__btn.active:before, .multistep-wizard__nav__btn:hover:before { - opacity: 1; + position: absolute; + left: 20px; + top: 50%; + transform: translateY(-50%); + content: ""; + mask-image: url(../js/../images/bbed57ce5c92c9a7aa71622e408b6a66.svg); + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-light-gray); + display: block; + opacity: 0; + transition: opacity 0.2s ease; + z-index: 2; +} +.multistep-wizard__nav__btn.active, +.multistep-wizard__nav__btn:hover { + box-shadow: var(--directorist-box-shadow); + border-color: var(--directorist-color-border-light); + background-color: var(--directorist-color-white); + outline: none; +} +.multistep-wizard__nav__btn.active:before, +.multistep-wizard__nav__btn:hover:before { + opacity: 1; } .multistep-wizard__nav__btn:focus { - outline: none; - font-weight: 600; - color: var(--directorist-color-primary); + outline: none; + font-weight: 600; + color: var(--directorist-color-primary); } .multistep-wizard__nav__btn:focus:before { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .multistep-wizard__nav__btn:focus i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .multistep-wizard__nav__btn.completed { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .multistep-wizard__nav__btn.completed:before { - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - opacity: 1; + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + opacity: 1; } .multistep-wizard__nav__btn.completed i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } @media only screen and (max-width: 991px) { - .multistep-wizard__nav { - display: none; - } + .multistep-wizard__nav { + display: none; + } } .multistep-wizard__content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + flex: 1; } .multistep-wizard__single { - border-radius: 12px; - background-color: var(--directorist-color-white); + border-radius: 12px; + background-color: var(--directorist-color-white); } .multistep-wizard__single label { - display: block; + display: block; } .multistep-wizard__single span.required { - color: var(--directorist-color-danger); + color: var(--directorist-color-danger); } @media only screen and (max-width: 991px) { - .multistep-wizard__single .directorist-content-module__title { - position: relative; - cursor: pointer; - } - .multistep-wizard__single .directorist-content-module__title h2 { - -webkit-padding-end: 20px; - padding-inline-end: 20px; - } - .multistep-wizard__single .directorist-content-module__title:before { - position: absolute; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url(../js/ff2d93062dca72981c1d.svg); - mask-image: url(../js/ff2d93062dca72981c1d.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-dark); - } - .multistep-wizard__single .directorist-content-module__title.opened:before { - -webkit-mask-image: url(../js/a4b0ca5c8376702b4932.svg); - mask-image: url(../js/a4b0ca5c8376702b4932.svg); - } - .multistep-wizard__single .directorist-content-module__contents { - height: 0; - opacity: 0; - padding: 0; - visibility: hidden; - -webkit-transition: padding-top 0.3s ease; - transition: padding-top 0.3s ease; - } - .multistep-wizard__single .directorist-content-module__contents.active { - height: auto; - opacity: 1; - padding: 20px; - visibility: visible; - } + .multistep-wizard__single .directorist-content-module__title { + position: relative; + cursor: pointer; + } + .multistep-wizard__single .directorist-content-module__title h2 { + padding-inline-end: 20px; + } + .multistep-wizard__single .directorist-content-module__title:before { + position: absolute; + left: 20px; + top: 50%; + transform: translateY(-50%); + content: ""; + mask-image: url(../js/../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg); + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-dark); + } + .multistep-wizard__single .directorist-content-module__title.opened:before { + mask-image: url(../js/../images/e9f5f62f416fee88e3f2d027b8b705da.svg); + } + .multistep-wizard__single .directorist-content-module__contents { + height: 0; + opacity: 0; + padding: 0; + visibility: hidden; + transition: padding-top 0.3s ease; + } + .multistep-wizard__single .directorist-content-module__contents.active { + height: auto; + opacity: 1; + padding: 20px; + visibility: visible; + } } .multistep-wizard__progressbar { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 100%; - margin-top: 50px; - border-radius: 8px; + position: relative; + display: flex; + width: 100%; + margin-top: 50px; + border-radius: 8px; } .multistep-wizard__progressbar:before { - content: ""; - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 2px; - background-color: var(--directorist-color-border); - border-radius: 8px; - -webkit-transition: width 0.3s ease-in-out; - transition: width 0.3s ease-in-out; + content: ""; + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 2px; + background-color: var(--directorist-color-border); + border-radius: 8px; + transition: width 0.3s ease-in-out; } .multistep-wizard__progressbar__width { - position: absolute; - top: 0; - right: 0; - width: 0; + position: absolute; + top: 0; + right: 0; + width: 0; } .multistep-wizard__progressbar__width:after { - content: ""; - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 2px; - background-color: var(--directorist-color-primary); - border-radius: 8px; - -webkit-transition: width 0.3s ease-in-out; - transition: width 0.3s ease-in-out; + content: ""; + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 2px; + background-color: var(--directorist-color-primary); + border-radius: 8px; + transition: width 0.3s ease-in-out; } .multistep-wizard__bottom { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 25px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - margin: 20px 0; + display: flex; + flex-wrap: wrap; + gap: 25px; + align-items: center; + justify-content: space-between; + margin: 20px 0; } @media only screen and (max-width: 575px) { - .multistep-wizard__bottom { - gap: 15px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .multistep-wizard__bottom { + gap: 15px; + justify-content: center; + } } .multistep-wizard__btn { - width: 200px; - height: 54px; - gap: 12px; - border: none; - outline: none; - cursor: pointer; - background-color: var(--directorist-color-light); + width: 200px; + height: 54px; + gap: 12px; + border: none; + outline: none; + cursor: pointer; + background-color: var(--directorist-color-light); } .multistep-wizard__btn.directorist-btn { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .multistep-wizard__btn.directorist-btn i:after { - background-color: var(--directorist-color-body); + background-color: var(--directorist-color-body); } -.multistep-wizard__btn.directorist-btn:hover, .multistep-wizard__btn.directorist-btn:focus { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); +.multistep-wizard__btn.directorist-btn:hover, +.multistep-wizard__btn.directorist-btn:focus { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } -.multistep-wizard__btn.directorist-btn:hover i:after, .multistep-wizard__btn.directorist-btn:focus i:after { - background-color: var(--directorist-color-white); +.multistep-wizard__btn.directorist-btn:hover i:after, +.multistep-wizard__btn.directorist-btn:focus i:after { + background-color: var(--directorist-color-white); } -.multistep-wizard__btn[disabled=true], .multistep-wizard__btn[disabled=disabled] { - color: var(--directorist-color-light-gray); - pointer-events: none; +.multistep-wizard__btn[disabled="true"], +.multistep-wizard__btn[disabled="disabled"] { + color: var(--directorist-color-light-gray); + pointer-events: none; } -.multistep-wizard__btn[disabled=true] i:after, .multistep-wizard__btn[disabled=disabled] i:after { - background-color: var(--directorist-color-light-gray); +.multistep-wizard__btn[disabled="true"] i:after, +.multistep-wizard__btn[disabled="disabled"] i:after { + background-color: var(--directorist-color-light-gray); } .multistep-wizard__btn i:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-primary); + width: 14px; + height: 14px; + background-color: var(--directorist-color-primary); } .multistep-wizard__btn--save-preview { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } .multistep-wizard__btn--save-preview.directorist-btn { - height: 0; - opacity: 0; - visibility: hidden; + height: 0; + opacity: 0; + visibility: hidden; } @media only screen and (max-width: 575px) { - .multistep-wizard__btn--save-preview { - width: 100%; - } + .multistep-wizard__btn--save-preview { + width: 100%; + } } .multistep-wizard__btn--skip-preview { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } .multistep-wizard__btn--skip-preview.directorist-btn { - height: 0; - opacity: 0; - visibility: hidden; + height: 0; + opacity: 0; + visibility: hidden; } .multistep-wizard__btn.directorist-btn { - min-height: unset; + min-height: unset; } @media only screen and (max-width: 575px) { - .multistep-wizard__btn.directorist-btn { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .multistep-wizard__btn.directorist-btn { + flex: 0 0 100%; + } } .multistep-wizard__count { - font-size: 15px; - font-weight: 500; + font-size: 15px; + font-weight: 500; } @media only screen and (max-width: 575px) { - .multistep-wizard__count { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - text-align: center; - } + .multistep-wizard__count { + flex: 0 0 100%; + text-align: center; + } } .multistep-wizard .default-add-listing-bottom { - display: none; + display: none; } .multistep-wizard.default-add-listing .multistep-wizard__single { - display: block !important; + display: block !important; } .multistep-wizard.default-add-listing .multistep-wizard__bottom, .multistep-wizard.default-add-listing .multistep-wizard__progressbar { - display: none !important; + display: none !important; } .multistep-wizard.default-add-listing .default-add-listing-bottom { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 35px 0; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.multistep-wizard.default-add-listing .default-add-listing-bottom .directorist-form-submit__btn { - width: 100%; - height: 54px; + display: flex; + gap: 20px; + flex-wrap: wrap; + padding: 35px 0; + justify-content: space-between; +} +.multistep-wizard.default-add-listing + .default-add-listing-bottom + .directorist-form-submit__btn { + width: 100%; + height: 54px; } .logged-in .multistep-wizard__nav.sticky { - top: 32px; + top: 32px; } @keyframes atbd_scale { - 0% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } + 0% { + transform: scale(0.8); + } + 100% { + transform: scale(1); + } } #directorist_submit_privacy_policy { - display: block; - opacity: 0; - width: 0; - height: 0; - margin: 0; - padding: 0; - border: none; + display: block; + opacity: 0; + width: 0; + height: 0; + margin: 0; + padding: 0; + border: none; } #directorist_submit_privacy_policy::after { - display: none; + display: none; } .upload-error { - display: block !important; - clear: both; - background-color: #FCD9D9; - color: #E80000; - font-size: 16px; - word-break: break-word; - border-radius: 3px; - padding: 15px 20px; + display: block !important; + clear: both; + background-color: #fcd9d9; + color: #e80000; + font-size: 16px; + word-break: break-word; + border-radius: 3px; + padding: 15px 20px; } #upload-msg { - display: block; - clear: both; + display: block; + clear: both; } #content .category_grid_view li a.post_img { - height: 65px; - width: 90%; - overflow: hidden; + height: 65px; + width: 90%; + overflow: hidden; } #content .category_grid_view li a.post_img img { - margin: 0 auto; - display: block; - height: 65px; + margin: 0 auto; + display: block; + height: 65px; } #content .category_list_view li a.post_img { - height: 110px; - width: 165px; - overflow: hidden; + height: 110px; + width: 165px; + overflow: hidden; } #content .category_list_view li a.post_img img { - margin: 0 auto; - display: block; - height: 110px; + margin: 0 auto; + display: block; + height: 110px; } #sidebar .recent_comments li img.thumb { - width: 40px; + width: 40px; } .post_img_tiny img { - width: 35px; + width: 35px; } .single_post_blog img.alignleft { - width: 96%; - height: auto; + width: 96%; + height: auto; } .ecu_images { - width: 100%; + width: 100%; } .filelist { - width: 100%; + width: 100%; } .filelist .file { - padding: 5px; - background-color: #ececec; - border: solid 1px #ccc; - margin-bottom: 4px; - clear: both; - text-align: right; + padding: 5px; + background-color: #ececec; + border: solid 1px #ccc; + margin-bottom: 4px; + clear: both; + text-align: right; } .filelist .fileprogress { - width: 0%; - height: 5px; - background-color: #3385ff; + width: 0%; + height: 5px; + background-color: #3385ff; } #custom-filedropbox, .directorist-custom-field-file-upload__wrapper > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - gap: 20px; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-start; + gap: 20px; } .plupload-upload-uic { - width: 200px; - height: 150px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - border-radius: 12px; - margin: 0 !important; - background-color: var(--directorist-color-bg-gray); - border: 2px dashed var(--directorist-color-border-gray); + width: 200px; + height: 150px; + padding: 0; + display: flex; + gap: 15px; + align-items: center; + justify-content: center; + flex-direction: column; + border-radius: 12px; + margin: 0 !important; + background-color: var(--directorist-color-bg-gray); + border: 2px dashed var(--directorist-color-border-gray); } .plupload-upload-uic > input { - display: none; + display: none; } .plupload-upload-uic .plupload-browse-button-label { - cursor: pointer; + cursor: pointer; } .plupload-upload-uic .plupload-browse-button-label i::after { - width: 50px; - height: 45px; - background-color: var(--directorist-color-border-gray); + width: 50px; + height: 45px; + background-color: var(--directorist-color-border-gray); } .plupload-upload-uic .plupload-browse-img-size { - font-size: 13px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 13px; + font-weight: 400; + color: var(--directorist-color-body); } @media (max-width: 575px) { - .plupload-upload-uic { - width: 100%; - height: 200px; - } + .plupload-upload-uic { + width: 100%; + height: 200px; + } } .plupload-thumbs { - clear: both; - overflow: hidden; + clear: both; + overflow: hidden; } .plupload-thumbs .thumb { - position: relative; - height: 150px; - width: 200px; - border-radius: 12px; + position: relative; + height: 150px; + width: 200px; + border-radius: 12px; } .plupload-thumbs .thumb img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: 12px; + width: 100%; + height: 100%; + object-fit: cover; + border-radius: 12px; } .plupload-thumbs .thumb:hover .atbdp-thumb-actions::before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } @media (max-width: 575px) { - .plupload-thumbs .thumb { - width: 100%; - height: 200px; - } + .plupload-thumbs .thumb { + width: 100%; + height: 200px; + } } .plupload-thumbs .atbdp-thumb-actions { - position: absolute; - height: 100%; - width: 100%; - top: 0; - right: 0; + position: absolute; + height: 100%; + width: 100%; + top: 0; + right: 0; } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink { - position: absolute; - top: 10px; - left: 10px; - background-color: #FF385C; - height: 32px; - width: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.plupload-thumbs .atbdp-thumb-actions .thumbremovelink .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); + position: absolute; + top: 10px; + left: 10px; + background-color: #ff385c; + height: 32px; + width: 32px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + cursor: pointer; + transition: 0.3s ease; +} +.plupload-thumbs + .atbdp-thumb-actions + .thumbremovelink + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink:hover { - opacity: 0.8; + opacity: 0.8; } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink i { - font-size: 14px; + font-size: 14px; } .plupload-thumbs .atbdp-thumb-actions:before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - right: 0; - top: 0; - opacity: 0; - visibility: hidden; - border-radius: 12px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + content: ""; + position: absolute; + width: 100%; + height: 100%; + right: 0; + top: 0; + opacity: 0; + visibility: hidden; + border-radius: 12px; + transition: all ease 0.3s; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); } .plupload-thumbs .thumb.atbdp_file { - border: none; - width: auto; + border: none; + width: auto; } .atbdp-add-files .plupload-thumbs .thumb img, .plupload-thumbs .thumb i.atbdp-file-info { - cursor: move; - width: 100%; - height: 100%; - z-index: 1; + cursor: move; + width: 100%; + height: 100%; + z-index: 1; } .plupload-thumbs .thumb i.atbdp-file-info { - font-size: 50px; - padding-top: 10%; - z-index: 1; + font-size: 50px; + padding-top: 10%; + z-index: 1; } .plupload-thumbs .thumb .thumbi { - position: absolute; - left: -10px; - top: -8px; - height: 18px; - width: 18px; + position: absolute; + left: -10px; + top: -8px; + height: 18px; + width: 18px; } .plupload-thumbs .thumb .thumbi a { - text-indent: -8000px; - display: block; + text-indent: -8000px; + display: block; } .plupload-thumbs .atbdp-title-preview, .plupload-thumbs .atbdp-caption-preview { - position: absolute; - top: 10px; - right: 5px; - font-size: 10px; - line-height: 10px; - padding: 1px; - background: rgba(255, 255, 255, 0.5); - z-index: 2; - overflow: hidden; - height: 10px; + position: absolute; + top: 10px; + right: 5px; + font-size: 10px; + line-height: 10px; + padding: 1px; + background: rgba(255, 255, 255, 0.5); + z-index: 2; + overflow: hidden; + height: 10px; } .plupload-thumbs .atbdp-caption-preview { - top: auto; - bottom: 10px; + top: auto; + bottom: 10px; } /* required styles */ @@ -5441,48 +5218,44 @@ body.stop-scrolling { .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { - position: absolute; - right: 0; - top: 0; + position: absolute; + right: 0; + top: 0; } .leaflet-container { - overflow: hidden; + overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-user-drag: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + -webkit-user-drag: none; } /* Prevents IE11 from highlighting tiles in blue */ -.leaflet-tile::-moz-selection { - background: transparent; -} .leaflet-tile::selection { - background: transparent; + background: transparent; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { - image-rendering: -webkit-optimize-contrast; + image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { - width: 1600px; - height: 1600px; - -webkit-transform-origin: 100% 0; + width: 1600px; + height: 1600px; + -webkit-transform-origin: 100% 0; } .leaflet-marker-icon, .leaflet-marker-shadow { - display: block; + display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ @@ -5493,229 +5266,232 @@ body.stop-scrolling { .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { - max-width: none !important; - max-height: none !important; + max-width: none !important; + max-height: none !important; } .leaflet-container.leaflet-touch-zoom { - -ms-touch-action: pan-x pan-y; - touch-action: pan-x pan-y; + -ms-touch-action: pan-x pan-y; + touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { - -ms-touch-action: pinch-zoom; - /* Fallback for FF which doesn't support pinch-zoom */ - touch-action: none; - touch-action: pinch-zoom; + -ms-touch-action: pinch-zoom; + /* Fallback for FF which doesn't support pinch-zoom */ + touch-action: none; + touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { - -ms-touch-action: none; - touch-action: none; + -ms-touch-action: none; + touch-action: none; } .leaflet-container { - -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: transparent; } .leaflet-container a { - -webkit-tap-highlight-color: rgba(145, 175, 186, 0.4); + -webkit-tap-highlight-color: rgba(145, 175, 186, 0.4); } .leaflet-tile { - -webkit-filter: inherit; - filter: inherit; - visibility: hidden; + filter: inherit; + visibility: hidden; } .leaflet-tile-loaded { - visibility: inherit; + visibility: inherit; } .leaflet-zoom-box { - width: 0; - height: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; - z-index: 800; + width: 0; + height: 0; + -moz-box-sizing: border-box; + box-sizing: border-box; + z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { - -moz-user-select: none; + -moz-user-select: none; } .leaflet-pane { - z-index: 400; + z-index: 400; } .leaflet-tile-pane { - z-index: 200; + z-index: 200; } .leaflet-overlay-pane { - z-index: 400; + z-index: 400; } .leaflet-shadow-pane { - z-index: 500; + z-index: 500; } .leaflet-marker-pane { - z-index: 600; + z-index: 600; } .leaflet-tooltip-pane { - z-index: 650; + z-index: 650; } .leaflet-popup-pane { - z-index: 700; + z-index: 700; } .leaflet-map-pane canvas { - z-index: 100; + z-index: 100; } .leaflet-map-pane svg { - z-index: 200; + z-index: 200; } .leaflet-vml-shape { - width: 1px; - height: 1px; + width: 1px; + height: 1px; } .lvml { - behavior: url(#default#VML); - display: inline-block; - position: absolute; + behavior: url(#default#VML); + display: inline-block; + position: absolute; } /* control positioning */ .leaflet-control { - position: relative; - z-index: 800; - pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ - pointer-events: auto; + position: relative; + z-index: 800; + pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ + pointer-events: auto; } .leaflet-top, .leaflet-bottom { - position: absolute; - z-index: 1000; - pointer-events: none; + position: absolute; + z-index: 1000; + pointer-events: none; } .leaflet-top { - top: 0; + top: 0; } .leaflet-right { - left: 0; - display: none; + left: 0; + display: none; } .leaflet-bottom { - bottom: 0; + bottom: 0; } .leaflet-left { - right: 0; + right: 0; } .leaflet-control { - float: right; - clear: both; + float: right; + clear: both; } .leaflet-right .leaflet-control { - float: left; + float: left; } .leaflet-top .leaflet-control { - margin-top: 10px; + margin-top: 10px; } .leaflet-bottom .leaflet-control { - margin-bottom: 10px; + margin-bottom: 10px; } .leaflet-left .leaflet-control { - margin-right: 10px; + margin-right: 10px; } .leaflet-right .leaflet-control { - margin-left: 10px; + margin-left: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile { - will-change: opacity; + will-change: opacity; } .leaflet-fade-anim .leaflet-popup { - opacity: 0; - -webkit-transition: opacity 0.2s linear; - transition: opacity 0.2s linear; + opacity: 0; + -webkit-transition: opacity 0.2s linear; + -moz-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { - opacity: 1; + opacity: 1; } .leaflet-zoom-animated { - -webkit-transform-origin: 100% 0; - transform-origin: 100% 0; + -webkit-transform-origin: 100% 0; + -ms-transform-origin: 100% 0; + transform-origin: 100% 0; } .leaflet-zoom-anim .leaflet-zoom-animated { - will-change: transform; + will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { - -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { - -webkit-transition: none; - transition: none; + -webkit-transition: none; + -moz-transition: none; + transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { - visibility: hidden; + visibility: hidden; } /* cursors */ .leaflet-interactive { - cursor: pointer; + cursor: pointer; } .leaflet-grab { - cursor: -webkit-grab; - cursor: grab; + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { - cursor: crosshair; + cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { - cursor: auto; + cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { - cursor: move; - cursor: -webkit-grabbing; - cursor: grabbing; + cursor: move; + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: grabbing; } /* marker & overlays interactivity */ @@ -5724,1741 +5500,1756 @@ body.stop-scrolling { .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { - pointer-events: none; + pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { - pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ - pointer-events: auto; + pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ + pointer-events: auto; } /* visual tweaks */ .leaflet-container { - background-color: #ddd; - outline: 0; + background-color: #ddd; + outline: 0; } .leaflet-container a, .leaflet-container .map-listing-card-single__content a { - color: #404040; + color: #404040; } .leaflet-container a.leaflet-active { - outline: 2px solid #fa8b0c; + outline: 2px solid #fa8b0c; } .leaflet-zoom-box { - border: 2px dotted var(--directorist-color-info); - background: rgba(255, 255, 255, 0.5); + border: 2px dotted var(--directorist-color-info); + background: rgba(255, 255, 255, 0.5); } /* general typography */ .leaflet-container { - font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; + font: + 12px/1.5 "Helvetica Neue", + Arial, + Helvetica, + sans-serif; } /* general toolbar styles */ .leaflet-bar { - -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); - border-radius: 4px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); + border-radius: 4px; } .leaflet-bar a, .leaflet-bar a:hover { - background-color: var(--directorist-color-white); - border-bottom: 1px solid #ccc; - width: 26px; - height: 26px; - line-height: 26px; - display: block; - text-align: center; - text-decoration: none; - color: black; + background-color: var(--directorist-color-white); + border-bottom: 1px solid #ccc; + width: 26px; + height: 26px; + line-height: 26px; + display: block; + text-align: center; + text-decoration: none; + color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { - background-position: 50% 50%; - background-repeat: no-repeat; - display: block; + background-position: 50% 50%; + background-repeat: no-repeat; + display: block; } .leaflet-bar a:hover { - background-color: #f4f4f4; + background-color: #f4f4f4; } .leaflet-bar a:first-child { - border-top-right-radius: 4px; - border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-top-left-radius: 4px; } .leaflet-bar a:last-child { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - border-bottom: none; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-bottom: none; } .leaflet-bar a.leaflet-disabled { - cursor: default; - background-color: #f4f4f4; - color: #bbb; + cursor: default; + background-color: #f4f4f4; + color: #bbb; } .leaflet-touch .leaflet-bar a { - width: 30px; - height: 30px; - line-height: 30px; + width: 30px; + height: 30px; + line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { - border-top-right-radius: 2px; - border-top-left-radius: 2px; + border-top-right-radius: 2px; + border-top-left-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { - font: bold 18px "Lucida Console", Monaco, monospace; - text-indent: 1px; + font: + bold 18px "Lucida Console", + Monaco, + monospace; + text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { - font-size: 22px; + font-size: 22px; } /* layers control */ .leaflet-control-layers { - -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - background-color: var(--directorist-color-white); - border-radius: 5px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); + background-color: var(--directorist-color-white); + border-radius: 5px; } .leaflet-control-layers-toggle { - width: 36px; - height: 36px; + width: 36px; + height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { - background-size: 26px 26px; + background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { - width: 44px; - height: 44px; + width: 44px; + height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { - display: none; + display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { - display: block; - position: relative; + display: block; + position: relative; } .leaflet-control-layers-expanded { - padding: 6px 6px 6px 10px; - color: #333; - background-color: var(--directorist-color-white); + padding: 6px 6px 6px 10px; + color: #333; + background-color: var(--directorist-color-white); } .leaflet-control-layers-scrollbar { - overflow-y: scroll; - overflow-x: hidden; - padding-left: 5px; + overflow-y: scroll; + overflow-x: hidden; + padding-left: 5px; } .leaflet-control-layers-selector { - margin-top: 2px; - position: relative; - top: 1px; + margin-top: 2px; + position: relative; + top: 1px; } .leaflet-control-layers label { - display: block; + display: block; } .leaflet-control-layers-separator { - height: 0; - border-top: 1px solid #ddd; - margin: 5px -6px 5px -10px; + height: 0; + border-top: 1px solid #ddd; + margin: 5px -6px 5px -10px; } /* Default icon URLs */ /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { - background-color: var(--directorist-color-white); - background: rgba(255, 255, 255, 0.7); - margin: 0; + background-color: var(--directorist-color-white); + background: rgba(255, 255, 255, 0.7); + margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { - padding: 0 5px; - color: #333; + padding: 0 5px; + color: #333; } .leaflet-control-attribution a { - text-decoration: none; + text-decoration: none; } .leaflet-control-attribution a:hover { - text-decoration: underline; + text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { - font-size: 11px; + font-size: 11px; } .leaflet-left .leaflet-control-scale { - margin-right: 5px; + margin-right: 5px; } .leaflet-bottom .leaflet-control-scale { - margin-bottom: 5px; + margin-bottom: 5px; } .leaflet-control-scale-line { - border: 2px solid #777; - border-top: none; - line-height: 1.1; - padding: 2px 5px 1px; - font-size: 11px; - white-space: nowrap; - overflow: hidden; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background-color: var(--directorist-color-white); - background: rgba(255, 255, 255, 0.5); + border: 2px solid #777; + border-top: none; + line-height: 1.1; + padding: 2px 5px 1px; + font-size: 11px; + white-space: nowrap; + overflow: hidden; + -moz-box-sizing: border-box; + box-sizing: border-box; + background-color: var(--directorist-color-white); + background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { - border-top: 2px solid #777; - border-bottom: none; - margin-top: -2px; + border-top: 2px solid #777; + border-bottom: none; + margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { - border-bottom: 2px solid #777; + border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { - border: 2px solid rgba(0, 0, 0, 0.2); - background-clip: padding-box; + border: 2px solid rgba(0, 0, 0, 0.2); + background-clip: padding-box; } /* popup */ .leaflet-popup { - position: absolute; - text-align: center; - margin-bottom: 20px; + position: absolute; + text-align: center; + margin-bottom: 20px; } .leaflet-popup-content-wrapper { - padding: 1px; - text-align: right; - border-radius: 10px; + padding: 1px; + text-align: right; + border-radius: 10px; } .leaflet-popup-content { - margin: 13px 19px; - line-height: 1.4; + margin: 13px 19px; + line-height: 1.4; } .leaflet-popup-content p { - margin: 18px 0; + margin: 18px 0; } .leaflet-popup-tip-container { - width: 40px; - height: 20px; - position: absolute; - right: 50%; - margin-right: -20px; - overflow: hidden; - pointer-events: none; + width: 40px; + height: 20px; + position: absolute; + right: 50%; + margin-right: -20px; + overflow: hidden; + pointer-events: none; } .leaflet-popup-tip { - width: 17px; - height: 17px; - padding: 1px; - margin: -10px auto 0; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + width: 17px; + height: 17px; + padding: 1px; + margin: -10px auto 0; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { - background: white; - color: #333; - -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); - box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); + background: white; + color: #333; + box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); } .leaflet-container a.leaflet-popup-close-button { - position: absolute; - top: 0; - left: 0; - padding: 4px 0 0 4px; - border: none; - text-align: center; - width: 18px; - height: 14px; - font: 16px/14px Tahoma, Verdana, sans-serif; - color: #c3c3c3; - text-decoration: none; - font-weight: bold; - background: transparent; + position: absolute; + top: 0; + left: 0; + padding: 4px 0 0 4px; + border: none; + text-align: center; + width: 18px; + height: 14px; + font: + 16px/14px Tahoma, + Verdana, + sans-serif; + color: #c3c3c3; + text-decoration: none; + font-weight: bold; + background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { - color: #999; + color: #999; } .leaflet-popup-scrolled { - overflow: auto; - border-bottom: 1px solid #ddd; - border-top: 1px solid #ddd; + overflow: auto; + border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { - zoom: 1; + zoom: 1; } .leaflet-oldie .leaflet-popup-tip { - width: 24px; - margin: 0 auto; - -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; - filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); + width: 24px; + margin: 0 auto; + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; + filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { - margin-top: -1px; + margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { - border: 1px solid #999; + border: 1px solid #999; } /* div icon */ .leaflet-div-icon { - background-color: var(--directorist-color-white); - border: 1px solid #666; + background-color: var(--directorist-color-white); + border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { - position: absolute; - padding: 6px; - background-color: var(--directorist-color-white); - border: 1px solid var(--directorist-color-white); - border-radius: 3px; - color: #222; - white-space: nowrap; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - pointer-events: none; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); + position: absolute; + padding: 6px; + background-color: var(--directorist-color-white); + border: 1px solid var(--directorist-color-white); + border-radius: 3px; + color: #222; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .leaflet-tooltip.leaflet-clickable { - cursor: pointer; - pointer-events: auto; + cursor: pointer; + pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { - position: absolute; - pointer-events: none; - border: 6px solid transparent; - background: transparent; - content: ""; + position: absolute; + pointer-events: none; + border: 6px solid transparent; + background: transparent; + content: ""; } /* Directions */ .leaflet-tooltip-bottom { - margin-top: 6px; + margin-top: 6px; } .leaflet-tooltip-top { - margin-top: -6px; + margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { - right: 50%; - margin-right: -6px; + right: 50%; + margin-right: -6px; } .leaflet-tooltip-top:before { - bottom: 0; - margin-bottom: -12px; - border-top-color: var(--directorist-color-white); + bottom: 0; + margin-bottom: -12px; + border-top-color: var(--directorist-color-white); } .leaflet-tooltip-bottom:before { - top: 0; - margin-top: -12px; - margin-right: -6px; - border-bottom-color: var(--directorist-color-white); + top: 0; + margin-top: -12px; + margin-right: -6px; + border-bottom-color: var(--directorist-color-white); } .leaflet-tooltip-left { - margin-right: -6px; + margin-right: -6px; } .leaflet-tooltip-right { - margin-right: 6px; + margin-right: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { - top: 50%; - margin-top: -6px; + top: 50%; + margin-top: -6px; } .leaflet-tooltip-left:before { - left: 0; - margin-left: -12px; - border-right-color: var(--directorist-color-white); + left: 0; + margin-left: -12px; + border-right-color: var(--directorist-color-white); } .leaflet-tooltip-right:before { - right: 0; - margin-right: -12px; - border-left-color: var(--directorist-color-white); + right: 0; + margin-right: -12px; + border-left-color: var(--directorist-color-white); } .directorist-content-active #map { - position: relative; - width: 100%; - height: 660px; - border: none; - z-index: 1; + position: relative; + width: 100%; + height: 660px; + border: none; + z-index: 1; } .directorist-content-active #gmap_full_screen_button { - position: absolute; - top: 20px; - left: 20px; - z-index: 999; - width: 50px; - height: 50px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 10px; - background-color: var(--directorist-color-white); - cursor: pointer; + position: absolute; + top: 20px; + left: 20px; + z-index: 999; + width: 50px; + height: 50px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 10px; + background-color: var(--directorist-color-white); + cursor: pointer; } .directorist-content-active #gmap_full_screen_button i::after { - width: 22px; - height: 22px; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - background-color: var(--directorist-color-dark); + width: 22px; + height: 22px; + transition: all 0.3s ease-in-out; + background-color: var(--directorist-color-dark); } .directorist-content-active #gmap_full_screen_button .fullscreen-disable { - display: none; + display: none; } .directorist-content-active #progress { - display: none; - position: absolute; - z-index: 1000; - right: 400px; - top: 300px; - width: 200px; - height: 20px; - margin-top: -20px; - margin-right: -100px; - background-color: var(--directorist-color-white); - background-color: rgba(255, 255, 255, 0.7); - border-radius: 4px; - padding: 2px; + display: none; + position: absolute; + z-index: 1000; + right: 400px; + top: 300px; + width: 200px; + height: 20px; + margin-top: -20px; + margin-right: -100px; + background-color: var(--directorist-color-white); + background-color: rgba(255, 255, 255, 0.7); + border-radius: 4px; + padding: 2px; } .directorist-content-active #progress-bar { - width: 0; - height: 100%; - background-color: #76A6FC; - border-radius: 4px; + width: 0; + height: 100%; + background-color: #76a6fc; + border-radius: 4px; } .directorist-content-active .gm-fullscreen-control { - width: 50px !important; - height: 50px !important; - margin: 20px !important; - border-radius: 10px !important; - -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; - box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; + width: 50px !important; + height: 50px !important; + margin: 20px !important; + border-radius: 10px !important; + box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; } .directorist-content-active .gmnoprint { - border-radius: 5px; + border-radius: 5px; } .directorist-content-active .gm-style-cc, .directorist-content-active .gm-style-mtc-bbw, .directorist-content-active button.gm-svpc { - display: none; + display: none; } .directorist-content-active .italic { - font-style: italic; + font-style: italic; } .directorist-content-active .buttonsTable { - border: 1px solid grey; - border-collapse: collapse; + border: 1px solid grey; + border-collapse: collapse; } .directorist-content-active .buttonsTable td, .directorist-content-active .buttonsTable th { - padding: 8px; - border: 1px solid grey; + padding: 8px; + border: 1px solid grey; } .directorist-content-active .version-disabled { - text-decoration: line-through; + text-decoration: line-through; } /* wp color picker */ .directorist-form-group .wp-picker-container .button { - position: relative; - height: 40px; - border: 0 none; - width: 140px; - padding: 0; - font-size: 14px; - font-weight: 500; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - border-radius: 8px; - cursor: pointer; + position: relative; + height: 40px; + border: 0 none; + width: 140px; + padding: 0; + font-size: 14px; + font-weight: 500; + transition: 0.3s ease; + border-radius: 8px; + cursor: pointer; } .directorist-form-group .wp-picker-container .button:hover { - color: var(--directorist-color-white); - background: rgba(var(--directorist-color-dark-rgb), 0.7); + color: var(--directorist-color-white); + background: rgba(var(--directorist-color-dark-rgb), 0.7); } .directorist-form-group .wp-picker-container .button .wp-color-result-text { - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - height: 100%; - width: auto; - min-width: 100px; - padding: 0 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - line-height: 1; - font-size: 14px; - text-transform: capitalize; - background-color: #f7f7f7; - color: var(--directorist-color-body); + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + height: 100%; + width: auto; + min-width: 100px; + padding: 0 10px; + display: flex; + align-items: center; + justify-content: center; + line-height: 1; + font-size: 14px; + text-transform: capitalize; + background-color: #f7f7f7; + color: var(--directorist-color-body); } .directorist-form-group .wp-picker-container .wp-picker-input-wrap label { - width: 90px; + width: 90px; } .directorist-form-group .wp-picker-container .wp-picker-input-wrap label input { - height: 40px; - padding: 0; - text-align: center; - border: none; + height: 40px; + padding: 0; + text-align: center; + border: none; } .directorist-form-group .wp-picker-container .hidden { - display: none; -} -.directorist-form-group .wp-picker-container .wp-picker-open + .wp-picker-input-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 10px 0; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap { - padding: 15px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap.hidden { - display: none; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap .screen-reader-text { - display: none; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap label { - width: 90px; - margin: 0; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap label + .button { - margin-right: 10px; - padding-top: 0; - padding-bottom: 0; - font-size: 15px; + display: none; +} +.directorist-form-group + .wp-picker-container + .wp-picker-open + + .wp-picker-input-wrap { + display: flex; + align-items: center; + margin: 10px 0; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap { + padding: 15px 0; + display: flex; + align-items: center; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap.hidden { + display: none; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap + .screen-reader-text { + display: none; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap + label { + width: 90px; + margin: 0; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap + label + + .button { + margin-right: 10px; + padding-top: 0; + padding-bottom: 0; + font-size: 15px; } .directorist-show { - display: block !important; + display: block !important; } .directorist-hide { - display: none !important; + display: none !important; } .directorist-d-none { - display: none !important; + display: none !important; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-content-active .entry-content ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist-content-active .entry-content a { - text-decoration: none; + text-decoration: none; } -.directorist-content-active .entry-content .directorist-search-modal__contents__title { - margin: 0; - padding: 0; - color: var(--directorist-color-dark); +.directorist-content-active + .entry-content + .directorist-search-modal__contents__title { + margin: 0; + padding: 0; + color: var(--directorist-color-dark); } -.directorist-content-active button[type=submit].directorist-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; +.directorist-content-active button[type="submit"].directorist-btn { + display: flex; + align-items: center; } /* Container within container spacing issue fix */ .directorist-container-fluid > .directorist-container-fluid { - padding-right: 0; - padding-left: 0; + padding-right: 0; + padding-left: 0; } .directorist-announcement-wrapper .directorist_not-found p { - margin-bottom: 0; -} - -.directorist-content-active .select2-container--open .select2-dropdown.select2-dropdown--below { - top: 0; - border-color: var(--directorist-color-border); -} - -.logged-in.directorist-content-active .select2-container--open .select2-dropdown.select2-dropdown--below { - top: 32px; -} - -.directorist-content-active .directorist-select .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear { - display: none; -} - -.directorist-content-active .select2.select2-container.select2-container--default { - width: 100% !important; -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection { - min-height: 40px; - min-height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border: none; - padding: 5px 0; - border-radius: 0; - background: transparent; - border-bottom: 1px solid var(--directorist-color-border-gray); -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection:focus { - border-color: var(--directorist-color-primary); - outline: none; -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice { - height: 28px; - line-height: 28px; - font-size: 12px; - border: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - padding: 0 10px; - border-radius: 8px; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice__remove { - position: relative; - width: 12px; - margin: 0; - font-size: 0; - color: var(--directorist-color-white); -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice__remove:before { - content: ""; - -webkit-mask-image: url(../js/9d0ab79f5e8dedfeb8ef.svg); - mask-image: url(../js/9d0ab79f5e8dedfeb8ef.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-white); - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - height: auto; - line-height: 30px; - font-size: 14px; - overflow-y: auto; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0 !important; - -ms-overflow-style: none; /* Internet Explorer 10+ */ - scrollbar-width: none; /* Firefox */ -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered::-webkit-scrollbar { - display: none; -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered .select2-selection__clear { - padding-left: 25px; -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__arrow b { - display: none; -} -.directorist-content-active .select2.select2-container.select2-container--focus .select2-selection { - border: none; - border-bottom: 2px solid var(--directorist-color-primary) !important; + margin-bottom: 0; +} + +.directorist-content-active + .select2-container--open + .select2-dropdown.select2-dropdown--below { + top: 0; + border-color: var(--directorist-color-border); +} + +.logged-in.directorist-content-active + .select2-container--open + .select2-dropdown.select2-dropdown--below { + top: 32px; +} + +.directorist-content-active + .directorist-select + .select2.select2-container + .select2-selection + .select2-selection__rendered + .select2-selection__clear { + display: none; +} + +.directorist-content-active + .select2.select2-container.select2-container--default { + width: 100% !important; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection { + min-height: 40px; + min-height: 40px; + display: flex; + align-items: center; + border: none; + padding: 5px 0; + border-radius: 0; + background: transparent; + border-bottom: 1px solid var(--directorist-color-border-gray); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection:focus { + border-color: var(--directorist-color-primary); + outline: none; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__choice { + height: 28px; + line-height: 28px; + font-size: 12px; + border: none; + display: flex; + gap: 5px; + padding: 0 10px; + border-radius: 8px; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__choice__remove { + position: relative; + width: 12px; + margin: 0; + font-size: 0; + color: var(--directorist-color-white); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__choice__remove:before { + content: ""; + mask-image: url(../js/../images/4ff79f85f2a1666e0f80c7ca71039465.svg); + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-white); + position: absolute; + top: 50%; + transform: translateY(-50%); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__rendered { + display: flex; + gap: 5px; + height: auto; + line-height: 30px; + font-size: 14px; + overflow-y: auto; + align-items: center; + padding: 0 !important; + -ms-overflow-style: none; /* Internet Explorer 10+ */ + scrollbar-width: none; /* Firefox */ +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__rendered::-webkit-scrollbar { + display: none; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__rendered + .select2-selection__clear { + padding-left: 25px; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__arrow + b { + display: none; +} +.directorist-content-active + .select2.select2-container.select2-container--focus + .select2-selection { + border: none; + border-bottom: 2px solid var(--directorist-color-primary) !important; } .directorist-content-active .select2-container.select2-container--open { - z-index: 99999; + z-index: 99999; } @media only screen and (max-width: 575px) { - .directorist-content-active .select2-container.select2-container--open { - width: calc(100% - 40px); - } -} - -.directorist-content-active .select2-container--default .select2-selection .select2-selection__arrow b { - margin-top: 0; -} - -.directorist-content-active .select2-container .directorist-select2-addons-area { - top: unset; - bottom: 20px; - left: 0; -} -.directorist-content-active .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - position: absolute; - left: 0; - padding: 0; - width: auto; - pointer-events: none; -} -.directorist-content-active .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-close { - position: absolute; - left: 15px; - padding: 0; - display: none; + .directorist-content-active .select2-container.select2-container--open { + width: calc(100% - 40px); + } +} + +.directorist-content-active + .select2-container--default + .select2-selection + .select2-selection__arrow + b { + margin-top: 0; +} + +.directorist-content-active + .select2-container + .directorist-select2-addons-area { + top: unset; + bottom: 20px; + left: 0; +} +.directorist-content-active + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + position: absolute; + left: 0; + padding: 0; + width: auto; + pointer-events: none; +} +.directorist-content-active + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-close { + position: absolute; + left: 15px; + padding: 0; + display: none; } /* Login/Signup Form CSS */ #recover-pass-modal { - display: none; + display: none; } .directorist-login-wrapper #recover-pass-modal .directorist-btn { - margin-top: 15px; + margin-top: 15px; } .directorist-login-wrapper #recover-pass-modal .directorist-btn:hover { - text-decoration: none; + text-decoration: none; } body.modal-overlay-enabled { - position: relative; + position: relative; } body.modal-overlay-enabled:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - right: 0; - top: 0; - background-color: rgba(var(--directorist-color-dark-rgb), 0.05); - z-index: 1; + content: ""; + width: 100%; + height: 100%; + position: absolute; + right: 0; + top: 0; + background-color: rgba(var(--directorist-color-dark-rgb), 0.05); + z-index: 1; } .directorist-widget { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-widget .directorist-card__header.directorist-widget__header { - padding: 20px 25px; + padding: 20px 25px; } -.directorist-widget .directorist-card__header.directorist-widget__header .directorist-widget__header__title { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; +.directorist-widget + .directorist-card__header.directorist-widget__header + .directorist-widget__header__title { + flex-wrap: wrap; } .directorist-widget .directorist-card__body.directorist-widget__body { - padding: 20px 30px; + padding: 20px 30px; } .directorist-sidebar .directorist-card { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-sidebar .directorist-card ul { - padding: 0; - margin: 0; - list-style: none; + padding: 0; + margin: 0; + list-style: none; } .directorist-sidebar .directorist-card .directorist-author-social { - padding: 22px 0 0; + padding: 22px 0 0; } -.directorist-sidebar .directorist-card .directorist-single-author-contact-info ul { - padding: 0; +.directorist-sidebar + .directorist-card + .directorist-single-author-contact-info + ul { + padding: 0; } .directorist-sidebar .directorist-card .tagcloud { - margin: 0; - padding: 25px; + margin: 0; + padding: 25px; } .directorist-sidebar .directorist-card a { - text-decoration: none; + text-decoration: none; } .directorist-sidebar .directorist-card select { - width: 100%; - height: 40px; - padding: 8px 0; - border-radius: 0; - font-size: 15px; - font-weight: 400; - outline: none; - border: none; - border-bottom: 1px solid var(--directorist-color-border); - -webkit-transition: border-color 0.3s ease; - transition: border-color 0.3s ease; + width: 100%; + height: 40px; + padding: 8px 0; + border-radius: 0; + font-size: 15px; + font-weight: 400; + outline: none; + border: none; + border-bottom: 1px solid var(--directorist-color-border); + transition: border-color 0.3s ease; } .directorist-sidebar .directorist-card select:focus { - border-color: var(--directorist-color-dark); + border-color: var(--directorist-color-dark); } .directorist-sidebar .directorist-card__header__title { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; } .directorist-widget__listing-contact .directorist-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-bottom: 20px; -} -.directorist-widget__listing-contact .directorist-form-group .directorist-form-element { - height: 46px; - padding: 8px 16px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); -} -.directorist-widget__listing-contact .directorist-form-group .directorist-form-element:focus { - border: 1px solid var(--directorist-color-dark); -} -.directorist-widget__listing-contact .directorist-form-group .directorist-form-element__prefix { - height: 46px; - line-height: 46px; + display: flex; + margin-bottom: 20px; +} +.directorist-widget__listing-contact + .directorist-form-group + .directorist-form-element { + height: 46px; + padding: 8px 16px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); +} +.directorist-widget__listing-contact + .directorist-form-group + .directorist-form-element:focus { + border: 1px solid var(--directorist-color-dark); +} +.directorist-widget__listing-contact + .directorist-form-group + .directorist-form-element__prefix { + height: 46px; + line-height: 46px; } .directorist-widget__listing-contact .directorist-form-group textarea { - min-height: 130px !important; - resize: none; + min-height: 130px !important; + resize: none; } .directorist-widget__listing-contact .directorist-btn { - width: 100%; + width: 100%; } .directorist-widget__submit-listing .directorist-btn { - width: 100%; + width: 100%; } .directorist-widget__author-info figure { - margin: 0; + margin: 0; } .directorist-widget__author-info .diretorist-view-profile-btn { - width: 100%; - margin-top: 25px; + width: 100%; + margin-top: 25px; } .directorist-single-map.directorist-widget__map.leaflet-container { - margin-bottom: 0; - border-radius: 12px; + margin-bottom: 0; + border-radius: 12px; } .directorist-widget-listing__single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 15px; } .directorist-widget-listing__single:not(:last-child) { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-widget-listing__image { - width: 70px; - height: 70px; + width: 70px; + height: 70px; } .directorist-widget-listing__image a:focus { - outline: none; + outline: none; } .directorist-widget-listing__image img { - width: 100%; - height: 100%; - border-radius: 10px; + width: 100%; + height: 100%; + border-radius: 10px; } .directorist-widget-listing__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + gap: 5px; + flex-direction: column; } .directorist-widget-listing__content .directorist-widget-listing__title { - font-size: 15px; - font-weight: 500; - line-height: 1; - margin: 0; - color: var(--directorist-color-dark); - margin: 0; + font-size: 15px; + font-weight: 500; + line-height: 1; + margin: 0; + color: var(--directorist-color-dark); + margin: 0; } .directorist-widget-listing__content a { - text-decoration: none; - display: inline-block; - width: 200px; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - color: var(--directorist-color-dark); + text-decoration: none; + display: inline-block; + width: 200px; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + color: var(--directorist-color-dark); } .directorist-widget-listing__content a:focus { - outline: none; + outline: none; } .directorist-widget-listing__content .directorist-widget-listing__meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } .directorist-widget-listing__content .directorist-widget-listing__rating { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-widget-listing__content .directorist-widget-listing__rating-point { - font-size: 14px; - font-weight: 600; - display: inline-block; - margin: 0 8px; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 600; + display: inline-block; + margin: 0 8px; + color: var(--directorist-color-body); } .directorist-widget-listing__content .directorist-icon-mask { - line-height: 1; + line-height: 1; } .directorist-widget-listing__content .directorist-icon-mask:after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-warning); + width: 12px; + height: 12px; + background-color: var(--directorist-color-warning); } .directorist-widget-listing__content .directorist-widget-listing__reviews { - font-size: 13px; - text-decoration: underline; - color: var(--directorist-color-body); + font-size: 13px; + text-decoration: underline; + color: var(--directorist-color-body); } .directorist-widget-listing__content .directorist-widget-listing__price { - font-size: 15px; - font-weight: 600; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 600; + color: var(--directorist-color-dark); } .directorist-widget__video .directorist-embaded-item { - width: 100%; - height: 100%; - border-radius: 10px; + width: 100%; + height: 100%; + border-radius: 10px; } -.directorist-widget .directorist-widget-list li:hover .directorist-widget-list__icon { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); +.directorist-widget + .directorist-widget-list + li:hover + .directorist-widget-list__icon { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-widget .directorist-widget-list li:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } .directorist-widget .directorist-widget-list li span.la, .directorist-widget .directorist-widget-list li span.fa { - cursor: pointer; - margin: 0 0 0 5px; + cursor: pointer; + margin: 0 0 0 5px; } .directorist-widget .directorist-widget-list .directorist-widget-list__icon { - font-size: 12px; - display: inline-block; - margin-left: 10px; - line-height: 28px; - width: 28px; - text-align: center; - background-color: #f1f3f8; - color: #9299b8; - border-radius: 50%; + font-size: 12px; + display: inline-block; + margin-left: 10px; + line-height: 28px; + width: 28px; + text-align: center; + background-color: #f1f3f8; + color: #9299b8; + border-radius: 50%; } .directorist-widget .directorist-widget-list .directorist-child-category { - padding-right: 44px; - margin-top: 2px; + padding-right: 44px; + margin-top: 2px; } .directorist-widget .directorist-widget-list .directorist-child-category li a { - position: relative; + position: relative; } -.directorist-widget .directorist-widget-list .directorist-child-category li a:before { - position: absolute; - content: "-"; - right: -12px; - top: 50%; - font-size: 20px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); +.directorist-widget + .directorist-widget-list + .directorist-child-category + li + a:before { + position: absolute; + content: "-"; + right: -12px; + top: 50%; + font-size: 20px; + transform: translateY(-50%); } .directorist-widget-taxonomy .directorist-taxonomy-list-one { - -webkit-margin-after: 10px; - margin-block-end: 10px; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card { - background: none; - padding: 0; - min-height: auto; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card span { - font-weight: var(--directorist-fw-normal); -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card span:empty { - display: none; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask { - background-color: var(--directorist-color-light); + margin-block-end: 10px; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card { + background: none; + padding: 0; + min-height: auto; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card + span { + font-weight: var(--directorist-fw-normal); +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card + span:empty { + display: none; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__icon + .directorist-icon-mask { + background-color: var(--directorist-color-light); } .directorist-widget-taxonomy .directorist-taxonomy-list-one__icon-default { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: var(--directorist-color-light); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one__icon-default::after { - content: ""; - width: 8px; - height: 8px; - border-radius: 50%; - background-color: var(--directorist-color-primary); - display: block; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - background: none; - padding-bottom: 0; - -webkit-padding-start: 52px; - padding-inline-start: 52px; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open:not(.directorist-taxonomy-list__card--icon) + .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 25px; - padding-inline-start: 25px; + width: 40px; + height: 40px; + border-radius: 50%; + background-color: var(--directorist-color-light); + display: inline-flex; + align-items: center; + justify-content: center; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one__icon-default::after { + content: ""; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: var(--directorist-color-primary); + display: block; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + background: none; + padding-bottom: 0; + padding-inline-start: 52px; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open:not( + .directorist-taxonomy-list__card--icon + ) + + .directorist-taxonomy-list__sub-item { + padding-inline-start: 25px; } .directorist-widget-location .directorist-taxonomy-list-one:last-child { - margin-bottom: 0; + margin-bottom: 0; } -.directorist-widget-location .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 25px; - padding-inline-start: 25px; +.directorist-widget-location + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + padding-inline-start: 25px; } .directorist-widget-tags ul { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; + margin: 0; + padding: 0; + display: flex; + flex-wrap: wrap; + gap: 10px; } .directorist-widget-tags li { - list-style: none; - padding: 0; - margin: 0; + list-style: none; + padding: 0; + margin: 0; } .directorist-widget-tags a { - display: block; - font-size: 15px; - font-weight: 400; - padding: 5px 15px; - text-decoration: none; - color: var(--directorist-color-body); - border: 1px solid var(--directorist-color-border); - border-radius: var(--directorist-border-radius-xs); - -webkit-transition: border-color 0.3s ease; - transition: border-color 0.3s ease; + display: block; + font-size: 15px; + font-weight: 400; + padding: 5px 15px; + text-decoration: none; + color: var(--directorist-color-body); + border: 1px solid var(--directorist-color-border); + border-radius: var(--directorist-border-radius-xs); + transition: border-color 0.3s ease; } .directorist-widget-tags a:hover { - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); } .directorist-widget-advanced-search .directorist-search-form__box { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } -.directorist-widget-advanced-search .directorist-search-form__box .directorist-search-form-action { - margin-top: 25px; +.directorist-widget-advanced-search + .directorist-search-form__box + .directorist-search-form-action { + margin-top: 25px; } .directorist-widget-advanced-search .directorist-search-form-top { - width: 100%; -} -.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input { - width: 100%; -} -.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input .directorist-search-field { - border: 0 none; -} -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label { - position: unset; - -webkit-transform: unset; - transform: unset; - display: block; - margin: 0 0 15px; -} -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i { - display: none; -} -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-checkbox-wrapper, -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-radio-wrapper, -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-tags { - gap: 10px; - margin: 0; - padding: 0; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-widget-advanced-search .directorist-search-form .directorist-search-field > label { - display: block; - margin: 0 0 15px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-is-focused > label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-has-value > label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.directorist-search-field-text_range > label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.directorist-search-field-radius_search > label { - font-size: 16px; - font-weight: 500; -} -.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-is-focused .directorist-search-field__label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-has-value .directorist-search-field__label, -.directorist-widget-advanced-search .directorist-search-form .directorist-search-field .directorist-search-basic-dropdown-label { - font-size: 16px; - font-weight: 500; + width: 100%; +} +.directorist-widget-advanced-search + .directorist-search-form-top + .directorist-search-modal__contents__body { + flex-direction: column; +} +.directorist-widget-advanced-search + .directorist-search-form-top + .directorist-search-modal__contents__body + .directorist-search-modal__input { + width: 100%; +} +.directorist-widget-advanced-search + .directorist-search-form-top + .directorist-search-modal__contents__body + .directorist-search-modal__input + .directorist-search-field { + border: 0 none; +} +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + position: unset; + transform: unset; + display: block; + margin: 0 0 15px; +} +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: none; +} +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-checkbox-wrapper, +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-radio-wrapper, +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-search-tags { + gap: 10px; + margin: 0; + padding: 0; + flex-direction: column; +} +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field + > label { + display: block; + margin: 0 0 15px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-is-focused + > label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-has-value + > label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.directorist-search-field-text_range + > label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.directorist-search-field-radius_search + > label { + font-size: 16px; + font-weight: 500; +} +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-is-focused + .directorist-search-field__label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-has-value + .directorist-search-field__label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field + .directorist-search-basic-dropdown-label { + font-size: 16px; + font-weight: 500; } .directorist-widget-advanced-search .directorist-checkbox-rating { - padding: 0; + padding: 0; } -.directorist-widget-advanced-search .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:not(:last-child) { - margin-bottom: 15px; +.directorist-widget-advanced-search + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:not(:last-child) { + margin-bottom: 15px; } .directorist-widget-advanced-search .directorist-btn-ml { - display: block; - font-size: 13px; - font-weight: 500; - margin-top: 10px; - color: var(--directorist-color-body); + display: block; + font-size: 13px; + font-weight: 500; + margin-top: 10px; + color: var(--directorist-color-body); } .directorist-widget-advanced-search .directorist-btn-ml:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-widget-advanced-search .directorist-advanced-filter__action { - padding: 0 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn { - height: 46px; - font-size: 14px; - font-weight: 400; -} -.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js { - height: 46px; - padding: 0 32px; - font-size: 14px; - font-weight: 400; - letter-spacing: 0; - border-radius: 8px; - text-decoration: none; - text-transform: capitalize; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-light); -} -.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js:focus { - outline: none; -} -.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + padding: 0 0; + flex-wrap: wrap; + justify-content: center; +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn { + height: 46px; + font-size: 14px; + font-weight: 400; +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn-reset-js { + height: 46px; + padding: 0 32px; + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + border-radius: 8px; + text-decoration: none; + text-transform: capitalize; + display: flex; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-light); +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn-reset-js:focus { + outline: none; +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn-reset-js:disabled { + opacity: 0.5; + cursor: not-allowed; } .directorist-widget-authentication form { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-widget-authentication p label, -.directorist-widget-authentication p input:not(input[type=checkbox]) { - display: block; +.directorist-widget-authentication p input:not(input[type="checkbox"]) { + display: block; } .directorist-widget-authentication p label { - padding-bottom: 10px; + padding-bottom: 10px; } -.directorist-widget-authentication p input:not(input[type=checkbox]) { - height: 46px; - padding: 8px 16px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; +.directorist-widget-authentication p input:not(input[type="checkbox"]) { + height: 46px; + padding: 8px 16px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); + width: 100%; + box-sizing: border-box; } .directorist-widget-authentication .login-submit button { - cursor: pointer; + cursor: pointer; } /* Directorist button styles */ .directorist-btn { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 5px; - font-size: 14px; - font-weight: 500; - vertical-align: middle; - text-transform: capitalize; - text-align: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - padding: 0 26px; - min-height: 45px; - line-height: 1.5; - border-radius: 8px; - border: 1px solid var(--directorist-color-primary); - -webkit-box-sizing: border-box; - box-sizing: border-box; - text-decoration: none; - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - text-decoration: none !important; + display: inline-flex; + align-items: center; + justify-content: center; + gap: 5px; + font-size: 14px; + font-weight: 500; + vertical-align: middle; + text-transform: capitalize; + text-align: center; + user-select: none; + cursor: pointer; + padding: 0 26px; + min-height: 45px; + line-height: 1.5; + border-radius: 8px; + border: 1px solid var(--directorist-color-primary); + box-sizing: border-box; + text-decoration: none; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + transition: all ease 0.3s; + text-decoration: none !important; } .directorist-btn .directorist-icon-mask:after { - background-color: currentColor; - width: 16px; - height: 16px; + background-color: currentColor; + width: 16px; + height: 16px; } -.directorist-btn.directorist-btn--add-listing, .directorist-btn.directorist-btn--logout { - line-height: 43px; +.directorist-btn.directorist-btn--add-listing, +.directorist-btn.directorist-btn--logout { + line-height: 43px; } -.directorist-btn:hover, .directorist-btn:focus { - color: var(--directorist-color-white); - outline: 0 !important; - background-color: rgba(var(--directorist-color-primary-rgb), 0.8); +.directorist-btn:hover, +.directorist-btn:focus { + color: var(--directorist-color-white); + outline: 0 !important; + background-color: rgba(var(--directorist-color-primary-rgb), 0.8); } .directorist-btn.directorist-btn-primary { - background-color: var(--directorist-color-btn-primary-bg); - color: var(--directorist-color-btn-primary); - border: 1px solid var(--directorist-color-btn-primary-border); + background-color: var(--directorist-color-btn-primary-bg); + color: var(--directorist-color-btn-primary); + border: 1px solid var(--directorist-color-btn-primary-border); } -.directorist-btn.directorist-btn-primary:focus, .directorist-btn.directorist-btn-primary:hover { - background-color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); +.directorist-btn.directorist-btn-primary:focus, +.directorist-btn.directorist-btn-primary:hover { + background-color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); } -.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after, .directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-btn-primary); +.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after, +.directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after { + background-color: var(--directorist-color-btn-primary); } .directorist-btn.directorist-btn-secondary { - background-color: var(--directorist-color-btn-secondary-bg); - color: var(--directorist-color-btn-secondary); - border: 1px solid var(--directorist-color-btn-secondary-border); + background-color: var(--directorist-color-btn-secondary-bg); + color: var(--directorist-color-btn-secondary); + border: 1px solid var(--directorist-color-btn-secondary-border); } -.directorist-btn.directorist-btn-secondary:focus, .directorist-btn.directorist-btn-secondary:hover { - background-color: transparent; - color: currentColor; - border-color: var(--directorist-color-btn-secondary-bg); +.directorist-btn.directorist-btn-secondary:focus, +.directorist-btn.directorist-btn-secondary:hover { + background-color: transparent; + color: currentColor; + border-color: var(--directorist-color-btn-secondary-bg); } .directorist-btn.directorist-btn-dark { - background-color: var(--directorist-color-dark); - border-color: var(--directorist-color-dark); - color: var(--directorist-color-white); + background-color: var(--directorist-color-dark); + border-color: var(--directorist-color-dark); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-dark:hover { - background-color: rgba(var(--directorist-color-dark-rgb), 0.8); + background-color: rgba(var(--directorist-color-dark-rgb), 0.8); } .directorist-btn.directorist-btn-success { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); - color: var(--directorist-color-white); + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-success:hover { - background-color: rgba(var(--directorist-color-success-rgb), 0.8); + background-color: rgba(var(--directorist-color-success-rgb), 0.8); } .directorist-btn.directorist-btn-info { - background-color: var(--directorist-color-info); - border-color: var(--directorist-color-info); - color: var(--directorist-color-white); + background-color: var(--directorist-color-info); + border-color: var(--directorist-color-info); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-info:hover { - background-color: rgba(var(--directorist-color-success-rgb), 0.8); + background-color: rgba(var(--directorist-color-success-rgb), 0.8); } .directorist-btn.directorist-btn-light { - background-color: var(--directorist-color-light); - border-color: var(--directorist-color-light); - color: var(--directorist-color-primary); + background-color: var(--directorist-color-light); + border-color: var(--directorist-color-light); + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-light:focus, .directorist-btn.directorist-btn-light:hover { - background-color: var(--directorist-color-light-hover); - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); +.directorist-btn.directorist-btn-light:focus, +.directorist-btn.directorist-btn-light:hover { + background-color: var(--directorist-color-light-hover); + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-lighter { - border-color: var(--directorist-color-dark); - background-color: #f6f7f9; - color: var(--directorist-color-primary); + border-color: var(--directorist-color-dark); + background-color: #f6f7f9; + color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-warning { - border-color: var(--directorist-color-warning); - background-color: var(--directorist-color-warning); - color: var(--directorist-color-white); + border-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-warning:hover { - background-color: rgba(var(--directorist-color-warning-rgb), 0.8); + background-color: rgba(var(--directorist-color-warning-rgb), 0.8); } .directorist-btn.directorist-btn-danger { - border-color: var(--directorist-color-danger); - background-color: var(--directorist-color-danger); - color: var(--directorist-color-white); + border-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-danger:hover { - background-color: rgba(var(--directorist-color-danger-rgb), 0.8); + background-color: rgba(var(--directorist-color-danger-rgb), 0.8); } .directorist-btn.directorist-btn-bg-normal { - background: #F9F9F9; + background: #f9f9f9; } .directorist-btn.directorist-btn-loading { - position: relative; - font-size: 0; - pointer-events: none; + position: relative; + font-size: 0; + pointer-events: none; } .directorist-btn.directorist-btn-loading:before { - content: ""; - position: absolute; - right: 0; - top: 0; - width: 100%; - height: 100%; - border-radius: 8px; - background-color: inherit; + content: ""; + position: absolute; + right: 0; + top: 0; + width: 100%; + height: 100%; + border-radius: 8px; + background-color: inherit; } .directorist-btn.directorist-btn-loading:after { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 20px; - height: 20px; - border-radius: 50%; - border: 2px solid var(--directorist-color-white); - border-top-color: var(--directorist-color-primary); - position: absolute; - top: 13px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - -webkit-animation: spin-centered 3s linear infinite; - animation: spin-centered 3s linear infinite; + content: ""; + display: inline-flex; + width: 20px; + height: 20px; + border-radius: 50%; + border: 2px solid var(--directorist-color-white); + border-top-color: var(--directorist-color-primary); + position: absolute; + top: 13px; + right: 50%; + transform: translateX(50%); + animation: spin-centered 3s linear infinite; } .directorist-btn.directorist-btn-disabled { - pointer-events: none; - opacity: 0.75; + pointer-events: none; + opacity: 0.75; } .directorist-btn.directorist-btn-outline { - background: transparent; - border: 1px solid var(--directorist-color-border) !important; - color: var(--directorist-color-dark); + background: transparent; + border: 1px solid var(--directorist-color-border) !important; + color: var(--directorist-color-dark); } .directorist-btn.directorist-btn-outline-normal { - background: transparent; - border: 1px solid var(--directorist-color-normal) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-normal) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-normal:focus, .directorist-btn.directorist-btn-outline-normal:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-normal); +.directorist-btn.directorist-btn-outline-normal:focus, +.directorist-btn.directorist-btn-outline-normal:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-normal); } .directorist-btn.directorist-btn-outline-light { - background: transparent; - border: 1px solid var(--directorist-color-bg-light) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-bg-light) !important; + color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-outline-primary { - background: transparent; - border: 1px solid var(--directorist-color-primary) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-primary) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-primary:focus, .directorist-btn.directorist-btn-outline-primary:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); +.directorist-btn.directorist-btn-outline-primary:focus, +.directorist-btn.directorist-btn-outline-primary:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-outline-secondary { - background: transparent; - border: 1px solid var(--directorist-color-secondary) !important; - color: var(--directorist-color-secondary); + background: transparent; + border: 1px solid var(--directorist-color-secondary) !important; + color: var(--directorist-color-secondary); } -.directorist-btn.directorist-btn-outline-secondary:focus, .directorist-btn.directorist-btn-outline-secondary:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-secondary); +.directorist-btn.directorist-btn-outline-secondary:focus, +.directorist-btn.directorist-btn-outline-secondary:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-secondary); } .directorist-btn.directorist-btn-outline-success { - background: transparent; - border: 1px solid var(--directorist-color-success) !important; - color: var(--directorist-color-success); + background: transparent; + border: 1px solid var(--directorist-color-success) !important; + color: var(--directorist-color-success); } -.directorist-btn.directorist-btn-outline-success:focus, .directorist-btn.directorist-btn-outline-success:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-success); +.directorist-btn.directorist-btn-outline-success:focus, +.directorist-btn.directorist-btn-outline-success:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-success); } .directorist-btn.directorist-btn-outline-info { - background: transparent; - border: 1px solid var(--directorist-color-info) !important; - color: var(--directorist-color-info); + background: transparent; + border: 1px solid var(--directorist-color-info) !important; + color: var(--directorist-color-info); } -.directorist-btn.directorist-btn-outline-info:focus, .directorist-btn.directorist-btn-outline-info:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-info); +.directorist-btn.directorist-btn-outline-info:focus, +.directorist-btn.directorist-btn-outline-info:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-info); } .directorist-btn.directorist-btn-outline-warning { - background: transparent; - border: 1px solid var(--directorist-color-warning) !important; - color: var(--directorist-color-warning); + background: transparent; + border: 1px solid var(--directorist-color-warning) !important; + color: var(--directorist-color-warning); } -.directorist-btn.directorist-btn-outline-warning:focus, .directorist-btn.directorist-btn-outline-warning:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-warning); +.directorist-btn.directorist-btn-outline-warning:focus, +.directorist-btn.directorist-btn-outline-warning:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-warning); } .directorist-btn.directorist-btn-outline-danger { - background: transparent; - border: 1px solid var(--directorist-color-danger) !important; - color: var(--directorist-color-danger); + background: transparent; + border: 1px solid var(--directorist-color-danger) !important; + color: var(--directorist-color-danger); } -.directorist-btn.directorist-btn-outline-danger:focus, .directorist-btn.directorist-btn-outline-danger:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-danger); +.directorist-btn.directorist-btn-outline-danger:focus, +.directorist-btn.directorist-btn-outline-danger:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); } .directorist-btn.directorist-btn-outline-dark { - background: transparent; - border: 1px solid var(--directorist-color-primary) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-primary) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-dark:focus, .directorist-btn.directorist-btn-outline-dark:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-dark); +.directorist-btn.directorist-btn-outline-dark:focus, +.directorist-btn.directorist-btn-outline-dark:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-dark); } .directorist-btn.directorist-btn-lg { - min-height: 50px; + min-height: 50px; } .directorist-btn.directorist-btn-md { - min-height: 46px; + min-height: 46px; } .directorist-btn.directorist-btn-sm { - min-height: 40px; + min-height: 40px; } .directorist-btn.directorist-btn-xs { - min-height: 36px; + min-height: 36px; } .directorist-btn.directorist-btn-px-15 { - padding: 0 15px; + padding: 0 15px; } .directorist-btn.directorist-btn-block { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -@-webkit-keyframes spin-centered { - from { - -webkit-transform: translateX(50%) rotate(0deg); - transform: translateX(50%) rotate(0deg); - } - to { - -webkit-transform: translateX(50%) rotate(-360deg); - transform: translateX(50%) rotate(-360deg); - } + display: flex; } @keyframes spin-centered { - from { - -webkit-transform: translateX(50%) rotate(0deg); - transform: translateX(50%) rotate(0deg); - } - to { - -webkit-transform: translateX(50%) rotate(-360deg); - transform: translateX(50%) rotate(-360deg); - } + from { + transform: translateX(50%) rotate(0deg); + } + to { + transform: translateX(50%) rotate(-360deg); + } } .directorist-badge { - display: inline-block; - font-size: 10px; - font-weight: 700; - line-height: 1.9; - padding: 0 5px; - color: var(--directorist-color-white); - text-transform: uppercase; - border-radius: 5px; + display: inline-block; + font-size: 10px; + font-weight: 700; + line-height: 1.9; + padding: 0 5px; + color: var(--directorist-color-white); + text-transform: uppercase; + border-radius: 5px; } .directorist-badge.directorist-badge-primary { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-badge.directorist-badge-warning { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-badge.directorist-badge-info { - background-color: var(--directorist-color-info); + background-color: var(--directorist-color-info); } .directorist-badge.directorist-badge-success { - background-color: var(--directorist-color-success); + background-color: var(--directorist-color-success); } .directorist-badge.directorist-badge-danger { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } .directorist-badge.directorist-badge-light { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-badge.directorist-badge-gray { - background-color: #525768; + background-color: #525768; } .directorist-badge.directorist-badge-primary-transparent { - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary-rgb), 0.15); + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.15); } .directorist-badge.directorist-badge-warning-transparent { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning-rgb), 0.15); + color: var(--directorist-color-warning); + background-color: rgba(var(--directorist-color-warning-rgb), 0.15); } .directorist-badge.directorist-badge-info-transparent { - color: var(--directorist-color-info); - background-color: rgba(var(--directorist-color-info-rgb), 0.15); + color: var(--directorist-color-info); + background-color: rgba(var(--directorist-color-info-rgb), 0.15); } .directorist-badge.directorist-badge-success-transparent { - color: var(--directorist-color-success); - background-color: rgba(var(--directorist-color-success-rgb), 0.15); + color: var(--directorist-color-success); + background-color: rgba(var(--directorist-color-success-rgb), 0.15); } .directorist-badge.directorist-badge-danger-transparent { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger-rgb), 0.15); + color: var(--directorist-color-danger); + background-color: rgba(var(--directorist-color-danger-rgb), 0.15); } .directorist-badge.directorist-badge-light-transparent { - color: var(--directorist-color-white); - background-color: rgba(var(--directorist-color-white-rgb), 0.15); + color: var(--directorist-color-white); + background-color: rgba(var(--directorist-color-white-rgb), 0.15); } .directorist-badge.directorist-badge-gray-transparent { - color: var(--directorist-color-gray); - background-color: rgba(var(--directorist-color-gray-rgb), 0.15); + color: var(--directorist-color-gray); + background-color: rgba(var(--directorist-color-gray-rgb), 0.15); } .directorist-badge .directorist-badge-tooltip { - position: absolute; - top: -35px; - height: 30px; - line-height: 30px; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - padding: 0 20px; - font-size: 12px; - border-radius: 15px; - color: var(--directorist-color-white); - opacity: 0; - visibility: hidden; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; + position: absolute; + top: -35px; + height: 30px; + line-height: 30px; + width: max-content; + padding: 0 20px; + font-size: 12px; + border-radius: 15px; + color: var(--directorist-color-white); + opacity: 0; + visibility: hidden; + transition: all 0.3s ease-in-out; } .directorist-badge .directorist-badge-tooltip__featured { - background-color: var(--directorist-color-featured-badge); + background-color: var(--directorist-color-featured-badge); } .directorist-badge .directorist-badge-tooltip__new { - background-color: var(--directorist-color-new-badge); + background-color: var(--directorist-color-new-badge); } .directorist-badge .directorist-badge-tooltip__popular { - background-color: var(--directorist-color-popular-badge); + background-color: var(--directorist-color-popular-badge); } @media screen and (max-width: 480px) { - .directorist-badge .directorist-badge-tooltip { - height: 25px; - line-height: 25px; - font-size: 10px; - padding: 0 15px; - } + .directorist-badge .directorist-badge-tooltip { + height: 25px; + line-height: 25px; + font-size: 10px; + padding: 0 15px; + } } .directorist-badge:hover .directorist-badge-tooltip { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } /*** @@ -7466,6912 +7257,7162 @@ body.modal-overlay-enabled:before { ***/ .directorist-custom-range-slider-target, .directorist-custom-range-slider-target * { - -ms-touch-action: none; - touch-action: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; + touch-action: none; + user-select: none; + box-sizing: border-box; } .directorist-custom-range-slider-base, .directorist-custom-range-slider-connects { - width: 100%; - height: 100%; - position: relative; - z-index: 1; + width: 100%; + height: 100%; + position: relative; + z-index: 1; } /* Wrapper for all connect elements. */ .directorist-custom-range-slider-connects { - overflow: hidden; - z-index: 0; + overflow: hidden; + z-index: 0; } .directorist-custom-range-slider-connect, .directorist-custom-range-slider-origin { - will-change: transform; - position: absolute; - z-index: 1; - top: 0; - inset-inline-start: 0; - height: 100%; - width: calc(100% - 20px); - -webkit-transform-origin: 100% 0; - transform-origin: 100% 0; - -webkit-transform-style: flat; - transform-style: flat; + will-change: transform; + position: absolute; + z-index: 1; + top: 0; + inset-inline-start: 0; + height: 100%; + width: calc(100% - 20px); + transform-origin: 100% 0; + transform-style: flat; } /* Give origins 0 height/width so they don't interfere * with clicking the connect elements. */ -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-origin { - top: -100%; - width: 0; +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-origin { + top: -100%; + width: 0; } -.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-origin { - height: 0; +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-origin { + height: 0; } .directorist-custom-range-slider-handle { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - position: absolute; + backface-visibility: hidden; + position: absolute; } .directorist-custom-range-slider-touch-area { - height: 100%; - width: 100%; + height: 100%; + width: 100%; } -.directorist-custom-range-slider-state-tap .directorist-custom-range-slider-connect, -.directorist-custom-range-slider-state-tap .directorist-custom-range-slider-origin { - -webkit-transition: -webkit-transform 0.3s; - transition: -webkit-transform 0.3s; - transition: transform 0.3s; - transition: transform 0.3s, -webkit-transform 0.3s; +.directorist-custom-range-slider-state-tap + .directorist-custom-range-slider-connect, +.directorist-custom-range-slider-state-tap + .directorist-custom-range-slider-origin { + transition: transform 0.3s; } .directorist-custom-range-slider-state-drag * { - cursor: inherit !important; + cursor: inherit !important; } /* Slider size and handle placement; */ -.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-handle { - width: 20px; - height: 20px; - border-radius: 50%; - border: 4px solid var(--directorist-color-primary); - inset-inline-end: -20px; - top: -8px; - cursor: pointer; +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-handle { + width: 20px; + height: 20px; + border-radius: 50%; + border: 4px solid var(--directorist-color-primary); + inset-inline-end: -20px; + top: -8px; + cursor: pointer; } .directorist-custom-range-slider-vertical { - width: 18px; + width: 18px; } -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-handle { - width: 28px; - height: 34px; - inset-inline-end: -6px; - bottom: -17px; +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-handle { + width: 28px; + height: 34px; + inset-inline-end: -6px; + bottom: -17px; } /* Giving the connect element a border radius causes issues with using transform: scale */ .directorist-custom-range-slider-target { - position: relative; - width: 100%; - height: 4px; - margin: 7px 0 24px; - border-radius: 2px; - background-color: #d9d9d9; + position: relative; + width: 100%; + height: 4px; + margin: 7px 0 24px; + border-radius: 2px; + background-color: #d9d9d9; } .directorist-custom-range-slider-connect { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } /* Handles and cursors; */ .directorist-custom-range-slider-draggable { - cursor: ew-resize; + cursor: ew-resize; } -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-draggable { - cursor: ns-resize; +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-draggable { + cursor: ns-resize; } .directorist-custom-range-slider-handle { - border: 1px solid #d9d9d9; - border-radius: 3px; - background-color: var(--directorist-color-white); - cursor: default; - -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; - box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; + border: 1px solid #d9d9d9; + border-radius: 3px; + background-color: var(--directorist-color-white); + cursor: default; + box-shadow: + inset 0 0 1px #fff, + inset 0 1px 7px #ebebeb, + 0 3px 6px -3px #bbb; } .directorist-custom-range-slider-active { - -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb; - box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb; + box-shadow: + inset 0 0 1px #fff, + inset 0 1px 7px #ddd, + 0 3px 6px -3px #bbb; } /* Disabled state; */ [disabled] .directorist-custom-range-slider-connect { - background-color: #b8b8b8; + background-color: #b8b8b8; } [disabled].directorist-custom-range-slider-target, [disabled].directorist-custom-range-slider-handle, [disabled] .directorist-custom-range-slider-handle { - cursor: not-allowed; + cursor: not-allowed; } /* Base; */ .directorist-custom-range-slider-pips, .directorist-custom-range-slider-pips * { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } .directorist-custom-range-slider-pips { - position: absolute; - color: #999; + position: absolute; + color: #999; } /* Values; */ .directorist-custom-range-slider-value { - position: absolute; - white-space: nowrap; - text-align: center; + position: absolute; + white-space: nowrap; + text-align: center; } .directorist-custom-range-slider-value-sub { - color: #ccc; - font-size: 10px; + color: #ccc; + font-size: 10px; } /* Markings; */ .directorist-custom-range-slider-marker { - position: absolute; - background-color: #ccc; + position: absolute; + background-color: #ccc; } .directorist-custom-range-slider-marker-sub { - background-color: #aaa; + background-color: #aaa; } .directorist-custom-range-slider-marker-large { - background-color: #aaa; + background-color: #aaa; } /* Horizontal layout; */ .directorist-custom-range-slider-pips-horizontal { - padding: 10px 0; - height: 80px; - top: 100%; - right: 0; - width: 100%; + padding: 10px 0; + height: 80px; + top: 100%; + right: 0; + width: 100%; } .directorist-custom-range-slider-value-horizontal { - -webkit-transform: translate(50%, 50%); - transform: translate(50%, 50%); + transform: translate(50%, 50%); } -.directorist-custom-range-slider-rtl .directorist-custom-range-slider-value-horizontal { - -webkit-transform: translate(-50%, 50%); - transform: translate(-50%, 50%); +.directorist-custom-range-slider-rtl + .directorist-custom-range-slider-value-horizontal { + transform: translate(-50%, 50%); } .directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker { - margin-right: -1px; - width: 2px; - height: 5px; + margin-right: -1px; + width: 2px; + height: 5px; } .directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker-sub { - height: 10px; + height: 10px; } .directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker-large { - height: 15px; + height: 15px; } /* Vertical layout; */ .directorist-custom-range-slider-pips-vertical { - padding: 0 10px; - height: 100%; - top: 0; - right: 100%; + padding: 0 10px; + height: 100%; + top: 0; + right: 100%; } .directorist-custom-range-slider-value-vertical { - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - padding-right: 25px; + transform: translate(0, -50%); + padding-right: 25px; } -.directorist-custom-range-slider-rtl .directorist-custom-range-slider-value-vertical { - -webkit-transform: translate(0, 50%); - transform: translate(0, 50%); +.directorist-custom-range-slider-rtl + .directorist-custom-range-slider-value-vertical { + transform: translate(0, 50%); } .directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker { - width: 5px; - height: 2px; - margin-top: -1px; + width: 5px; + height: 2px; + margin-top: -1px; } .directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker-sub { - width: 10px; + width: 10px; } .directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker-large { - width: 15px; + width: 15px; } .directorist-custom-range-slider-tooltip { - display: block; - position: absolute; - border: 1px solid #d9d9d9; - border-radius: 3px; - background-color: var(--directorist-color-white); - color: var(--directorist-color-dark); - padding: 5px; - text-align: center; - white-space: nowrap; -} - -.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); - right: 50%; - bottom: 120%; -} -.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-origin > .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); - right: auto; - bottom: 10px; -} - -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - top: 50%; - left: 120%; -} -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-origin > .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(0, -18px); - transform: translate(0, -18px); - top: auto; - left: 28px; + display: block; + position: absolute; + border: 1px solid #d9d9d9; + border-radius: 3px; + background-color: var(--directorist-color-white); + color: var(--directorist-color-dark); + padding: 5px; + text-align: center; + white-space: nowrap; +} + +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-tooltip { + transform: translate(50%, 0); + right: 50%; + bottom: 120%; +} +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-origin + > .directorist-custom-range-slider-tooltip { + transform: translate(-50%, 0); + right: auto; + bottom: 10px; +} + +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-tooltip { + transform: translate(0, -50%); + top: 50%; + left: 120%; +} +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-origin + > .directorist-custom-range-slider-tooltip { + transform: translate(0, -18px); + top: auto; + left: 28px; } .directorist-swiper { - height: 100%; - overflow: hidden; - position: relative; + height: 100%; + overflow: hidden; + position: relative; } .directorist-swiper .swiper-slide { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-swiper .swiper-slide > div, .directorist-swiper .swiper-slide > a { - width: 100%; + width: 100%; } .directorist-swiper__nav { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - z-index: 1; - opacity: 0; - cursor: pointer; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; + position: absolute; + top: 50%; + transform: translateY(-50%); + z-index: 1; + opacity: 0; + cursor: pointer; + transition: all 0.3s ease; } .directorist-swiper__nav i { - width: 30px; - height: 30px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - background-color: rgba(255, 255, 255, 0.9); + width: 30px; + height: 30px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 100%; + transition: all 0.3s ease; + background-color: rgba(255, 255, 255, 0.9); } .directorist-swiper__nav .directorist-icon-mask:after { - width: 10px; - height: 10px; - background-color: var(--directorist-color-body); + width: 10px; + height: 10px; + background-color: var(--directorist-color-body); } .directorist-swiper__nav:hover i { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-swiper__nav--prev { - right: 10px; + right: 10px; } .directorist-swiper__nav--next { - left: 10px; + left: 10px; } .directorist-swiper__nav--prev-related i { - right: 0; - background-color: #f4f4f4; + right: 0; + background-color: #f4f4f4; } .directorist-swiper__nav--prev-related i:hover { - background-color: var(--directorist-color-gray); + background-color: var(--directorist-color-gray); } .directorist-swiper__nav--next-related i { - left: 0; - background-color: #f4f4f4; + left: 0; + background-color: #f4f4f4; } .directorist-swiper__nav--next-related i:hover { - background-color: var(--directorist-color-gray); + background-color: var(--directorist-color-gray); } .directorist-swiper__pagination { - position: absolute; - text-align: center; - z-index: 1; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + position: absolute; + text-align: center; + z-index: 1; + display: flex; + gap: 5px; + align-items: center; + justify-content: center; } .directorist-swiper__pagination .swiper-pagination-bullet { - margin: 0 !important; - width: 5px; - height: 5px; - opacity: 0.6; - background-color: var(--directorist-color-white); + margin: 0 !important; + width: 5px; + height: 5px; + opacity: 0.6; + background-color: var(--directorist-color-white); } -.directorist-swiper__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { - opacity: 1; - -webkit-transform: scale(1.4); - transform: scale(1.4); +.directorist-swiper__pagination + .swiper-pagination-bullet.swiper-pagination-bullet-active { + opacity: 1; + transform: scale(1.4); } .directorist-swiper__pagination--related { - display: none; + display: none; } -.directorist-swiper:hover > .directorist-swiper__navigation .directorist-swiper__nav { - opacity: 1; +.directorist-swiper:hover + > .directorist-swiper__navigation + .directorist-swiper__nav { + opacity: 1; } .directorist-single-listing-slider { - width: var(--gallery-crop-width, 740px); - height: var(--gallery-crop-height, 580px); - max-width: 100%; - margin: 0 auto; - border-radius: 12px; + width: var(--gallery-crop-width, 740px); + height: var(--gallery-crop-height, 580px); + max-width: 100%; + margin: 0 auto; + border-radius: 12px; } @media screen and (max-width: 991px) { - .directorist-single-listing-slider { - max-height: 450px !important; - } + .directorist-single-listing-slider { + max-height: 450px !important; + } } @media screen and (max-width: 575px) { - .directorist-single-listing-slider { - max-height: 400px !important; - } + .directorist-single-listing-slider { + max-height: 400px !important; + } } @media screen and (max-width: 375px) { - .directorist-single-listing-slider { - max-height: 350px !important; - } + .directorist-single-listing-slider { + max-height: 350px !important; + } } .directorist-single-listing-slider .directorist-swiper__nav i { - height: 40px; - width: 40px; - background-color: rgba(0, 0, 0, 0.5); + height: 40px; + width: 40px; + background-color: rgba(0, 0, 0, 0.5); } .directorist-single-listing-slider .directorist-swiper__nav i:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); } -.directorist-single-listing-slider .directorist-swiper__nav--prev-single-listing i { - right: 20px; +.directorist-single-listing-slider + .directorist-swiper__nav--prev-single-listing + i { + right: 20px; } -.directorist-single-listing-slider .directorist-swiper__nav--next-single-listing i { - left: 20px; +.directorist-single-listing-slider + .directorist-swiper__nav--next-single-listing + i { + left: 20px; } .directorist-single-listing-slider .directorist-swiper__nav:hover i { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-single-listing-slider .directorist-swiper__nav { - opacity: 1; - } - .directorist-single-listing-slider .directorist-swiper__nav i { - width: 30px; - height: 30px; - } + .directorist-single-listing-slider .directorist-swiper__nav { + opacity: 1; + } + .directorist-single-listing-slider .directorist-swiper__nav i { + width: 30px; + height: 30px; + } } .directorist-single-listing-slider .directorist-swiper__pagination { - display: none; + display: none; } .directorist-single-listing-slider .swiper-slide img { - width: 100%; - height: 100%; - max-width: var(--gallery-crop-width, 740px); - -o-object-fit: cover; - object-fit: cover; - border-radius: 12px; + width: 100%; + height: 100%; + max-width: var(--gallery-crop-width, 740px); + object-fit: cover; + border-radius: 12px; } -.directorist-single-listing-slider.slider-has-one-item .directorist-swiper__navigation, -.directorist-single-listing-slider.slider-has-one-item .directorist-swiper__pagination { - display: none; +.directorist-single-listing-slider.slider-has-one-item + .directorist-swiper__navigation, +.directorist-single-listing-slider.slider-has-one-item + .directorist-swiper__pagination { + display: none; } .directorist-single-listing-slider-thumb { - width: var(--gallery-crop-width, 740px); - max-width: 100%; - margin: 10px auto 0; - border-radius: 12px; - overflow: auto; - height: auto; - display: none; + width: var(--gallery-crop-width, 740px); + max-width: 100%; + margin: 10px auto 0; + border-radius: 12px; + overflow: auto; + height: auto; + display: none; } .directorist-single-listing-slider-thumb .swiper-wrapper { - gap: 10px; - height: auto; + gap: 10px; + height: auto; } .directorist-single-listing-slider-thumb .directorist-swiper__navigation { - display: none; + display: none; } .directorist-single-listing-slider-thumb .directorist-swiper__pagination { - display: none; + display: none; } .directorist-single-listing-slider-thumb .swiper-slide { - position: relative; - height: 90px; - cursor: pointer; - margin: 0 !important; + position: relative; + height: 90px; + cursor: pointer; + margin: 0 !important; } .directorist-single-listing-slider-thumb .swiper-slide img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: 14px; + width: 100%; + height: 100%; + object-fit: cover; + border-radius: 14px; } .directorist-single-listing-slider-thumb .swiper-slide:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - top: 0; - right: 0; - border-radius: 14px; - background-color: rgba(0, 0, 0, 0.3); - z-index: 1; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - opacity: 0; - visibility: hidden; -} -.directorist-single-listing-slider-thumb .swiper-slide:hover:before, .directorist-single-listing-slider-thumb .swiper-slide.swiper-slide-thumb-active:before { - opacity: 1; - visibility: visible; + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + right: 0; + border-radius: 14px; + background-color: rgba(0, 0, 0, 0.3); + z-index: 1; + transition: opacity 0.3s ease; + opacity: 0; + visibility: hidden; +} +.directorist-single-listing-slider-thumb .swiper-slide:hover:before, +.directorist-single-listing-slider-thumb + .swiper-slide.swiper-slide-thumb-active:before { + opacity: 1; + visibility: visible; } @media screen and (max-width: 575px) { - .directorist-single-listing-slider-thumb { - display: none; - } + .directorist-single-listing-slider-thumb { + display: none; + } } .directorist-swiper-related-listing.directorist-swiper { - padding: 15px; - margin: -15px; - height: auto; -} -.directorist-swiper-related-listing.directorist-swiper > .directorist-swiper__navigation .directorist-swiper__nav i { - height: 40px; - width: 40px; -} -.directorist-swiper-related-listing.directorist-swiper > .directorist-swiper__navigation .directorist-swiper__nav i:after { - width: 14px; - height: 14px; + padding: 15px; + margin: -15px; + height: auto; +} +.directorist-swiper-related-listing.directorist-swiper + > .directorist-swiper__navigation + .directorist-swiper__nav + i { + height: 40px; + width: 40px; +} +.directorist-swiper-related-listing.directorist-swiper + > .directorist-swiper__navigation + .directorist-swiper__nav + i:after { + width: 14px; + height: 14px; } .directorist-swiper-related-listing.directorist-swiper .swiper-wrapper { - height: auto; + height: auto; } -.directorist-swiper-related-listing.slider-has-one-item > .directorist-swiper__navigation, .directorist-swiper-related-listing.slider-has-less-items > .directorist-swiper__navigation { - display: none; +.directorist-swiper-related-listing.slider-has-one-item + > .directorist-swiper__navigation, +.directorist-swiper-related-listing.slider-has-less-items + > .directorist-swiper__navigation { + display: none; } .directorist-dropdown { - position: relative; + position: relative; } .directorist-dropdown__toggle { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - background-color: var(--directorist-color-light); - border-color: var(--directorist-color-light); - padding: 0 20px; - border-radius: 8px; - cursor: pointer; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; - position: relative; -} -.directorist-dropdown__toggle:focus, .directorist-dropdown__toggle:hover { - background-color: var(--directorist-color-light) !important; - border-color: var(--directorist-color-light) !important; - outline: 0 !important; - color: var(--directorist); + display: flex; + align-items: center; + gap: 5px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + background-color: var(--directorist-color-light); + border-color: var(--directorist-color-light); + padding: 0 20px; + border-radius: 8px; + cursor: pointer; + transition: background-color 0.3s ease; + position: relative; +} +.directorist-dropdown__toggle:focus, +.directorist-dropdown__toggle:hover { + background-color: var(--directorist-color-light) !important; + border-color: var(--directorist-color-light) !important; + outline: 0 !important; + color: var(--directorist); } .directorist-dropdown__toggle.directorist-toggle-has-icon:after { - content: ""; - -webkit-mask-image: url(../js/664d0b74d206cf7349ab.svg); - mask-image: url(../js/664d0b74d206cf7349ab.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: currentColor; + content: ""; + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: currentColor; } .directorist-dropdown__links { - display: none; - position: absolute; - width: 100%; - min-width: 190px; - overflow-y: auto; - right: 0; - top: 30px; - padding: 10px; - border: none; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - z-index: 99999; + display: none; + position: absolute; + width: 100%; + min-width: 190px; + overflow-y: auto; + right: 0; + top: 30px; + padding: 10px; + border: none; + border-radius: 8px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + z-index: 99999; } .directorist-dropdown__links a { - display: block; - font-size: 14px; - font-weight: 400; - display: block; - padding: 10px; - border-radius: 8px; - text-decoration: none !important; - color: var(--directorist-color-body); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.directorist-dropdown__links a.active, .directorist-dropdown__links a:hover { - border-radius: 8px; - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary-rgb), 0.05); + display: block; + font-size: 14px; + font-weight: 400; + display: block; + padding: 10px; + border-radius: 8px; + text-decoration: none !important; + color: var(--directorist-color-body); + transition: all ease 0.3s; +} +.directorist-dropdown__links a.active, +.directorist-dropdown__links a:hover { + border-radius: 8px; + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.05); } @media screen and (max-width: 575px) { - .directorist-dropdown__links a { - padding: 5px 10px; - } + .directorist-dropdown__links a { + padding: 5px 10px; + } } .directorist-dropdown__links--right { - right: auto; - left: 0; + right: auto; + left: 0; } @media (max-width: 1440px) { - .directorist-dropdown__links { - right: unset; - left: 0; - } + .directorist-dropdown__links { + right: unset; + left: 0; + } } .directorist-dropdown.directorist-sortby-dropdown { - border-radius: 8px; - border: 2px solid var(--directorist-color-white); + border-radius: 8px; + border: 2px solid var(--directorist-color-white); } /* custom dropdown with select */ .directorist-dropdown-select { - position: relative; + position: relative; } .directorist-dropdown-select-toggle { - display: inline-block; - border: 1px solid #eee; - padding: 7px 15px; - position: relative; + display: inline-block; + border: 1px solid #eee; + padding: 7px 15px; + position: relative; } .directorist-dropdown-select-toggle:before { - content: ""; - position: absolute !important; - width: 100%; - height: 100%; - right: 0; - top: 0; + content: ""; + position: absolute !important; + width: 100%; + height: 100%; + right: 0; + top: 0; } .directorist-dropdown-select-items { - position: absolute; - width: 100%; - right: 0; - top: 40px; - border: 1px solid #eee; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - background-color: var(--directorist-color-white); - z-index: 10; + position: absolute; + width: 100%; + right: 0; + top: 40px; + border: 1px solid #eee; + visibility: hidden; + opacity: 0; + pointer-events: none; + transition: 0.3s ease; + background-color: var(--directorist-color-white); + z-index: 10; } .directorist-dropdown-select-items.directorist-dropdown-select-show { - top: 30px; - visibility: visible; - opacity: 1; - pointer-events: all; + top: 30px; + visibility: visible; + opacity: 1; + pointer-events: all; } .directorist-dropdown-select-item { - display: block; + display: block; } .directorist-switch { - position: relative; - display: block; + position: relative; + display: block; } -.directorist-switch input[type=checkbox]:before { - display: none; +.directorist-switch input[type="checkbox"]:before { + display: none; } .directorist-switch .directorist-switch-input { - position: absolute; - right: 0; - z-index: -1; - width: 24px; - height: 25px; - opacity: 0; -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label { - color: #1A1B29; - font-weight: 500; -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:before { - background-color: var(--directorist-color-primary); -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:after { - -webkit-transform: translateX(-20px); - transform: translateX(-20px); + position: absolute; + right: 0; + z-index: -1; + width: 24px; + height: 25px; + opacity: 0; +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label { + color: #1a1b29; + font-weight: 500; +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label:before { + background-color: var(--directorist-color-primary); +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label:after { + transform: translateX(-20px); } .directorist-switch .directorist-switch-label { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 400; - padding-right: 65px; - margin-right: 0; - color: var(--directorist-color-body); + user-select: none; + position: relative; + display: inline-flex; + align-items: center; + font-size: 14px; + font-weight: 400; + padding-right: 65px; + margin-right: 0; + color: var(--directorist-color-body); } .directorist-switch .directorist-switch-label:before { - content: ""; - position: absolute; - top: 0.75px; - right: 4px; - display: block; - width: 44px; - height: 24px; - border-radius: 15px; - pointer-events: all; - background-color: #ECECEC; + content: ""; + position: absolute; + top: 0.75px; + right: 4px; + display: block; + width: 44px; + height: 24px; + border-radius: 15px; + pointer-events: all; + background-color: #ececec; } .directorist-switch .directorist-switch-label:after { - position: absolute; - display: block; - content: ""; - background: no-repeat 50%/50% 50%; - top: 4.75px; - right: 8px; - background-color: var(--directorist-color-white) !important; - width: 16px; - height: 16px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); - box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); - border-radius: 15px; - transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -} - -.directorist-switch.directorist-switch-primary .directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-primary); -} -.directorist-switch.directorist-switch-success.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-success); -} -.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-secondary); -} -.directorist-switch.directorist-switch-danger.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-danger); -} -.directorist-switch.directorist-switch-warning.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-warning); -} -.directorist-switch.directorist-switch-info.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-info); + position: absolute; + display: block; + content: ""; + background: no-repeat 50%/50% 50%; + top: 4.75px; + right: 8px; + background-color: var(--directorist-color-white) !important; + width: 16px; + height: 16px; + background-color: var(--directorist-color-white); + box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); + border-radius: 15px; + transition: + transform 0.15s ease-in-out, + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out, + -webkit-transform 0.15s ease-in-out, + -webkit-box-shadow 0.15s ease-in-out; +} + +.directorist-switch.directorist-switch-primary + .directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-primary); +} +.directorist-switch.directorist-switch-success.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-success); +} +.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-secondary); +} +.directorist-switch.directorist-switch-danger.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-danger); +} +.directorist-switch.directorist-switch-warning.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-warning); +} +.directorist-switch.directorist-switch-info.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-info); } .directorist-switch-Yn { - font-size: 15px; - padding: 3px; - position: relative; - display: inline-block; - border: 1px solid #e9e9e9; - border-radius: 17px; + font-size: 15px; + padding: 3px; + position: relative; + display: inline-block; + border: 1px solid #e9e9e9; + border-radius: 17px; } .directorist-switch-Yn span { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - font-size: 14px; - line-height: 27px; - padding: 5px 10.5px; - font-weight: 500; -} -.directorist-switch-Yn input[type=checkbox] { - display: none; -} -.directorist-switch-Yn input[type=checkbox]:checked + .directorist-switch-yes { - background-color: #3E62F5; - color: var(--directorist-color-white); -} -.directorist-switch-Yn input[type=checkbox]:checked + span + .directorist-switch-no { - background-color: transparent; - color: #9b9eaf; -} -.directorist-switch-Yn input[type=checkbox] .directorist-switch-yes { - background-color: transparent; - color: #9b9eaf; -} -.directorist-switch-Yn input[type=checkbox] + span + .directorist-switch-no { - background-color: #fb6665; - color: var(--directorist-color-white); + user-select: none; + font-size: 14px; + line-height: 27px; + padding: 5px 10.5px; + font-weight: 500; +} +.directorist-switch-Yn input[type="checkbox"] { + display: none; +} +.directorist-switch-Yn + input[type="checkbox"]:checked + + .directorist-switch-yes { + background-color: #3e62f5; + color: var(--directorist-color-white); +} +.directorist-switch-Yn + input[type="checkbox"]:checked + + span + + .directorist-switch-no { + background-color: transparent; + color: #9b9eaf; +} +.directorist-switch-Yn input[type="checkbox"] .directorist-switch-yes { + background-color: transparent; + color: #9b9eaf; +} +.directorist-switch-Yn input[type="checkbox"] + span + .directorist-switch-no { + background-color: #fb6665; + color: var(--directorist-color-white); } .directorist-switch-Yn .directorist-switch-yes { - border-radius: 0 15px 15px 0; + border-radius: 0 15px 15px 0; } .directorist-switch-Yn .directorist-switch-no { - border-radius: 15px 0 0 15px; + border-radius: 15px 0 0 15px; } /* Directorist Tooltip */ .directorist-tooltip { - position: relative; + position: relative; } .directorist-tooltip.directorist-tooltip-bottom[data-label]:before { - bottom: -8px; - top: auto; - border-top-color: var(--directorist-color-white); - border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); + bottom: -8px; + top: auto; + border-top-color: var(--directorist-color-white); + border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip.directorist-tooltip-bottom[data-label]:after { - -webkit-transform: translate(50%); - transform: translate(50%); - top: 100%; - margin-top: 8px; -} -.directorist-tooltip[data-label]:before, .directorist-tooltip[data-label]:after { - position: absolute !important; - bottom: 100%; - display: none; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - -webkit-animation: showTooltip 0.3s ease; - animation: showTooltip 0.3s ease; + transform: translate(50%); + top: 100%; + margin-top: 8px; +} +.directorist-tooltip[data-label]:before, +.directorist-tooltip[data-label]:after { + position: absolute !important; + bottom: 100%; + display: none; + height: fit-content; + animation: showTooltip 0.3s ease; } .directorist-tooltip[data-label]:before { - content: ""; - right: 50%; - top: -6px; - -webkit-transform: translateX(50%); - transform: translateX(50%); - border: 6px solid transparent; - border-top-color: rgba(var(--directorist-color-dark-rgb), 1); + content: ""; + right: 50%; + top: -6px; + transform: translateX(50%); + border: 6px solid transparent; + border-top-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip[data-label]:after { - font-size: 14px; - content: attr(data-label); - right: 50%; - -webkit-transform: translate(50%, -6px); - transform: translate(50%, -6px); - background: rgba(var(--directorist-color-dark-rgb), 1); - padding: 4px 12px; - border-radius: 3px; - color: var(--directorist-color-white); - z-index: 9999; - text-align: center; - min-width: 140px; - max-height: 200px; - overflow-y: auto; -} -.directorist-tooltip[data-label]:hover:before, .directorist-tooltip[data-label]:hover:after { - display: block; + font-size: 14px; + content: attr(data-label); + right: 50%; + transform: translate(50%, -6px); + background: rgba(var(--directorist-color-dark-rgb), 1); + padding: 4px 12px; + border-radius: 3px; + color: var(--directorist-color-white); + z-index: 9999; + text-align: center; + min-width: 140px; + max-height: 200px; + overflow-y: auto; +} +.directorist-tooltip[data-label]:hover:before, +.directorist-tooltip[data-label]:hover:after { + display: block; } .directorist-tooltip .directorist-tooltip__label { - font-size: 16px; - color: var(--directorist-color-primary); + font-size: 16px; + color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:before { - border-top-color: var(--directorist-color-primary); + border-top-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:after { - background-color: var(--directorist-color-secondary); + background-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-info[data-label]:after { - background-color: var(--directorist-color-info); + background-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-info[data-label]:before { - border-top-color: var(--directorist-color-info); + border-top-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-warning[data-label]:after { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-warning[data-label]:before { - border-top-color: var(--directorist-color-warning); + border-top-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-success[data-label]:after { - background-color: var(--directorist-color-success); + background-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-success[data-label]:before { - border-top-color: var(--directorist-color-success); + border-top-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-danger[data-label]:after { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-danger[data-label]:before { - border-top-color: var(--directorist-color-danger); + border-top-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-primary[data-label]:before { - border-bottom-color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-info[data-label]:before { - border-bottom-color: var(--directorist-color-info); + border-bottom-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-warning[data-label]:before { - border-bottom-color: var(--directorist-color-warning); + border-bottom-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-success[data-label]:before { - border-bottom-color: var(--directorist-color-success); + border-bottom-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-danger[data-label]:before { - border-bottom-color: var(--directorist-color-danger); -} - -@-webkit-keyframes showTooltip { - from { - opacity: 0; - } + border-bottom-color: var(--directorist-color-danger); } @keyframes showTooltip { - from { - opacity: 0; - } + from { + opacity: 0; + } } /* Alerts style */ .directorist-alert { - font-size: 15px; - word-break: break-word; - border-radius: 8px; - background-color: #f4f4f4; - padding: 15px 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + font-size: 15px; + word-break: break-word; + border-radius: 8px; + background-color: #f4f4f4; + padding: 15px 20px; + display: flex; + align-items: center; + flex-wrap: wrap; } .directorist-alert .directorist-icon-mask { - margin-left: 5px; + margin-left: 5px; } .directorist-alert > a { - padding-right: 5px; + padding-right: 5px; } .directorist-alert__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: flex; + align-items: flex-start; } .directorist-alert__content span.la, .directorist-alert__content span.fa, .directorist-alert__content i { - margin-left: 12px; - line-height: 1.65; + margin-left: 12px; + line-height: 1.65; } .directorist-alert__content p { - margin-bottom: 0; + margin-bottom: 0; } .directorist-alert__close { - padding: 0 5px; - font-size: 20px !important; - background: none !important; - text-decoration: none; - margin-right: auto !important; - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.2; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + padding: 0 5px; + font-size: 20px !important; + background: none !important; + text-decoration: none; + margin-right: auto !important; + border: 0 none; + box-shadow: none; + line-height: 1.2; + display: flex; + align-items: center; + justify-content: center; } .directorist-alert__close .la, .directorist-alert__close .fa, .directorist-alert__close i, .directorist-alert__close span { - font-size: 16px; - margin-right: 10px; - color: var(--directorist-color-danger); + font-size: 16px; + margin-right: 10px; + color: var(--directorist-color-danger); } .directorist-alert__close:focus { - background-color: transparent; - outline: none; + background-color: transparent; + outline: none; } .directorist-alert a { - text-decoration: none; + text-decoration: none; } .directorist-alert.directorist-alert-primary { - background: rgba(var(--directorist-color-primary-rgb), 0.1); - color: var(--directorist-color-primary); + background: rgba(var(--directorist-color-primary-rgb), 0.1); + color: var(--directorist-color-primary); } .directorist-alert.directorist-alert-primary .directorist-alert__close { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-alert.directorist-alert-info { - background-color: #DCEBFE; - color: #157CF6; + background-color: #dcebfe; + color: #157cf6; } .directorist-alert.directorist-alert-info .directorist-alert__close { - color: #157CF6; + color: #157cf6; } .directorist-alert.directorist-alert-warning { - background-color: #FEE9D9; - color: #F56E00; + background-color: #fee9d9; + color: #f56e00; } .directorist-alert.directorist-alert-warning .directorist-alert__close { - color: #F56E00; + color: #f56e00; } .directorist-alert.directorist-alert-danger { - background-color: #FCD9D9; - color: #E80000; + background-color: #fcd9d9; + color: #e80000; } .directorist-alert.directorist-alert-danger .directorist-alert__close { - color: #E80000; + color: #e80000; } .directorist-alert.directorist-alert-success { - background-color: #D9EFDC; - color: #009114; + background-color: #d9efdc; + color: #009114; } .directorist-alert.directorist-alert-success .directorist-alert__close { - color: #009114; + color: #009114; } .directorist-alert--sm { - padding: 10px 20px; + padding: 10px 20px; } .alert-danger { - background: rgba(232, 0, 0, 0.3); + background: rgba(232, 0, 0, 0.3); } .alert-danger.directorist-register-error { - background: #FCD9D9; - color: #E80000; - border-radius: 3px; + background: #fcd9d9; + color: #e80000; + border-radius: 3px; } .alert-danger.directorist-register-error .directorist-alert__close { - color: #E80000; + color: #e80000; } /* Add listing notice alert */ .directorist-single-listing-notice .directorist-alert__content { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - width: 100%; + justify-content: space-between; + width: 100%; } .directorist-single-listing-notice .directorist-alert__content button { - cursor: pointer; + cursor: pointer; } .directorist-single-listing-notice .directorist-alert__content button span { - font-size: 20px; + font-size: 20px; } .directorist-user-dashboard .directorist-container-fluid { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } .directorist-user-dashboard .directorist-alert-info .directorist-alert__close { - cursor: pointer; - padding-left: 0; + cursor: pointer; + padding-left: 0; } /* Modal Core Styles */ .directorist-modal { - position: fixed; - width: 100%; - height: 100%; - padding: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - right: 0; - top: 0; - z-index: -1; - overflow: auto; - outline: 0; + position: fixed; + width: 100%; + height: 100%; + padding: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + right: 0; + top: 0; + z-index: -1; + overflow: auto; + outline: 0; } .directorist-modal__dialog { - position: relative; - width: 500px; - margin: 30px auto; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 0; - visibility: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-height: calc(100% - 80px); - pointer-events: none; + position: relative; + width: 500px; + margin: 30px auto; + transition: 0.3s ease; + opacity: 0; + visibility: hidden; + display: flex; + align-items: center; + justify-content: center; + min-height: calc(100% - 80px); + pointer-events: none; } .directorist-modal__dialog-lg { - width: 900px; + width: 900px; } .directorist-modal__content { - width: 100%; - background-color: var(--directorist-color-white); - pointer-events: auto; - border-radius: 12px; - position: relative; + width: 100%; + background-color: var(--directorist-color-white); + pointer-events: auto; + border-radius: 12px; + position: relative; } .directorist-modal__content .directorist-modal__header { - position: relative; - padding: 15px; - border-bottom: 1px solid var(--directorist-color-border-gray); + position: relative; + padding: 15px; + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-modal__content .directorist-modal__header__title { - font-size: 20px; - font-weight: 500; - margin: 0; - color: var(--directorist-color-dark); -} -.directorist-modal__content .directorist-modal__header .directorist-modal-close { - position: absolute; - width: 28px; - height: 28px; - left: 25px; - top: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - line-height: 1.45; - padding: 6px; - text-decoration: none; - -webkit-transition: 0.2s background-color ease-in-out; - transition: 0.2s background-color ease-in-out; - background-color: var(--directorist-color-bg-light); -} -.directorist-modal__content .directorist-modal__header .directorist-modal-close:hover { - color: var(--directorist-color-body); - background-color: var(--directorist-color-light-hover); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + font-size: 20px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); +} +.directorist-modal__content + .directorist-modal__header + .directorist-modal-close { + position: absolute; + width: 28px; + height: 28px; + left: 25px; + top: 10px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + line-height: 1.45; + padding: 6px; + text-decoration: none; + transition: 0.2s background-color ease-in-out; + background-color: var(--directorist-color-bg-light); +} +.directorist-modal__content + .directorist-modal__header + .directorist-modal-close:hover { + color: var(--directorist-color-body); + background-color: var(--directorist-color-light-hover); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-modal__content .directorist-modal__body { - padding: 25px 40px; + padding: 25px 40px; } .directorist-modal__content .directorist-modal__footer { - border-top: 1px solid var(--directorist-color-border-gray); - padding: 18px; -} -.directorist-modal__content .directorist-modal__footer .directorist-modal__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - margin: -7.5px; -} -.directorist-modal__content .directorist-modal__footer .directorist-modal__action button { - margin: 7.5px; + border-top: 1px solid var(--directorist-color-border-gray); + padding: 18px; +} +.directorist-modal__content + .directorist-modal__footer + .directorist-modal__action { + display: flex; + justify-content: flex-end; + margin: -7.5px; +} +.directorist-modal__content + .directorist-modal__footer + .directorist-modal__action + button { + margin: 7.5px; } .directorist-modal__content .directorist-modal .directorist-form-group label { - font-size: 16px; + font-size: 16px; } -.directorist-modal__content .directorist-modal .directorist-form-group .directorist-form-element { - resize: none; +.directorist-modal__content + .directorist-modal + .directorist-form-group + .directorist-form-element { + resize: none; } .directorist-modal__dialog.directorist-modal--lg { - width: 800px; + width: 800px; } .directorist-modal__dialog.directorist-modal--xl { - width: 1140px; + width: 1140px; } .directorist-modal__dialog.directorist-modal--sm { - width: 300px; + width: 300px; } .directorist-modal.directorist-fade { - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 1; - visibility: visible; - z-index: 9999; + transition: 0.3s ease; + opacity: 1; + visibility: visible; + z-index: 9999; } .directorist-modal.directorist-fade:not(.directorist-show) { - opacity: 0; - visibility: hidden; + opacity: 0; + visibility: hidden; } .directorist-modal.directorist-show .directorist-modal__dialog { - opacity: 1; - visibility: visible; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + opacity: 1; + visibility: visible; + transition: 0.3s ease; } .directorist-search-modal__overlay { - position: fixed; - top: 0; - right: 0; - width: 100%; - height: 100%; - opacity: 0; - visibility: hidden; - z-index: 9999; + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 100%; + opacity: 0; + visibility: hidden; + z-index: 9999; } .directorist-search-modal__overlay:before { - content: ""; - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 100%; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - opacity: 1; - -webkit-transition: all ease 0.4s; - transition: all ease 0.4s; + content: ""; + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 1; + transition: all ease 0.4s; } .directorist-search-modal__contents { - position: fixed; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - bottom: -100%; - width: 90%; - max-width: 600px; - margin-bottom: 100px; - overflow: hidden; - opacity: 0; - visibility: hidden; - z-index: 9999; - border-radius: 12px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-white); + position: fixed; + right: 50%; + transform: translateX(50%); + bottom: -100%; + width: 90%; + max-width: 600px; + margin-bottom: 100px; + overflow: hidden; + opacity: 0; + visibility: hidden; + z-index: 9999; + border-radius: 12px; + transition: all ease 0.3s; + background-color: var(--directorist-color-white); } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents { - width: 100%; - margin-bottom: 0; - border-radius: 16px 16px 0 0; - } + .directorist-search-modal__contents { + width: 100%; + margin-bottom: 0; + border-radius: 16px 16px 0 0; + } } .directorist-search-modal__contents__header { - position: fixed; - top: 0; - right: 0; - left: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 15px 40px 15px 25px; - border-radius: 16px 16px 0 0; - background-color: var(--directorist-color-white); - border-bottom: 1px solid var(--directorist-color-border); - z-index: 999; + position: fixed; + top: 0; + right: 0; + left: 0; + display: flex; + align-items: center; + justify-content: space-between; + padding: 15px 40px 15px 25px; + border-radius: 16px 16px 0 0; + background-color: var(--directorist-color-white); + border-bottom: 1px solid var(--directorist-color-border); + z-index: 999; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__header { - padding-right: 30px; - padding-left: 20px; - } + .directorist-search-modal__contents__header { + padding-right: 30px; + padding-left: 20px; + } } .directorist-search-modal__contents__body { - height: calc(100vh - 380px); - padding: 30px 40px 0; - overflow: auto; - margin-top: 70px; - margin-bottom: 80px; + height: calc(100vh - 380px); + padding: 30px 40px 0; + overflow: auto; + margin-top: 70px; + margin-bottom: 80px; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__body { - margin-top: 55px; - margin-bottom: 80px; - padding: 30px 30px 0; - height: calc(100dvh - 250px); - } + .directorist-search-modal__contents__body { + margin-top: 55px; + margin-bottom: 80px; + padding: 30px 30px 0; + height: calc(100dvh - 250px); + } } .directorist-search-modal__contents__body .directorist-search-field__label { - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - -webkit-transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; - transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::placeholder, -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-form-group__prefix--start { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element { - padding-left: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=date], .directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=time], .directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=number] { - padding-left: 0; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-form-group__prefix--start { + opacity: 0; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element { + padding-left: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="date"], +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="time"], +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="number"] { + padding-left: 0; } .directorist-search-modal__contents__body .directorist-search-field__btn { - position: absolute; - bottom: 12px; - cursor: pointer; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear { - opacity: 0; - visibility: hidden; - left: 0; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear i::after { - width: 16px; - height: 16px; - background-color: #bcbcbc; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear:hover i::after { - background-color: var(--directorist-color-primary); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=number] { - appearance: none !important; - -webkit-appearance: none !important; - -moz-appearance: none !important; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=date] { - padding-left: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=time] { - padding-left: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-form-group__prefix--start { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__label { - top: 0; - font-size: 13px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__btn { - opacity: 1; - visibility: visible; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input { - position: relative; - bottom: -5px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-location-js { - padding-left: 45px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-form.select2-selection__rendered, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-dark); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-dark); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused.atbdp-form-fade:after, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-filter-location-icon { - margin-top: 0; -} -.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range { - position: relative; -} -.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range .directorist-search-field__label { - font-size: 16px; - font-weight: 500; - position: unset; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-select .directorist-search-field__label { - opacity: 0; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - left: 25px; - bottom: 12px; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after { - background-color: #808080; -} -.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask:after { - width: 12px; - height: 12px; - background-color: #808080; + position: absolute; + bottom: 12px; + cursor: pointer; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear { + opacity: 0; + visibility: hidden; + left: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear + i::after { + width: 16px; + height: 16px; + background-color: #bcbcbc; + transition: background-color 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear:hover + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="number"] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="date"] { + padding-left: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="time"] { + padding-left: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: 0; + font-size: 13px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__btn { + opacity: 1; + visibility: visible; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input { + position: relative; + bottom: -5px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select + .directorist-search-field__label { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-left: 45px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-form.select2-selection__rendered, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused.atbdp-form-fade:after, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field.directorist-search-field-text_range { + position: relative; +} +.directorist-search-modal__contents__body + .directorist-search-field.directorist-search-field-text_range + .directorist-search-field__label { + font-size: 16px; + font-weight: 500; + position: unset; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-select + .directorist-search-field__label { + opacity: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + left: 25px; + bottom: 12px; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-filter-location-icon + .directorist-icon-mask:after { + background-color: #808080; +} +.directorist-search-modal__contents__body + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-icon-mask { + display: flex; + flex: 1; + justify-content: flex-end; +} +.directorist-search-modal__contents__body + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-icon-mask:after { + width: 12px; + height: 12px; + background-color: #808080; } .directorist-search-modal__contents__body .directorist-search-form-dropdown { - border-bottom: 1px solid var(--directorist-color-border); + border-bottom: 1px solid var(--directorist-color-border); } .directorist-search-modal__contents__body .wp-picker-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap { - margin: 0 !important; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label { - width: 70px; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label input { - padding-left: 10px !important; - bottom: 0; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap .wp-picker-clear { - margin: 0; - width: 100px; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-holder { - top: 45px; + display: flex; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap { + margin: 0 !important; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + label { + width: 70px; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + label + input { + padding-left: 10px !important; + bottom: 0; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-holder { + top: 45px; } .directorist-search-modal__contents__footer { - position: fixed; - bottom: 0; - right: 0; - left: 0; - border-radius: 0 0 16px 16px; - background-color: var(--directorist-color-light); - z-index: 9; + position: fixed; + bottom: 0; + right: 0; + left: 0; + border-radius: 0 0 16px 16px; + background-color: var(--directorist-color-light); + z-index: 9; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__footer { - border-radius: 0; - } - .directorist-search-modal__contents__footer .directorist-advanced-filter__action { - padding: 15px 30px; - } -} -.directorist-search-modal__contents__footer .directorist-advanced-filter__action .directorist-btn { - font-size: 15px; + .directorist-search-modal__contents__footer { + border-radius: 0; + } + .directorist-search-modal__contents__footer + .directorist-advanced-filter__action { + padding: 15px 30px; + } +} +.directorist-search-modal__contents__footer + .directorist-advanced-filter__action + .directorist-btn { + font-size: 15px; } .directorist-search-modal__contents__footer .directorist-btn-reset-js { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; - padding: 0; - text-transform: none; - border: none; - background: transparent; - cursor: pointer; + order: -1; + padding: 0; + text-transform: none; + border: none; + background: transparent; + cursor: pointer; } .directorist-search-modal__contents__footer .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + opacity: 0.5; + cursor: not-allowed; } .directorist-search-modal__contents__title { - font-size: 20px; - font-weight: 500; - margin: 0; + font-size: 20px; + font-weight: 500; + margin: 0; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__title { - font-size: 18px; - } + .directorist-search-modal__contents__title { + font-size: 18px; + } } .directorist-search-modal__contents__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - padding: 0; - background-color: var(--directorist-color-light); - border-radius: 100%; - border: none; - cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + padding: 0; + background-color: var(--directorist-color-light); + border-radius: 100%; + border: none; + cursor: pointer; } .directorist-search-modal__contents__btn i::after { - width: 10px; - height: 10px; - -webkit-transition: background-color ease 0.3s; - transition: background-color ease 0.3s; - background-color: var(--directorist-color-dark); + width: 10px; + height: 10px; + transition: background-color ease 0.3s; + background-color: var(--directorist-color-dark); } .directorist-search-modal__contents__btn:hover i::after { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__btn { - width: auto; - height: auto; - background: transparent; - } - .directorist-search-modal__contents__btn i::after { - width: 12px; - height: 12px; - } -} -.directorist-search-modal .directorist-advanced-filter__form .directorist-search-modal__contents__body { - height: calc(100vh - 350px); + .directorist-search-modal__contents__btn { + width: auto; + height: auto; + background: transparent; + } + .directorist-search-modal__contents__btn i::after { + width: 12px; + height: 12px; + } +} +.directorist-search-modal + .directorist-advanced-filter__form + .directorist-search-modal__contents__body { + height: calc(100vh - 350px); } @media only screen and (max-width: 575px) { - .directorist-search-modal .directorist-advanced-filter__form .directorist-search-modal__contents__body { - height: calc(100vh - 200px); - } + .directorist-search-modal + .directorist-advanced-filter__form + .directorist-search-modal__contents__body { + height: calc(100vh - 200px); + } } .directorist-search-modal__minimizer { - content: ""; - position: absolute; - top: 10px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - width: 50px; - height: 5px; - border-radius: 8px; - background-color: var(--directorist-color-border); - opacity: 0; - visibility: hidden; + content: ""; + position: absolute; + top: 10px; + right: 50%; + transform: translateX(50%); + width: 50px; + height: 5px; + border-radius: 8px; + background-color: var(--directorist-color-border); + opacity: 0; + visibility: hidden; } @media only screen and (max-width: 575px) { - .directorist-search-modal__minimizer { - opacity: 1; - visibility: visible; - } + .directorist-search-modal__minimizer { + opacity: 1; + visibility: visible; + } } .directorist-search-modal--basic .directorist-search-modal__contents__body { - margin: 0; - padding: 30px; - height: calc(100vh - 260px); + margin: 0; + padding: 30px; + height: calc(100vh - 260px); } @media only screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__contents__body { - height: calc(100vh - 110px); - } + .directorist-search-modal--basic .directorist-search-modal__contents__body { + height: calc(100vh - 110px); + } } @media only screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__contents { - margin: 0; - border-radius: 16px 16px 0 0; - } + .directorist-search-modal--basic .directorist-search-modal__contents { + margin: 0; + border-radius: 16px 16px 0 0; + } } .directorist-search-modal--basic .directorist-search-query { - position: relative; + position: relative; } .directorist-search-modal--basic .directorist-search-query:after { - content: ""; - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - width: 16px; - height: 16px; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - background-color: var(--directorist-color-body); - -webkit-mask-image: url(../js/d900b2f795c7e6714e7b.svg); - mask-image: url(../js/d900b2f795c7e6714e7b.svg); -} -.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search { - border-radius: 8px; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search i::after { - background-color: currentColor; + content: ""; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + transition: all ease 0.3s; + width: 16px; + height: 16px; + mask-position: center; + mask-repeat: no-repeat; + background-color: var(--directorist-color-body); + mask-image: url(../js/../images/9ddfe727fdcddbb985d69ce2e9a06358.svg); +} +.directorist-search-modal--basic + .directorist-search-form-action__modal__btn-search { + border-radius: 8px; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-search-modal--basic + .directorist-search-form-action__modal__btn-search + i::after { + background-color: currentColor; } @media screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input { - min-height: 42px; - border-radius: 8px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field { - width: 100%; - margin: 0 20px; - padding-left: 15px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__label:before { - content: ""; - width: 14px; - height: 14px; - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/e6b033cae029287f53b3.svg); - mask-image: url(../js/e6b033cae029287f53b3.svg); - opacity: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__btn { - bottom: unset; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-filter-location-icon { - margin-top: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input { - width: 100%; - padding-left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select { - width: calc(100% + 20px); - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - left: 5px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value { - border-bottom: none; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value:focus-within { - outline: none; - border-bottom: 2px solid var(--directorist-color-primary); - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-text_range { - padding: 5px 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search { - width: auto; - padding-left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap { - left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) { - margin: 0 40px; - } + .directorist-search-modal--basic .directorist-search-modal__input { + min-height: 42px; + border-radius: 8px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field { + width: 100%; + margin: 0 20px; + padding-left: 15px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__label:before { + content: ""; + width: 14px; + height: 14px; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + background-color: var(--directorist-color-body); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + opacity: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__btn { + bottom: unset; + left: 20px; + top: 50%; + transform: translateY(-50%); + transition: all 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input { + width: 100%; + padding-left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select { + width: calc(100% + 20px); + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + left: 5px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-custom-range-slider__value { + border-bottom: none; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-custom-range-slider__value:focus-within { + outline: none; + border-bottom: 2px solid var(--directorist-color-primary); + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-text_range { + padding: 5px 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-radius_search { + width: auto; + padding-left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) { + margin: 0 40px; + } } @media screen and (max-width: 575px) and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select { - width: calc(100% + 20px); - } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select { + width: calc(100% + 20px); + } } @media screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label { - font-size: 0 !important; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - right: -25px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label:before { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input { - bottom: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-moz-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__btn { - left: -20px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select ~ .directorist-search-field__btn--clear, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - left: 5px !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input { - padding-left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-location-js { - padding-left: 30px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel).atbdp-form-fade:after, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon { - margin-top: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__label { - opacity: 0; - font-size: 0 !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value { - padding-left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select { - width: 100%; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear { - left: 20px !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-form-dropdown { - margin-left: 20px !important; - border-bottom: none; - } - .directorist-search-modal--basic .directorist-price-ranges:after { - top: 30px; - } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__label { + font-size: 0 !important; + top: 50%; + transform: translateY(-50%); + right: -25px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__label:before { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input { + bottom: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__btn { + left: -20px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + left: 5px !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input { + padding-left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-location-js { + padding-left: 30px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not( + .input-has-noLabel + ).atbdp-form-fade:after, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__label { + opacity: 0; + font-size: 0 !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value { + padding-left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select { + width: 100%; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear { + left: 20px !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-form-dropdown { + margin-left: 20px !important; + border-bottom: none; + } + .directorist-search-modal--basic .directorist-price-ranges:after { + top: 30px; + } } .directorist-search-modal--basic .open_now > label { - display: none; + display: none; } .directorist-search-modal--basic .open_now .check-btn, -.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges { - padding: 10px 0; -} -.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges__price-frequency__btn { - display: block; -} -.directorist-search-modal--basic .directorist-advanced-filter__advanced__element .directorist-search-field { - margin: 0; - padding: 10px 0; +.directorist-search-modal--basic + .directorist-search-modal__input + .directorist-price-ranges { + padding: 10px 0; +} +.directorist-search-modal--basic + .directorist-search-modal__input + .directorist-price-ranges__price-frequency__btn { + display: block; +} +.directorist-search-modal--basic + .directorist-advanced-filter__advanced__element + .directorist-search-field { + margin: 0; + padding: 10px 0; } .directorist-search-modal--basic .directorist-checkbox-wrapper, .directorist-search-modal--basic .directorist-radio-wrapper, .directorist-search-modal--basic .directorist-search-tags { - width: 100%; - margin: 10px 0; -} -.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-checkbox, -.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-radio, -.directorist-search-modal--basic .directorist-radio-wrapper .directorist-checkbox, + width: 100%; + margin: 10px 0; +} +.directorist-search-modal--basic + .directorist-checkbox-wrapper + .directorist-checkbox, +.directorist-search-modal--basic + .directorist-checkbox-wrapper + .directorist-radio, +.directorist-search-modal--basic + .directorist-radio-wrapper + .directorist-checkbox, .directorist-search-modal--basic .directorist-radio-wrapper .directorist-radio, .directorist-search-modal--basic .directorist-search-tags .directorist-checkbox, .directorist-search-modal--basic .directorist-search-tags .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } -.directorist-search-modal--basic .directorist-search-tags ~ .directorist-btn-ml { - margin-bottom: 10px; +.directorist-search-modal--basic + .directorist-search-tags + ~ .directorist-btn-ml { + margin-bottom: 10px; } -.directorist-search-modal--basic .directorist-select .select2-container.select2-container--default .select2-selection--single { - min-height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; +.directorist-search-modal--basic + .directorist-select + .select2-container.select2-container--default + .select2-selection--single { + min-height: 40px; + display: flex; } .directorist-search-modal--basic .directorist-search-field-pricing > label, .directorist-search-modal--basic .directorist-search-field__number > label, .directorist-search-modal--basic .directorist-search-field-text_range > label, .directorist-search-modal--basic .directorist-search-field-price_range > label, -.directorist-search-modal--basic .directorist-search-field-radius_search > label { - position: unset; - -webkit-transform: unset; - transform: unset; - display: block; - font-size: 14px; - margin-bottom: 15px; -} -.directorist-search-modal--advanced .directorist-search-modal__contents__body .directorist-search-field__btn { - bottom: 12px; +.directorist-search-modal--basic + .directorist-search-field-radius_search + > label { + position: unset; + transform: unset; + display: block; + font-size: 14px; + margin-bottom: 15px; +} +.directorist-search-modal--advanced + .directorist-search-modal__contents__body + .directorist-search-field__btn { + bottom: 12px; } .directorist-search-modal--full .directorist-search-field { - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + transition: margin 0.3s ease; } -.directorist-search-modal--full .directorist-search-field .directorist-search-field__label { - font-size: 14px; - font-weight: 400; +.directorist-search-modal--full + .directorist-search-field + .directorist-search-field__label { + font-size: 14px; + font-weight: 400; } .directorist-search-modal--full .directorist-search-field.input-is-focused { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-top: 40px; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__label { - top: -35px; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; - margin: 0; - z-index: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - width: 100%; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; + width: 100%; + display: inline-flex; + margin-top: 40px; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0; + z-index: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; } .directorist-search-modal--full .directorist-search-field-pricing > label, .directorist-search-modal--full .directorist-search-field-text_range > label, -.directorist-search-modal--full .directorist-search-field-radius_search > label { - display: block; - font-size: 16px; - font-weight: 500; - margin-bottom: 18px; +.directorist-search-modal--full + .directorist-search-field-radius_search + > label { + display: block; + font-size: 16px; + font-weight: 500; + margin-bottom: 18px; } .directorist-search-modal__input { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border: 1px solid var(--directorist-color-border); - border-radius: 8px; - min-height: 40px; - margin: 0 0 15px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + display: flex; + align-items: center; + border: 1px solid var(--directorist-color-border); + border-radius: 8px; + min-height: 40px; + margin: 0 0 15px; + transition: all ease 0.3s; } .directorist-search-modal__input .directorist-select { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + display: inline-flex; + flex-wrap: wrap; + flex: 1; } .directorist-search-modal__input .select2.select2-container .select2-selection, -.directorist-search-modal__input .directorist-form-group .directorist-form-element, -.directorist-search-modal__input .directorist-form-group .directorist-form-element:focus { - border: 0 none; +.directorist-search-modal__input + .directorist-form-group + .directorist-form-element, +.directorist-search-modal__input + .directorist-form-group + .directorist-form-element:focus { + border: 0 none; } .directorist-search-modal__input__btn { - width: 0; - padding: 0 10px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + width: 0; + padding: 0 10px; + transition: all ease 0.3s; } .directorist-search-modal__input__btn .directorist-icon-mask::after { - width: 14px; - height: 14px; - opacity: 0; - visibility: hidden; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-body); -} -.directorist-search-modal__input .input-is-focused.directorist-search-query::after { - display: none; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; + width: 14px; + height: 14px; + opacity: 0; + visibility: hidden; + transition: all ease 0.3s; + background-color: var(--directorist-color-body); +} +.directorist-search-modal__input + .input-is-focused.directorist-search-query::after { + display: none; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; } .directorist-search-modal .directorist-checkbox-wrapper, .directorist-search-modal .directorist-radio-wrapper, .directorist-search-modal .directorist-search-tags { - padding: 0; - gap: 12px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + gap: 12px; + flex-wrap: wrap; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-form-dropdown { - padding: 0 !important; - } - .directorist-search-modal .directorist-search-form-dropdown .directorist-search-field__btn { - left: 0; - } -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused { - margin-top: 0 !important; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - bottom: 0 !important; - padding-left: 25px; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label { - opacity: 1 !important; - visibility: visible; - margin: 0; - font-size: 14px !important; - font-weight: 500; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item { - font-weight: 600; - margin-right: 5px; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { - opacity: 1; - visibility: visible; + .directorist-search-modal .directorist-search-form-dropdown { + padding: 0 !important; + } + .directorist-search-modal + .directorist-search-form-dropdown + .directorist-search-field__btn { + left: 0; + } +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value, +.directorist-search-modal .directorist-search-form-dropdown.input-is-focused { + margin-top: 0 !important; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + bottom: 0 !important; + padding-left: 25px; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label { + opacity: 1 !important; + visibility: visible; + margin: 0; + font-size: 14px !important; + font-weight: 500; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item { + font-weight: 600; + margin-right: 5px; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + opacity: 1; + visibility: visible; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - padding-left: 0 !important; - } - .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { - left: 25px !important; - } + .directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, + .directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-left: 0 !important; + } + .directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, + .directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + left: 25px !important; + } } .directorist-search-modal .directorist-search-basic-dropdown { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - padding: 0; - width: 100%; - max-width: unset; - height: 40px; - line-height: 40px; - font-size: 14px; - font-weight: 500; - cursor: pointer; - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; - color: var(--directorist-color-dark); -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-prefix:not(:empty) { - -webkit-margin-end: 5px; - margin-inline-end: 5px; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-count:not(:empty) { - width: 20px; - height: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - font-size: 10px; - border-radius: 100%; - -webkit-margin-start: 10px; - margin-inline-start: 10px; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i:after { - width: 12px; - height: 12px; - background-color: #808080; + position: relative; + box-sizing: border-box; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + position: relative; + padding: 0; + width: 100%; + max-width: unset; + height: 40px; + line-height: 40px; + font-size: 14px; + font-weight: 500; + cursor: pointer; + position: unset !important; + transform: unset !important; + color: var(--directorist-color-dark); +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-prefix:not(:empty) { + margin-inline-end: 5px; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-count:not(:empty) { + width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + font-size: 10px; + border-radius: 100%; + margin-inline-start: 10px; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: flex; + flex: 1; + justify-content: flex-end; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i:after { + width: 12px; + height: 12px; + background-color: #808080; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before { - right: -20px !important; - } -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content { - position: absolute; - top: 100%; - right: 0; - width: 100%; - min-width: 150px; - padding: 15px 20px; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - max-height: 250px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - overflow-y: auto; - z-index: 100; - display: none; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content.dropdown-content-show { - display: block; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-search-tags { - gap: 12px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox__label { - width: 100%; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-radio-wrapper, -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox-wrapper { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-dark); + .directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label:before { + right: -20px !important; + } +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content { + position: absolute; + top: 100%; + right: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + max-height: 250px; + box-sizing: border-box; + overflow-y: auto; + z-index: 100; + display: none; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content.dropdown-content-show { + display: block; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-search-tags { + gap: 12px; + flex-direction: column; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox__label { + width: 100%; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-radio-wrapper, +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox-wrapper { + flex-direction: column; +} +.directorist-search-modal + .select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); } .directorist-content-active.directorist-overlay-active { - overflow: hidden; + overflow: hidden; } -.directorist-content-active .directorist-search-modal__input .select2.select2-container .select2-selection { - border: 0 none !important; +.directorist-content-active + .directorist-search-modal__input + .select2.select2-container + .select2-selection { + border: 0 none !important; } /* Responsive CSS */ /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) and (max-width: 1199.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) and (max-width: 767.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 30px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 30px); + } } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { - -webkit-transition: background-color 5000s ease-in-out 0s !important; - transition: background-color 5000s ease-in-out 0s !important; + transition: background-color 5000s ease-in-out 0s !important; } .directorist-content-active .directorist-card { - border: none; - padding: 0; - border-radius: 12px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + border: none; + padding: 0; + border-radius: 12px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-content-active .directorist-card__header { - padding: 20px 25px; - border-bottom: 1px solid var(--directorist-color-border); - border-radius: 16px 16px 0 0; + padding: 20px 25px; + border-bottom: 1px solid var(--directorist-color-border); + border-radius: 16px 16px 0 0; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-card__header { - padding: 15px 20px; - } + .directorist-content-active .directorist-card__header { + padding: 15px 20px; + } } .directorist-content-active .directorist-card__header__title { - font-size: 18px; - font-weight: 500; - line-height: 1.2; - color: var(--directorist-color-dark); - letter-spacing: normal; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0; - margin: 0; + font-size: 18px; + font-weight: 500; + line-height: 1.2; + color: var(--directorist-color-dark); + letter-spacing: normal; + display: flex; + align-items: center; + padding: 0; + margin: 0; } .directorist-content-active .directorist-card__body { - padding: 25px; - border-radius: 0 0 16px 16px; + padding: 25px; + border-radius: 0 0 16px 16px; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-card__body { - padding: 20px; - } + .directorist-content-active .directorist-card__body { + padding: 20px; + } } .directorist-content-active .directorist-card__body .directorist-review-single, -.directorist-content-active .directorist-card__body .directorist-widget-tags ul { - padding: 0; +.directorist-content-active + .directorist-card__body + .directorist-widget-tags + ul { + padding: 0; } .directorist-content-active .directorist-card__body p { - font-size: 15px; - margin-top: 0; + font-size: 15px; + margin-top: 0; } .directorist-content-active .directorist-card__body p:last-child { - margin-bottom: 0; + margin-bottom: 0; } .directorist-content-active .directorist-card__body p:empty { - display: none; + display: none; } .directorist-color-picker-wrap .wp-color-result { - text-decoration: none; - margin: 0 0 0 6px !important; + text-decoration: none; + margin: 0 0 0 6px !important; } .directorist-color-picker-wrap .wp-color-result:hover { - background-color: #F9F9F9; + background-color: #f9f9f9; } .directorist-color-picker-wrap .wp-picker-input-wrap label input { - width: auto !important; + width: auto !important; } -.directorist-color-picker-wrap .wp-picker-input-wrap label input.directorist-color-picker { - width: 100% !important; +.directorist-color-picker-wrap + .wp-picker-input-wrap + label + input.directorist-color-picker { + width: 100% !important; } .directorist-color-picker-wrap .wp-picker-clear { - padding: 0 15px; - margin-top: 3px; - font-size: 14px; - font-weight: 500; - line-height: 2.4; + padding: 0 15px; + margin-top: 3px; + font-size: 14px; + font-weight: 500; + line-height: 2.4; } .directorist-form-group { - position: relative; - width: 100%; + position: relative; + width: 100%; } .directorist-form-group textarea, .directorist-form-group textarea.directorist-form-element { - min-height: unset; - height: auto !important; - max-width: 100%; - width: 100%; + min-height: unset; + height: auto !important; + max-width: 100%; + width: 100%; } .directorist-form-group__with-prefix { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-bottom: 1px solid #d9d9d9; - width: 100%; - gap: 10px; + display: flex; + align-items: center; + border-bottom: 1px solid #d9d9d9; + width: 100%; + gap: 10px; } .directorist-form-group__with-prefix:focus-within { - border-bottom: 2px solid var(--directorist-color-dark); + border-bottom: 2px solid var(--directorist-color-dark); } .directorist-form-group__with-prefix .directorist-form-element { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0 !important; - border: none !important; + flex: 1; + margin: 0 !important; + border: none !important; } .directorist-form-group__with-prefix .directorist-single-info__value { - font-size: 14px; - font-weight: 500; - margin: 0 !important; + font-size: 14px; + font-weight: 500; + margin: 0 !important; } .directorist-form-group__prefix { - height: 40px; - line-height: 40px; - font-size: 14px; - font-weight: 500; - color: #828282; + height: 40px; + line-height: 40px; + font-size: 14px; + font-weight: 500; + color: #828282; } .directorist-form-group__prefix--start { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; + order: -1; } .directorist-form-group__prefix--end { - -webkit-box-ordinal-group: 3; - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; + order: 2; } -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input { - padding-left: 0 !important; +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-form-group__with-prefix + .directorist-search-field__input { + padding-left: 0 !important; } .directorist-form-group label { - margin: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + margin: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-form-group .directorist-form-element { - position: relative; - padding: 0; - width: 100%; - max-width: unset; - min-height: unset; - height: 40px; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); - border: none; - border-radius: 0; - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-bottom: 1px solid var(--directorist-color-border-gray); + position: relative; + padding: 0; + width: 100%; + max-width: unset; + min-height: unset; + height: 40px; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); + border: none; + border-radius: 0; + background: transparent; + box-sizing: border-box; + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-form-group .directorist-form-element:focus { - outline: none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; - border: none; - border-bottom: 2px solid var(--directorist-color-primary); + outline: none; + box-shadow: 0 0; + border: none; + border-bottom: 2px solid var(--directorist-color-primary); } .directorist-form-group .directorist-form-description { - font-size: 14px; - margin-top: 10px; - color: var(--directorist-color-deep-gray); + font-size: 14px; + margin-top: 10px; + color: var(--directorist-color-deep-gray); } .directorist-form-element.directorist-form-element-lg { - height: 50px; + height: 50px; } .directorist-form-element.directorist-form-element-lg__prefix { - height: 50px; - line-height: 50px; + height: 50px; + line-height: 50px; } .directorist-form-element.directorist-form-element-sm { - height: 30px; + height: 30px; } .directorist-form-element.directorist-form-element-sm__prefix { - height: 30px; - line-height: 30px; + height: 30px; + line-height: 30px; } .directorist-form-group.directorist-icon-left .directorist-input-icon { - right: 0; + right: 0; } .directorist-form-group.directorist-icon-left .location-name { - padding-right: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding-right: 25px; + box-sizing: border-box; } .directorist-form-group.directorist-icon-right .directorist-input-icon { - left: 0; + left: 0; } .directorist-form-group.directorist-icon-right .location-name { - padding-left: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding-left: 25px; + box-sizing: border-box; } .directorist-form-group .directorist-input-icon { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - line-height: 1.45; - z-index: 99; - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + position: absolute; + top: 50%; + transform: translateY(-50%); + line-height: 1.45; + z-index: 99; + transition: margin 0.3s ease; } .directorist-form-group .directorist-input-icon i, .directorist-form-group .directorist-input-icon span, .directorist-form-group .directorist-input-icon svg { - font-size: 14px; + font-size: 14px; } .directorist-form-group .directorist-input-icon .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-body); + width: 16px; + height: 16px; + background-color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-form-group .directorist-input-icon { - margin-top: 0; - } + .directorist-form-group .directorist-input-icon { + margin-top: 0; + } } .directorist-label { - margin-bottom: 0; + margin-bottom: 0; } input.directorist-toggle-input { - display: none; + display: none; } .directorist-toggle-input-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex; + align-items: center; + justify-content: space-between; } span.directorist-toggle-input-label-text { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding-left: 10px; + flex-grow: 1; + padding-left: 10px; } span.directorist-toggle-input-label-icon { - position: relative; - display: inline-block; - width: 50px; - height: 25px; - border-radius: 30px; - background-color: #d9d9d9; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + position: relative; + display: inline-block; + width: 50px; + height: 25px; + border-radius: 30px; + background-color: #d9d9d9; + transition: all ease-in-out 300ms; } span.directorist-toggle-input-label-icon::after { - content: ""; - position: absolute; - display: inline-block; - width: 15px; - height: 15px; - border-radius: 50%; - background-color: var(--directorist-color-white); - top: 50%; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + content: ""; + position: absolute; + display: inline-block; + width: 15px; + height: 15px; + border-radius: 50%; + background-color: var(--directorist-color-white); + top: 50%; + transform: translate(0, -50%); + transition: all ease-in-out 300ms; } -input.directorist-toggle-input:checked + .directorist-toggle-input-label span.directorist-toggle-input-label-icon { - background-color: #4353ff; +input.directorist-toggle-input:checked + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon { + background-color: #4353ff; } -input.directorist-toggle-input:not(:checked) + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after { - right: 5px; +input.directorist-toggle-input:not(:checked) + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon::after { + right: 5px; } -input.directorist-toggle-input:checked + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after { - right: calc(100% - 20px); +input.directorist-toggle-input:checked + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon::after { + right: calc(100% - 20px); } .directorist-tab-navigation { - padding: 0; - margin: 0 -10px 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + padding: 0; + margin: 0 -10px 20px; + display: flex; + justify-content: center; + align-items: center; } .directorist-tab-navigation-list-item { - position: relative; - list-style: none; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - margin: 10px; - padding: 15px 20px; - border-radius: 4px; - -webkit-flex-basis: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - background-color: var(--directorist-color-bg-light); + position: relative; + list-style: none; + flex-grow: 1; + text-align: center; + margin: 10px; + padding: 15px 20px; + border-radius: 4px; + flex-basis: 50%; + background-color: var(--directorist-color-bg-light); } .directorist-tab-navigation-list-item.--is-active { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-tab-navigation-list-item.--is-active::after { - content: ""; - position: absolute; - right: 50%; - bottom: -10px; - width: 0; - height: 0; - border-right: 10px solid transparent; - border-left: 10px solid transparent; - border-top: 10px solid var(--directorist-color-primary); - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); -} -.directorist-tab-navigation-list-item .directorist-tab-navigation-list-item-link { - margin: -15px -20px; + content: ""; + position: absolute; + right: 50%; + bottom: -10px; + width: 0; + height: 0; + border-right: 10px solid transparent; + border-left: 10px solid transparent; + border-top: 10px solid var(--directorist-color-primary); + transform: translate(50%, 0); +} +.directorist-tab-navigation-list-item + .directorist-tab-navigation-list-item-link { + margin: -15px -20px; } .directorist-tab-navigation-list-item-link { - position: relative; - display: block; - text-decoration: none; - padding: 15px 20px; - border-radius: 4px; - color: var(--directorist-color-body); - background-color: var(--directorist-color-bg-light); -} -.directorist-tab-navigation-list-item-link:active, .directorist-tab-navigation-list-item-link:visited, .directorist-tab-navigation-list-item-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); + position: relative; + display: block; + text-decoration: none; + padding: 15px 20px; + border-radius: 4px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-bg-light); +} +.directorist-tab-navigation-list-item-link:active, +.directorist-tab-navigation-list-item-link:visited, +.directorist-tab-navigation-list-item-link:focus { + outline: none; + box-shadow: none; + color: var(--directorist-color-body); } .directorist-tab-navigation-list-item-link.--is-active { - cursor: default; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); + cursor: default; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-tab-navigation-list-item-link.--is-active::after { - content: ""; - position: absolute; - right: 50%; - bottom: -10px; - width: 0; - height: 0; - border-right: 10px solid transparent; - border-left: 10px solid transparent; - border-top: 10px solid var(--directorist-color-primary); - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); + content: ""; + position: absolute; + right: 50%; + bottom: -10px; + width: 0; + height: 0; + border-right: 10px solid transparent; + border-left: 10px solid transparent; + border-top: 10px solid var(--directorist-color-primary); + transform: translate(50%, 0); } .directorist-tab-content { - display: none; + display: none; } .directorist-tab-content.--is-active { - display: block; + display: block; } .directorist-headline-4 { - margin: 0 0 15px 0; - font-size: 15px; - font-weight: normal; + margin: 0 0 15px 0; + font-size: 15px; + font-weight: normal; } .directorist-label-addon-prepend { - margin-left: 10px; + margin-left: 10px; } .--is-hidden { - display: none; + display: none; } .directorist-flex-center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } .directorist-checkbox, .directorist-radio { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-checkbox input[type=checkbox], -.directorist-checkbox input[type=radio], -.directorist-radio input[type=checkbox], -.directorist-radio input[type=radio] { - display: none !important; -} -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label, .directorist-checkbox input[type=checkbox] + .directorist-radio__label, -.directorist-checkbox input[type=radio] + .directorist-checkbox__label, -.directorist-checkbox input[type=radio] + .directorist-radio__label, -.directorist-radio input[type=checkbox] + .directorist-checkbox__label, -.directorist-radio input[type=checkbox] + .directorist-radio__label, -.directorist-radio input[type=radio] + .directorist-checkbox__label, -.directorist-radio input[type=radio] + .directorist-radio__label { - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - display: inline-block; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - padding-right: 30px; - margin-bottom: 0; - margin-right: 0; - line-height: 1.4; - color: var(--directorist-color-body); - -webkit-box-sizing: content-box; - box-sizing: content-box; -} -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, -.directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, -.directorist-checkbox input[type=radio] + .directorist-radio__label:after, -.directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, -.directorist-radio input[type=checkbox] + .directorist-radio__label:after, -.directorist-radio input[type=radio] + .directorist-checkbox__label:after, -.directorist-radio input[type=radio] + .directorist-radio__label:after { - content: ""; - position: absolute; - right: 0; - top: 0; - width: 20px; - height: 20px; - border-radius: 5px; - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 2px solid var(--directorist-color-gray); - background-color: transparent; + display: flex; + align-items: center; +} +.directorist-checkbox input[type="checkbox"], +.directorist-checkbox input[type="radio"], +.directorist-radio input[type="checkbox"], +.directorist-radio input[type="radio"] { + display: none !important; +} +.directorist-checkbox input[type="checkbox"] + .directorist-checkbox__label, +.directorist-checkbox input[type="checkbox"] + .directorist-radio__label, +.directorist-checkbox input[type="radio"] + .directorist-checkbox__label, +.directorist-checkbox input[type="radio"] + .directorist-radio__label, +.directorist-radio input[type="checkbox"] + .directorist-checkbox__label, +.directorist-radio input[type="checkbox"] + .directorist-radio__label, +.directorist-radio input[type="radio"] + .directorist-checkbox__label, +.directorist-radio input[type="radio"] + .directorist-radio__label { + font-size: 14px; + display: flex; + flex-flow: column; + position: relative; + display: inline-block; + user-select: none; + padding-right: 30px; + margin-bottom: 0; + margin-right: 0; + line-height: 1.4; + color: var(--directorist-color-body); + box-sizing: content-box; +} +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-checkbox input[type="checkbox"] + .directorist-radio__label:after, +.directorist-checkbox input[type="radio"] + .directorist-checkbox__label:after, +.directorist-checkbox input[type="radio"] + .directorist-radio__label:after, +.directorist-radio input[type="checkbox"] + .directorist-checkbox__label:after, +.directorist-radio input[type="checkbox"] + .directorist-radio__label:after, +.directorist-radio input[type="radio"] + .directorist-checkbox__label:after, +.directorist-radio input[type="radio"] + .directorist-radio__label:after { + content: ""; + position: absolute; + right: 0; + top: 0; + width: 20px; + height: 20px; + border-radius: 5px; + background: transparent; + box-sizing: border-box; + border: 2px solid var(--directorist-color-gray); + background-color: transparent; } @media only screen and (max-width: 575px) { - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label, .directorist-checkbox input[type=checkbox] + .directorist-radio__label, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label, - .directorist-checkbox input[type=radio] + .directorist-radio__label, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label, - .directorist-radio input[type=checkbox] + .directorist-radio__label, - .directorist-radio input[type=radio] + .directorist-checkbox__label, - .directorist-radio input[type=radio] + .directorist-radio__label { - line-height: 1.2; - padding-right: 25px; - } - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, - .directorist-checkbox input[type=radio] + .directorist-radio__label:after, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, - .directorist-radio input[type=checkbox] + .directorist-radio__label:after, - .directorist-radio input[type=radio] + .directorist-checkbox__label:after, - .directorist-radio input[type=radio] + .directorist-radio__label:after { - top: 1px; - width: 16px; - height: 16px; - } - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-checkbox input[type=radio] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-radio input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-radio input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-radio input[type=radio] + .directorist-radio__label .directorist-icon-mask:after { - width: 12px; - height: 12px; - } -} -.directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox input[type=radio]:checked + .directorist-radio__label:after, -.directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:after, -.directorist-radio input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-radio input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:before, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:before, -.directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:before, -.directorist-checkbox input[type=radio]:checked + .directorist-radio__label:before, -.directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:before, -.directorist-radio input[type=checkbox]:checked + .directorist-radio__label:before, -.directorist-radio input[type=radio]:checked + .directorist-checkbox__label:before, -.directorist-radio input[type=radio]:checked + .directorist-radio__label:before { - opacity: 1; - visibility: visible; -} - -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before { - position: absolute; - right: 5px; - top: 5px; - content: ""; - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: var(--directorist-color-white); - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; + .directorist-checkbox input[type="checkbox"] + .directorist-checkbox__label, + .directorist-checkbox input[type="checkbox"] + .directorist-radio__label, + .directorist-checkbox input[type="radio"] + .directorist-checkbox__label, + .directorist-checkbox input[type="radio"] + .directorist-radio__label, + .directorist-radio input[type="checkbox"] + .directorist-checkbox__label, + .directorist-radio input[type="checkbox"] + .directorist-radio__label, + .directorist-radio input[type="radio"] + .directorist-checkbox__label, + .directorist-radio input[type="radio"] + .directorist-radio__label { + line-height: 1.2; + padding-right: 25px; + } + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label:after, + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label:after, + .directorist-checkbox input[type="radio"] + .directorist-radio__label:after, + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label:after, + .directorist-radio input[type="checkbox"] + .directorist-radio__label:after, + .directorist-radio input[type="radio"] + .directorist-checkbox__label:after, + .directorist-radio input[type="radio"] + .directorist-radio__label:after { + top: 1px; + width: 16px; + height: 16px; + } + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="radio"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-radio + input[type="checkbox"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-radio + input[type="radio"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-radio + input[type="radio"] + + .directorist-radio__label + .directorist-icon-mask:after { + width: 12px; + height: 12px; + } +} +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:after, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:before, +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:before, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:before, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:before, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:before, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:before, +.directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:before, +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:before { + opacity: 1; + visibility: visible; +} + +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + position: absolute; + right: 5px; + top: 5px; + content: ""; + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); + display: block; + opacity: 0; + transition: all 0.3s ease 0s; + z-index: 2; } @media only screen and (max-width: 575px) { - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before { - top: 4px; - right: 3px; - } -} - -.directorist-radio input[type=radio] + .directorist-radio__label:before { - position: absolute; - right: 5px; - top: 5px; - width: 8px; - height: 8px; - border-radius: 50%; - background-color: var(--directorist-color-white); - border: 0 none; - opacity: 0; - visibility: hidden; - z-index: 2; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - content: ""; + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + top: 4px; + right: 3px; + } +} + +.directorist-radio input[type="radio"] + .directorist-radio__label:before { + position: absolute; + right: 5px; + top: 5px; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: var(--directorist-color-white); + border: 0 none; + opacity: 0; + visibility: hidden; + z-index: 2; + transition: all 0.3s ease 0s; + content: ""; } @media only screen and (max-width: 575px) { - .directorist-radio input[type=radio] + .directorist-radio__label:before { - right: 3px; - top: 4px; - } -} -.directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); -} -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:before { - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: var(--directorist-color-white); -} - -.directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-radio__label:after, -.directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-checkbox__label:after, -.directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-radio__label:after, -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-checkbox__label:after, -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:after { - border-radius: 50%; -} - -.directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-secondary); - border-color: var(--directorist-color-secondary); -} -.directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); -} -.directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} - -.directorist-radio.directorist-radio-primary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: var(--directorist-color-primary) !important; -} -.directorist-radio.directorist-radio-primary input[type=radio]:checked + .directorist-radio__label:before { - background-color: var(--directorist-color-primary) !important; -} -.directorist-radio.directorist-radio-secondary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: var(--directorist-color-secondary) !important; -} -.directorist-radio.directorist-radio-secondary input[type=radio]:checked + .directorist-radio__label:before { - background-color: var(--directorist-color-secondary) !important; -} -.directorist-radio.directorist-radio-blue input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: #3e62f5 !important; -} -.directorist-radio.directorist-radio-blue input[type=radio]:checked + .directorist-radio__label:before { - background-color: #3e62f5 !important; + .directorist-radio input[type="radio"] + .directorist-radio__label:before { + right: 3px; + top: 4px; + } +} +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); +} +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:before { + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); +} + +.directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-radio__label:after, +.directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-radio__label:after, +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-checkbox__label:after, +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:after { + border-radius: 50%; +} + +.directorist-checkbox.directorist-checkbox-primary + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox.directorist-checkbox-secondary + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-secondary); + border-color: var(--directorist-color-secondary); +} +.directorist-checkbox.directorist-checkbox-success + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); +} +.directorist-checkbox.directorist-checkbox-blue + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} + +.directorist-radio.directorist-radio-primary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: var(--directorist-color-primary) !important; +} +.directorist-radio.directorist-radio-primary + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: var(--directorist-color-primary) !important; +} +.directorist-radio.directorist-radio-secondary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: var(--directorist-color-secondary) !important; +} +.directorist-radio.directorist-radio-secondary + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: var(--directorist-color-secondary) !important; +} +.directorist-radio.directorist-radio-blue + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: #3e62f5 !important; +} +.directorist-radio.directorist-radio-blue + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: #3e62f5 !important; } .directorist-checkbox-rating { - gap: 20px; - width: 100%; - padding: 10px 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.directorist-checkbox-rating input[type=checkbox] + .directorist-checkbox__label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + gap: 20px; + width: 100%; + padding: 10px 0; + flex-wrap: wrap; + flex-direction: column; + align-items: flex-start; +} +.directorist-checkbox-rating + input[type="checkbox"] + + .directorist-checkbox__label { + display: flex; + flex-direction: row; } .directorist-checkbox-rating .directorist-icon-mask:after { - width: 14px; - height: 14px; - margin-top: 1px; -} - -.directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:before { - width: 10px; - height: 10px; - top: 5px; - right: 5px; - background-color: var(--directorist-color-white) !important; -} -.directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:after { - width: 20px; - height: 20px; - border-color: #C6D0DC; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-radio.directorist-radio-theme-admin input[type=radio]:checked + .directorist-radio__label:after { - background-color: #3e62f5; - border-color: #3e62f5; + width: 14px; + height: 14px; + margin-top: 1px; +} + +.directorist-radio.directorist-radio-theme-admin + input[type="radio"] + + .directorist-radio__label:before { + width: 10px; + height: 10px; + top: 5px; + right: 5px; + background-color: var(--directorist-color-white) !important; +} +.directorist-radio.directorist-radio-theme-admin + input[type="radio"] + + .directorist-radio__label:after { + width: 20px; + height: 20px; + border-color: #c6d0dc; + box-sizing: border-box; +} +.directorist-radio.directorist-radio-theme-admin + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: #3e62f5; + border-color: #3e62f5; } .directorist-radio.directorist-radio-theme-admin .directorist-radio__label { - padding-right: 35px !important; -} - -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox] + .directorist-checkbox__label:before { - width: 8px; - height: 8px; - top: 6px !important; - right: 6px !important; - border-radius: 50%; - background-color: var(--directorist-color-white) !important; - content: ""; -} -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox] + .directorist-checkbox__label:after { - width: 20px; - height: 20px; - border-color: #C6D0DC; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox]:checked + .directorist-checkbox__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox.directorist-checkbox-theme-admin .directorist-checkbox__label { - padding-right: 35px !important; + padding-right: 35px !important; +} + +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"] + + .directorist-checkbox__label:before { + width: 8px; + height: 8px; + top: 6px !important; + right: 6px !important; + border-radius: 50%; + background-color: var(--directorist-color-white) !important; + content: ""; +} +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"] + + .directorist-checkbox__label:after { + width: 20px; + height: 20px; + border-color: #c6d0dc; + box-sizing: border-box; +} +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"]:checked + + .directorist-checkbox__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox.directorist-checkbox-theme-admin + .directorist-checkbox__label { + padding-right: 35px !important; } .directorist-content-active { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } .directorist-content-active .directorist-author-profile { - padding: 0; + padding: 0; } .directorist-content-active .directorist-author-profile__wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 15px; - padding: 25px 30px; - margin: 0 0 40px; + display: flex; + align-items: center; + justify-content: space-between; + gap: 15px; + padding: 25px 30px; + margin: 0 0 40px; } .directorist-content-active .directorist-author-profile__wrap__body { - padding: 0; + padding: 0; } @media only screen and (max-width: 991px) { - .directorist-content-active .directorist-author-profile__wrap { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-content-active .directorist-author-profile__wrap { + flex-direction: column; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__wrap { - gap: 8px; - } + .directorist-content-active .directorist-author-profile__wrap { + gap: 8px; + } } .directorist-content-active .directorist-author-profile__avatar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 20px; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__avatar { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - text-align: center; - gap: 15px; - } + .directorist-content-active .directorist-author-profile__avatar { + flex-direction: column; + text-align: center; + gap: 15px; + } } .directorist-content-active .directorist-author-profile__avatar img { - max-width: 100px !important; - max-height: 100px; - border-radius: 50%; - background-color: var(--directorist-color-bg-gray); + max-width: 100px !important; + max-height: 100px; + border-radius: 50%; + background-color: var(--directorist-color-bg-gray); } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__avatar img { - max-width: 75px !important; - max-height: 75px !important; - } + .directorist-content-active .directorist-author-profile__avatar img { + max-width: 75px !important; + max-height: 75px !important; + } } -.directorist-content-active .directorist-author-profile__avatar__info .directorist-author-profile__avatar__info__name { - margin: 0 0 5px; +.directorist-content-active + .directorist-author-profile__avatar__info + .directorist-author-profile__avatar__info__name { + margin: 0 0 5px; } .directorist-content-active .directorist-author-profile__avatar__info__name { - font-size: 20px; - font-weight: 500; - color: var(--directorist-color-dark); - margin: 0 0 5px; + font-size: 20px; + font-weight: 500; + color: var(--directorist-color-dark); + margin: 0 0 5px; } @media only screen and (max-width: 991px) { - .directorist-content-active .directorist-author-profile__avatar__info__name { - margin: 0; - } + .directorist-content-active + .directorist-author-profile__avatar__info__name { + margin: 0; + } } .directorist-content-active .directorist-author-profile__avatar__info p { - margin: 0; - font-size: 14px; - color: var(--directorist-color-body); + margin: 0; + font-size: 14px; + color: var(--directorist-color-body); } .directorist-content-active .directorist-author-profile__meta-list { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; - list-style-type: none; + margin: 0; + padding: 0; + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 15px; + list-style-type: none; } @media only screen and (max-width: 991px) { - .directorist-content-active .directorist-author-profile__meta-list { - gap: 5px 20px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-content-active .directorist-author-profile__meta-list { + gap: 5px 20px; + justify-content: center; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__meta-list { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - } + .directorist-content-active .directorist-author-profile__meta-list { + flex-direction: row-reverse; + } } .directorist-content-active .directorist-author-profile__meta-list__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; - padding: 18px; - margin: 0; - padding-left: 75px; - border-radius: 10px; - background-color: var(--directorist-color-bg-gray); + display: flex; + align-items: center; + gap: 15px; + padding: 18px; + margin: 0; + padding-left: 75px; + border-radius: 10px; + background-color: var(--directorist-color-bg-gray); } .directorist-content-active .directorist-author-profile__meta-list__item i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 44px; - height: 44px; - background-color: var(--directorist-color-primary); - border-radius: 10px; -} -.directorist-content-active .directorist-author-profile__meta-list__item i:after { - width: 18px; - height: 18px; - background-color: var(--directorist-color-white); + display: flex; + align-items: center; + justify-content: center; + width: 44px; + height: 44px; + background-color: var(--directorist-color-primary); + border-radius: 10px; +} +.directorist-content-active + .directorist-author-profile__meta-list__item + i:after { + width: 18px; + height: 18px; + background-color: var(--directorist-color-white); } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__meta-list__item i { - width: auto; - height: auto; - background-color: transparent; - } - .directorist-content-active .directorist-author-profile__meta-list__item i:after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-warning); - } + .directorist-content-active .directorist-author-profile__meta-list__item i { + width: auto; + height: auto; + background-color: transparent; + } + .directorist-content-active + .directorist-author-profile__meta-list__item + i:after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-warning); + } } .directorist-content-active .directorist-author-profile__meta-list__item span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-content-active .directorist-author-profile__meta-list__item span span { - font-size: 18px; - font-weight: 500; - line-height: 1.1; - color: var(--directorist-color-primary); + display: flex; + flex-direction: column; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-author-profile__meta-list__item + span + span { + font-size: 18px; + font-weight: 500; + line-height: 1.1; + color: var(--directorist-color-primary); } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__meta-list__item span { - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: unset; - -webkit-box-direction: unset; - -webkit-flex-direction: unset; - -ms-flex-direction: unset; - flex-direction: unset; - } - .directorist-content-active .directorist-author-profile__meta-list__item span span { - font-size: 15px; - line-height: 1; - } + .directorist-content-active + .directorist-author-profile__meta-list__item + span { + gap: 6px; + align-items: center; + flex-direction: unset; + } + .directorist-content-active + .directorist-author-profile__meta-list__item + span + span { + font-size: 15px; + line-height: 1; + } } @media only screen and (max-width: 767px) { - .directorist-content-active .directorist-author-profile__meta-list__item { - padding-left: 50px; - } + .directorist-content-active .directorist-author-profile__meta-list__item { + padding-left: 50px; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__meta-list__item { - padding: 0; - gap: 5px; - background: transparent; - border-radius: 0; - } - .directorist-content-active .directorist-author-profile__meta-list__item:not(:first-child) i { - display: none; - } + .directorist-content-active .directorist-author-profile__meta-list__item { + padding: 0; + gap: 5px; + background: transparent; + border-radius: 0; + } + .directorist-content-active + .directorist-author-profile__meta-list__item:not(:first-child) + i { + display: none; + } } .directorist-content-active .directorist-author-profile-content { - -webkit-box-sizing: border-box; - box-sizing: border-box; - max-width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active .directorist-author-profile-content .directorist-card__header__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - margin: 0; -} -.directorist-content-active .directorist-author-profile-content .directorist-card__header__title i { - width: 34px; - height: 34px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - border-radius: 100%; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-light); -} -.directorist-content-active .directorist-author-profile-content .directorist-card__header__title i:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-body); + box-sizing: border-box; + max-width: 100%; + display: flex; +} +.directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title { + display: flex; + gap: 12px; + margin: 0; +} +.directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title + i { + width: 34px; + height: 34px; + display: flex; + border-radius: 100%; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-light); +} +.directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title + i:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-body); } @media screen and (min-width: 576px) { - .directorist-content-active .directorist-author-profile-content .directorist-card__header__title i { - display: none; - } + .directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title + i { + display: none; + } } .directorist-content-active .directorist-author-info-list { - padding: 0; - margin: 0; + padding: 0; + margin: 0; } .directorist-content-active .directorist-author-info-list li { - margin-right: 0; + margin-right: 0; } .directorist-content-active .directorist-author-info-list__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 12px; - font-size: 15px; - color: var(--directorist-color-body); + display: flex; + align-items: flex-start; + gap: 12px; + font-size: 15px; + color: var(--directorist-color-body); } .directorist-content-active .directorist-author-info-list__item i { - margin-top: 5px; + margin-top: 5px; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-author-info-list__item i { - margin-top: 0; - height: 34px; - width: 34px; - min-width: 34px; - border-radius: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-light); - } -} -.directorist-content-active .directorist-author-info-list__item .directorist-label { - display: none; - min-width: 70px; - padding-left: 10px; - margin-left: 8px; - margin-top: 5px; - position: relative; -} -.directorist-content-active .directorist-author-info-list__item .directorist-label:before { - content: ":"; - position: absolute; - left: 0; - top: 0; + .directorist-content-active .directorist-author-info-list__item i { + margin-top: 0; + height: 34px; + width: 34px; + min-width: 34px; + border-radius: 100%; + display: flex; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-light); + } +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-label { + display: none; + min-width: 70px; + padding-left: 10px; + margin-left: 8px; + margin-top: 5px; + position: relative; +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-label:before { + content: ":"; + position: absolute; + left: 0; + top: 0; } @media screen and (max-width: 375px) { - .directorist-content-active .directorist-author-info-list__item .directorist-label { - min-width: 60px; - } -} -.directorist-content-active .directorist-author-info-list__item .directorist-icon-mask::after { - width: 15px; - height: 15px; - background-color: var(--directorist-color-deep-gray); -} -.directorist-content-active .directorist-author-info-list__item .directorist-info { - word-break: break-all; + .directorist-content-active + .directorist-author-info-list__item + .directorist-label { + min-width: 60px; + } +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-icon-mask::after { + width: 15px; + height: 15px; + background-color: var(--directorist-color-deep-gray); +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-info { + word-break: break-all; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-author-info-list__item .directorist-info { - margin-top: 5px; - word-break: break-all; - } + .directorist-content-active + .directorist-author-info-list__item + .directorist-info { + margin-top: 5px; + word-break: break-all; + } } .directorist-content-active .directorist-author-info-list__item a { - color: var(--directorist-color-body); - text-decoration: none; + color: var(--directorist-color-body); + text-decoration: none; } .directorist-content-active .directorist-author-info-list__item a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-content-active .directorist-author-info-list__item:not(:last-child) { - margin-bottom: 8px; +.directorist-content-active + .directorist-author-info-list__item:not(:last-child) { + margin-bottom: 8px; } -.directorist-content-active .directorist-card__body .directorist-author-info-list { - padding: 0; - margin: 0; +.directorist-content-active + .directorist-card__body + .directorist-author-info-list { + padding: 0; + margin: 0; } .directorist-content-active .directorist-author-social { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; - padding: 0; - margin: 22px 0 0; - list-style: none; + display: flex; + flex-wrap: wrap; + gap: 10px; + padding: 0; + margin: 22px 0 0; + list-style: none; } .directorist-content-active .directorist-author-social__item { - margin: 0; + margin: 0; } .directorist-content-active .directorist-author-social__item a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - height: 36px; - width: 36px; - text-align: center; - background-color: var(--directorist-color-light); - border-radius: 8px; - font-size: 15px; - overflow: hidden; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - text-decoration: none; -} -.directorist-content-active .directorist-author-social__item a .directorist-icon-mask::after { - background-color: #808080; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + display: flex; + justify-content: center; + align-items: center; + height: 36px; + width: 36px; + text-align: center; + background-color: var(--directorist-color-light); + border-radius: 8px; + font-size: 15px; + overflow: hidden; + transition: 0.3s ease; + text-decoration: none; +} +.directorist-content-active + .directorist-author-social__item + a + .directorist-icon-mask::after { + background-color: #808080; + transition: 0.3s ease; } .directorist-content-active .directorist-author-social__item a span { - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + transition: 0.3s ease; } .directorist-content-active .directorist-author-social__item a:hover { - background-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-social__item a:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + /* Legacy Icon */ } -.directorist-content-active .directorist-author-social__item a:hover { - /* Legacy Icon */ +.directorist-content-active + .directorist-author-social__item + a:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-content-active .directorist-author-social__item a:hover span.la, .directorist-content-active .directorist-author-social__item a:hover span.fa { - background: none; - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-author-contact .directorist-author-social { - margin: 22px 0 0; -} -.directorist-content-active .directorist-author-contact .directorist-author-social li { - margin: 0; -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item { - display: inline-block; - margin: 0; -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item a { - font-size: 15px; - display: block; - line-height: 35px; - width: 36px; - height: 36px; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-light); - border-radius: 4px; - color: var(--directorist-color-white); - overflow: hidden; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a .directorist-icon-mask:after, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a .directorist-icon-mask:after, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a .directorist-icon-mask:after, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item a .directorist-icon-mask:after { - background-color: var(--directorist-color-body); -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a:hover, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a:hover, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a:hover, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item a:hover { - background-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a:hover .directorist-icon-mask:after, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a:hover .directorist-icon-mask:after, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a:hover .directorist-icon-mask:after, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item a:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-white); + background: none; + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-author-contact + .directorist-author-social { + margin: 22px 0 0; +} +.directorist-content-active + .directorist-author-contact + .directorist-author-social + li { + margin: 0; +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item { + display: inline-block; + margin: 0; +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a { + font-size: 15px; + display: block; + line-height: 35px; + width: 36px; + height: 36px; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-light); + border-radius: 4px; + color: var(--directorist-color-white); + overflow: hidden; + transition: all ease-in-out 300ms; +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a + .directorist-icon-mask:after, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a + .directorist-icon-mask:after, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a + .directorist-icon-mask:after, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a + .directorist-icon-mask:after { + background-color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a:hover, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a:hover, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a:hover, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a:hover { + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); } .directorist-content-active .directorist-author-listing-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: 30px; - border-bottom: 1px solid var(--directorist-color-border); + display: flex; + flex-direction: column; + margin-bottom: 30px; + border-bottom: 1px solid var(--directorist-color-border); } .directorist-content-active .directorist-author-listing-top__title { - font-size: 30px; - font-weight: 400; - margin: 0 0 52px; - text-align: center; + font-size: 30px; + font-weight: 400; + margin: 0 0 52px; + text-align: center; } .directorist-content-active .directorist-author-listing-top__filter { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: baseline; - -webkit-align-items: baseline; - -ms-flex-align: baseline; - align-items: baseline; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 30px; -} -.directorist-content-active .directorist-author-listing-top__filter .directorist-dropdown__links { - max-height: 300px; - overflow-y: auto; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - gap: 7px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-deep-gray); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link i { - margin: 0; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link i:after { - background-color: var(--directorist-color-deep-gray); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link:hover { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link:hover i::after { - background-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list li { - margin: 0; - padding: 0; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list__current { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list__current i::after { - background-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle { - position: relative; - top: -10px; - gap: 10px; - background: transparent !important; - border: none; - padding: 0; - min-height: 30px; - color: var(--directorist-color-body); + display: flex; + align-items: baseline; + justify-content: space-between; + flex-wrap: wrap; + gap: 30px; +} +.directorist-content-active + .directorist-author-listing-top__filter + .directorist-dropdown__links { + max-height: 300px; + overflow-y: auto; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav { + display: flex; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link { + flex-direction: row; + gap: 7px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-deep-gray); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link + i { + margin: 0; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link + i:after { + background-color: var(--directorist-color-deep-gray); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link:hover + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list { + display: inline-flex; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list + li { + margin: 0; + padding: 0; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list__current { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list__current + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-dropdown__toggle { + position: relative; + top: -10px; + gap: 10px; + background: transparent !important; + border: none; + padding: 0; + min-height: 30px; + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle { - font-size: 0; - top: -5px; - } - .directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle:after { - -webkit-mask-image: url(../js/473b10424d896278fcda.svg); - mask-image: url(../js/473b10424d896278fcda.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 16px; - height: 12px; - background-color: var(--directorist-color-body); - } + .directorist-content-active + .directorist-author-listing-top + .directorist-dropdown__toggle { + font-size: 0; + top: -5px; + } + .directorist-content-active + .directorist-author-listing-top + .directorist-dropdown__toggle:after { + mask-image: url(../js/../images/87cd0434594c4fe6756c2af1404a5f32.svg); + mask-repeat: no-repeat; + width: 16px; + height: 12px; + background-color: var(--directorist-color-body); + } } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-author-listing-top .directorist-type-nav .directorist-type-nav__link i { - display: none; - } + .directorist-content-active + .directorist-author-listing-top + .directorist-type-nav + .directorist-type-nav__link + i { + display: none; + } } .directorist-content-active .directorist-author-listing-content { - padding: 0; + padding: 0; } -.directorist-content-active .directorist-author-listing-content .directorist-pagination { - padding-top: 35px; +.directorist-content-active + .directorist-author-listing-content + .directorist-pagination { + padding-top: 35px; } -.directorist-content-active .directorist-author-listing-type .directorist-type-nav { - background: none; +.directorist-content-active + .directorist-author-listing-type + .directorist-type-nav { + background: none; } /* category style three */ .directorist-category-child__card { - border: 1px solid #eee; - border-radius: 4px; + border: 1px solid #eee; + border-radius: 4px; } .directorist-category-child__card__header { - padding: 10px 20px; - border-bottom: 1px solid #eee; + padding: 10px 20px; + border-bottom: 1px solid #eee; } .directorist-category-child__card__header a { - font-size: 18px; - font-weight: 600; - color: #222 !important; + font-size: 18px; + font-weight: 600; + color: #222 !important; } .directorist-category-child__card__header i { - width: 35px; - height: 35px; - border-radius: 50%; - background-color: #2C99FF; - color: var(--directorist-color-white); - font-size: 16px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: 5px; + width: 35px; + height: 35px; + border-radius: 50%; + background-color: #2c99ff; + color: var(--directorist-color-white); + font-size: 16px; + display: inline-flex; + align-items: center; + justify-content: center; + margin-left: 5px; } .directorist-category-child__card__body { - padding: 15px 20px; + padding: 15px 20px; } .directorist-category-child__card__body li:not(:last-child) { - margin-bottom: 5px; + margin-bottom: 5px; } .directorist-category-child__card__body li a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - color: #444752; + display: flex; + align-items: center; + justify-content: space-between; + color: #444752; } .directorist-category-child__card__body li a span { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } /* All listing archive page styles */ .directorist-archive-contents { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } -.directorist-archive-contents .directorist-archive-items .directorist-pagination { - margin-top: 35px; +.directorist-archive-contents + .directorist-archive-items + .directorist-pagination { + margin-top: 35px; } .directorist-archive-contents .gm-style-iw-chr, .directorist-archive-contents .gm-style-iw-tc { - display: none; + display: none; } @media screen and (max-width: 575px) { - .directorist-archive-contents .directorist-archive-contents__top { - padding: 15px 20px 0; - } - .directorist-archive-contents .directorist-archive-contents__top .directorist-type-nav { - margin: 0 0 25px; - } - .directorist-archive-contents .directorist-type-nav__link .directorist-icon-mask { - display: none; - } + .directorist-archive-contents .directorist-archive-contents__top { + padding: 15px 20px 0; + } + .directorist-archive-contents + .directorist-archive-contents__top + .directorist-type-nav { + margin: 0 0 25px; + } + .directorist-archive-contents + .directorist-type-nav__link + .directorist-icon-mask { + display: none; + } } /* Directory type nav */ .directorist-content-active .directorist-type-nav__link { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-size: 15px; - font-weight: 500; - line-height: 20px; - text-decoration: none; - white-space: nowrap; - padding: 0 0 8px; - border-bottom: 2px solid transparent; - color: var(--directorist-color-body); + position: relative; + display: flex; + align-items: center; + flex-direction: column; + font-size: 15px; + font-weight: 500; + line-height: 20px; + text-decoration: none; + white-space: nowrap; + padding: 0 0 8px; + border-bottom: 2px solid transparent; + color: var(--directorist-color-body); } .directorist-content-active .directorist-type-nav__link:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-content-active .directorist-type-nav__link:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-primary); +.directorist-content-active + .directorist-type-nav__link:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); } .directorist-content-active .directorist-type-nav__link:focus { - background-color: transparent; + background-color: transparent; } .directorist-content-active .directorist-type-nav__link .directorist-icon-mask { - display: inline-block; - margin: 0 0 10px; + display: inline-block; + margin: 0 0 10px; } -.directorist-content-active .directorist-type-nav__link .directorist-icon-mask::after { - width: 22px; - height: 20px; - background-color: var(--directorist-color-body); +.directorist-content-active + .directorist-type-nav__link + .directorist-icon-mask::after { + width: 22px; + height: 20px; + background-color: var(--directorist-color-body); } .directorist-content-active .directorist-type-nav__list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: end; - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 25px; - padding: 0; - margin: 0; - list-style-type: none; - overflow-x: auto; - scrollbar-width: thin; + display: flex; + justify-content: center; + align-items: flex-end; + flex-wrap: wrap; + gap: 25px; + padding: 0; + margin: 0; + list-style-type: none; + overflow-x: auto; + scrollbar-width: thin; } @media only screen and (max-width: 767px) { - .directorist-content-active .directorist-type-nav__list { - overflow-x: auto; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - } + .directorist-content-active .directorist-type-nav__list { + overflow-x: auto; + flex-wrap: nowrap; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-type-nav__list { - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-content-active .directorist-type-nav__list { + justify-content: flex-start; + } } .directorist-content-active .directorist-type-nav__list::-webkit-scrollbar { - display: none; + display: none; } .directorist-content-active .directorist-type-nav__list li { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - margin: 0; - list-style: none; - line-height: 1; + flex: none; + margin: 0; + list-style: none; + line-height: 1; } .directorist-content-active .directorist-type-nav__list a { - text-decoration: unset; -} -.directorist-content-active .directorist-type-nav__list .current .directorist-type-nav__link, -.directorist-content-active .directorist-type-nav__list .directorist-type-nav__list__current .directorist-type-nav__link { - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-type-nav__list .current .directorist-icon-mask::after, -.directorist-content-active .directorist-type-nav__list .directorist-type-nav__list__current .directorist-icon-mask::after { - background-color: var(--directorist-color-primary); + text-decoration: unset; +} +.directorist-content-active + .directorist-type-nav__list + .current + .directorist-type-nav__link, +.directorist-content-active + .directorist-type-nav__list + .directorist-type-nav__list__current + .directorist-type-nav__link { + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-type-nav__list + .current + .directorist-icon-mask::after, +.directorist-content-active + .directorist-type-nav__list + .directorist-type-nav__list__current + .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); } /* Archive header bar contents */ -.directorist-content-active .directorist-archive-contents__top .directorist-type-nav { - margin-bottom: 30px; +.directorist-content-active + .directorist-archive-contents__top + .directorist-type-nav { + margin-bottom: 30px; } -.directorist-content-active .directorist-archive-contents__top .directorist-header-bar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 30px 0; +.directorist-content-active + .directorist-archive-contents__top + .directorist-header-bar { + display: flex; + margin: 30px 0; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-listings-header .directorist-modal-btn--full { - display: none; - } - .directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-container-fluid { - padding: 0; - } + .directorist-content-active + .directorist-archive-contents__top + .directorist-header-bar + .directorist-listings-header + .directorist-modal-btn--full { + display: none; + } + .directorist-content-active + .directorist-archive-contents__top + .directorist-header-bar + .directorist-container-fluid { + padding: 0; + } } .directorist-content-active .directorist-listings-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - width: 100%; -} -.directorist-content-active .directorist-listings-header .directorist-dropdown .directorist-dropdown__links { - top: 42px; -} -.directorist-content-active .directorist-listings-header .directorist-header-found-title { - margin: 0; - padding: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 15px; + width: 100%; +} +.directorist-content-active + .directorist-listings-header + .directorist-dropdown + .directorist-dropdown__links { + top: 42px; +} +.directorist-content-active + .directorist-listings-header + .directorist-header-found-title { + margin: 0; + padding: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-content-active .directorist-listings-header__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; -} -.directorist-content-active .directorist-listings-header__left .directorist-filter-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - background-color: var(--directorist-color-light) !important; - border: 2px solid var(--directorist-color-white); - padding: 0 20px; - border-radius: 8px; - cursor: pointer; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.directorist-content-active .directorist-listings-header__left .directorist-filter-btn .directorist-icon-mask::after { - width: 14px; - height: 14px; - margin-left: 2px; -} -.directorist-content-active .directorist-listings-header__left .directorist-filter-btn:hover { - background-color: var(--directorist-color-bg-gray) !important; - color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 15px; +} +.directorist-content-active + .directorist-listings-header__left + .directorist-filter-btn { + display: flex; + align-items: center; + gap: 5px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + background-color: var(--directorist-color-light) !important; + border: 2px solid var(--directorist-color-white); + padding: 0 20px; + border-radius: 8px; + cursor: pointer; + transition: all ease 0.3s; +} +.directorist-content-active + .directorist-listings-header__left + .directorist-filter-btn + .directorist-icon-mask::after { + width: 14px; + height: 14px; + margin-left: 2px; +} +.directorist-content-active + .directorist-listings-header__left + .directorist-filter-btn:hover { + background-color: var(--directorist-color-bg-gray) !important; + color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); } .directorist-content-active .directorist-listings-header__right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; + display: flex; + flex-wrap: wrap; + gap: 10px; } @media screen and (max-width: 425px) { - .directorist-content-active .directorist-listings-header__right { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } - .directorist-content-active .directorist-listings-header__right .directorist-dropdown__links { - left: unset; - right: 0; - max-width: 250px; - } -} -.directorist-content-active .directorist-listings-header__right .directorist-dropdown .directorist-dropdown__links__single { - cursor: pointer; -} -.directorist-content-active .directorist-listings-header__right .directorist-dropdown .directorist-dropdown__links__single:hover { - background-color: var(--directorist-color-light); + .directorist-content-active .directorist-listings-header__right { + flex: 0 0 100%; + flex-direction: column; + } + .directorist-content-active + .directorist-listings-header__right + .directorist-dropdown__links { + left: unset; + right: 0; + max-width: 250px; + } +} +.directorist-content-active + .directorist-listings-header__right + .directorist-dropdown + .directorist-dropdown__links__single { + cursor: pointer; +} +.directorist-content-active + .directorist-listings-header__right + .directorist-dropdown + .directorist-dropdown__links__single:hover { + background-color: var(--directorist-color-light); } .directorist-content-active .directorist-archive-items { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + flex-direction: column; } -.directorist-content-active .directorist-archive-items .directorist-archive-notfound { - padding: 15px; +.directorist-content-active + .directorist-archive-items + .directorist-archive-notfound { + padding: 15px; } .directorist-viewas { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 8px; } .directorist-viewas__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 40px; - height: 40px; - border-radius: 8px; - border: 2px solid var(--directorist-color-white); - background-color: var(--directorist-color-light); - color: var(--directorist-color-body); + display: flex; + justify-content: center; + align-items: center; + box-sizing: border-box; + width: 40px; + height: 40px; + border-radius: 8px; + border: 2px solid var(--directorist-color-white); + background-color: var(--directorist-color-light); + color: var(--directorist-color-body); } .directorist-viewas__item i::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-body); + width: 16px; + height: 16px; + background-color: var(--directorist-color-body); } .directorist-viewas__item.active { - border-color: var(--directorist-color-primary); - background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-viewas__item.active i::after { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } @media only screen and (max-width: 575px) { - .directorist-viewas__item--list { - display: none; - } + .directorist-viewas__item--list { + display: none; + } } .listing-with-sidebar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + gap: 30px; + flex-wrap: wrap; } @media only screen and (max-width: 991px) { - .listing-with-sidebar { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } - .listing-with-sidebar .directorist-advanced-filter__form { - width: 100%; - } + .listing-with-sidebar { + flex-direction: column; + } + .listing-with-sidebar .directorist-advanced-filter__form { + width: 100%; + } } @media only screen and (max-width: 575px) { - .listing-with-sidebar .directorist-search-form__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - width: 100%; - margin: 0; - } - .listing-with-sidebar .directorist-search-form-action__submit { - display: block; - } - .listing-with-sidebar .listing-with-sidebar__header .directorist-header-bar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } + .listing-with-sidebar .directorist-search-form__top { + display: flex; + gap: 10px; + width: 100%; + margin: 0; + } + .listing-with-sidebar .directorist-search-form-action__submit { + display: block; + } + .listing-with-sidebar + .listing-with-sidebar__header + .directorist-header-bar { + display: flex; + } } .listing-with-sidebar__wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + gap: 30px; + flex-direction: column; } .listing-with-sidebar__type-nav { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } .listing-with-sidebar__type-nav .directorist-type-nav__list { - gap: 40px; + gap: 40px; } .listing-with-sidebar__searchform { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } @media only screen and (max-width: 767px) { - .listing-with-sidebar__searchform .directorist-search-form__box { - padding: 15px; - } + .listing-with-sidebar__searchform .directorist-search-form__box { + padding: 15px; + } } @media only screen and (max-width: 575px) { - .listing-with-sidebar__searchform .directorist-search-form__box { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - } + .listing-with-sidebar__searchform .directorist-search-form__box { + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + } } .listing-with-sidebar__searchform .directorist-search-form { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.listing-with-sidebar__searchform .directorist-search-form .directorist-filter-location-icon { - left: 15px; - top: unset; - -webkit-transform: unset; - transform: unset; - bottom: 8px; + display: flex; +} +.listing-with-sidebar__searchform + .directorist-search-form + .directorist-filter-location-icon { + left: 15px; + top: unset; + transform: unset; + bottom: 8px; } .listing-with-sidebar__searchform .directorist-advanced-filter__form { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 100%; - gap: 20px; + display: flex; + width: 100%; + gap: 20px; } @media only screen and (max-width: 767px) { - .listing-with-sidebar__searchform .directorist-advanced-filter__form { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .listing-with-sidebar__searchform .directorist-advanced-filter__form { + flex-direction: column; + } } .listing-with-sidebar__searchform .directorist-search-contents { - padding: 0; + padding: 0; } -.listing-with-sidebar__searchform .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .listing-with-sidebar__searchform .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - bottom: 0; +.listing-with-sidebar__searchform + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.listing-with-sidebar__searchform + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + bottom: 0; } .listing-with-sidebar__searchform .directorist-search-field-pricing > label, .listing-with-sidebar__searchform .directorist-search-field__number > label, .listing-with-sidebar__searchform .directorist-search-field-text_range > label, .listing-with-sidebar__searchform .directorist-search-field-price_range > label, -.listing-with-sidebar__searchform .directorist-search-field-radius_search > label { - position: unset; - -webkit-transform: unset; - transform: unset; - display: block; - font-size: 14px; - margin-bottom: 15px; +.listing-with-sidebar__searchform + .directorist-search-field-radius_search + > label { + position: unset; + transform: unset; + display: block; + font-size: 14px; + margin-bottom: 15px; } .listing-with-sidebar__header { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } .listing-with-sidebar__header .directorist-header-bar { - margin: 0; + margin: 0; } .listing-with-sidebar__header .directorist-container-fluid { - padding: 0; + padding: 0; } .listing-with-sidebar__header .directorist-archive-sidebar-toggle { - width: auto; - padding: 0 20px; - font-size: 14px; - font-weight: 400; - min-height: 40px; - padding: 0 20px; - border-radius: 8px; - text-transform: capitalize; - text-decoration: none !important; - color: var(--directorist-color-primary); - background-color: var(--directorist-color-light); - border: 2px solid var(--directorist-color-white); - cursor: pointer; - display: none; -} -.listing-with-sidebar__header .directorist-archive-sidebar-toggle .directorist-icon-mask { - margin-left: 5px; -} -.listing-with-sidebar__header .directorist-archive-sidebar-toggle .directorist-icon-mask::after { - background-color: currentColor; - width: 14px; - height: 14px; + width: auto; + padding: 0 20px; + font-size: 14px; + font-weight: 400; + min-height: 40px; + padding: 0 20px; + border-radius: 8px; + text-transform: capitalize; + text-decoration: none !important; + color: var(--directorist-color-primary); + background-color: var(--directorist-color-light); + border: 2px solid var(--directorist-color-white); + cursor: pointer; + display: none; +} +.listing-with-sidebar__header + .directorist-archive-sidebar-toggle + .directorist-icon-mask { + margin-left: 5px; +} +.listing-with-sidebar__header + .directorist-archive-sidebar-toggle + .directorist-icon-mask::after { + background-color: currentColor; + width: 14px; + height: 14px; } @media only screen and (max-width: 991px) { - .listing-with-sidebar__header .directorist-archive-sidebar-toggle { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - } + .listing-with-sidebar__header .directorist-archive-sidebar-toggle { + display: inline-flex; + align-items: center; + } } .listing-with-sidebar__header .directorist-archive-sidebar-toggle--active { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } -.listing-with-sidebar__header .directorist-archive-sidebar-toggle--active .directorist-icon-mask::after { - background-color: var(--directorist-color-white); +.listing-with-sidebar__header + .directorist-archive-sidebar-toggle--active + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .listing-with-sidebar__sidebar { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - height: 100%; - max-width: 350px; + display: inline-flex; + flex: 1; + height: 100%; + max-width: 350px; } .listing-with-sidebar__sidebar form { - width: 100%; + width: 100%; } .listing-with-sidebar__sidebar .directorist-advanced-filter__close { - display: none; + display: none; } @media screen and (max-width: 1199px) { - .listing-with-sidebar__sidebar { - max-width: 300px; - min-width: 300px; - } + .listing-with-sidebar__sidebar { + max-width: 300px; + min-width: 300px; + } } @media only screen and (max-width: 991px) { - .listing-with-sidebar__sidebar { - position: fixed; - right: -360px; - top: 0; - height: 100svh; - background-color: white; - z-index: 9999; - overflow: auto; - -webkit-box-shadow: 0 10px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - box-shadow: 0 10px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - visibility: hidden; - opacity: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - } - .listing-with-sidebar__sidebar .directorist-search-form__box-wrap { - padding-bottom: 30px; - } - .listing-with-sidebar__sidebar .directorist-advanced-filter__close { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 40px; - height: 40px; - border-radius: 100%; - background-color: var(--directorist-color-light); - } + .listing-with-sidebar__sidebar { + position: fixed; + right: -360px; + top: 0; + height: 100svh; + background-color: white; + z-index: 9999; + overflow: auto; + box-shadow: 0 10px 15px rgba(var(--directorist-color-dark-rgb), 0.15); + visibility: hidden; + opacity: 0; + transition: 0.3s ease; + } + .listing-with-sidebar__sidebar .directorist-search-form__box-wrap { + padding-bottom: 30px; + } + .listing-with-sidebar__sidebar .directorist-advanced-filter__close { + display: flex; + width: 40px; + height: 40px; + border-radius: 100%; + background-color: var(--directorist-color-light); + } } @media only screen and (max-width: 575px) { - .listing-with-sidebar__sidebar .directorist-search-field .directorist-price-ranges { - margin-top: 15px; - } + .listing-with-sidebar__sidebar + .directorist-search-field + .directorist-price-ranges { + margin-top: 15px; + } } .listing-with-sidebar__sidebar--open { - right: 0; - visibility: visible; - opacity: 1; + right: 0; + visibility: visible; + opacity: 1; } .listing-with-sidebar__sidebar .directorist-form-group label { - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-dark); } .listing-with-sidebar__sidebar .directorist-search-contents { - padding: 0; + padding: 0; } .listing-with-sidebar__sidebar .directorist-search-basic-dropdown-content { - display: block !important; + display: block !important; } .listing-with-sidebar__sidebar .directorist-search-form__box { - padding: 0; + padding: 0; } @media only screen and (max-width: 991px) { - .listing-with-sidebar__sidebar .directorist-search-form__box { - display: block; - height: 100svh; - -webkit-box-shadow: none; - box-shadow: none; - border: none; - } - .listing-with-sidebar__sidebar .directorist-search-form__box .directorist-advanced-filter__advanced { - display: block; - } -} -.listing-with-sidebar__sidebar .directorist-search-field__input.directorist-form-element:not([type=number]) { - padding-left: 20px; + .listing-with-sidebar__sidebar .directorist-search-form__box { + display: block; + height: 100svh; + box-shadow: none; + border: none; + } + .listing-with-sidebar__sidebar + .directorist-search-form__box + .directorist-advanced-filter__advanced { + display: block; + } +} +.listing-with-sidebar__sidebar + .directorist-search-field__input.directorist-form-element:not( + [type="number"] + ) { + padding-left: 20px; } .listing-with-sidebar__sidebar .directorist-advanced-filter__top { - width: 100%; - padding: 25px 30px 20px; - border-bottom: 1px solid var(--directorist-color-light); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + padding: 25px 30px 20px; + border-bottom: 1px solid var(--directorist-color-light); + display: flex; + align-items: center; + justify-content: space-between; + box-sizing: border-box; } .listing-with-sidebar__sidebar .directorist-advanced-filter__title { - margin: 0; - font-size: 20px; - font-weight: 500; - color: var(--directorist-color-dark); + margin: 0; + font-size: 20px; + font-weight: 500; + color: var(--directorist-color-dark); } .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 25px 30px 0; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field > label { - font-size: 16px; - font-weight: 500; - margin: 0; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-radius_search > label, .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-price_range > label, .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-text_range > label { - position: unset; - margin-bottom: 15px; - color: var(--directorist-color-body); -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field__number > label { - position: unset; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-tags, -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-review, -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-radio-wrapper, -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-checkbox-wrapper { - margin-top: 13px; + flex: 1; + box-sizing: border-box; + padding: 25px 30px 0; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + > label { + font-size: 16px; + font-weight: 500; + margin: 0; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-radius_search + > label, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-price_range + > label, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-text_range + > label { + position: unset; + margin-bottom: 15px; + color: var(--directorist-color-body); +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field__number + > label { + position: unset; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-tags, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-review, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-radio-wrapper, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-checkbox-wrapper { + margin-top: 13px; } @media only screen and (max-width: 575px) { - .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-tags, - .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-review, - .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-radio-wrapper, - .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-checkbox-wrapper { - margin-top: 5px; - } -} -.listing-with-sidebar__sidebar .directorist-form-group:last-child .directorist-search-field { - margin-bottom: 0; + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-tags, + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-review, + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-radio-wrapper, + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-checkbox-wrapper { + margin-top: 5px; + } +} +.listing-with-sidebar__sidebar + .directorist-form-group:last-child + .directorist-search-field { + margin-bottom: 0; } .listing-with-sidebar__sidebar .directorist-advanced-filter__action { - width: 100%; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 25px 30px 30px; - border-top: 1px solid var(--directorist-color-light); - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax { - padding: 0; - border: none; - text-align: end; - margin: -20px 0 20px; - z-index: 1; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax .directorist-btn-reset-ajax { - padding: 0; - color: var(--directorist-color-info); - background: transparent; - width: auto; - height: auto; - line-height: normal; - font-size: 14px; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax.reset-btn-disabled { - display: none; + width: 100%; + flex-direction: column; + align-items: flex-start; + padding: 25px 30px 30px; + border-top: 1px solid var(--directorist-color-light); + box-sizing: border-box; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax { + padding: 0; + border: none; + text-align: end; + margin: -20px 0 20px; + z-index: 1; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax + .directorist-btn-reset-ajax { + padding: 0; + color: var(--directorist-color-info); + background: transparent; + width: auto; + height: auto; + line-height: normal; + font-size: 14px; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax.reset-btn-disabled { + display: none; } .listing-with-sidebar__sidebar .directorist-search-modal__contents__footer { - position: relative; - background-color: transparent; + position: relative; + background-color: transparent; } .listing-with-sidebar__sidebar .directorist-btn-reset-js { - width: 100%; - height: 50px; - line-height: 50px; - padding: 0 32px; - border: none; - border-radius: 8px; - text-align: center; - text-transform: none; - text-decoration: none; - cursor: pointer; - background-color: var(--directorist-color-light); + width: 100%; + height: 50px; + line-height: 50px; + padding: 0 32px; + border: none; + border-radius: 8px; + text-align: center; + text-transform: none; + text-decoration: none; + cursor: pointer; + background-color: var(--directorist-color-light); } .listing-with-sidebar__sidebar .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + opacity: 0.5; + cursor: not-allowed; } .listing-with-sidebar__sidebar .directorist-btn-submit { - width: 100%; + width: 100%; } -.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn .directorist-pf-range { - width: 54px; +.listing-with-sidebar__sidebar + .directorist-price-ranges__price-frequency__btn + .directorist-pf-range { + width: 54px; } @media screen and (max-width: 575px) { - .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn .directorist-pf-range { - width: 100%; - } + .listing-with-sidebar__sidebar + .directorist-price-ranges__price-frequency__btn + .directorist-pf-range { + width: 100%; + } } -.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn:last-child { - border: 0 none; +.listing-with-sidebar__sidebar + .directorist-price-ranges__price-frequency__btn:last-child { + border: 0 none; } .listing-with-sidebar__sidebar .directorist-checkbox-wrapper, .listing-with-sidebar__sidebar .directorist-radio-wrapper, .listing-with-sidebar__sidebar .directorist-search-tags { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .listing-with-sidebar__sidebar.right-sidebar-contents { - -webkit-box-ordinal-group: 3; - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label { - position: unset; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label i, -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label span { - display: none; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-top: 40px; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__label { - top: -35px; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; - margin: 0 0 10px; - z-index: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - width: 100%; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused.input-has-noLabel { - margin-top: 0; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-icon-right .directorist-input-icon { - left: 0; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-icon-left .directorist-input-icon { - right: 0; -} -.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-input-wrap { - margin-bottom: 0; -} -.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-input-wrap .wp-picker-clear { - margin: 0; - width: 100px; -} -.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-holder { - margin-top: 10px; + order: 2; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label.directorist-search-basic-dropdown-label { + position: unset; + transform: unset; + font-size: 16px; + font-weight: 500; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label.directorist-search-basic-dropdown-label + i, +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label.directorist-search-basic-dropdown-label + span { + display: none; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused { + width: 100%; + display: inline-flex; + margin-top: 40px; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0 0 10px; + z-index: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused.input-has-noLabel { + margin-top: 0; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-icon-right + .directorist-input-icon { + left: 0; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-icon-left + .directorist-input-icon { + right: 0; +} +.listing-with-sidebar__sidebar + .directorist-color-picker-wrap + .wp-picker-container + .wp-picker-input-wrap { + margin-bottom: 0; +} +.listing-with-sidebar__sidebar + .directorist-color-picker-wrap + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.listing-with-sidebar__sidebar + .directorist-color-picker-wrap + .wp-picker-container + .wp-picker-holder { + margin-top: 10px; } .listing-with-sidebar__listing { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: inline-flex; + flex: 1; + padding: 0; + flex-wrap: wrap; + flex-direction: column; } .listing-with-sidebar__listing .directorist-header-bar, .listing-with-sidebar__listing .directorist-archive-items { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + width: 100%; + display: flex; } -.listing-with-sidebar__listing .directorist-header-bar .directorist-container-fluid, -.listing-with-sidebar__listing .directorist-archive-items .directorist-container-fluid { - padding: 0; +.listing-with-sidebar__listing + .directorist-header-bar + .directorist-container-fluid, +.listing-with-sidebar__listing + .directorist-archive-items + .directorist-container-fluid { + padding: 0; } .listing-with-sidebar__listing .directorist-archive-items { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .listing-with-sidebar__listing .directorist-search-modal-advanced { - display: none; + display: none; } .listing-with-sidebar__contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; + display: flex; + gap: 30px; } @media screen and (max-width: 575px) { - .listing-with-sidebar .directorist-search-form__top .directorist-search-field { - padding: 0; - margin: 0 0 0 20px; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field .directorist-select { - width: calc(100% + 20px); - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value, .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused { - margin: 0 25px; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel, .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel { - margin: 0; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-filter-location-icon, .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-filter-location-icon { - left: 0; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-select, .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-select { - width: 100%; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field .directorist-filter-location-icon { - left: -15px; - } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field { + padding: 0; + margin: 0 0 0 20px; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field + .directorist-select { + width: calc(100% + 20px); + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused { + margin: 0 25px; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel { + margin: 0; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel + .directorist-filter-location-icon, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel + .directorist-filter-location-icon { + left: 0; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel + .directorist-select, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel + .directorist-select { + width: 100%; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field + .directorist-filter-location-icon { + left: -15px; + } } @media only screen and (max-width: 991px) { - .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { - padding-top: 30px; - } + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 30px; + } } @media only screen and (max-width: 767px) { - .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { - padding-top: 46px; - } + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 46px; + } } @media only screen and (max-width: 600px) { - .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { - padding-top: 0; - } + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 0; + } } .directorist-advanced-filter__basic { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + flex-direction: column; } .directorist-advanced-filter__basic__element { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-advanced-filter__basic__element .directorist-search-field { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 100%; - padding: 0; - margin: 0 0 40px; + flex-direction: column; + align-items: flex-start; + flex-wrap: wrap; + width: 100%; + padding: 0; + margin: 0 0 40px; } @media screen and (max-width: 575px) { - .directorist-advanced-filter__basic__element .directorist-search-field { - margin: 0 0 20px; - } + .directorist-advanced-filter__basic__element .directorist-search-field { + margin: 0 0 20px; + } } .directorist-advanced-filter__basic__element .directorist-checkbox-wrapper, .directorist-advanced-filter__basic__element .directorist-radio-wrapper, .directorist-advanced-filter__basic__element .directorist-search-tags { - gap: 15px; - margin: 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-checkbox, -.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-radio, -.directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-checkbox, -.directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-radio, -.directorist-advanced-filter__basic__element .directorist-search-tags .directorist-checkbox, -.directorist-advanced-filter__basic__element .directorist-search-tags .directorist-radio { - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 0 46%; - -ms-flex: 0 0 46%; - flex: 0 0 46%; + gap: 15px; + margin: 0; + flex-wrap: wrap; +} +.directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-checkbox, +.directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-radio, +.directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-checkbox, +.directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-radio, +.directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-checkbox, +.directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-radio { + margin: 0; + flex: 0 0 46%; } @media only screen and (max-width: 575px) { - .directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-checkbox, - .directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-radio, - .directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-checkbox, - .directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-radio, - .directorist-advanced-filter__basic__element .directorist-search-tags .directorist-checkbox, - .directorist-advanced-filter__basic__element .directorist-search-tags .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } -} -.directorist-advanced-filter__basic__element .directorist-form-group .directorist-filter-location-icon { - margin-top: 3px; - z-index: 99; + .directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-checkbox, + .directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-radio, + .directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-checkbox, + .directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-radio, + .directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-checkbox, + .directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-radio { + flex: 0 0 100%; + } +} +.directorist-advanced-filter__basic__element + .directorist-form-group + .directorist-filter-location-icon { + margin-top: 3px; + z-index: 99; } .directorist-advanced-filter__basic__element .form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 20px; - padding: 0; - margin: 0 0 40px; + display: flex; + align-items: center; + justify-content: space-between; + gap: 20px; + padding: 0; + margin: 0 0 40px; } @media screen and (max-width: 575px) { - .directorist-advanced-filter__basic__element .form-group { - margin: 0 0 20px; - } + .directorist-advanced-filter__basic__element .form-group { + margin: 0 0 20px; + } } .directorist-advanced-filter__basic__element .form-group > label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: 16px; - font-weight: 500; - margin: 0; - color: var(--directorist-color-dark); + display: inline-flex; + font-size: 16px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); } .directorist-advanced-filter__advanced { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + flex-direction: column; } .directorist-advanced-filter__advanced__element { - overflow: hidden; + overflow: hidden; } -.directorist-advanced-filter__advanced__element.directorist-search-field-location .directorist-search-field.input-is-focused, .directorist-advanced-filter__advanced__element.directorist-search-field-category .directorist-search-field.input-is-focused { - margin-top: 0; +.directorist-advanced-filter__advanced__element.directorist-search-field-location + .directorist-search-field.input-is-focused, +.directorist-advanced-filter__advanced__element.directorist-search-field-category + .directorist-search-field.input-is-focused { + margin-top: 0; } .directorist-advanced-filter__advanced__element .directorist-search-field { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 0; - margin: 0 0 40px; - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + flex-direction: column; + align-items: flex-start; + padding: 0; + margin: 0 0 40px; + transition: margin 0.3s ease; } @media screen and (max-width: 575px) { - .directorist-advanced-filter__advanced__element .directorist-search-field { - margin: 0 0 20px; - } -} -.directorist-advanced-filter__advanced__element .directorist-search-field > label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin: 0 0 15px; - font-size: 16px; - font-weight: 500; - color: var(--directorist-color-dark); -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label { - top: 6px; - -webkit-transform: unset; - transform: unset; - font-size: 14px; - font-weight: 400; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder, .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder, .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder, .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder, .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::placeholder, -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-form-group__prefix--start { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__input[type=date] { - padding-left: 0; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__input[type=time] { - padding-left: 0; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-top: 40px; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__label { - top: -35px; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; - margin: 0; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__prefix--start { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - width: 100%; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input[type=date] { - padding-left: 20px; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input[type=time] { - padding-left: 20px; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-radius_search > label, .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-price_range > label, .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-text_range > label, .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field__number > label { - position: unset; - -webkit-transform: unset; - transform: unset; + .directorist-advanced-filter__advanced__element .directorist-search-field { + margin: 0 0 20px; + } +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + > label { + display: inline-flex; + margin: 0 0 15px; + font-size: 16px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label { + top: 6px; + transform: unset; + font-size: 14px; + font-weight: 400; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-form-group__prefix--start { + opacity: 0; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__input[type="date"] { + padding-left: 0; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__input[type="time"] { + padding-left: 0; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused { + width: 100%; + display: inline-flex; + margin-top: 40px; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="date"] { + padding-left: 20px; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="time"] { + padding-left: 20px; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-has-noLabel + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-radius_search + > label, +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-price_range + > label, +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-text_range + > label, +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field__number + > label { + position: unset; + transform: unset; } .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper, .directorist-advanced-filter__advanced__element .directorist-radio-wrapper, .directorist-advanced-filter__advanced__element .directorist-search-tags { - gap: 15px; - margin: 0; - padding: 10px 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + gap: 15px; + margin: 0; + padding: 10px 0; + flex-wrap: wrap; } @media only screen and (max-width: 575px) { - .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper, - .directorist-advanced-filter__advanced__element .directorist-radio-wrapper, - .directorist-advanced-filter__advanced__element .directorist-search-tags { - gap: 10px; - } -} -.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-checkbox, -.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-radio, -.directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-checkbox, -.directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-radio, -.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox, -.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-radio { - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 0 46%; - -ms-flex: 0 0 46%; - flex: 0 0 46%; + .directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper, + .directorist-advanced-filter__advanced__element .directorist-radio-wrapper, + .directorist-advanced-filter__advanced__element .directorist-search-tags { + gap: 10px; + } +} +.directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-checkbox, +.directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-radio, +.directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-checkbox, +.directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-radio, +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox, +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-radio { + margin: 0; + flex: 0 0 46%; } @media only screen and (max-width: 575px) { - .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-checkbox, - .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-radio, - .directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-checkbox, - .directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-radio, - .directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox, - .directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } -} -.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox { - display: none; -} -.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox:nth-child(-n+4) { - display: block; -} -.directorist-advanced-filter__advanced__element .directorist-form-group .directorist-filter-location-icon { - margin-top: 1px; - z-index: 99; + .directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-checkbox, + .directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-radio, + .directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-checkbox, + .directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-radio, + .directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox, + .directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-radio { + flex: 0 0 100%; + } +} +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox { + display: none; +} +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox:nth-child(-n + 4) { + display: block; +} +.directorist-advanced-filter__advanced__element + .directorist-form-group + .directorist-filter-location-icon { + margin-top: 1px; + z-index: 99; } .directorist-advanced-filter__advanced__element .form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 20px; - padding: 0; - margin: 0 0 40px; + display: flex; + align-items: center; + justify-content: space-between; + gap: 20px; + padding: 0; + margin: 0 0 40px; } @media screen and (max-width: 575px) { - .directorist-advanced-filter__advanced__element .form-group { - margin: 0 0 20px; - } + .directorist-advanced-filter__advanced__element .form-group { + margin: 0 0 20px; + } } .directorist-advanced-filter__advanced__element .form-group > label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: 16px; - font-weight: 500; - margin: 0; - color: var(--directorist-color-dark); -} -.directorist-advanced-filter__advanced__element.directorist-search-field-tag, .directorist-advanced-filter__advanced__element.directorist-search-field-radio, .directorist-advanced-filter__advanced__element.directorist-search-field-review, .directorist-advanced-filter__advanced__element.directorist-search-field-checkbox, .directorist-advanced-filter__advanced__element.directorist-search-field-location, .directorist-advanced-filter__advanced__element.directorist-search-field-pricing, .directorist-advanced-filter__advanced__element.directorist-search-field-color_picker { - overflow: visible; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-advanced-filter__advanced__element.directorist-search-field-tag .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-radio .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-review .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-checkbox .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-location .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-pricing .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-color_picker .directorist-search-field { - width: 100%; + display: inline-flex; + font-size: 16px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); +} +.directorist-advanced-filter__advanced__element.directorist-search-field-tag, +.directorist-advanced-filter__advanced__element.directorist-search-field-radio, +.directorist-advanced-filter__advanced__element.directorist-search-field-review, +.directorist-advanced-filter__advanced__element.directorist-search-field-checkbox, +.directorist-advanced-filter__advanced__element.directorist-search-field-location, +.directorist-advanced-filter__advanced__element.directorist-search-field-pricing, +.directorist-advanced-filter__advanced__element.directorist-search-field-color_picker { + overflow: visible; + display: flex; +} +.directorist-advanced-filter__advanced__element.directorist-search-field-tag + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-radio + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-review + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-checkbox + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-location + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-pricing + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-color_picker + .directorist-search-field { + width: 100%; } .directorist-advanced-filter__action { - gap: 10px; - padding: 17px 40px; + gap: 10px; + padding: 17px 40px; } .directorist-advanced-filter__action .directorist-btn-reset-js { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - cursor: pointer; - -webkit-transition: background-color 0.3s ease, color 0.3s ease; - transition: background-color 0.3s ease, color 0.3s ease; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); + justify-content: center; + text-decoration: none; + cursor: pointer; + transition: + background-color 0.3s ease, + color 0.3s ease; } .directorist-advanced-filter__action .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + opacity: 0.5; + cursor: not-allowed; } .directorist-advanced-filter__action .directorist-btn { - font-size: 15px; - font-weight: 700; - border-radius: 8px; - padding: 0 32px; - height: 50px; - letter-spacing: 0; + font-size: 15px; + font-weight: 700; + border-radius: 8px; + padding: 0 32px; + height: 50px; + letter-spacing: 0; } @media only screen and (max-width: 375px) { - .directorist-advanced-filter__action .directorist-btn { - padding: 0 14.5px; - } -} -.directorist-advanced-filter__action.reset-btn-disabled .directorist-btn-reset-js { - opacity: 0.5; - cursor: not-allowed; - pointer-events: none; -} -.directorist-advanced-filter .directorist-form-group.directorist-icon-right .directorist-input-icon { - left: 0; -} -.directorist-advanced-filter .directorist-form-group.directorist-icon-left .directorist-input-icon { - right: 0; + .directorist-advanced-filter__action .directorist-btn { + padding: 0 14.5px; + } +} +.directorist-advanced-filter__action.reset-btn-disabled + .directorist-btn-reset-js { + opacity: 0.5; + cursor: not-allowed; + pointer-events: none; +} +.directorist-advanced-filter + .directorist-form-group.directorist-icon-right + .directorist-input-icon { + left: 0; +} +.directorist-advanced-filter + .directorist-form-group.directorist-icon-left + .directorist-input-icon { + right: 0; } .directorist-advanced-filter .directorist-date .directorist-form-group, .directorist-advanced-filter .directorist-time .directorist-form-group { - width: 100%; + width: 100%; } .directorist-advanced-filter .directorist-btn-ml { - display: inline-block; - margin-top: 10px; - font-size: 13px; - font-weight: 500; - color: var(--directorist-color-body); + display: inline-block; + margin-top: 10px; + font-size: 13px; + font-weight: 500; + color: var(--directorist-color-body); } .directorist-advanced-filter .directorist-btn-ml:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-advanced-filter .directorist-btn-ml { - margin-top: 10px; - } + .directorist-advanced-filter .directorist-btn-ml { + margin-top: 10px; + } } .directorist-search-field-radius_search { - position: relative; + position: relative; } -.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap { - position: absolute; - left: 0; - top: 0; +.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + position: absolute; + left: 0; + top: 0; } .directorist-search-field-review .directorist-checkbox { - display: block; - width: auto; -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - font-size: 13px; - font-weight: 400; - padding-right: 35px; - color: var(--directorist-color-body); -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:not(:last-child) { - margin-bottom: 20px; + display: block; + width: auto; +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label { + display: flex; + align-items: center; + flex-direction: row; + font-size: 13px; + font-weight: 400; + padding-right: 35px; + color: var(--directorist-color-body); +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:not(:last-child) { + margin-bottom: 20px; } @media screen and (max-width: 575px) { - .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:not(:last-child) { - margin-bottom: 10px; - } -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:before { - top: 3px; -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:after { - top: -2px; + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:not(:last-child) { + margin-bottom: 10px; + } +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:before { + top: 3px; +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:after { + top: -2px; } @media only screen and (max-width: 575px) { - .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:after { - top: 0; - } + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:after { + top: 0; + } } @media only screen and (max-width: 575px) { - .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label { - padding-right: 28px; - } -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-light); -} -.directorist-search-field-review .directorist-checkbox input[value="5"] + label .directorist-icon-mask:after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review .directorist-checkbox input[value="4"] + label .directorist-icon-mask:not(:nth-child(5)):after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(1):after, .directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(2):after, .directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(3):after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review .directorist-checkbox input[value="2"] + label .directorist-icon-mask:nth-child(1):after, .directorist-search-field-review .directorist-checkbox input[value="2"] + label .directorist-icon-mask:nth-child(2):after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review .directorist-checkbox input[value="1"] + label .directorist-icon-mask:nth-child(1):after { - background-color: var(--directorist-color-star); + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label { + padding-right: 28px; + } +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-light); +} +.directorist-search-field-review + .directorist-checkbox + input[value="5"] + + label + .directorist-icon-mask:after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="4"] + + label + .directorist-icon-mask:not(:nth-child(5)):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="3"] + + label + .directorist-icon-mask:nth-child(1):after, +.directorist-search-field-review + .directorist-checkbox + input[value="3"] + + label + .directorist-icon-mask:nth-child(2):after, +.directorist-search-field-review + .directorist-checkbox + input[value="3"] + + label + .directorist-icon-mask:nth-child(3):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="2"] + + label + .directorist-icon-mask:nth-child(1):after, +.directorist-search-field-review + .directorist-checkbox + input[value="2"] + + label + .directorist-icon-mask:nth-child(2):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="1"] + + label + .directorist-icon-mask:nth-child(1):after { + background-color: var(--directorist-color-star); } .directorist-search-field .directorist-price-ranges { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: flex; + flex-wrap: wrap; + gap: 20px; } @media (max-width: 575px) { - .directorist-search-field .directorist-price-ranges { - gap: 12px 35px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - } - .directorist-search-field .directorist-price-ranges:after { - content: ""; - position: absolute; - top: 20px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - width: 10px; - height: 2px; - background-color: var(--directorist-color-border); - } - .directorist-search-field .directorist-price-ranges .directorist-form-group:last-child { - margin-right: 15px; - } + .directorist-search-field .directorist-price-ranges { + gap: 12px 35px; + justify-content: space-between; + position: relative; + } + .directorist-search-field .directorist-price-ranges:after { + content: ""; + position: absolute; + top: 20px; + right: 50%; + transform: translateX(50%); + width: 10px; + height: 2px; + background-color: var(--directorist-color-border); + } + .directorist-search-field + .directorist-price-ranges + .directorist-form-group:last-child { + margin-right: 15px; + } } @media (max-width: 480px) { - .directorist-search-field .directorist-price-ranges { - gap: 20px; - } + .directorist-search-field .directorist-price-ranges { + gap: 20px; + } } .directorist-search-field .directorist-price-ranges__item { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - position: relative; -} -.directorist-search-field .directorist-price-ranges__item.directorist-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background: transparent; - border-bottom: 1px solid var(--directorist-color-border); -} -.directorist-search-field .directorist-price-ranges__item.directorist-form-group .directorist-form-element { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - border: 0 none !important; -} -.directorist-search-field .directorist-price-ranges__item.directorist-form-group:focus-within { - border-bottom: 2px solid var(--directorist-color-primary); + flex: 1; + position: relative; +} +.directorist-search-field + .directorist-price-ranges__item.directorist-form-group { + display: flex; + align-items: center; + background: transparent; + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-search-field + .directorist-price-ranges__item.directorist-form-group + .directorist-form-element { + flex: 1; + border: 0 none !important; +} +.directorist-search-field + .directorist-price-ranges__item.directorist-form-group:focus-within { + border-bottom: 2px solid var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-search-field .directorist-price-ranges__item.directorist-form-group { - padding: 0 15px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); - } - .directorist-search-field .directorist-price-ranges__item.directorist-form-group:focus { - padding-bottom: 0; - border: 2px solid var(--directorist-color-primary); - } - .directorist-search-field .directorist-price-ranges__item.directorist-form-group__prefix { - height: 34px; - line-height: 34px; - } + .directorist-search-field + .directorist-price-ranges__item.directorist-form-group { + padding: 0 15px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); + } + .directorist-search-field + .directorist-price-ranges__item.directorist-form-group:focus { + padding-bottom: 0; + border: 2px solid var(--directorist-color-primary); + } + .directorist-search-field + .directorist-price-ranges__item.directorist-form-group__prefix { + height: 34px; + line-height: 34px; + } } .directorist-search-field .directorist-price-ranges__label { - margin-left: 5px; + margin-left: 5px; } .directorist-search-field .directorist-price-ranges__currency { - line-height: 1; - margin-left: 4px; + line-height: 1; + margin-left: 4px; } .directorist-search-field .directorist-price-ranges__price-frequency { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - width: 100%; - gap: 6px; - margin: 11px 0 0; + display: flex; + flex-wrap: wrap; + flex: 0 0 100%; + width: 100%; + gap: 6px; + margin: 11px 0 0; } @media screen and (max-width: 575px) { - .directorist-search-field .directorist-price-ranges__price-frequency { - gap: 0; - margin: 0; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); - } - .directorist-search-field .directorist-price-ranges__price-frequency label { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0; - } - .directorist-search-field .directorist-price-ranges__price-frequency label:first-child .directorist-pf-range { - border-radius: 0 10px 10px 0; - } - .directorist-search-field .directorist-price-ranges__price-frequency label:last-child .directorist-pf-range { - border-radius: 10px 0 0 10px; - } - .directorist-search-field .directorist-price-ranges__price-frequency label:not(last-child) { - border-left: 1px solid var(--directorist-color-border); - } -} -.directorist-search-field .directorist-price-ranges__price-frequency input[type=radio] { - display: none; -} -.directorist-search-field .directorist-price-ranges__price-frequency input[type=radio]:checked + .directorist-pf-range { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + .directorist-search-field .directorist-price-ranges__price-frequency { + gap: 0; + margin: 0; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); + } + .directorist-search-field .directorist-price-ranges__price-frequency label { + flex: 1; + margin: 0; + } + .directorist-search-field + .directorist-price-ranges__price-frequency + label:first-child + .directorist-pf-range { + border-radius: 0 10px 10px 0; + } + .directorist-search-field + .directorist-price-ranges__price-frequency + label:last-child + .directorist-pf-range { + border-radius: 10px 0 0 10px; + } + .directorist-search-field + .directorist-price-ranges__price-frequency + label:not(last-child) { + border-left: 1px solid var(--directorist-color-border); + } +} +.directorist-search-field + .directorist-price-ranges__price-frequency + input[type="radio"] { + display: none; +} +.directorist-search-field + .directorist-price-ranges__price-frequency + input[type="radio"]:checked + + .directorist-pf-range { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-search-field .directorist-price-ranges .directorist-pf-range { - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-dark); - background-color: var(--directorist-color-border); - border-radius: 8px; - width: 70px; - height: 36px; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + color: var(--directorist-color-dark); + background-color: var(--directorist-color-border); + border-radius: 8px; + width: 70px; + height: 36px; } @media screen and (max-width: 575px) { - .directorist-search-field .directorist-price-ranges .directorist-pf-range { - width: 100%; - border-radius: 0; - background-color: var(--directorist-color-white); - } + .directorist-search-field .directorist-price-ranges .directorist-pf-range { + width: 100%; + border-radius: 0; + background-color: var(--directorist-color-white); + } } .directorist-search-field { - font-size: 15px; + font-size: 15px; } .directorist-search-field .wp-picker-container .wp-picker-clear, .directorist-search-field .wp-picker-container .wp-color-result { - position: relative; - height: 40px; - border: 0 none; - width: 140px; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - border-radius: 3px; - text-decoration: none; + position: relative; + height: 40px; + border: 0 none; + width: 140px; + transition: all 0.2s ease-in-out; + border-radius: 3px; + text-decoration: none; } .directorist-search-field .wp-picker-container .wp-color-result { - position: relative; - height: 40px; - border: 0 none; - width: 140px; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - border-radius: 3px; + position: relative; + height: 40px; + border: 0 none; + width: 140px; + transition: all 0.2s ease-in-out; + border-radius: 3px; } .directorist-search-field .wp-picker-container .wp-color-result-text { - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - height: 100%; - width: 102px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-transform: capitalize; - line-height: 1; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + height: 100%; + width: 102px; + display: flex; + align-items: center; + justify-content: center; + text-transform: capitalize; + line-height: 1; } .directorist-search-field .wp-picker-holder { - position: absolute; - z-index: 22; + position: absolute; + z-index: 22; } .check-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .check-btn label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: inline-flex; } .check-btn label input { - display: none; + display: none; } .check-btn label input:checked + span:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .check-btn label input:checked + span:after { - border-color: var(--directorist-color-primary); - background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .check-btn label span { - position: relative; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 8px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - height: 42px; - padding-left: 18px; - padding-right: 45px; - font-weight: 400; - font-size: 14px; - border-radius: 8px; - background-color: var(--directorist-color-light); - color: var(--directorist-color-body); - cursor: pointer; + position: relative; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + gap: 8px; + transition: 0.3s ease; + height: 42px; + padding-left: 18px; + padding-right: 45px; + font-weight: 400; + font-size: 14px; + border-radius: 8px; + background-color: var(--directorist-color-light); + color: var(--directorist-color-body); + cursor: pointer; } .check-btn label span i { - display: none; + display: none; } .check-btn label span:before { - position: absolute; - right: 23px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: var(--directorist-color-white); - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; + position: absolute; + right: 23px; + top: 50%; + transform: translateY(-50%); + content: ""; + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); + display: block; + opacity: 0; + transition: all 0.3s ease 0s; + z-index: 2; } .check-btn label span:after { - position: absolute; - right: 18px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - width: 16px; - height: 16px; - border-radius: 5px; - content: ""; - border: 2px solid #d9d9d9; - background-color: var(--directorist-color-white); - -webkit-box-sizing: content-box; - box-sizing: content-box; + position: absolute; + right: 18px; + top: 50%; + transform: translateY(-50%); + width: 16px; + height: 16px; + border-radius: 5px; + content: ""; + border: 2px solid #d9d9d9; + background-color: var(--directorist-color-white); + box-sizing: content-box; } /* google map location suggestion container */ .pac-container { - z-index: 99999; + z-index: 99999; } .directorist-search-top { - text-align: center; - margin-bottom: 34px; + text-align: center; + margin-bottom: 34px; } .directorist-search-top__title { - color: var(--directorist-color-dark); - font-size: 36px; - font-weight: 500; - margin-bottom: 18px; + color: var(--directorist-color-dark); + font-size: 36px; + font-weight: 500; + margin-bottom: 18px; } .directorist-search-top__subtitle { - color: var(--directorist-color-body); - font-size: 18px; - opacity: 0.8; - text-align: center; + color: var(--directorist-color-body); + font-size: 18px; + opacity: 0.8; + text-align: center; } .directorist-search-contents { - background-size: cover; - padding: 100px 0 120px; + background-size: cover; + padding: 100px 0 120px; } .directorist-search-field__label { - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - -webkit-transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; - transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder, .directorist-search-field__label ~ .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder, .directorist-search-field__label ~ .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder, .directorist-search-field__label ~ .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder, .directorist-search-field__label ~ .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::placeholder, -.directorist-search-field__label ~ .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; +} +.directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; } .directorist-search-field .directorist-form-group__prefix--start { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + opacity: 0; + transition: opacity 0.3s ease; } .directorist-search-field__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - position: absolute; - bottom: 12px; - cursor: pointer; + display: flex; + position: absolute; + bottom: 12px; + cursor: pointer; } .directorist-search-field__btn--clear { - left: 0; - opacity: 0; - visibility: hidden; + left: 0; + opacity: 0; + visibility: hidden; } .directorist-search-field__btn--clear i::after { - width: 16px; - height: 16px; - background-color: #bcbcbc; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; + width: 16px; + height: 16px; + background-color: #bcbcbc; + transition: background-color 0.3s ease; } .directorist-search-field__btn--clear:hover i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-search-field .directorist-filter-location-icon { - left: -15px; - } -} -.directorist-search-field.input-has-value .directorist-search-field__input:not(.directorist-select), .directorist-search-field.input-is-focused .directorist-search-field__input:not(.directorist-select) { - padding-left: 25px; -} -.directorist-search-field.input-has-value .directorist-search-field__input.directorist-location-js, .directorist-search-field.input-is-focused .directorist-search-field__input.directorist-location-js { - padding-left: 45px; -} -.directorist-search-field.input-has-value .directorist-search-field__input[type=number], .directorist-search-field.input-is-focused .directorist-search-field__input[type=number] { - appearance: none !important; - -webkit-appearance: none !important; - -moz-appearance: none !important; -} -.directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__input::placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__label, .directorist-search-field.input-is-focused .directorist-search-field__label { - top: 0; - font-size: 13px; - font-weight: 400; - color: var(--directorist-color-body); + .directorist-search-field .directorist-filter-location-icon { + left: -15px; + } +} +.directorist-search-field.input-has-value + .directorist-search-field__input:not(.directorist-select), +.directorist-search-field.input-is-focused + .directorist-search-field__input:not(.directorist-select) { + padding-left: 25px; +} +.directorist-search-field.input-has-value + .directorist-search-field__input.directorist-location-js, +.directorist-search-field.input-is-focused + .directorist-search-field__input.directorist-location-js { + padding-left: 45px; +} +.directorist-search-field.input-has-value + .directorist-search-field__input[type="number"], +.directorist-search-field.input-is-focused + .directorist-search-field__input[type="number"] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; +} +.directorist-search-field.input-has-value + .directorist-search-field__input::placeholder, +.directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-field.input-has-value .directorist-search-field__label, +.directorist-search-field.input-is-focused .directorist-search-field__label { + top: 0; + font-size: 13px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-search-field.input-has-value .directorist-search-field__btn--clear, -.directorist-search-field.input-has-value .directorist-search-field__btn i::after, .directorist-search-field.input-is-focused .directorist-search-field__btn--clear, -.directorist-search-field.input-is-focused .directorist-search-field__btn i::after { - opacity: 1; - visibility: visible; -} -.directorist-search-field.input-has-value .directorist-form-group__with-prefix, .directorist-search-field.input-is-focused .directorist-form-group__with-prefix { - border-bottom: 2px solid var(--directorist-color-primary); -} -.directorist-search-field.input-has-value .directorist-form-group__prefix--start, .directorist-search-field.input-is-focused .directorist-form-group__prefix--start { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-form-group__with-prefix, .directorist-search-field.input-is-focused .directorist-form-group__with-prefix { - padding-left: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-search-field.input-has-value .directorist-form-group__with-prefix .directorist-search-field__input, .directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input { - bottom: 0; +.directorist-search-field.input-has-value + .directorist-search-field__btn + i::after, +.directorist-search-field.input-is-focused + .directorist-search-field__btn--clear, +.directorist-search-field.input-is-focused + .directorist-search-field__btn + i::after { + opacity: 1; + visibility: visible; +} +.directorist-search-field.input-has-value .directorist-form-group__with-prefix, +.directorist-search-field.input-is-focused + .directorist-form-group__with-prefix { + border-bottom: 2px solid var(--directorist-color-primary); +} +.directorist-search-field.input-has-value + .directorist-form-group__prefix--start, +.directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-search-field.input-has-value .directorist-form-group__with-prefix, +.directorist-search-field.input-is-focused + .directorist-form-group__with-prefix { + padding-left: 25px; + box-sizing: border-box; +} +.directorist-search-field.input-has-value + .directorist-form-group__with-prefix + .directorist-search-field__input, +.directorist-search-field.input-is-focused + .directorist-form-group__with-prefix + .directorist-search-field__input { + bottom: 0; } .directorist-search-field.input-has-value .directorist-select, -.directorist-search-field.input-has-value .directorist-search-field__input, .directorist-search-field.input-is-focused .directorist-select, +.directorist-search-field.input-has-value .directorist-search-field__input, +.directorist-search-field.input-is-focused .directorist-select, .directorist-search-field.input-is-focused .directorist-search-field__input { - position: relative; - bottom: -5px; + position: relative; + bottom: -5px; } .directorist-search-field.input-has-value.input-has-noLabel .directorist-select, -.directorist-search-field.input-has-value.input-has-noLabel .directorist-search-field__input, .directorist-search-field.input-is-focused.input-has-noLabel .directorist-select, -.directorist-search-field.input-is-focused.input-has-noLabel .directorist-search-field__input { - bottom: 0; - margin-top: 0 !important; -} -.directorist-search-field.input-has-value.directorist-date .directorist-search-field__label, .directorist-search-field.input-has-value.directorist-time .directorist-search-field__label, .directorist-search-field.input-has-value.directorist-color .directorist-search-field__label, -.directorist-search-field.input-has-value .directorist-select .directorist-search-field__label, .directorist-search-field.input-is-focused.directorist-date .directorist-search-field__label, .directorist-search-field.input-is-focused.directorist-time .directorist-search-field__label, .directorist-search-field.input-is-focused.directorist-color .directorist-search-field__label, -.directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-location-js, .directorist-search-field.input-is-focused .directorist-location-js { - padding-left: 45px; -} -.directorist-search-field.input-has-value .select2-selection--single .select2-selection__rendered, -.directorist-search-field.input-has-value .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered, -.directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-dark); -} -.directorist-search-field.input-has-value .directorist-select2-addons-area .directorist-icon-mask:after, .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-dark); -} -.directorist-search-field.directorist-date .directorist-search-field__label, .directorist-search-field.directorist-time .directorist-search-field__label, .directorist-search-field.directorist-color .directorist-search-field__label, +.directorist-search-field.input-has-value.input-has-noLabel + .directorist-search-field__input, +.directorist-search-field.input-is-focused.input-has-noLabel + .directorist-select, +.directorist-search-field.input-is-focused.input-has-noLabel + .directorist-search-field__input { + bottom: 0; + margin-top: 0 !important; +} +.directorist-search-field.input-has-value.directorist-date + .directorist-search-field__label, +.directorist-search-field.input-has-value.directorist-time + .directorist-search-field__label, +.directorist-search-field.input-has-value.directorist-color + .directorist-search-field__label, +.directorist-search-field.input-has-value + .directorist-select + .directorist-search-field__label, +.directorist-search-field.input-is-focused.directorist-date + .directorist-search-field__label, +.directorist-search-field.input-is-focused.directorist-time + .directorist-search-field__label, +.directorist-search-field.input-is-focused.directorist-color + .directorist-search-field__label, +.directorist-search-field.input-is-focused + .directorist-select + .directorist-search-field__label { + opacity: 1; +} +.directorist-search-field.input-has-value .directorist-location-js, +.directorist-search-field.input-is-focused .directorist-location-js { + padding-left: 45px; +} +.directorist-search-field.input-has-value + .select2-selection--single + .select2-selection__rendered, +.directorist-search-field.input-has-value + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder, +.directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered, +.directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); +} +.directorist-search-field.input-has-value + .directorist-select2-addons-area + .directorist-icon-mask:after, +.directorist-search-field.input-is-focused + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); +} +.directorist-search-field.directorist-date .directorist-search-field__label, +.directorist-search-field.directorist-time .directorist-search-field__label, +.directorist-search-field.directorist-color .directorist-search-field__label, .directorist-search-field .directorist-select .directorist-search-field__label { - opacity: 0; + opacity: 0; } -.directorist-search-field .directorist-select ~ .directorist-search-field__btn--clear, -.directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - left: 25px; +.directorist-search-field + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + left: 25px; } .directorist-search-field .directorist-select .directorist-icon-mask:after, -.directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after { - background-color: #808080; +.directorist-search-field + .directorist-filter-location-icon + .directorist-icon-mask:after { + background-color: #808080; } -.directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - bottom: 8px; +.directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + bottom: 8px; } -.directorist-preload .directorist-search-form-top .directorist-search-field__label ~ .directorist-search-field__input { - opacity: 0; - pointer-events: none; +.directorist-preload + .directorist-search-form-top + .directorist-search-field__label + ~ .directorist-search-field__input { + opacity: 0; + pointer-events: none; } .directorist-search-form__box { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 100%; - border: none; - border-radius: 10px; - padding: 22px 25px 22px 22px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: flex; + align-items: flex-start; + justify-content: space-between; + flex-wrap: wrap; + width: 100%; + border: none; + border-radius: 10px; + padding: 22px 25px 22px 22px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + box-sizing: border-box; } @media screen and (max-width: 767px) { - .directorist-search-form__box { - gap: 15px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-search-form__box { + gap: 15px; + flex-direction: column; + } } @media only screen and (max-width: 575px) { - .directorist-search-form__box { - padding: 0; - -webkit-box-shadow: unset; - box-shadow: unset; - border: none; - } - .directorist-search-form__box .directorist-search-form-action { - display: none; - } + .directorist-search-form__box { + padding: 0; + box-shadow: unset; + border: none; + } + .directorist-search-form__box .directorist-search-form-action { + display: none; + } } .directorist-search-form__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 18px; + display: flex; + flex-wrap: wrap; + flex: 1; + gap: 18px; } @media screen and (max-width: 767px) { - .directorist-search-form__top { - width: 100%; - } + .directorist-search-form__top { + width: 100%; + } } @media screen and (min-width: 576px) { - .directorist-search-form__top { - margin-top: 5px; - } - .directorist-search-form__top .directorist-search-modal__minimizer { - display: none; - } - .directorist-search-form__top .directorist-search-modal__contents { - border-radius: 0; - z-index: 1; - } - .directorist-search-form__top .directorist-search-query:after { - display: none; - } - .directorist-search-form__top .directorist-search-modal__input { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 30%; - -webkit-flex: 30%; - -ms-flex: 30%; - flex: 30%; - margin: 0; - border: none; - border-radius: 0; - } - .directorist-search-form__top .directorist-search-modal__input .directorist-search-modal__input__btn { - display: none; - } - .directorist-search-form__top .directorist-search-modal__input .directorist-form-group .directorist-form-element:focus { - border-bottom: 2px solid var(--directorist-color-primary); - } - .directorist-search-form__top .directorist-search-modal__contents__body .directorist-search-modal__input .directorist-search-field { - border: 0 none; - } - .directorist-search-form__top .directorist-search-modal__input:not(:nth-last-child(1)) .directorist-search-field { - border-left: 1px solid var(--directorist-color-border); - } - .directorist-search-form__top .directorist-search-adv-filter.directorist-advanced-filter.directorist-search-modal__contents { - position: unset; - opacity: 1 !important; - visibility: visible !important; - -webkit-transform: unset; - transform: unset; - width: 100%; - margin: 0; - max-width: unset; - overflow: visible; - } - .directorist-search-form__top .directorist-search-modal__contents__body { - height: auto; - padding: 0; - gap: 18px; - margin: 0; - overflow: unset; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } - .directorist-search-form__top .directorist-advanced-filter .directorist-form-group.directorist-icon-left .directorist-input-icon { - right: 15px; - } - .directorist-search-form__top .directorist-advanced-filter .directorist-form-group.directorist-icon-right .directorist-input-icon, - .directorist-search-form__top .select2-container[dir=ltr] .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - left: 15px; - } - .directorist-search-form__top .select2-container[dir=ltr] .directorist-select2-addons-area .directorist-select2-dropdown-close { - left: 30px; - } - .directorist-search-form__top .directorist-search-modal__input:focus .directorist-select2-dropdown-toggle, - .directorist-search-form__top .directorist-search-modal__input:focus-within .directorist-select2-dropdown-toggle { - display: block; - } - .directorist-search-form__top .directorist-select, - .directorist-search-form__top .directorist-search-category { - width: calc(100% + 15px); - } + .directorist-search-form__top { + margin-top: 5px; + } + .directorist-search-form__top .directorist-search-modal__minimizer { + display: none; + } + .directorist-search-form__top .directorist-search-modal__contents { + border-radius: 0; + z-index: 1; + } + .directorist-search-form__top .directorist-search-query:after { + display: none; + } + .directorist-search-form__top .directorist-search-modal__input { + display: flex; + flex: 30%; + margin: 0; + border: none; + border-radius: 0; + } + .directorist-search-form__top + .directorist-search-modal__input + .directorist-search-modal__input__btn { + display: none; + } + .directorist-search-form__top + .directorist-search-modal__input + .directorist-form-group + .directorist-form-element:focus { + border-bottom: 2px solid var(--directorist-color-primary); + } + .directorist-search-form__top + .directorist-search-modal__contents__body + .directorist-search-modal__input + .directorist-search-field { + border: 0 none; + } + .directorist-search-form__top + .directorist-search-modal__input:not(:nth-last-child(1)) + .directorist-search-field { + border-left: 1px solid var(--directorist-color-border); + } + .directorist-search-form__top + .directorist-search-adv-filter.directorist-advanced-filter.directorist-search-modal__contents { + position: unset; + opacity: 1 !important; + visibility: visible !important; + transform: unset; + width: 100%; + margin: 0; + max-width: unset; + overflow: visible; + } + .directorist-search-form__top .directorist-search-modal__contents__body { + height: auto; + padding: 0; + gap: 18px; + margin: 0; + overflow: unset; + display: flex; + flex-wrap: wrap; + align-items: flex-start; + } + .directorist-search-form__top + .directorist-advanced-filter + .directorist-form-group.directorist-icon-left + .directorist-input-icon { + right: 15px; + } + .directorist-search-form__top + .directorist-advanced-filter + .directorist-form-group.directorist-icon-right + .directorist-input-icon, + .directorist-search-form__top + .select2-container[dir="ltr"] + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + left: 15px; + } + .directorist-search-form__top + .select2-container[dir="ltr"] + .directorist-select2-addons-area + .directorist-select2-dropdown-close { + left: 30px; + } + .directorist-search-form__top + .directorist-search-modal__input:focus + .directorist-select2-dropdown-toggle, + .directorist-search-form__top + .directorist-search-modal__input:focus-within + .directorist-select2-dropdown-toggle { + display: block; + } + .directorist-search-form__top .directorist-select, + .directorist-search-form__top .directorist-search-category { + width: calc(100% + 15px); + } } @media screen and (max-width: 767px) { - .directorist-search-form__top .directorist-search-modal__input { - -webkit-box-flex: 44%; - -webkit-flex: 44%; - -ms-flex: 44%; - flex: 44%; - } + .directorist-search-form__top .directorist-search-modal__input { + flex: 44%; + } } -.directorist-search-form__top .directorist-search-modal__input .directorist-select2-dropdown-close { - display: none; +.directorist-search-form__top + .directorist-search-modal__input + .directorist-select2-dropdown-close { + display: none; } .directorist-search-form__top .directorist-search-form__single-category { - cursor: not-allowed; -} -.directorist-search-form__top .directorist-search-form__single-category .directorist-category-select { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top .directorist-search-form__single-category .directorist-category-select ~ .select2-container { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top .directorist-search-form__single-category ~ .directorist-search-field__btn { - cursor: not-allowed; - pointer-events: none; + cursor: not-allowed; +} +.directorist-search-form__top + .directorist-search-form__single-category + .directorist-category-select { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-category + .directorist-category-select + ~ .select2-container { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-category + ~ .directorist-search-field__btn { + cursor: not-allowed; + pointer-events: none; } .directorist-search-form__top .directorist-search-form__single-location { - cursor: not-allowed; -} -.directorist-search-form__top .directorist-search-form__single-location .directorist-location-select { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top .directorist-search-form__single-location .directorist-location-select ~ .select2-container { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top .directorist-search-form__single-location ~ .directorist-search-field__btn { - cursor: not-allowed; - pointer-events: none; + cursor: not-allowed; +} +.directorist-search-form__top + .directorist-search-form__single-location + .directorist-location-select { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-location + .directorist-location-select + ~ .select2-container { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-location + ~ .directorist-search-field__btn { + cursor: not-allowed; + pointer-events: none; } .directorist-search-form__top .directorist-search-field { - -webkit-box-flex: 30%; - -webkit-flex: 30%; - -ms-flex: 30%; - flex: 30%; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - margin: 0; - position: relative; - padding-bottom: 0; - padding-left: 15px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + flex: 30%; + flex-direction: column; + align-items: flex-start; + margin: 0; + position: relative; + padding-bottom: 0; + padding-left: 15px; + box-sizing: border-box; } .directorist-search-form__top .directorist-search-field:not(:last-child) { - border-left: 1px solid var(--directorist-color-border); + border-left: 1px solid var(--directorist-color-border); } .directorist-search-form__top .directorist-search-field__btn--clear { - left: 15px; - bottom: 8px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input { - padding-left: 25px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input.directorist-select, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input.directorist-select { - padding-left: 0; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-location-js, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-location-js { - padding-left: 45px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .select2-container .select2-selection, .directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .select2-selection { - width: 100%; -} -.directorist-search-form__top .directorist-search-field.input-has-value .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle, .directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - left: 15px; + left: 15px; + bottom: 8px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input { + padding-left: 25px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input.directorist-select, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input.directorist-select { + padding-left: 0; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::placeholder, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-location-js, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-left: 45px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .select2-container + .select2-selection, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .select2-container + .select2-selection { + width: 100%; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + left: 15px; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle, .directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - left: 5px; - } -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select, -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select, -.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon { - margin-top: 3px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear, -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear, -.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - left: 38px; - bottom: 8px; - top: unset; - -webkit-transform: unset; - transform: unset; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear { - bottom: 10px; + .directorist-search-form__top + .directorist-search-field.input-has-value + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + left: 5px; + } +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select, +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 3px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + left: 38px; + bottom: 8px; + top: unset; + transform: unset; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear { + bottom: 10px; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear { - left: 25px !important; - } -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap { - top: 12px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap ~ .directorist-search-field__btn--clear { - bottom: 0; + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear { + left: 25px !important; + } +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap { + top: 12px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear { + bottom: 0; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap { - top: 0; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap ~ .directorist-search-field__btn--clear { - bottom: unset; - } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap { + top: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear { + bottom: unset; + } } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-has-noLabel) .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select ~ .directorist-search-field__btn--clear { - left: 10px !important; - } -} -.directorist-search-form__top .directorist-search-field.input-has-value.atbdp-form-fade:after, .directorist-search-form__top .directorist-search-field.input-is-focused.atbdp-form-fade:after { - margin-top: 3px; -} -.directorist-search-form__top .directorist-search-field .directorist-form-element { - border: 0 none; - background-color: transparent; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border-bottom: 2px solid transparent; -} -.directorist-search-form__top .directorist-search-field .directorist-form-element:focus { - border-color: var(--directorist-color-primary); + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear { + left: 10px !important; + } +} +.directorist-search-form__top + .directorist-search-field.input-has-value.atbdp-form-fade:after, +.directorist-search-form__top + .directorist-search-field.input-is-focused.atbdp-form-fade:after { + margin-top: 3px; +} +.directorist-search-form__top + .directorist-search-field + .directorist-form-element { + border: 0 none; + background-color: transparent; + transition: all 0.3s ease-in-out; + border-bottom: 2px solid transparent; +} +.directorist-search-form__top + .directorist-search-field + .directorist-form-element:focus { + border-color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field .directorist-form-element { - border: 0 none; - border-radius: 0; - overflow: hidden; - -ms-text-overflow: ellipsis; - text-overflow: ellipsis; - } -} -.directorist-search-form__top .directorist-search-field .directorist-year-ranges__item .directorist-form-element { - border-bottom: 2px solid var(--directorist-color-border); -} -.directorist-search-form__top .directorist-search-field .directorist-year-ranges__item .directorist-form-element:focus { - border-color: var(--directorist-color-primary); -} -.directorist-search-form__top .directorist-search-field .directorist-price-ranges__item .directorist-form-element { - border: none !important; -} -.directorist-search-form__top .directorist-search-field .directorist-price-ranges__item .directorist-form-element:focus { - border: none !important; -} -.directorist-search-form__top .directorist-search-field.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap { - left: 15px; -} -.directorist-search-form__top .directorist-search-field .directorist-select select, -.directorist-search-form__top .directorist-search-field .directorist-select .directorist-select__label { - border: 0 none; + .directorist-search-form__top + .directorist-search-field + .directorist-form-element { + border: 0 none; + border-radius: 0; + overflow: hidden; + -o-text-overflow: ellipsis; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; + } +} +.directorist-search-form__top + .directorist-search-field + .directorist-year-ranges__item + .directorist-form-element { + border-bottom: 2px solid var(--directorist-color-border); +} +.directorist-search-form__top + .directorist-search-field + .directorist-year-ranges__item + .directorist-form-element:focus { + border-color: var(--directorist-color-primary); +} +.directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__item + .directorist-form-element { + border: none !important; +} +.directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__item + .directorist-form-element:focus { + border: none !important; +} +.directorist-search-form__top + .directorist-search-field.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + left: 15px; +} +.directorist-search-form__top + .directorist-search-field + .directorist-select + select, +.directorist-search-form__top + .directorist-search-field + .directorist-select + .directorist-select__label { + border: 0 none; } .directorist-search-form__top .directorist-search-field .wp-picker-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap { - margin: 0; +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap { + margin: 0; } @media screen and (max-width: 480px) { - .directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap label { - width: 70px; -} -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap label input { - padding-left: 10px; - bottom: 0; -} -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap .wp-picker-clear { - margin: 0; - width: 100px; -} -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-holder { - top: 45px; -} -.directorist-search-form__top .directorist-search-field .directorist-checkbox-wrapper, -.directorist-search-form__top .directorist-search-field .directorist-radio-wrapper, -.directorist-search-form__top .directorist-search-field .directorist-search-tags { - padding: 0; - gap: 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-form__top .directorist-search-field .select2.select2-container.select2-container--default .select2-selection__rendered { - font-size: 14px; - font-weight: 500; + .directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap { + flex-direction: column; + } +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap + label { + width: 70px; +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap + label + input { + padding-left: 10px; + bottom: 0; +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-holder { + top: 45px; +} +.directorist-search-form__top + .directorist-search-field + .directorist-checkbox-wrapper, +.directorist-search-form__top + .directorist-search-field + .directorist-radio-wrapper, +.directorist-search-form__top + .directorist-search-field + .directorist-search-tags { + padding: 0; + gap: 20px; + flex-wrap: wrap; + flex-direction: column; +} +.directorist-search-form__top + .directorist-search-field + .select2.select2-container.select2-container--default + .select2-selection__rendered { + font-size: 14px; + font-weight: 500; } .directorist-search-form__top .directorist-search-field .directorist-btn-ml { - display: block; - font-size: 13px; - font-weight: 500; - margin-top: 10px; - color: var(--directorist-color-body); + display: block; + font-size: 13px; + font-weight: 500; + margin-top: 10px; + color: var(--directorist-color-body); } -.directorist-search-form__top .directorist-search-field .directorist-btn-ml:hover { - color: var(--directorist-color-primary); +.directorist-search-form__top + .directorist-search-field + .directorist-btn-ml:hover { + color: var(--directorist-color-primary); } @media screen and (max-width: 767px) { - .directorist-search-form__top .directorist-search-field { - -webkit-box-flex: 44%; - -webkit-flex: 44%; - -ms-flex: 44%; - flex: 44%; - } + .directorist-search-form__top .directorist-search-field { + flex: 44%; + } } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field { - -webkit-box-flex: 100%; - -webkit-flex: 100%; - -ms-flex: 100%; - flex: 100%; - margin: 0 20px; - border: none !important; - } - .directorist-search-form__top .directorist-search-field__label { - right: 0; - min-width: 14px; - } - .directorist-search-form__top .directorist-search-field__label:before { - content: ""; - width: 14px; - height: 14px; - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/e6b033cae029287f53b3.svg); - mask-image: url(../js/e6b033cae029287f53b3.svg); - opacity: 0; - } - .directorist-search-form__top .directorist-search-field__btn { - bottom: unset; - left: 40px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - } - .directorist-search-form__top .directorist-search-field__btn i::after { - width: 14px; - height: 14px; - } - .directorist-search-form__top .directorist-search-field .select2-container.select2-container--default .select2-selection--single { - width: 100%; - } - .directorist-search-form__top .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - position: absolute; - left: 5px; - padding: 0; - width: auto; - } - .directorist-search-form__top .directorist-search-field.input-has-value, .directorist-search-form__top .directorist-search-field.input-is-focused { - padding: 0; - margin: 0 40px; - } + .directorist-search-form__top .directorist-search-field { + flex: 100%; + margin: 0 20px; + border: none !important; + } + .directorist-search-form__top .directorist-search-field__label { + right: 0; + min-width: 14px; + } + .directorist-search-form__top .directorist-search-field__label:before { + content: ""; + width: 14px; + height: 14px; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + background-color: var(--directorist-color-body); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + opacity: 0; + } + .directorist-search-form__top .directorist-search-field__btn { + bottom: unset; + left: 40px; + top: 50%; + transform: translateY(-50%); + transition: all 0.3s ease; + } + .directorist-search-form__top .directorist-search-field__btn i::after { + width: 14px; + height: 14px; + } + .directorist-search-form__top + .directorist-search-field + .select2-container.select2-container--default + .select2-selection--single { + width: 100%; + } + .directorist-search-form__top + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + position: absolute; + left: 5px; + padding: 0; + width: auto; + } + .directorist-search-form__top .directorist-search-field.input-has-value, + .directorist-search-form__top .directorist-search-field.input-is-focused { + padding: 0; + margin: 0 40px; + } } @media screen and (max-width: 575px) and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel, .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel { - margin: 0 20px; - } - .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-search-field__btn, .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-search-field__btn { - left: 0; - } + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel, + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel { + margin: 0 20px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel + .directorist-search-field__btn, + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel + .directorist-search-field__btn { + left: 0; + } } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__label, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__label { - font-size: 0 !important; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - right: -25px; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__label:before, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__label:before { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__btn, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__btn { - left: -20px; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__btn i::after, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__btn i::after { - width: 14px; - height: 14px; - opacity: 1; - visibility: visible; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - left: 25px; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear, - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear, - .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - bottom: 12px; - top: unset; - -webkit-transform: unset; - transform: unset; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-select, - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select, - .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input { - padding-left: 0; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-location-js, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-location-js { - padding-left: 30px; - } - .directorist-search-form__top .directorist-search-field.input-has-value.atbdp-form-fade:after, - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon, .directorist-search-form__top .directorist-search-field.input-is-focused.atbdp-form-fade:after, - .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon { - margin-top: 0; - } - .directorist-search-form__top .directorist-search-field.input-has-value.directorist-icon-right .directorist-input-icon, .directorist-search-form__top .directorist-search-field.input-is-focused.directorist-icon-right .directorist-input-icon { - left: -20px; - bottom: 12px; - } - .directorist-search-form__top .directorist-search-field.input-has-value.directorist-icon-right .directorist-input-icon.directorist-filter-location-icon, .directorist-search-form__top .directorist-search-field.input-is-focused.directorist-icon-right .directorist-input-icon.directorist-filter-location-icon { - left: 0; - bottom: 8px; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__label { - opacity: 0; - font-size: 0 !important; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field .directorist-price-ranges__label { - top: 12px; - right: 0; - } - .directorist-search-form__top .directorist-search-field .directorist-price-ranges__currency { - top: 12px; - right: 32px; - } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::placeholder, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__label, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__label { + font-size: 0 !important; + top: 50%; + transform: translateY(-50%); + right: -25px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__label:before, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__label:before { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__btn, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__btn { + left: -20px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__btn + i::after, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__btn + i::after { + width: 14px; + height: 14px; + opacity: 1; + visibility: visible; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + left: 25px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + bottom: 12px; + top: unset; + transform: unset; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select, + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input { + padding-left: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-location-js, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-left: 30px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.atbdp-form-fade:after, + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon, + .directorist-search-form__top + .directorist-search-field.input-is-focused.atbdp-form-fade:after, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.directorist-icon-right + .directorist-input-icon, + .directorist-search-form__top + .directorist-search-field.input-is-focused.directorist-icon-right + .directorist-input-icon { + left: -20px; + bottom: 12px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.directorist-icon-right + .directorist-input-icon.directorist-filter-location-icon, + .directorist-search-form__top + .directorist-search-field.input-is-focused.directorist-icon-right + .directorist-input-icon.directorist-filter-location-icon { + left: 0; + bottom: 8px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__label { + opacity: 0; + font-size: 0 !important; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; + } + .directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__label { + top: 12px; + right: 0; + } + .directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__currency { + top: 12px; + right: 32px; + } } .directorist-search-form__top .select2-container { - width: 100%; -} -.directorist-search-form__top .select2-container.select2-container--default .select2-selection--single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 5px 0; - border: 0 none !important; - width: calc(100% - 15px); -} -.directorist-search-form__top .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-body); -} -.directorist-search-form__top .select2-container.select2-container--default .directorist-select2-addons-area .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-form__top .select2-container.select2-container--default .directorist-select2-addons-area .directorist-icon-mask:after { - width: 12px; - height: 12px; - background-color: #808080; -} -.directorist-search-form__top .select2-container .directorist-select2-dropdown-close { - display: none; -} -.directorist-search-form__top .select2-container .directorist-select2-dropdown-toggle { - position: absolute; - padding: 0; - width: auto; -} -.directorist-search-form__top input[type=number]::-webkit-outer-spin-button, -.directorist-search-form__top input[type=number]::-webkit-inner-spin-button { - -webkit-appearance: none; - appearance: none; - margin: 0; + width: 100%; +} +.directorist-search-form__top + .select2-container.select2-container--default + .select2-selection--single { + display: flex; + align-items: center; + padding: 5px 0; + border: 0 none !important; + width: calc(100% - 15px); +} +.directorist-search-form__top + .select2-container.select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-body); +} +.directorist-search-form__top + .select2-container.select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask { + display: flex; + flex: 1; + justify-content: flex-end; +} +.directorist-search-form__top + .select2-container.select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask:after { + width: 12px; + height: 12px; + background-color: #808080; +} +.directorist-search-form__top + .select2-container + .directorist-select2-dropdown-close { + display: none; +} +.directorist-search-form__top + .select2-container + .directorist-select2-dropdown-toggle { + position: absolute; + padding: 0; + width: auto; +} +.directorist-search-form__top input[type="number"]::-webkit-outer-spin-button, +.directorist-search-form__top input[type="number"]::-webkit-inner-spin-button { + appearance: none; + margin: 0; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-form-dropdown { - padding: 0 !important; - margin-left: 5px !important; - } - .directorist-search-form__top .directorist-search-form-dropdown .directorist-search-field__btn { - left: 0; - } -} -.directorist-search-form__top .directorist-search-form-dropdown .directorist-search-field__btn--clear { - bottom: 12px; - opacity: 0; - visibility: hidden; -} -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - padding-left: 25px; -} -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label { - opacity: 1 !important; - visibility: visible; - font-size: 14px !important; - font-weight: 500; -} -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item { - font-weight: 600; - margin-right: 5px; -} -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn--clear, -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn i::after, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn--clear, -.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn i::after { - opacity: 1; - visibility: visible; + .directorist-search-form__top .directorist-search-form-dropdown { + padding: 0 !important; + margin-left: 5px !important; + } + .directorist-search-form__top + .directorist-search-form-dropdown + .directorist-search-field__btn { + left: 0; + } +} +.directorist-search-form__top + .directorist-search-form-dropdown + .directorist-search-field__btn--clear { + bottom: 12px; + opacity: 0; + visibility: hidden; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-left: 25px; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label { + opacity: 1 !important; + visibility: visible; + font-size: 14px !important; + font-weight: 500; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item { + font-weight: 600; + margin-right: 5px; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn + i::after, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn + i::after { + opacity: 1; + visibility: visible; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-form-dropdown.input-has-value, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused { - margin-left: 20px !important; - } - .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - padding-left: 0 !important; - } - .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { - left: 20px; - } - .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn--clear { - bottom: 5px; - } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused { + margin-left: 20px !important; + } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-left: 0 !important; + } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + left: 20px; + } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn--clear { + bottom: 5px; + } } .directorist-search-form__top .directorist-search-basic-dropdown { - position: relative; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - padding: 0; - width: 100%; - max-width: unset; - height: 40px; - line-height: 40px; - margin-bottom: 0 !important; - font-size: 14px; - font-weight: 400; - cursor: pointer; - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; - color: var(--directorist-color-body); -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-prefix:not(:empty) { - -webkit-margin-end: 5px; - margin-inline-end: 5px; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-count:not(:empty) { - width: 20px; - height: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - font-size: 10px; - border-radius: 100%; - -webkit-margin-start: 10px; - margin-inline-start: 10px; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i:after { - width: 12px; - height: 12px; - background-color: #808080; + position: relative; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + position: relative; + padding: 0; + width: 100%; + max-width: unset; + height: 40px; + line-height: 40px; + margin-bottom: 0 !important; + font-size: 14px; + font-weight: 400; + cursor: pointer; + position: unset !important; + transform: unset !important; + color: var(--directorist-color-body); +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-prefix:not(:empty) { + margin-inline-end: 5px; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-count:not(:empty) { + width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + font-size: 10px; + border-radius: 100%; + margin-inline-start: 10px; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: flex; + flex: 1; + justify-content: flex-end; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i:after { + width: 12px; + height: 12px; + background-color: #808080; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before { - right: -20px !important; - } -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content { - position: absolute; - top: 100%; - right: 0; - width: 100%; - min-width: 150px; - padding: 15px 20px; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-box-sizing: border-box; - box-sizing: border-box; - max-height: 250px; - overflow-y: auto; - z-index: 100; - display: none; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content.dropdown-content-show { - display: block; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-search-tags, -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-radio-wrapper, -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox-wrapper { - gap: 12px; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox__label { - width: 100%; + .directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label:before { + right: -20px !important; + } +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content { + position: absolute; + top: 100%; + right: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + box-sizing: border-box; + max-height: 250px; + overflow-y: auto; + z-index: 100; + display: none; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content.dropdown-content-show { + display: block; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-search-tags, +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-radio-wrapper, +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox-wrapper { + gap: 12px; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox__label { + width: 100%; } .directorist-search-form__top .directorist-form-group__with-prefix { - border: none; + border: none; } -.directorist-search-form__top .directorist-form-group__with-prefix .directorist-search-field__input { - padding-left: 0 !important; - border: none !important; - bottom: 0; +.directorist-search-form__top + .directorist-form-group__with-prefix + .directorist-search-field__input { + padding-left: 0 !important; + border: none !important; + bottom: 0; } -.directorist-search-form__top .directorist-form-group__with-prefix .directorist-search-field__input:focus { - border: none !important; +.directorist-search-form__top + .directorist-form-group__with-prefix + .directorist-search-field__input:focus { + border: none !important; } -.directorist-search-form__top .directorist-form-group__with-prefix .directorist-form-element { - padding-right: 0 !important; +.directorist-search-form__top + .directorist-form-group__with-prefix + .directorist-form-element { + padding-right: 0 !important; } -.directorist-search-form__top .directorist-form-group__with-prefix ~ .directorist-search-field__btn--clear { - bottom: 12px; +.directorist-search-form__top + .directorist-form-group__with-prefix + ~ .directorist-search-field__btn--clear { + bottom: 12px; } .directorist-search-form-action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-margin-end: auto; - margin-inline-end: auto; - -webkit-padding-start: 10px; - padding-inline-start: 10px; - gap: 10px; + display: flex; + align-items: center; + margin-inline-end: auto; + padding-inline-start: 10px; + gap: 10px; } @media only screen and (max-width: 767px) { - .directorist-search-form-action { - -webkit-padding-start: 0; - padding-inline-start: 0; - } + .directorist-search-form-action { + padding-inline-start: 0; + } } @media only screen and (max-width: 575px) { - .directorist-search-form-action { - width: 100%; - } + .directorist-search-form-action { + width: 100%; + } } .directorist-search-form-action button { - text-decoration: none; - text-transform: capitalize; + text-decoration: none; + text-transform: capitalize; } .directorist-search-form-action__filter .directorist-filter-btn { - gap: 6px; - height: 50px; - padding: 0 18px; - font-weight: 400; - background-color: var(--directorist-color-white) !important; - border-color: var(--directorist-color-white); - color: var(--directorist-color-btn-primary-bg); -} -.directorist-search-form-action__filter .directorist-filter-btn .directorist-icon-mask::after { - height: 12px; - width: 14px; - background-color: var(--directorist-color-btn-primary-bg); + gap: 6px; + height: 50px; + padding: 0 18px; + font-weight: 400; + background-color: var(--directorist-color-white) !important; + border-color: var(--directorist-color-white); + color: var(--directorist-color-btn-primary-bg); +} +.directorist-search-form-action__filter + .directorist-filter-btn + .directorist-icon-mask::after { + height: 12px; + width: 14px; + background-color: var(--directorist-color-btn-primary-bg); } .directorist-search-form-action__filter .directorist-filter-btn:hover { - color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); + color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); } @media only screen and (max-width: 767px) { - .directorist-search-form-action__filter .directorist-filter-btn { - padding-right: 0; - } + .directorist-search-form-action__filter .directorist-filter-btn { + padding-right: 0; + } } @media only screen and (max-width: 575px) { - .directorist-search-form-action__filter { - display: none; - } + .directorist-search-form-action__filter { + display: none; + } } .directorist-search-form-action__submit .directorist-btn-search { - gap: 8px; - height: 50px; - padding: 0 25px; - font-size: 15px; - font-weight: 700; - border-radius: 8px; -} -.directorist-search-form-action__submit .directorist-btn-search .directorist-icon-mask::after { - height: 16px; - width: 16px; - background-color: var(--directorist-color-white); - -webkit-transform: rotate(-270deg); - transform: rotate(-270deg); + gap: 8px; + height: 50px; + padding: 0 25px; + font-size: 15px; + font-weight: 700; + border-radius: 8px; +} +.directorist-search-form-action__submit + .directorist-btn-search + .directorist-icon-mask::after { + height: 16px; + width: 16px; + background-color: var(--directorist-color-white); + transform: rotate(-270deg); } @media only screen and (max-width: 575px) { - .directorist-search-form-action__submit { - display: none; - } + .directorist-search-form-action__submit { + display: none; + } } .directorist-search-form-action__modal { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: flex; + flex-wrap: wrap; + gap: 20px; } @media only screen and (max-width: 575px) { - .directorist-search-form-action__modal { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .directorist-search-form-action__modal { + flex: 0 0 100%; + } } @media only screen and (min-width: 576px) { - .directorist-search-form-action__modal { - display: none; - } + .directorist-search-form-action__modal { + display: none; + } } .directorist-search-form-action__modal__btn-search { - gap: 8px; - width: 100%; - height: 44px; - padding: 0 25px; - font-weight: 600; - border-radius: 22px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + gap: 8px; + width: 100%; + height: 44px; + padding: 0 25px; + font-weight: 600; + border-radius: 22px; + flex: 1; } .directorist-search-form-action__modal__btn-search i::after { - width: 16px; - height: 16px; - -webkit-transform: rotate(-270deg); - transform: rotate(-270deg); + width: 16px; + height: 16px; + transform: rotate(-270deg); } .directorist-search-form-action__modal__btn-advanced { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-search-form-action__modal__btn-advanced .directorist-icon-mask:after { - height: 16px; - width: 16px; + display: flex; + align-items: center; + justify-content: center; +} +.directorist-search-form-action__modal__btn-advanced + .directorist-icon-mask:after { + height: 16px; + width: 16px; } .atbdp-form-fade { - position: relative; - border-radius: 8px; - overflow: visible; + position: relative; + border-radius: 8px; + overflow: visible; } .atbdp-form-fade.directorist-search-form__box { - padding: 15px; - border-radius: 10px; + padding: 15px; + border-radius: 10px; } .atbdp-form-fade.directorist-search-form__box:after { - border-radius: 10px; + border-radius: 10px; } -.atbdp-form-fade.directorist-search-field input[type=text] { - padding-right: 15px; +.atbdp-form-fade.directorist-search-field input[type="text"] { + padding-right: 15px; } .atbdp-form-fade:before { - position: absolute; - content: ""; - width: 25px; - height: 25px; - border: 2px solid var(--directorist-color-primary); - border-top-color: transparent; - border-radius: 50%; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - -webkit-animation: atbd_spin2 2s linear infinite; - animation: atbd_spin2 2s linear infinite; - z-index: 9999; + position: absolute; + content: ""; + width: 25px; + height: 25px; + border: 2px solid var(--directorist-color-primary); + border-top-color: transparent; + border-radius: 50%; + right: 50%; + top: 50%; + transform: translate(50%, -50%); + animation: atbd_spin2 2s linear infinite; + z-index: 9999; } .atbdp-form-fade:after { - position: absolute; - content: ""; - width: 100%; - height: 100%; - right: 0; - top: 0; - border-radius: 8px; - background: rgba(var(--directorist-color-primary-rgb), 0.3); - z-index: 9998; + position: absolute; + content: ""; + width: 100%; + height: 100%; + right: 0; + top: 0; + border-radius: 8px; + background: rgba(var(--directorist-color-primary-rgb), 0.3); + z-index: 9998; } .directorist-on-scroll-loading { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; - font-size: 18px; - font-weight: 500; - color: var(--directorist-color-primary); - gap: 8px; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + font-size: 18px; + font-weight: 500; + color: var(--directorist-color-primary); + gap: 8px; } .directorist-on-scroll-loading .directorist-spinner { - width: 25px; - height: 25px; - margin: 0; - background: transparent; - border-top: 3px solid var(--directorist-color-primary); - border-left: 3px solid transparent; - border-radius: 50%; - -webkit-animation: 1s rotate360 linear infinite; - animation: 1s rotate360 linear infinite; + width: 25px; + height: 25px; + margin: 0; + background: transparent; + border-top: 3px solid var(--directorist-color-primary); + border-left: 3px solid transparent; + border-radius: 50%; + animation: 1s rotate360 linear infinite; } .directorist-listing-type-selection { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: end; - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - list-style-type: none; + display: flex; + justify-content: center; + align-items: flex-end; + flex-wrap: wrap; + list-style-type: none; } @media only screen and (max-width: 767px) { - .directorist-listing-type-selection { - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow-x: auto; - } + .directorist-listing-type-selection { + flex-wrap: nowrap; + overflow-x: auto; + } } @media only screen and (max-width: 575px) { - .directorist-listing-type-selection { - max-width: -webkit-fit-content; - max-width: -moz-fit-content; - max-width: fit-content; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-listing-type-selection { + max-width: fit-content; + justify-content: flex-start; + } } .directorist-listing-type-selection__item { - margin-bottom: 25px; - list-style: none; + margin-bottom: 25px; + list-style: none; } @media screen and (max-width: 575px) { - .directorist-listing-type-selection__item { - margin-bottom: 15px; - } + .directorist-listing-type-selection__item { + margin-bottom: 15px; + } } .directorist-listing-type-selection__item:not(:last-child) { - margin-left: 25px; + margin-left: 25px; } @media screen and (max-width: 575px) { - .directorist-listing-type-selection__item:not(:last-child) { - margin-left: 20px; - } + .directorist-listing-type-selection__item:not(:last-child) { + margin-left: 20px; + } } .directorist-listing-type-selection__item a { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-size: 15px; - font-weight: 500; - text-decoration: none; - white-space: nowrap; - padding: 0 0 8px; - color: var(--directorist-color-body); + position: relative; + display: flex; + align-items: center; + flex-direction: column; + font-size: 15px; + font-weight: 500; + text-decoration: none; + white-space: nowrap; + padding: 0 0 8px; + color: var(--directorist-color-body); } .directorist-listing-type-selection__item a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-listing-type-selection__item a:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-listing-type-selection__item a:focus { - background-color: transparent; + background-color: transparent; } .directorist-listing-type-selection__item a:after { - content: ""; - position: absolute; - right: 0; - bottom: 0; - width: 100%; - height: 2px; - border-radius: 6px; - opacity: 0; - visibility: hidden; - background-color: var(--directorist-color-primary); + content: ""; + position: absolute; + right: 0; + bottom: 0; + width: 100%; + height: 2px; + border-radius: 6px; + opacity: 0; + visibility: hidden; + background-color: var(--directorist-color-primary); } .directorist-listing-type-selection__item a .directorist-icon-mask { - display: inline-block; - margin: 0 0 7px; + display: inline-block; + margin: 0 0 7px; } .directorist-listing-type-selection__item a .directorist-icon-mask:after { - width: 20px; - height: 20px; - background-color: var(--directorist-color-body); + width: 20px; + height: 20px; + background-color: var(--directorist-color-body); } -.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current { - font-weight: 700; - color: var(--directorist-color-primary); +.directorist-listing-type-selection__item + .directorist-listing-type-selection__link--current { + font-weight: 700; + color: var(--directorist-color-primary); } -.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current .directorist-icon-mask::after { - background-color: var(--directorist-color-primary); +.directorist-listing-type-selection__item + .directorist-listing-type-selection__link--current + .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); } -.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current:after { - opacity: 1; - visibility: visible; +.directorist-listing-type-selection__item + .directorist-listing-type-selection__link--current:after { + opacity: 1; + visibility: visible; } .directorist-search-form-wrap .directorist-listing-type-selection { - padding: 0; - margin: 0; + padding: 0; + margin: 0; } @media only screen and (max-width: 575px) { - .directorist-search-form-wrap .directorist-listing-type-selection { - margin: 0 auto; - } + .directorist-search-form-wrap .directorist-listing-type-selection { + margin: 0 auto; + } } .directorist-search-contents .directorist-btn-ml:after { - content: ""; - display: inline-block; - margin-right: 5px; - -webkit-mask-image: url(../js/664d0b74d206cf7349ab.svg); - mask-image: url(../js/664d0b74d206cf7349ab.svg); - width: 12px; - height: 12px; - background-color: var(--directorist-color-body); + content: ""; + display: inline-block; + margin-right: 5px; + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + width: 12px; + height: 12px; + background-color: var(--directorist-color-body); } .directorist-search-contents .directorist-btn-ml.active:after { - -webkit-mask-image: url(../js/2d9a2bdcde23b75a6392.svg); - mask-image: url(../js/2d9a2bdcde23b75a6392.svg); + mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); } .directorist-listing-category-top { - text-align: center; - margin-top: 35px; + text-align: center; + margin-top: 35px; } @media screen and (max-width: 575px) { - .directorist-listing-category-top { - margin-top: 20px; - } + .directorist-listing-category-top { + margin-top: 20px; + } } .directorist-listing-category-top h3 { - font-size: 18px; - font-weight: 400; - color: var(--directorist-color-body); - margin-bottom: 0; - display: none; + font-size: 18px; + font-weight: 400; + color: var(--directorist-color-body); + margin-bottom: 0; + display: none; } .directorist-listing-category-top ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 20px 35px; - margin: 0; - list-style: none; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + gap: 20px 35px; + margin: 0; + list-style: none; } @media only screen and (max-width: 575px) { - .directorist-listing-category-top ul { - gap: 12px; - overflow-x: auto; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-listing-category-top ul { + gap: 12px; + overflow-x: auto; + flex-wrap: nowrap; + justify-content: flex-start; + } } .directorist-listing-category-top li a { - color: var(--directorist-color-body); - font-size: 14px; - font-weight: 500; - text-decoration: none; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - gap: 10px; + color: var(--directorist-color-body); + font-size: 14px; + font-weight: 500; + text-decoration: none; + display: inline-flex; + align-items: center; + width: max-content; + gap: 10px; } .directorist-listing-category-top li a i, .directorist-listing-category-top li a span, @@ -14381,4826 +14422,5043 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-listing-category-top li a span.fab, .directorist-listing-category-top li a span.fas, .directorist-listing-category-top li a span.la { - font-size: 15px; - color: var(--directorist-color-body); + font-size: 15px; + color: var(--directorist-color-body); } .directorist-listing-category-top li a .directorist-icon-mask::after { - position: relative; - height: 15px; - width: 15px; - background-color: var(--directorist-color-body); + position: relative; + height: 15px; + width: 15px; + background-color: var(--directorist-color-body); } .directorist-listing-category-top li a p { - font-size: 14px; - line-height: 1; - font-weight: 400; - margin: 0; - color: var(--directorist-color-body); + font-size: 14px; + line-height: 1; + font-weight: 400; + margin: 0; + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-listing-category-top li a i { - display: none; - } + .directorist-listing-category-top li a i { + display: none; + } } .directorist-search-field .directorist-location-js + .address_result { - position: absolute; - width: 100%; - right: 0; - top: 45px; - z-index: 1; - min-width: 250px; - max-height: 345px !important; - overflow-y: scroll; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - z-index: 10; + position: absolute; + width: 100%; + right: 0; + top: 45px; + z-index: 1; + min-width: 250px; + max-height: 345px !important; + overflow-y: scroll; + border-radius: 8px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + z-index: 10; } .directorist-search-field .directorist-location-js + .address_result ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 10px; - padding: 7px; - margin: 0 0 15px; - list-style-type: none; + display: flex; + flex-direction: column; + gap: 10px; + padding: 7px; + margin: 0 0 15px; + list-style-type: none; } .directorist-search-field .directorist-location-js + .address_result ul a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 15px; - font-size: 14px; - line-height: 18px; - margin: 0 13px; - color: var(--directorist-color-body); - background-color: var(--directorist-color-white); - border-radius: 8px; - text-decoration: none; -} -.directorist-search-field .directorist-location-js + .address_result ul a .location-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-width: 36px; - max-width: 36px; - height: 36px; - border-radius: 8px; - background-color: var(--directorist-color-bg-gray); -} -.directorist-search-field .directorist-location-js + .address_result ul a .location-icon i:after { - width: 16px; - height: 16px; -} -.directorist-search-field .directorist-location-js + .address_result ul a .location-address { - position: relative; - top: 2px; -} -.directorist-search-field .directorist-location-js + .address_result ul a.current-location { - height: 50px; - margin: 0 0 13px; - padding: 0 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: var(--directorist-color-primary); - background-color: var(--directorist-color-bg-gray); -} -.directorist-search-field .directorist-location-js + .address_result ul a.current-location .location-address { - position: relative; - top: 0; -} -.directorist-search-field .directorist-location-js + .address_result ul a.current-location .location-address:before { - content: "Current Location"; -} -.directorist-search-field .directorist-location-js + .address_result ul a:hover { - color: var(--directorist-color-primary); + display: flex; + align-items: flex-start; + gap: 15px; + font-size: 14px; + line-height: 18px; + margin: 0 13px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-white); + border-radius: 8px; + text-decoration: none; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a + .location-icon { + display: flex; + align-items: center; + justify-content: center; + min-width: 36px; + max-width: 36px; + height: 36px; + border-radius: 8px; + background-color: var(--directorist-color-bg-gray); +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a + .location-icon + i:after { + width: 16px; + height: 16px; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a + .location-address { + position: relative; + top: 2px; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a.current-location { + height: 50px; + margin: 0 0 13px; + padding: 0 8px; + align-items: center; + color: var(--directorist-color-primary); + background-color: var(--directorist-color-bg-gray); +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a.current-location + .location-address { + position: relative; + top: 0; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a.current-location + .location-address:before { + content: "Current Location"; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a:hover { + color: var(--directorist-color-primary); } .directorist-search-field .directorist-location-js + .address_result ul li { - border: none; - padding: 0; - margin: 0; + border: none; + padding: 0; + margin: 0; } .directorist-zipcode-search .directorist-search-country { - position: absolute; - width: 100%; - right: 0; - top: 45px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); - box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); - border-radius: 3px; - z-index: 1; - max-height: 300px; - overflow-y: scroll; + position: absolute; + width: 100%; + right: 0; + top: 45px; + background-color: var(--directorist-color-white); + box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); + border-radius: 3px; + z-index: 1; + max-height: 300px; + overflow-y: scroll; } .directorist-zipcode-search .directorist-search-country ul { - list-style: none; - padding: 0; + list-style: none; + padding: 0; } .directorist-zipcode-search .directorist-search-country ul a { - font-size: 14px; - color: var(--directorist-color-gray); - line-height: 22px; - display: block; + font-size: 14px; + color: var(--directorist-color-gray); + line-height: 22px; + display: block; } .directorist-zipcode-search .directorist-search-country ul li { - border-bottom: 1px solid var(--directorist-color-border); - padding: 10px 15px 10px; - margin: 0; + border-bottom: 1px solid var(--directorist-color-border); + padding: 10px 15px 10px; + margin: 0; } .directorist-search-contents .directorist-search-form-top .form-group.open_now { - -webkit-box-flex: 30.8%; - -webkit-flex: 30.8%; - -ms-flex: 30.8%; - flex: 30.8%; - border-left: 1px solid var(--directorist-color-border); + flex: 30.8%; + border-left: 1px solid var(--directorist-color-border); } .directorist-custom-range-slider { - width: 100%; + width: 100%; } .directorist-custom-range-slider__wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 20px; + flex: 0 0 100%; } .directorist-custom-range-slider__value { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background: transparent; - border-bottom: 1px solid var(--directorist-color-border); - -webkit-transition: border ease 0.3s; - transition: border ease 0.3s; + position: relative; + display: flex; + flex: 1; + align-items: center; + background: transparent; + border-bottom: 1px solid var(--directorist-color-border); + transition: border ease 0.3s; } .directorist-custom-range-slider__value:focus-within { - border-bottom: 2px solid var(--directorist-color-primary); + border-bottom: 2px solid var(--directorist-color-primary); } .directorist-custom-range-slider__value input { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - width: 100%; - height: 40px; - margin: 0; - padding: 0 !important; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); - border: none !important; - outline: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; + flex: 1; + width: 100%; + height: 40px; + margin: 0; + padding: 0 !important; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); + border: none !important; + outline: none !important; + box-shadow: none !important; } .directorist-custom-range-slider__label { - font-size: 14px; - font-weight: 400; - margin: 0 0 0 10px; - color: var(--directorist-color-light-gray); + font-size: 14px; + font-weight: 400; + margin: 0 0 0 10px; + color: var(--directorist-color-light-gray); } .directorist-custom-range-slider__prefix { - line-height: 1; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); + line-height: 1; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); } .directorist-custom-range-slider__range__wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - font-size: 14px; - font-weight: 500; + display: flex; + gap: 5px; + align-items: center; + justify-content: flex-end; + font-size: 14px; + font-weight: 500; } .directorist-pagination { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + justify-content: center; + gap: 8px; + flex-wrap: wrap; } .directorist-pagination .page-numbers { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - width: 40px; - height: 40px; - font-size: 14px; - font-weight: 400; - border-radius: 8px; - color: var(--directorist-color-body); - background-color: var(--directorist-color-white); - border: 2px solid var(--directorist-color-border); - -webkit-transition: border 0.3s ease, color 0.3s ease; - transition: border 0.3s ease, color 0.3s ease; + display: inline-flex; + align-items: center; + justify-content: center; + text-decoration: none; + width: 40px; + height: 40px; + font-size: 14px; + font-weight: 400; + border-radius: 8px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border); + transition: + border 0.3s ease, + color 0.3s ease; } .directorist-pagination .page-numbers .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-body); + width: 14px; + height: 14px; + background-color: var(--directorist-color-body); } .directorist-pagination .page-numbers span { - border: 0 none; - min-width: auto; - margin: 0; + border: 0 none; + min-width: auto; + margin: 0; } -.directorist-pagination .page-numbers:hover, .directorist-pagination .page-numbers.current { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); +.directorist-pagination .page-numbers:hover, +.directorist-pagination .page-numbers.current { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-pagination .page-numbers:hover .directorist-icon-mask:after, .directorist-pagination .page-numbers.current .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); +.directorist-pagination .page-numbers:hover .directorist-icon-mask:after, +.directorist-pagination .page-numbers.current .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } /* New Styles */ .directorist-categories { - margin-top: 15px; + margin-top: 15px; } .directorist-categories__single { - border-radius: 12px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-white); + border-radius: 12px; + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + display: flex; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-white); + /* Styles */ } .directorist-categories__single--image { - background-position: center; - background-repeat: no-repeat; - background-size: cover; - -o-object-fit: cover; - object-fit: cover; - position: relative; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + object-fit: cover; + position: relative; } .directorist-categories__single--image::before { - position: absolute; - content: ""; - border-radius: inherit; - width: 100%; - height: 100%; - right: 0; - top: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - z-index: 0; + position: absolute; + content: ""; + border-radius: inherit; + width: 100%; + height: 100%; + right: 0; + top: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + z-index: 0; } .directorist-categories__single--image .directorist-categories__single__name, .directorist-categories__single--image .directorist-categories__single__total { - color: var(--directorist-color-white); + color: var(--directorist-color-white); } .directorist-categories__single__content { - position: relative; - z-index: 1; - text-align: center; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - text-align: center; - padding: 50px 30px; + position: relative; + z-index: 1; + text-align: center; + flex: 1; + text-align: center; + padding: 50px 30px; } .directorist-categories__single__content .directorist-icon-mask { - display: inline-block; + display: inline-block; } .directorist-categories__single__name { - text-decoration: none; - font-weight: 500; - font-size: 16px; - color: var(--directorist-color-dark); + text-decoration: none; + font-weight: 500; + font-size: 16px; + color: var(--directorist-color-dark); } .directorist-categories__single__name::before { - content: ""; - position: absolute; - right: 0; - top: 0; - width: 100%; - height: 100%; -} -.directorist-categories__single { - /* Styles */ -} -.directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask::after { - width: 50px; - height: 50px; + content: ""; + position: absolute; + right: 0; + top: 0; + width: 100%; + height: 100%; +} +.directorist-categories__single--style-one + .directorist-categories__single__content + .directorist-icon-mask::after { + width: 50px; + height: 50px; } @media screen and (max-width: 991px) { - .directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask::after { - width: 40px; - height: 40px; - } -} -.directorist-categories__single--style-one.directorist-categories__single--image .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-icon-mask { - background-color: var(--directorist-color-primary); - border-radius: 50%; - padding: 17px; -} -.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-icon-mask::after { - width: 36px; - height: 36px; - background-color: var(--directorist-color-white); -} -.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-categories__single__total { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-deep-gray); + .directorist-categories__single--style-one + .directorist-categories__single__content + .directorist-icon-mask::after { + width: 40px; + height: 40px; + } +} +.directorist-categories__single--style-one.directorist-categories__single--image + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-categories__single--style-one:not( + .directorist-categories__single--image + ) + .directorist-icon-mask { + background-color: var(--directorist-color-primary); + border-radius: 50%; + padding: 17px; +} +.directorist-categories__single--style-one:not( + .directorist-categories__single--image + ) + .directorist-icon-mask::after { + width: 36px; + height: 36px; + background-color: var(--directorist-color-white); +} +.directorist-categories__single--style-one:not( + .directorist-categories__single--image + ) + .directorist-categories__single__total { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-deep-gray); } .directorist-categories__single--style-two .directorist-icon-mask { - border: 4px solid var(--directorist-color-primary); - border-radius: 50%; - padding: 16px; + border: 4px solid var(--directorist-color-primary); + border-radius: 50%; + padding: 16px; } .directorist-categories__single--style-two .directorist-icon-mask::after { - width: 40px; - height: 40px; + width: 40px; + height: 40px; } -.directorist-categories__single--style-two.directorist-categories__single--image .directorist-icon-mask { - border-color: var(--directorist-color-white); +.directorist-categories__single--style-two.directorist-categories__single--image + .directorist-icon-mask { + border-color: var(--directorist-color-white); } -.directorist-categories__single--style-two.directorist-categories__single--image .directorist-icon-mask::after { - background-color: var(--directorist-color-white); +.directorist-categories__single--style-two.directorist-categories__single--image + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-categories__single--style-three { - height: var(--directorist-category-box-width); - border-radius: 50%; + height: var(--directorist-category-box-width); + border-radius: 50%; } .directorist-categories__single--style-three .directorist-icon-mask::after { - width: 40px; - height: 40px; + width: 40px; + height: 40px; } .directorist-categories__single--style-three .directorist-category-term { - display: none; + display: none; } .directorist-categories__single--style-three .directorist-category-count { - font-size: 16px; - font-weight: 600; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 48px; - height: 48px; - border-radius: 50%; - border: 3px solid var(--directorist-color-primary); - margin-top: 15px; -} -.directorist-categories__single--style-three.directorist-categories__single--image .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + font-size: 16px; + font-weight: 600; + display: inline-flex; + align-items: center; + justify-content: center; + width: 48px; + height: 48px; + border-radius: 50%; + border: 3px solid var(--directorist-color-primary); + margin-top: 15px; +} +.directorist-categories__single--style-three.directorist-categories__single--image + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-categories__single--style-three .directorist-category-count { - border-color: var(--directorist-color-white); + border-color: var(--directorist-color-white); } .directorist-categories__single--style-four .directorist-icon-mask { - background-color: var(--directorist-color-primary); - border-radius: 50%; - padding: 17px; + background-color: var(--directorist-color-primary); + border-radius: 50%; + padding: 17px; } .directorist-categories__single--style-four .directorist-icon-mask::after { - width: 36px; - height: 36px; - background-color: var(--directorist-color-white); + width: 36px; + height: 36px; + background-color: var(--directorist-color-white); } -.directorist-categories__single--style-four.directorist-categories__single--image .directorist-icon-mask { - border-color: var(--directorist-color-white); +.directorist-categories__single--style-four.directorist-categories__single--image + .directorist-icon-mask { + border-color: var(--directorist-color-white); } -.directorist-categories__single--style-four.directorist-categories__single--image .directorist-icon-mask:after { - background-color: var(--directorist-color-white); +.directorist-categories__single--style-four.directorist-categories__single--image + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); } -.directorist-categories__single--style-four:not(.directorist-categories__single--image) .directorist-categories__single__total { - color: var(--directorist-color-deep-gray); +.directorist-categories__single--style-four:not( + .directorist-categories__single--image + ) + .directorist-categories__single__total { + color: var(--directorist-color-deep-gray); } .directorist-categories .directorist-row > * { - margin-top: 30px; + margin-top: 30px; } .directorist-categories .directorist-type-nav { - margin-bottom: 15px; + margin-bottom: 15px; } /* Taxonomy List Style One */ +.directorist-taxonomy-list-one .directorist-taxonomy-list { + /* Sub Item */ + /* Sub Item Toggle */ +} .directorist-taxonomy-list-one .directorist-taxonomy-list__card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: var(--directorist-color-light); - border-radius: var(--directorist-border-radius-lg); - padding: 8px 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; - font-size: 15px; - font-weight: 500; - text-decoration: none; - position: relative; - min-height: 40px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 1; + display: flex; + background-color: var(--directorist-color-light); + border-radius: var(--directorist-border-radius-lg); + padding: 8px 20px; + align-items: center; + gap: 12px; + font-size: 15px; + font-weight: 500; + text-decoration: none; + position: relative; + min-height: 40px; + transition: 0.3s ease; + z-index: 1; } .directorist-taxonomy-list-one .directorist-taxonomy-list__card span { - font-weight: var(--directorist-fw-medium); + font-weight: var(--directorist-fw-medium); } .directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-padding-start: 12px; - padding-inline-start: 12px; + flex-wrap: wrap; + padding-inline-start: 12px; } .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - padding-bottom: 5px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open .directorist-taxonomy-list__toggler .directorist-icon-mask::after { - -webkit-transform: rotate(-180deg); - transform: rotate(-180deg); -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: var(--directorist-color-white); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask::after { - width: 15px; - height: 15px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + padding-bottom: 5px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__toggler + .directorist-icon-mask::after { + transform: rotate(-180deg); +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__icon + .directorist-icon-mask { + width: 40px; + height: 40px; + border-radius: 50%; + background-color: var(--directorist-color-white); + display: flex; + align-items: center; + justify-content: center; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__icon + .directorist-icon-mask::after { + width: 15px; + height: 15px; } .directorist-taxonomy-list-one .directorist-taxonomy-list__name { - color: var(--directorist-color-dark); + color: var(--directorist-color-dark); } .directorist-taxonomy-list-one .directorist-taxonomy-list__count { - color: var(--directorist-color-dark); + color: var(--directorist-color-dark); } .directorist-taxonomy-list-one .directorist-taxonomy-list__toggler { - -webkit-margin-start: auto; - margin-inline-start: auto; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__toggler .directorist-icon-mask::after { - width: 10px; - height: 10px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + margin-inline-start: auto; } -.directorist-taxonomy-list-one .directorist-taxonomy-list { - /* Sub Item */ +.directorist-taxonomy-list-one + .directorist-taxonomy-list__toggler + .directorist-icon-mask::after { + width: 10px; + height: 10px; + transition: 0.3s ease; } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item { - margin: 0; - list-style: none; - overflow-y: auto; + margin: 0; + list-style: none; + overflow-y: auto; } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item a { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-size: 15px; - text-decoration: none; - color: var(--directorist-color-dark); + flex-wrap: wrap; + display: flex; + font-size: 15px; + text-decoration: none; + color: var(--directorist-color-dark); } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item ul { - -webkit-padding-start: 10px; - padding-inline-start: 10px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item { - background-color: var(--directorist-color-light); - border-radius: 12px; - -webkit-padding-start: 35px; - padding-inline-start: 35px; - -webkit-padding-end: 20px; - padding-inline-end: 20px; - height: 0; - overflow: hidden; - visibility: hidden; - opacity: 0; - padding-bottom: 20px; - margin-top: -20px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item li { - margin: 0; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item li > .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 15px; - padding-inline-start: 15px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon + .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 64px; - padding-inline-start: 64px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon + .directorist-taxonomy-list__sub-item li > .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 15px; - padding-inline-start: 15px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - border-radius: 0 0 16px 16px; - height: auto; - visibility: visible; - opacity: 1; - margin-top: 0; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list { - /* Sub Item Toggle */ + padding-inline-start: 10px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item { + background-color: var(--directorist-color-light); + border-radius: 12px; + padding-inline-start: 35px; + padding-inline-end: 20px; + height: 0; + overflow: hidden; + visibility: hidden; + opacity: 0; + padding-bottom: 20px; + margin-top: -20px; + transition: 0.3s ease; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item + li { + margin: 0; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item + li + > .directorist-taxonomy-list__sub-item { + padding-inline-start: 15px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card--icon + + .directorist-taxonomy-list__sub-item { + padding-inline-start: 64px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card--icon + + .directorist-taxonomy-list__sub-item + li + > .directorist-taxonomy-list__sub-item { + padding-inline-start: 15px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + border-radius: 0 0 16px 16px; + height: auto; + visibility: visible; + opacity: 1; + margin-top: 0; } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle + .directorist-taxonomy-list__sub-item { - height: 0; - opacity: 0; - padding: 0; - visibility: hidden; - overflow: hidden; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - opacity: 1; - height: auto; - visibility: visible; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open .directorist-taxonomy-list__sub-item-toggler::after { - content: none; + display: flex; + align-items: center; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggle + + .directorist-taxonomy-list__sub-item { + height: 0; + opacity: 0; + padding: 0; + visibility: hidden; + overflow: hidden; + transition: 0.3s ease; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + opacity: 1; + height: auto; + visibility: visible; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item-toggler::after { + content: none; } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler { - -webkit-margin-start: auto; - margin-inline-start: auto; - position: relative; - width: 10px; - height: 10px; - display: inline-block; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler::before { - position: absolute; - content: ""; - right: 0; - top: 50%; - width: 10px; - height: 1px; - background-color: var(--directorist-color-deep-gray); - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler::after { - position: absolute; - content: ""; - width: 1px; - height: 10px; - right: 50%; - top: 0; - background-color: var(--directorist-color-deep-gray); - -webkit-transform: translateX(50%); - transform: translateX(50%); + margin-inline-start: auto; + position: relative; + width: 10px; + height: 10px; + display: inline-block; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggler::before { + position: absolute; + content: ""; + right: 0; + top: 50%; + width: 10px; + height: 1px; + background-color: var(--directorist-color-deep-gray); + transform: translateY(-50%); +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggler::after { + position: absolute; + content: ""; + width: 1px; + height: 10px; + right: 50%; + top: 0; + background-color: var(--directorist-color-deep-gray); + transform: translateX(50%); } /* Taxonomy List Style Two */ .directorist-taxonomy-list-two .directorist-taxonomy-list { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - border-radius: var(--directorist-border-radius-lg); - background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + border-radius: var(--directorist-border-radius-lg); + background-color: var(--directorist-color-white); } .directorist-taxonomy-list-two .directorist-taxonomy-list__card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 10px 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; - text-decoration: none; - min-height: 40px; - -webkit-transition: 0.6s ease; - transition: 0.6s ease; + display: flex; + padding: 10px 20px; + align-items: center; + gap: 12px; + text-decoration: none; + min-height: 40px; + transition: 0.6s ease; } .directorist-taxonomy-list-two .directorist-taxonomy-list__card:focus { - background: none; + background: none; } .directorist-taxonomy-list-two .directorist-taxonomy-list__name { - font-weight: var(--directorist-fw-medium); - color: var(--directorist-color-dark); + font-weight: var(--directorist-fw-medium); + color: var(--directorist-color-dark); } .directorist-taxonomy-list-two .directorist-taxonomy-list__count { - color: var(--directorist-color-dark); -} -.directorist-taxonomy-list-two .directorist-taxonomy-list__icon .directorist-icon-mask { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: var(--directorist-color-dark); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-taxonomy-list-two .directorist-taxonomy-list__icon .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + color: var(--directorist-color-dark); +} +.directorist-taxonomy-list-two + .directorist-taxonomy-list__icon + .directorist-icon-mask { + width: 40px; + height: 40px; + border-radius: 50%; + background-color: var(--directorist-color-dark); + display: flex; + align-items: center; + justify-content: center; +} +.directorist-taxonomy-list-two + .directorist-taxonomy-list__icon + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-taxonomy-list-two .directorist-taxonomy-list__toggle { - border-bottom: 1px solid var(--directorist-color-border); + border-bottom: 1px solid var(--directorist-color-border); } .directorist-taxonomy-list-two .directorist-taxonomy-list__toggler { - display: none; + display: none; } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item { - margin: 0; - padding: 15px 20px 25px; - list-style: none; + margin: 0; + padding: 15px 20px 25px; + list-style: none; } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item li { - margin-bottom: 7px; + margin-bottom: 7px; } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item a { - text-decoration: none; - color: var(--directorist-color-dark); + text-decoration: none; + color: var(--directorist-color-dark); } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item ul { - margin: 0; - padding: 0; - list-style: none; + margin: 0; + padding: 0; + list-style: none; } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item ul li { - -webkit-padding-start: 10px; - padding-inline-start: 10px; + padding-inline-start: 10px; } /* Location: Grid One */ .directorist-location { - margin-top: 30px; + margin-top: 30px; } .directorist-location--grid-one .directorist-location__single { - border-radius: var(--directorist-border-radius-lg); - position: relative; + border-radius: var(--directorist-border-radius-lg); + position: relative; } .directorist-location--grid-one .directorist-location__single--img { - height: 300px; + height: 300px; } .directorist-location--grid-one .directorist-location__single--img::before { - position: absolute; - content: ""; - width: 100%; - height: inherit; - right: 0; - top: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - border-radius: inherit; -} -.directorist-location--grid-one .directorist-location__single--img .directorist-location__content { - position: absolute; - right: 0; - bottom: 0; - z-index: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - height: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-location--grid-one .directorist-location__single--img .directorist-location__content a { - color: var(--directorist-color-white); -} -.directorist-location--grid-one .directorist-location__single--img .directorist-location__count { - color: var(--directorist-color-white); + position: absolute; + content: ""; + width: 100%; + height: inherit; + right: 0; + top: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + border-radius: inherit; +} +.directorist-location--grid-one + .directorist-location__single--img + .directorist-location__content { + position: absolute; + right: 0; + bottom: 0; + z-index: 1; + box-sizing: border-box; + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + justify-content: flex-end; +} +.directorist-location--grid-one + .directorist-location__single--img + .directorist-location__content + a { + color: var(--directorist-color-white); +} +.directorist-location--grid-one + .directorist-location__single--img + .directorist-location__count { + color: var(--directorist-color-white); } .directorist-location--grid-one .directorist-location__single__img { - height: inherit; - border-radius: inherit; + height: inherit; + border-radius: inherit; } .directorist-location--grid-one .directorist-location__single img { - width: 100%; - height: inherit; - border-radius: inherit; - -o-object-fit: cover; - object-fit: cover; -} -.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) { - height: 300px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-white); -} -.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content h3, -.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content a, -.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content span { - text-align: center; + width: 100%; + height: inherit; + border-radius: inherit; + object-fit: cover; +} +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) { + height: 300px; + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + display: flex; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-white); +} +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + h3, +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + a, +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + span { + text-align: center; } .directorist-location--grid-one .directorist-location__content { - padding: 22px; + padding: 22px; } .directorist-location--grid-one .directorist-location__content h3 { - margin: 0; - font-size: 16px; - font-weight: 500; + margin: 0; + font-size: 16px; + font-weight: 500; } .directorist-location--grid-one .directorist-location__content a { - color: var(--directorist-color-dark); - text-decoration: none; + color: var(--directorist-color-dark); + text-decoration: none; } .directorist-location--grid-one .directorist-location__content a::after { - position: absolute; - content: ""; - width: 100%; - height: 100%; - right: 0; - top: 0; + position: absolute; + content: ""; + width: 100%; + height: 100%; + right: 0; + top: 0; } .directorist-location--grid-one .directorist-location__count { - display: block; - font-size: 14px; - font-weight: 400; + display: block; + font-size: 14px; + font-weight: 400; } .directorist-location--grid-two .directorist-location__single { - border-radius: var(--directorist-border-radius-lg); - position: relative; + border-radius: var(--directorist-border-radius-lg); + position: relative; } .directorist-location--grid-two .directorist-location__single--img { - height: auto; + height: auto; } -.directorist-location--grid-two .directorist-location__single--img .directorist-location__content { - padding: 10px 0 0 0; +.directorist-location--grid-two + .directorist-location__single--img + .directorist-location__content { + padding: 10px 0 0 0; } .directorist-location--grid-two .directorist-location__single img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: var(--directorist-border-radius-lg); + width: 100%; + height: 100%; + object-fit: cover; + border-radius: var(--directorist-border-radius-lg); } .directorist-location--grid-two .directorist-location__single__img { - position: relative; - height: 240px; + position: relative; + height: 240px; } .directorist-location--grid-two .directorist-location__single__img::before { - position: absolute; - content: ""; - width: 100%; - height: 100%; - right: 0; - top: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - border-radius: var(--directorist-border-radius-lg); -} -.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) { - height: 300px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content h3, -.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content a, -.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content span { - text-align: center; + position: absolute; + content: ""; + width: 100%; + height: 100%; + right: 0; + top: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + border-radius: var(--directorist-border-radius-lg); +} +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) { + height: 300px; + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + display: flex; + align-items: center; + justify-content: center; +} +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + h3, +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + a, +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + span { + text-align: center; } .directorist-location--grid-two .directorist-location__content { - padding: 22px; + padding: 22px; } .directorist-location--grid-two .directorist-location__content h3 { - margin: 0; - font-size: 20px; - font-weight: var(--directorist-fw-medium); + margin: 0; + font-size: 20px; + font-weight: var(--directorist-fw-medium); } .directorist-location--grid-two .directorist-location__content a { - text-decoration: none; + text-decoration: none; } .directorist-location--grid-two .directorist-location__content a::after { - position: absolute; - content: ""; - width: 100%; - height: 100%; - right: 0; - top: 0; + position: absolute; + content: ""; + width: 100%; + height: 100%; + right: 0; + top: 0; } .directorist-location--grid-two .directorist-location__count { - display: block; + display: block; } .directorist-location .directorist-row > * { - margin-top: 30px; + margin-top: 30px; } .directorist-location .directorist-type-nav { - margin-bottom: 15px; + margin-bottom: 15px; } /* Modal Core Styles */ .atm-open { - overflow: hidden; + overflow: hidden; } .atm-open .at-modal { - overflow-x: hidden; - overflow-y: auto; + overflow-x: hidden; + overflow-y: auto; } .at-modal { - position: fixed; - width: 100%; - height: 100%; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - right: 0; - top: 0; - z-index: 9999; - display: none; - overflow: hidden; - outline: 0; + position: fixed; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + right: 0; + top: 0; + z-index: 9999; + display: none; + overflow: hidden; + outline: 0; } .at-modal-content { - position: relative; - width: 500px; - margin: 30px auto; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 0; - visibility: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-height: calc(100% - 5rem); - pointer-events: none; + position: relative; + width: 500px; + margin: 30px auto; + transition: 0.3s ease; + opacity: 0; + visibility: hidden; + display: flex; + align-items: center; + justify-content: center; + min-height: calc(100% - 5rem); + pointer-events: none; } .atm-contents-inner { - width: 100%; - background-color: var(--directorist-color-white); - pointer-events: auto; - border-radius: 3px; - position: relative; + width: 100%; + background-color: var(--directorist-color-white); + pointer-events: auto; + border-radius: 3px; + position: relative; } .at-modal-content.at-modal-lg { - width: 800px; + width: 800px; } .at-modal-content.at-modal-xl { - width: 1140px; + width: 1140px; } .at-modal-content.at-modal-sm { - width: 300px; + width: 300px; } .at-modal.atm-fade { - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + transition: 0.3s ease; } .at-modal.atm-fade:not(.atm-show) { - opacity: 0; - visibility: hidden; + opacity: 0; + visibility: hidden; } .at-modal.atm-show .at-modal-content { - opacity: 1; - visibility: visible; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + opacity: 1; + visibility: visible; + transition: 0.3s ease; } .at-modal .atm-contents-inner .at-modal-close { - width: 32px; - height: 32px; - top: 20px; - left: 20px; - position: absolute; - -webkit-transform: none; - transform: none; - background-color: #444752; - color: var(--directorist-color-white); - border-radius: 300px; - opacity: 1; - font-weight: 300; - z-index: 2; - font-size: 16px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; + width: 32px; + height: 32px; + top: 20px; + left: 20px; + position: absolute; + transform: none; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 300px; + opacity: 1; + font-weight: 300; + z-index: 2; + font-size: 16px; + padding: 0; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; } .at-modal .atm-contents-inner .close span { - display: block; - line-height: 0; + display: block; + line-height: 0; } /* Responsive CSS */ /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) and (max-width: 1199.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) and (max-width: 767.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 30px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 30px); + } } /* Authentication style */ .directorist-author__form { - max-width: 540px; - margin: 0 auto; - padding: 50px 40px; - border-radius: 12px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + max-width: 540px; + margin: 0 auto; + padding: 50px 40px; + border-radius: 12px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } @media only screen and (max-width: 480px) { - .directorist-author__form { - padding: 40px 25px; - } + .directorist-author__form { + padding: 40px 25px; + } } .directorist-author__form__btn { - width: 100%; - height: 50px; - border-radius: 8px; + width: 100%; + height: 50px; + border-radius: 8px; } .directorist-author__form__actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 28px 0 33px; + display: flex; + flex-wrap: wrap; + gap: 15px; + justify-content: space-between; + padding: 28px 0 33px; } .directorist-author__form__actions a { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-deep-gray); - border-bottom: 1px dashed var(--directorist-color-deep-gray); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-deep-gray); + border-bottom: 1px dashed var(--directorist-color-deep-gray); } .directorist-author__form__actions a:hover { - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); } .directorist-author__form__actions label { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-author__form__toggle-area { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-author__form__toggle-area a { - margin-right: 5px; - color: var(--directorist-color-info); + margin-right: 5px; + color: var(--directorist-color-info); } .directorist-author__form__toggle-area a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-author__form__recover-pass-modal .directorist-form-group { - padding: 25px; + padding: 25px; } .directorist-author__form__recover-pass-modal p { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - margin: 0 0 20px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + margin: 0 0 20px; } .directorist-author__message__text { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } /* Authentication style */ .directorist-authentication { - height: 0; - opacity: 0; - visibility: hidden; - -webkit-transition: height 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; - transition: height 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; + height: 0; + opacity: 0; + visibility: hidden; + transition: + height 0.3s ease, + opacity 0.3s ease, + visibility 0.3s ease; } .directorist-authentication__form { - max-width: 540px; - margin: 0 auto 15px; - padding: 50px 40px; - border-radius: 12px; - background-color: #fff; - -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); - box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); + max-width: 540px; + margin: 0 auto 15px; + padding: 50px 40px; + border-radius: 12px; + background-color: #fff; + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 480px) { - .directorist-authentication__form { - padding: 40px 25px; - } + .directorist-authentication__form { + padding: 40px 25px; + } } .directorist-authentication__form__btn { - width: 100%; - height: 50px; - border: none; - border-radius: 8px; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; + width: 100%; + height: 50px; + border: none; + border-radius: 8px; + transition: background-color 0.3s ease; } .directorist-authentication__form__actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 28px 0 33px; + display: flex; + flex-wrap: wrap; + gap: 15px; + justify-content: space-between; + padding: 28px 0 33px; } .directorist-authentication__form__actions a { - font-size: 14px; - font-weight: 400; - color: #808080; - border-bottom: 1px dashed #808080; + font-size: 14px; + font-weight: 400; + color: #808080; + border-bottom: 1px dashed #808080; } .directorist-authentication__form__actions a:hover { - color: #000000; - border-color: #000000; + color: #000000; + border-color: #000000; } .directorist-authentication__form__actions label { - font-size: 14px; - font-weight: 400; - color: #404040; + font-size: 14px; + font-weight: 400; + color: #404040; } .directorist-authentication__form__toggle-area { - font-size: 14px; - font-weight: 400; - color: #404040; + font-size: 14px; + font-weight: 400; + color: #404040; } .directorist-authentication__form__toggle-area a { - margin-right: 5px; - color: #2c99ff; - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; + margin-right: 5px; + color: #2c99ff; + transition: color 0.3s ease; } .directorist-authentication__form__toggle-area a:hover { - color: #000000; + color: #000000; } .directorist-authentication__form__recover-pass-modal { - display: none; + display: none; } .directorist-authentication__form__recover-pass-modal .directorist-form-group { - margin: 0; - padding: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - border: 1px solid #e9e9e9; + margin: 0; + padding: 25px; + box-sizing: border-box; + border-radius: 8px; + border: 1px solid #e9e9e9; } .directorist-authentication__form__recover-pass-modal p { - font-size: 14px; - font-weight: 400; - color: #404040; - margin: 0 0 20px; + font-size: 14px; + font-weight: 400; + color: #404040; + margin: 0 0 20px; } .directorist-authentication__form .directorist-form-element { - border: none; - padding: 15px 0; - border-radius: 0; - border-bottom: 1px solid #ececec; + border: none; + padding: 15px 0; + border-radius: 0; + border-bottom: 1px solid #ececec; } .directorist-authentication__form .directorist-form-group > label { - margin: 0; - font-size: 14px; - font-weight: 400; - color: #404040; + margin: 0; + font-size: 14px; + font-weight: 400; + color: #404040; } .directorist-authentication__btn { - border: none; - outline: none; - cursor: pointer; - -webkit-box-shadow: none; - box-shadow: none; - color: #000000; - font-size: 13px; - font-weight: 400; - padding: 0 6px; - text-transform: capitalize; - background: transparent; - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; + border: none; + outline: none; + cursor: pointer; + box-shadow: none; + color: #000000; + font-size: 13px; + font-weight: 400; + padding: 0 6px; + text-transform: capitalize; + background: transparent; + transition: color 0.3s ease; } .directorist-authentication__btn:hover { - opacity: 0.75; + opacity: 0.75; } .directorist-authentication__message__text { - font-size: 14px; - font-weight: 400; - color: #404040; + font-size: 14px; + font-weight: 400; + color: #404040; } .directorist-authentication.active { - height: auto; - opacity: 1; - visibility: visible; + height: auto; + opacity: 1; + visibility: visible; } /* Password toggle */ .directorist-password-group { - position: relative; + position: relative; } .directorist-password-group-input { - padding-left: 40px !important; + padding-left: 40px !important; } .directorist-password-group-toggle { - position: absolute; - top: calc(50% + 16px); - left: 15px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - cursor: pointer; + position: absolute; + top: calc(50% + 16px); + left: 15px; + transform: translateY(-50%); + cursor: pointer; } .directorist-password-group-toggle svg { - width: 22px; - height: 22px; - fill: none; - stroke: #888; - stroke-width: 2; + width: 22px; + height: 22px; + fill: none; + stroke: #888; + stroke-width: 2; } /* Directorist all authors card */ .directorist-authors-section { - position: relative; + position: relative; } .directorist-content-active .directorist-authors__cards { - margin-top: -30px; + margin-top: -30px; } .directorist-content-active .directorist-authors__cards .directorist-row > * { - margin-top: 30px; + margin-top: 30px; } .directorist-content-active .directorist-authors__nav { - margin-bottom: 30px; + margin-bottom: 30px; } .directorist-content-active .directorist-authors__nav ul { - list-style-type: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0; - padding: 0; + list-style-type: none; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + margin: 0; + padding: 0; } .directorist-content-active .directorist-authors__nav li { - list-style: none; + list-style: none; } .directorist-content-active .directorist-authors__nav li a { - display: block; - line-height: 20px; - padding: 0 17px 10px; - border-bottom: 2px solid transparent; - font-size: 15px; - font-weight: 500; - text-transform: capitalize; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + display: block; + line-height: 20px; + padding: 0 17px 10px; + border-bottom: 2px solid transparent; + font-size: 15px; + font-weight: 500; + text-transform: capitalize; + box-shadow: none; + text-decoration: none; + transition: 0.3s ease; } .directorist-content-active .directorist-authors__nav li a:hover { - border-bottom-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-content-active .directorist-authors__nav li.active a { - border-bottom-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-content-active .directorist-authors__card { - padding: 20px; - border-radius: 10px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + padding: 20px; + border-radius: 10px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-content-active .directorist-authors__card__img { - margin-bottom: 15px; - text-align: center; + margin-bottom: 15px; + text-align: center; } .directorist-content-active .directorist-authors__card__img img { - border-radius: 50%; - width: 150px; - height: 150px; - display: inline-block; - -o-object-fit: cover; - object-fit: cover; + border-radius: 50%; + width: 150px; + height: 150px; + display: inline-block; + object-fit: cover; } .directorist-content-active .directorist-authors__card__details__top { - text-align: center; - border-bottom: 1px solid var(--directorist-color-border); - margin: 5px 0 15px; + text-align: center; + border-bottom: 1px solid var(--directorist-color-border); + margin: 5px 0 15px; } .directorist-content-active .directorist-authors__card h2 { - font-size: 20px; - font-weight: 500; - margin: 0 0 16px 0 !important; - line-height: normal; + font-size: 20px; + font-weight: 500; + margin: 0 0 16px 0 !important; + line-height: normal; } .directorist-content-active .directorist-authors__card h2:before { - content: none; + content: none; } .directorist-content-active .directorist-authors__card h3 { - font-size: 14px; - font-weight: 400; - color: #8f8e9f; - margin: 0 0 15px 0 !important; - line-height: normal; - text-transform: none; - letter-spacing: normal; + font-size: 14px; + font-weight: 400; + color: #8f8e9f; + margin: 0 0 15px 0 !important; + line-height: normal; + text-transform: none; + letter-spacing: normal; } .directorist-content-active .directorist-authors__card__info-list { - list-style-type: none; - padding: 0; - margin: 0; - margin-bottom: 15px !important; + list-style-type: none; + padding: 0; + margin: 0; + margin-bottom: 15px !important; } .directorist-content-active .directorist-authors__card__info-list li { - font-size: 14px; - color: #767792; - list-style: none; - word-wrap: break-word; - word-break: break-all; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 0; -} -.directorist-content-active .directorist-authors__card__info-list li:not(:last-child) { - margin-bottom: 5px; + font-size: 14px; + color: #767792; + list-style: none; + word-wrap: break-word; + word-break: break-all; + display: flex; + margin: 0; + /* Legacy Icon */ +} +.directorist-content-active + .directorist-authors__card__info-list + li:not(:last-child) { + margin-bottom: 5px; } .directorist-content-active .directorist-authors__card__info-list li a { - color: #767792; - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; -} -.directorist-content-active .directorist-authors__card__info-list li .directorist-icon-mask { - margin-left: 5px; - margin-top: 3px; -} -.directorist-content-active .directorist-authors__card__info-list li .directorist-icon-mask:after { - width: 16px; - height: 16px; -} -.directorist-content-active .directorist-authors__card__info-list li { - /* Legacy Icon */ -} -.directorist-content-active .directorist-authors__card__info-list li > i:not(.directorist-icon-mask) { - display: inline-block; - margin-left: 5px; - margin-top: 5px; - font-size: 16px; -} -.directorist-content-active .directorist-authors__card .directorist-author-social { - margin: 0 0 15px; -} -.directorist-content-active .directorist-authors__card .directorist-author-social li { - margin: 0; -} -.directorist-content-active .directorist-authors__card .directorist-author-social a { - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; -} -.directorist-content-active .directorist-authors__card .directorist-author-social a:hover { - background-color: var(--directorist-color-primary); - /* Legacy Icon */ -} -.directorist-content-active .directorist-authors__card .directorist-author-social a:hover > span { - background: none; - color: var(--directorist-color-white); + color: #767792; + border: 0 none; + box-shadow: none; + text-decoration: none; +} +.directorist-content-active + .directorist-authors__card__info-list + li + .directorist-icon-mask { + margin-left: 5px; + margin-top: 3px; +} +.directorist-content-active + .directorist-authors__card__info-list + li + .directorist-icon-mask:after { + width: 16px; + height: 16px; +} +.directorist-content-active + .directorist-authors__card__info-list + li + > i:not(.directorist-icon-mask) { + display: inline-block; + margin-left: 5px; + margin-top: 5px; + font-size: 16px; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social { + margin: 0 0 15px; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + li { + margin: 0; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + a { + border: 0 none; + box-shadow: none; + text-decoration: none; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + a:hover { + background-color: var(--directorist-color-primary); + /* Legacy Icon */ +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + a:hover + > span { + background: none; + color: var(--directorist-color-white); } .directorist-content-active .directorist-authors__card p { - font-size: 14px; - color: #767792; - margin-bottom: 20px; + font-size: 14px; + color: #767792; + margin-bottom: 20px; } .directorist-content-active .directorist-authors__card .directorist-btn { - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + border: 0 none; + box-shadow: none; + transition: 0.3s ease; } .directorist-content-active .directorist-authors__card .directorist-btn:hover { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } /* Directorist All author Grid */ .directorist-authors__pagination { - margin-top: 25px; + margin-top: 25px; } .select2-selection__arrow, .select2-selection__clear { - display: none !important; + display: none !important; } .directorist-select2-addons-area { - position: absolute; - left: 5px; - top: 50%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - cursor: pointer; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - z-index: 8; + position: absolute; + left: 5px; + top: 50%; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + transform: translate(0, -50%); + z-index: 8; } .directorist-select2-addon { - padding: 0 5px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + padding: 0 5px; + display: flex; + align-items: center; + justify-content: center; } .directorist-select2-dropdown-toggle { - height: auto; - width: 25px; + height: auto; + width: 25px; } .directorist-select2-dropdown-close { - height: auto; - width: 25px; + height: auto; + width: 25px; } .directorist-select2-dropdown-close .directorist-icon-mask::after { - width: 15px; - height: 15px; + width: 15px; + height: 15px; } .directorist-select2-addon .directorist-icon-mask::after { - width: 13px; - height: 13px; + width: 13px; + height: 13px; } .directorist-form-section { - font-size: 15px; + font-size: 15px; } /* Display Each Grid Info on Single Line */ -.directorist-archive-contents .directorist-single-line .directorist-listing-title, -.directorist-archive-contents .directorist-single-line .directorist-listing-tagline, -.directorist-archive-contents .directorist-single-line .directorist-listing-single__info__list ul li div, -.directorist-archive-contents .directorist-single-line .directorist-listing-single__info__excerpt { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; +.directorist-archive-contents + .directorist-single-line + .directorist-listing-title, +.directorist-archive-contents + .directorist-single-line + .directorist-listing-tagline, +.directorist-archive-contents + .directorist-single-line + .directorist-listing-single__info__list + ul + li + div, +.directorist-archive-contents + .directorist-single-line + .directorist-listing-single__info__excerpt { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } .directorist-all-listing-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-bottom: 20px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex; + gap: 20px; + align-items: center; + padding-bottom: 20px; + justify-content: space-between; } .directorist-all-listing-btn__basic { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + flex: 1; } .directorist-all-listing-btn .directorist-btn__back i::after { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .directorist-all-listing-btn .directorist-modal-btn--basic { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 10px; - min-height: 40px; - border-radius: 30px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex: 1; + gap: 10px; + min-height: 40px; + border-radius: 30px; + align-items: center; } .directorist-all-listing-btn .directorist-modal-btn--basic i::after { - width: 16px; - height: 16px; - -webkit-transform: rotate(-270deg); - transform: rotate(-270deg); + width: 16px; + height: 16px; + transform: rotate(-270deg); } .directorist-all-listing-btn .directorist-modal-btn--advanced i::after { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } @media screen and (min-width: 576px) { - .directorist-all-listing-btn, - .directorist-all-listing-modal { - display: none; - } + .directorist-all-listing-btn, + .directorist-all-listing-modal { + display: none; + } } .directorist-content-active .directorist-listing-single { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - font-size: 15px; - margin-bottom: 15px; + flex: 1; + font-size: 15px; + margin-bottom: 15px; } .directorist-content-active .directorist-listing-single--bg { - border-radius: 10px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + border-radius: 10px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-content-active .directorist-listing-single__content { - border-radius: 4px; + border-radius: 4px; } .directorist-content-active .directorist-listing-single__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; - position: relative; - padding: 33px 20px 24px; + display: flex; + flex-wrap: wrap; + gap: 8px; + position: relative; + padding: 33px 20px 24px; } .directorist-content-active .directorist-listing-single__info:empty { - display: none; + display: none; } .directorist-content-active .directorist-listing-single__info__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 6px; -} -.directorist-content-active .directorist-listing-single__info__top .directorist-badge.directorist-badge-close { - background-color: transparent; - color: var(--directorist-color-danger); -} -.directorist-content-active .directorist-listing-single__info__top .directorist-badge.directorist-badge-open { - background-color: transparent; - color: var(--directorist-color-success); -} -.directorist-content-active .directorist-listing-single__info__top .atbd_badge.atbd_badge_open { - background-color: transparent; - color: var(--directorist-color-success); -} -.directorist-content-active .directorist-listing-single__info__top .directorist-info-item.directorist-rating-meta { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - -webkit-box-ordinal-group: 2; - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; - margin: 0; - font-size: 13px; - color: var(--directorist-color-light-gray); -} -.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on i { - display: none; + display: flex; + align-items: center; + flex-wrap: wrap; + flex: 1; + gap: 6px; +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-badge.directorist-badge-close { + background-color: transparent; + color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-badge.directorist-badge-open { + background-color: transparent; + color: var(--directorist-color-success); +} +.directorist-content-active + .directorist-listing-single__info__top + .atbd_badge.atbd_badge_open { + background-color: transparent; + color: var(--directorist-color-success); +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-info-item.directorist-rating-meta { + display: inline-flex; + align-items: center; +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-listing-card-posted-on { + display: inline-flex; + align-items: center; + flex: 0 0 100%; + order: 1; + margin: 0; + font-size: 13px; + color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-listing-card-posted-on + i { + display: none; } .directorist-content-active .directorist-listing-single__info__list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 10px 0 0; - padding: 0; - width: 100%; + display: flex; + gap: 10px; + flex-direction: column; + margin: 10px 0 0; + padding: 0; + width: 100%; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single__info__list { - gap: 8px; - } + .directorist-content-active .directorist-listing-single__info__list { + gap: 8px; + } } .directorist-content-active .directorist-listing-single__info__list li, .directorist-content-active .directorist-listing-single__info__list > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - margin: 0; - font-size: 14px; - line-height: 18px; - color: var(--directorist-color-body); -} -.directorist-content-active .directorist-listing-single__info__list li .directorist-icon-mask, -.directorist-content-active .directorist-listing-single__info__list > div .directorist-icon-mask { - position: relative; - top: 2px; -} -.directorist-content-active .directorist-listing-single__info__list li .directorist-icon-mask:after, -.directorist-content-active .directorist-listing-single__info__list > div .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); -} -.directorist-content-active .directorist-listing-single__info__list li .directorist-listing-card-info-label, -.directorist-content-active .directorist-listing-single__info__list > div .directorist-listing-card-info-label { - display: none; -} -.directorist-content-active .directorist-listing-single__info__list .directorist-icon { - font-size: 17px; - color: var(--directorist-color-body); - margin-left: 8px; + display: flex; + gap: 10px; + margin: 0; + font-size: 14px; + line-height: 18px; + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-listing-single__info__list + li + .directorist-icon-mask, +.directorist-content-active + .directorist-listing-single__info__list + > div + .directorist-icon-mask { + position: relative; + top: 2px; +} +.directorist-content-active + .directorist-listing-single__info__list + li + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single__info__list + > div + .directorist-icon-mask:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__info__list + li + .directorist-listing-card-info-label, +.directorist-content-active + .directorist-listing-single__info__list + > div + .directorist-listing-card-info-label { + display: none; +} +.directorist-content-active + .directorist-listing-single__info__list + .directorist-icon { + font-size: 17px; + color: var(--directorist-color-body); + margin-left: 8px; } .directorist-content-active .directorist-listing-single__info__list a { - text-decoration: none; - color: var(--directorist-color-body); - word-break: break-word; + text-decoration: none; + color: var(--directorist-color-body); + word-break: break-word; } .directorist-content-active .directorist-listing-single__info__list a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-content-active .directorist-listing-single__info__list .directorist-listing-card-location-list { - display: block; - margin: 0; +.directorist-content-active + .directorist-listing-single__info__list + .directorist-listing-card-location-list { + display: block; + margin: 0; } .directorist-content-active .directorist-listing-single__info__list__label { - display: inline-block; - margin-left: 5px; + display: inline-block; + margin-left: 5px; } .directorist-content-active .directorist-listing-single__info--right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 20px; - position: absolute; - left: 20px; - top: 20px; + display: flex; + align-items: center; + gap: 20px; + position: absolute; + left: 20px; + top: 20px; } @media screen and (max-width: 991px) { - .directorist-content-active .directorist-listing-single__info--right { - gap: 15px; - } + .directorist-content-active .directorist-listing-single__info--right { + gap: 15px; + } } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single__info--right { - gap: 10px; - } + .directorist-content-active .directorist-listing-single__info--right { + gap: 10px; + } } .directorist-content-active .directorist-listing-single__info__excerpt { - margin: 10px 0 0; - font-size: 14px; - color: var(--directorist-color-body); - line-height: 20px; - text-align: right; + margin: 10px 0 0; + font-size: 14px; + color: var(--directorist-color-body); + line-height: 20px; + text-align: right; } .directorist-content-active .directorist-listing-single__info__excerpt a { - color: var(--directorist-color-primary); - text-decoration: underline; + color: var(--directorist-color-primary); + text-decoration: underline; } .directorist-content-active .directorist-listing-single__info__excerpt a:hover { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .directorist-content-active .directorist-listing-single__info__top-right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 20px; - width: 100%; + display: flex; + align-items: flex-start; + gap: 20px; + width: 100%; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single__info__top-right { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 5px; - } - .directorist-content-active .directorist-listing-single__info__top-right .directorist-mark-as-favorite { - position: absolute; - top: 20px; - right: -30px; - } -} -.directorist-content-active .directorist-listing-single__info__top-right .directorist-listing-single__info--right { - position: unset; + .directorist-content-active .directorist-listing-single__info__top-right { + flex-wrap: wrap; + gap: 5px; + } + .directorist-content-active + .directorist-listing-single__info__top-right + .directorist-mark-as-favorite { + position: absolute; + top: 20px; + right: -30px; + } +} +.directorist-content-active + .directorist-listing-single__info__top-right + .directorist-listing-single__info--right { + position: unset; } .directorist-content-active .directorist-listing-single__info a { - text-decoration: none; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; + text-decoration: none; + box-shadow: none; + color: var(--directorist-color-body); + transition: color 0.3s ease; } .directorist-content-active .directorist-listing-single__info a:hover { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item { - font-size: 14px; - line-height: 18px; - position: relative; - display: inline-block; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type) { - padding-left: 10px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type):after { - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - border-radius: 50%; - width: 3px; - height: 3px; - content: ""; - background-color: #bcbcbc; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type).directorist-badge { - margin-left: 8px; - padding-left: 3px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type).directorist-badge:after { - left: -8px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - line-height: 1; - color: var(--directorist-color-body); -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta .directorist-icon-mask { - margin-left: 4px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta .directorist-icon-mask:after { - width: 12px; - height: 12px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - width: auto; - height: 21px; - line-height: 21px; - margin: 0; - border-radius: 4px; - font-size: 10px; - font-weight: 700; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item .directorist-review { - display: block; - margin-right: 6px; - font-size: 14px; - color: var(--directorist-color-light-gray); - text-decoration: underline; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category, .directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 5px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category .directorist-icon-mask, .directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location .directorist-icon-mask { - margin-top: 2px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category:after, .directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location:after { - top: 10px; - -webkit-transform: unset; - transform: unset; -} -.directorist-content-active .directorist-listing-single__info .directorist-badge + .directorist-badge { - margin-right: 3px; -} -.directorist-content-active .directorist-listing-single__info .directorist-listing-tagline { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - margin: 0; - font-size: 14px; - line-height: 18px; - color: var(--directorist-color-light-gray); -} -.directorist-content-active .directorist-listing-single__info .directorist-listing-title { - font-size: 18px; - font-weight: 500; - padding: 0; - text-transform: none; - line-height: 20px; - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; -} -.directorist-content-active .directorist-listing-single__info .directorist-listing-title a { - text-decoration: none; - color: var(--directorist-color-dark); -} -.directorist-content-active .directorist-listing-single__info .directorist-listing-title a:hover { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-listing-single__info .directorist-pricing-meta .directorist-listing-price { - font-size: 14px; - font-weight: 700; - padding: 0; - background: transparent; - color: var(--directorist-color-body); + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item { + font-size: 14px; + line-height: 18px; + position: relative; + display: inline-block; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type) { + padding-left: 10px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type):after { + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + border-radius: 50%; + width: 3px; + height: 3px; + content: ""; + background-color: #bcbcbc; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type).directorist-badge { + margin-left: 8px; + padding-left: 3px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type).directorist-badge:after { + left: -8px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-rating-meta { + display: inline-flex; + align-items: center; + font-size: 14px; + font-weight: 500; + line-height: 1; + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-rating-meta + .directorist-icon-mask { + margin-left: 4px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-rating-meta + .directorist-icon-mask:after { + width: 12px; + height: 12px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-badge { + display: flex; + align-items: center; + width: auto; + height: 21px; + line-height: 21px; + margin: 0; + border-radius: 4px; + font-size: 10px; + font-weight: 700; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item + .directorist-review { + display: block; + margin-right: 6px; + font-size: 14px; + color: var(--directorist-color-light-gray); + text-decoration: underline; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-category, +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-location { + display: inline-flex; + align-items: flex-start; + gap: 5px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-category + .directorist-icon-mask, +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-location + .directorist-icon-mask { + margin-top: 2px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-category:after, +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-location:after { + top: 10px; + transform: unset; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-badge + + .directorist-badge { + margin-right: 3px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-tagline { + flex: 0 0 100%; + margin: 0; + font-size: 14px; + line-height: 18px; + color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-title { + font-size: 18px; + font-weight: 500; + padding: 0; + text-transform: none; + line-height: 20px; + margin: 0; + flex: 0 0 100%; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-title + a { + text-decoration: none; + color: var(--directorist-color-dark); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-title + a:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-pricing-meta + .directorist-listing-price { + font-size: 14px; + font-weight: 700; + padding: 0; + background: transparent; + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single__info .directorist-pricing-meta .directorist-listing-price { - font-weight: 700; - } + .directorist-content-active + .directorist-listing-single__info + .directorist-pricing-meta + .directorist-listing-price { + font-weight: 700; + } } .directorist-content-active .directorist-listing-single__meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; - position: relative; - padding: 14px 20px; - font-size: 14px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - border-top: 1px solid var(--directorist-color-border); + display: flex; + flex-wrap: wrap; + gap: 10px; + position: relative; + padding: 14px 20px; + font-size: 14px; + justify-content: space-between; + border-top: 1px solid var(--directorist-color-border); } .directorist-content-active .directorist-listing-single__meta__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 20px; } .directorist-content-active .directorist-listing-single__meta__right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category a { - text-decoration: none; - font-size: 14px; - color: var(--directorist-color-body); - border-bottom: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - word-break: break-word; - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category a:hover { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-listing-single__meta .directorist-view-count { - font-size: 14px; - color: var(--directorist-color-body); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-view-count .directorist-icon-mask:after { - width: 15px; - height: 15px; - background-color: var(--directorist-color-light-gray); -} -.directorist-content-active .directorist-listing-single__meta .directorist-view-count { - /* Legacy Icon */ -} -.directorist-content-active .directorist-listing-single__meta .directorist-view-count > span { - display: inline-block; - margin-left: 5px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-thumb-listing-author a { - width: 38px; - height: 38px; - display: inline-block; - vertical-align: middle; -} -.directorist-content-active .directorist-listing-single__meta .directorist-thumb-listing-author img { - width: 100%; - height: 100%; - border-radius: 50%; -} -.directorist-content-active .directorist-listing-single__meta .directorist-mark-as-favorite__btn { - width: auto; - height: auto; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a .directorist-icon-mask { - height: 34px; - width: 34px; - border-radius: 50%; - background-color: var(--directorist-color-light); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: 10px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); - width: 14px; - height: 14px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a { - /* Legacy Icon */ -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a > span { - width: 36px; - height: 36px; - border-radius: 50%; - background-color: #f3f3f3; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: 10px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a > span:before { - color: var(--directorist-color-body); -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category__extran-count { - font-size: 14px; - font-weight: 500; -} -.directorist-content-active .directorist-listing-single__meta .directorist-rating-meta, -.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone { - gap: 5px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone a { - text-decoration: none; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 20px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + a { + text-decoration: none; + font-size: 14px; + color: var(--directorist-color-body); + border-bottom: 0 none; + box-shadow: none; + display: flex; + align-items: center; + word-break: break-word; + transition: color 0.3s ease; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + a:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-view-count { + font-size: 14px; + color: var(--directorist-color-body); + display: flex; + align-items: center; + gap: 5px; + /* Legacy Icon */ +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-view-count + .directorist-icon-mask:after { + width: 15px; + height: 15px; + background-color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-view-count + > span { + display: inline-block; + margin-left: 5px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-thumb-listing-author + a { + width: 38px; + height: 38px; + display: inline-block; + vertical-align: middle; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-thumb-listing-author + img { + width: 100%; + height: 100%; + border-radius: 50%; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-mark-as-favorite__btn { + width: auto; + height: auto; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a { + /* Legacy Icon */ +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + .directorist-icon-mask { + height: 34px; + width: 34px; + border-radius: 50%; + background-color: var(--directorist-color-light); + display: inline-flex; + align-items: center; + justify-content: center; + margin-left: 10px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); + width: 14px; + height: 14px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + > span { + width: 36px; + height: 36px; + border-radius: 50%; + background-color: #f3f3f3; + display: inline-flex; + align-items: center; + justify-content: center; + margin-left: 10px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + > span:before { + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category__extran-count { + font-size: 14px; + font-weight: 500; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-rating-meta, +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-card-phone { + display: flex; + align-items: center; + font-size: 14px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-card-phone { + gap: 5px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-card-phone + a { + text-decoration: none; } .directorist-content-active .directorist-listing-single__thumb { - position: relative; - margin: 0; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card { - position: relative; - width: 100%; - height: 100%; - border-radius: 10px; - overflow: hidden; - z-index: 0; - background-color: var(--directorist-color-bg-gray); -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-wrap, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-back-wrap { - position: absolute; - top: 0; - bottom: 0; - right: 0; - left: 0; - height: 100%; - width: 100%; - overflow: hidden; - z-index: 2; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-wrap figure, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-back-wrap figure { - width: 100%; - height: 100%; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card.directorist-card-contain .directorist-thumnail-card-front-img { - -o-object-fit: contain; - object-fit: contain; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card.directorist-card-full { - min-height: 300px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-wrap { - z-index: 1; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-front-img, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - margin: 0; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-img { - -webkit-filter: blur(5px); - filter: blur(5px); -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left { - right: 20px; - top: 20px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right { - top: 20px; - left: 20px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left { - right: 20px; - bottom: 30px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right { - left: 20px; - bottom: 30px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right { - position: absolute; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn i, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.la, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.las, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fa, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fas, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.lab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn i, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.la, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.las, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fa, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fas, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.lab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn i, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.la, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.las, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fa, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fas, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.lab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn i, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.la, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.las, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fa, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fas, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.lab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fab { - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single__header__left .directorist-thumb-listing-author { - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; + position: relative; + margin: 0; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card { + position: relative; + width: 100%; + height: 100%; + border-radius: 10px; + overflow: hidden; + z-index: 0; + background-color: var(--directorist-color-bg-gray); +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-front-wrap, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-back-wrap { + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + height: 100%; + width: 100%; + overflow: hidden; + z-index: 2; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-front-wrap + figure, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-back-wrap + figure { + width: 100%; + height: 100%; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card.directorist-card-contain + .directorist-thumnail-card-front-img { + object-fit: contain; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card.directorist-card-full { + min-height: 300px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-back-wrap { + z-index: 1; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-front-img, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-back-img { + width: 100%; + height: 100%; + object-fit: cover; + margin: 0; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-back-img { + filter: blur(5px); +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left { + right: 20px; + top: 20px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right { + top: 20px; + left: 20px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left { + right: 20px; + bottom: 30px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right { + left: 20px; + bottom: 30px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right { + position: absolute; + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 6px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.fab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.fab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.fab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.fab { + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single__header__left + .directorist-thumb-listing-author { + position: unset !important; + transform: unset !important; } .directorist-content-active .directorist-listing-single figure { - margin: 0; -} -.directorist-content-active .directorist-listing-single .directorist-listing-single__header__left .directorist-thumb-listing-author, -.directorist-content-active .directorist-listing-single .directorist-listing-single__header__right .directorist-thumb-listing-author, -.directorist-content-active .directorist-listing-single .directorist-thumb-bottom-left .directorist-thumb-listing-author, -.directorist-content-active .directorist-listing-single .directorist-thumb-bottom-right .directorist-thumb-listing-author { - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; + margin: 0; +} +.directorist-content-active + .directorist-listing-single + .directorist-listing-single__header__left + .directorist-thumb-listing-author, +.directorist-content-active + .directorist-listing-single + .directorist-listing-single__header__right + .directorist-thumb-listing-author, +.directorist-content-active + .directorist-listing-single + .directorist-thumb-bottom-left + .directorist-thumb-listing-author, +.directorist-content-active + .directorist-listing-single + .directorist-thumb-bottom-right + .directorist-thumb-listing-author { + position: unset !important; + transform: unset !important; } .directorist-content-active .directorist-listing-single .directorist-badge { - margin: 3px; -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-popular { - background-color: #f51957; -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-open { - background-color: var(--directorist-color-success); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-close { - background-color: var(--directorist-color-danger); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-new { - background-color: var(--directorist-color-new-badge); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-featured { - background-color: #fa8b0c; -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-negotiation { - background-color: var(--directorist-color-info); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-sold { - background-color: var(--directorist-color-danger); -} -.directorist-content-active .directorist-listing-single .directorist_open_status_badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active .directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span { - top: auto; - bottom: 35px; -} -.directorist-content-active .directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span:before { - top: auto; - bottom: -7px; - -webkit-transform: rotate(-180deg); - transform: rotate(-180deg); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb { - margin: 0; - position: relative; - padding: 10px 10px 0 10px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb .directorist-pricing-meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 26px; - margin: 0; - border-radius: 3px; - background: var(--directorist-color-white); - padding: 0 8px; - font-weight: 700; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb .directorist-pricing-meta .directorist-listing-price { - color: var(--directorist-color-danger); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumnail-card-front-img { - border-radius: 10px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author { - position: absolute; - bottom: 0; - top: unset; - -webkit-transform: translateY(50%); - transform: translateY(50%); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - z-index: 1; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-left { - right: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-right { - left: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-center { - right: 50%; - -webkit-transform: translate(50%, 50%); - transform: translate(50%, 50%); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author img { - width: 100%; - border-radius: 50%; - height: auto; - background-color: var(--directorist-color-bg-gray); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 100%; - border-radius: 50%; - width: 42px; - height: 42px; - border: 3px solid var(--directorist-color-border); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-mark-as-favorite__btn { - width: 30px; - height: 30px; - background-color: var(--directorist-color-white); + margin: 3px; +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-popular { + background-color: #f51957; +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-open { + background-color: var(--directorist-color-success); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-close { + background-color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-new { + background-color: var(--directorist-color-new-badge); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-featured { + background-color: #fa8b0c; +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-negotiation { + background-color: var(--directorist-color-info); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-sold { + background-color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single + .directorist_open_status_badge { + display: flex; +} +.directorist-content-active + .directorist-listing-single + .directorist-mark-as-favorite__btn + .directorist-favorite-tooltip + span { + top: auto; + bottom: 35px; +} +.directorist-content-active + .directorist-listing-single + .directorist-mark-as-favorite__btn + .directorist-favorite-tooltip + span:before { + top: auto; + bottom: -7px; + transform: rotate(-180deg); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-listing-single__thumb { + margin: 0; + position: relative; + padding: 10px 10px 0 10px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-listing-single__thumb + .directorist-pricing-meta { + display: flex; + align-items: center; + justify-content: center; + height: 26px; + margin: 0; + border-radius: 3px; + background: var(--directorist-color-white); + padding: 0 8px; + font-weight: 700; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-listing-single__thumb + .directorist-pricing-meta + .directorist-listing-price { + color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumnail-card-front-img { + border-radius: 10px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author { + position: absolute; + bottom: 0; + top: unset; + transform: translateY(50%); + display: flex; + z-index: 1; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author.directorist-alignment-left { + right: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author.directorist-alignment-right { + left: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author.directorist-alignment-center { + right: 50%; + transform: translate(50%, 50%); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author + img { + width: 100%; + border-radius: 50%; + height: auto; + background-color: var(--directorist-color-bg-gray); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author + a { + display: inline-flex; + width: 100%; + border-radius: 50%; + width: 42px; + height: 42px; + border: 3px solid var(--directorist-color-border); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-mark-as-favorite__btn { + width: 30px; + height: 30px; + background-color: var(--directorist-color-white); } @media screen and (min-width: 576.99px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .directorist-content-active + .directorist-listing-single.directorist-listing-list { + display: flex; + flex-wrap: wrap; + } } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta i:not(:first-child) { - display: none; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-icon-mask:after { - width: 10px; - height: 10px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-rating-avg { - margin-right: 0; - font-size: 12px; - font-weight: normal; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-total-review { - font-size: 12px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-price { - font-size: 12px; - font-weight: 600; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__meta { - font-size: 12px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-icon-mask:after { - width: 14px; - height: 14px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__excerpt { - font-size: 12px; - line-height: 1.6; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list > li, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list > div { - font-size: 12px; - line-height: 1.2; - gap: 8px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-view-count, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category a, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category__extran-count { - font-size: 12px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category__popup { - margin-right: 5px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-listing-author a, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category > a .directorist-icon-mask { - width: 30px; - height: 30px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list .directorist-icon-mask { - top: 0; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list .directorist-icon-mask:after { - width: 12px; - height: 14px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb { - margin: 0; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + i:not(:first-child) { + display: none; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + .directorist-icon-mask:after { + width: 10px; + height: 10px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + .directorist-rating-avg { + margin-right: 0; + font-size: 12px; + font-weight: normal; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + .directorist-total-review { + font-size: 12px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-price { + font-size: 12px; + font-weight: 600; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__meta { + font-size: 12px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-icon-mask:after { + width: 14px; + height: 14px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__excerpt { + font-size: 12px; + line-height: 1.6; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + > li, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + > div { + font-size: 12px; + line-height: 1.2; + gap: 8px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-view-count, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category + a, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category__extran-count { + font-size: 12px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category__popup { + margin-right: 5px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-listing-author + a, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category + > a + .directorist-icon-mask { + width: 30px; + height: 30px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + .directorist-icon-mask { + top: 0; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + .directorist-icon-mask:after { + width: 12px; + height: 14px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb { + margin: 0; } @media only screen and (min-width: 576.99px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - max-width: 320px; - min-height: 240px; - padding: 10px 10px 10px 0; - } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb { + flex: 1; + max-width: 320px; + min-height: 240px; + padding: 10px 10px 10px 0; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb { - padding: 10px 10px 0 10px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-badge { - width: 20px; - height: 20px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-favorite-icon:before, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-badge .directorist-icon-mask:after { - width: 10px; - height: 10px; - } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb { + padding: 10px 10px 0 10px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-badge { + width: 20px; + height: 20px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-favorite-icon:before, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-badge + .directorist-icon-mask:after { + width: 10px; + height: 10px; + } } @media only screen and (min-width: 576.99px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-thumnail-card { - height: 100% !important; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-img { - border-radius: 10px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-flex: 2; - -webkit-flex: 2; - -ms-flex: 2; - flex: 2; - padding: 10px 0 10px; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-thumnail-card { + height: 100% !important; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-front-img { + border-radius: 10px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__content { + display: flex; + flex-direction: column; + justify-content: space-between; + flex: 2; + padding: 10px 0 10px; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content { - padding: 0; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content .directorist-listing-single__meta { - display: none; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__mobile-view-meta { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__content { + padding: 0; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__content + .directorist-listing-single__meta { + display: none; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__mobile-view-meta { + flex: 0 0 100%; } @media screen and (min-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__mobile-view-meta { - display: none; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 18px 20px 15px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info:empty { - display: none; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list { - margin: 10px 0 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__excerpt { - margin: 10px 0 0; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__mobile-view-meta { + display: none; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 18px 20px 15px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info:empty { + display: none; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list { + margin: 10px 0 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__excerpt { + margin: 10px 0 0; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info { - padding-top: 10px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-listing-title { - margin: 0; - font-size: 14px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-badge { - margin: 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-badge:after { - display: none; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info { + padding-top: 10px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info + .directorist-listing-title { + margin: 0; + font-size: 14px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__action { + display: flex; + gap: 20px; + align-items: center; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-badge { + margin: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-badge:after { + display: none; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right { - left: unset; - right: -30px; - top: 20px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-favorite-icon { - width: 20px; - height: 20px; - border-radius: 100%; - background-color: var(--directorist-color-white); - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-favorite-icon:before { - width: 10px; - height: 10px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-left { - right: 20px; - top: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-right { - top: 20px; - left: 10px; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right { + left: unset; + right: -30px; + top: 20px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-favorite-icon { + width: 20px; + height: 20px; + border-radius: 100%; + background-color: var(--directorist-color-white); + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-favorite-icon:before { + width: 10px; + height: 10px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-top-left { + right: 20px; + top: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-top-right { + top: 20px; + left: 10px; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-right { - left: unset; - right: 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-bottom-left { - right: 20px; - bottom: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-bottom-right { - left: 10px; - bottom: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-badge { - margin: 0; - padding: 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-badge:after { - display: none; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-top-right { + left: unset; + right: 20px; + flex-direction: column; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-bottom-left { + right: 20px; + bottom: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-bottom-right { + left: 10px; + bottom: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info + .directorist-badge { + margin: 0; + padding: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info + .directorist-badge:after { + display: none; } @media only screen and (min-width: 576.99px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__meta { - padding: 14px 20px 7px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 26px; - height: 26px; - margin: 0; - padding: 0; - border-radius: 100%; - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge .directorist-icon-mask:after, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge .directorist-icon-mask:after { - width: 12px; - height: 12px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-close, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-close { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: 21px; - line-height: 21px; - width: auto; - padding: 0 5px; - border-radius: 4px; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__meta { + padding: 14px 20px 7px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge { + display: flex; + align-items: center; + justify-content: center; + width: 26px; + height: 26px; + margin: 0; + padding: 0; + border-radius: 100%; + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge + .directorist-icon-mask:after { + width: 12px; + height: 12px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text, +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-open, +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-close, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-open, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-close { + display: inline-flex; + height: 21px; + line-height: 21px; + width: auto; + padding: 0 5px; + border-radius: 4px; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-close, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-close { - height: 18px; - line-height: 18px; - font-size: 8px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-popular, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-popular { - background-color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-new, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-new { - background-color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-featured, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-featured { - background-color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-featured, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-featured { - background-color: var(--directorist-color-featured-badge); - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-popular, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-popular { - background-color: var(--directorist-color-popular-badge); - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-new, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-new { - background-color: var(--directorist-color-new-badge); - color: var(--directorist-color-white); + .directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text, + .directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-open, + .directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-close, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-open, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-close { + height: 18px; + line-height: 18px; + font-size: 8px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-popular, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-popular { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-new, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-new { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-featured, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-featured { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-featured, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-featured { + background-color: var(--directorist-color-featured-badge); + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-popular, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-popular { + background-color: var(--directorist-color-popular-badge); + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-new, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-new { + background-color: var(--directorist-color-new-badge); + color: var(--directorist-color-white); } .directorist-content-active .directorist-listing-single.directorist-featured { - border: 1px solid var(--directorist-color-featured-badge); -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist_open_status_badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info { - z-index: 1; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header figure { - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__left:empty, -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__right:empty { - display: none; + border: 1px solid var(--directorist-color-featured-badge); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist_open_status_badge { + display: flex; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info { + z-index: 1; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header { + align-items: center; + justify-content: space-between; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + figure { + margin: 0; + flex: none; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-single__header__left:empty, +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-single__header__right:empty { + display: none; } @media screen and (max-width: 991px) { - .directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__title { - -webkit-box-ordinal-group: 3; - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-mark-as-favorite__btn { - background: transparent; - width: auto; - height: auto; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-list .directorist-listing-single__content { - padding: 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header .directorist-listing-single__header__left { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding-left: 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header .directorist-listing-single__header__right { - margin-top: 15px; + .directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__title { + order: 2; + flex: 0 0 100%; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-mark-as-favorite__btn { + background: transparent; + width: auto; + height: auto; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-list + .directorist-listing-single__content { + padding: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix + .directorist-listing-single__header { + flex-wrap: wrap; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix + .directorist-listing-single__header + .directorist-listing-single__header__left { + flex: 0 0 100%; + flex-wrap: wrap; + padding-left: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix + .directorist-listing-single__header + .directorist-listing-single__header__right { + margin-top: 15px; } .directorist-rating-meta { - padding: 0; + padding: 0; } .directorist-rating-meta i.directorist-icon-mask:after { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-rating-meta i.directorist-icon-mask.star-empty:after { - background-color: #d1d1d1; + background-color: #d1d1d1; } .directorist-rating-meta .directorist-rating-avg { - font-size: 14px; - color: var(--directorist-color-body); - margin: 0 6px 0 3px; + font-size: 14px; + color: var(--directorist-color-body); + margin: 0 6px 0 3px; } .directorist-rating-meta .directorist-total-review { - font-weight: 400; - color: var(--directorist-color-light-gray); + font-weight: 400; + color: var(--directorist-color-light-gray); } .directorist-rating-meta.directorist-info-item-rating i, .directorist-rating-meta.directorist-info-item-rating span.la, .directorist-rating-meta.directorist-info-item-rating span.fa { - margin-right: 4px; + margin-right: 4px; } /* mark as favorite btn */ .directorist-mark-as-favorite__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - position: relative; - text-decoration: none; - padding: 0; - font-weight: unset; - line-height: unset; - text-transform: unset; - letter-spacing: unset; - background: transparent; - border: none; - cursor: pointer; -} -.directorist-mark-as-favorite__btn:hover, .directorist-mark-as-favorite__btn:focus { - outline: 0; - text-decoration: none; -} -.directorist-mark-as-favorite__btn:hover .directorist-favorite-icon:before, .directorist-mark-as-favorite__btn:focus .directorist-favorite-icon:before { - background-color: var(--directorist-color-danger); + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + position: relative; + text-decoration: none; + padding: 0; + font-weight: unset; + line-height: unset; + text-transform: unset; + letter-spacing: unset; + background: transparent; + border: none; + cursor: pointer; +} +.directorist-mark-as-favorite__btn:hover, +.directorist-mark-as-favorite__btn:focus { + outline: 0; + text-decoration: none; +} +.directorist-mark-as-favorite__btn:hover .directorist-favorite-icon:before, +.directorist-mark-as-favorite__btn:focus .directorist-favorite-icon:before { + background-color: var(--directorist-color-danger); } .directorist-mark-as-favorite__btn .directorist-favorite-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } .directorist-mark-as-favorite__btn .directorist-favorite-icon:before { - content: ""; - -webkit-mask-image: url(../js/3aebaee5331b23d457d3.svg); - mask-image: url(../js/3aebaee5331b23d457d3.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 15px; - height: 15px; - background-color: var(--directorist-color-danger); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-mark-as-favorite__btn.directorist-added-to-favorite .directorist-favorite-icon:before { - -webkit-mask-image: url(../js/83fcf4b334b68700256a.svg); - mask-image: url(../js/83fcf4b334b68700256a.svg); - background-color: var(--directorist-color-danger); + content: ""; + mask-image: url(../js/../images/6bf407d27842391bbcd90343624e694b.svg); + mask-repeat: no-repeat; + width: 15px; + height: 15px; + background-color: var(--directorist-color-danger); + transition: 0.3s ease; +} +.directorist-mark-as-favorite__btn.directorist-added-to-favorite + .directorist-favorite-icon:before { + mask-image: url(../js/../images/2e589ffc784b0c43089b0222cab8ed4f.svg); + background-color: var(--directorist-color-danger); } .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span { - position: absolute; - min-width: 120px; - left: 0; - top: 35px; - background-color: var(--directorist-color-dark); - color: var(--directorist-color-white); - font-size: 13px; - border-radius: 3px; - text-align: center; - padding: 5px; - z-index: 111; + position: absolute; + min-width: 120px; + left: 0; + top: 35px; + background-color: var(--directorist-color-dark); + color: var(--directorist-color-white); + font-size: 13px; + border-radius: 3px; + text-align: center; + padding: 5px; + z-index: 111; } .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span::before { - content: ""; - position: absolute; - border-bottom: 8px solid var(--directorist-color-dark); - border-left: 6px solid transparent; - border-right: 6px solid transparent; - left: 8px; - top: -7px; + content: ""; + position: absolute; + border-bottom: 8px solid var(--directorist-color-dark); + border-left: 6px solid transparent; + border-right: 6px solid transparent; + left: 8px; + top: -7px; } /* listing card without thumbnail */ -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - position: relative; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 20px 22px 0 22px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left .directorist-listing-single__badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - position: relative; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left .directorist-badge { - background-color: #f4f4f4; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__title { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author { - position: unset; - -webkit-transform: unset; - transform: unset; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author img { - height: 100%; - width: 100%; - max-width: none; - border-radius: 50%; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title { - font-size: 18px; - font-weight: 500; - padding: 0; - text-transform: none; - line-height: 1.2; - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header { + display: flex; + gap: 15px; + flex-wrap: wrap; + position: relative; + align-items: flex-start; + padding: 20px 22px 0 22px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__left { + display: flex; + flex: 1; + gap: 12px; + align-items: center; + flex-wrap: wrap; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__left + .directorist-listing-single__badge { + display: flex; + gap: 12px; + flex-wrap: wrap; + align-items: center; + position: relative; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__left + .directorist-badge { + background-color: #f4f4f4; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__title { + flex: 1; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-thumb-listing-author { + position: unset; + transform: unset; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-thumb-listing-author + a { + display: flex; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-thumb-listing-author + img { + height: 100%; + width: 100%; + max-width: none; + border-radius: 50%; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title { + font-size: 18px; + font-weight: 500; + padding: 0; + text-transform: none; + line-height: 1.2; + margin: 0; + flex: 0 0 100%; } @media screen and (max-width: 575px) { - .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title { - font-size: 16px; - } -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title a { - text-decoration: none; - color: var(--directorist-color-dark); -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title a:hover { - color: var(--directorist-color-primary); -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-tagline { - margin-bottom: 0; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info { - padding: 10px 22px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info:empty { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list { - margin: 16px 0 10px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-icon-mask { - position: relative; - top: 4px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-listing-card-info-label { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-icon { - font-size: 17px; - color: #444752; - margin-left: 8px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li a, -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li span { - text-decoration: none; - color: var(--directorist-color-body); - border-bottom: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.7; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt { - margin: 15px 0 0; - font-size: 14px; - color: var(--directorist-color-body); - line-height: 24px; - text-align: right; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li { - color: var(--directorist-color-body); - margin: 0; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li:not(:last-child) { - margin: 0 0 10px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li > div { - margin-bottom: 2px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li > div .directorist-icon-mask { - position: relative; - top: 4px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li > div .directorist-listing-card-info-label { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li .directorist-icon { - font-size: 17px; - color: #444752; - margin-left: 8px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li a { - text-decoration: none; - color: var(--directorist-color-body); - border-bottom: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.7; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li a:hover { - color: var(--directorist-color-primary); -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt a { - color: var(--directorist-color-primary); - text-decoration: underline; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt a:hover { - color: var(--directorist-color-body); -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content { - border: 0 none; - padding: 10px 22px 25px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__meta__right .directorist-mark-as-favorite__btn { - width: auto; - height: auto; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title { + font-size: 16px; + } +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title + a { + text-decoration: none; + color: var(--directorist-color-dark); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title + a:hover { + color: var(--directorist-color-primary); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-tagline { + margin-bottom: 0; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info { + padding: 10px 22px 0; + display: flex; + flex-wrap: wrap; + align-items: center; + flex-direction: row; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info:empty { + display: none; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list { + margin: 16px 0 10px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + .directorist-icon-mask { + position: relative; + top: 4px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + .directorist-listing-card-info-label { + display: none; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + .directorist-icon { + font-size: 17px; + color: #444752; + margin-left: 8px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + a, +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + span { + text-decoration: none; + color: var(--directorist-color-body); + border-bottom: 0 none; + box-shadow: none; + line-height: 1.7; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt { + margin: 15px 0 0; + font-size: 14px; + color: var(--directorist-color-body); + line-height: 24px; + text-align: right; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li { + color: var(--directorist-color-body); + margin: 0; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li:not(:last-child) { + margin: 0 0 10px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + > div { + margin-bottom: 2px; + font-size: 14px; + display: flex; + gap: 10px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + > div + .directorist-icon-mask { + position: relative; + top: 4px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + > div + .directorist-listing-card-info-label { + display: none; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + .directorist-icon { + font-size: 17px; + color: #444752; + margin-left: 8px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + a { + text-decoration: none; + color: var(--directorist-color-body); + border-bottom: 0 none; + box-shadow: none; + line-height: 1.7; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + a:hover { + color: var(--directorist-color-primary); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + a { + color: var(--directorist-color-primary); + text-decoration: underline; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + a:hover { + color: var(--directorist-color-body); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__content { + border: 0 none; + padding: 10px 22px 25px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__meta__right + .directorist-mark-as-favorite__btn { + width: auto; + height: auto; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__action { + display: flex; + align-items: center; + gap: 6px; } /* listing card without thumbnail list view */ -.directorist-listing-single.directorist-listing-list .directorist-listing-single__header { - width: 100%; - margin-bottom: 13px; +.directorist-listing-single.directorist-listing-list + .directorist-listing-single__header { + width: 100%; + margin-bottom: 13px; } -.directorist-listing-single.directorist-listing-list .directorist-listing-single__header .directorist-listing-single__info { - padding: 0; +.directorist-listing-single.directorist-listing-list + .directorist-listing-single__header + .directorist-listing-single__info { + padding: 0; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge { - padding: 0; - margin: 0; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-info-item.directorist-badge { + padding: 0; + margin: 0; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge:after { - display: none; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-info-item.directorist-badge:after { + display: none; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge.directorist-badge-open, .directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge.directorist-badge-close { - padding: 0 5px; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-info-item.directorist-badge.directorist-badge-open, +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-info-item.directorist-badge.directorist-badge-close { + padding: 0 5px; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-mark-as-favorite__btn { - width: auto; - height: auto; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-mark-as-favorite__btn { + width: auto; + height: auto; } .directorist-listing-category { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } .directorist-listing-category__popup { - position: relative; - margin-right: 10px; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + position: relative; + margin-right: 10px; + cursor: pointer; + display: flex; } .directorist-listing-category__popup__content { - display: block; - position: absolute; - width: 150px; - visibility: hidden; - opacity: 0; - pointer-events: none; - bottom: 25px; - right: -30px; - padding: 10px; - border: none; - border-radius: 10px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - line-break: auto; - word-break: break-all; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 1; + display: block; + position: absolute; + width: 150px; + visibility: hidden; + opacity: 0; + pointer-events: none; + bottom: 25px; + right: -30px; + padding: 10px; + border: none; + border-radius: 10px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + line-break: auto; + word-break: break-all; + transition: 0.3s ease; + z-index: 1; } .directorist-listing-category__popup__content:after { - content: ""; - right: 40px; - bottom: -11px; - border: 6px solid transparent; - border-top-color: var(--directorist-color-white); - display: inline-block; - position: absolute; + content: ""; + right: 40px; + bottom: -11px; + border: 6px solid transparent; + border-top-color: var(--directorist-color-white); + display: inline-block; + position: absolute; } .directorist-listing-category__popup__content a { - color: var(--directorist-color-body); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - line-height: normal; - padding: 10px; - border-radius: 8px; + color: var(--directorist-color-body); + display: flex; + gap: 12px; + align-items: flex-start; + line-height: normal; + padding: 10px; + border-radius: 8px; } .directorist-listing-category__popup__content a:last-child { - margin-bottom: 0; + margin-bottom: 0; } .directorist-listing-category__popup__content a i { - height: unset; - width: unset; - min-width: unset; + height: unset; + width: unset; + min-width: unset; } .directorist-listing-category__popup__content a i::after { - height: 14px; - width: 14px; - background-color: var(--directorist-color-body); + height: 14px; + width: 14px; + background-color: var(--directorist-color-body); } .directorist-listing-category__popup__content a:hover { - color: var(--directorist-color-primary); - background-color: var(--directorist-color-light); + color: var(--directorist-color-primary); + background-color: var(--directorist-color-light); } .directorist-listing-category__popup__content a:hover i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } -.directorist-listing-category__popup:hover .directorist-listing-category__popup__content { - visibility: visible; - opacity: 1; - pointer-events: all; +.directorist-listing-category__popup:hover + .directorist-listing-category__popup__content { + visibility: visible; + opacity: 1; + pointer-events: all; } -.directorist-listing-single__meta__right .directorist-listing-category__popup__content { - right: unset; - left: -30px; +.directorist-listing-single__meta__right + .directorist-listing-category__popup__content { + right: unset; + left: -30px; } -.directorist-listing-single__meta__right .directorist-listing-category__popup__content:after { - right: unset; - left: 40px; +.directorist-listing-single__meta__right + .directorist-listing-category__popup__content:after { + right: unset; + left: 40px; } .directorist-listing-price-range span { - font-weight: 600; - color: rgba(122, 130, 166, 0.3); + font-weight: 600; + color: rgba(122, 130, 166, 0.3); } .directorist-listing-price-range span.directorist-price-active { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } #map.leaflet-container, #gmap.leaflet-container, .directorist-single-map.leaflet-container { - direction: ltr; + direction: ltr; } #map.leaflet-container .leaflet-popup-content-wrapper, #gmap.leaflet-container .leaflet-popup-content-wrapper, .directorist-single-map.leaflet-container .leaflet-popup-content-wrapper { - border-radius: 8px; - padding: 0; + border-radius: 8px; + padding: 0; } #map.leaflet-container .leaflet-popup-content, #gmap.leaflet-container .leaflet-popup-content, .directorist-single-map.leaflet-container .leaflet-popup-content { - margin: 0; - line-height: 1; - width: 350px !important; + margin: 0; + line-height: 1; + width: 350px !important; } @media only screen and (max-width: 480px) { - #map.leaflet-container .leaflet-popup-content, - #gmap.leaflet-container .leaflet-popup-content, - .directorist-single-map.leaflet-container .leaflet-popup-content { - width: 300px !important; - } + #map.leaflet-container .leaflet-popup-content, + #gmap.leaflet-container .leaflet-popup-content, + .directorist-single-map.leaflet-container .leaflet-popup-content { + width: 300px !important; + } } @media only screen and (max-width: 375px) { - #map.leaflet-container .leaflet-popup-content, - #gmap.leaflet-container .leaflet-popup-content, - .directorist-single-map.leaflet-container .leaflet-popup-content { - width: 250px !important; - } + #map.leaflet-container .leaflet-popup-content, + #gmap.leaflet-container .leaflet-popup-content, + .directorist-single-map.leaflet-container .leaflet-popup-content { + width: 250px !important; + } } #map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, #gmap.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, -.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img { - width: 100%; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .atbdp-map.atbdp-body + img { + width: 100%; } #map.leaflet-container .leaflet-popup-content .media-body, #gmap.leaflet-container .leaflet-popup-content .media-body, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body { - padding: 10px 15px; + padding: 10px 15px; } #map.leaflet-container .leaflet-popup-content .media-body a, #gmap.leaflet-container .leaflet-popup-content .media-body a, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body a { - text-decoration: none; + text-decoration: none; } #map.leaflet-container .leaflet-popup-content .media-body h3 a, #gmap.leaflet-container .leaflet-popup-content .media-body h3 a, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body h3 a { - font-weight: 500; - line-height: 1.2; - color: #272b41; - letter-spacing: normal; - font-size: 18px; - text-decoration: none; -} -#map.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin, -#gmap.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin, -.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin { - font-size: 14px; - margin: 0 0 10px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + h3 + a { + font-weight: 500; + line-height: 1.2; + color: #272b41; + letter-spacing: normal; + font-size: 18px; + text-decoration: none; +} +#map.leaflet-container + .leaflet-popup-content + .atbdp-listings-title-block + h3.atbdp-no-margin, +#gmap.leaflet-container + .leaflet-popup-content + .atbdp-listings-title-block + h3.atbdp-no-margin, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .atbdp-listings-title-block + h3.atbdp-no-margin { + font-size: 14px; + margin: 0 0 10px; } #map.leaflet-container .leaflet-popup-content .osm-iw-location, #gmap.leaflet-container .leaflet-popup-content .osm-iw-location, -.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-location { - margin-bottom: 6px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container .leaflet-popup-content .osm-iw-location .directorist-icon-mask, -#gmap.leaflet-container .leaflet-popup-content .osm-iw-location .directorist-icon-mask, -.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-location .directorist-icon-mask { - display: inline-block; - margin-left: 4px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-location { + margin-bottom: 6px; + display: flex; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .osm-iw-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .osm-iw-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-location + .directorist-icon-mask { + display: inline-block; + margin-left: 4px; } #map.leaflet-container .leaflet-popup-content .osm-iw-get-location, #gmap.leaflet-container .leaflet-popup-content .osm-iw-get-location, -.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-get-location { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container .leaflet-popup-content .osm-iw-get-location .directorist-icon-mask, -#gmap.leaflet-container .leaflet-popup-content .osm-iw-get-location .directorist-icon-mask, -.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-get-location .directorist-icon-mask { - display: inline-block; - margin-right: 5px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-get-location { + display: flex; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .osm-iw-get-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .osm-iw-get-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-get-location + .directorist-icon-mask { + display: inline-block; + margin-right: 5px; } #map.leaflet-container .leaflet-popup-content .atbdp-map, #gmap.leaflet-container .leaflet-popup-content .atbdp-map, .directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map { - margin: 0; - line-height: 1; - width: 350px !important; + margin: 0; + line-height: 1; + width: 350px !important; } #map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, #gmap.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, -.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img { - width: 100%; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .atbdp-map.atbdp-body + img { + width: 100%; } #map.leaflet-container .leaflet-popup-content .media-body, #gmap.leaflet-container .leaflet-popup-content .media-body, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body { - padding: 10px 15px; + padding: 10px 15px; } #map.leaflet-container .leaflet-popup-content .media-body a, #gmap.leaflet-container .leaflet-popup-content .media-body a, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body a { - text-decoration: none; + text-decoration: none; } #map.leaflet-container .leaflet-popup-content .media-body h3 a, #gmap.leaflet-container .leaflet-popup-content .media-body h3 a, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body h3 a { - font-weight: 500; - line-height: 1.2; - color: #272b41; - letter-spacing: normal; - font-size: 18px; - text-decoration: none; -} -#map.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin, -#gmap.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin { - font-size: 14px; - margin: 0 0 10px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + h3 + a { + font-weight: 500; + line-height: 1.2; + color: #272b41; + letter-spacing: normal; + font-size: 18px; + text-decoration: none; +} +#map.leaflet-container + .leaflet-popup-content + .media-body + .atbdp-listings-title-block + h3.atbdp-no-margin, +#gmap.leaflet-container + .leaflet-popup-content + .media-body + .atbdp-listings-title-block + h3.atbdp-no-margin, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .atbdp-listings-title-block + h3.atbdp-no-margin { + font-size: 14px; + margin: 0 0 10px; } #map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location, #gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-location, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location { - margin-bottom: 6px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location .directorist-icon-mask, -#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-location .directorist-icon-mask, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location .directorist-icon-mask { - display: inline-block; - margin-left: 4px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location { + margin-bottom: 6px; + display: flex; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location + .directorist-icon-mask { + display: inline-block; + margin-left: 4px; } #map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location, #gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location .directorist-icon-mask, -#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location .directorist-icon-mask, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location .directorist-icon-mask { - display: inline-block; - margin-right: 5px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location { + display: flex; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location + .directorist-icon-mask { + display: inline-block; + margin-right: 5px; } #map.leaflet-container .leaflet-popup-content .atbdp-map, #gmap.leaflet-container .leaflet-popup-content .atbdp-map, .directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map { - margin: 0; + margin: 0; } #map.leaflet-container .leaflet-popup-content .map-info-wrapper img, #gmap.leaflet-container .leaflet-popup-content .map-info-wrapper img, -.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper img { - width: 100%; -} -#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details, -#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details, -.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details { - padding: 15px; -} -#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3, -#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3, -.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3 { - font-size: 16px; - margin-bottom: 0; - margin-top: 0; -} -#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn, -#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn, -.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn { - display: none; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + img { + width: 100%; +} +#map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details, +#gmap.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details { + padding: 15px; +} +#map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + h3, +#gmap.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + h3, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + h3 { + font-size: 16px; + margin-bottom: 0; + margin-top: 0; +} +#map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + .miw-contents-footer + .iw-close-btn, +#gmap.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + .miw-contents-footer + .iw-close-btn, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + .miw-contents-footer + .iw-close-btn { + display: none; } #map.leaflet-container .leaflet-popup-close-button, #gmap.leaflet-container .leaflet-popup-close-button, .directorist-single-map.leaflet-container .leaflet-popup-close-button { - position: absolute; - width: 25px; - height: 25px; - background: rgba(68, 71, 82, 0.5); - border-radius: 50%; - color: var(--directorist-color-white); - left: 10px; - right: auto; - top: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 13px; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - line-height: inherit; - padding: 0; - display: none; + position: absolute; + width: 25px; + height: 25px; + background: rgba(68, 71, 82, 0.5); + border-radius: 50%; + color: var(--directorist-color-white); + left: 10px; + right: auto; + top: 10px; + display: flex; + align-items: center; + justify-content: center; + font-size: 13px; + cursor: pointer; + transition: 0.3s ease; + line-height: inherit; + padding: 0; + display: none; } #map.leaflet-container .leaflet-popup-close-button:hover, #gmap.leaflet-container .leaflet-popup-close-button:hover, .directorist-single-map.leaflet-container .leaflet-popup-close-button:hover { - background-color: #444752; + background-color: #444752; } #map.leaflet-container .leaflet-popup-tip-container, #gmap.leaflet-container .leaflet-popup-tip-container, .directorist-single-map.leaflet-container .leaflet-popup-tip-container { - display: none; + display: none; } .directorist-single-map .gm-style-iw-c, .directorist-single-map .gm-style-iw-d { - max-height: unset !important; + max-height: unset !important; } .directorist-single-map .gm-style-iw-tc, .directorist-single-map .gm-style-iw-chr { - display: none; + display: none; } .map-listing-card-single { - position: relative; - padding: 10px; - border-radius: 8px; - -webkit-box-shadow: 0px 5px 20px rgba(var(--directorist-color-dark-rgb), 0.33); - box-shadow: 0px 5px 20px rgba(var(--directorist-color-dark-rgb), 0.33); - background-color: var(--directorist-color-white); + position: relative; + padding: 10px; + border-radius: 8px; + box-shadow: 0px 5px 20px rgba(var(--directorist-color-dark-rgb), 0.33); + background-color: var(--directorist-color-white); } .map-listing-card-single figure { - margin: 0; + margin: 0; } .map-listing-card-single .directorist-mark-as-favorite__btn { - position: absolute; - top: 20px; - left: 20px; - width: 30px; - height: 30px; - border-radius: 100%; - background-color: var(--directorist-color-white); -} -.map-listing-card-single .directorist-mark-as-favorite__btn .directorist-favorite-icon::before { - width: 16px; - height: 16px; + position: absolute; + top: 20px; + left: 20px; + width: 30px; + height: 30px; + border-radius: 100%; + background-color: var(--directorist-color-white); +} +.map-listing-card-single + .directorist-mark-as-favorite__btn + .directorist-favorite-icon::before { + width: 16px; + height: 16px; } .map-listing-card-single__img .atbd_tooltip { - margin-right: 10px; - margin-bottom: 10px; + margin-right: 10px; + margin-bottom: 10px; } .map-listing-card-single__img .atbd_tooltip img { - width: auto; + width: auto; } .map-listing-card-single__img a { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + width: 100%; + display: inline-flex; } .map-listing-card-single__img figure { - width: 100%; - margin: 0; + width: 100%; + margin: 0; } .map-listing-card-single__img img { - width: 100%; - max-width: 100%; - max-height: 200px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 8px; + width: 100%; + max-width: 100%; + max-height: 200px; + object-fit: cover; + border-radius: 8px; } .map-listing-card-single__author + .map-listing-card-single__content { - padding-top: 0; + padding-top: 0; } .map-listing-card-single__author a { - width: 42px; - height: 42px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - border-radius: 100%; - margin-top: -24px; - margin-right: 7px; - margin-bottom: 5px; - border: 3px solid var(--directorist-color-white); + width: 42px; + height: 42px; + display: inline-flex; + border-radius: 100%; + margin-top: -24px; + margin-right: 7px; + margin-bottom: 5px; + border: 3px solid var(--directorist-color-white); } .map-listing-card-single__author img { - width: 100%; - height: 100%; - border-radius: 100%; + width: 100%; + height: 100%; + border-radius: 100%; } .map-listing-card-single__content { - padding: 15px 10px 10px; + padding: 15px 10px 10px; } .map-listing-card-single__content__title { - font-size: 16px; - font-weight: 500; - margin: 0 0 10px !important; - color: var(--directorist-color-dark); + font-size: 16px; + font-weight: 500; + margin: 0 0 10px !important; + color: var(--directorist-color-dark); } .map-listing-card-single__content__title a { - text-decoration: unset; - color: var(--directorist-color-dark); + text-decoration: unset; + color: var(--directorist-color-dark); } .map-listing-card-single__content__title a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .map-listing-card-single__content__meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 0 20px; - gap: 10px 0; + display: flex; + flex-wrap: wrap; + align-items: center; + margin: 0 0 20px; + gap: 10px 0; } .map-listing-card-single__content__meta .directorist-rating-meta { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-body); - padding: 0; + display: inline-flex; + align-items: center; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-body); + padding: 0; } .map-listing-card-single__content__meta .directorist-icon-mask { - margin-left: 4px; + margin-left: 4px; } .map-listing-card-single__content__meta .directorist-icon-mask:after { - width: 15px; - height: 15px; - background-color: var(--directorist-color-warning); + width: 15px; + height: 15px; + background-color: var(--directorist-color-warning); } -.map-listing-card-single__content__meta .directorist-icon-mask.star-empty:after { - background-color: #d1d1d1; +.map-listing-card-single__content__meta + .directorist-icon-mask.star-empty:after { + background-color: #d1d1d1; } .map-listing-card-single__content__meta .directorist-rating-avg { - font-size: 14px; - color: var(--directorist-color-body); - margin: 0 6px 0 3px; + font-size: 14px; + color: var(--directorist-color-body); + margin: 0 6px 0 3px; } .map-listing-card-single__content__meta .directorist-listing-price { - font-size: 14px; - color: var(--directorist-color-body); + font-size: 14px; + color: var(--directorist-color-body); } .map-listing-card-single__content__meta .directorist-info-item { - position: relative; -} -.map-listing-card-single__content__meta .directorist-info-item:not(:last-child) { - padding-left: 8px; - margin-left: 8px; -} -.map-listing-card-single__content__meta .directorist-info-item:not(:last-child):before { - content: ""; - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - width: 3px; - height: 3px; - border-radius: 100%; - background-color: var(--directorist-color-gray-hover); + position: relative; +} +.map-listing-card-single__content__meta + .directorist-info-item:not(:last-child) { + padding-left: 8px; + margin-left: 8px; +} +.map-listing-card-single__content__meta + .directorist-info-item:not(:last-child):before { + content: ""; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + width: 3px; + height: 3px; + border-radius: 100%; + background-color: var(--directorist-color-gray-hover); } .map-listing-card-single__content__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + gap: 10px; + flex-direction: column; } .map-listing-card-single__content__info .directorist-info-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; + display: flex; + gap: 10px; } .map-listing-card-single__content__info a { - font-size: 14px; - font-weight: 400; - line-height: 1.3; - text-decoration: unset; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + line-height: 1.3; + text-decoration: unset; + color: var(--directorist-color-body); } .map-listing-card-single__content__info a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .map-listing-card-single__content__info .directorist-icon-mask:after { - width: 15px; - height: 15px; - margin-top: 2px; - background-color: var(--directorist-color-gray-hover); + width: 15px; + height: 15px; + margin-top: 2px; + background-color: var(--directorist-color-gray-hover); } .map-listing-card-single__content__location { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + align-items: center; } .map-listing-card-single__content__location a:not(:first-child) { - margin-right: 5px; + margin-right: 5px; } -.leaflet-popup-content-wrapper .leaflet-popup-content .map-info-wrapper .map-info-details .iw-close-btn { - display: none; +.leaflet-popup-content-wrapper + .leaflet-popup-content + .map-info-wrapper + .map-info-details + .iw-close-btn { + display: none; } .myDivIcon { - text-align: center !important; - line-height: 20px !important; - position: relative; + text-align: center !important; + line-height: 20px !important; + position: relative; } .atbd_map_shape { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - cursor: pointer; - border-radius: 100%; - background-color: var(--directorist-color-marker-shape); + position: relative; + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + cursor: pointer; + border-radius: 100%; + background-color: var(--directorist-color-marker-shape); } .atbd_map_shape:before { - content: ""; - position: absolute; - right: -20px; - top: -20px; - width: 0; - height: 0; - opacity: 0; - visibility: hidden; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; - border: 40px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); - -webkit-animation: atbd_scale 3s linear alternate infinite; - animation: atbd_scale 3s linear alternate infinite; + content: ""; + position: absolute; + right: -20px; + top: -20px; + width: 0; + height: 0; + opacity: 0; + visibility: hidden; + border-radius: 50%; + transition: all 0.3s ease-in-out; + border: none; + border: 40px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); + animation: atbd_scale 3s linear alternate infinite; } .atbd_map_shape .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-marker-icon); - -webkit-mask-image: url(../js/80f124fcb604319ca80e.svg); - mask-image: url(../js/80f124fcb604319ca80e.svg); + width: 16px; + height: 16px; + background-color: var(--directorist-color-marker-icon); + mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); } .atbd_map_shape:hover:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .marker-cluster-shape { - width: 35px; - height: 35px; - background-color: var(--directorist-color-marker-shape); - border-radius: 50%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-marker-icon); - font-size: 15px; - font-weight: 700; - position: relative; - cursor: pointer; + width: 35px; + height: 35px; + background-color: var(--directorist-color-marker-shape); + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + color: var(--directorist-color-marker-icon); + font-size: 15px; + font-weight: 700; + position: relative; + cursor: pointer; } .marker-cluster-shape:before { - position: absolute; - content: ""; - width: 47px; - height: 47px; - right: -6px; - top: -6px; - background: rgba(var(--directorist-color-marker-shape-rgb), 0.15); - border-radius: 50%; + position: absolute; + content: ""; + width: 47px; + height: 47px; + right: -6px; + top: -6px; + background: rgba(var(--directorist-color-marker-shape-rgb), 0.15); + border-radius: 50%; } /*style the box*/ .atbdp-map .gm-style .gm-style-iw, .atbd_google_map .gm-style .gm-style-iw, .directorist-details-info-wrap .gm-style .gm-style-iw { - width: 350px; - padding: 0; - border-radius: 8px; - -webkit-box-shadow: unset; - box-shadow: unset; - max-height: none !important; + width: 350px; + padding: 0; + border-radius: 8px; + box-shadow: unset; + max-height: none !important; } @media only screen and (max-width: 375px) { - .atbdp-map .gm-style .gm-style-iw, - .atbd_google_map .gm-style .gm-style-iw, - .directorist-details-info-wrap .gm-style .gm-style-iw { - width: 275px; - max-width: unset !important; - } + .atbdp-map .gm-style .gm-style-iw, + .atbd_google_map .gm-style .gm-style-iw, + .directorist-details-info-wrap .gm-style .gm-style-iw { + width: 275px; + max-width: unset !important; + } } .atbdp-map .gm-style .gm-style-iw .gm-style-iw-d, .atbd_google_map .gm-style .gm-style-iw .gm-style-iw-d, .directorist-details-info-wrap .gm-style .gm-style-iw .gm-style-iw-d { - overflow: hidden !important; - max-height: 100% !important; + overflow: hidden !important; + max-height: 100% !important; } .atbdp-map .gm-style .gm-style-iw button.gm-ui-hover-effect, .atbd_google_map .gm-style .gm-style-iw button.gm-ui-hover-effect, -.directorist-details-info-wrap .gm-style .gm-style-iw button.gm-ui-hover-effect { - display: none !important; +.directorist-details-info-wrap + .gm-style + .gm-style-iw + button.gm-ui-hover-effect { + display: none !important; } .atbdp-map .gm-style .gm-style-iw .map-info-wrapper--show, .atbd_google_map .gm-style .gm-style-iw .map-info-wrapper--show, .directorist-details-info-wrap .gm-style .gm-style-iw .map-info-wrapper--show { - display: block !important; + display: block !important; } -.gm-style div[aria-label=Map] div[role=button] { - display: none; +.gm-style div[aria-label="Map"] div[role="button"] { + display: none; } .directorist-report-abuse-modal .directorist-modal__header { - padding: 20px 0 15px; -} -.directorist-report-abuse-modal .directorist-modal__header .directorist-modal-title { - font-size: 1.75rem; - margin: 0; - margin-bottom: 0.5rem; - font-weight: 500; - line-height: 1.2; - color: var(--directorist-color-dark); - letter-spacing: normal; -} -.directorist-report-abuse-modal .directorist-modal__header .directorist-modal-close { - width: 32px; - height: 32px; - left: -40px !important; - top: -30px !important; - right: auto; - position: absolute; - -webkit-transform: none; - transform: none; - background-color: #444752; - color: var(--directorist-color-white); - border-radius: 300px; - opacity: 1; - font-weight: 300; - z-index: 2; - font-size: 16px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - border: none; - cursor: pointer; + padding: 20px 0 15px; +} +.directorist-report-abuse-modal + .directorist-modal__header + .directorist-modal-title { + font-size: 1.75rem; + margin: 0; + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; + color: var(--directorist-color-dark); + letter-spacing: normal; +} +.directorist-report-abuse-modal + .directorist-modal__header + .directorist-modal-close { + width: 32px; + height: 32px; + left: -40px !important; + top: -30px !important; + right: auto; + position: absolute; + transform: none; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 300px; + opacity: 1; + font-weight: 300; + z-index: 2; + font-size: 16px; + padding: 0; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; + border: none; + cursor: pointer; } .directorist-report-abuse-modal .directorist-modal__body { - padding: 20px 0; - border: none; + padding: 20px 0; + border: none; } .directorist-report-abuse-modal .directorist-modal__body label { - font-size: 18px; - margin-bottom: 12px; - text-align: right; - display: block; + font-size: 18px; + margin-bottom: 12px; + text-align: right; + display: block; } .directorist-report-abuse-modal .directorist-modal__body textarea { - min-height: 90px; - resize: none; - padding: 10px 16px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); + min-height: 90px; + resize: none; + padding: 10px 16px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); } .directorist-report-abuse-modal .directorist-modal__body textarea:focus { - border: 1px solid var(--directorist-color-primary); + border: 1px solid var(--directorist-color-primary); } .directorist-report-abuse-modal #directorist-report-abuse-message-display { - color: var(--directorist-color-body); - margin-top: 15px; + color: var(--directorist-color-body); + margin-top: 15px; } -.directorist-report-abuse-modal #directorist-report-abuse-message-display:empty { - margin: 0; +.directorist-report-abuse-modal + #directorist-report-abuse-message-display:empty { + margin: 0; } .directorist-report-abuse-modal .directorist-modal__footer { - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - border: none; + padding: 0; + display: flex; + justify-content: flex-end; + border: none; } .directorist-report-abuse-modal .directorist-modal__footer .directorist-btn { - text-transform: capitalize; - padding: 0 15px; -} -.directorist-report-abuse-modal .directorist-modal__footer .directorist-btn.directorist-btn-loading:after { - content: ""; - border: 2px solid #f3f3f3; - border-radius: 50%; - border-top: 2px solid #656a7a; - width: 20px; - height: 20px; - -webkit-animation: rotate360 2s linear infinite; - animation: rotate360 2s linear infinite; - display: inline-block; - margin: 0 10px 0 0; - position: relative; - top: 4px; + text-transform: capitalize; + padding: 0 15px; +} +.directorist-report-abuse-modal + .directorist-modal__footer + .directorist-btn.directorist-btn-loading:after { + content: ""; + border: 2px solid #f3f3f3; + border-radius: 50%; + border-top: 2px solid #656a7a; + width: 20px; + height: 20px; + animation: rotate360 2s linear infinite; + display: inline-block; + margin: 0 10px 0 0; + position: relative; + top: 4px; } .directorist-report-abuse-modal .directorist-modal__content { - padding: 20px 30px 20px; + padding: 20px 30px 20px; } .directorist-report-abuse-modal #directorist-report-abuse-form { - text-align: right; + text-align: right; } .directorist-rated-stars ul, .atbd_rated_stars ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist-rated-stars li, .atbd_rated_stars li { - display: inline-block; - padding: 0; - margin: 0; + display: inline-block; + padding: 0; + margin: 0; } .directorist-rated-stars span, .atbd_rated_stars span { - color: #d4d3f3; - display: block; - width: 14px; - height: 14px; - position: relative; + color: #d4d3f3; + display: block; + width: 14px; + height: 14px; + position: relative; } .directorist-rated-stars span:before, .atbd_rated_stars span:before { - content: ""; - -webkit-mask-image: url(../js/944a378f42cb4f464a3a.svg); - mask-image: url(../js/944a378f42cb4f464a3a.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 15px; - height: 15px; - background-color: #d4d3f3; - position: absolute; - right: 0; - top: 0; + content: ""; + mask-image: url(../js/../images/9a1043337f37b65647d77feb64df21dd.svg); + mask-repeat: no-repeat; + width: 15px; + height: 15px; + background-color: #d4d3f3; + position: absolute; + right: 0; + top: 0; } .directorist-rated-stars span.directorist-rate-active:before, .atbd_rated_stars span.directorist-rate-active:before { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } -.directorist-single .directorist-single-listing-top button:not(:hover):not(:active):not(.has-background).directorist-btn.directorist-btn-light { - background-color: var(--directorist-color-light); - color: var(--directorist-color-dark); +.directorist-single + .directorist-single-listing-top + button:not(:hover):not(:active):not( + .has-background + ).directorist-btn.directorist-btn-light { + background-color: var(--directorist-color-light); + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-single .directorist-single-listing-top button:not(:hover):not(:active):not(.has-background).directorist-btn.directorist-btn-light { - background-color: transparent; - } + .directorist-single + .directorist-single-listing-top + button:not(:hover):not(:active):not( + .has-background + ).directorist-btn.directorist-btn-light { + background-color: transparent; + } } .directorist-listing-details .directorist-listing-single { - border: 0 none; + border: 0 none; } .directorist-single-listing-notice { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-single-tag-list li { - margin: 0 0 10px; + margin: 0 0 10px; } .directorist-single-tag-list a { - text-decoration: none; - color: var(--directorist-color-body); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; + text-decoration: none; + color: var(--directorist-color-body); + transition: 0.3s ease; + display: flex; + gap: 10px; + /* Legacy Icon */ } .directorist-single-tag-list a .directorist-icon-mask { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 35px; - height: 35px; - min-width: 35px; - border-radius: 50%; - background-color: var(--directorist-color-bg-light); - position: relative; - top: -5px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + display: inline-flex; + align-items: center; + justify-content: center; + width: 35px; + height: 35px; + min-width: 35px; + border-radius: 50%; + background-color: var(--directorist-color-bg-light); + position: relative; + top: -5px; + transition: 0.3s ease; } .directorist-single-tag-list a .directorist-icon-mask:after { - font-size: 15px; -} -.directorist-single-tag-list a { - /* Legacy Icon */ + font-size: 15px; } .directorist-single-tag-list a > span:not(.directorist-icon-mask) { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 35px; - height: 35px; - border-radius: 50%; - background-color: var(--directorist-color-bg-light); - margin-left: 10px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - font-size: 15px; + display: inline-flex; + align-items: center; + justify-content: center; + width: 35px; + height: 35px; + border-radius: 50%; + background-color: var(--directorist-color-bg-light); + margin-left: 10px; + transition: 0.3s ease; + font-size: 15px; } .directorist-single-tag-list a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-single-tag-list a:hover span { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-single-dummy-shortcode { - width: 100%; - background-color: #556166; - color: var(--directorist-color-white); - margin: 10px 0; - text-align: center; - padding: 40px 10px; - font-weight: 700; - font-size: 16px; - line-height: 1.2; + width: 100%; + background-color: #556166; + color: var(--directorist-color-white); + margin: 10px 0; + text-align: center; + padding: 40px 10px; + font-weight: 700; + font-size: 16px; + line-height: 1.2; } .directorist-sidebar .directorist-search-contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-sidebar .directorist-search-form .directorist-search-form-action { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } -.directorist-sidebar .directorist-search-form .directorist-search-form-action .directorist-modal-btn--advanced { - padding-right: 0; +.directorist-sidebar + .directorist-search-form + .directorist-search-form-action + .directorist-modal-btn--advanced { + padding-right: 0; } .directorist-sidebar .directorist-add-listing-types { - padding: 25px; + padding: 25px; } .directorist-sidebar .directorist-add-listing-types__single { - margin: 0; + margin: 0; } -.directorist-sidebar .directorist-add-listing-types .directorist-container-fluid { - padding: 0; +.directorist-sidebar + .directorist-add-listing-types + .directorist-container-fluid { + padding: 0; } .directorist-sidebar .directorist-add-listing-types .directorist-row { - gap: 15px; - margin: 0; -} -.directorist-sidebar .directorist-add-listing-types .directorist-col-lg-3.directorist-col-md-4.directorist-col-sm-6 { - width: 100%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; - padding: 0; - margin: 0; -} -.directorist-sidebar .directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open:not(.directorist-taxonomy-list__card--icon) + .directorist-taxonomy-list__sub-item { - padding: 0; -} -.directorist-sidebar .directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list > .directorist-taxonomy-list__toggle--open ~ .directorist-taxonomy-list__sub-item { - margin-top: 10px; - padding: 10px 20px; -} -.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item { - padding: 0; - margin-top: 0; -} -.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - background-color: var(--directorist-color-light); - border-radius: 12px; -} -.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item li { - margin-top: 0; + gap: 15px; + margin: 0; +} +.directorist-sidebar + .directorist-add-listing-types + .directorist-col-lg-3.directorist-col-md-4.directorist-col-sm-6 { + width: 100%; + flex: 0 0 45%; + padding: 0; + margin: 0; +} +.directorist-sidebar + .directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open:not( + .directorist-taxonomy-list__card--icon + ) + + .directorist-taxonomy-list__sub-item { + padding: 0; +} +.directorist-sidebar + .directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list + > .directorist-taxonomy-list__toggle--open + ~ .directorist-taxonomy-list__sub-item { + margin-top: 10px; + padding: 10px 20px; +} +.directorist-sidebar + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item { + padding: 0; + margin-top: 0; +} +.directorist-sidebar + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + background-color: var(--directorist-color-light); + border-radius: 12px; +} +.directorist-sidebar + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item + li { + margin-top: 0; } .directorist-single-listing-top { - gap: 20px; - margin: 15px 0 30px; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + gap: 20px; + margin: 15px 0 30px; + align-items: flex-start; } @media screen and (max-width: 575px) { - .directorist-single-listing-top { - gap: 10px; - } + .directorist-single-listing-top { + gap: 10px; + } } .directorist-single-listing-top .directorist-return-back { - gap: 8px; - margin: 0; - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; - min-width: 120px; - text-decoration: none; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - border: 2px solid var(--directorist-color-white); + gap: 8px; + margin: 0; + flex: unset; + min-width: 120px; + text-decoration: none; + justify-content: flex-start; + border: 2px solid var(--directorist-color-white); } @media screen and (max-width: 575px) { - .directorist-single-listing-top .directorist-return-back { - border: none; - min-width: auto; - } + .directorist-single-listing-top .directorist-return-back { + border: none; + min-width: auto; + } } -.directorist-single-listing-top .directorist-return-back .directorist-single-listing-action__text { - display: block; +.directorist-single-listing-top + .directorist-return-back + .directorist-single-listing-action__text { + display: block; } @media screen and (max-width: 575px) { - .directorist-single-listing-top .directorist-return-back .directorist-single-listing-action__text { - display: none; - } + .directorist-single-listing-top + .directorist-return-back + .directorist-single-listing-action__text { + display: none; + } } .directorist-single-listing-top__btn-wrapper { - position: fixed; - width: 100%; - height: 80px; - bottom: 0; - right: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background-color: rgba(0, 0, 0, 0.8); - z-index: 999; + position: fixed; + width: 100%; + height: 80px; + bottom: 0; + right: 0; + display: flex; + justify-content: center; + align-items: center; + background-color: rgba(0, 0, 0, 0.8); + z-index: 999; } .directorist-single-listing-top__btn-continue.directorist-btn { - height: 46px; - border-radius: 8px; - font-size: 15px; - font-weight: 600; - padding: 0 25px; - background-color: #394dff !important; - color: var(--directorist-color-white); + height: 46px; + border-radius: 8px; + font-size: 15px; + font-weight: 600; + padding: 0 25px; + background-color: #394dff !important; + color: var(--directorist-color-white); } .directorist-single-listing-top__btn-continue.directorist-btn:hover { - background-color: #2a3cd9 !important; - color: var(--directorist-color-white); - border-color: var(--directorist-color-white) !important; + background-color: #2a3cd9 !important; + color: var(--directorist-color-white); + border-color: var(--directorist-color-white) !important; } -.directorist-single-listing-top__btn-continue.directorist-btn .directorist-single-listing-action__text { - display: block; +.directorist-single-listing-top__btn-continue.directorist-btn + .directorist-single-listing-action__text { + display: block; } .directorist-single-contents-area { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } .directorist-single-contents-area .directorist-card { - padding: 0; - -webkit-filter: none; - filter: none; - margin-bottom: 35px; + padding: 0; + filter: none; + margin-bottom: 35px; } .directorist-single-contents-area .directorist-card .directorist-card__body { - padding: 30px; + padding: 30px; } @media screen and (max-width: 575px) { - .directorist-single-contents-area .directorist-card .directorist-card__body { - padding: 20px 15px; - } + .directorist-single-contents-area + .directorist-card + .directorist-card__body { + padding: 20px 15px; + } } .directorist-single-contents-area .directorist-card .directorist-card__header { - padding: 20px 30px; + padding: 20px 30px; } @media screen and (max-width: 575px) { - .directorist-single-contents-area .directorist-card .directorist-card__header { - padding: 15px 20px; - } -} -.directorist-single-contents-area .directorist-card .directorist-single-author-name h4 { - margin: 0; + .directorist-single-contents-area + .directorist-card + .directorist-card__header { + padding: 15px 20px; + } +} +.directorist-single-contents-area + .directorist-card + .directorist-single-author-name + h4 { + margin: 0; } .directorist-single-contents-area .directorist-card__header__title { - gap: 12px; - font-size: 18px; - font-weight: 500; - color: var(--directorist-color-dark); + gap: 12px; + font-size: 18px; + font-weight: 500; + color: var(--directorist-color-dark); } -.directorist-single-contents-area .directorist-card__header__title #directorist-review-counter { - margin-left: 10px; +.directorist-single-contents-area + .directorist-card__header__title + #directorist-review-counter { + margin-left: 10px; } .directorist-single-contents-area .directorist-card__header-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-width: 34px; - height: 34px; - border-radius: 50%; - background-color: var(--directorist-color-bg-light); -} -.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask { - color: var(--directorist-color-dark); -} -.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask:after { - width: 14px; - height: 14px; + display: flex; + justify-content: center; + align-items: center; + min-width: 34px; + height: 34px; + border-radius: 50%; + background-color: var(--directorist-color-bg-light); +} +.directorist-single-contents-area + .directorist-card__header-icon + .directorist-icon-mask { + color: var(--directorist-color-dark); +} +.directorist-single-contents-area + .directorist-card__header-icon + .directorist-icon-mask:after { + width: 14px; + height: 14px; } .directorist-single-contents-area .directorist-details-info-wrap a { - font-size: 15px; - text-decoration: none; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); + font-size: 15px; + text-decoration: none; + box-shadow: none; + color: var(--directorist-color-body); } .directorist-single-contents-area .directorist-details-info-wrap a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-single-contents-area .directorist-details-info-wrap ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 0 10px; - margin: 0; - list-style-type: none; - padding: 0; + display: flex; + flex-wrap: wrap; + gap: 0 10px; + margin: 0; + list-style-type: none; + padding: 0; } .directorist-single-contents-area .directorist-details-info-wrap li { - -webkit-box-flex: 0; - -webkit-flex: 0 0 49%; - -ms-flex: 0 0 49%; - flex: 0 0 49%; -} -.directorist-single-contents-area .directorist-details-info-wrap .directorist-social-links a:hover { - background-color: var(--directorist-color-primary); -} -.directorist-single-contents-area .directorist-details-info-wrap .directorist-single-map__location { - padding-top: 18px; -} -.directorist-single-contents-area .directorist-single-info__label-icon .directorist-icon-mask:after { - background-color: #808080; -} -.directorist-single-contents-area .directorist-single-listing-slider .directorist-swiper__nav i:after { - background-color: var(--directorist-color-white); + flex: 0 0 49%; +} +.directorist-single-contents-area + .directorist-details-info-wrap + .directorist-social-links + a:hover { + background-color: var(--directorist-color-primary); +} +.directorist-single-contents-area + .directorist-details-info-wrap + .directorist-single-map__location { + padding-top: 18px; +} +.directorist-single-contents-area + .directorist-single-info__label-icon + .directorist-icon-mask:after { + background-color: #808080; +} +.directorist-single-contents-area + .directorist-single-listing-slider + .directorist-swiper__nav + i:after { + background-color: var(--directorist-color-white); } .directorist-single-contents-area .directorist-related { - padding: 0; + padding: 0; } .directorist-single-contents-area { - margin-top: 50px; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap { - gap: 12px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info { - margin: 0; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info.directorist-single-info-number .directorist-form-group__with-prefix { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info .directorist-form-group__with-prefix { - border: none; - margin-top: 4px; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info .directorist-form-group__prefix { - height: auto; - line-height: unset; - color: var(--directorist-color-body); -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-single-formgent-form .formgent-form { - width: 100%; + margin-top: 50px; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap { + gap: 12px; + display: flex; + flex-direction: column; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info { + margin: 0; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info.directorist-single-info-number + .directorist-form-group__with-prefix { + flex: 1; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info + .directorist-form-group__with-prefix { + border: none; + margin-top: 4px; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info + .directorist-form-group__prefix { + height: auto; + line-height: unset; + color: var(--directorist-color-body); +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-single-formgent-form + .formgent-form { + width: 100%; } .directorist-single-contents-area .directorist-card { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-single-map__location { - gap: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 30px 0 0; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + gap: 10px; + display: flex; + flex-wrap: wrap; + padding: 30px 0 0; + justify-content: space-between; } @media screen and (max-width: 575px) { - .directorist-single-map__location { - padding: 20px 0 0; - } + .directorist-single-map__location { + padding: 20px 0 0; + } } .directorist-single-map__address { - gap: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-size: 14px; + gap: 10px; + display: flex; + font-size: 14px; } .directorist-single-map__address i::after { - width: 14px; - height: 14px; - margin-top: 4px; + width: 14px; + height: 14px; + margin-top: 4px; } .directorist-single-map__direction a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + gap: 10px; + align-items: center; } .directorist-single-contents-area .directorist-single-map__direction a { - font-size: 14px; - color: var(--directorist-color-info); + font-size: 14px; + color: var(--directorist-color-info); } -.directorist-single-contents-area .directorist-single-map__direction a .directorist-icon-mask:after { - background-color: var(--directorist-color-info); +.directorist-single-contents-area + .directorist-single-map__direction + a + .directorist-icon-mask:after { + background-color: var(--directorist-color-info); } .directorist-single-contents-area .directorist-single-map__direction a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-single-contents-area .directorist-single-map__direction a:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); +.directorist-single-contents-area + .directorist-single-map__direction + a:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } -.directorist-single-contents-area .directorist-single-map__direction .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-info); +.directorist-single-contents-area + .directorist-single-map__direction + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-info); } .directorist-single-listing-header { - margin-bottom: 25px; - margin-top: -15px; - padding: 0; + margin-bottom: 25px; + margin-top: -15px; + padding: 0; } .directorist-single-wrapper .directorist-single-listing-slider-wrap { - padding: 0; - margin: 15px 0; + padding: 0; + margin: 15px 0; } -.directorist-single-wrapper .directorist-single-listing-slider-wrap.background-contain .directorist-single-listing-slider .swiper-slide img { - -o-object-fit: contain; - object-fit: contain; +.directorist-single-wrapper + .directorist-single-listing-slider-wrap.background-contain + .directorist-single-listing-slider + .swiper-slide + img { + object-fit: contain; } .directorist-single-listing-quick-action { - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + gap: 8px; + flex-wrap: wrap; } @media screen and (max-width: 767px) { - .directorist-single-listing-quick-action { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } + .directorist-single-listing-quick-action { + justify-content: flex-end; + } } @media screen and (max-width: 575px) { - .directorist-single-listing-quick-action { - gap: 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-single-listing-quick-action { + gap: 12px; + justify-content: center; + } } .directorist-single-listing-quick-action .directorist-social-share { - position: relative; + position: relative; } -.directorist-single-listing-quick-action .directorist-social-share:hover .directorist-social-share-links { - opacity: 1; - visibility: visible; - top: calc(100% + 5px); +.directorist-single-listing-quick-action + .directorist-social-share:hover + .directorist-social-share-links { + opacity: 1; + visibility: visible; + top: calc(100% + 5px); } @media screen and (max-width: 575px) { - .directorist-single-listing-quick-action .directorist-social-share { - font-size: 0; - } + .directorist-single-listing-quick-action .directorist-social-share { + font-size: 0; + } } .directorist-single-listing-quick-action .directorist-social-share-links { - position: absolute; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - z-index: 2; - visibility: hidden; - opacity: 0; - left: 0; - top: calc(100% + 30px); - background-color: var(--directorist-color-white); - border-radius: 8px; - width: 150px; - -webkit-box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - list-style-type: none; - padding: 10px; - margin: 0; + position: absolute; + transition: all 0.2s ease-in-out; + z-index: 2; + visibility: hidden; + opacity: 0; + left: 0; + top: calc(100% + 30px); + background-color: var(--directorist-color-white); + border-radius: 8px; + width: 150px; + box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); + list-style-type: none; + padding: 10px; + margin: 0; } .directorist-single-listing-quick-action .directorist-social-links__item { - padding-right: 0; - margin: 0; + padding-right: 0; + margin: 0; } .directorist-single-listing-quick-action .directorist-social-links__item a { - padding: 8px 12px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-decoration: none; - font-size: 14px; - font-weight: 500; - border: 0 none; - border-radius: 8px; - color: var(--directorist-color-body); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-single-listing-quick-action .directorist-social-links__item a span.la, -.directorist-single-listing-quick-action .directorist-social-links__item a span.lab, -.directorist-single-listing-quick-action .directorist-social-links__item a span.fa, + padding: 8px 12px; + display: flex; + gap: 5px; + align-items: center; + text-decoration: none; + font-size: 14px; + font-weight: 500; + border: 0 none; + border-radius: 8px; + color: var(--directorist-color-body); + transition: 0.3s ease; +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.la, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.lab, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.fa, .directorist-single-listing-quick-action .directorist-social-links__item a i { - color: var(--directorist-color-body); -} -.directorist-single-listing-quick-action .directorist-social-links__item a span.la:after, -.directorist-single-listing-quick-action .directorist-social-links__item a span.lab:after, -.directorist-single-listing-quick-action .directorist-social-links__item a span.fa:after, -.directorist-single-listing-quick-action .directorist-social-links__item a i:after { - width: 18px; - height: 18px; -} -.directorist-single-listing-quick-action .directorist-social-links__item a .directorist-icon-mask:after { - background-color: var(--directorist-color-body); -} -.directorist-single-listing-quick-action .directorist-social-links__item a span.fa { - font-family: "Font Awesome 5 Brands"; - font-weight: 900; - font-size: 15px; -} -.directorist-single-listing-quick-action .directorist-social-links__item a:hover { - font-weight: 500; - background-color: rgba(var(--directorist-color-primary-rgb), 0.1); - color: var(--directorist-color-primary); -} -.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.la, -.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.fa, -.directorist-single-listing-quick-action .directorist-social-links__item a:hover i { - color: var(--directorist-color-primary); -} -.directorist-single-listing-quick-action .directorist-social-links__item a:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); + color: var(--directorist-color-body); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.la:after, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.lab:after, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.fa:after, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + i:after { + width: 18px; + height: 18px; +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + .directorist-icon-mask:after { + background-color: var(--directorist-color-body); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.fa { + font-family: "Font Awesome 5 Brands"; + font-weight: 900; + font-size: 15px; +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover { + font-weight: 500; + background-color: rgba(var(--directorist-color-primary-rgb), 0.1); + color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + span.la, +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + span.fa, +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + i { + color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } .directorist-single-listing-action { - gap: 8px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 13px; - font-weight: 400; - border: 0 none; - border-radius: 8px; - padding: 0 16px; - cursor: pointer; - text-decoration: none; - color: var(--directorist-color-body); - border: 2px solid var(--directorist-color-white) !important; - -webkit-transition: 0.2s background-color ease-in-out; - transition: 0.2s background-color ease-in-out; + gap: 8px; + justify-content: center; + font-size: 13px; + font-weight: 400; + border: 0 none; + border-radius: 8px; + padding: 0 16px; + cursor: pointer; + text-decoration: none; + color: var(--directorist-color-body); + border: 2px solid var(--directorist-color-white) !important; + transition: 0.2s background-color ease-in-out; } .directorist-single-listing-action:hover { - background-color: var(--directorist-color-white) !important; - border-color: var(--directorist-color-primary) !important; + background-color: var(--directorist-color-white) !important; + border-color: var(--directorist-color-primary) !important; } @media screen and (max-width: 575px) { - .directorist-single-listing-action { - gap: 0; - border: none; - } - .directorist-single-listing-action.directorist-btn.directorist-btn-light { - background-color: var(--directorist-color-white); - border: 1px solid var(--directorist-color-light) !important; - } - .directorist-single-listing-action.directorist-single-listing-top__btn-edit .directorist-single-listing-action__text { - display: none; - } + .directorist-single-listing-action { + gap: 0; + border: none; + } + .directorist-single-listing-action.directorist-btn.directorist-btn-light { + background-color: var(--directorist-color-white); + border: 1px solid var(--directorist-color-light) !important; + } + .directorist-single-listing-action.directorist-single-listing-top__btn-edit + .directorist-single-listing-action__text { + display: none; + } } @media screen and (max-width: 480px) { - .directorist-single-listing-action { - padding: 0 10px; - font-size: 12px; - } + .directorist-single-listing-action { + padding: 0 10px; + font-size: 12px; + } } @media screen and (max-width: 380px) { - .directorist-single-listing-action.directorist-btn-sm { - min-height: 38px; - } + .directorist-single-listing-action.directorist-btn-sm { + min-height: 38px; + } } -.directorist-single-listing-action.directorist-action-bookmark .directorist-icon-mask:after { - background-color: var(--directorist-color-dark); +.directorist-single-listing-action.directorist-action-bookmark + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); } -.directorist-single-listing-action.directorist-action-bookmark .directorist-icon-mask.directorist-added-to-favorite:after { - background-color: var(--directorist-color-danger); +.directorist-single-listing-action.directorist-action-bookmark + .directorist-icon-mask.directorist-added-to-favorite:after { + background-color: var(--directorist-color-danger); } .directorist-single-listing-action .directorist-icon-mask::after { - width: 15px; - height: 15px; + width: 15px; + height: 15px; } .directorist-single-listing-action a { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .directorist-single-listing-action .atbdp-require-login, .directorist-single-listing-action .directorist-action-report-not-loggedin { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 100%; - height: 100%; + display: flex; + align-items: center; + justify-content: center; + width: 100%; + height: 100%; } .directorist-single-listing-action .atbdp-require-login i, .directorist-single-listing-action .directorist-action-report-not-loggedin i { - pointer-events: none; + pointer-events: none; } .directorist-listing-details { - margin: 15px 0 30px; + margin: 15px 0 30px; } .directorist-listing-details__text p { - margin: 0 0 15px; - color: var(--directorist-color-body); - line-height: 24px; + margin: 0 0 15px; + color: var(--directorist-color-body); + line-height: 24px; } .directorist-listing-details__text ul { - list-style: disc; - padding-right: 20px; - margin-right: 0; + list-style: disc; + padding-right: 20px; + margin-right: 0; } .directorist-listing-details__text li { - list-style: disc; + list-style: disc; } .directorist-listing-details__listing-title { - font-size: 30px; - font-weight: 600; - display: inline-block; - margin: 15px 0 0; - color: var(--directorist-color-dark); + font-size: 30px; + font-weight: 600; + display: inline-block; + margin: 15px 0 0; + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-listing-details__listing-title { - font-size: 24px; - } + .directorist-listing-details__listing-title { + font-size: 24px; + } } .directorist-listing-details__tagline { - margin: 10px 0; - color: var(--directorist-color-body); + margin: 10px 0; + color: var(--directorist-color-body); } -.directorist-listing-details .directorist-pricing-meta .directorist-listing-price { - padding: 5px 10px; - border-radius: 6px; - background-color: var(--directorist-color-light); +.directorist-listing-details + .directorist-pricing-meta + .directorist-listing-price { + padding: 5px 10px; + border-radius: 6px; + background-color: var(--directorist-color-light); } .directorist-listing-details .directorist-listing-single__info { - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + display: flex; + align-items: center; + flex-wrap: wrap; } .directorist-single-contents-area .directorist-embaded-video { - width: 100%; - height: 400px; - border: 0 none; - border-radius: 12px; + width: 100%; + height: 400px; + border: 0 none; + border-radius: 12px; } @media (max-width: 768px) { - .directorist-single-contents-area .directorist-embaded-video { - height: 56.25vw; - } + .directorist-single-contents-area .directorist-embaded-video { + height: 56.25vw; + } } .directorist-single-contents-area .directorist-single-map { - border-radius: 12px; - z-index: 1; + border-radius: 12px; + z-index: 1; } -.directorist-single-contents-area .directorist-single-map .directorist-info-item a { - font-size: 14px; +.directorist-single-contents-area + .directorist-single-map + .directorist-info-item + a { + font-size: 14px; } .directorist-related-listing-header h1, @@ -19209,4443 +19467,4436 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-related-listing-header h4, .directorist-related-listing-header h5, .directorist-related-listing-header h6 { - font-size: 18px; - margin: 0 0 15px; + font-size: 18px; + margin: 0 0 15px; } .directorist-single-author-info figure { - margin: 0; + margin: 0; } .directorist-single-author-info .diretorist-view-profile-btn { - margin-top: 22px; - padding: 0 30px; + margin-top: 22px; + padding: 0 30px; } .directorist-single-author-avatar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } .directorist-single-author-avatar .directorist-single-author-avatar-inner { - margin-left: 10px; - width: auto; + margin-left: 10px; + width: auto; } .directorist-single-author-avatar .directorist-single-author-avatar-inner img { - width: 50px; - height: 50px; - border-radius: 50%; -} -.directorist-single-author-avatar .directorist-single-author-name h1, .directorist-single-author-avatar .directorist-single-author-name h2, .directorist-single-author-avatar .directorist-single-author-name h3, .directorist-single-author-avatar .directorist-single-author-name h4, .directorist-single-author-avatar .directorist-single-author-name h5, .directorist-single-author-avatar .directorist-single-author-name h6 { - font-size: 16px; - font-weight: 500; - line-height: 1.2; - letter-spacing: normal; - margin: 0 0 3px; - color: var(--color-dark); + width: 50px; + height: 50px; + border-radius: 50%; +} +.directorist-single-author-avatar .directorist-single-author-name h1, +.directorist-single-author-avatar .directorist-single-author-name h2, +.directorist-single-author-avatar .directorist-single-author-name h3, +.directorist-single-author-avatar .directorist-single-author-name h4, +.directorist-single-author-avatar .directorist-single-author-name h5, +.directorist-single-author-avatar .directorist-single-author-name h6 { + font-size: 16px; + font-weight: 500; + line-height: 1.2; + letter-spacing: normal; + margin: 0 0 3px; + color: var(--color-dark); } .directorist-single-author-avatar .directorist-single-author-membership { - font-size: 14px; - color: var(--directorist-color-light-gray); + font-size: 14px; + color: var(--directorist-color-light-gray); } .directorist-single-author-contact-info { - margin-top: 15px; + margin-top: 15px; } .directorist-single-author-contact-info ul { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 0; - padding: 0; + flex-direction: column; + margin: 0; + padding: 0; } .directorist-single-author-contact-info ul li { - width: 100%; - -webkit-box-flex: 100%; - -webkit-flex: 100%; - -ms-flex: 100%; - flex: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-right: 0; - margin-right: 0; + width: 100%; + flex: 100%; + display: flex; + align-items: center; + padding-right: 0; + margin-right: 0; } .directorist-single-author-contact-info ul li:not(:last-child) { - margin-bottom: 12px; + margin-bottom: 12px; } .directorist-single-author-contact-info ul a { - text-decoration: none; - color: var(--directorist-color-body); + text-decoration: none; + color: var(--directorist-color-body); } .directorist-single-author-contact-info ul a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-single-author-contact-info ul .directorist-icon-mask::after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-light-gray); + width: 14px; + height: 14px; + background-color: var(--directorist-color-light-gray); } .directorist-single-author-contact-info-text { - font-size: 15px; - margin-right: 12px; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); + font-size: 15px; + margin-right: 12px; + box-shadow: none; + color: var(--directorist-color-body); } .directorist-single-author-info .directorist-social-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 25px -5px -5px; + display: flex; + margin: 25px -5px -5px; } .directorist-single-author-info .directorist-social-wrap a { - margin: 5px; - display: block; - line-height: 35px; - width: 35px; - text-align: center; - background-color: var(--directorist-color-body) !important; - border-radius: 4px; - color: var(--directorist-color-white) !important; - overflow: hidden; - -webkit-transition: all ease-in-out 300ms !important; - transition: all ease-in-out 300ms !important; + margin: 5px; + display: block; + line-height: 35px; + width: 35px; + text-align: center; + background-color: var(--directorist-color-body) !important; + border-radius: 4px; + color: var(--directorist-color-white) !important; + overflow: hidden; + transition: all ease-in-out 300ms !important; } .directorist-details-info-wrap .directorist-single-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-size: 15px; - word-break: break-word; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px 15px; + display: flex; + font-size: 15px; + word-break: break-word; + flex-wrap: wrap; + gap: 10px 15px; } .directorist-details-info-wrap .directorist-single-info:not(:last-child) { - margin-bottom: 12px; + margin-bottom: 12px; } .directorist-details-info-wrap .directorist-single-info a { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } -.directorist-details-info-wrap .directorist-single-info.directorist-single-info-picker .directorist-field-type-color { - width: 30px; - height: 30px; - border-radius: 5px; +.directorist-details-info-wrap + .directorist-single-info.directorist-single-info-picker + .directorist-field-type-color { + width: 30px; + height: 30px; + border-radius: 5px; } -.directorist-details-info-wrap .directorist-single-info.directorist-listing-details__text { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; +.directorist-details-info-wrap + .directorist-single-info.directorist-listing-details__text { + flex-direction: column; } .directorist-details-info-wrap .directorist-single-info__label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - min-width: 140px; - color: var(--directorist-color-dark); + display: flex; + min-width: 140px; + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-details-info-wrap .directorist-single-info__label { - min-width: 130px; - } + .directorist-details-info-wrap .directorist-single-info__label { + min-width: 130px; + } } @media screen and (max-width: 375px) { - .directorist-details-info-wrap .directorist-single-info__label { - min-width: 100px; - } + .directorist-details-info-wrap .directorist-single-info__label { + min-width: 100px; + } } .directorist-details-info-wrap .directorist-single-info__label-icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 34px; - height: 34px; - border-radius: 50%; - margin-left: 10px; - font-size: 14px; - text-align: center; - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - color: var(--directorist-color-light-gray); - background-color: var(--directorist-color-bg-light); -} -.directorist-details-info-wrap .directorist-single-info__label-icon .directorist-icon-mask:after { - width: 14px; - height: 14px; + display: inline-flex; + align-items: center; + justify-content: center; + width: 34px; + height: 34px; + border-radius: 50%; + margin-left: 10px; + font-size: 14px; + text-align: center; + flex: none; + color: var(--directorist-color-light-gray); + background-color: var(--directorist-color-bg-light); +} +.directorist-details-info-wrap + .directorist-single-info__label-icon + .directorist-icon-mask:after { + width: 14px; + height: 14px; } .directorist-details-info-wrap .directorist-single-info__label__text { - position: relative; - min-width: 70px; - margin-top: 5px; - padding-left: 10px; + position: relative; + min-width: 70px; + margin-top: 5px; + padding-left: 10px; } .directorist-details-info-wrap .directorist-single-info__label__text:before { - content: ":"; - position: absolute; - left: 0; - top: 0; + content: ":"; + position: absolute; + left: 0; + top: 0; } @media screen and (max-width: 375px) { - .directorist-details-info-wrap .directorist-single-info__label__text { - min-width: 60px; - } + .directorist-details-info-wrap .directorist-single-info__label__text { + min-width: 60px; + } } -.directorist-details-info-wrap .directorist-single-info-number .directorist-single-info__value { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; +.directorist-details-info-wrap + .directorist-single-info-number + .directorist-single-info__value { + flex: none; } .directorist-details-info-wrap .directorist-single-info__value { - margin-top: 4px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - color: var(--directorist-color-body); + margin-top: 4px; + flex: 1; + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-details-info-wrap .directorist-single-info__value { - -webkit-box-flex: 100%; - -webkit-flex: 100%; - -ms-flex: 100%; - flex: 100%; - margin-top: 0; - } + .directorist-details-info-wrap .directorist-single-info__value { + flex: 100%; + margin-top: 0; + } } .directorist-details-info-wrap .directorist-single-info__value a { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-details-info-wrap .directorist-single-info-socials .directorist-single-info__label { - display: none; - } + .directorist-details-info-wrap + .directorist-single-info-socials + .directorist-single-info__label { + display: none; + } } .directorist-social-links { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; + display: flex; + flex-wrap: wrap; + gap: 8px; } .directorist-social-links a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 36px; - width: 36px; - background-color: var(--directorist-color-light); - border-radius: 8px; - overflow: hidden; - -webkit-transition: all ease-in-out 300ms !important; - transition: all ease-in-out 300ms !important; + display: inline-flex; + align-items: center; + justify-content: center; + height: 36px; + width: 36px; + background-color: var(--directorist-color-light); + border-radius: 8px; + overflow: hidden; + transition: all ease-in-out 300ms !important; } .directorist-social-links a .directorist-icon-mask::after { - background-color: var(--directorist-color-body); + background-color: var(--directorist-color-body); } .directorist-social-links a:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-social-links a:hover.facebook { - background-color: #4267b2; + background-color: #4267b2; } .directorist-social-links a:hover.twitter { - background-color: #1da1f2; + background-color: #1da1f2; } -.directorist-social-links a:hover.youtube, .directorist-social-links a:hover.youtube-play { - background-color: #ff0000; +.directorist-social-links a:hover.youtube, +.directorist-social-links a:hover.youtube-play { + background-color: #ff0000; } .directorist-social-links a:hover.instagram { - background-color: #c32aa3; + background-color: #c32aa3; } .directorist-social-links a:hover.linkedin { - background-color: #007bb5; + background-color: #007bb5; } .directorist-social-links a:hover.google-plus { - background-color: #db4437; + background-color: #db4437; } -.directorist-social-links a:hover.snapchat, .directorist-social-links a:hover.snapchat-ghost { - background-color: #eae800; +.directorist-social-links a:hover.snapchat, +.directorist-social-links a:hover.snapchat-ghost { + background-color: #eae800; } .directorist-social-links a:hover.reddit { - background-color: #ff4500; + background-color: #ff4500; } .directorist-social-links a:hover.pinterest { - background-color: #bd081c; + background-color: #bd081c; } .directorist-social-links a:hover.tumblr { - background-color: #35465d; + background-color: #35465d; } .directorist-social-links a:hover.flickr { - background-color: #f40083; + background-color: #f40083; } .directorist-social-links a:hover.vimeo { - background-color: #1ab7ea; + background-color: #1ab7ea; } .directorist-social-links a:hover.vine { - background-color: #00b489; + background-color: #00b489; } .directorist-social-links a:hover.github { - background-color: #444752; + background-color: #444752; } .directorist-social-links a:hover.dribbble { - background-color: #ea4c89; + background-color: #ea4c89; } .directorist-social-links a:hover.behance { - background-color: #196ee3; + background-color: #196ee3; } .directorist-social-links a:hover.soundcloud { - background-color: #ff5500; + background-color: #ff5500; } .directorist-social-links a:hover.stack-overflow { - background-color: #ff5500; + background-color: #ff5500; } .directorist-contact-owner-form-inner .directorist-form-group { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-contact-owner-form-inner .directorist-form-element { - border-color: var(--directorist-color-border-gray); + border-color: var(--directorist-color-border-gray); } .directorist-contact-owner-form-inner textarea { - resize: none; + resize: none; } .directorist-contact-owner-form-inner .directorist-btn-submit { - padding: 0 30px; - text-decoration: none; - text-transform: capitalize; + padding: 0 30px; + text-decoration: none; + text-transform: capitalize; } .directorist-author-social a .fa { - font-family: "Font Awesome 5 Brands"; + font-family: "Font Awesome 5 Brands"; } .directorist-google-map, .directorist-single-map { - height: 400px; + height: 400px; } @media screen and (max-width: 480px) { - .directorist-google-map, - .directorist-single-map { - height: 320px; - } + .directorist-google-map, + .directorist-single-map { + height: 320px; + } } .directorist-rating-review-block { - display: inline-block; - border: 1px solid #e3e6ef; - padding: 10px 20px; - border-radius: 2px; - margin-bottom: 20px; + display: inline-block; + border: 1px solid #e3e6ef; + padding: 10px 20px; + border-radius: 2px; + margin-bottom: 20px; } .directorist-review-area .directorist-review-form-action { - margin-top: 16px; + margin-top: 16px; } .directorist-review-area .directorist-form-group-guest-user { - margin-top: 12px; + margin-top: 12px; } .directorist-rating-given-block .directorist-rating-given-block__label, .directorist-rating-given-block .directorist-rating-given-block__stars { - display: inline-block; - vertical-align: middle; - margin-left: 10px; + display: inline-block; + vertical-align: middle; + margin-left: 10px; } .directorist-rating-given-block .directorist-rating-given-block__label a, .directorist-rating-given-block .directorist-rating-given-block__stars a { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .directorist-rating-given-block .directorist-rating-given-block__label { - margin-left: 10px; - margin: 0 0 0 10px; + margin-left: 10px; + margin: 0 0 0 10px; } .directorist-rating-given-block__stars .br-widget a:before { - content: ""; - -webkit-mask-image: url(../js/60b8c48296c3c553bf39.svg); - mask-image: url(../js/60b8c48296c3c553bf39.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 14px; - height: 14px; - background-color: #d4d3f3; -} -.directorist-rating-given-block__stars .br-widget a.br-selected:before, .directorist-rating-given-block__stars .br-widget a.br-active:before { - color: var(--directorist-color-warning); + content: ""; + mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); + mask-repeat: no-repeat; + width: 14px; + height: 14px; + background-color: #d4d3f3; +} +.directorist-rating-given-block__stars .br-widget a.br-selected:before, +.directorist-rating-given-block__stars .br-widget a.br-active:before { + color: var(--directorist-color-warning); } .directorist-rating-given-block__stars .br-current-rating { - display: inline-block; - margin-right: 20px; + display: inline-block; + margin-right: 20px; } .directorist-review-current-rating { - margin-bottom: 16px; + margin-bottom: 16px; } .directorist-review-current-rating .directorist-review-current-rating__label { - margin-left: 10px; - margin-bottom: 0; + margin-left: 10px; + margin-bottom: 0; } .directorist-review-current-rating .directorist-review-current-rating__label, .directorist-review-current-rating .directorist-review-current-rating__stars { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } -.directorist-review-current-rating .directorist-review-current-rating__stars li { - display: inline-block; +.directorist-review-current-rating + .directorist-review-current-rating__stars + li { + display: inline-block; } -.directorist-review-current-rating .directorist-review-current-rating__stars span { - color: #d4d3f3; +.directorist-review-current-rating + .directorist-review-current-rating__stars + span { + color: #d4d3f3; } -.directorist-review-current-rating .directorist-review-current-rating__stars span:before { - content: "\f005"; - font-size: 14px; - font-family: "Font Awesome 5 Free"; - font-weight: 900; +.directorist-review-current-rating + .directorist-review-current-rating__stars + span:before { + content: "\f005"; + font-size: 14px; + font-family: "Font Awesome 5 Free"; + font-weight: 900; } -.directorist-review-current-rating .directorist-review-current-rating__stars span.directorist-rate-active { - color: #fa8b0c; +.directorist-review-current-rating + .directorist-review-current-rating__stars + span.directorist-rate-active { + color: #fa8b0c; } .directorist-single-review { - padding-bottom: 26px; - padding-top: 30px; - border-bottom: 1px solid #e3e6ef; + padding-bottom: 26px; + padding-top: 30px; + border-bottom: 1px solid #e3e6ef; } .directorist-single-review:first-child { - padding-top: 0; + padding-top: 0; } .directorist-single-review:last-child { - padding-bottom: 0; - border-bottom: 0; + padding-bottom: 0; + border-bottom: 0; } .directorist-single-review .directorist-single-review__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex; + justify-content: space-between; } .directorist-single-review .directorist-single-review-avatar-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 22px; + display: flex; + align-items: center; + margin-bottom: 22px; } .directorist-single-review .directorist-single-review-avatar { - margin-left: 12px; + margin-left: 12px; } .directorist-single-review .directorist-single-review-avatar img { - max-width: 50px; - border-radius: 50%; + max-width: 50px; + border-radius: 50%; } -.directorist-single-review .directorist-rated-stars ul li span.directorist-rate-active { - color: #fa8b0c; +.directorist-single-review + .directorist-rated-stars + ul + li + span.directorist-rate-active { + color: #fa8b0c; } .atbdp-universal-pagination ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: -5px; - padding: 0; + display: flex; + flex-wrap: wrap; + align-items: center; + margin: -5px; + padding: 0; } .atbdp-universal-pagination li { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - margin: 5px; - padding: 0 10px; - border: 1px solid var(--directorist-color-border); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - line-height: 28px; - border-radius: 3px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - background-color: var(--directorist-color-white); + flex: none; + margin: 5px; + padding: 0 10px; + border: 1px solid var(--directorist-color-border); + display: inline-flex; + align-items: center; + justify-content: center; + line-height: 28px; + border-radius: 3px; + transition: 0.3s ease; + background-color: var(--directorist-color-white); } .atbdp-universal-pagination li i { - line-height: 28px; + line-height: 28px; } .atbdp-universal-pagination li.atbd-active { - cursor: pointer; + cursor: pointer; } .atbdp-universal-pagination li.atbd-active:hover { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .atbdp-universal-pagination li.atbd-selected { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .atbdp-universal-pagination li.atbd-inactive { - opacity: 0.5; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-] { - min-width: 30px; - min-height: 30px; - position: relative; - cursor: pointer; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-] .la { - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); -} -.atbdp-universal-pagination li[class^=atbd-page-jump-] .la_h { - visibility: hidden; - opacity: 0; - right: 70%; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-] .la_d { - visibility: visible; - opacity: 1; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-]:hover { - color: var(--directorist-color-primary); -} -.atbdp-universal-pagination li[class^=atbd-page-jump-]:hover .la_h { - visibility: visible; - opacity: 1; - right: 50%; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-]:hover .la_d { - visibility: hidden; - opacity: 0; - right: 30%; + opacity: 0.5; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] { + min-width: 30px; + min-height: 30px; + position: relative; + cursor: pointer; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] .la { + position: absolute; + right: 50%; + top: 50%; + transform: translate(50%, -50%); +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] .la_h { + visibility: hidden; + opacity: 0; + right: 70%; + transition: 0.3s ease; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] .la_d { + visibility: visible; + opacity: 1; + transition: 0.3s ease; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover { + color: var(--directorist-color-primary); +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover .la_h { + visibility: visible; + opacity: 1; + right: 50%; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover .la_d { + visibility: hidden; + opacity: 0; + right: 30%; } .directorist-card-review-block .directorist-btn-add-review { - padding: 0 14px; - line-height: 2.55; + padding: 0 14px; + line-height: 2.55; } /*================================== Review: New Style ===================================*/ .directorist-review-container { - padding: 0; - margin-bottom: 35px; + padding: 0; + margin-bottom: 35px; } .directorist-review-container .comment-notes, .directorist-review-container .comment-form-cookies-consent { - margin-bottom: 20px; - font-style: italic; - font-size: 14px; - font-weight: normal; + margin-bottom: 20px; + font-style: italic; + font-size: 14px; + font-weight: normal; } .directorist-review-content a > i { - font-size: 13.5px; + font-size: 13.5px; } .directorist-review-content .directorist-btn > i { - margin-left: 5px; + margin-left: 5px; } .directorist-review-content #cancel-comment-reply-link, .directorist-review-content .directorist-js-cancel-comment-edit { - font-size: 14px; - margin-right: 15px; - color: var(--directorist-color-deep-gray); + font-size: 14px; + margin-right: 15px; + color: var(--directorist-color-deep-gray); } -.directorist-review-content #cancel-comment-reply-link:hover, .directorist-review-content #cancel-comment-reply-link:focus, +.directorist-review-content #cancel-comment-reply-link:hover, +.directorist-review-content #cancel-comment-reply-link:focus, .directorist-review-content .directorist-js-cancel-comment-edit:hover, .directorist-review-content .directorist-js-cancel-comment-edit:focus { - color: var(--directorist-color-dark); + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-review-content #cancel-comment-reply-link, - .directorist-review-content .directorist-js-cancel-comment-edit { - margin-right: 0; - } + .directorist-review-content #cancel-comment-reply-link, + .directorist-review-content .directorist-js-cancel-comment-edit { + margin-right: 0; + } } .directorist-review-content .directorist-review-content__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 6px 20px; - border: 1px solid #EFF1F6; - border-bottom-color: #f2f2f2; - background-color: var(--directorist-color-white); - border-radius: 16px 16px 0 0; -} -.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) { - font-size: 16px; - font-weight: 500; - color: #1A1B29; - margin: 10px 0; -} -.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) span { - color: var(--directorist-color-body); -} -.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) span:before { - content: "-"; - color: #8F8E9F; - padding-left: 5px; -} -.directorist-review-content .directorist-review-content__header .directorist-btn { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-review-content .directorist-review-content__header .directorist-btn .directorist-icon-mask { - display: inline-block; - margin-left: 4px; -} -.directorist-review-content .directorist-review-content__header .directorist-btn .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-review-content .directorist-review-content__header .directorist-btn:hover { - opacity: 0.8; -} -.directorist-review-content .directorist-review-content__header .directorist-noreviews { - font-size: 16px; - margin-bottom: 0; - padding: 19px 20px 15px; -} -.directorist-review-content .directorist-review-content__header .directorist-noreviews a { - color: #2C99FF; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + padding: 6px 20px; + border: 1px solid #eff1f6; + border-bottom-color: #f2f2f2; + background-color: var(--directorist-color-white); + border-radius: 16px 16px 0 0; +} +.directorist-review-content + .directorist-review-content__header + h3:not(.directorist-card__header__title) { + font-size: 16px; + font-weight: 500; + color: #1a1b29; + margin: 10px 0; +} +.directorist-review-content + .directorist-review-content__header + h3:not(.directorist-card__header__title) + span { + color: var(--directorist-color-body); +} +.directorist-review-content + .directorist-review-content__header + h3:not(.directorist-card__header__title) + span:before { + content: "-"; + color: #8f8e9f; + padding-left: 5px; +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn { + align-items: center; +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn + .directorist-icon-mask { + display: inline-block; + margin-left: 4px; +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn:hover { + opacity: 0.8; +} +.directorist-review-content + .directorist-review-content__header + .directorist-noreviews { + font-size: 16px; + margin-bottom: 0; + padding: 19px 20px 15px; +} +.directorist-review-content + .directorist-review-content__header + .directorist-noreviews + a { + color: #2c99ff; } .directorist-review-content .directorist-review-content__overview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 30px 50px; + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: space-between; + padding: 30px 50px; } .directorist-review-content .directorist-review-content__overview__rating { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-point { - font-size: 34px; - font-weight: 600; - color: #1A1B29; - display: block; - margin-left: 15px; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars { - font-size: 15px; - color: #EF8000; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 3px; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask:after { - width: 15px; - height: 15px; - background-color: #EF8000; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask.directorist_fraction_star { - position: relative; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask.directorist_fraction_star:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - right: 0; - -webkit-mask-image: url(../js/479b663ce5839f8d7fdc.svg); - mask-image: url(../js/479b663ce5839f8d7fdc.svg); - background-color: #EF8000; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-overall { - font-size: 14px; - color: #8C90A4; - display: block; + flex: 0 0 50%; + text-align: center; + display: flex; + align-items: center; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-point { + font-size: 34px; + font-weight: 600; + color: #1a1b29; + display: block; + margin-left: 15px; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars { + font-size: 15px; + color: #ef8000; + display: flex; + align-items: center; + margin-bottom: 3px; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars + .directorist-icon-mask:after { + width: 15px; + height: 15px; + background-color: #ef8000; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars + .directorist-icon-mask.directorist_fraction_star { + position: relative; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars + .directorist-icon-mask.directorist_fraction_star:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + right: 0; + mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); + background-color: #ef8000; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-overall { + font-size: 14px; + color: #8c90a4; + display: block; } .directorist-review-content .directorist-review-content__overview__benchmarks { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - padding: 25px; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -6px; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single > * { - margin: 6px !important; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single label { - -webkit-box-flex: 0.1; - -webkit-flex: 0.1; - -ms-flex: 0.1; - flex: 0.1; - min-width: 70px; - display: inline-block; - word-wrap: break-word; - word-break: break-all; - margin-bottom: 0; - font-size: 15px; - color: var(--directorist-color-body); -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress { - -webkit-box-flex: 1.5; - -webkit-flex: 1.5; - -ms-flex: 1.5; - flex: 1.5; - border-radius: 2px; - height: 5px; - -webkit-box-shadow: none; - box-shadow: none; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-webkit-progress-bar { - background-color: #F2F3F5; - border-radius: 2px; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-webkit-progress-value { - background-color: #EF8000; - border-radius: 2px; - -webkit-box-shadow: none; - box-shadow: none; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-moz-progress-bar { - background-color: #F2F3F5; - border-radius: 2px; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-moz-progress-value { - background-color: #EF8000; - border-radius: 2px; - box-shadow: none; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single strong { - -webkit-box-flex: 0.1; - -webkit-flex: 0.1; - -ms-flex: 0.1; - flex: 0.1; - font-size: 15px; - font-weight: 500; - color: #090E30; - text-align: left; -} -.directorist-review-content .directorist-review-content__reviews, .directorist-review-content .directorist-review-content__reviews ul { - padding: 0; - margin: 10px 0 0 0; - list-style-type: none; -} -.directorist-review-content .directorist-review-content__reviews li, .directorist-review-content .directorist-review-content__reviews ul li { - list-style-type: none; - margin-right: 0; + flex: 0 0 50%; + padding: 25px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single { + display: flex; + align-items: center; + flex-wrap: wrap; + margin: -6px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + > * { + margin: 6px !important; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + label { + flex: 0.1; + min-width: 70px; + display: inline-block; + word-wrap: break-word; + word-break: break-all; + margin-bottom: 0; + font-size: 15px; + color: var(--directorist-color-body); +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress { + flex: 1.5; + border-radius: 2px; + height: 5px; + box-shadow: none; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-webkit-progress-bar { + background-color: #f2f3f5; + border-radius: 2px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-webkit-progress-value { + background-color: #ef8000; + border-radius: 2px; + box-shadow: none; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-moz-progress-bar { + background-color: #f2f3f5; + border-radius: 2px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-moz-progress-value { + background-color: #ef8000; + border-radius: 2px; + box-shadow: none; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + strong { + flex: 0.1; + font-size: 15px; + font-weight: 500; + color: #090e30; + text-align: left; +} +.directorist-review-content .directorist-review-content__reviews, +.directorist-review-content .directorist-review-content__reviews ul { + padding: 0; + margin: 10px 0 0 0; + list-style-type: none; +} +.directorist-review-content .directorist-review-content__reviews li, +.directorist-review-content .directorist-review-content__reviews ul li { + list-style-type: none; + margin-right: 0; } .directorist-review-content .directorist-review-content__reviews > li { - border-top: 1px solid #EFF1F6; -} -.directorist-review-content .directorist-review-content__reviews > li:not(:last-child) { - margin-bottom: 10px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request { - position: relative; -} -.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request::after { - content: ""; - display: block; - position: absolute; - right: 0; - top: 0; - height: 100%; - width: 100%; - z-index: 99; - background-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request::before { - position: absolute; - z-index: 100; - right: 50%; - top: 50%; - display: block; - content: ""; - width: 24px; - height: 24px; - border-radius: 50%; - border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); - border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); - -webkit-animation: directoristCommentEditLoading 0.6s linear infinite; - animation: directoristCommentEditLoading 0.6s linear infinite; -} -.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__report, -.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__content, -.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__reply { - display: none; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single { - padding: 25px; - border-radius: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single a { - text-decoration: none; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .comment-body { - margin-bottom: 0; - padding: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap { - margin: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-bottom: 20px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: -8px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__img { - padding: 8px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__img img { - width: 50px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 50%; - position: static; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details { - padding: 8px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 { - font-size: 15px; - font-weight: 500; - color: #090E30; - margin: 0 0 5px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2:before, .directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2:after { - content: none; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 time { - display: inline-block; - font-size: 14px; - color: #8C90A4; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 time::before { - content: "-"; - padding-left: 8px; - padding-right: 3px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details .directorist-rating-stars { - font-size: 11px; - color: #EF8000; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 3px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask::after { - width: 11px; - height: 11px; - background-color: #EF8000; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__report a { - font-size: 13px; - color: #8C90A4; - display: block; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content { - font-size: 16px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content__img { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 15px -5px 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content__img img { - max-width: 100px; - -o-object-fit: cover; - object-fit: cover; - margin: 5px; - border-radius: 6px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__feedback { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 15px -5px 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__feedback a { - margin: 5px; - font-size: 13px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply { - margin: 20px -8px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a { - color: #8C90A4; - font-size: 13px; - display: block; - margin: 0 8px; - background: none; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link .directorist-icon-mask { - margin-left: 3px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link .directorist-icon-mask::after { - width: 0.9em; - height: 0.9em; - background-color: #8C90A4; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment { - padding-right: 40px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment .directorist-review-single__contents-wrap { - position: relative; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment .directorist-review-single__contents-wrap::before { - content: ""; - height: 100%; - background-color: #F2F2F2; - width: 2px; - right: -20px; - position: absolute; - top: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit { - margin-top: 0 !important; - margin-bottom: 0 !important; - border: 0 none !important; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit__header { - padding-right: 0; - padding-left: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit__header h3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - max-width: 100%; - width: 100%; - margin: 0 !important; + border-top: 1px solid #eff1f6; +} +.directorist-review-content + .directorist-review-content__reviews + > li:not(:last-child) { + margin-bottom: 10px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-edit-request { + position: relative; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-edit-request::after { + content: ""; + display: block; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-edit-request::before { + position: absolute; + z-index: 100; + right: 50%; + top: 50%; + display: block; + content: ""; + width: 24px; + height: 24px; + border-radius: 50%; + border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); + border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); + animation: directoristCommentEditLoading 0.6s linear infinite; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-editing + .directorist-review-single__report, +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-editing + .directorist-review-single__content, +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-editing + .directorist-review-single__reply { + display: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single { + padding: 25px; + border-radius: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + a { + text-decoration: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .comment-body { + margin-bottom: 0; + padding: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap { + margin: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + margin-bottom: 20px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author { + display: flex; + flex-wrap: wrap; + align-items: center; + margin: -8px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__img { + padding: 8px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__img + img { + width: 50px; + object-fit: cover; + border-radius: 50%; + position: static; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details { + padding: 8px; + flex: 1; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2 { + font-size: 15px; + font-weight: 500; + color: #090e30; + margin: 0 0 5px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2:before, +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2:after { + content: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2 + time { + display: inline-block; + font-size: 14px; + color: #8c90a4; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2 + time::before { + content: "-"; + padding-left: 8px; + padding-right: 3px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + .directorist-rating-stars { + font-size: 11px; + color: #ef8000; + display: flex; + align-items: center; + margin-bottom: 3px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + .directorist-rating-stars + .directorist-icon-mask::after { + width: 11px; + height: 11px; + background-color: #ef8000; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__report + a { + font-size: 13px; + color: #8c90a4; + display: block; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__content { + font-size: 16px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__content__img { + display: flex; + flex-wrap: wrap; + margin: 15px -5px 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__content__img + img { + max-width: 100px; + object-fit: cover; + margin: 5px; + border-radius: 6px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__feedback { + display: flex; + flex-wrap: wrap; + align-items: center; + margin: 15px -5px 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__feedback + a { + margin: 5px; + font-size: 13px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply { + margin: 20px -8px 0; + display: flex; + align-items: center; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a { + color: #8c90a4; + font-size: 13px; + display: block; + margin: 0 8px; + background: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a.directorist-comment-edit-link { + display: inline-flex; + align-items: center; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a.directorist-comment-edit-link + .directorist-icon-mask { + margin-left: 3px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a.directorist-comment-edit-link + .directorist-icon-mask::after { + width: 0.9em; + height: 0.9em; + background-color: #8c90a4; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__comments + .directorist-review-single--comment { + padding-right: 40px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__comments + .directorist-review-single--comment + .directorist-review-single__contents-wrap { + position: relative; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__comments + .directorist-review-single--comment + .directorist-review-single__contents-wrap::before { + content: ""; + height: 100%; + background-color: #f2f2f2; + width: 2px; + right: -20px; + position: absolute; + top: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-submit { + margin-top: 0 !important; + margin-bottom: 0 !important; + border: 0 none !important; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-submit__header { + padding-right: 0; + padding-left: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-submit__header + h3 { + display: flex; + align-items: center; + justify-content: space-between; + max-width: 100%; + width: 100%; + margin: 0 !important; } .directorist-review-content .directorist-review-content__pagination { - padding: 0; - margin: 25px 0 0; + padding: 0; + margin: 25px 0 0; } .directorist-review-content .directorist-review-content__pagination ul { - border: 0 none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -4px; - padding-top: 0; - list-style-type: none; - height: auto; - background: none; + border: 0 none; + display: flex; + align-items: center; + flex-wrap: wrap; + margin: -4px; + padding-top: 0; + list-style-type: none; + height: auto; + background: none; } .directorist-review-content .directorist-review-content__pagination ul li { - padding: 4px; - list-style-type: none; -} -.directorist-review-content .directorist-review-content__pagination ul li .page-numbers { - width: 40px; - height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 6px; - border: 1px solid #E1E4EC; - color: #090E30; - font-weight: 500; - font-size: 14px; - background-color: var(--directorist-color-white); -} -.directorist-review-content .directorist-review-content__pagination ul li .page-numbers.current { - border-color: #090E30; + padding: 4px; + list-style-type: none; +} +.directorist-review-content + .directorist-review-content__pagination + ul + li + .page-numbers { + width: 40px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 6px; + border: 1px solid #e1e4ec; + color: #090e30; + font-weight: 500; + font-size: 14px; + background-color: var(--directorist-color-white); +} +.directorist-review-content + .directorist-review-content__pagination + ul + li + .page-numbers.current { + border-color: #090e30; } .directorist-review-submit { - margin-top: 25px; - margin-bottom: 25px; - background-color: var(--directorist-color-white); - border-radius: 4px; - border: 1px solid #EFF1F6; + margin-top: 25px; + margin-bottom: 25px; + background-color: var(--directorist-color-white); + border-radius: 4px; + border: 1px solid #eff1f6; } .directorist-review-submit__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + gap: 15px; } .directorist-review-submit__header h3 { - font-size: 16px; - font-weight: 500; - color: #1A1B29; - margin: 0; + font-size: 16px; + font-weight: 500; + color: #1a1b29; + margin: 0; } .directorist-review-submit__header h3 span { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .directorist-review-submit__header h3 span:before { - content: "-"; - color: #8F8E9F; - padding-left: 5px; + content: "-"; + color: #8f8e9f; + padding-left: 5px; } .directorist-review-submit__header .directorist-btn { - font-size: 13px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0 20px; - min-height: 40px; - border-radius: 8px; + font-size: 13px; + align-items: center; + padding: 0 20px; + min-height: 40px; + border-radius: 8px; } .directorist-review-submit__header .directorist-btn .directorist-icon-mask { - display: inline-block; - margin-left: 4px; + display: inline-block; + margin-left: 4px; } -.directorist-review-submit__header .directorist-btn .directorist-icon-mask::after { - width: 13px; - height: 13px; - background-color: var(--directorist-color-white); +.directorist-review-submit__header + .directorist-btn + .directorist-icon-mask::after { + width: 13px; + height: 13px; + background-color: var(--directorist-color-white); } .directorist-review-submit__overview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 30px 50px; - border-top: 0 none; + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: space-between; + padding: 30px 50px; + border-top: 0 none; } .directorist-review-submit__overview__rating { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-align: center; + display: flex; + gap: 20px; + align-items: center; + text-align: center; } @media (max-width: 480px) { - .directorist-review-submit__overview__rating { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } - .directorist-review-submit__overview__rating .directorist-rating-stars { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-review-submit__overview__rating { + flex: 0 0 100%; + } + .directorist-review-submit__overview__rating .directorist-rating-stars { + justify-content: center; + } } .directorist-review-submit__overview__rating .directorist-rating-point { - font-size: 40px; - font-weight: 600; - display: block; - color: var(--directorist-color-dark); + font-size: 40px; + font-weight: 600; + display: block; + color: var(--directorist-color-dark); } .directorist-review-submit__overview__rating .directorist-rating-stars { - font-size: 15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 5px; - color: var(--directorist-color-warning); + font-size: 15px; + display: flex; + align-items: center; + margin-bottom: 5px; + color: var(--directorist-color-warning); } .directorist-review-submit__overview__rating .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-warning); -} -.directorist-review-submit__overview__rating .directorist-icon-mask.directorist_fraction_star { - position: relative; -} -.directorist-review-submit__overview__rating .directorist-icon-mask.directorist_fraction_star:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - right: 0; - -webkit-mask-image: url(../js/479b663ce5839f8d7fdc.svg); - mask-image: url(../js/479b663ce5839f8d7fdc.svg); - background-color: var(--directorist-color-warning); + width: 16px; + height: 16px; + background-color: var(--directorist-color-warning); +} +.directorist-review-submit__overview__rating + .directorist-icon-mask.directorist_fraction_star { + position: relative; +} +.directorist-review-submit__overview__rating + .directorist-icon-mask.directorist_fraction_star:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + right: 0; + mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); + background-color: var(--directorist-color-warning); } .directorist-review-submit__overview__rating .directorist-rating-overall { - font-size: 14px; - color: var(--directorist-color-body); - display: block; + font-size: 14px; + color: var(--directorist-color-body); + display: block; } .directorist-review-submit__overview__benchmarks { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - padding: 25px; + flex: 0 0 50%; + padding: 25px; } .directorist-review-submit__overview__benchmarks .directorist-benchmark-single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -6px; -} -.directorist-review-submit__overview__benchmarks .directorist-benchmark-single > * { - margin: 6px !important; -} -.directorist-review-submit__overview__benchmarks .directorist-benchmark-single label { - -webkit-box-flex: 0.1; - -webkit-flex: 0.1; - -ms-flex: 0.1; - flex: 0.1; - min-width: 70px; - display: inline-block; - margin-left: 4px; -} -.directorist-review-submit__overview__benchmarks .directorist-benchmark-single label:after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-white); -} -.directorist-review-submit__reviews, .directorist-review-submit__reviews ul { - padding: 0; - margin: 10px 0 0 0; - list-style-type: none; - margin-right: 0; + display: flex; + align-items: center; + flex-wrap: wrap; + margin: -6px; +} +.directorist-review-submit__overview__benchmarks + .directorist-benchmark-single + > * { + margin: 6px !important; +} +.directorist-review-submit__overview__benchmarks + .directorist-benchmark-single + label { + flex: 0.1; + min-width: 70px; + display: inline-block; + margin-left: 4px; +} +.directorist-review-submit__overview__benchmarks + .directorist-benchmark-single + label:after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-white); +} +.directorist-review-submit__reviews, +.directorist-review-submit__reviews ul { + padding: 0; + margin: 10px 0 0 0; + list-style-type: none; + margin-right: 0; } .directorist-review-submit > li { - border-top: 1px solid var(--directorist-color-border); + border-top: 1px solid var(--directorist-color-border); } .directorist-review-submit .directorist-comment-edit-request { - position: relative; + position: relative; } .directorist-review-submit .directorist-comment-edit-request::after { - content: ""; - display: block; - position: absolute; - right: 0; - top: 0; - height: 100%; - width: 100%; - z-index: 99; - background-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; + content: ""; + display: block; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; } .directorist-review-submit .directorist-comment-edit-request > li { - border-top: 1px solid var(--directorist-color-border); -} -.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request { - position: relative; -} -.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request:after { - content: ""; - display: block; - position: absolute; - right: 0; - top: 0; - height: 100%; - width: 100%; - z-index: 99; - background-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; -} -.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request:before { - position: absolute; - z-index: 100; - right: 50%; - top: 50%; - display: block; - content: ""; - width: 24px; - height: 24px; - border-radius: 50%; - border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); - border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); - -webkit-animation: directoristCommentEditLoading 0.6s linear infinite; - animation: directoristCommentEditLoading 0.6s linear infinite; -} - -.directorist-review-single .directorist-comment-editing .directorist-review-single__report, -.directorist-review-single .directorist-comment-editing .directorist-review-single__content, -.directorist-review-single .directorist-comment-editing .directorist-review-single__actions { - display: none; + border-top: 1px solid var(--directorist-color-border); +} +.directorist-review-submit + .directorist-comment-edit-request + .directorist-comment-edit-request { + position: relative; +} +.directorist-review-submit + .directorist-comment-edit-request + .directorist-comment-edit-request:after { + content: ""; + display: block; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; +} +.directorist-review-submit + .directorist-comment-edit-request + .directorist-comment-edit-request:before { + position: absolute; + z-index: 100; + right: 50%; + top: 50%; + display: block; + content: ""; + width: 24px; + height: 24px; + border-radius: 50%; + border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); + border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); + animation: directoristCommentEditLoading 0.6s linear infinite; +} + +.directorist-review-single + .directorist-comment-editing + .directorist-review-single__report, +.directorist-review-single + .directorist-comment-editing + .directorist-review-single__content, +.directorist-review-single + .directorist-comment-editing + .directorist-review-single__actions { + display: none; } .directorist-review-content__pagination { - padding: 0; - margin: 25px 0 35px; + padding: 0; + margin: 25px 0 35px; } .directorist-review-content__pagination ul { - border: 0 none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -4px; - padding-top: 0; - list-style-type: none; - height: auto; - background: none; + border: 0 none; + display: flex; + align-items: center; + flex-wrap: wrap; + margin: -4px; + padding-top: 0; + list-style-type: none; + height: auto; + background: none; } .directorist-review-content__pagination li { - padding: 4px; - list-style-type: none; + padding: 4px; + list-style-type: none; } .directorist-review-content__pagination li .page-numbers { - width: 40px; - height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 6px; - border: 1px solid #E1E4EC; - color: #090E30; - font-weight: 500; - font-size: 14px; - background-color: var(--directorist-color-white); + width: 40px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 6px; + border: 1px solid #e1e4ec; + color: #090e30; + font-weight: 500; + font-size: 14px; + background-color: var(--directorist-color-white); } .directorist-review-content__pagination li .page-numbers.current { - border-color: #090E30; + border-color: #090e30; } .directorist-review-single { - padding: 40px 30px; - margin: 0; + padding: 40px 30px; + margin: 0; } @media screen and (max-width: 575px) { - .directorist-review-single { - padding: 30px 20px; - } + .directorist-review-single { + padding: 30px 20px; + } } .directorist-review-single a { - text-decoration: none; + text-decoration: none; } .directorist-review-single .comment-body { - margin-bottom: 0; - padding: 0; + margin-bottom: 0; + padding: 0; } .directorist-review-single .comment-body p { - font-size: 15px; - margin: 0; - color: var(--directorist-color-body); + font-size: 15px; + margin: 0; + color: var(--directorist-color-body); } .directorist-review-single .comment-body em { - font-style: normal; + font-style: normal; } .directorist-review-single .directorist-review-single__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-bottom: 20px; + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + margin-bottom: 20px; } .directorist-review-single__author { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: flex; + flex-wrap: wrap; + align-items: flex-start; } .directorist-review-single__author__img { - width: 50px; - height: 50px; - padding: 0; + width: 50px; + height: 50px; + padding: 0; } .directorist-review-single__author__img img { - width: 50px; - height: 50px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 50%; - position: static; + width: 50px; + height: 50px; + object-fit: cover; + border-radius: 50%; + position: static; } .directorist-review-single__author__details { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin-right: 15px; + flex: 1; + margin-right: 15px; } .directorist-review-single__author__details h2 { - font-size: 15px; - font-weight: 500; - margin: 0 0 5px; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 500; + margin: 0 0 5px; + color: var(--directorist-color-dark); } .directorist-review-single__author__details .directorist-rating-stars { - font-size: 11px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: var(--directorist-color-warning); -} -.directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask { - margin: 1px; -} -.directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask:after { - width: 11px; - height: 11px; - background-color: var(--directorist-color-warning); + font-size: 11px; + display: flex; + align-items: center; + color: var(--directorist-color-warning); +} +.directorist-review-single__author__details + .directorist-rating-stars + .directorist-icon-mask { + margin: 1px; +} +.directorist-review-single__author__details + .directorist-rating-stars + .directorist-icon-mask:after { + width: 11px; + height: 11px; + background-color: var(--directorist-color-warning); } .directorist-review-single__author__details .directorist-review-date { - display: inline-block; - font-size: 13px; - margin-right: 14px; - color: var(--directorist-color-deep-gray); + display: inline-block; + font-size: 13px; + margin-right: 14px; + color: var(--directorist-color-deep-gray); } .directorist-review-single__report a { - font-size: 13px; - color: #8C90A4; - display: block; + font-size: 13px; + color: #8c90a4; + display: block; } .directorist-review-single__content p { - font-size: 15px; - color: var(--directorist-color-body); + font-size: 15px; + color: var(--directorist-color-body); } .directorist-review-single__feedback { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 15px -5px 0; + display: flex; + flex-wrap: wrap; + align-items: center; + margin: 15px -5px 0; } .directorist-review-single__feedback a { - margin: 5px; - font-size: 13px; + margin: 5px; + font-size: 13px; } .directorist-review-single__actions { - margin: 20px -8px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + margin: 20px -8px 0; + display: flex; + align-items: center; } .directorist-review-single__actions a { - font-size: 13px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background: none; - margin: 0 8px; - color: var(--directorist-color-deep-gray); + font-size: 13px; + display: inline-flex; + align-items: center; + background: none; + margin: 0 8px; + color: var(--directorist-color-deep-gray); } .directorist-review-single__actions a .directorist-icon-mask { - margin-left: 6px; + margin-left: 6px; } .directorist-review-single__actions a .directorist-icon-mask::after { - width: 13.5px; - height: 13.5px; - background-color: var(--directorist-color-deep-gray); + width: 13.5px; + height: 13.5px; + background-color: var(--directorist-color-deep-gray); } .directorist-review-single .directorist-review-meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + gap: 15px; + flex-wrap: wrap; } @media screen and (max-width: 575px) { - .directorist-review-single .directorist-review-meta { - gap: 10px; - } + .directorist-review-single .directorist-review-meta { + gap: 10px; + } } .directorist-review-single .directorist-review-meta .directorist-review-date { - margin: 0; + margin: 0; } .directorist-review-single .directorist-review-submit { - margin-top: 0; - margin-bottom: 0; - border: 0 none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + margin-top: 0; + margin-bottom: 0; + border: 0 none; + box-shadow: 0 0; } .directorist-review-single .directorist-review-submit__header { - padding-right: 0; - padding-left: 0; -} -.directorist-review-single .directorist-review-submit .directorist-card__header__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - font-size: 13px; - max-width: 100%; - width: 100%; - margin: 0; + padding-right: 0; + padding-left: 0; +} +.directorist-review-single + .directorist-review-submit + .directorist-card__header__title { + display: flex; + align-items: center; + justify-content: space-between; + font-size: 13px; + max-width: 100%; + width: 100%; + margin: 0; } .directorist-review-single .directorist-review-single { - padding: 18px 40px; + padding: 18px 40px; } .directorist-review-single .directorist-review-single:last-child { - padding-bottom: 0; -} -.directorist-review-single .directorist-review-single .directorist-review-single__header { - margin-bottom: 15px; -} -.directorist-review-single .directorist-review-single .directorist-review-single__info { - position: relative; -} -.directorist-review-single .directorist-review-single .directorist-review-single__info:before { - position: absolute; - right: -20px; - top: 0; - width: 2px; - height: 100%; - content: ""; - background-color: var(--directorist-color-border-gray); + padding-bottom: 0; +} +.directorist-review-single + .directorist-review-single + .directorist-review-single__header { + margin-bottom: 15px; +} +.directorist-review-single + .directorist-review-single + .directorist-review-single__info { + position: relative; +} +.directorist-review-single + .directorist-review-single + .directorist-review-single__info:before { + position: absolute; + right: -20px; + top: 0; + width: 2px; + height: 100%; + content: ""; + background-color: var(--directorist-color-border-gray); } .directorist-review-submit__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; } .directorist-review-submit__form { - margin: 0 !important; + margin: 0 !important; } .directorist-review-submit__form:not(.directorist-form-comment-edit) { - padding: 25px; -} -.directorist-review-submit__form#commentform .directorist-form-group, .directorist-review-submit__form.directorist-form-comment-edit .directorist-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; -} -.directorist-review-submit__form .directorist-review-single .directorist-card__body { - padding-right: 0; - padding-left: 0; + padding: 25px; +} +.directorist-review-submit__form#commentform .directorist-form-group, +.directorist-review-submit__form.directorist-form-comment-edit + .directorist-form-group { + display: flex; + gap: 10px; + flex-wrap: wrap; + align-items: center; + justify-content: flex-start; +} +.directorist-review-submit__form + .directorist-review-single + .directorist-card__body { + padding-right: 0; + padding-left: 0; } .directorist-review-submit__form .directorist-alert { - margin-bottom: 20px; - padding: 10px 20px; + margin-bottom: 20px; + padding: 10px 20px; } .directorist-review-submit__form .directorist-review-criteria { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-review-submit__form .directorist-review-criteria__single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 15px; } .directorist-review-submit__form .directorist-review-criteria__single__label { - width: 100px; - word-wrap: break-word; - word-break: break-all; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - margin: 0; -} -.directorist-review-submit__form .directorist-review-criteria__single .br-widget { - margin: -1px; + width: 100px; + word-wrap: break-word; + word-break: break-all; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + margin: 0; +} +.directorist-review-submit__form + .directorist-review-criteria__single + .br-widget { + margin: -1px; } .directorist-review-submit__form .directorist-review-criteria__single a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 24px; - height: 24px; - border-radius: 4px; - background-color: #E1E4EC; - margin: 1px; - text-decoration: none; - outline: 0; + display: inline-flex; + align-items: center; + justify-content: center; + width: 24px; + height: 24px; + border-radius: 4px; + background-color: #e1e4ec; + margin: 1px; + text-decoration: none; + outline: 0; } .directorist-review-submit__form .directorist-review-criteria__single a:before { - content: ""; - -webkit-mask-image: url(../js/60b8c48296c3c553bf39.svg); - mask-image: url(../js/60b8c48296c3c553bf39.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); + content: ""; + mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); + mask-repeat: no-repeat; + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); } .directorist-review-submit__form .directorist-review-criteria__single a:focus { - background-color: #E1E4EC !important; - text-decoration: none !important; - outline: 0; -} -.directorist-review-submit__form .directorist-review-criteria__single a.br-selected, .directorist-review-submit__form .directorist-review-criteria__single a.br-active { - background-color: var(--directorist-color-warning) !important; - text-decoration: none; - outline: 0; -} -.directorist-review-submit__form .directorist-review-criteria__single .br-current-rating { - display: inline-block; - margin-right: 20px; - font-size: 14px; - font-weight: 500; + background-color: #e1e4ec !important; + text-decoration: none !important; + outline: 0; +} +.directorist-review-submit__form + .directorist-review-criteria__single + a.br-selected, +.directorist-review-submit__form + .directorist-review-criteria__single + a.br-active { + background-color: var(--directorist-color-warning) !important; + text-decoration: none; + outline: 0; +} +.directorist-review-submit__form + .directorist-review-criteria__single + .br-current-rating { + display: inline-block; + margin-right: 20px; + font-size: 14px; + font-weight: 500; } .directorist-review-submit__form .directorist-form-group:not(:last-child) { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-review-submit__form .directorist-form-group textarea { - background-color: #F6F7F9; - font-size: 15px; - display: block; - resize: vertical; - margin: 0; + background-color: #f6f7f9; + font-size: 15px; + display: block; + resize: vertical; + margin: 0; } .directorist-review-submit__form .directorist-form-group textarea:focus { - background-color: #F6F7F9; + background-color: #f6f7f9; } .directorist-review-submit__form .directorist-form-group label { - display: block; - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-dark); - margin-bottom: 5px; -} -.directorist-review-submit__form .directorist-form-group input[type=text], -.directorist-review-submit__form .directorist-form-group input[type=email], -.directorist-review-submit__form .directorist-form-group input[type=url] { - height: 46px; - background-color: var(--directorist-color-white); - margin: 0; -} -.directorist-review-submit__form .directorist-form-group input[type=text]::-webkit-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]::-webkit-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]::-webkit-input-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form .directorist-form-group input[type=text]::-moz-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]::-moz-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]::-moz-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form .directorist-form-group input[type=text]:-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]:-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]:-ms-input-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form .directorist-form-group input[type=text]::-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]::-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]::-ms-input-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form .directorist-form-group input[type=text]::placeholder, -.directorist-review-submit__form .directorist-form-group input[type=email]::placeholder, -.directorist-review-submit__form .directorist-form-group input[type=url]::placeholder { - color: var(--directorist-color-deep-gray); + display: block; + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-dark); + margin-bottom: 5px; +} +.directorist-review-submit__form .directorist-form-group input[type="text"], +.directorist-review-submit__form .directorist-form-group input[type="email"], +.directorist-review-submit__form .directorist-form-group input[type="url"] { + height: 46px; + background-color: var(--directorist-color-white); + margin: 0; +} +.directorist-review-submit__form + .directorist-form-group + input[type="text"]::placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="email"]::placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="url"]::placeholder { + color: var(--directorist-color-deep-gray); } .directorist-review-submit__form .form-group-comment { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-review-submit__form .form-group-comment.directorist-form-group { - margin-bottom: 42px; + margin-bottom: 42px; } @media screen and (max-width: 575px) { - .directorist-review-submit__form .form-group-comment.directorist-form-group { - margin-bottom: 30px; - } + .directorist-review-submit__form + .form-group-comment.directorist-form-group { + margin-bottom: 30px; + } } .directorist-review-submit__form .form-group-comment textarea { - border-radius: 12px; - resize: none; - padding: 20px; - min-height: 140px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background-color: var(--directorist-color-white); - border: 2px solid var(--directorist-color-border); + border-radius: 12px; + resize: none; + padding: 20px; + min-height: 140px; + box-sizing: border-box; + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border); } .directorist-review-submit__form .form-group-comment textarea:focus { - border: 2px solid var(--directorist-color-border-gray); + border: 2px solid var(--directorist-color-border-gray); } .directorist-review-submit__form .directorist-review-media-upload { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.directorist-review-submit__form .directorist-review-media-upload input[type=file] { - display: none; + display: flex; + align-items: center; + flex-wrap: wrap; +} +.directorist-review-submit__form + .directorist-review-media-upload + input[type="file"] { + display: none; } .directorist-review-submit__form .directorist-review-media-upload label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 115px; - height: 100px; - border-radius: 8px; - border: 1px dashed #C6D0DC; - cursor: pointer; - margin-bottom: 0; + display: inline-flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 115px; + height: 100px; + border-radius: 8px; + border: 1px dashed #c6d0dc; + cursor: pointer; + margin-bottom: 0; } .directorist-review-submit__form .directorist-review-media-upload label i { - font-size: 26px; - color: #AFB2C4; + font-size: 26px; + color: #afb2c4; } .directorist-review-submit__form .directorist-review-media-upload label span { - display: block; - font-size: 14px; - color: var(--directorist-color-body); - margin-top: 6px; + display: block; + font-size: 14px; + color: var(--directorist-color-body); + margin-top: 6px; } .directorist-review-submit__form .directorist-review-img-gallery { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -5px 5px -5px -5px; + display: flex; + flex-wrap: wrap; + margin: -5px 5px -5px -5px; } .directorist-review-submit__form .directorist-review-gallery-preview { - position: relative; - margin: 5px; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-img-gallery { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 5px; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview { - position: relative; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview:hover .directorist-btn-delete { - opacity: 1; - visibility: visible; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview img { - width: 115px; - height: 100px; - max-width: 115px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 8px; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview .directorist-btn-delete { - position: absolute; - top: 6px; - left: 6px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 30px; - width: 30px; - border-radius: 50%; - color: var(--directorist-color-white); - background-color: var(--directorist-color-danger); - opacity: 0; - visibility: hidden; + position: relative; + margin: 5px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-img-gallery { + display: flex; + flex-wrap: wrap; + gap: 5px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview { + position: relative; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview:hover + .directorist-btn-delete { + opacity: 1; + visibility: visible; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview + img { + width: 115px; + height: 100px; + max-width: 115px; + object-fit: cover; + border-radius: 8px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview + .directorist-btn-delete { + position: absolute; + top: 6px; + left: 6px; + display: inline-flex; + align-items: center; + justify-content: center; + height: 30px; + width: 30px; + border-radius: 50%; + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); + opacity: 0; + visibility: hidden; } .directorist-review-submit__form .directorist-review-gallery-preview img { - width: 115px; - height: 100px; - max-width: 115px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 8px; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-btn-delete { - position: absolute; - top: 6px; - left: 6px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 30px; - width: 30px; - border-radius: 50%; - color: var(--directorist-color-white); - background-color: var(--directorist-color-danger); - opacity: 0; - visibility: hidden; + width: 115px; + height: 100px; + max-width: 115px; + object-fit: cover; + border-radius: 8px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-btn-delete { + position: absolute; + top: 6px; + left: 6px; + display: inline-flex; + align-items: center; + justify-content: center; + height: 30px; + width: 30px; + border-radius: 50%; + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); + opacity: 0; + visibility: hidden; } .directorist-review-submit .directorist-btn { - padding: 0 20px; + padding: 0 20px; } -.directorist-review-content + .directorist-review-submit.directorist-review-submit--hidden { - display: none !important; -} - -@-webkit-keyframes directoristCommentEditLoading { - to { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } +.directorist-review-content + + .directorist-review-submit.directorist-review-submit--hidden { + display: none !important; } @keyframes directoristCommentEditLoading { - to { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + to { + transform: rotate(-360deg); + } } .directorist-favourite-items-wrap { - -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); - box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); } .directorist-favourite-items-wrap .directorist-favourirte-items { - background-color: var(--directorist-color-white); - padding: 20px 10px; - border-radius: 12px; + background-color: var(--directorist-color-white); + padding: 20px 10px; + border-radius: 12px; } .directorist-favourite-items-wrap .directorist-dashboard-items-list { - font-size: 15px; + font-size: 15px; } .directorist-favourite-items-wrap .directorist-dashboard-items-list__single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 15px !important; - margin: 0; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-transition: 0.35s; - transition: 0.35s; + display: flex; + padding: 15px !important; + margin: 0; + justify-content: space-between; + align-items: center; + transition: 0.35s; } @media only screen and (max-width: 991px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single { - background-color: #F8F9FA; - border-radius: 5px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single:hover { - background-color: #F8F9FA; - border-radius: 5px; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single:hover .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn { - opacity: 1; - visibility: visible; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img { - margin-left: 20px; + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single { + background-color: #f8f9fa; + border-radius: 5px; + flex-direction: column; + align-items: flex-start; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single:hover { + background-color: #f8f9fa; + border-radius: 5px; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single:hover + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn { + opacity: 1; + visibility: visible; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-img { + margin-left: 20px; } @media only screen and (max-width: 479px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img { - margin-left: 0; - } -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img img { - max-width: 100px; - border-radius: 6px; + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-img { + margin-left: 0; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-img + img { + max-width: 100px; + border-radius: 6px; } @media only screen and (max-width: 479px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-content { - margin-top: 10px; - } -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-title { - font-size: 15px; - font-weight: 500; - margin: 0 0 6px; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-title a { - color: var(--directorist-color-dark); - text-decoration: none; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category { - color: var(--directorist-color-primary); - text-decoration: none; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.la, -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.fa, -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.fas, -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category i { - margin-left: 6px; - color: var(--directorist-color-light-gray); -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-content { + margin-top: 10px; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-title { + font-size: 15px; + font-weight: 500; + margin: 0 0 6px; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-title + a { + color: var(--directorist-color-dark); + text-decoration: none; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category { + color: var(--directorist-color-primary); + text-decoration: none; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + span.la, +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + span.fa, +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + span.fas, +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + i { + margin-left: 6px; + color: var(--directorist-color-light-gray); +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__info { + display: flex; } @media only screen and (max-width: 991px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info { - margin-bottom: 15px; - } + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__info { + margin-bottom: 15px; + } } @media only screen and (max-width: 479px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn { - font-weight: 500; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-radius: 8px; - padding: 0px 14px; - color: var(--directorist-color-white) !important; - line-height: 2.65; - opacity: 0; - visibility: hidden; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn .directorist-icon-mask { - margin-left: 5px; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn .directorist-icon-mask:after { - background-color: var(--directorist-color-white); -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn { - /* Legacy Icon */ -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn > i:not(.directorist-icon-mask) { - margin-left: 5px; + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__info { + flex-direction: column; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn { + font-weight: 500; + display: inline-flex; + align-items: center; + border-radius: 8px; + padding: 0px 14px; + color: var(--directorist-color-white) !important; + line-height: 2.65; + opacity: 0; + visibility: hidden; + /* Legacy Icon */ +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn + .directorist-icon-mask { + margin-left: 5px; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn + > i:not(.directorist-icon-mask) { + margin-left: 5px; } @media only screen and (max-width: 991px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn { - opacity: 1; - visibility: visible; - } + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn { + opacity: 1; + visibility: visible; + } } .directorist-user-dashboard { - width: 100% !important; - max-width: 100% !important; - overflow: hidden; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100% !important; + max-width: 100% !important; + overflow: hidden; + box-sizing: border-box; } .directorist-user-dashboard__contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding-bottom: 20px; + display: flex; + padding-bottom: 20px; } .directorist-user-dashboard__toggle { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-user-dashboard__toggle__link { - border: 1px solid #e3e6ef; - padding: 6.5px 8px 6.5px; - border-radius: 8px; - display: inline-block; - outline: 0; - background-color: var(--directorist-color-white); - line-height: 1; - color: var(--directorist-color-primary); + border: 1px solid #e3e6ef; + padding: 6.5px 8px 6.5px; + border-radius: 8px; + display: inline-block; + outline: 0; + background-color: var(--directorist-color-white); + line-height: 1; + color: var(--directorist-color-primary); } .directorist-user-dashboard__tab-content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - width: calc(100% - 250px); + flex: 1; + width: calc(100% - 250px); } .directorist-user-dashboard .directorist-alert { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-user-dashboard #directorist-preference-notice .directorist-alert { - margin-top: 15px; - margin-bottom: 0; + margin-top: 15px; + margin-bottom: 0; } /* user dashboard loader */ #directorist-dashboard-preloader { - height: 100%; - right: 0; - overflow: visible; - position: fixed; - top: 0; - width: 100%; - z-index: 9999999; - display: none; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + height: 100%; + right: 0; + overflow: visible; + position: fixed; + top: 0; + width: 100%; + z-index: 9999999; + display: none; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); } #directorist-dashboard-preloader div { - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: block; - position: absolute; - width: 64px; - height: 64px; - margin: 8px; - border: 8px solid var(--directorist-color-primary); - border-radius: 50%; - -webkit-animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - border-color: var(--directorist-color-primary) transparent transparent transparent; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); + box-sizing: border-box; + display: block; + position: absolute; + width: 64px; + height: 64px; + margin: 8px; + border: 8px solid var(--directorist-color-primary); + border-radius: 50%; + animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + border-color: var(--directorist-color-primary) transparent transparent + transparent; + right: 50%; + top: 50%; + transform: translate(50%, -50%); } #directorist-dashboard-preloader div:nth-child(1) { - -webkit-animation-delay: -0.45s; - animation-delay: -0.45s; + animation-delay: -0.45s; } #directorist-dashboard-preloader div:nth-child(2) { - -webkit-animation-delay: -0.3s; - animation-delay: -0.3s; + animation-delay: -0.3s; } #directorist-dashboard-preloader div:nth-child(3) { - -webkit-animation-delay: -0.15s; - animation-delay: -0.15s; + animation-delay: -0.15s; } /* My listing tab */ .directorist-user-dashboard-tab__nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 0 20px; - border-radius: 12px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0 20px; + border-radius: 12px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } @media screen and (max-width: 480px) { - .directorist-user-dashboard-tab__nav { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } + .directorist-user-dashboard-tab__nav { + align-items: flex-start; + } } .directorist-user-dashboard-tab ul { - margin: 0; - list-style: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-right: 0; + margin: 0; + list-style: none; + display: flex; + align-items: center; + padding-right: 0; } @media screen and (max-width: 480px) { - .directorist-user-dashboard-tab ul { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding-right: 0; - } + .directorist-user-dashboard-tab ul { + flex-wrap: wrap; + padding-right: 0; + } } .directorist-user-dashboard-tab li { - list-style: none; + list-style: none; } .directorist-user-dashboard-tab li:not(:last-child) { - margin-left: 20px; + margin-left: 20px; } .directorist-user-dashboard-tab li a { - display: inline-block; - font-size: 14px; - font-weight: 500; - padding: 20px 0; - text-decoration: none; - color: var(--directorist-color-dark); - position: relative; + display: inline-block; + font-size: 14px; + font-weight: 500; + padding: 20px 0; + text-decoration: none; + color: var(--directorist-color-dark); + position: relative; } .directorist-user-dashboard-tab li a:after { - position: absolute; - right: 0; - bottom: -4px; - width: 100%; - height: 2px; - border-radius: 8px; - opacity: 0; - visibility: hidden; - content: ""; - background-color: var(--directorist-color-primary); + position: absolute; + right: 0; + bottom: -4px; + width: 100%; + height: 2px; + border-radius: 8px; + opacity: 0; + visibility: hidden; + content: ""; + background-color: var(--directorist-color-primary); } .directorist-user-dashboard-tab li a.directorist-tab__nav__active { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-user-dashboard-tab li a.directorist-tab__nav__active:after { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } @media screen and (max-width: 480px) { - .directorist-user-dashboard-tab li a { - padding-bottom: 5px; - } + .directorist-user-dashboard-tab li a { + padding-bottom: 5px; + } } .directorist-user-dashboard-tab .directorist-user-dashboard-search { - position: relative; - border-radius: 12px; - margin: 16px 16px 16px 0; + position: relative; + border-radius: 12px; + margin: 16px 16px 16px 0; } .directorist-user-dashboard-tab .directorist-user-dashboard-search__icon { - position: absolute; - right: 16px; - top: 50%; - line-height: 1; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + right: 16px; + top: 50%; + line-height: 1; + transform: translateY(-50%); } .directorist-user-dashboard-tab .directorist-user-dashboard-search__icon i, .directorist-user-dashboard-tab .directorist-user-dashboard-search__icon span { - font-size: 16px; + font-size: 16px; } -.directorist-user-dashboard-tab .directorist-user-dashboard-search__icon .directorist-icon-mask::after { - width: 16px; - height: 16px; +.directorist-user-dashboard-tab + .directorist-user-dashboard-search__icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; } .directorist-user-dashboard-tab .directorist-user-dashboard-search input { - border: 0 none; - border-radius: 18px; - font-size: 14px; - font-weight: 400; - color: #8f8e9f; - padding: 10px 40px 10px 18px; - min-width: 260px; - height: 36px; - background-color: #f6f7f9; - margin-bottom: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; + border: 0 none; + border-radius: 18px; + font-size: 14px; + font-weight: 400; + color: #8f8e9f; + padding: 10px 40px 10px 18px; + min-width: 260px; + height: 36px; + background-color: #f6f7f9; + margin-bottom: 0; + box-sizing: border-box; } .directorist-user-dashboard-tab .directorist-user-dashboard-search input:focus { - outline: none; + outline: none; } @media screen and (max-width: 375px) { - .directorist-user-dashboard-tab .directorist-user-dashboard-search input { - min-width: unset; - } + .directorist-user-dashboard-tab .directorist-user-dashboard-search input { + min-width: unset; + } } .directorist-user-dashboard-tabcontent { - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - border-radius: 12px; - margin-top: 15px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + border-radius: 12px; + margin-top: 15px; } .directorist-user-dashboard-tabcontent .directorist-listing-table { - border-radius: 10px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-table { - display: table; - border: 0 none; - border-collapse: collapse; - border-spacing: 0; - empty-cells: show; - margin-bottom: 0; - margin-top: 0; - overflow: visible !important; - width: 100%; + border-radius: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-table { + display: table; + border: 0 none; + border-collapse: collapse; + border-spacing: 0; + empty-cells: show; + margin-bottom: 0; + margin-top: 0; + overflow: visible !important; + width: 100%; } .directorist-user-dashboard-tabcontent .directorist-listing-table tr { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - text-align: right; + text-align: right; } -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { - min-width: 320px; +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing { + min-width: 320px; } @media (max-width: 1499px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { - min-width: 260px; - } + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing { + min-width: 260px; + } } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { - min-width: 230px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type { - min-width: 180px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing { + min-width: 230px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing-type { + min-width: 180px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type { - min-width: 160px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-category { - min-width: 180px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { - min-width: 250px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing-type { + min-width: 160px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-category { + min-width: 180px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-ex-date { + min-width: 250px; } @media (max-width: 1499px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { - min-width: 220px; - } + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-ex-date { + min-width: 220px; + } } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { - min-width: 200px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status { - min-width: 160px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-ex-date { + min-width: 200px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-status { + min-width: 160px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status { - min-width: 130px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan { - min-width: 120px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-status { + min-width: 130px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist_table-plan { + min-width: 120px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan { - min-width: 100px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions { - min-width: 200px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist_table-plan { + min-width: 100px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-actions { + min-width: 200px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions { - min-width: 150px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child th { - padding-top: 22px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child td { - padding-top: 28px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child td, -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child th { - padding-bottom: 22px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child .directorist-dropdown .directorist-dropdown-menu { - bottom: 100%; - top: auto; - -webkit-transform: translateY(-15px); - transform: translateY(-15px); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child .directorist-dropdown .directorist-dropdown-menu { - bottom: auto; - top: 35px; - -webkit-transform: translateY(0); - transform: translateY(0); + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-actions { + min-width: 150px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:first-child + th { + padding-top: 22px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:first-child + td { + padding-top: 28px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:last-child + td, +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:last-child + th { + padding-bottom: 22px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:last-child + .directorist-dropdown + .directorist-dropdown-menu { + bottom: 100%; + top: auto; + transform: translateY(-15px); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:first-child + .directorist-dropdown + .directorist-dropdown-menu { + bottom: auto; + top: 35px; + transform: translateY(0); } .directorist-user-dashboard-tabcontent .directorist-listing-table tr td, .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - padding: 12.5px 22px; - border: 0 none; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + padding: 12.5px 22px; + border: 0 none; } .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - letter-spacing: 1.1px; - font-size: 12px; - font-weight: 500; - color: #8f8e9f; - text-transform: uppercase; - border-bottom: 1px solid #eff1f6; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__img { - margin-left: 12px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__img img { - width: 44px; - height: 44px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 6px; - max-width: inherit; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-title { - margin: 0 0 5px; - font-size: 15px; - font-weight: 500; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-title a { - color: #0a0b1e; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-price { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge { - font-size: 12px; - font-weight: 700; - border-radius: 4px; - padding: 3px 7px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.primary { - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_publish { - color: var(--directorist-color-success); - background-color: rgba(var(--directorist-color-success-rgb), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_pending { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning-rgb), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_private { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger-rgb), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.danger { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.warning { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a { - font-size: 13px; - text-decoration: none; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn { - color: var(--directorist-color-info); - font-weight: 500; - margin-left: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-info); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-white); - font-weight: 500; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more i, -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more span, -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more svg { - position: relative; - top: 1.5px; - margin-left: 5px; - font-size: 14px; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-checkbox label { - margin-bottom: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown { - position: relative; - border: 0 none; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown .directorist-dropdown-menu { - position: absolute; - left: 0; - top: 35px; - opacity: 0; - visibility: hidden; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); - box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown .directorist-dropdown-menu.active { - opacity: 1; - visibility: visible; - z-index: 22; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu { - min-width: 230px; - border: 1px solid #eff1f6; - padding: 0 0 10px 0; - border-radius: 6px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list { - position: relative; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list:not(:last-child) { - padding-bottom: 10px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list:not(:last-child):after { - position: absolute; - right: 20px; - bottom: 0; - width: calc(100% - 40px); - height: 1px; - background-color: #eff1f6; - content: ""; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item { - padding: 10px 20px; - font-size: 14px; - color: var(--directorist-color-body); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - text-decoration: none; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item:hover { - background-color: #f6f7f9; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item:first-child { - margin-top: 10px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item i { - font-size: 15px; - margin-left: 14px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox { - padding: 10px 20px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox:first-child { - margin-top: 10px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox label { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist_dashboard_rating li:not(:last-child) { - margin-left: 4px; + letter-spacing: 1.1px; + font-size: 12px; + font-weight: 500; + color: #8f8e9f; + text-transform: uppercase; + border-bottom: 1px solid #eff1f6; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info { + display: flex; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__img { + margin-left: 12px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__img + img { + width: 44px; + height: 44px; + object-fit: cover; + border-radius: 6px; + max-width: inherit; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content { + flex: 1; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content + .directorist-title { + margin: 0 0 5px; + font-size: 15px; + font-weight: 500; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content + .directorist-title + a { + color: #0a0b1e; + box-shadow: none; + text-decoration: none; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content + .directorist-price { + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge { + font-size: 12px; + font-weight: 700; + border-radius: 4px; + padding: 3px 7px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.primary { + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.directorist_status_publish { + color: var(--directorist-color-success); + background-color: rgba(var(--directorist-color-success-rgb), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.directorist_status_pending { + color: var(--directorist-color-warning); + background-color: rgba(var(--directorist-color-warning-rgb), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.directorist_status_private { + color: var(--directorist-color-danger); + background-color: rgba(var(--directorist-color-danger-rgb), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.danger { + color: var(--directorist-color-danger); + background-color: rgba(var(--directorist-color-danger), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.warning { + color: var(--directorist-color-warning); + background-color: rgba(var(--directorist-color-warning), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions { + display: flex; + align-items: center; + justify-content: flex-end; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a { + font-size: 13px; + text-decoration: none; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a.directorist-link-btn { + color: var(--directorist-color-info); + font-weight: 500; + margin-left: 20px; + display: flex; + align-items: center; + gap: 5px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a.directorist-link-btn + .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-info); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more { + display: inline-flex; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-white); + font-weight: 500; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more + i, +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more + span, +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more + svg { + position: relative; + top: 1.5px; + margin-left: 5px; + font-size: 14px; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-checkbox + label { + margin-bottom: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown { + position: relative; + border: 0 none; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown + .directorist-dropdown-menu { + position: absolute; + left: 0; + top: 35px; + opacity: 0; + visibility: hidden; + background-color: var(--directorist-color-white); + box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown + .directorist-dropdown-menu.active { + opacity: 1; + visibility: visible; + z-index: 22; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu { + min-width: 230px; + border: 1px solid #eff1f6; + padding: 0 0 10px 0; + border-radius: 6px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list { + position: relative; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list:not(:last-child) { + padding-bottom: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list:not(:last-child):after { + position: absolute; + right: 20px; + bottom: 0; + width: calc(100% - 40px); + height: 1px; + background-color: #eff1f6; + content: ""; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item { + padding: 10px 20px; + font-size: 14px; + color: var(--directorist-color-body); + display: flex; + text-decoration: none; + flex-wrap: wrap; + align-items: center; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item:hover { + background-color: #f6f7f9; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item:first-child { + margin-top: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item + i { + font-size: 15px; + margin-left: 14px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist_custom-checkbox { + padding: 10px 20px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist_custom-checkbox:first-child { + margin-top: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist_custom-checkbox + label { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist_dashboard_rating + li:not(:last-child) { + margin-left: 4px; } .directorist-user-dashboard-tabcontent .directorist_dashboard_category ul { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.directorist-user-dashboard-tabcontent .directorist_dashboard_category li:not(:last-child) { - margin-left: 0px; - margin-bottom: 4px; + flex-direction: column; + align-items: flex-start; +} +.directorist-user-dashboard-tabcontent + .directorist_dashboard_category + li:not(:last-child) { + margin-left: 0px; + margin-bottom: 4px; } .directorist-user-dashboard-tabcontent .directorist_dashboard_category li i, -.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.fas, -.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.fa, -.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.la { - font-size: 15px; - margin-left: 4px; +.directorist-user-dashboard-tabcontent + .directorist_dashboard_category + li + span.fas, +.directorist-user-dashboard-tabcontent + .directorist_dashboard_category + li + span.fa, +.directorist-user-dashboard-tabcontent + .directorist_dashboard_category + li + span.la { + font-size: 15px; + margin-left: 4px; } .directorist-user-dashboard-tabcontent .directorist_dashboard_category li a { - padding: 0; + padding: 0; } .directorist-user-dashboard-tabcontent .directorist-dashboard-pagination { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - margin: 2px 22px 0 22px; - padding: 30px 0 40px; - border-top: 1px solid #eff1f6; -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers { - margin: 4px; - padding: 0; - line-height: normal; - height: 40px; - min-height: 40px; - width: 40px; - min-width: 40px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border: 2px solid var(--directorist-color-border); - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-transition: 0.3s; - transition: 0.3s; - color: var(--directorist-color-body); - text-align: center; - margin: 4px; - left: auto; - float: none; - font-size: 15px; - text-decoration: none; -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers:hover, .directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers.current { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers:hover .directorist-icon-mask:after, .directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers.current .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-body); -} - -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { - min-width: 218px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type { - min-width: 95px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { - min-width: 140px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status { - min-width: 115px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan { - min-width: 120px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions { - min-width: 155px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr td, -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - padding: 12px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn { - margin-left: 15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + margin: 2px 22px 0 22px; + padding: 30px 0 40px; + border-top: 1px solid #eff1f6; +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers { + margin: 4px; + padding: 0; + line-height: normal; + height: 40px; + min-height: 40px; + width: 40px; + min-width: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + border: 2px solid var(--directorist-color-border); + border-radius: 8px; + background-color: var(--directorist-color-white); + transition: 0.3s; + color: var(--directorist-color-body); + text-align: center; + margin: 4px; + left: auto; + float: none; + font-size: 15px; + text-decoration: none; +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers:hover, +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers.current { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers:hover + .directorist-icon-mask:after, +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers.current + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-body); +} + +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing { + min-width: 218px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing-type { + min-width: 95px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-ex-date { + min-width: 140px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-status { + min-width: 115px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist_table-plan { + min-width: 120px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-actions { + min-width: 155px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + td, +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th { + padding: 12px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a.directorist-link-btn { + margin-left: 15px; + display: flex; + align-items: center; } .directorist-table-responsive { - display: block !important; - width: 100%; - overflow-x: auto; - overflow-y: visible; + display: block !important; + width: 100%; + overflow-x: auto; + overflow-y: visible; } @media (max-width: 767px) { - .directorist-user-dashboard-tab .directorist-user-dashboard-tab__nav { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - padding-bottom: 20px; - } - .directorist-user-dashboard-search { - margin-top: 15px; - } + .directorist-user-dashboard-tab .directorist-user-dashboard-tab__nav { + flex-flow: column; + padding-bottom: 20px; + } + .directorist-user-dashboard-search { + margin-top: 15px; + } } .atbdp__draft { - line-height: 24px; - display: inline-block; - font-size: 12px; - font-weight: 500; - padding: 0 10px; - border-radius: 10px; - margin-top: 9px; - color: var(--directorist-color-primary); - background: rgba(var(--directorist-color-primary), 0.1); + line-height: 24px; + display: inline-block; + font-size: 12px; + font-weight: 500; + padding: 0 10px; + border-radius: 10px; + margin-top: 9px; + color: var(--directorist-color-primary); + background: rgba(var(--directorist-color-primary), 0.1); } /* become author modal */ .directorist-become-author-modal { - position: fixed; - width: 100%; - height: 100%; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - right: 0; - top: 0; - z-index: 9999; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - opacity: 0; - pointer-events: none; + position: fixed; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + right: 0; + top: 0; + z-index: 9999; + display: flex; + align-items: center; + justify-content: center; + visibility: hidden; + opacity: 0; + pointer-events: none; } .directorist-become-author-modal.directorist-become-author-modal__show { - visibility: visible; - opacity: 1; - pointer-events: all; + visibility: visible; + opacity: 1; + pointer-events: all; } .directorist-become-author-modal__content { - background-color: var(--directorist-color-white); - border-radius: 5px; - padding: 20px 30px 15px; - text-align: center; - position: relative; + background-color: var(--directorist-color-white); + border-radius: 5px; + padding: 20px 30px 15px; + text-align: center; + position: relative; } .directorist-become-author-modal__content p { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } .directorist-become-author-modal__content h3 { - font-size: 20px; -} -.directorist-become-author-modal__content .directorist-become-author-modal__approve { - background-color: #3e62f5; - display: inline-block; - color: var(--directorist-color-white); - text-align: center; - margin: 10px 5px 0 5px; - min-width: 100px; - padding: 8px 0 !important; - border-radius: 3px; -} -.directorist-become-author-modal__content .directorist-become-author-modal__approve:focus { - background-color: #3e62f5 !important; -} -.directorist-become-author-modal__content .directorist-become-author-modal__cancel { - background-color: #eee; - display: inline-block; - text-align: center; - margin: 10px 5px 0 5px; - min-width: 100px; - padding: 8px 0 !important; - border-radius: 3px; + font-size: 20px; +} +.directorist-become-author-modal__content + .directorist-become-author-modal__approve { + background-color: #3e62f5; + display: inline-block; + color: var(--directorist-color-white); + text-align: center; + margin: 10px 5px 0 5px; + min-width: 100px; + padding: 8px 0 !important; + border-radius: 3px; +} +.directorist-become-author-modal__content + .directorist-become-author-modal__approve:focus { + background-color: #3e62f5 !important; +} +.directorist-become-author-modal__content + .directorist-become-author-modal__cancel { + background-color: #eee; + display: inline-block; + text-align: center; + margin: 10px 5px 0 5px; + min-width: 100px; + padding: 8px 0 !important; + border-radius: 3px; } .directorist-become-author-modal span.directorist-become-author__loader { - border: 2px solid var(--directorist-color-primary); - width: 15px; - height: 15px; - display: inline-block; - border-radius: 50%; - border-left: 2px solid var(--directorist-color-white); - -webkit-animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - visibility: hidden; - opacity: 0; + border: 2px solid var(--directorist-color-primary); + width: 15px; + height: 15px; + display: inline-block; + border-radius: 50%; + border-left: 2px solid var(--directorist-color-white); + animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + visibility: hidden; + opacity: 0; } .directorist-become-author-modal span.directorist-become-author__loader.active { - visibility: visible; - opacity: 1; + visibility: visible; + opacity: 1; } #directorist-become-author-success { - color: #388e3c !important; - margin-bottom: 15px !important; + color: #388e3c !important; + margin-bottom: 15px !important; } .directorist-shade { - position: fixed; - top: 0; - right: 0; - width: 100%; - height: 100%; - display: none; - opacity: 0; - z-index: -1; - background-color: var(--directorist-color-white); + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 100%; + display: none; + opacity: 0; + z-index: -1; + background-color: var(--directorist-color-white); } .directorist-shade.directorist-active { - display: block; - z-index: 21; + display: block; + z-index: 21; } .table.atbd_single_saved_item { - margin: 0; - background-color: var(--directorist-color-white); - border-collapse: collapse; - width: 100%; - min-width: 240px; + margin: 0; + background-color: var(--directorist-color-white); + border-collapse: collapse; + width: 100%; + min-width: 240px; } .table.atbd_single_saved_item td, .table.atbd_single_saved_item th, .table.atbd_single_saved_item tr { - border: 1px solid #ececec; + border: 1px solid #ececec; } .table.atbd_single_saved_item td { - padding: 0 15px; + padding: 0 15px; } .table.atbd_single_saved_item td p { - margin: 5px 0; + margin: 5px 0; } .table.atbd_single_saved_item th { - text-align: right; - padding: 5px 15px; + text-align: right; + padding: 5px 15px; } .table.atbd_single_saved_item .action a.btn { - text-decoration: none; - font-size: 14px; - padding: 8px 15px; - border-radius: 8px; - display: inline-block; + text-decoration: none; + font-size: 14px; + padding: 8px 15px; + border-radius: 8px; + display: inline-block; } .directorist-user-dashboard__nav { - min-width: 230px; - padding: 20px 10px; - margin-left: 30px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - position: relative; - right: 0; - border-radius: 12px; - overflow: hidden; - overflow-y: auto; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + min-width: 230px; + padding: 20px 10px; + margin-left: 30px; + transition: 0.3s ease; + position: relative; + right: 0; + border-radius: 12px; + overflow: hidden; + overflow-y: auto; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } @media only screen and (max-width: 1199px) { - .directorist-user-dashboard__nav { - position: fixed; - top: 0; - right: 0; - width: 230px; - height: 100vh; - background-color: var(--directorist-color-white); - padding-top: 100px; - -webkit-box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1); - box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1); - z-index: 2222; - } + .directorist-user-dashboard__nav { + position: fixed; + top: 0; + right: 0; + width: 230px; + height: 100vh; + background-color: var(--directorist-color-white); + padding-top: 100px; + box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1); + z-index: 2222; + } } @media only screen and (max-width: 600px) { - .directorist-user-dashboard__nav { - left: 20px; - top: 10px; - } + .directorist-user-dashboard__nav { + left: 20px; + top: 10px; + } } .directorist-user-dashboard__nav .directorist-dashboard__nav__close { - display: none; - position: absolute; - left: 15px; - top: 50px; + display: none; + position: absolute; + left: 15px; + top: 50px; } @media only screen and (max-width: 1199px) { - .directorist-user-dashboard__nav .directorist-dashboard__nav__close { - display: block; - } + .directorist-user-dashboard__nav .directorist-dashboard__nav__close { + display: block; + } } @media only screen and (max-width: 600px) { - .directorist-user-dashboard__nav .directorist-dashboard__nav__close { - left: 20px; - top: 10px; - } + .directorist-user-dashboard__nav .directorist-dashboard__nav__close { + left: 20px; + top: 10px; + } } .directorist-user-dashboard__nav.directorist-dashboard-nav-collapsed { - min-width: unset; - width: 0 !important; - height: 0; - margin-left: 0; - right: -230px; - visibility: hidden; - opacity: 0; - padding: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + min-width: unset; + width: 0 !important; + height: 0; + margin-left: 0; + right: -230px; + visibility: hidden; + opacity: 0; + padding: 0; + pointer-events: none; + transition: 0.3s ease; } .directorist-tab__nav__items { - list-style-type: none; - padding: 0; - margin: 0; + list-style-type: none; + padding: 0; + margin: 0; } .directorist-tab__nav__items a { - text-decoration: none; + text-decoration: none; } .directorist-tab__nav__items li { - margin: 0; + margin: 0; } .directorist-tab__nav__items li ul { - display: none; - list-style-type: none; - padding: 0; - margin: 0; + display: none; + list-style-type: none; + padding: 0; + margin: 0; } .directorist-tab__nav__items li ul li a { - padding-right: 25px; - text-decoration: none; + padding-right: 25px; + text-decoration: none; } .directorist-tab__nav__link { - font-size: 14px; - border-radius: 4px; - padding: 10px; - outline: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: var(--directorist-color-body); - text-decoration: none; + font-size: 14px; + border-radius: 4px; + padding: 10px; + outline: 0; + display: flex; + justify-content: space-between; + align-items: center; + color: var(--directorist-color-body); + text-decoration: none; } .directorist-tab__nav__link .directorist_menuItem-text { - pointer-events: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-tab__nav__link .directorist_menuItem-text .directorist_menuItem-icon { - line-height: 0; + pointer-events: none; + display: flex; + gap: 10px; + flex-wrap: wrap; + align-items: center; +} +.directorist-tab__nav__link + .directorist_menuItem-text + .directorist_menuItem-icon { + line-height: 0; } .directorist-tab__nav__link .directorist_menuItem-text i, .directorist-tab__nav__link .directorist_menuItem-text span.fa { - pointer-events: none; - display: inline-block; - margin-left: 10px; + pointer-events: none; + display: inline-block; + margin-left: 10px; } -.directorist-tab__nav__link.directorist-tab__nav__active, .directorist-tab__nav__link:focus { - font-weight: 700; - background-color: var(--directorist-color-border); - color: var(--directorist-color-primary); +.directorist-tab__nav__link.directorist-tab__nav__active, +.directorist-tab__nav__link:focus { + font-weight: 700; + background-color: var(--directorist-color-border); + color: var(--directorist-color-primary); } -.directorist-tab__nav__link.directorist-tab__nav__active .directorist-icon-mask:after, .directorist-tab__nav__link:focus .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); +.directorist-tab__nav__link.directorist-tab__nav__active + .directorist-icon-mask:after, +.directorist-tab__nav__link:focus .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } -.directorist-tab__nav__link.directorist-tab__nav__active.atbd-dash-nav-dropdown, .directorist-tab__nav__link:focus.atbd-dash-nav-dropdown { - background-color: transparent; +.directorist-tab__nav__link.directorist-tab__nav__active.atbd-dash-nav-dropdown, +.directorist-tab__nav__link:focus.atbd-dash-nav-dropdown { + background-color: transparent; } /* user dashboard sidebar nav action */ .directorist-tab__nav__action { - margin-top: 15px; + margin-top: 15px; } .directorist-tab__nav__action .directorist-btn { - display: block; + display: block; } .directorist-tab__nav__action .directorist-btn:not(:last-child) { - margin-bottom: 15px; + margin-bottom: 15px; } /* user dashboard tab style */ .directorist-tab__pane { - display: none; + display: none; } .directorist-tab__pane.directorist-tab__pane--active { - display: block; + display: block; } -#dashboard_profile #user_profile_form.directorist-profile-responsive .directorist-col-lg-3 { - width: 100%; +#dashboard_profile + #user_profile_form.directorist-profile-responsive + .directorist-col-lg-3 { + width: 100%; } -#dashboard_profile #user_profile_form.directorist-profile-responsive .directorist-col-lg-9 { - width: 100%; +#dashboard_profile + #user_profile_form.directorist-profile-responsive + .directorist-col-lg-9 { + width: 100%; } .directorist-image-profile-wrap { - padding: 25px; - background-color: var(--directorist-color-white); - border-radius: 12px; - border: 1px solid #ececec; + padding: 25px; + background-color: var(--directorist-color-white); + border-radius: 12px; + border: 1px solid #ececec; } .directorist-image-profile-wrap .ezmu__upload-button-wrap .ezmu__btn { - border-radius: 8px; - padding: 10.5px 30px; - background-color: #f6f7f9; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); + border-radius: 8px; + padding: 10.5px 30px; + background-color: #f6f7f9; + box-shadow: 0 0; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); } .directorist-image-profile-wrap .directorist-profile-uploader { - border-radius: 12px; -} -.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__front-item__close-icon { - background-image: none; -} -.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__front-item__close-icon .directorist-icon-mask::after { - width: 16px; - height: 16px; -} -.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__loading-icon-img-bg { - background-image: none; - background-color: var(--directorist-color-primary); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/d3eaad4748ac9cd2b7ca.svg); - mask-image: url(../js/d3eaad4748ac9cd2b7ca.svg); -} -.directorist-image-profile-wrap .ezmu__thumbnail-list-item.ezmu__thumbnail_avater { - max-width: 140px; + border-radius: 12px; +} +.directorist-image-profile-wrap + .directorist-profile-uploader + .ezmu__front-item__close-icon { + background-image: none; +} +.directorist-image-profile-wrap + .directorist-profile-uploader + .ezmu__front-item__close-icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; +} +.directorist-image-profile-wrap + .directorist-profile-uploader + .ezmu__loading-icon-img-bg { + background-image: none; + background-color: var(--directorist-color-primary); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/232acb97ace4f437ace78cc02bdfd165.svg); +} +.directorist-image-profile-wrap + .ezmu__thumbnail-list-item.ezmu__thumbnail_avater { + max-width: 140px; } .directorist-user-profile-box .directorist-card__header { - padding: 18px 20px; + padding: 18px 20px; } .directorist-user-profile-box .directorist-card__body { - padding: 25px 25px 30px 25px; + padding: 25px 25px 30px 25px; } .directorist-user-info-wrap .directorist-form-group { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-user-info-wrap .directorist-form-group > label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-bottom: 5px; -} -.directorist-user-info-wrap .directorist-form-group .directorist-input-extra-info { - color: var(--directorist-color-light-gray); - display: inline-block; - font-size: 14px; - font-weight: 400; - margin-top: 4px; + display: inline-flex; + margin-bottom: 5px; +} +.directorist-user-info-wrap + .directorist-form-group + .directorist-input-extra-info { + color: var(--directorist-color-light-gray); + display: inline-block; + font-size: 14px; + font-weight: 400; + margin-top: 4px; } .directorist-user-info-wrap .directorist-btn-profile-save { - width: 100%; - text-align: center; - text-transform: capitalize; - text-decoration: none; + width: 100%; + text-align: center; + text-transform: capitalize; + text-decoration: none; } .directorist-user-info-wrap #directorist-profile-notice .directorist-alert { - margin-top: 15px; + margin-top: 15px; } /* User Preferences */ -.directorist-user_preferences .directorist-preference-toggle .directorist-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; -} -.directorist-user_preferences .directorist-preference-toggle .directorist-form-group label { - margin-bottom: 0; - color: var(--directorist-color-dark); - font-size: 14px; - font-weight: 400; -} -.directorist-user_preferences .directorist-preference-toggle .directorist-form-group input { - margin: 0; -} -.directorist-user_preferences .directorist-preference-toggle .directorist-toggle-label { - font-size: 14px; - color: var(--directorist-color-dark); - font-weight: 600; - line-height: normal; +.directorist-user_preferences + .directorist-preference-toggle + .directorist-form-group { + display: flex; + align-items: center; + gap: 10px; +} +.directorist-user_preferences + .directorist-preference-toggle + .directorist-form-group + label { + margin-bottom: 0; + color: var(--directorist-color-dark); + font-size: 14px; + font-weight: 400; +} +.directorist-user_preferences + .directorist-preference-toggle + .directorist-form-group + input { + margin: 0; +} +.directorist-user_preferences + .directorist-preference-toggle + .directorist-toggle-label { + font-size: 14px; + color: var(--directorist-color-dark); + font-weight: 600; + line-height: normal; } .directorist-user_preferences .directorist-preference-radio { - margin-top: 25px; -} -.directorist-user_preferences .directorist-preference-radio .directorist-preference-radio__label { - color: var(--directorist-color-dark); - font-weight: 700; - font-size: 14px; - margin-bottom: 10px; -} -.directorist-user_preferences .directorist-preference-radio .directorist-radio-wrapper { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 12px; -} -.directorist-user_preferences .select2.select2-container.select2-container--default .select2-selection__arrow b, -.directorist-user_preferences .select2-selection__arrow, .directorist-user_preferences .select2-selection__clear { - display: block !important; -} -.directorist-user_preferences .select2.select2-container.select2-container--default.select2-container--open .select2-selection { - border-bottom-color: var(--directorist-color-primary); + margin-top: 25px; +} +.directorist-user_preferences + .directorist-preference-radio + .directorist-preference-radio__label { + color: var(--directorist-color-dark); + font-weight: 700; + font-size: 14px; + margin-bottom: 10px; +} +.directorist-user_preferences + .directorist-preference-radio + .directorist-radio-wrapper { + flex-direction: column; + gap: 12px; +} +.directorist-user_preferences + .select2.select2-container.select2-container--default + .select2-selection__arrow + b, +.directorist-user_preferences .select2-selection__arrow, +.directorist-user_preferences .select2-selection__clear { + display: block !important; +} +.directorist-user_preferences + .select2.select2-container.select2-container--default.select2-container--open + .select2-selection { + border-bottom-color: var(--directorist-color-primary); } /* Directorist Toggle */ .directorist-toggle { - cursor: pointer; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; + cursor: pointer; + display: inline-flex; + align-items: center; + gap: 10px; } .directorist-toggle-switch { - display: inline-block; - background: var(--directorist-color-border); - border-radius: 12px; - width: 44px; - height: 22px; - position: relative; - vertical-align: middle; - -webkit-transition: background 0.25s; - transition: background 0.25s; -} -.directorist-toggle-switch:before, .directorist-toggle-switch:after { - content: ""; + display: inline-block; + background: var(--directorist-color-border); + border-radius: 12px; + width: 44px; + height: 22px; + position: relative; + vertical-align: middle; + transition: background 0.25s; +} +.directorist-toggle-switch:before, +.directorist-toggle-switch:after { + content: ""; } .directorist-toggle-switch:before { - display: block; - background: white; - border-radius: 50%; - width: 16px; - height: 16px; - position: absolute; - top: 3px; - right: 4px; - -webkit-transition: right 0.25s; - transition: right 0.25s; + display: block; + background: white; + border-radius: 50%; + width: 16px; + height: 16px; + position: absolute; + top: 3px; + right: 4px; + transition: right 0.25s; } .directorist-toggle:hover .directorist-toggle-switch:before { - background: -webkit-gradient(linear, right top, right bottom, from(#fff), to(#fff)); - background: linear-gradient(to bottom, #fff 0%, #fff 100%); + background: linear-gradient(to bottom, #fff 0%, #fff 100%); } .directorist-toggle-checkbox:checked + .directorist-toggle-switch { - background: var(--directorist-color-primary); + background: var(--directorist-color-primary); } .directorist-toggle-checkbox:checked + .directorist-toggle-switch:before { - right: 25px; + right: 25px; } .directorist-toggle-checkbox { - position: absolute; - visibility: hidden; + position: absolute; + visibility: hidden; } .directorist-user-socials .directorist-user-social-label { - font-size: 18px; - padding-bottom: 18px; - margin-bottom: 28px !important; - border-bottom: 1px solid #eff1f6; + font-size: 18px; + padding-bottom: 18px; + margin-bottom: 28px !important; + border-bottom: 1px solid #eff1f6; } .directorist-user-socials label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + align-items: center; } .directorist-user-socials label .directorist-social-icon { - margin-left: 6px; + margin-left: 6px; } -.directorist-user-socials label .directorist-social-icon .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #0a0b1e; +.directorist-user-socials + label + .directorist-social-icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: #0a0b1e; } #directorist-prifile-notice .directorist-alert { - width: 100%; - display: inline-block; - margin-top: 15px; + width: 100%; + display: inline-block; + margin-top: 15px; } .directorist-announcement-wrapper { - background-color: var(--directorist-color-white); - border-radius: 12px; - padding: 20px 10px; - -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); - box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); + background-color: var(--directorist-color-white); + border-radius: 12px; + padding: 20px 10px; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); } .directorist-announcement-wrapper .directorist-announcement { - font-size: 15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-bottom: 15.5px; - margin-bottom: 15.5px; - border-bottom: 1px solid #f1f2f6; + font-size: 15px; + display: flex; + align-items: center; + padding-bottom: 15.5px; + margin-bottom: 15.5px; + border-bottom: 1px solid #f1f2f6; } .directorist-announcement-wrapper .directorist-announcement:last-child { - padding-bottom: 0; - margin-bottom: 0; - border-bottom: 0 none; + padding-bottom: 0; + margin-bottom: 0; + border-bottom: 0 none; } @media (max-width: 479px) { - .directorist-announcement-wrapper .directorist-announcement { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-announcement-wrapper .directorist-announcement { + flex-direction: column; + } } .directorist-announcement-wrapper .directorist-announcement__date { - -webkit-box-flex: 0.4217; - -webkit-flex: 0.4217; - -ms-flex: 0.4217; - flex: 0.4217; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background-color: #f5f6f8; - border-radius: 6px; - padding: 10.5px; - min-width: 120px; + flex: 0.4217; + display: flex; + flex-direction: column; + align-items: center; + background-color: #f5f6f8; + border-radius: 6px; + padding: 10.5px; + min-width: 120px; } @media (max-width: 1199px) { - .directorist-announcement-wrapper .directorist-announcement__date { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - } + .directorist-announcement-wrapper .directorist-announcement__date { + flex: 1; + } } @media (max-width: 479px) { - .directorist-announcement-wrapper .directorist-announcement__date { - -webkit-box-flex: 100%; - -webkit-flex: 100%; - -ms-flex: 100%; - flex: 100%; - width: 100%; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-announcement-wrapper .directorist-announcement__date { + flex: 100%; + width: 100%; + flex-direction: row; + justify-content: center; + } } .directorist-announcement-wrapper .directorist-announcement__date__part-one { - font-size: 18px; - line-height: 1.2; - font-weight: 500; - color: #171b2e; + font-size: 18px; + line-height: 1.2; + font-weight: 500; + color: #171b2e; } .directorist-announcement-wrapper .directorist-announcement__date__part-two { - font-size: 14px; - font-weight: 400; - color: #5a5f7d; + font-size: 14px; + font-weight: 400; + color: #5a5f7d; } .directorist-announcement-wrapper .directorist-announcement__date__part-three { - font-size: 14px; - font-weight: 500; - color: #171b2e; + font-size: 14px; + font-weight: 500; + color: #171b2e; } .directorist-announcement-wrapper .directorist-announcement__content { - -webkit-box-flex: 8; - -webkit-flex: 8; - -ms-flex: 8; - flex: 8; - padding-right: 15px; + flex: 8; + padding-right: 15px; } @media (max-width: 1199px) { - .directorist-announcement-wrapper .directorist-announcement__content { - -webkit-box-flex: 6; - -webkit-flex: 6; - -ms-flex: 6; - flex: 6; - } + .directorist-announcement-wrapper .directorist-announcement__content { + flex: 6; + } } @media (max-width: 479px) { - .directorist-announcement-wrapper .directorist-announcement__content { - padding-right: 0; - margin: 12px 0 6px; - text-align: center; - } -} -.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title { - font-size: 18px; - font-weight: 500; - color: var(--directorist-color-primary); - margin-bottom: 6px; - margin-top: 0; -} -.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title p { - font-size: 14px; - font-weight: 400; - color: #69708e; -} -.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title p:empty { - display: none; + .directorist-announcement-wrapper .directorist-announcement__content { + padding-right: 0; + margin: 12px 0 6px; + text-align: center; + } +} +.directorist-announcement-wrapper + .directorist-announcement__content + .directorist-announcement__title { + font-size: 18px; + font-weight: 500; + color: var(--directorist-color-primary); + margin-bottom: 6px; + margin-top: 0; +} +.directorist-announcement-wrapper + .directorist-announcement__content + .directorist-announcement__title + p { + font-size: 14px; + font-weight: 400; + color: #69708e; +} +.directorist-announcement-wrapper + .directorist-announcement__content + .directorist-announcement__title + p:empty { + display: none; } .directorist-announcement-wrapper .directorist-announcement__content p:empty { - display: none; + display: none; } .directorist-announcement-wrapper .directorist-announcement__close { - -webkit-box-flex: 0; - -webkit-flex: 0; - -ms-flex: 0; - flex: 0; -} -.directorist-announcement-wrapper .directorist-announcement__close .close-announcement { - height: 36px; - width: 36px; - border-radius: 50%; - background-color: #f5f5f5; - border: 0 none; - padding: 0; - -webkit-transition: 0.35s; - transition: 0.35s; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-announcement-wrapper .directorist-announcement__close .close-announcement .directorist-icon-mask::after { - -webkit-transition: 0.35s; - transition: 0.35s; - background-color: #474868; -} -.directorist-announcement-wrapper .directorist-announcement__close .close-announcement:hover { - background-color: var(--directorist-color-danger); -} -.directorist-announcement-wrapper .directorist-announcement__close .close-announcement:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + flex: 0; +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement { + height: 36px; + width: 36px; + border-radius: 50%; + background-color: #f5f5f5; + border: 0 none; + padding: 0; + transition: 0.35s; + display: inline-flex; + align-items: center; + justify-content: center; +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement + .directorist-icon-mask::after { + transition: 0.35s; + background-color: #474868; +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement:hover { + background-color: var(--directorist-color-danger); +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-announcement-wrapper .directorist_not-found { - margin: 0; + margin: 0; } .directorist-announcement-count { - display: none; - border-radius: 30px; - min-width: 20px; - height: 20px; - line-height: 20px; - color: var(--directorist-color-white); - text-align: center; - margin: 0 10px; - vertical-align: middle; - background-color: #ff3c3c; + display: none; + border-radius: 30px; + min-width: 20px; + height: 20px; + line-height: 20px; + color: var(--directorist-color-white); + text-align: center; + margin: 0 10px; + vertical-align: middle; + background-color: #ff3c3c; } .directorist-announcement-count.show { - display: inline-block; + display: inline-block; } .directorist-payment-instructions, .directorist-payment-thanks-text { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-payment-instructions { - margin-bottom: 38px; + margin-bottom: 38px; } .directorist-payment-thanks-text { - font-size: 15px; + font-size: 15px; } .directorist-payment-table .directorist-table { - margin: 0; - border: none; + margin: 0; + border: none; } .directorist-payment-table th { - font-size: 14px; - font-weight: 500; - text-align: right; - padding: 9px 20px; - border: none; - color: var(--directorist-color-dark); - background-color: var(--directorist-color-bg-gray); + font-size: 14px; + font-weight: 500; + text-align: right; + padding: 9px 20px; + border: none; + color: var(--directorist-color-dark); + background-color: var(--directorist-color-bg-gray); } .directorist-payment-table tbody td { - font-size: 14px; - font-weight: 500; - padding: 5px 0; - vertical-align: top; - border: none; - color: var(--directorist-color-dark); + font-size: 14px; + font-weight: 500; + padding: 5px 0; + vertical-align: top; + border: none; + color: var(--directorist-color-dark); } .directorist-payment-table tbody tr:first-child td { - padding-top: 20px; + padding-top: 20px; } .directorist-payment-table__label { - font-weight: 400; - width: 140px; - color: var(--directorist-color-light-gray) !important; + font-weight: 400; + width: 140px; + color: var(--directorist-color-light-gray) !important; } .directorist-payment-table__title { - font-size: 15px; - font-weight: 600; - margin: 0 0 10px !important; - text-transform: capitalize; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 600; + margin: 0 0 10px !important; + text-transform: capitalize; + color: var(--directorist-color-dark); } .directorist-payment-table__title.directorist-payment-table__title--large { - font-size: 16px; + font-size: 16px; } .directorist-payment-table p { - font-size: 13px; - margin: 0; - color: var(--directorist-color-light-gray); + font-size: 13px; + margin: 0; + color: var(--directorist-color-light-gray); } .directorist-payment-summery-table tbody td { - padding: 12px 0; + padding: 12px 0; } .directorist-payment-summery-table tbody td:nth-child(even) { - text-align: left; + text-align: left; } .directorist-payment-summery-table tbody tr.directorsit-payment-table-total td, -.directorist-payment-summery-table tbody tr.directorsit-payment-table-total .directorist-payment-table__title { - font-size: 16px; +.directorist-payment-summery-table + tbody + tr.directorsit-payment-table-total + .directorist-payment-table__title { + font-size: 16px; } .directorist-btn-view-listing { - min-height: 54px; - border-radius: 10px; + min-height: 54px; + border-radius: 10px; } .directorist-checkout-card { - -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); - box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); - -webkit-filter: none; - filter: none; + box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); + filter: none; } .directorist-checkout-card tr:not(:last-child) td { - padding-bottom: 15px; - border-bottom: 1px solid var(--directorist-color-border); + padding-bottom: 15px; + border-bottom: 1px solid var(--directorist-color-border); } .directorist-checkout-card tr:not(:first-child) td { - padding-top: 15px; + padding-top: 15px; } .directorist-checkout-card .directorist-card__header { - padding: 24px 40px; + padding: 24px 40px; } .directorist-checkout-card .directorist-card__header__title { - font-size: 24px; - font-weight: 600; + font-size: 24px; + font-weight: 600; } @media (max-width: 575px) { - .directorist-checkout-card .directorist-card__header__title { - font-size: 18px; - } + .directorist-checkout-card .directorist-card__header__title { + font-size: 18px; + } } .directorist-checkout-card .directorist-card__body { - padding: 20px 40px 40px; + padding: 20px 40px 40px; } .directorist-checkout-card .directorist-summery-label { - font-size: 15px; - font-weight: 500; - color: var(--color-dark); + font-size: 15px; + font-weight: 500; + color: var(--color-dark); } .directorist-checkout-card .directorist-summery-label-description { - font-size: 13px; - margin-top: 4px; - color: var(--directorist-color-light-gray); + font-size: 13px; + margin-top: 4px; + color: var(--directorist-color-light-gray); } .directorist-checkout-card .directorist-summery-amount { - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-body); + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-body); } .directorist-payment-gateways { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-payment-gateways ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist-payment-gateways li { - list-style-type: none; - padding: 0; - margin: 0; + list-style-type: none; + padding: 0; + margin: 0; } .directorist-payment-gateways li:not(:last-child) { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-payment-gateways li .gateway_list { - margin-bottom: 10px; -} -.directorist-payment-gateways .directorist-radio input[type=radio] + .directorist-radio__label { - font-size: 16px; - font-weight: 500; - line-height: 1.15; - color: var(--directorist-color-dark); -} -.directorist-payment-gateways .directorist-card__body .directorist-payment-text { - font-size: 14px; - font-weight: 400; - line-height: 1.86; - margin-top: 4px; - color: var(--directorist-color-body); + margin-bottom: 10px; +} +.directorist-payment-gateways + .directorist-radio + input[type="radio"] + + .directorist-radio__label { + font-size: 16px; + font-weight: 500; + line-height: 1.15; + color: var(--directorist-color-dark); +} +.directorist-payment-gateways + .directorist-card__body + .directorist-payment-text { + font-size: 14px; + font-weight: 400; + line-height: 1.86; + margin-top: 4px; + color: var(--directorist-color-body); } .directorist-payment-action { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 42px -7px -7px -7px; + flex-wrap: wrap; + margin: 42px -7px -7px -7px; } .directorist-payment-action .directorist-btn { - min-height: 54px; - padding: 0 80px; - border-radius: 8px; - margin: 7px; - max-width: none; - width: auto; - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 8px; + min-height: 54px; + padding: 0 80px; + border-radius: 8px; + margin: 7px; + max-width: none; + width: auto; + position: relative; + display: flex; + align-items: center; + justify-content: center; + gap: 8px; } @media (max-width: 1399px) { - .directorist-payment-action .directorist-btn { - padding: 0 40px; - } + .directorist-payment-action .directorist-btn { + padding: 0 40px; + } } @media (max-width: 1199px) { - .directorist-payment-action .directorist-btn { - padding: 0 30px; - } + .directorist-payment-action .directorist-btn { + padding: 0 30px; + } } .directorist-payment-action .directorist-btn .directorist-btn-text { - display: inline-block; + display: inline-block; } .directorist-payment-action .directorist-btn .directorist-btn-spinner { - display: none; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-payment-action .directorist-btn .directorist-btn-spinner .directorist-spinner { - -webkit-animation: directorist-spin 1s linear infinite; - animation: directorist-spin 1s linear infinite; + display: none; + align-items: center; + justify-content: center; } -.directorist-payment-action .directorist-btn:disabled { - cursor: not-allowed; - opacity: 0.7; +.directorist-payment-action + .directorist-btn + .directorist-btn-spinner + .directorist-spinner { + animation: directorist-spin 1s linear infinite; } - -@-webkit-keyframes directorist-spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } +.directorist-payment-action .directorist-btn:disabled { + cursor: not-allowed; + opacity: 0.7; } @keyframes directorist-spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(-360deg); + } } .directorist-summery-total .directorist-summery-label, .directorist-summery-total .directorist-summery-amount { - font-size: 18px; - font-weight: 500; - color: var(--color-dark); + font-size: 18px; + font-weight: 500; + color: var(--color-dark); } .directorist-iframe { - border: none; + border: none; } .ads-advanced .bottom-inputs { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } /*responsive css */ @media (min-width: 992px) and (max-width: 1199px) { - .atbd_content_active .widget.atbd_widget .atbdp, - .atbd_content_active .widget.atbd_widget .directorist, - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbdp, - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .directorist { - padding: 20px 20px 15px; - } - .atbd_content_active #directorist.atbd_wrapper .atbdp_column { - width: 33.3333% !important; - } - #directorist.atbd_wrapper .atbdp_col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; - max-width: 25%; - } + .atbd_content_active .widget.atbd_widget .atbdp, + .atbd_content_active .widget.atbd_widget .directorist, + .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbdp, + .atbd_content_active + #directorist.atbd_wrapper + .widget.atbd_widget + .directorist { + padding: 20px 20px 15px; + } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 33.3333% !important; + } + #directorist.atbd_wrapper .atbdp_col-5 { + flex: 0 0 25%; + max-width: 25%; + } } @media (min-width: 768px) and (max-width: 991px) { - .atbd_content_active #directorist.atbd_wrapper .atbdp_column { - width: 50% !important; - } - .atbd_content_active #directorist.atbd_wrapper.dashboard_area .user_pro_img_area .user_img .ezmu__thumbnail-img { - height: 114px; - width: 114px !important; - } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 50% !important; + } + .atbd_content_active + #directorist.atbd_wrapper.dashboard_area + .user_pro_img_area + .user_img + .ezmu__thumbnail-img { + height: 114px; + width: 114px !important; + } } @media (max-width: 991px) { - .ads-advanced .price-frequency { - margin-right: -2px; - } - #directorist.atbd_wrapper .atbdp_col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-width: 33.33%; - } - .ads-advanced .atbdp-custom-fields-search .form-group { - width: 50%; - } - .ads-advanced .atbd_seach_fields_wrapper .single_search_field { - margin-bottom: 10px; - margin-top: 0 !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form { - margin-right: -15px; - margin-left: -15px; - } + .ads-advanced .price-frequency { + margin-right: -2px; + } + #directorist.atbd_wrapper .atbdp_col-5 { + flex: 0 0 33.33%; + max-width: 33.33%; + } + .ads-advanced .atbdp-custom-fields-search .form-group { + width: 50%; + } + .ads-advanced .atbd_seach_fields_wrapper .single_search_field { + margin-bottom: 10px; + margin-top: 0 !important; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form { + margin-right: -15px; + margin-left: -15px; + } } @media (max-width: 767px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - margin-top: 0; - margin-top: 10px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field:last-child { - margin-top: 0; - margin-bottom: 0; - } - #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline .single_search_field { - border-left: 0; - } - #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline { - padding-left: 0; - } - #directorist .atbd_listing_details .atbd_area_title { - margin-bottom: 15px; - } - .atbd_content_active #directorist.atbd_wrapper .atbdp_column { - width: 50% !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { - padding: 20px 15px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta { - margin-top: 30px; - } - .ads-advanced .bottom-inputs > div { - width: 50%; - } - #directorist.atbd_wrapper .atbdp_col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-width: 33.33%; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_directry_gallery_wrapper .atbd_big_gallery img { - width: 100%; - } - .atbd_content_active #directorist.atbd_wrapper.atbd_add_listing_wrapper #atbdp_socialInFo .atbdp_social_field_wrapper .form-group { - margin-bottom: 15px; - } - .atbd_content_active #directorist.atbd_wrapper.atbd_add_listing_wrapper .atbdp_faqs_wrapper .form-group { - margin-bottom: 15px; - } - .atbd_content_active #directorist.atbd_wrapper.dashboard_area .user_pro_img_area { - margin-bottom: 30px; - } - .ads-advanced .atbdp-custom-fields-search .form-group { - width: 100%; - } - .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_select label, - .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_date label, - .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_time label, - .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_color label { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - } - .ads-advanced .bdas-filter-actions { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } - .edit_btn_wrap .atbdp_float_active { - bottom: 80px; - } - .edit_btn_wrap .atbdp_float_active .btn { - font-size: 15px !important; - padding: 13px 30px !important; - line-height: 20px !important; - } - .nav_button { - z-index: 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field { - padding-right: 0 !important; - padding-left: 0 !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_content_module_title_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap, - .atbd_content_active #directorist.atbd_wrapper .atbd_content_module__tittle_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap { - right: auto; - left: 0; - } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form + .single_search_field { + flex: 0 0 100%; + margin-top: 0; + margin-top: 10px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form + .single_search_field:last-child { + margin-top: 0; + margin-bottom: 0; + } + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form.atbdp-search-form-inline + .single_search_field { + border-left: 0; + } + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form.atbdp-search-form-inline { + padding-left: 0; + } + #directorist .atbd_listing_details .atbd_area_title { + margin-bottom: 15px; + } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 50% !important; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { + padding: 20px 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_meta { + margin-top: 30px; + } + .ads-advanced .bottom-inputs > div { + width: 50%; + } + #directorist.atbd_wrapper .atbdp_col-5 { + flex: 0 0 33.33%; + max-width: 33.33%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_directry_gallery_wrapper + .atbd_big_gallery + img { + width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper.atbd_add_listing_wrapper + #atbdp_socialInFo + .atbdp_social_field_wrapper + .form-group { + margin-bottom: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper.atbd_add_listing_wrapper + .atbdp_faqs_wrapper + .form-group { + margin-bottom: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper.dashboard_area + .user_pro_img_area { + margin-bottom: 30px; + } + .ads-advanced .atbdp-custom-fields-search .form-group { + width: 100%; + } + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_select label, + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_date label, + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_time label, + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_color label { + flex: none; + } + .ads-advanced .bdas-filter-actions { + flex-wrap: wrap; + } + .edit_btn_wrap .atbdp_float_active { + bottom: 80px; + } + .edit_btn_wrap .atbdp_float_active .btn { + font-size: 15px !important; + padding: 13px 30px !important; + line-height: 20px !important; + } + .nav_button { + z-index: 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form + .single_search_field { + padding-right: 0 !important; + padding-left: 0 !important; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module_title_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module__tittle_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap { + right: auto; + left: 0; + } } @media (max-width: 650px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { - padding-top: 30px; - padding-bottom: 27px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar, - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - text-align: center; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar img { - width: 80px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd { - margin: 10px 0 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd p { - text-align: center; - } + .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { + padding-top: 30px; + padding-bottom: 27px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_meta { + flex: none; + width: 100%; + justify-content: center; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar { + align-items: center; + flex-direction: column; + text-align: center; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + img { + width: 80px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd { + margin: 10px 0 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd + p { + text-align: center; + } } @media (max-width: 575px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-align: center; - width: 100%; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd { - margin-top: 10px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta { - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } - .atbd_content_active #directorist.atbd_wrapper.dashboard_area .atbd_saved_items_wrapper .atbd_single_saved_item { - border: 0 none; - padding: 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbdp_column { - width: 100% !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_author_listings_area { - display: block; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_author_listings_area .atbd_author_filter_area { - margin-top: 15px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd { - margin-right: 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields > li { - display: block; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_title, - .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_content { - width: 100%; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_content { - border: 0 none; - padding-top: 0; - padding-left: 30px; - padding-right: 30px; - } - .ads-advanced .bottom-inputs > div { - width: 100%; - } - .ads-advanced .price_ranges, - .ads-advanced .select-basic, - .ads-advanced .bads-tags, - .ads-advanced .bads-custom-checks, - .ads-advanced .atbdp_custom_radios, - .ads-advanced .wp-picker-container, - .ads-advanced .form-group > .form-control, - .ads-advanced .atbdp-custom-fields-search .form-group .form-control { - -webkit-box-flex: 1; - -webkit-flex: auto; - -ms-flex: auto; - flex: auto; - width: 100% !important; - } - .ads-advanced .form-group label { - margin-bottom: 10px !important; - } - .ads-advanced .more-less, - .ads-advanced .more-or-less { - text-align: right; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn { - margin-right: 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } - #directorist.atbd_wrapper .atbdp_col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - max-width: 100%; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - margin: 5px 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title h3 { - margin-left: 10px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn { - margin: 5px 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_embeded_video { - margin-bottom: 0; - } - .ads-advanced .bdas-filter-actions .btn { - margin-top: 5px !important; - margin-bottom: 5px !important; - } - .atbdpr-range .atbd_slider-range-wrapper { - margin: 0; - } - .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range, - .atbdpr-range .atbd_slider-range-wrapper .d-flex { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - width: 100%; - } - .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range { - margin-right: 0; - margin-left: 0; - } - .atbdpr-range .atbd_slider-range-wrapper .d-flex { - padding: 0 !important; - margin: 5px 0 0 !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_single_listing.atbd_listing_list .atbd_single_listing_wrapper { - display: block; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_single_listing.atbd_listing_list .atbd_single_listing_wrapper .atbd_listing_thumbnail_area img { - border-radius: 3px 3px 0 0; - } - .edit_btn_wrap .atbdp_float_active { - left: 0; - bottom: 0; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 0; - } - .edit_btn_wrap .atbdp_float_active .btn { - margin: 0 5px !important; - font-size: 15px !important; - padding: 10px 20px !important; - line-height: 18px !important; - } - .atbd_post_draft { - padding-bottom: 80px; - } - .ads-advanced .atbd_seach_fields_wrapper .single_search_field { - margin-bottom: 10px !important; - margin-top: 0 !important; - } - .atbd-listing-tags .atbdb_content_module_contents ul li { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - } - #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline { - padding-left: 0; - } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar { + flex-wrap: wrap; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd { + margin-top: 10px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_meta { + width: 100%; + justify-content: center; + } + .atbd_content_active + #directorist.atbd_wrapper.dashboard_area + .atbd_saved_items_wrapper + .atbd_single_saved_item { + border: 0 none; + padding: 0; + } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 100% !important; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_author_listings_area { + display: block; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_author_listings_area + .atbd_author_filter_area { + margin-top: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd { + margin-right: 0; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields > li { + display: block; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_custom_fields + .atbd_custom_field_title, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_custom_fields + .atbd_custom_field_content { + width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_custom_fields + .atbd_custom_field_content { + border: 0 none; + padding-top: 0; + padding-left: 30px; + padding-right: 30px; + } + .ads-advanced .bottom-inputs > div { + width: 100%; + } + .ads-advanced .price_ranges, + .ads-advanced .select-basic, + .ads-advanced .bads-tags, + .ads-advanced .bads-custom-checks, + .ads-advanced .atbdp_custom_radios, + .ads-advanced .wp-picker-container, + .ads-advanced .form-group > .form-control, + .ads-advanced .atbdp-custom-fields-search .form-group .form-control { + flex: auto; + width: 100% !important; + } + .ads-advanced .form-group label { + margin-bottom: 10px !important; + } + .ads-advanced .more-less, + .ads-advanced .more-or-less { + text-align: right; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_listing_action_btn { + margin-right: 0; + flex-wrap: wrap; + } + #directorist.atbd_wrapper .atbdp_col-5 { + flex: 0 0 100%; + max-width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title { + flex-wrap: wrap; + justify-content: flex-start; + margin: 5px 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title + h3 { + margin-left: 10px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_listing_action_btn { + margin: 5px 0; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_embeded_video { + margin-bottom: 0; + } + .ads-advanced .bdas-filter-actions .btn { + margin-top: 5px !important; + margin-bottom: 5px !important; + } + .atbdpr-range .atbd_slider-range-wrapper { + margin: 0; + } + .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range, + .atbdpr-range .atbd_slider-range-wrapper .d-flex { + flex: none; + width: 100%; + } + .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range { + margin-right: 0; + margin-left: 0; + } + .atbdpr-range .atbd_slider-range-wrapper .d-flex { + padding: 0 !important; + margin: 5px 0 0 !important; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_single_listing.atbd_listing_list + .atbd_single_listing_wrapper { + display: block; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_single_listing.atbd_listing_list + .atbd_single_listing_wrapper + .atbd_listing_thumbnail_area + img { + border-radius: 3px 3px 0 0; + } + .edit_btn_wrap .atbdp_float_active { + left: 0; + bottom: 0; + width: 100%; + display: flex; + align-items: center; + justify-content: center; + border-radius: 0; + } + .edit_btn_wrap .atbdp_float_active .btn { + margin: 0 5px !important; + font-size: 15px !important; + padding: 10px 20px !important; + line-height: 18px !important; + } + .atbd_post_draft { + padding-bottom: 80px; + } + .ads-advanced .atbd_seach_fields_wrapper .single_search_field { + margin-bottom: 10px !important; + margin-top: 0 !important; + } + .atbd-listing-tags .atbdb_content_module_contents ul li { + flex: 0 0 50%; + } + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form.atbdp-search-form-inline { + padding-left: 0; + } } /* Utility */ .adbdp-d-none { - display: none; + display: none; } .atbdp-px-5 { - padding: 0 5px !important; + padding: 0 5px !important; } .atbdp-mx-5 { - margin: 0 5px !important; + margin: 0 5px !important; } .atbdp-form-actions { - margin: 30px 0; - text-align: center; + margin: 30px 0; + text-align: center; } .atbdp-icon { - display: inline-block; + display: inline-block; } .atbdp-icon-large { - display: block; - margin-bottom: 20px; - font-size: 45px; - text-align: center; + display: block; + margin-bottom: 20px; + font-size: 45px; + text-align: center; } @media (max-width: 400px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title .more-filter, - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title h3 { - margin-top: 3px; - margin-bottom: 3px; - } - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper, - .atbd_content_active .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper { - right: -90px; - } - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_listing_info .atbd_listing_category .atbd_cat_popup .atbd_cat_popup_wrapper:before, - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper:before, - .atbd_content_active .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper:before { - right: auto; - left: 15px; - } - .atbd_content_active #directorist.atbd_wrapper .at-modal .atm-contents-inner .dcl_pricing_plan .atbd_plan_core_features span { - display: block; - margin-left: 0; - padding-left: 0; - padding-right: 15px; - } - .atbd_content_active #directorist.atbd_wrapper .at-modal .atm-contents-inner .dcl_pricing_plan .atbd_plan_core_features span:after { - content: "-" !important; - left: auto; - right: 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_saved_items_wrapper .thumb_title .img_wrapper img { - max-width: none; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_content_module_title_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap, - .atbd_content_active #directorist.atbd_wrapper .atbd_content_module__tittle_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap { - left: -40px; - } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title + .more-filter, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title + h3 { + margin-top: 3px; + margin-bottom: 3px; + } + .atbd_content_active + #directorist.atbd_wrapper + .widget.atbd_widget + .atbd_categorized_listings + ul + li + .atbd_right_content + .atbd_cat_popup + .atbd_cat_popup_wrapper, + .atbd_content_active + .widget.atbd_widget + .atbd_categorized_listings + ul + li + .atbd_right_content + .atbd_cat_popup + .atbd_cat_popup_wrapper { + right: -90px; + } + .atbd_content_active + #directorist.atbd_wrapper + .widget.atbd_widget + .atbd_listing_info + .atbd_listing_category + .atbd_cat_popup + .atbd_cat_popup_wrapper:before, + .atbd_content_active + #directorist.atbd_wrapper + .widget.atbd_widget + .atbd_categorized_listings + ul + li + .atbd_right_content + .atbd_cat_popup + .atbd_cat_popup_wrapper:before, + .atbd_content_active + .widget.atbd_widget + .atbd_categorized_listings + ul + li + .atbd_right_content + .atbd_cat_popup + .atbd_cat_popup_wrapper:before { + right: auto; + left: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .at-modal + .atm-contents-inner + .dcl_pricing_plan + .atbd_plan_core_features + span { + display: block; + margin-left: 0; + padding-left: 0; + padding-right: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .at-modal + .atm-contents-inner + .dcl_pricing_plan + .atbd_plan_core_features + span:after { + content: "-" !important; + left: auto; + right: 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_saved_items_wrapper + .thumb_title + .img_wrapper + img { + max-width: none; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module_title_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module__tittle_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap { + left: -40px; + } } @media (max-width: 340px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_listing_action_btn .dropdown { - margin-top: 3px; - margin-bottom: 3px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_listing_action_btn .dropdown + .dropdown { - margin-right: 0; - } - .atbd-listing-tags .atbdb_content_module_contents ul li { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_listing_action_btn { + display: flex; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_listing_action_btn + .dropdown { + margin-top: 3px; + margin-bottom: 3px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_listing_action_btn + .dropdown + + .dropdown { + margin-right: 0; + } + .atbd-listing-tags .atbdb_content_module_contents ul li { + flex: 0 0 100%; + } } @media only screen and (max-width: 1199px) { - .directorist-search-contents .directorist-search-form-top { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } - .directorist-search-contents .directorist-search-form-top .directorist-search-form-action { - margin-top: 15px; - margin-bottom: 15px; - } + .directorist-search-contents .directorist-search-form-top { + justify-content: center; + } + .directorist-search-contents + .directorist-search-form-top + .directorist-search-form-action { + margin-top: 15px; + margin-bottom: 15px; + } } @media only screen and (max-width: 575px) { - .directorist-modal__dialog { - width: calc(100% - 30px) !important; - } - .directorist-advanced-filter__basic__element { - width: 100%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } - .directorist-author-profile-wrap .directorist-card__body { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-modal__dialog { + width: calc(100% - 30px) !important; + } + .directorist-advanced-filter__basic__element { + width: 100%; + flex: 0 0 100%; + } + .directorist-author-profile-wrap .directorist-card__body { + justify-content: center; + } } @media only screen and (max-width: 479px) { - .directorist-user-dashboard-tab .directorist-user-dashboard-search { - margin-right: 0; - margin-top: 30px; - } + .directorist-user-dashboard-tab .directorist-user-dashboard-search { + margin-right: 0; + margin-top: 30px; + } } @media only screen and (max-width: 375px) { - .directorist-user-dashboard-tab ul { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding-right: 0; - } - .directorist-user-dashboard-tab ul li { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } - .directorist-user-dashboard-tab ul li a { - padding-bottom: 5px; - } - .directorist-user-dashboard-tab .directorist-user-dashboard-search { - margin-right: 0; - } - .directorist-author-profile-wrap .directorist-author-avatar { - display: block; - } - .directorist-author-profile-wrap .directorist-author-avatar img { - margin-bottom: 15px; - } - .directorist-author-profile-wrap .directorist-author-avatar { - text-align: center; - } - .directorist-author-profile-wrap .directorist-author-avatar .directorist-author-avatar__info { - text-align: center; - } - .directorist-author-profile-wrap .directorist-author-avatar .directorist-author-avatar__info p { - text-align: center; - } - .directorist-author-profile-wrap .directorist-author-avatar img { - margin-left: 0; - display: inline-block; - } -} \ No newline at end of file + .directorist-user-dashboard-tab ul { + flex-wrap: wrap; + padding-right: 0; + } + .directorist-user-dashboard-tab ul li { + flex: 0 0 100%; + } + .directorist-user-dashboard-tab ul li a { + padding-bottom: 5px; + } + .directorist-user-dashboard-tab .directorist-user-dashboard-search { + margin-right: 0; + } + .directorist-author-profile-wrap .directorist-author-avatar { + display: block; + } + .directorist-author-profile-wrap .directorist-author-avatar img { + margin-bottom: 15px; + } + .directorist-author-profile-wrap .directorist-author-avatar { + text-align: center; + } + .directorist-author-profile-wrap + .directorist-author-avatar + .directorist-author-avatar__info { + text-align: center; + } + .directorist-author-profile-wrap + .directorist-author-avatar + .directorist-author-avatar__info + p { + text-align: center; + } + .directorist-author-profile-wrap .directorist-author-avatar img { + margin-left: 0; + display: inline-block; + } +} diff --git a/assets/css/public-main.css b/assets/css/public-main.css index 6862982668..6b0634964f 100644 --- a/assets/css/public-main.css +++ b/assets/css/public-main.css @@ -1,997 +1,961 @@ -/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\ - !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/public/main-style.scss ***! - \*****************************************************************************************************************************************************************************************************************************************************************************************************/ +/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/.pnpm/css-loader@3.6.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/.pnpm/resolve-url-loader@3.1.5/node_modules/resolve-url-loader/index.js!./node_modules/.pnpm/postcss-loader@3.0.0/node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.91.0_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/public/main-style.scss ***! + \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* typography */ -@-webkit-keyframes rotate360 { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} @keyframes rotate360 { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } } @-webkit-keyframes atbd_spin { - 0% { - -webkit-transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - } + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + } } @keyframes atbd_spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} -@-webkit-keyframes atbd_spin2 { - 0% { - -webkit-transform: translate(-50%, -50%) rotate(0deg); - transform: translate(-50%, -50%) rotate(0deg); - } - 100% { - -webkit-transform: translate(-50%, -50%) rotate(360deg); - transform: translate(-50%, -50%) rotate(360deg); - } + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } } @keyframes atbd_spin2 { - 0% { - -webkit-transform: translate(-50%, -50%) rotate(0deg); - transform: translate(-50%, -50%) rotate(0deg); - } - 100% { - -webkit-transform: translate(-50%, -50%) rotate(360deg); - transform: translate(-50%, -50%) rotate(360deg); - } -} -@-webkit-keyframes atbd_scale { - 0% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } + 0% { + transform: translate(-50%, -50%) rotate(0deg); + } + 100% { + transform: translate(-50%, -50%) rotate(360deg); + } } @keyframes atbd_scale { - 0% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } + 0% { + transform: scale(0.8); + } + 100% { + transform: scale(1); + } } -.reset-pseudo-link:visited, .reset-pseudo-link:active, .reset-pseudo-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; +.reset-pseudo-link:visited, +.reset-pseudo-link:active, +.reset-pseudo-link:focus { + outline: none; + box-shadow: none; } .cptm-shortcodes { - max-height: 300px; - overflow: scroll; + max-height: 300px; + overflow: scroll; } .directorist-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-center-content-inline { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: inline-flex; } .directorist-center-content, .directorist-center-content-inline { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; } .directorist-text-right { - text-align: right; + text-align: right; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-text-left { - text-align: left; + text-align: left; } .directorist-mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .directorist-mt-5 { - margin-top: 5px !important; + margin-top: 5px !important; } .directorist-mt-10 { - margin-top: 10px !important; + margin-top: 10px !important; } .directorist-mt-15 { - margin-top: 15px !important; + margin-top: 15px !important; } .directorist-mt-20 { - margin-top: 20px !important; + margin-top: 20px !important; } .directorist-mt-30 { - margin-top: 30px !important; + margin-top: 30px !important; } .directorist-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-25 { - margin-bottom: 25px !important; + margin-bottom: 25px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-n20 { - margin-bottom: -20px !important; + margin-bottom: -20px !important; } .directorist-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .directorist-mb-15 { - margin-bottom: 15px !important; + margin-bottom: 15px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-40 { - margin-bottom: 40px !important; + margin-bottom: 40px !important; } .directorist-mb-50 { - margin-bottom: 50px !important; + margin-bottom: 50px !important; } .directorist-mb-70 { - margin-bottom: 70px !important; + margin-bottom: 70px !important; } .directorist-mb-80 { - margin-bottom: 80px !important; + margin-bottom: 80px !important; } .directorist-pb-100 { - padding-bottom: 100px !important; + padding-bottom: 100px !important; } .directorist-w-100 { - width: 100% !important; - max-width: 100% !important; + width: 100% !important; + max-width: 100% !important; } .directorist-flex { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-flex-wrap { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .directorist-align-center { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + align-items: center; } .directorist-justify-content-center { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .directorist-justify-content-between { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; } .directorist-justify-content-around { - -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - justify-content: space-around; + justify-content: space-around; } .directorist-justify-content-start { - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; } .directorist-justify-content-end { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; } .directorist-display-none { - display: none; + display: none; } .directorist-icon-mask:after { - content: ""; - display: block; - width: 18px; - height: 18px; - background-color: var(--directorist-color-dark); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: var(--directorist-icon); - mask-image: var(--directorist-icon); + content: ""; + display: block; + width: 18px; + height: 18px; + background-color: var(--directorist-color-dark); + mask-repeat: no-repeat; + mask-position: center; + mask-image: var(--directorist-icon); } .directorist-error__msg { - color: var(--directorist-color-danger); - font-size: 14px; + color: var(--directorist-color-danger); + font-size: 14px; } .directorist-content-active .entry-content .directorist-search-contents { - width: 100% !important; - max-width: 100% !important; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100% !important; + max-width: 100% !important; + box-sizing: border-box; } /* directorist module style */ .directorist-content-module { - border: 1px solid var(--directorist-color-border); + border: 1px solid var(--directorist-color-border); } .directorist-content-module__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 15px 40px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - min-height: 36px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: flex; + justify-content: space-between; + padding: 15px 40px; + align-items: center; + flex-wrap: wrap; + min-height: 36px; + box-sizing: border-box; } @media (max-width: 480px) { - .directorist-content-module__title { - padding: 20px; - } + .directorist-content-module__title { + padding: 20px; + } } .directorist-content-module__title h2 { - margin: 0 !important; - font-size: 16px; - font-weight: 500; - line-height: 1.2; + margin: 0 !important; + font-size: 16px; + font-weight: 500; + line-height: 1.2; } .directorist-content-module__contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 40px 0; - padding: 30px 40px 40px; - border-top: 1px solid var(--directorist-color-border); + display: flex; + flex-direction: column; + gap: 40px 0; + padding: 30px 40px 40px; + border-top: 1px solid var(--directorist-color-border); } @media (max-width: 480px) { - .directorist-content-module__contents { - padding: 20px; - } -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-wrap { - margin-top: -30px; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs { - position: relative; - bottom: -7px; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs .wp-switch-editor { - margin: 0; - border: none; - border-radius: 5px; - padding: 5px 10px 12px; - background: transparent; - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .html-active .switch-html, -.directorist-content-module__contents .directorist-form-description-field .tmce-active .switch-tmce { - background-color: #f6f7f7; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-container { - border: none; - border-bottom: 1px solid var(--directorist-color-border); -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-container input { - background: transparent !important; - color: var(--directorist-color-body) !important; - border-color: var(--directorist-color-border); -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-area { - border: none; - resize: none; - min-height: 238px; -} -.directorist-content-module__contents .directorist-form-description-field .mce-top-part::before { - display: none; -} -.directorist-content-module__contents .directorist-form-description-field .mce-stack-layout { - border: none; - padding: 0; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar-grp, -.directorist-content-module__contents .directorist-form-description-field .quicktags-toolbar { - border: none; - padding: 8px 12px; - border-radius: 8px; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-ico { - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn button, -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn-group .mce-btn.mce-listbox { - background: transparent; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-menubtn.mce-fixed-width span.mce-txt { - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .mce-statusbar { - display: none; -} -.directorist-content-module__contents .directorist-form-description-field #wp-listing_content-editor-tools { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-content-module__contents .directorist-form-description-field iframe { - max-width: 100%; -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn { - width: 100%; - gap: 10px; - padding-left: 40px; -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn i::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-btn); -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover i::after { - background-color: var(--directorist-color-white); -} -.directorist-content-module__contents .directorist-form-social-info-field select { - color: var(--directorist-color-primary); -} -.directorist-content-module__contents .directorist-checkbox .directorist-checkbox__label { - margin-left: 0; + .directorist-content-module__contents { + padding: 20px; + } +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-wrap { + margin-top: -30px; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-tabs { + position: relative; + bottom: -7px; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-tabs + .wp-switch-editor { + margin: 0; + border: none; + border-radius: 5px; + padding: 5px 10px 12px; + background: transparent; + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .html-active + .switch-html, +.directorist-content-module__contents + .directorist-form-description-field + .tmce-active + .switch-tmce { + background-color: #f6f7f7; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-container { + border: none; + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-container + input { + background: transparent !important; + color: var(--directorist-color-body) !important; + border-color: var(--directorist-color-border); +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-area { + border: none; + resize: none; + min-height: 238px; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-top-part::before { + display: none; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-stack-layout { + border: none; + padding: 0; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar-grp, +.directorist-content-module__contents + .directorist-form-description-field + .quicktags-toolbar { + border: none; + padding: 8px 12px; + border-radius: 8px; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-ico { + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-btn + button, +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-btn-group + .mce-btn.mce-listbox { + background: transparent; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-menubtn.mce-fixed-width + span.mce-txt { + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-statusbar { + display: none; +} +.directorist-content-module__contents + .directorist-form-description-field + #wp-listing_content-editor-tools { + display: flex; + justify-content: flex-end; +} +.directorist-content-module__contents + .directorist-form-description-field + iframe { + max-width: 100%; +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn { + width: 100%; + gap: 10px; + padding-left: 40px; +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn + i::after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-btn); +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn:hover + i::after { + background-color: var(--directorist-color-white); +} +.directorist-content-module__contents + .directorist-form-social-info-field + select { + color: var(--directorist-color-primary); +} +.directorist-content-module__contents + .directorist-checkbox + .directorist-checkbox__label { + margin-left: 0; } .directorist-content-active #directorist.atbd_wrapper { - max-width: 100%; + max-width: 100%; } .directorist-content-active #directorist.atbd_wrapper .atbd_header_bar { - margin-bottom: 35px; + margin-bottom: 35px; } #directorist-dashboard-preloader { - display: none; + display: none; } .directorist-form-required { - color: var(--directorist-color-danger); + color: var(--directorist-color-danger); } .directory_register_form_wrap .dgr_show_recaptcha { - margin-bottom: 20px; + margin-bottom: 20px; } .directory_register_form_wrap .dgr_show_recaptcha > p { - font-size: 16px; - color: var(--directorist-color-primary); - font-weight: 600; - margin-bottom: 8px !important; + font-size: 16px; + color: var(--directorist-color-primary); + font-weight: 600; + margin-bottom: 8px !important; } .directory_register_form_wrap a { - text-decoration: none; + text-decoration: none; } .atbd_login_btn_wrapper .directorist-btn { - line-height: 2.55; - padding-top: 0; - padding-bottom: 0; + line-height: 2.55; + padding-top: 0; + padding-bottom: 0; } -.atbd_login_btn_wrapper .keep_signed.directorist-checkbox .directorist-checkbox__label { - color: var(--directorist-color-primary); +.atbd_login_btn_wrapper + .keep_signed.directorist-checkbox + .directorist-checkbox__label { + color: var(--directorist-color-primary); } .atbdp_login_form_shortcode .directorist-form-group label { - display: inline-block; - margin-bottom: 5px; + display: inline-block; + margin-bottom: 5px; } .atbdp_login_form_shortcode a { - text-decoration: none; + text-decoration: none; } .directory_register_form_wrap .directorist-form-group label { - display: inline-block; - margin-bottom: 5px; + display: inline-block; + margin-bottom: 5px; } .directory_register_form_wrap .directorist-btn { - line-height: 2.55; - padding-top: 0; - padding-bottom: 0; + line-height: 2.55; + padding-top: 0; + padding-bottom: 0; } .directorist-quick-login .directorist-form-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + gap: 15px; + align-items: center; } .atbd_success_mesage > p i { - top: 2px; - margin-right: 5px; - position: relative; - display: inline-block; + top: 2px; + margin-right: 5px; + position: relative; + display: inline-block; } .directorist-loader { - position: relative; + position: relative; } .directorist-loader:before { - position: absolute; - content: ""; - right: 20px; - top: 31%; - border: 2px solid var(--directorist-color-white); - border-radius: 50%; - border-top: 2px solid var(--directorist-color-primary); - width: 20px; - height: 20px; - -webkit-animation: atbd_spin 2s linear infinite; - animation: atbd_spin 2s linear infinite; + position: absolute; + content: ""; + right: 20px; + top: 31%; + border: 2px solid var(--directorist-color-white); + border-radius: 50%; + border-top: 2px solid var(--directorist-color-primary); + width: 20px; + height: 20px; + animation: atbd_spin 2s linear infinite; } .plupload-upload-uic { - width: 420px; - margin: 0 auto !important; - border: 1px dashed var(--directorist-color-border-gray); - padding: 30px; + width: 420px; + margin: 0 auto !important; + border: 1px dashed var(--directorist-color-border-gray); + padding: 30px; } .plupload-upload-uic .atbdp-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; + font-weight: 500; + margin-bottom: 15px; + font-size: 15px; } .plupload-upload-uic .atbdp_button { - border: 1px solid var(--directorist-color-border); - background-color: var(--directorist-color-ss-bg-light); - font-size: 14px; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 40px !important; - padding: 0 30px !important; - height: auto !important; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - color: inherit; + border: 1px solid var(--directorist-color-border); + background-color: var(--directorist-color-ss-bg-light); + font-size: 14px; + box-shadow: none; + line-height: 40px !important; + padding: 0 30px !important; + height: auto !important; + transition: 0.3s ease; + color: inherit; } .plupload-upload-uic .atbdp-dropbox-file-types { - margin-top: 10px; - color: var(--directorist-color-deep-gray); + margin-top: 10px; + color: var(--directorist-color-deep-gray); } @media (max-width: 575px) { - .plupload-upload-uic { - width: 100%; - } + .plupload-upload-uic { + width: 100%; + } } .directorist-address-field .address_result, .directorist-form-address-field .address_result { - position: absolute; - left: 0; - top: 100%; - width: 100%; - max-height: 345px !important; - overflow-y: scroll; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); - box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); - z-index: 10; + position: absolute; + left: 0; + top: 100%; + width: 100%; + max-height: 345px !important; + overflow-y: scroll; + border-radius: 8px; + background-color: var(--directorist-color-white); + box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); + z-index: 10; } .directorist-address-field .address_result ul, .directorist-form-address-field .address_result ul { - list-style: none; - margin: 0; - padding: 0; - border-radius: 8px; + list-style: none; + margin: 0; + padding: 0; + border-radius: 8px; } .directorist-address-field .address_result li, .directorist-form-address-field .address_result li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; - margin: 0; - padding: 10px 20px; - border-bottom: 1px solid #eee; + display: flex; + align-items: center; + gap: 15px; + margin: 0; + padding: 10px 20px; + border-bottom: 1px solid #eee; } .directorist-address-field .address_result li a, .directorist-form-address-field .address_result li a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 15px; - font-size: 14px; - line-height: 18px; - padding: 0; - margin: 0; - color: #767792; - background-color: var(--directorist-color-white); - border-bottom: 1px solid #d9d9d9; - text-decoration: none; - -webkit-transition: color 0.3s ease, border 0.3s ease; - transition: color 0.3s ease, border 0.3s ease; + display: flex; + align-items: flex-start; + gap: 15px; + font-size: 14px; + line-height: 18px; + padding: 0; + margin: 0; + color: #767792; + background-color: var(--directorist-color-white); + border-bottom: 1px solid #d9d9d9; + text-decoration: none; + transition: + color 0.3s ease, + border 0.3s ease; } .directorist-address-field .address_result li a:hover, .directorist-form-address-field .address_result li a:hover { - color: var(--directorist-color-dark); - border-bottom: 1px dashed #e9e9e9; + color: var(--directorist-color-dark); + border-bottom: 1px dashed #e9e9e9; } .directorist-address-field .address_result li:last-child, .directorist-form-address-field .address_result li:last-child { - border: none; + border: none; } .directorist-address-field .address_result li:last-child a, .directorist-form-address-field .address_result li:last-child a { - border: none; + border: none; } .pac-container { - list-style: none; - margin: 0; - padding: 18px 5px 11px; - max-width: 270px; - min-width: 200px; - border-radius: 8px; + list-style: none; + margin: 0; + padding: 18px 5px 11px; + max-width: 270px; + min-width: 200px; + border-radius: 8px; } @media (max-width: 575px) { - .pac-container { - max-width: unset; - width: calc(100% - 30px) !important; - left: 30px !important; - } + .pac-container { + max-width: unset; + width: calc(100% - 30px) !important; + left: 30px !important; + } } .pac-container .pac-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 13px 7px; - padding: 0; - border: none; - background: unset; - cursor: pointer; + display: flex; + align-items: center; + margin: 0 13px 7px; + padding: 0; + border: none; + background: unset; + cursor: pointer; } .pac-container .pac-item span { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .pac-container .pac-item .pac-matched { - font-weight: 400; + font-weight: 400; } .pac-container .pac-item:hover span { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .pac-container .pac-icon-marker { - position: relative; - height: 36px; - width: 36px; - min-width: 36px; - border-radius: 8px; - margin: 0 15px 0 0; - background-color: var(--directorist-color-border-gray); + position: relative; + height: 36px; + width: 36px; + min-width: 36px; + border-radius: 8px; + margin: 0 15px 0 0; + background-color: var(--directorist-color-border-gray); } .pac-container .pac-icon-marker:after { - content: ""; - display: block; - width: 12px; - height: 20px; - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/c5960c249e03a1405b32.svg); - mask-image: url(../js/c5960c249e03a1405b32.svg); + content: ""; + display: block; + width: 12px; + height: 20px; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + background-color: var(--directorist-color-body); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); } .pac-container:after { - display: none; + display: none; } p.status:empty { - display: none; + display: none; } -.gateway_list input[type=radio] { - margin-right: 5px; +.gateway_list input[type="radio"] { + margin-right: 5px; } .directorist-checkout-form .directorist-container-fluid { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } .directorist-checkout-form ul { - list-style-type: none; + list-style-type: none; } .directorist-select select { - width: 100%; - height: 40px; - border: none; - color: var(--directorist-color-body); - border-bottom: 1px solid var(--directorist-color-border-gray); + width: 100%; + height: 40px; + border: none; + color: var(--directorist-color-body); + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-select select:focus { - outline: 0; + outline: 0; } .directorist-content-active .select2-container--open .select2-dropdown--above { - top: 0; - border-color: var(--directorist-color-border); + top: 0; + border-color: var(--directorist-color-border); } -body.logged-in.directorist-content-active .select2-container--open .select2-dropdown--above { - top: 32px; +body.logged-in.directorist-content-active + .select2-container--open + .select2-dropdown--above { + top: 32px; } .directorist-content-active .select2-container--default .select2-dropdown { - border: none; - border-radius: 10px !important; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + border: none; + border-radius: 10px !important; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } -.directorist-content-active .select2-container--default .select2-search--dropdown { - padding: 20px 20px 10px 20px; +.directorist-content-active + .select2-container--default + .select2-search--dropdown { + padding: 20px 20px 10px 20px; } .directorist-content-active .select2-container--default .select2-search__field { - padding: 10px 18px !important; - border-radius: 8px; - background: transparent; - color: var(--directorist-color-deep-gray); - border: 1px solid var(--directorist-color-border-gray) !important; + padding: 10px 18px !important; + border-radius: 8px; + background: transparent; + color: var(--directorist-color-deep-gray); + border: 1px solid var(--directorist-color-border-gray) !important; } -.directorist-content-active .select2-container--default .select2-search__field:focus { - outline: 0; +.directorist-content-active + .select2-container--default + .select2-search__field:focus { + outline: 0; } .directorist-content-active .select2-container--default .select2-results { - padding-bottom: 10px; -} -.directorist-content-active .select2-container--default .select2-results__option { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 15px; - padding: 6px 20px; - color: var(--directorist-color-body); - font-size: 14px; - line-height: 1.5; -} -.directorist-content-active .select2-container--default .select2-results__option--highlighted { - font-weight: 500; - color: var(--directorist-color-primary) !important; - background-color: transparent; -} -.directorist-content-active .select2-container--default .select2-results__message { - margin-bottom: 10px !important; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li { - margin-left: 0; - margin-top: 8.5px; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group { - margin-bottom: 0; - padding: 0; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group .form-control { - height: 24.5px; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field { - margin: 0; - max-width: none; - width: 100% !important; - padding: 0 !important; - border: none !important; -} -.directorist-content-active .select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: rgba(var(--directorist-color-primary-rgb), 0.1) !important; - font-weight: 400; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option { - margin: 0; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option[aria-selected=true] { - font-weight: 600; - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary-rgb), 0.1); - pointer-events: none; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask { - margin-right: 12px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); + padding-bottom: 10px; +} +.directorist-content-active + .select2-container--default + .select2-results__option { + display: flex; + justify-content: space-between; + gap: 15px; + padding: 6px 20px; + color: var(--directorist-color-body); + font-size: 14px; + line-height: 1.5; +} +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted { + font-weight: 500; + color: var(--directorist-color-primary) !important; + background-color: transparent; +} +.directorist-content-active + .select2-container--default + .select2-results__message { + margin-bottom: 10px !important; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li { + margin-left: 0; + margin-top: 8.5px; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li.select2-search--inline.form-group { + margin-bottom: 0; + padding: 0; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li.select2-search--inline.form-group + .form-control { + height: 24.5px; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li + .select2-search__field { + margin: 0; + max-width: none; + width: 100% !important; + padding: 0 !important; + border: none !important; +} +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted[aria-selected] { + background-color: rgba( + var(--directorist-color-primary-rgb), + 0.1 + ) !important; + font-weight: 400; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option { + margin: 0; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option[aria-selected="true"] { + font-weight: 600; + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.1); + pointer-events: none; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents { + display: flex; + align-items: center; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask { + margin-right: 12px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); } @media (max-width: 575px) { - .directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask { - width: 40px; - height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - background-color: var(--directorist-color-bg-light); - } -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-2 { - padding-left: 20px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-3 { - padding-left: 40px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-4 { - padding-left: 60px; -} -.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered { - opacity: 1; -} -.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-content-active .select2-container--default .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-body) !important; + .directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask { + width: 40px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 8px; + background-color: var(--directorist-color-bg-light); + } +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-2 { + padding-left: 20px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-3 { + padding-left: 40px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-4 { + padding-left: 60px; +} +.directorist-content-active + .select2-container--default + .select2-selection--single + .select2-selection__rendered { + opacity: 1; +} +.directorist-content-active + .select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + display: flex; + align-items: center; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-content-active + .select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-body) !important; } .custom-checkbox input { - display: none; -} -.custom-checkbox input[type=checkbox] + .check--select + label, -.custom-checkbox input[type=radio] + .radio--select + label { - min-width: 18px; - min-height: 18px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - padding-left: 28px; - padding-top: 3px; - padding-bottom: 3px; - margin-bottom: 0; - line-height: 1.2; - font-weight: 400; - color: var(--directorist-color-gray); -} -.custom-checkbox input[type=checkbox] + .check--select + label:before, -.custom-checkbox input[type=radio] + .radio--select + label:before { - position: absolute; - font-size: 10px; - left: 5px; - top: 5px; - font-weight: 900; - font-family: "Font Awesome 5 Free"; - content: "\f00c"; - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; -} -.custom-checkbox input[type=checkbox] + .check--select + label:after, -.custom-checkbox input[type=radio] + .radio--select + label:after { - position: absolute; - left: 0; - top: 3px; - width: 18px; - height: 18px; - content: ""; - background-color: var(--directorist-color-white); - border: 2px solid var(--directorist-color-border-gray); -} -.custom-checkbox input[type=radio] + .radio--select + label:before { - top: 8px; - font-size: 9px; -} -.custom-checkbox input[type=radio] + .radio--select + label:after { - border-radius: 50%; -} -.custom-checkbox input[type=radio] + .radio--select + label span { - color: var(--directorist-color-light-gray); -} -.custom-checkbox input[type=radio] + .radio--select + label span.active { - color: var(--directorist-color-warning); -} -.custom-checkbox input[type=checkbox]:checked + .check--select + label:after, -.custom-checkbox input[type=radio]:checked + .radio--select + label:after { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); -} -.custom-checkbox input[type=checkbox]:checked + .check--select + label:before, -.custom-checkbox input[type=radio]:checked + .radio--select + label:before { - opacity: 1; - color: var(--directorist-color-white); + display: none; +} +.custom-checkbox input[type="checkbox"] + .check--select + label, +.custom-checkbox input[type="radio"] + .radio--select + label { + min-width: 18px; + min-height: 18px; + font-size: 14px; + display: flex; + flex-flow: column; + position: relative; + padding-left: 28px; + padding-top: 3px; + padding-bottom: 3px; + margin-bottom: 0; + line-height: 1.2; + font-weight: 400; + color: var(--directorist-color-gray); +} +.custom-checkbox input[type="checkbox"] + .check--select + label:before, +.custom-checkbox input[type="radio"] + .radio--select + label:before { + position: absolute; + font-size: 10px; + left: 5px; + top: 5px; + font-weight: 900; + font-family: "Font Awesome 5 Free"; + content: "\f00c"; + display: block; + opacity: 0; + transition: all 0.3s ease 0s; + z-index: 2; +} +.custom-checkbox input[type="checkbox"] + .check--select + label:after, +.custom-checkbox input[type="radio"] + .radio--select + label:after { + position: absolute; + left: 0; + top: 3px; + width: 18px; + height: 18px; + content: ""; + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border-gray); +} +.custom-checkbox input[type="radio"] + .radio--select + label:before { + top: 8px; + font-size: 9px; +} +.custom-checkbox input[type="radio"] + .radio--select + label:after { + border-radius: 50%; +} +.custom-checkbox input[type="radio"] + .radio--select + label span { + color: var(--directorist-color-light-gray); +} +.custom-checkbox input[type="radio"] + .radio--select + label span.active { + color: var(--directorist-color-warning); +} +.custom-checkbox input[type="checkbox"]:checked + .check--select + label:after, +.custom-checkbox input[type="radio"]:checked + .radio--select + label:after { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); +} +.custom-checkbox input[type="checkbox"]:checked + .check--select + label:before, +.custom-checkbox input[type="radio"]:checked + .radio--select + label:before { + opacity: 1; + color: var(--directorist-color-white); } .directorist-table { - display: table; - width: 100%; + display: table; + width: 100%; } /* Directorist custom grid */ @@ -1002,103 +966,85 @@ body.logged-in.directorist-content-active .select2-container--open .select2-drop .directorist-container-lg, .directorist-container-md, .directorist-container-sm { - width: 100%; - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-left: auto; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; + box-sizing: border-box; } @media (min-width: 576px) { - .directorist-container-sm, - .directorist-container { - max-width: 540px; - } + .directorist-container-sm, + .directorist-container { + max-width: 540px; + } } @media (min-width: 768px) { - .directorist-container-md, - .directorist-container-sm, - .directorist-container { - max-width: 720px; - } + .directorist-container-md, + .directorist-container-sm, + .directorist-container { + max-width: 720px; + } } @media (min-width: 992px) { - .directorist-container-lg, - .directorist-container-md, - .directorist-container-sm, - .directorist-container { - max-width: 960px; - } + .directorist-container-lg, + .directorist-container-md, + .directorist-container-sm, + .directorist-container { + max-width: 960px; + } } @media (min-width: 1200px) { - .directorist-container-xl, - .directorist-container-lg, - .directorist-container-md, - .directorist-container-sm, - .directorist-container { - max-width: 1140px; - } + .directorist-container-xl, + .directorist-container-lg, + .directorist-container-md, + .directorist-container-sm, + .directorist-container { + max-width: 1140px; + } } @media (min-width: 1400px) { - .directorist-container-xxl, - .directorist-container-xl, - .directorist-container-lg, - .directorist-container-md, - .directorist-container-sm, - .directorist-container { - max-width: 1320px; - } + .directorist-container-xxl, + .directorist-container-xl, + .directorist-container-lg, + .directorist-container-md, + .directorist-container-sm, + .directorist-container { + max-width: 1320px; + } } .directorist-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-right: -15px; - margin-left: -15px; - margin-top: -15px; - min-width: 100%; + display: flex; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; + margin-top: -15px; + min-width: 100%; } .directorist-row > * { - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - width: 100%; - max-width: 100%; - padding-right: 15px; - padding-left: 15px; - margin-top: 15px; + box-sizing: border-box; + flex-shrink: 0; + width: 100%; + max-width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-top: 15px; } .directorist-col { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; + flex: 1 0 0%; } .directorist-col-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; + flex: 0 0 auto; + width: auto; } .directorist-col-1 { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - width: 8.3333333333%; + flex: 1; + width: 8.3333333333%; } .directorist-col-2-5, @@ -1113,1886 +1059,1635 @@ body.logged-in.directorist-content-active .select2-container--open .select2-drop .directorist-col-10, .directorist-col-11, .directorist-col-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - max-width: 100%; + flex: 0 0 auto; + max-width: 100%; } .directorist-offset-1 { - margin-left: 8.3333333333%; + margin-left: 8.3333333333%; } .directorist-offset-2 { - margin-left: 16.6666666667%; + margin-left: 16.6666666667%; } .directorist-offset-3 { - margin-left: 25%; + margin-left: 25%; } .directorist-offset-4 { - margin-left: 33.3333333333%; + margin-left: 33.3333333333%; } .directorist-offset-5 { - margin-left: 41.6666666667%; + margin-left: 41.6666666667%; } .directorist-offset-6 { - margin-left: 50%; + margin-left: 50%; } .directorist-offset-7 { - margin-left: 58.3333333333%; + margin-left: 58.3333333333%; } .directorist-offset-8 { - margin-left: 66.6666666667%; + margin-left: 66.6666666667%; } .directorist-offset-9 { - margin-left: 75%; + margin-left: 75%; } .directorist-offset-10 { - margin-left: 83.3333333333%; + margin-left: 83.3333333333%; } .directorist-offset-11 { - margin-left: 91.6666666667%; + margin-left: 91.6666666667%; } @media (min-width: 576px) { - .directorist-col-2, - .directorist-col-2-5, - .directorist-col-3, - .directorist-col-4, - .directorist-col-5, - .directorist-col-6, - .directorist-col-7, - .directorist-col-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - max-width: 50%; - } - .directorist-col-sm { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-sm-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-sm-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-sm-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-sm-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-sm-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-sm-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-sm-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-sm-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-sm-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-sm-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-sm-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-sm-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-sm-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-sm-0 { - margin-left: 0; - } - .directorist-offset-sm-1 { - margin-left: 8.3333333333%; - } - .directorist-offset-sm-2 { - margin-left: 16.6666666667%; - } - .directorist-offset-sm-3 { - margin-left: 25%; - } - .directorist-offset-sm-4 { - margin-left: 33.3333333333%; - } - .directorist-offset-sm-5 { - margin-left: 41.6666666667%; - } - .directorist-offset-sm-6 { - margin-left: 50%; - } - .directorist-offset-sm-7 { - margin-left: 58.3333333333%; - } - .directorist-offset-sm-8 { - margin-left: 66.6666666667%; - } - .directorist-offset-sm-9 { - margin-left: 75%; - } - .directorist-offset-sm-10 { - margin-left: 83.3333333333%; - } - .directorist-offset-sm-11 { - margin-left: 91.6666666667%; - } + .directorist-col-2, + .directorist-col-2-5, + .directorist-col-3, + .directorist-col-4, + .directorist-col-5, + .directorist-col-6, + .directorist-col-7, + .directorist-col-8 { + flex: 0 0 auto; + max-width: 50%; + } + .directorist-col-sm { + flex: 1 0 0%; + } + .directorist-col-sm-auto { + flex: 0 0 auto; + width: auto; + } + .directorist-col-sm-1 { + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-sm-2 { + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-sm-3 { + flex: 0 0 auto; + width: 25%; + } + .directorist-col-sm-4 { + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-sm-5 { + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-sm-6 { + flex: 0 0 auto; + width: 50%; + } + .directorist-col-sm-7 { + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-sm-8 { + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-sm-9 { + flex: 0 0 auto; + width: 75%; + } + .directorist-col-sm-10 { + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-sm-11 { + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-sm-12 { + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-sm-0 { + margin-left: 0; + } + .directorist-offset-sm-1 { + margin-left: 8.3333333333%; + } + .directorist-offset-sm-2 { + margin-left: 16.6666666667%; + } + .directorist-offset-sm-3 { + margin-left: 25%; + } + .directorist-offset-sm-4 { + margin-left: 33.3333333333%; + } + .directorist-offset-sm-5 { + margin-left: 41.6666666667%; + } + .directorist-offset-sm-6 { + margin-left: 50%; + } + .directorist-offset-sm-7 { + margin-left: 58.3333333333%; + } + .directorist-offset-sm-8 { + margin-left: 66.6666666667%; + } + .directorist-offset-sm-9 { + margin-left: 75%; + } + .directorist-offset-sm-10 { + margin-left: 83.3333333333%; + } + .directorist-offset-sm-11 { + margin-left: 91.6666666667%; + } } @media (min-width: 768px) { - .directorist-col-2, - .directorist-col-2-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-md { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-md-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-md-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-md-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-md-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-md-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-md-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-md-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-md-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-md-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-md-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-md-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-md-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-md-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-md-0 { - margin-left: 0; - } - .directorist-offset-md-1 { - margin-left: 8.3333333333%; - } - .directorist-offset-md-2 { - margin-left: 16.6666666667%; - } - .directorist-offset-md-3 { - margin-left: 25%; - } - .directorist-offset-md-4 { - margin-left: 33.3333333333%; - } - .directorist-offset-md-5 { - margin-left: 41.6666666667%; - } - .directorist-offset-md-6 { - margin-left: 50%; - } - .directorist-offset-md-7 { - margin-left: 58.3333333333%; - } - .directorist-offset-md-8 { - margin-left: 66.6666666667%; - } - .directorist-offset-md-9 { - margin-left: 75%; - } - .directorist-offset-md-10 { - margin-left: 83.3333333333%; - } - .directorist-offset-md-11 { - margin-left: 91.6666666667%; - } + .directorist-col-2, + .directorist-col-2-5 { + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-md { + flex: 1 0 0%; + } + .directorist-col-md-auto { + flex: 0 0 auto; + width: auto; + } + .directorist-col-md-1 { + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-md-2 { + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-md-3 { + flex: 0 0 auto; + width: 25%; + } + .directorist-col-md-4 { + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-md-5 { + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-md-6 { + flex: 0 0 auto; + width: 50%; + } + .directorist-col-md-7 { + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-md-8 { + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-md-9 { + flex: 0 0 auto; + width: 75%; + } + .directorist-col-md-10 { + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-md-11 { + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-md-12 { + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-md-0 { + margin-left: 0; + } + .directorist-offset-md-1 { + margin-left: 8.3333333333%; + } + .directorist-offset-md-2 { + margin-left: 16.6666666667%; + } + .directorist-offset-md-3 { + margin-left: 25%; + } + .directorist-offset-md-4 { + margin-left: 33.3333333333%; + } + .directorist-offset-md-5 { + margin-left: 41.6666666667%; + } + .directorist-offset-md-6 { + margin-left: 50%; + } + .directorist-offset-md-7 { + margin-left: 58.3333333333%; + } + .directorist-offset-md-8 { + margin-left: 66.6666666667%; + } + .directorist-offset-md-9 { + margin-left: 75%; + } + .directorist-offset-md-10 { + margin-left: 83.3333333333%; + } + .directorist-offset-md-11 { + margin-left: 91.6666666667%; + } } @media (min-width: 992px) { - .directorist-col-2, - .directorist-col-2-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-3, - .directorist-col-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.3333%; - -ms-flex: 0 0 33.3333%; - flex: 0 0 33.3333%; - max-width: 33.3333%; - } - .directorist-col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 41.6667%; - -ms-flex: 0 0 41.6667%; - flex: 0 0 41.6667%; - max-width: 41.6667%; - } - .directorist-col-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 58.3333%; - -ms-flex: 0 0 58.3333%; - flex: 0 0 58.3333%; - max-width: 58.3333%; - } - .directorist-col-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 66.6667%; - -ms-flex: 0 0 66.6667%; - flex: 0 0 66.6667%; - max-width: 66.6667%; - } - .directorist-col-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 75%; - -ms-flex: 0 0 75%; - flex: 0 0 75%; - max-width: 75%; - } - .directorist-col-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 83.3333%; - -ms-flex: 0 0 83.3333%; - flex: 0 0 83.3333%; - max-width: 83.3333%; - } - .directorist-col-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 91.6667%; - -ms-flex: 0 0 91.6667%; - flex: 0 0 91.6667%; - max-width: 91.6667%; - } - .directorist-col-lg { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-lg-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-lg-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-lg-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-lg-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-lg-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-lg-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-lg-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-lg-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-lg-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-lg-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-lg-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-lg-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-lg-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-lg-0 { - margin-left: 0; - } - .directorist-offset-lg-1 { - margin-left: 8.3333333333%; - } - .directorist-offset-lg-2 { - margin-left: 16.6666666667%; - } - .directorist-offset-lg-3 { - margin-left: 25%; - } - .directorist-offset-lg-4 { - margin-left: 33.3333333333%; - } - .directorist-offset-lg-5 { - margin-left: 41.6666666667%; - } - .directorist-offset-lg-6 { - margin-left: 50%; - } - .directorist-offset-lg-7 { - margin-left: 58.3333333333%; - } - .directorist-offset-lg-8 { - margin-left: 66.6666666667%; - } - .directorist-offset-lg-9 { - margin-left: 75%; - } - .directorist-offset-lg-10 { - margin-left: 83.3333333333%; - } - .directorist-offset-lg-11 { - margin-left: 91.6666666667%; - } + .directorist-col-2, + .directorist-col-2-5 { + flex: 0 0 auto; + width: 25%; + } + .directorist-col-3, + .directorist-col-4 { + flex: 0 0 33.3333%; + max-width: 33.3333%; + } + .directorist-col-5 { + flex: 0 0 41.6667%; + max-width: 41.6667%; + } + .directorist-col-7 { + flex: 0 0 58.3333%; + max-width: 58.3333%; + } + .directorist-col-8 { + flex: 0 0 66.6667%; + max-width: 66.6667%; + } + .directorist-col-9 { + flex: 0 0 75%; + max-width: 75%; + } + .directorist-col-10 { + flex: 0 0 83.3333%; + max-width: 83.3333%; + } + .directorist-col-11 { + flex: 0 0 91.6667%; + max-width: 91.6667%; + } + .directorist-col-lg { + flex: 1 0 0%; + } + .directorist-col-lg-auto { + flex: 0 0 auto; + width: auto; + } + .directorist-col-lg-1 { + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-lg-2 { + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-lg-3 { + flex: 0 0 auto; + width: 25%; + } + .directorist-col-lg-4 { + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-lg-5 { + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-lg-6 { + flex: 0 0 auto; + width: 50%; + } + .directorist-col-lg-7 { + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-lg-8 { + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-lg-9 { + flex: 0 0 auto; + width: 75%; + } + .directorist-col-lg-10 { + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-lg-11 { + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-lg-12 { + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-lg-0 { + margin-left: 0; + } + .directorist-offset-lg-1 { + margin-left: 8.3333333333%; + } + .directorist-offset-lg-2 { + margin-left: 16.6666666667%; + } + .directorist-offset-lg-3 { + margin-left: 25%; + } + .directorist-offset-lg-4 { + margin-left: 33.3333333333%; + } + .directorist-offset-lg-5 { + margin-left: 41.6666666667%; + } + .directorist-offset-lg-6 { + margin-left: 50%; + } + .directorist-offset-lg-7 { + margin-left: 58.3333333333%; + } + .directorist-offset-lg-8 { + margin-left: 66.6666666667%; + } + .directorist-offset-lg-9 { + margin-left: 75%; + } + .directorist-offset-lg-10 { + margin-left: 83.3333333333%; + } + .directorist-offset-lg-11 { + margin-left: 91.6666666667%; + } } @media (min-width: 1200px) { - .directorist-col-xl { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; - max-width: 25%; - } - .directorist-col-xl-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-xl-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-xl-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-2, - .directorist-col-2-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 20%; - } - .directorist-col-xl-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-xl-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-xl-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-xl-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-xl-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-xl-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-xl-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-xl-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-xl-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-xl-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-xl-0 { - margin-left: 0; - } - .directorist-offset-xl-1 { - margin-left: 8.3333333333%; - } - .directorist-offset-xl-2 { - margin-left: 16.6666666667%; - } - .directorist-offset-xl-3 { - margin-left: 25%; - } - .directorist-offset-xl-4 { - margin-left: 33.3333333333%; - } - .directorist-offset-xl-5 { - margin-left: 41.6666666667%; - } - .directorist-offset-xl-6 { - margin-left: 50%; - } - .directorist-offset-xl-7 { - margin-left: 58.3333333333%; - } - .directorist-offset-xl-8 { - margin-left: 66.6666666667%; - } - .directorist-offset-xl-9 { - margin-left: 75%; - } - .directorist-offset-xl-10 { - margin-left: 83.3333333333%; - } - .directorist-offset-xl-11 { - margin-left: 91.6666666667%; - } + .directorist-col-xl { + flex: 1 0 0%; + } + .directorist-col-3 { + flex: 0 0 25%; + max-width: 25%; + } + .directorist-col-xl-auto { + flex: 0 0 auto; + width: auto; + } + .directorist-col-xl-1 { + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-xl-2 { + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-2, + .directorist-col-2-5 { + flex: 0 0 auto; + width: 20%; + } + .directorist-col-xl-3 { + flex: 0 0 auto; + width: 25%; + } + .directorist-col-xl-4 { + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-xl-5 { + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-xl-6 { + flex: 0 0 auto; + width: 50%; + } + .directorist-col-xl-7 { + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-xl-8 { + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-xl-9 { + flex: 0 0 auto; + width: 75%; + } + .directorist-col-xl-10 { + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-xl-11 { + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-xl-12 { + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-xl-0 { + margin-left: 0; + } + .directorist-offset-xl-1 { + margin-left: 8.3333333333%; + } + .directorist-offset-xl-2 { + margin-left: 16.6666666667%; + } + .directorist-offset-xl-3 { + margin-left: 25%; + } + .directorist-offset-xl-4 { + margin-left: 33.3333333333%; + } + .directorist-offset-xl-5 { + margin-left: 41.6666666667%; + } + .directorist-offset-xl-6 { + margin-left: 50%; + } + .directorist-offset-xl-7 { + margin-left: 58.3333333333%; + } + .directorist-offset-xl-8 { + margin-left: 66.6666666667%; + } + .directorist-offset-xl-9 { + margin-left: 75%; + } + .directorist-offset-xl-10 { + margin-left: 83.3333333333%; + } + .directorist-offset-xl-11 { + margin-left: 91.6666666667%; + } } @media (min-width: 1400px) { - .directorist-col-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-xxl { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-xxl-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-xxl-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-xxl-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-xxl-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-xxl-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-xxl-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-xxl-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-xxl-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-xxl-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-xxl-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-xxl-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-xxl-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-xxl-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-xxl-0 { - margin-left: 0; - } - .directorist-offset-xxl-1 { - margin-left: 8.3333333333%; - } - .directorist-offset-xxl-2 { - margin-left: 16.6666666667%; - } - .directorist-offset-xxl-3 { - margin-left: 25%; - } - .directorist-offset-xxl-4 { - margin-left: 33.3333333333%; - } - .directorist-offset-xxl-5 { - margin-left: 41.6666666667%; - } - .directorist-offset-xxl-6 { - margin-left: 50%; - } - .directorist-offset-xxl-7 { - margin-left: 58.3333333333%; - } - .directorist-offset-xxl-8 { - margin-left: 66.6666666667%; - } - .directorist-offset-xxl-9 { - margin-left: 75%; - } - .directorist-offset-xxl-10 { - margin-left: 83.3333333333%; - } - .directorist-offset-xxl-11 { - margin-left: 91.6666666667%; - } + .directorist-col-2 { + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-xxl { + flex: 1 0 0%; + } + .directorist-col-xxl-auto { + flex: 0 0 auto; + width: auto; + } + .directorist-col-xxl-1 { + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-xxl-2 { + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-xxl-3 { + flex: 0 0 auto; + width: 25%; + } + .directorist-col-xxl-4 { + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-xxl-5 { + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-xxl-6 { + flex: 0 0 auto; + width: 50%; + } + .directorist-col-xxl-7 { + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-xxl-8 { + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-xxl-9 { + flex: 0 0 auto; + width: 75%; + } + .directorist-col-xxl-10 { + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-xxl-11 { + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-xxl-12 { + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-xxl-0 { + margin-left: 0; + } + .directorist-offset-xxl-1 { + margin-left: 8.3333333333%; + } + .directorist-offset-xxl-2 { + margin-left: 16.6666666667%; + } + .directorist-offset-xxl-3 { + margin-left: 25%; + } + .directorist-offset-xxl-4 { + margin-left: 33.3333333333%; + } + .directorist-offset-xxl-5 { + margin-left: 41.6666666667%; + } + .directorist-offset-xxl-6 { + margin-left: 50%; + } + .directorist-offset-xxl-7 { + margin-left: 58.3333333333%; + } + .directorist-offset-xxl-8 { + margin-left: 66.6666666667%; + } + .directorist-offset-xxl-9 { + margin-left: 75%; + } + .directorist-offset-xxl-10 { + margin-left: 83.3333333333%; + } + .directorist-offset-xxl-11 { + margin-left: 91.6666666667%; + } } /* typography */ .atbd_color-primary { - color: #444752; + color: #444752; } .atbd_bg-primary { - background: #444752; + background: #444752; } .atbd_color-secondary { - color: #122069; + color: #122069; } .atbd_bg-secondary { - background: #122069; + background: #122069; } .atbd_color-success { - color: #00AC17; + color: #00ac17; } .atbd_bg-success { - background: #00AC17; + background: #00ac17; } .atbd_color-info { - color: #2C99FF; + color: #2c99ff; } .atbd_bg-info { - background: #2C99FF; + background: #2c99ff; } .atbd_color-warning { - color: #EF8000; + color: #ef8000; } .atbd_bg-warning { - background: #EF8000; + background: #ef8000; } .atbd_color-danger { - color: #EF0000; + color: #ef0000; } .atbd_bg-danger { - background: #EF0000; + background: #ef0000; } .atbd_color-light { - color: #9497A7; + color: #9497a7; } .atbd_bg-light { - background: #9497A7; + background: #9497a7; } .atbd_color-dark { - color: #202428; + color: #202428; } .atbd_bg-dark { - background: #202428; + background: #202428; } .atbd_color-badge-feature { - color: #fa8b0c; + color: #fa8b0c; } .atbd_bg-badge-feature { - background: #fa8b0c; + background: #fa8b0c; } .atbd_color-badge-popular { - color: #f51957; + color: #f51957; } .atbd_bg-badge-popular { - background: #f51957; + background: #f51957; } /* typography */ body.stop-scrolling { - height: 100%; - overflow: hidden; + height: 100%; + overflow: hidden; } .sweet-overlay { - background-color: black; - -ms-filter: "alpha(opacity=40)"; - background-color: rgba(var(--directorist-color-dark-rgb), 0.4); - position: fixed; - left: 0; - right: 0; - top: 0; - bottom: 0; - display: none; - z-index: 10000; + background-color: black; + -ms-filter: "alpha(opacity=40)"; + background-color: rgba(var(--directorist-color-dark-rgb), 0.4); + position: fixed; + left: 0; + right: 0; + top: 0; + bottom: 0; + display: none; + z-index: 10000; } .sweet-alert { - background-color: white; - font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; - width: 478px; - padding: 17px; - border-radius: 5px; - text-align: center; - position: fixed; - left: 50%; - top: 50%; - margin-left: -256px; - margin-top: -200px; - overflow: hidden; - display: none; - z-index: 99999; + background-color: white; + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + width: 478px; + padding: 17px; + border-radius: 5px; + text-align: center; + position: fixed; + left: 50%; + top: 50%; + margin-left: -256px; + margin-top: -200px; + overflow: hidden; + display: none; + z-index: 99999; } @media all and (max-width: 540px) { - .sweet-alert { - width: auto; - margin-left: 0; - margin-right: 0; - left: 15px; - right: 15px; - } + .sweet-alert { + width: auto; + margin-left: 0; + margin-right: 0; + left: 15px; + right: 15px; + } } .sweet-alert h2 { - color: #575757; - font-size: 30px; - text-align: center; - font-weight: 600; - text-transform: none; - position: relative; - margin: 25px 0; - padding: 0; - line-height: 40px; - display: block; + color: #575757; + font-size: 30px; + text-align: center; + font-weight: 600; + text-transform: none; + position: relative; + margin: 25px 0; + padding: 0; + line-height: 40px; + display: block; } .sweet-alert p { - color: #797979; - font-size: 16px; - text-align: center; - font-weight: 300; - position: relative; - text-align: inherit; - float: none; - margin: 0; - padding: 0; - line-height: normal; + color: #797979; + font-size: 16px; + text-align: center; + font-weight: 300; + position: relative; + text-align: inherit; + float: none; + margin: 0; + padding: 0; + line-height: normal; } .sweet-alert fieldset { - border: 0; - position: relative; + border: 0; + position: relative; } .sweet-alert .sa-error-container { - background-color: #f1f1f1; - margin-left: -17px; - margin-right: -17px; - overflow: hidden; - padding: 0 10px; - max-height: 0; - webkit-transition: padding 0.15s, max-height 0.15s; - -webkit-transition: padding 0.15s, max-height 0.15s; - transition: padding 0.15s, max-height 0.15s; + background-color: #f1f1f1; + margin-left: -17px; + margin-right: -17px; + overflow: hidden; + padding: 0 10px; + max-height: 0; + webkit-transition: + padding 0.15s, + max-height 0.15s; + transition: + padding 0.15s, + max-height 0.15s; } .sweet-alert .sa-error-container.show { - padding: 10px 0; - max-height: 100px; - webkit-transition: padding 0.2s, max-height 0.2s; - -webkit-transition: padding 0.25s, max-height 0.25s; - transition: padding 0.25s, max-height 0.25s; + padding: 10px 0; + max-height: 100px; + webkit-transition: + padding 0.2s, + max-height 0.2s; + transition: + padding 0.25s, + max-height 0.25s; } .sweet-alert .sa-error-container .icon { - display: inline-block; - width: 24px; - height: 24px; - border-radius: 50%; - background-color: #ea7d7d; - color: white; - line-height: 24px; - text-align: center; - margin-right: 3px; + display: inline-block; + width: 24px; + height: 24px; + border-radius: 50%; + background-color: #ea7d7d; + color: white; + line-height: 24px; + text-align: center; + margin-right: 3px; } .sweet-alert .sa-error-container p { - display: inline-block; + display: inline-block; } .sweet-alert .sa-input-error { - position: absolute; - top: 29px; - right: 26px; - width: 20px; - height: 20px; - opacity: 0; - -webkit-transform: scale(0.5); - transform: scale(0.5); - -webkit-transform-origin: 50% 50%; - transform-origin: 50% 50%; - -webkit-transition: all 0.1s; - transition: all 0.1s; + position: absolute; + top: 29px; + right: 26px; + width: 20px; + height: 20px; + opacity: 0; + -webkit-transform: scale(0.5); + transform: scale(0.5); + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -webkit-transition: all 0.1s; + transition: all 0.1s; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { - content: ""; - width: 20px; - height: 6px; - background-color: #f06e57; - border-radius: 3px; - position: absolute; - top: 50%; - margin-top: -4px; - left: 50%; - margin-left: -9px; + content: ""; + width: 20px; + height: 6px; + background-color: #f06e57; + border-radius: 3px; + position: absolute; + top: 50%; + margin-top: -4px; + left: 50%; + margin-left: -9px; } .sweet-alert .sa-input-error::before { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-input-error::after { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-input-error.show { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); } .sweet-alert input { - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 3px; - border: 1px solid #d7d7d7; - height: 43px; - margin-top: 10px; - margin-bottom: 17px; - font-size: 18px; - -webkit-box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); - box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); - padding: 0 12px; - display: none; - -webkit-transition: all 0.3s; - transition: all 0.3s; + width: 100%; + box-sizing: border-box; + border-radius: 3px; + border: 1px solid #d7d7d7; + height: 43px; + margin-top: 10px; + margin-bottom: 17px; + font-size: 18px; + box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); + padding: 0 12px; + display: none; + -webkit-transition: all 0.3s; + transition: all 0.3s; } .sweet-alert input:focus { - outline: 0; - -webkit-box-shadow: 0 0 3px #c4e6f5; - box-shadow: 0 0 3px #c4e6f5; - border: 1px solid #b4dbed; + outline: 0; + box-shadow: 0 0 3px #c4e6f5; + border: 1px solid #b4dbed; } .sweet-alert input:focus::-moz-placeholder { - -moz-transition: opacity 0.3s 0.03s ease; - transition: opacity 0.3s 0.03s ease; - opacity: 0.5; + transition: opacity 0.3s 0.03s ease; + opacity: 0.5; } .sweet-alert input:focus:-ms-input-placeholder { - -ms-transition: opacity 0.3s 0.03s ease; - transition: opacity 0.3s 0.03s ease; - opacity: 0.5; + transition: opacity 0.3s 0.03s ease; + opacity: 0.5; } .sweet-alert input:focus::-webkit-input-placeholder { - -webkit-transition: opacity 0.3s 0.03s ease; - transition: opacity 0.3s 0.03s ease; - opacity: 0.5; + transition: opacity 0.3s 0.03s ease; + opacity: 0.5; } .sweet-alert input::-moz-placeholder { - color: #bdbdbd; + color: #bdbdbd; } .sweet-alert input:-ms-input-placeholder { - color: #bdbdbd; + color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { - color: #bdbdbd; + color: #bdbdbd; } .sweet-alert.show-input input { - display: block; + display: block; } .sweet-alert .sa-confirm-button-container { - display: inline-block; - position: relative; + display: inline-block; + position: relative; } .sweet-alert .la-ball-fall { - position: absolute; - left: 50%; - top: 50%; - margin-left: -27px; - margin-top: 4px; - opacity: 0; - visibility: hidden; + position: absolute; + left: 50%; + top: 50%; + margin-left: -27px; + margin-top: 4px; + opacity: 0; + visibility: hidden; } .sweet-alert button { - background-color: #8cd4f5; - color: white; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 17px; - font-weight: 500; - border-radius: 5px; - padding: 10px 32px; - margin: 26px 5px 0 5px; - cursor: pointer; + background-color: #8cd4f5; + color: white; + border: 0; + box-shadow: none; + font-size: 17px; + font-weight: 500; + -webkit-border-radius: 4px; + border-radius: 5px; + padding: 10px 32px; + margin: 26px 5px 0 5px; + cursor: pointer; } .sweet-alert button:focus { - outline: 0; - -webkit-box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); - box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); + outline: 0; + box-shadow: + 0 0 2px rgba(128, 179, 235, 0.5), + inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); } .sweet-alert button:hover { - background-color: #7ecff4; + background-color: #7ecff4; } .sweet-alert button:active { - background-color: #5dc2f1; + background-color: #5dc2f1; } .sweet-alert button.cancel { - background-color: #c1c1c1; + background-color: #c1c1c1; } .sweet-alert button.cancel:hover { - background-color: #b9b9b9; + background-color: #b9b9b9; } .sweet-alert button.cancel:active { - background-color: #a8a8a8; + background-color: #a8a8a8; } .sweet-alert button.cancel:focus { - -webkit-box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; - box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; + box-shadow: + rgba(197, 205, 211, 0.8) 0 0 2px, + rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; } .sweet-alert button[disabled] { - opacity: 0.6; - cursor: default; + opacity: 0.6; + cursor: default; } .sweet-alert button.confirm[disabled] { - color: transparent; + color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { - opacity: 1; - visibility: visible; - -webkit-transition-delay: 0; - transition-delay: 0; + opacity: 1; + visibility: visible; + transition-delay: 0; } .sweet-alert button::-moz-focus-inner { - border: 0; + border: 0; } -.sweet-alert[data-has-cancel-button=false] button { - -webkit-box-shadow: none !important; - box-shadow: none !important; +.sweet-alert[data-has-cancel-button="false"] button { + box-shadow: none !important; } -.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { - padding-bottom: 40px; +.sweet-alert[data-has-confirm-button="false"][data-has-cancel-button="false"] { + padding-bottom: 40px; } .sweet-alert .sa-icon { - width: 80px; - height: 80px; - border: 4px solid gray; - border-radius: 40px; - border-radius: 50%; - margin: 20px auto; - padding: 0; - position: relative; - -webkit-box-sizing: content-box; - box-sizing: content-box; + width: 80px; + height: 80px; + border: 4px solid gray; + -webkit-border-radius: 40px; + border-radius: 40px; + border-radius: 50%; + margin: 20px auto; + padding: 0; + position: relative; + box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { - border-color: #f27474; + border-color: #f27474; } .sweet-alert .sa-icon.sa-error .sa-x-mark { - position: relative; - display: block; + position: relative; + display: block; } .sweet-alert .sa-icon.sa-error .sa-line { - position: absolute; - height: 5px; - width: 47px; - background-color: #f27474; - display: block; - top: 37px; - border-radius: 2px; + position: absolute; + height: 5px; + width: 47px; + background-color: #f27474; + display: block; + top: 37px; + border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - left: 17px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + left: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - right: 16px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + right: 16px; } .sweet-alert .sa-icon.sa-warning { - border-color: #f8bb86; + border-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-body { - position: absolute; - width: 5px; - height: 47px; - left: 50%; - top: 10px; - border-radius: 2px; - margin-left: -2px; - background-color: #f8bb86; + position: absolute; + width: 5px; + height: 47px; + left: 50%; + top: 10px; + -webkit-border-radius: 2px; + border-radius: 2px; + margin-left: -2px; + background-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-dot { - position: absolute; - width: 7px; - height: 7px; - border-radius: 50%; - margin-left: -3px; - left: 50%; - bottom: 10px; - background-color: #f8bb86; + position: absolute; + width: 7px; + height: 7px; + -webkit-border-radius: 50%; + border-radius: 50%; + margin-left: -3px; + left: 50%; + bottom: 10px; + background-color: #f8bb86; } .sweet-alert .sa-icon.sa-info { - border-color: #c9dae1; + border-color: #c9dae1; } .sweet-alert .sa-icon.sa-info::before { - content: ""; - position: absolute; - width: 5px; - height: 29px; - left: 50%; - bottom: 17px; - border-radius: 2px; - margin-left: -2px; - background-color: #c9dae1; + content: ""; + position: absolute; + width: 5px; + height: 29px; + left: 50%; + bottom: 17px; + border-radius: 2px; + margin-left: -2px; + background-color: #c9dae1; } .sweet-alert .sa-icon.sa-info::after { - content: ""; - position: absolute; - width: 7px; - height: 7px; - border-radius: 50%; - margin-left: -3px; - top: 19px; - background-color: #c9dae1; + content: ""; + position: absolute; + width: 7px; + height: 7px; + border-radius: 50%; + margin-left: -3px; + top: 19px; + background-color: #c9dae1; } .sweet-alert .sa-icon.sa-success { - border-color: #a5dc86; + border-color: #a5dc86; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { - content: ""; - border-radius: 40px; - border-radius: 50%; - position: absolute; - width: 60px; - height: 120px; - background: white; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + content: ""; + -webkit-border-radius: 40px; + border-radius: 40px; + border-radius: 50%; + position: absolute; + width: 60px; + height: 120px; + background: white; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success::before { - border-radius: 120px 0 0 120px; - top: -7px; - left: -33px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - -webkit-transform-origin: 60px 60px; - transform-origin: 60px 60px; + -webkit-border-radius: 120px 0 0 120px; + border-radius: 120px 0 0 120px; + top: -7px; + left: -33px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: 60px 60px; + transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { - border-radius: 0 120px 120px 0; - top: -11px; - left: 30px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - -webkit-transform-origin: 0 60px; - transform-origin: 0 60px; + -webkit-border-radius: 0 120px 120px 0; + border-radius: 0 120px 120px 0; + top: -11px; + left: 30px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: 0 60px; + transform-origin: 0 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { - width: 80px; - height: 80px; - border: 4px solid rgba(165, 220, 134, 0.2); - border-radius: 40px; - border-radius: 50%; - -webkit-box-sizing: content-box; - box-sizing: content-box; - position: absolute; - left: -4px; - top: -4px; - z-index: 2; + width: 80px; + height: 80px; + border: 4px solid rgba(165, 220, 134, 0.2); + -webkit-border-radius: 40px; + border-radius: 40px; + border-radius: 50%; + box-sizing: content-box; + position: absolute; + left: -4px; + top: -4px; + z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { - width: 5px; - height: 90px; - background-color: white; - position: absolute; - left: 28px; - top: 8px; - z-index: 1; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + width: 5px; + height: 90px; + background-color: white; + position: absolute; + left: 28px; + top: 8px; + z-index: 1; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { - height: 5px; - background-color: #a5dc86; - display: block; - border-radius: 2px; - position: absolute; - z-index: 2; + height: 5px; + background-color: #a5dc86; + display: block; + border-radius: 2px; + position: absolute; + z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { - width: 25px; - left: 14px; - top: 46px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + width: 25px; + left: 14px; + top: 46px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { - width: 47px; - right: 8px; - top: 38px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + width: 47px; + right: 8px; + top: 38px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-custom { - background-size: contain; - border-radius: 0; - border: 0; - background-position: center center; - background-repeat: no-repeat; + background-size: contain; + border-radius: 0; + border: 0; + background-position: center center; + background-repeat: no-repeat; } @-webkit-keyframes showSweetAlert { - 0% { - transform: scale(0.7); - -webkit-transform: scale(0.7); - } - 45% { - transform: scale(1.05); - -webkit-transform: scale(1.05); - } - 80% { - transform: scale(0.95); - -webkit-transform: scale(0.95); - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - } + 0% { + transform: scale(0.7); + -webkit-transform: scale(0.7); + } + 45% { + transform: scale(1.05); + -webkit-transform: scale(1.05); + } + 80% { + transform: scale(0.95); + -webkit-transform: scale(0.95); + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + } } @keyframes showSweetAlert { - 0% { - transform: scale(0.7); - -webkit-transform: scale(0.7); - } - 45% { - transform: scale(1.05); - -webkit-transform: scale(1.05); - } - 80% { - transform: scale(0.95); - -webkit-transform: scale(0.95); - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - } + 0% { + transform: scale(0.7); + -webkit-transform: scale(0.7); + } + 45% { + transform: scale(1.05); + -webkit-transform: scale(1.05); + } + 80% { + transform: scale(0.95); + -webkit-transform: scale(0.95); + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + } } @-webkit-keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); - } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); - } + 0% { + transform: scale(1); + -webkit-transform: scale(1); + } + 100% { + transform: scale(0.5); + -webkit-transform: scale(0.5); + } } @keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); - } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); - } + 0% { + transform: scale(1); + -webkit-transform: scale(1); + } + 100% { + transform: scale(0.5); + -webkit-transform: scale(0.5); + } } @-webkit-keyframes slideFromTop { - 0% { - top: 0; - } - 100% { - top: 50%; - } + 0% { + top: 0; + } + 100% { + top: 50%; + } } @keyframes slideFromTop { - 0% { - top: 0; - } - 100% { - top: 50%; - } + 0% { + top: 0; + } + 100% { + top: 50%; + } } @-webkit-keyframes slideToTop { - 0% { - top: 50%; - } - 100% { - top: 0; - } + 0% { + top: 50%; + } + 100% { + top: 0; + } } @keyframes slideToTop { - 0% { - top: 50%; - } - 100% { - top: 0; - } + 0% { + top: 50%; + } + 100% { + top: 0; + } } @-webkit-keyframes slideFromBottom { - 0% { - top: 70%; - } - 100% { - top: 50%; - } + 0% { + top: 70%; + } + 100% { + top: 50%; + } } @keyframes slideFromBottom { - 0% { - top: 70%; - } - 100% { - top: 50%; - } + 0% { + top: 70%; + } + 100% { + top: 50%; + } } @-webkit-keyframes slideToBottom { - 0% { - top: 50%; - } - 100% { - top: 70%; - } + 0% { + top: 50%; + } + 100% { + top: 70%; + } } @keyframes slideToBottom { - 0% { - top: 50%; - } - 100% { - top: 70%; - } + 0% { + top: 50%; + } + 100% { + top: 70%; + } } -.showSweetAlert[data-animation=pop] { - -webkit-animation: showSweetAlert 0.3s; - animation: showSweetAlert 0.3s; +.showSweetAlert[data-animation="pop"] { + -webkit-animation: showSweetAlert 0.3s; + animation: showSweetAlert 0.3s; } -.showSweetAlert[data-animation=none] { - -webkit-animation: none; - animation: none; +.showSweetAlert[data-animation="none"] { + -webkit-animation: none; + animation: none; } -.showSweetAlert[data-animation=slide-from-top] { - -webkit-animation: slideFromTop 0.3s; - animation: slideFromTop 0.3s; +.showSweetAlert[data-animation="slide-from-top"] { + -webkit-animation: slideFromTop 0.3s; + animation: slideFromTop 0.3s; } -.showSweetAlert[data-animation=slide-from-bottom] { - -webkit-animation: slideFromBottom 0.3s; - animation: slideFromBottom 0.3s; +.showSweetAlert[data-animation="slide-from-bottom"] { + -webkit-animation: slideFromBottom 0.3s; + animation: slideFromBottom 0.3s; } -.hideSweetAlert[data-animation=pop] { - -webkit-animation: hideSweetAlert 0.2s; - animation: hideSweetAlert 0.2s; +.hideSweetAlert[data-animation="pop"] { + -webkit-animation: hideSweetAlert 0.2s; + animation: hideSweetAlert 0.2s; } -.hideSweetAlert[data-animation=none] { - -webkit-animation: none; - animation: none; +.hideSweetAlert[data-animation="none"] { + -webkit-animation: none; + animation: none; } -.hideSweetAlert[data-animation=slide-from-top] { - -webkit-animation: slideToTop 0.4s; - animation: slideToTop 0.4s; +.hideSweetAlert[data-animation="slide-from-top"] { + -webkit-animation: slideToTop 0.4s; + animation: slideToTop 0.4s; } -.hideSweetAlert[data-animation=slide-from-bottom] { - -webkit-animation: slideToBottom 0.3s; - animation: slideToBottom 0.3s; +.hideSweetAlert[data-animation="slide-from-bottom"] { + -webkit-animation: slideToBottom 0.3s; + animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { - 0% { - width: 0; - left: 1px; - top: 19px; - } - 54% { - width: 0; - left: 1px; - top: 19px; - } - 70% { - width: 50px; - left: -8px; - top: 37px; - } - 84% { - width: 17px; - left: 21px; - top: 48px; - } - 100% { - width: 25px; - left: 14px; - top: 45px; - } + 0% { + width: 0; + left: 1px; + top: 19px; + } + 54% { + width: 0; + left: 1px; + top: 19px; + } + 70% { + width: 50px; + left: -8px; + top: 37px; + } + 84% { + width: 17px; + left: 21px; + top: 48px; + } + 100% { + width: 25px; + left: 14px; + top: 45px; + } } @keyframes animateSuccessTip { - 0% { - width: 0; - left: 1px; - top: 19px; - } - 54% { - width: 0; - left: 1px; - top: 19px; - } - 70% { - width: 50px; - left: -8px; - top: 37px; - } - 84% { - width: 17px; - left: 21px; - top: 48px; - } - 100% { - width: 25px; - left: 14px; - top: 45px; - } + 0% { + width: 0; + left: 1px; + top: 19px; + } + 54% { + width: 0; + left: 1px; + top: 19px; + } + 70% { + width: 50px; + left: -8px; + top: 37px; + } + 84% { + width: 17px; + left: 21px; + top: 48px; + } + 100% { + width: 25px; + left: 14px; + top: 45px; + } } @-webkit-keyframes animateSuccessLong { - 0% { - width: 0; - right: 46px; - top: 54px; - } - 65% { - width: 0; - right: 46px; - top: 54px; - } - 84% { - width: 55px; - right: 0; - top: 35px; - } - 100% { - width: 47px; - right: 8px; - top: 38px; - } + 0% { + width: 0; + right: 46px; + top: 54px; + } + 65% { + width: 0; + right: 46px; + top: 54px; + } + 84% { + width: 55px; + right: 0; + top: 35px; + } + 100% { + width: 47px; + right: 8px; + top: 38px; + } } @keyframes animateSuccessLong { - 0% { - width: 0; - right: 46px; - top: 54px; - } - 65% { - width: 0; - right: 46px; - top: 54px; - } - 84% { - width: 55px; - right: 0; - top: 35px; - } - 100% { - width: 47px; - right: 8px; - top: 38px; - } + 0% { + width: 0; + right: 46px; + top: 54px; + } + 65% { + width: 0; + right: 46px; + top: 54px; + } + 84% { + width: 55px; + right: 0; + top: 35px; + } + 100% { + width: 47px; + right: 8px; + top: 38px; + } } @-webkit-keyframes rotatePlaceholder { - 0% { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - } - 5% { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - } - 12% { - transform: rotate(-405deg); - -webkit-transform: rotate(-405deg); - } - 100% { - transform: rotate(-405deg); - -webkit-transform: rotate(-405deg); - } + 0% { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + } + 5% { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + } + 12% { + transform: rotate(-405deg); + -webkit-transform: rotate(-405deg); + } + 100% { + transform: rotate(-405deg); + -webkit-transform: rotate(-405deg); + } } @keyframes rotatePlaceholder { - 0% { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - } - 5% { - transform: rotate(-45deg); - -webkit-transform: rotate(-45deg); - } - 12% { - transform: rotate(-405deg); - -webkit-transform: rotate(-405deg); - } - 100% { - transform: rotate(-405deg); - -webkit-transform: rotate(-405deg); - } + 0% { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + } + 5% { + transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + } + 12% { + transform: rotate(-405deg); + -webkit-transform: rotate(-405deg); + } + 100% { + transform: rotate(-405deg); + -webkit-transform: rotate(-405deg); + } } .animateSuccessTip { - -webkit-animation: animateSuccessTip 0.75s; - animation: animateSuccessTip 0.75s; + -webkit-animation: animateSuccessTip 0.75s; + animation: animateSuccessTip 0.75s; } .animateSuccessLong { - -webkit-animation: animateSuccessLong 0.75s; - animation: animateSuccessLong 0.75s; + -webkit-animation: animateSuccessLong 0.75s; + animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { - -webkit-animation: rotatePlaceholder 4.25s ease-in; - animation: rotatePlaceholder 4.25s ease-in; + -webkit-animation: rotatePlaceholder 4.25s ease-in; + animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; - } - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1; - } + 0% { + transform: rotateX(100deg); + -webkit-transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0); + -webkit-transform: rotateX(0); + opacity: 1; + } } @keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; - } - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1; - } + 0% { + transform: rotateX(100deg); + -webkit-transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0); + -webkit-transform: rotateX(0); + opacity: 1; + } } .animateErrorIcon { - -webkit-animation: animateErrorIcon 0.5s; - animation: animateErrorIcon 0.5s; + -webkit-animation: animateErrorIcon 0.5s; + animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { - 0% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 50% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 80% { - transform: scale(1.15); - -webkit-transform: scale(1.15); - margin-top: -6px; - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - margin-top: 0; - opacity: 1; - } + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } } @keyframes animateXMark { - 0% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 50% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 80% { - transform: scale(1.15); - -webkit-transform: scale(1.15); - margin-top: -6px; - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - margin-top: 0; - opacity: 1; - } + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } } .animateXMark { - -webkit-animation: animateXMark 0.5s; - animation: animateXMark 0.5s; + -webkit-animation: animateXMark 0.5s; + animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { - 0% { - border-color: #f8d486; - } - 100% { - border-color: #f8bb86; - } + 0% { + border-color: #f8d486; + } + 100% { + border-color: #f8bb86; + } } @keyframes pulseWarning { - 0% { - border-color: #f8d486; - } - 100% { - border-color: #f8bb86; - } + 0% { + border-color: #f8d486; + } + 100% { + border-color: #f8bb86; + } } .pulseWarning { - -webkit-animation: pulseWarning 0.75s infinite alternate; - animation: pulseWarning 0.75s infinite alternate; + -webkit-animation: pulseWarning 0.75s infinite alternate; + animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { - 0% { - background-color: #f8d486; - } - 100% { - background-color: #f8bb86; - } + 0% { + background-color: #f8d486; + } + 100% { + background-color: #f8bb86; + } } @keyframes pulseWarningIns { - 0% { - background-color: #f8d486; - } - 100% { - background-color: #f8bb86; - } + 0% { + background-color: #f8d486; + } + 100% { + background-color: #f8bb86; + } } .pulseWarningIns { - -webkit-animation: pulseWarningIns 0.75s infinite alternate; - animation: pulseWarningIns 0.75s infinite alternate; + -webkit-animation: pulseWarningIns 0.75s infinite alternate; + animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(360deg); + } } @keyframes rotate-loading { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(360deg); + } } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { - -ms-transform: rotate(45deg) \9 ; + -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { - -ms-transform: rotate(-45deg) \9 ; + -ms-transform: rotate(-45deg) \9; } .sweet-alert .sa-icon.sa-success { - border-color: transparent\9 ; + border-color: transparent\9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { - -ms-transform: rotate(45deg) \9 ; + -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { - -ms-transform: rotate(-45deg) \9 ; + -ms-transform: rotate(-45deg) \9; } /*! @@ -3002,622 +2697,848 @@ body.stop-scrolling { */ .la-ball-fall, .la-ball-fall > div { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .la-ball-fall { - display: block; - font-size: 0; - color: var(--directorist-color-white); + display: block; + font-size: 0; + color: var(--directorist-color-white); } .la-ball-fall.la-dark { - color: #333; + color: #333; } .la-ball-fall > div { - display: inline-block; - float: none; - background-color: currentColor; - border: 0 solid currentColor; + display: inline-block; + float: none; + background-color: currentColor; + border: 0 solid currentColor; } .la-ball-fall { - width: 54px; - height: 18px; + width: 54px; + height: 18px; } .la-ball-fall > div { - width: 10px; - height: 10px; - margin: 4px; - border-radius: 100%; - opacity: 0; - -webkit-animation: ball-fall 1s ease-in-out infinite; - animation: ball-fall 1s ease-in-out infinite; + width: 10px; + height: 10px; + margin: 4px; + border-radius: 100%; + opacity: 0; + -webkit-animation: ball-fall 1s ease-in-out infinite; + -moz-animation: ball-fall 1s ease-in-out infinite; + -o-animation: ball-fall 1s ease-in-out infinite; + animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { - -webkit-animation-delay: -200ms; - animation-delay: -200ms; + -webkit-animation-delay: -200ms; + -moz-animation-delay: -200ms; + -o-animation-delay: -200ms; + animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { - -webkit-animation-delay: -100ms; - animation-delay: -100ms; + -webkit-animation-delay: -100ms; + -moz-animation-delay: -100ms; + -o-animation-delay: -100ms; + animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { - -webkit-animation-delay: 0; - animation-delay: 0; + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay: 0; + animation-delay: 0; } .la-ball-fall.la-sm { - width: 26px; - height: 8px; + width: 26px; + height: 8px; } .la-ball-fall.la-sm > div { - width: 4px; - height: 4px; - margin: 2px; + width: 4px; + height: 4px; + margin: 2px; } .la-ball-fall.la-2x { - width: 108px; - height: 36px; + width: 108px; + height: 36px; } .la-ball-fall.la-2x > div { - width: 20px; - height: 20px; - margin: 8px; + width: 20px; + height: 20px; + margin: 8px; } .la-ball-fall.la-3x { - width: 162px; - height: 54px; + width: 162px; + height: 54px; } .la-ball-fall.la-3x > div { - width: 30px; - height: 30px; - margin: 12px; + width: 30px; + height: 30px; + margin: 12px; } @-webkit-keyframes ball-fall { - 0% { - opacity: 0; - -webkit-transform: translateY(-145%); - transform: translateY(-145%); - } - 10% { - opacity: 0.5; - } - 20% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 80% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 90% { - opacity: 0.5; - } - 100% { - opacity: 0; - -webkit-transform: translateY(145%); - transform: translateY(145%); - } + 0% { + opacity: 0; + -webkit-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -webkit-transform: translateY(145%); + transform: translateY(145%); + } +} +@-moz-keyframes ball-fall { + 0% { + opacity: 0; + -moz-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -moz-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -moz-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -moz-transform: translateY(145%); + transform: translateY(145%); + } +} +@-o-keyframes ball-fall { + 0% { + opacity: 0; + -o-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -o-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -o-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -o-transform: translateY(145%); + transform: translateY(145%); + } } @keyframes ball-fall { - 0% { - opacity: 0; - -webkit-transform: translateY(-145%); - transform: translateY(-145%); - } - 10% { - opacity: 0.5; - } - 20% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 80% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 90% { - opacity: 0.5; - } - 100% { - opacity: 0; - -webkit-transform: translateY(145%); - transform: translateY(145%); - } + 0% { + opacity: 0; + -webkit-transform: translateY(-145%); + -moz-transform: translateY(-145%); + -o-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -webkit-transform: translateY(145%); + -moz-transform: translateY(145%); + -o-transform: translateY(145%); + transform: translateY(145%); + } } .directorist-add-listing-types { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: flex; + box-sizing: border-box; } .directorist-add-listing-types__single { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-add-listing-types__single__link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - background-color: var(--directorist-color-white); - color: var(--directorist-color-primary); - font-size: 16px; - font-weight: 500; - line-height: 20px; - text-align: center; - padding: 40px 25px; - border-radius: 12px; - text-decoration: none !important; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-transition: background 0.2s ease; - transition: background 0.2s ease; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + background-color: var(--directorist-color-white); + color: var(--directorist-color-primary); + font-size: 16px; + font-weight: 500; + line-height: 20px; + text-align: center; + padding: 40px 25px; + border-radius: 12px; + text-decoration: none !important; + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + transition: background 0.2s ease; + /* Legacy Icon */ } .directorist-add-listing-types__single__link .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 70px; - width: 70px; - background-color: var(--directorist-color-primary); - border-radius: 100%; - margin-bottom: 20px; - -webkit-transition: color 0.2s ease, background 0.2s ease; - transition: color 0.2s ease, background 0.2s ease; + display: flex; + align-items: center; + justify-content: center; + height: 70px; + width: 70px; + background-color: var(--directorist-color-primary); + border-radius: 100%; + margin-bottom: 20px; + transition: + color 0.2s ease, + background 0.2s ease; } .directorist-add-listing-types__single__link .directorist-icon-mask:after { - width: 25px; - height: 25px; - background-color: var(--directorist-color-white); + width: 25px; + height: 25px; + background-color: var(--directorist-color-white); } .directorist-add-listing-types__single__link:hover { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-add-listing-types__single__link:hover .directorist-icon-mask { - background-color: var(--directorist-color-white); -} -.directorist-add-listing-types__single__link:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-white); } -.directorist-add-listing-types__single__link { - /* Legacy Icon */ +.directorist-add-listing-types__single__link:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } .directorist-add-listing-types__single__link > i:not(.directorist-icon-mask) { - display: inline-block; - margin-bottom: 10px; + display: inline-block; + margin-bottom: 10px; } .directorist-add-listing-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: flex; + box-sizing: border-box; } .directorist-add-listing-form .directorist-content-module { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-add-listing-form .directorist-content-module__title i { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-add-listing-form .directorist-content-module__title i:after { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-add-listing-form .directorist-alert-required { - display: block; - margin-top: 5px; - color: #e80000; - font-size: 13px; + display: block; + margin-top: 5px; + color: #e80000; + font-size: 13px; } .directorist-add-listing-form__privacy a { - color: var(--directorist-color-info); + color: var(--directorist-color-info); } .directorist-add-listing-form .directorist-content-module, #directiost-listing-fields_wrapper .directorist-content-module { - margin-bottom: 35px; - border-radius: 12px; + margin-bottom: 35px; + border-radius: 12px; + /* social info */ } @media (max-width: 991px) { - .directorist-add-listing-form .directorist-content-module, - #directiost-listing-fields_wrapper .directorist-content-module { - margin-bottom: 20px; - } + .directorist-add-listing-form .directorist-content-module, + #directiost-listing-fields_wrapper .directorist-content-module { + margin-bottom: 20px; + } } .directorist-add-listing-form .directorist-content-module__title, #directiost-listing-fields_wrapper .directorist-content-module__title { - gap: 15px; - min-height: 66px; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + gap: 15px; + min-height: 66px; + justify-content: flex-start; } .directorist-add-listing-form .directorist-content-module__title i, #directiost-listing-fields_wrapper .directorist-content-module__title i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 36px; - height: 36px; - border-radius: 100%; + display: flex; + align-items: center; + justify-content: center; + width: 36px; + height: 36px; + border-radius: 100%; } .directorist-add-listing-form .directorist-content-module__title i:after, #directiost-listing-fields_wrapper .directorist-content-module__title i:after { - width: 16px; - height: 16px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade { - padding: 0; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade > input[name=address], -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade > input[name=address] { - padding-left: 10px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before { - width: 15px; - height: 15px; - left: unset; - right: 0; - top: 46px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after { - height: 40px; - top: 26px; -} -.directorist-add-listing-form .directorist-content-module, -#directiost-listing-fields_wrapper .directorist-content-module { - /* social info */ -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - margin: 0 0 25px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields:last-child, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields:last-child { - margin: 0 0 40px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-light-gray); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + width: 16px; + height: 16px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade { + padding: 0; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade + > input[name="address"], +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade + > input[name="address"] { + padding-left: 10px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:before, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:before { + width: 15px; + height: 15px; + left: unset; + right: 0; + top: 46px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:after { + height: 40px; + top: 26px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 20px; + margin: 0 0 25px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields:last-child, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields:last-child { + margin: 0 0 40px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group { + flex: 1; + margin: 0; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select { + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select.placeholder-item, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select.placeholder-item { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-light-gray); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input { + display: flex; + gap: 20px; + flex: 1; } @media screen and (max-width: 480px) { - .directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input, - #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input { - gap: 10px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 36px; - height: 36px; - padding: 0; - cursor: pointer; - border-radius: 100%; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-light) !important; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove i::after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i::after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-light-gray); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover { - background-color: var(--directorist-color-primary) !important; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover i::after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i::after { - background-color: var(--directorist-color-white); + .directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input, + #directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input { + gap: 10px; + flex-direction: column; + } +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove { + display: flex; + align-items: center; + justify-content: center; + width: 36px; + height: 36px; + padding: 0; + cursor: pointer; + border-radius: 100%; + transition: all ease 0.3s; + background-color: var(--directorist-color-light) !important; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove + i::after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove + i::after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-light-gray); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove:hover, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover { + background-color: var(--directorist-color-primary) !important; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after { + background-color: var(--directorist-color-white); } #directiost-listing-fields_wrapper .directorist-content-module { - background-color: var(--directorist-color-white); - border-radius: 0; - border: 1px solid #e3e6ef; + background-color: var(--directorist-color-white); + border-radius: 0; + border: 1px solid #e3e6ef; } #directiost-listing-fields_wrapper .directorist-content-module__title { - padding: 20px 30px; - border-bottom: 1px solid #e3e6ef; + padding: 20px 30px; + border-bottom: 1px solid #e3e6ef; } #directiost-listing-fields_wrapper .directorist-content-module__title i { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } #directiost-listing-fields_wrapper .directorist-content-module__title i:after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields { - margin: 0 0 25px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove { - background-color: #ededed !important; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i::after { - background-color: #808080; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover { - background-color: var(--directorist-color-primary) !important; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i::after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title { - cursor: auto; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title:before { - display: none; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents { - padding: 30px 40px 40px; + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields { + margin: 0 0 25px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove { + background-color: #ededed !important; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove + i::after { + background-color: #808080; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover { + background-color: var(--directorist-color-primary) !important; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__title { + cursor: auto; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__title:before { + display: none; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__contents { + padding: 30px 40px 40px; } @media (max-width: 991px) { - #directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents { - height: auto; - opacity: 1; - padding: 20px; - visibility: visible; - } -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-label { - margin-bottom: 10px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element { - position: relative; - height: 42px; - padding: 15px 20px; - font-size: 14px; - font-weight: 400; - border-radius: 5px; - width: 100%; - border: 1px solid #ececec; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 0; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element__prefix { - height: 42px; - line-height: 42px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields select.directorist-form-element, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-select select.directorist-form-element, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element.directory_pricing_field { - padding-top: 0; - padding-bottom: 0; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-radio__label:after { - position: absolute; - left: 0; - top: 0; - width: 20px; - height: 20px; - border-radius: 3px; - content: ""; - border: 1px solid #c6d0dc; - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-radio__label:before { - position: absolute; - left: 7px; - top: 7px; - width: 6px; - height: 6px; - border-radius: 50%; - background-color: var(--directorist-color-primary); - border: 0 none; - -webkit-mask-image: none; - mask-image: none; - z-index: 2; - content: ""; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:after { - border-radius: 50%; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:before { - left: 5px; - top: 5px; - content: ""; - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - border: none; - background-color: var(--directorist-color-white); - display: block; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; -} -#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic { - padding: 30px; - text-align: center; - border-radius: 5px; - border: 1px dashed #dbdee9; -} -#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic .plupload-browse-button-label i::after { - width: 50px; - height: 45px; - background-color: #808080; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-file-upload .directorist-custom-field-file-upload__wrapper ~ .directorist-form-description { - text-align: center; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn { - width: auto; - padding: 11px 26px; - background-color: #444752; - color: var(--directorist-color-white); - border-radius: 5px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn i::after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-map-field__maps #gmap { - border-radius: 0; + #directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__contents { + height: auto; + opacity: 1; + padding: 20px; + visibility: visible; + } +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-label { + margin-bottom: 10px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element { + position: relative; + height: 42px; + padding: 15px 20px; + font-size: 14px; + font-weight: 400; + border-radius: 5px; + width: 100%; + border: 1px solid #ececec; + box-sizing: border-box; + margin-bottom: 0; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element__prefix { + height: 42px; + line-height: 42px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + select.directorist-form-element, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-custom-field-select + select.directorist-form-element, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element.directory_pricing_field { + padding-top: 0; + padding-bottom: 0; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-radio__label:after { + position: absolute; + left: 0; + top: 0; + width: 20px; + height: 20px; + border-radius: 3px; + content: ""; + border: 1px solid #c6d0dc; + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-radio__label:before { + position: absolute; + left: 7px; + top: 7px; + width: 6px; + height: 6px; + border-radius: 50%; + background-color: var(--directorist-color-primary); + border: 0 none; + mask-image: none; + z-index: 2; + content: ""; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:after { + border-radius: 50%; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:before { + left: 5px; + top: 5px; + content: ""; + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-repeat: no-repeat; + width: 10px; + height: 10px; + border: none; + background-color: var(--directorist-color-white); + display: block; + transition: all 0.3s ease 0s; + z-index: 2; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .plupload-upload-uic { + padding: 30px; + text-align: center; + border-radius: 5px; + border: 1px dashed #dbdee9; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .plupload-upload-uic + .plupload-browse-button-label + i::after { + width: 50px; + height: 45px; + background-color: #808080; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-custom-field-file-upload + .directorist-custom-field-file-upload__wrapper + ~ .directorist-form-description { + text-align: center; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-info-field + .directorist-btn { + width: auto; + padding: 11px 26px; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 5px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-info-field + .directorist-btn + i::after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-map-field__maps + #gmap { + border-radius: 0; } /* ========================== @@ -3625,11 +3546,11 @@ body.stop-scrolling { ============================= */ /* listing label */ .directorist-form-label { - display: block; - color: var(--directorist-color-dark); - margin-bottom: 5px; - font-size: 14px; - font-weight: 500; + display: block; + color: var(--directorist-color-dark); + margin-bottom: 5px; + font-size: 14px; + font-weight: 500; } .directorist-custom-field-radio > .directorist-form-label, @@ -3638,1006 +3559,974 @@ body.stop-scrolling { .directorist-form-image-upload-field > .directorist-form-label, .directorist-custom-field-file-upload > .directorist-form-label, .directorist-form-pricing-field.price-type-both > .directorist-form-label { - margin-bottom: 18px; + margin-bottom: 18px; } /* listing type */ .directorist-form-listing-type { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: flex; + flex-wrap: wrap; + gap: 20px; } @media (max-width: 767px) { - .directorist-form-listing-type { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-form-listing-type { + flex-direction: column; + } } .directorist-form-listing-type .directorist-form-label { - font-size: 14px; - font-weight: 500; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - margin: 0; + font-size: 14px; + font-weight: 500; + flex: 0 0 100%; + margin: 0; } .directorist-form-listing-type__single { - -webkit-box-flex: 0; - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; + flex: 0 0 45%; } .directorist-form-listing-type__single.directorist-radio { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label { - width: 100%; - height: 100%; - padding: 25px; - font-size: 14px; - font-weight: 500; - padding-left: 55px; - border-radius: 12px; - color: var(--directorist-color-body); - border: 3px solid var(--directorist-color-border-gray); - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label small { - display: block; - margin-top: 5px; - font-weight: normal; - color: var(--directorist-color-success); -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label:before { - left: 29px; - top: 29px; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label:after { - left: 25px; - top: 25px; - width: 18px; - height: 18px; -} -.directorist-form-listing-type .directorist-radio input[type=radio]:checked + .directorist-radio__label { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + align-items: flex-start; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label { + width: 100%; + height: 100%; + padding: 25px; + font-size: 14px; + font-weight: 500; + padding-left: 55px; + border-radius: 12px; + color: var(--directorist-color-body); + border: 3px solid var(--directorist-color-border-gray); + cursor: pointer; + box-sizing: border-box; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label + small { + display: block; + margin-top: 5px; + font-weight: normal; + color: var(--directorist-color-success); +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label:before { + left: 29px; + top: 29px; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label:after { + left: 25px; + top: 25px; + width: 18px; + height: 18px; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } /* Pricing */ .directorist-form-pricing-field__options { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 0 20px; -} -.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label { - font-size: 14px; - font-weight: 400; - min-height: 18px; - padding-left: 27px; - color: var(--directorist-color-body); -} -.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label { - font-weight: 500; - color: var(--directorist-color-dark); -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:after { - top: 3px; - left: 3px; - width: 14px; - height: 14px; - border-radius: 100%; - border: 2px solid #c6d0dc; -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:before { - left: 0; - top: 0; - width: 8px; - height: 8px; - -webkit-mask-image: none; - mask-image: none; - background-color: var(--directorist-color-white); - border-radius: 100%; - border: 5px solid var(--directorist-color-primary); - -webkit-box-sizing: content-box; - box-sizing: content-box; -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:checked:after { - opacity: 0; + display: flex; + flex-wrap: wrap; + gap: 20px; + align-items: center; + margin: 0 0 20px; +} +.directorist-form-pricing-field__options + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label { + font-size: 14px; + font-weight: 400; + min-height: 18px; + padding-left: 27px; + color: var(--directorist-color-body); +} +.directorist-form-pricing-field__options + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label { + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:after { + top: 3px; + left: 3px; + width: 14px; + height: 14px; + border-radius: 100%; + border: 2px solid #c6d0dc; +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:before { + left: 0; + top: 0; + width: 8px; + height: 8px; + mask-image: none; + background-color: var(--directorist-color-white); + border-radius: 100%; + border: 5px solid var(--directorist-color-primary); + box-sizing: content-box; +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:checked:after { + opacity: 0; } .directorist-form-pricing-field .directorist-form-element { - min-width: 100%; + min-width: 100%; } .price-type-price_range .directorist-form-pricing-field__options, .price-type-price_unit .directorist-form-pricing-field__options { - margin: 0; + margin: 0; } /* location */ .directorist-select-multi select { - display: none; + display: none; } #directorist-location-select { - z-index: 113 !important; + z-index: 113 !important; } /* tags */ #directorist-tag-select { - z-index: 112 !important; + z-index: 112 !important; } /* categories */ #directorist-category-select { - z-index: 111 !important; + z-index: 111 !important; } .directorist-form-group .select2-selection { - border-color: #ececec; + border-color: #ececec; } .directorist-form-group .select2-container--default .select2-selection { - min-height: 40px; - padding-right: 45px; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__rendered { - line-height: 26px; - padding: 0; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__clear { - padding-right: 15px; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__arrow { - right: 10px; + min-height: 40px; + padding-right: 45px; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__rendered { + line-height: 26px; + padding: 0; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__clear { + padding-right: 15px; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__arrow { + right: 10px; } .directorist-form-group .select2-container--default .select2-selection input { - min-height: 26px; + min-height: 26px; } /* hide contact owner */ -.directorist-hide-owner-field.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label { - font-size: 15px; - font-weight: 700; +.directorist-hide-owner-field.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label { + font-size: 15px; + font-weight: 700; } /* Map style */ .directorist-map-coordinate { - margin-top: 20px; + margin-top: 20px; } .directorist-map-coordinates { - padding: 0 0 15px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 15px -15px 0; + padding: 0 0 15px 0; + display: flex; + flex-wrap: wrap; + align-items: center; + margin: 15px -15px 0; } .directorist-map-coordinates .directorist-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding-left: 15px; - padding-right: 15px; - max-width: 290px; + flex: 1; + padding-left: 15px; + padding-right: 15px; + max-width: 290px; } .directorist-map-coordinates__generate { - -webkit-box-flex: 0 !important; - -webkit-flex: 0 0 100% !important; - -ms-flex: 0 0 100% !important; - flex: 0 0 100% !important; - max-width: 100% !important; + flex: 0 0 100% !important; + max-width: 100% !important; } -.directorist-add-listing-form .directorist-content-module .directorist-map-coordinates .directorist-form-group:not(.directorist-map-coordinates__generate) { - margin-bottom: 20px; +.directorist-add-listing-form + .directorist-content-module + .directorist-map-coordinates + .directorist-form-group:not(.directorist-map-coordinates__generate) { + margin-bottom: 20px; } .directorist-form-map-field__wrapper { - margin-bottom: 10px; + margin-bottom: 10px; } .directorist-form-map-field__maps #gmap { - position: relative; - height: 400px; - z-index: 1; - border-radius: 12px; + position: relative; + height: 400px; + z-index: 1; + border-radius: 12px; } .directorist-form-map-field__maps #gmap #gmap_full_screen_button, .directorist-form-map-field__maps #gmap .gm-fullscreen-control { - display: none; -} -.directorist-form-map-field__maps #gmap div[role=img] { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 50px !important; - height: 50px !important; - cursor: pointer; - border-radius: 100%; - overflow: visible !important; -} -.directorist-form-map-field__maps #gmap div[role=img] > img { - position: relative; - z-index: 1; - width: 100% !important; - height: 100% !important; - border-radius: 100%; - background-color: var(--directorist-color-primary); -} -.directorist-form-map-field__maps #gmap div[role=img]:before { - content: ""; - position: absolute; - left: -25px; - top: -25px; - width: 0; - height: 0; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; - border: 50px solid rgba(var(--directorist-color-dark-rgb), 0.2); - opacity: 0; - visibility: hidden; - -webkit-animation: atbd_scale 3s linear alternate infinite; - animation: atbd_scale 3s linear alternate infinite; -} -.directorist-form-map-field__maps #gmap div[role=img]:after { - content: ""; - display: block; - width: 12px; - height: 20px; - position: absolute; - z-index: 2; - background-color: var(--directorist-color-white); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/80f124fcb604319ca80e.svg); - mask-image: url(../js/80f124fcb604319ca80e.svg); -} -.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon { - margin: 0; - display: inline-block; - width: 13px !important; - height: 13px !important; - background-color: unset; -} -.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:before, .directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:after { - display: none; -} -.directorist-form-map-field__maps #gmap div[role=img]:hover:before { - opacity: 1; - visibility: visible; + display: none; +} +.directorist-form-map-field__maps #gmap div[role="img"] { + position: relative; + display: flex; + align-items: center; + justify-content: center; + width: 50px !important; + height: 50px !important; + cursor: pointer; + border-radius: 100%; + overflow: visible !important; +} +.directorist-form-map-field__maps #gmap div[role="img"] > img { + position: relative; + z-index: 1; + width: 100% !important; + height: 100% !important; + border-radius: 100%; + background-color: var(--directorist-color-primary); +} +.directorist-form-map-field__maps #gmap div[role="img"]:before { + content: ""; + position: absolute; + left: -25px; + top: -25px; + width: 0; + height: 0; + border-radius: 50%; + transition: all 0.3s ease-in-out; + border: none; + border: 50px solid rgba(var(--directorist-color-dark-rgb), 0.2); + opacity: 0; + visibility: hidden; + animation: atbd_scale 3s linear alternate infinite; +} +.directorist-form-map-field__maps #gmap div[role="img"]:after { + content: ""; + display: block; + width: 12px; + height: 20px; + position: absolute; + z-index: 2; + background-color: var(--directorist-color-white); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); +} +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon { + margin: 0; + display: inline-block; + width: 13px !important; + height: 13px !important; + background-color: unset; +} +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon:before, +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon:after { + display: none; +} +.directorist-form-map-field__maps #gmap div[role="img"]:hover:before { + opacity: 1; + visibility: visible; } .directorist-form-map-field .map_drag_info { - display: none; + display: none; } .directorist-form-map-field .atbd_map_shape { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - cursor: pointer; - border-radius: 100%; + position: relative; + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + cursor: pointer; + border-radius: 100%; } .directorist-form-map-field .atbd_map_shape:before { - content: ""; - position: absolute; - left: -20px; - top: -20px; - width: 0; - height: 0; - opacity: 0; - visibility: hidden; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; + content: ""; + position: absolute; + left: -20px; + top: -20px; + width: 0; + height: 0; + opacity: 0; + visibility: hidden; + border-radius: 50%; + transition: all 0.3s ease-in-out; + border: none; } .directorist-form-map-field .atbd_map_shape .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-marker-icon); - -webkit-mask: url(../js/80f124fcb604319ca80e.svg); - mask: url(../js/80f124fcb604319ca80e.svg); + width: 16px; + height: 16px; + background-color: var(--directorist-color-marker-icon); + mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); } .directorist-form-map-field .atbd_map_shape:hover:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } /* EZ Media Upload */ .directorist-form-image-upload-field .ez-media-uploader { - text-align: center; - border-radius: 12px; - padding: 35px 10px; - margin: 0; - background-color: var(--directorist-color-bg-gray) !important; - border: 2px dashed var(--directorist-color-border-gray) !important; + text-align: center; + border-radius: 12px; + padding: 35px 10px; + margin: 0; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; } .directorist-form-image-upload-field .ez-media-uploader.ezmu--show { - margin-bottom: 120px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section { - display: block; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu__media-picker-icon-wrap-upload { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: auto; - height: auto; - margin-bottom: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload { - background: unset; - -webkit-filter: unset; - filter: unset; - width: auto; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload i::after { - width: 90px; - height: 80px; - background-color: var(--directorist-color-border-gray); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-buttons { - margin-top: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label { - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 17px 0 35px; - margin: 10px 0; - height: 40px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - background: var(--directorist-color-primary); - color: var(--directorist-color-white); - text-align: center; - font-size: 13px; - font-weight: 500; - line-height: 14px; - cursor: pointer; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:before { - position: absolute; - left: 17px; - top: 13px; - content: ""; - -webkit-mask-image: url(../js/53e21172ac69331e0b44.svg); - mask-image: url(../js/53e21172ac69331e0b44.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:hover { - opacity: 0.85; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap p { - margin: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show { - position: absolute; - top: calc(100% + 22px); - left: 0; - width: auto; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap { - display: none; - height: 76px; - width: 100px; - border-radius: 8px; - background-color: var(--directorist-color-bg-gray) !important; - border: 2px dashed var(--directorist-color-border-gray) !important; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn { - padding: 0; - width: 30px; - height: 30px; - font-size: 0; - position: relative; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn:before { - content: ""; - position: absolute; - width: 30px; - height: 30px; - left: 0; - z-index: 2; - background-color: var(--directorist-color-border-gray); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/ec3db9820a6442a268a9.svg); - mask-image: url(../js/ec3db9820a6442a268a9.svg); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__thumbnail-list-item { - width: 175px; - min-width: 175px; - -webkit-flex-basis: unset; - -ms-flex-preferred-size: unset; - flex-basis: unset; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-buttons { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon { - background-image: unset; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon .directorist-icon-mask::after { - width: 12px; - height: 12px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-button { - width: 20px; - height: 25px; - background-size: 8px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__featured_tag, -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__thumbnail-size-text { - padding: 0 5px; - height: 25px; - line-height: 25px; + margin-bottom: 120px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section { + display: block; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu__media-picker-icon-wrap-upload { + display: flex; + justify-content: center; + width: auto; + height: auto; + margin-bottom: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu-icon-upload { + background: unset; + filter: unset; + width: auto; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu-icon-upload + i::after { + width: 90px; + height: 80px; + background-color: var(--directorist-color-border-gray); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-buttons { + margin-top: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label { + position: relative; + display: inline-flex; + padding: 0 17px 0 35px; + margin: 10px 0; + height: 40px; + align-items: center; + gap: 6px; + border-radius: 8px; + background: var(--directorist-color-primary); + color: var(--directorist-color-white); + text-align: center; + font-size: 13px; + font-weight: 500; + line-height: 14px; + cursor: pointer; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label:before { + position: absolute; + left: 17px; + top: 13px; + content: ""; + mask-image: url(../js/../images/82bc0acb0537c9331637ee2319728e40.svg); + mask-repeat: no-repeat; + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label:hover { + opacity: 0.85; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + p { + margin: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show { + position: absolute; + top: calc(100% + 22px); + left: 0; + width: auto; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 8px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap { + display: none; + height: 76px; + width: 100px; + border-radius: 8px; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap + .ezmu__update-file-btn { + padding: 0; + width: 30px; + height: 30px; + font-size: 0; + position: relative; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap + .ezmu__update-file-btn:before { + content: ""; + position: absolute; + width: 30px; + height: 30px; + left: 0; + z-index: 2; + background-color: var(--directorist-color-border-gray); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/6af1e9612a6d7346e1366489fb9fac45.svg); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__thumbnail-list-item { + width: 175px; + min-width: 175px; + flex-basis: unset; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__sort-buttons { + display: flex; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon { + background-image: unset; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon + .directorist-icon-mask::after { + width: 12px; + height: 12px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__sort-button { + width: 20px; + height: 25px; + background-size: 8px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__featured_tag, +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__thumbnail-size-text { + padding: 0 5px; + height: 25px; + line-height: 25px; } .directorist-form-image-upload-field .ezmu__info-list-item:empty { - display: none; + display: none; } .directorist-add-listing-wrapper { - max-width: 1000px !important; - margin: 0 auto; + max-width: 1000px !important; + margin: 0 auto; } .directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back { - position: relative; - height: 100px; - width: 100%; + position: relative; + height: 100px; + width: 100%; } -.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back .ezmu__thumbnail-img { - -o-object-fit: cover; - object-fit: cover; +.directorist-add-listing-wrapper + .ezmu__thumbnail-list-item_back + .ezmu__thumbnail-img { + object-fit: cover; } .directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); - opacity: 0; - visibility: visible; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.directorist-add-listing-wrapper .ezmu__thumbnail-list-item:hover .ezmu__thumbnail-list-item_back:before { - opacity: 1; - visibility: visible; + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 0; + visibility: visible; + transition: all ease 0.3s; +} +.directorist-add-listing-wrapper + .ezmu__thumbnail-list-item:hover + .ezmu__thumbnail-list-item_back:before { + opacity: 1; + visibility: visible; } .directorist-add-listing-wrapper .ezmu__titles-area .ezmu__title-1 { - font-size: 20px; - font-weight: 500; - margin: 0; + font-size: 20px; + font-weight: 500; + margin: 0; } .directorist-add-listing-wrapper .ezmu__btn { - margin-bottom: 25px; - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached .ezmu__upload-button-wrap .ezmu__btn { - pointer-events: none; - opacity: 0.7; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight { - position: relative; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:before { - content: ""; - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - background-color: #ddd; - cursor: no-drop; - z-index: 9999; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:after { - content: "Maximum Files Uploaded"; - font-size: 18px; - font-weight: 700; - color: #EF0000; - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - cursor: no-drop; - z-index: 9999; + margin-bottom: 25px; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached + .ezmu__upload-button-wrap + .ezmu__btn { + pointer-events: none; + opacity: 0.7; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight { + position: relative; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight:before { + content: ""; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + background-color: #ddd; + cursor: no-drop; + z-index: 9999; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight:after { + content: "Maximum Files Uploaded"; + font-size: 18px; + font-weight: 700; + color: #ef0000; + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + cursor: no-drop; + z-index: 9999; } .directorist-add-listing-wrapper .ezmu__info-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 6px; - margin: 15px 0 0; + display: flex; + align-items: center; + flex-direction: column; + gap: 6px; + margin: 15px 0 0; } .directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item { - margin: 0; + margin: 0; } .directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item:before { - width: 16px; - height: 16px; - background-image: url(../js/fecb7262255c19cc2351.svg); + width: 16px; + height: 16px; + background-image: url(../js/../images/83eed1a628ff52c2adf977f50ac7adb4.svg); } .directorist-add-listing-form { - /* form action */ + /* form action */ } .directorist-add-listing-form__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - border-radius: 12px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + display: flex; + flex-direction: column; + border-radius: 12px; + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-add-listing-form__action .directorist-form-submit { - margin-top: 15px; -} -.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading { - position: relative; -} -.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading:after { - content: ""; - border: 2px solid #f3f3f3; - border-radius: 50%; - border-top: 2px solid #656a7a; - width: 20px; - height: 20px; - -webkit-animation: rotate360 2s linear infinite; - animation: rotate360 2s linear infinite; - display: inline-block; - margin: 0 0 0 10px; - position: relative; - top: 4px; + margin-top: 15px; +} +.directorist-add-listing-form__action + .directorist-form-submit__btn.atbd_loading { + position: relative; +} +.directorist-add-listing-form__action + .directorist-form-submit__btn.atbd_loading:after { + content: ""; + border: 2px solid #f3f3f3; + border-radius: 50%; + border-top: 2px solid #656a7a; + width: 20px; + height: 20px; + animation: rotate360 2s linear infinite; + display: inline-block; + margin: 0 0 0 10px; + position: relative; + top: 4px; } .directorist-add-listing-form__action label { - line-height: 1.25; - margin-bottom: 0; + line-height: 1.25; + margin-bottom: 0; } .directorist-add-listing-form__action #listing_notifier { - padding: 18px 40px 33px; - font-size: 14px; - font-weight: 600; - color: var(--directorist-color-danger); - border-top: 1px solid var(--directorist-color-border); + padding: 18px 40px 33px; + font-size: 14px; + font-weight: 600; + color: var(--directorist-color-danger); + border-top: 1px solid var(--directorist-color-border); } .directorist-add-listing-form__action #listing_notifier:empty { - display: none; + display: none; } .directorist-add-listing-form__action #listing_notifier .atbdp_success { - color: var(--directorist-color-success); + color: var(--directorist-color-success); } .directorist-add-listing-form__action .directorist-form-group, .directorist-add-listing-form__action .directorist-checkbox { - margin: 0; - padding: 30px 40px 0; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + margin: 0; + padding: 30px 40px 0; + align-items: flex-start; } @media only screen and (max-width: 576px) { - .directorist-add-listing-form__action .directorist-form-group, - .directorist-add-listing-form__action .directorist-checkbox { - padding: 30px 0 0; - } - .directorist-add-listing-form__action .directorist-form-group.directorist-form-privacy, - .directorist-add-listing-form__action .directorist-checkbox.directorist-form-privacy { - padding: 30px 30px 0; - } + .directorist-add-listing-form__action .directorist-form-group, + .directorist-add-listing-form__action .directorist-checkbox { + padding: 30px 0 0; + } + .directorist-add-listing-form__action + .directorist-form-group.directorist-form-privacy, + .directorist-add-listing-form__action + .directorist-checkbox.directorist-form-privacy { + padding: 30px 30px 0; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__action .directorist-form-group, - .directorist-add-listing-form__action .directorist-checkbox { - padding: 30px 20px 0; - } + .directorist-add-listing-form__action .directorist-form-group, + .directorist-add-listing-form__action .directorist-checkbox { + padding: 30px 20px 0; + } } .directorist-add-listing-form__action .directorist-form-group label, .directorist-add-listing-form__action .directorist-checkbox label { - font-size: 14px; - font-weight: 500; - margin: 0 0 10px; + font-size: 14px; + font-weight: 500; + margin: 0 0 10px; } .directorist-add-listing-form__action .directorist-form-group label a, .directorist-add-listing-form__action .directorist-checkbox label a { - color: var(--directorist-color-info); + color: var(--directorist-color-info); } .directorist-add-listing-form__action .directorist-form-group #guest_user_email, .directorist-add-listing-form__action .directorist-checkbox #guest_user_email { - margin: 0 0 10px; + margin: 0 0 10px; } .directorist-add-listing-form__action .directorist-form-required { - padding-left: 5px; + padding-left: 5px; } .directorist-add-listing-form__publish { - padding: 100px 20px; - margin-bottom: 0; - text-align: center; + padding: 100px 20px; + margin-bottom: 0; + text-align: center; } @media only screen and (max-width: 576px) { - .directorist-add-listing-form__publish { - padding: 70px 20px; - } + .directorist-add-listing-form__publish { + padding: 70px 20px; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish { - padding: 50px 20px; - } + .directorist-add-listing-form__publish { + padding: 50px 20px; + } } .directorist-add-listing-form__publish__icon i { - width: 70px; - height: 70px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - margin: 0 auto 25px; - background-color: var(--directorist-color-light); + width: 70px; + height: 70px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 100%; + margin: 0 auto 25px; + background-color: var(--directorist-color-light); } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i { - margin-bottom: 20px; - } + .directorist-add-listing-form__publish__icon i { + margin-bottom: 20px; + } } .directorist-add-listing-form__publish__icon i:after { - width: 30px; - height: 30px; - background-color: var(--directorist-color-primary); + width: 30px; + height: 30px; + background-color: var(--directorist-color-primary); } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i:after { - width: 25px; - height: 25px; - } + .directorist-add-listing-form__publish__icon i:after { + width: 25px; + height: 25px; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i:after { - width: 22px; - height: 22px; - } + .directorist-add-listing-form__publish__icon i:after { + width: 22px; + height: 22px; + } } .directorist-add-listing-form__publish__title { - font-size: 24px; - font-weight: 600; - margin: 0 0 10px; + font-size: 24px; + font-weight: 600; + margin: 0 0 10px; } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__title { - font-size: 22px; - } + .directorist-add-listing-form__publish__title { + font-size: 22px; + } } .directorist-add-listing-form__publish__subtitle { - font-size: 15px; - color: var(--directorist-color-body); - margin: 0; + font-size: 15px; + color: var(--directorist-color-body); + margin: 0; } .directorist-add-listing-form .directorist-form-group textarea { - padding: 10px 0; - background: transparent; + padding: 10px 0; + background: transparent; } .directorist-add-listing-form .atbd_map_shape { - width: 50px; - height: 50px; + width: 50px; + height: 50px; } .directorist-add-listing-form .atbd_map_shape:before { - left: -25px; - top: -25px; - border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); + left: -25px; + top: -25px; + border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); } .directorist-add-listing-form .atbd_map_shape .directorist-icon-mask::after { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } /* Custom Fields */ /* select */ .directorist-custom-field-select select.directorist-form-element { - padding-top: 0; - padding-bottom: 0; + padding-top: 0; + padding-bottom: 0; } /* file upload */ .plupload-upload-uic { - width: 420px; - margin: 0 auto !important; - border: 1px dashed #dbdee9; - padding: 30px; - text-align: center; + width: 420px; + margin: 0 auto !important; + border: 1px dashed #dbdee9; + padding: 30px; + text-align: center; } .plupload-upload-uic .directorist-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; + font-weight: 500; + margin-bottom: 15px; + font-size: 15px; } .plupload-upload-uic .directorist-dropbox-file-types { - margin-top: 10px; - color: #9299b8; + margin-top: 10px; + color: #9299b8; } /* quick login */ .directorist-modal-container { - display: none; - margin: 0 !important; - max-width: 100% !important; - height: 100vh !important; - position: fixed; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 999999999999; + display: none; + margin: 0 !important; + max-width: 100% !important; + height: 100vh !important; + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 999999999999; } .directorist-modal-container.show { - display: block; + display: block; } .directorist-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: rgba(0, 0, 0, 0.4705882353); - width: 100%; - height: 100%; - position: absolute; - overflow: auto; - top: 0; - left: 0; - right: 0; - bottom: 0; - padding: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + background-color: rgba(0, 0, 0, 0.4705882353); + width: 100%; + height: 100%; + position: absolute; + overflow: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; + padding: 20px; + align-items: center; + justify-content: center; } .directorist-modals { - display: block; - width: 100%; - max-width: 400px; - margin: 0 auto; - background-color: var(--directorist-color-white); - border-radius: 8px; - overflow: hidden; + display: block; + width: 100%; + max-width: 400px; + margin: 0 auto; + background-color: var(--directorist-color-white); + border-radius: 8px; + overflow: hidden; } .directorist-modal-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 10px 20px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-bottom: 1px solid #e4e4e4; + display: flex; + padding: 10px 20px; + justify-content: space-between; + align-items: center; + border-bottom: 1px solid #e4e4e4; } .directorist-modal-title-area { - display: block; + display: block; } .directorist-modal-header .directorist-modal-title { - margin-bottom: 0 !important; - font-size: 24px; + margin-bottom: 0 !important; + font-size: 24px; } .directorist-modal-actions-area { - display: block; - padding: 0 10px; + display: block; + padding: 0 10px; } .directorist-modal-body { - display: block; - padding: 20px; + display: block; + padding: 20px; } .directorist-form-privacy { - margin-bottom: 10px; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); + margin-bottom: 10px; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); } -.directorist-form-privacy.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after { - border-color: var(--directorist-color-body); +.directorist-form-privacy.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after { + border-color: var(--directorist-color-body); } .directorist-form-privacy, .directorist-form-terms { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-form-privacy a, .directorist-form-terms a { - text-decoration: none; + text-decoration: none; } /* ============================= backend add listing form ================================*/ .add_listing_form_wrapper .hide-if-no-js { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + flex-wrap: wrap; + gap: 15px; + justify-content: center; } #listing_form_info .directorist-bh-wrap .directorist-select select { - width: calc(100% - 1px); - min-height: 42px; - display: block !important; - border-color: #ececec !important; - padding: 0 10px; + width: calc(100% - 1px); + min-height: 42px; + display: block !important; + border-color: #ececec !important; + padding: 0 10px; } .directorist-map-field #floating-panel { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-map-field #floating-panel #delete_marker { - background-color: var(--directorist-color-danger); - border: 1px solid var(--directorist-color-danger); - color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); + border: 1px solid var(--directorist-color-danger); + color: var(--directorist-color-white); } -#listing_form_info .atbd_content_module.atbd-booking-information .atbdb_content_module_contents { - padding-top: 20px; +#listing_form_info + .atbd_content_module.atbd-booking-information + .atbdb_content_module_contents { + padding-top: 20px; } .directorist-custom-field-radio, .directorist-custom-field-checkbox { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 0 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + gap: 0 10px; + flex-wrap: wrap; } .directorist-custom-field-radio .directorist-form-label, .directorist-custom-field-radio .directorist-form-description, @@ -4645,789 +4534,677 @@ body.stop-scrolling { .directorist-custom-field-checkbox .directorist-form-label, .directorist-custom-field-checkbox .directorist-form-description, .directorist-custom-field-checkbox .directorist-custom-field-btn-more { - width: 100%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + width: 100%; + flex: 0 0 100%; } .directorist-custom-field-radio .directorist-checkbox, .directorist-custom-field-radio .directorist-radio, .directorist-custom-field-checkbox .directorist-checkbox, .directorist-custom-field-checkbox .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 49%; - -ms-flex: 0 0 49%; - flex: 0 0 49%; + flex: 0 0 49%; } @media only screen and (max-width: 767px) { - .directorist-custom-field-radio .directorist-checkbox, - .directorist-custom-field-radio .directorist-radio, - .directorist-custom-field-checkbox .directorist-checkbox, - .directorist-custom-field-checkbox .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .directorist-custom-field-radio .directorist-checkbox, + .directorist-custom-field-radio .directorist-radio, + .directorist-custom-field-checkbox .directorist-checkbox, + .directorist-custom-field-checkbox .directorist-radio { + flex: 0 0 100%; + } } .directorist-custom-field-radio .directorist-custom-field-btn-more, .directorist-custom-field-checkbox .directorist-custom-field-btn-more { - margin-top: 5px; + margin-top: 5px; } .directorist-custom-field-radio .directorist-custom-field-btn-more:after, .directorist-custom-field-checkbox .directorist-custom-field-btn-more:after { - content: ""; - display: inline-block; - margin-left: 5px; - -webkit-mask-image: url(../js/664d0b74d206cf7349ab.svg); - mask-image: url(../js/664d0b74d206cf7349ab.svg); - width: 12px; - height: 12px; - background-color: var(--directorist-color-body); + content: ""; + display: inline-block; + margin-left: 5px; + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + width: 12px; + height: 12px; + background-color: var(--directorist-color-body); } .directorist-custom-field-radio .directorist-custom-field-btn-more.active:after, -.directorist-custom-field-checkbox .directorist-custom-field-btn-more.active:after { - -webkit-mask-image: url(../js/2d9a2bdcde23b75a6392.svg); - mask-image: url(../js/2d9a2bdcde23b75a6392.svg); -} - -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered { - height: auto; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 5px; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li { - margin: 0; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li input { - margin-top: 0; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline { - width: auto; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline:first-child { - width: inherit; +.directorist-custom-field-checkbox + .directorist-custom-field-btn-more.active:after { + mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); +} + +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered { + height: auto; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 5px; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li { + margin: 0; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li + input { + margin-top: 0; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li.select2-search--inline { + width: auto; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li.select2-search--inline:first-child { + width: inherit; } .multistep-wizard { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; + display: flex; + gap: 30px; } @media only screen and (max-width: 991px) { - .multistep-wizard { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .multistep-wizard { + flex-direction: column; + } } .multistep-wizard__nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - max-height: 100vh; - min-width: 270px; - max-width: 270px; - overflow-y: auto; + display: flex; + gap: 6px; + flex-direction: column; + height: fit-content; + max-height: 100vh; + min-width: 270px; + max-width: 270px; + overflow-y: auto; } .multistep-wizard__nav.sticky { - position: fixed; - top: 0; + position: fixed; + top: 0; } .multistep-wizard__nav__btn { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; - width: 270px; - min-height: 36px; - padding: 7px 16px; - border: none; - outline: none; - cursor: pointer; - font-size: 14px; - font-weight: 400; - border-radius: 8px; - border: 1px solid transparent; - text-decoration: none !important; - color: var(--directorist-color-light-gray); - background-color: transparent; - border: 1px solid transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: background 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease; + position: relative; + display: flex; + align-items: center; + gap: 12px; + width: 270px; + min-height: 36px; + padding: 7px 16px; + border: none; + outline: none; + cursor: pointer; + font-size: 14px; + font-weight: 400; + border-radius: 8px; + border: 1px solid transparent; + text-decoration: none !important; + color: var(--directorist-color-light-gray); + background-color: transparent; + border: 1px solid transparent; + box-sizing: border-box; + transition: + background 0.2s ease, + color 0.2s ease, + box-shadow 0.2s ease; } @media only screen and (max-width: 991px) { - .multistep-wizard__nav__btn { - width: 100%; - } + .multistep-wizard__nav__btn { + width: 100%; + } } .multistep-wizard__nav__btn i { - min-width: 36px; - width: 36px; - height: 36px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - background-color: #ededed; + min-width: 36px; + width: 36px; + height: 36px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 100%; + background-color: #ededed; } .multistep-wizard__nav__btn i:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); - -webkit-transition: background-color 0.2s ease; - transition: background-color 0.2s ease; + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); + transition: background-color 0.2s ease; } .multistep-wizard__nav__btn:before { - position: absolute; - right: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url(../js/3f62f09e3154ac5ef09f.svg); - mask-image: url(../js/3f62f09e3154ac5ef09f.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-light-gray); - display: block; - opacity: 0; - -webkit-transition: opacity 0.2s ease; - transition: opacity 0.2s ease; - z-index: 2; -} -.multistep-wizard__nav__btn.active, .multistep-wizard__nav__btn:hover { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border-color: var(--directorist-color-border-light); - background-color: var(--directorist-color-white); - outline: none; -} -.multistep-wizard__nav__btn.active:before, .multistep-wizard__nav__btn:hover:before { - opacity: 1; + position: absolute; + right: 20px; + top: 50%; + transform: translateY(-50%); + content: ""; + mask-image: url(../js/../images/bbed57ce5c92c9a7aa71622e408b6a66.svg); + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-light-gray); + display: block; + opacity: 0; + transition: opacity 0.2s ease; + z-index: 2; +} +.multistep-wizard__nav__btn.active, +.multistep-wizard__nav__btn:hover { + box-shadow: var(--directorist-box-shadow); + border-color: var(--directorist-color-border-light); + background-color: var(--directorist-color-white); + outline: none; +} +.multistep-wizard__nav__btn.active:before, +.multistep-wizard__nav__btn:hover:before { + opacity: 1; } .multistep-wizard__nav__btn:focus { - outline: none; - font-weight: 600; - color: var(--directorist-color-primary); + outline: none; + font-weight: 600; + color: var(--directorist-color-primary); } .multistep-wizard__nav__btn:focus:before { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .multistep-wizard__nav__btn:focus i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .multistep-wizard__nav__btn.completed { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .multistep-wizard__nav__btn.completed:before { - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - opacity: 1; + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + opacity: 1; } .multistep-wizard__nav__btn.completed i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } @media only screen and (max-width: 991px) { - .multistep-wizard__nav { - display: none; - } + .multistep-wizard__nav { + display: none; + } } .multistep-wizard__content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + flex: 1; } .multistep-wizard__single { - border-radius: 12px; - background-color: var(--directorist-color-white); + border-radius: 12px; + background-color: var(--directorist-color-white); } .multistep-wizard__single label { - display: block; + display: block; } .multistep-wizard__single span.required { - color: var(--directorist-color-danger); + color: var(--directorist-color-danger); } @media only screen and (max-width: 991px) { - .multistep-wizard__single .directorist-content-module__title { - position: relative; - cursor: pointer; - } - .multistep-wizard__single .directorist-content-module__title h2 { - -webkit-padding-end: 20px; - padding-inline-end: 20px; - } - .multistep-wizard__single .directorist-content-module__title:before { - position: absolute; - right: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url(../js/ff2d93062dca72981c1d.svg); - mask-image: url(../js/ff2d93062dca72981c1d.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-dark); - } - .multistep-wizard__single .directorist-content-module__title.opened:before { - -webkit-mask-image: url(../js/a4b0ca5c8376702b4932.svg); - mask-image: url(../js/a4b0ca5c8376702b4932.svg); - } - .multistep-wizard__single .directorist-content-module__contents { - height: 0; - opacity: 0; - padding: 0; - visibility: hidden; - -webkit-transition: padding-top 0.3s ease; - transition: padding-top 0.3s ease; - } - .multistep-wizard__single .directorist-content-module__contents.active { - height: auto; - opacity: 1; - padding: 20px; - visibility: visible; - } + .multistep-wizard__single .directorist-content-module__title { + position: relative; + cursor: pointer; + } + .multistep-wizard__single .directorist-content-module__title h2 { + padding-inline-end: 20px; + } + .multistep-wizard__single .directorist-content-module__title:before { + position: absolute; + right: 20px; + top: 50%; + transform: translateY(-50%); + content: ""; + mask-image: url(../js/../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg); + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-dark); + } + .multistep-wizard__single .directorist-content-module__title.opened:before { + mask-image: url(../js/../images/e9f5f62f416fee88e3f2d027b8b705da.svg); + } + .multistep-wizard__single .directorist-content-module__contents { + height: 0; + opacity: 0; + padding: 0; + visibility: hidden; + transition: padding-top 0.3s ease; + } + .multistep-wizard__single .directorist-content-module__contents.active { + height: auto; + opacity: 1; + padding: 20px; + visibility: visible; + } } .multistep-wizard__progressbar { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 100%; - margin-top: 50px; - border-radius: 8px; + position: relative; + display: flex; + width: 100%; + margin-top: 50px; + border-radius: 8px; } .multistep-wizard__progressbar:before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 2px; - background-color: var(--directorist-color-border); - border-radius: 8px; - -webkit-transition: width 0.3s ease-in-out; - transition: width 0.3s ease-in-out; + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 2px; + background-color: var(--directorist-color-border); + border-radius: 8px; + transition: width 0.3s ease-in-out; } .multistep-wizard__progressbar__width { - position: absolute; - top: 0; - left: 0; - width: 0; + position: absolute; + top: 0; + left: 0; + width: 0; } .multistep-wizard__progressbar__width:after { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 2px; - background-color: var(--directorist-color-primary); - border-radius: 8px; - -webkit-transition: width 0.3s ease-in-out; - transition: width 0.3s ease-in-out; + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 2px; + background-color: var(--directorist-color-primary); + border-radius: 8px; + transition: width 0.3s ease-in-out; } .multistep-wizard__bottom { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 25px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - margin: 20px 0; + display: flex; + flex-wrap: wrap; + gap: 25px; + align-items: center; + justify-content: space-between; + margin: 20px 0; } @media only screen and (max-width: 575px) { - .multistep-wizard__bottom { - gap: 15px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .multistep-wizard__bottom { + gap: 15px; + justify-content: center; + } } .multistep-wizard__btn { - width: 200px; - height: 54px; - gap: 12px; - border: none; - outline: none; - cursor: pointer; - background-color: var(--directorist-color-light); + width: 200px; + height: 54px; + gap: 12px; + border: none; + outline: none; + cursor: pointer; + background-color: var(--directorist-color-light); } .multistep-wizard__btn.directorist-btn { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .multistep-wizard__btn.directorist-btn i:after { - background-color: var(--directorist-color-body); + background-color: var(--directorist-color-body); } -.multistep-wizard__btn.directorist-btn:hover, .multistep-wizard__btn.directorist-btn:focus { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); +.multistep-wizard__btn.directorist-btn:hover, +.multistep-wizard__btn.directorist-btn:focus { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } -.multistep-wizard__btn.directorist-btn:hover i:after, .multistep-wizard__btn.directorist-btn:focus i:after { - background-color: var(--directorist-color-white); +.multistep-wizard__btn.directorist-btn:hover i:after, +.multistep-wizard__btn.directorist-btn:focus i:after { + background-color: var(--directorist-color-white); } -.multistep-wizard__btn[disabled=true], .multistep-wizard__btn[disabled=disabled] { - color: var(--directorist-color-light-gray); - pointer-events: none; +.multistep-wizard__btn[disabled="true"], +.multistep-wizard__btn[disabled="disabled"] { + color: var(--directorist-color-light-gray); + pointer-events: none; } -.multistep-wizard__btn[disabled=true] i:after, .multistep-wizard__btn[disabled=disabled] i:after { - background-color: var(--directorist-color-light-gray); +.multistep-wizard__btn[disabled="true"] i:after, +.multistep-wizard__btn[disabled="disabled"] i:after { + background-color: var(--directorist-color-light-gray); } .multistep-wizard__btn i:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-primary); + width: 14px; + height: 14px; + background-color: var(--directorist-color-primary); } .multistep-wizard__btn--save-preview { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } .multistep-wizard__btn--save-preview.directorist-btn { - height: 0; - opacity: 0; - visibility: hidden; + height: 0; + opacity: 0; + visibility: hidden; } @media only screen and (max-width: 575px) { - .multistep-wizard__btn--save-preview { - width: 100%; - } + .multistep-wizard__btn--save-preview { + width: 100%; + } } .multistep-wizard__btn--skip-preview { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } .multistep-wizard__btn--skip-preview.directorist-btn { - height: 0; - opacity: 0; - visibility: hidden; + height: 0; + opacity: 0; + visibility: hidden; } .multistep-wizard__btn.directorist-btn { - min-height: unset; + min-height: unset; } @media only screen and (max-width: 575px) { - .multistep-wizard__btn.directorist-btn { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .multistep-wizard__btn.directorist-btn { + flex: 0 0 100%; + } } .multistep-wizard__count { - font-size: 15px; - font-weight: 500; + font-size: 15px; + font-weight: 500; } @media only screen and (max-width: 575px) { - .multistep-wizard__count { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - text-align: center; - } + .multistep-wizard__count { + flex: 0 0 100%; + text-align: center; + } } .multistep-wizard .default-add-listing-bottom { - display: none; + display: none; } .multistep-wizard.default-add-listing .multistep-wizard__single { - display: block !important; + display: block !important; } .multistep-wizard.default-add-listing .multistep-wizard__bottom, .multistep-wizard.default-add-listing .multistep-wizard__progressbar { - display: none !important; + display: none !important; } .multistep-wizard.default-add-listing .default-add-listing-bottom { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 35px 0; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.multistep-wizard.default-add-listing .default-add-listing-bottom .directorist-form-submit__btn { - width: 100%; - height: 54px; + display: flex; + gap: 20px; + flex-wrap: wrap; + padding: 35px 0; + justify-content: space-between; +} +.multistep-wizard.default-add-listing + .default-add-listing-bottom + .directorist-form-submit__btn { + width: 100%; + height: 54px; } .logged-in .multistep-wizard__nav.sticky { - top: 32px; + top: 32px; } @keyframes atbd_scale { - 0% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } + 0% { + transform: scale(0.8); + } + 100% { + transform: scale(1); + } } #directorist_submit_privacy_policy { - display: block; - opacity: 0; - width: 0; - height: 0; - margin: 0; - padding: 0; - border: none; + display: block; + opacity: 0; + width: 0; + height: 0; + margin: 0; + padding: 0; + border: none; } #directorist_submit_privacy_policy::after { - display: none; + display: none; } .upload-error { - display: block !important; - clear: both; - background-color: #FCD9D9; - color: #E80000; - font-size: 16px; - word-break: break-word; - border-radius: 3px; - padding: 15px 20px; + display: block !important; + clear: both; + background-color: #fcd9d9; + color: #e80000; + font-size: 16px; + word-break: break-word; + border-radius: 3px; + padding: 15px 20px; } #upload-msg { - display: block; - clear: both; + display: block; + clear: both; } #content .category_grid_view li a.post_img { - height: 65px; - width: 90%; - overflow: hidden; + height: 65px; + width: 90%; + overflow: hidden; } #content .category_grid_view li a.post_img img { - margin: 0 auto; - display: block; - height: 65px; + margin: 0 auto; + display: block; + height: 65px; } #content .category_list_view li a.post_img { - height: 110px; - width: 165px; - overflow: hidden; + height: 110px; + width: 165px; + overflow: hidden; } #content .category_list_view li a.post_img img { - margin: 0 auto; - display: block; - height: 110px; + margin: 0 auto; + display: block; + height: 110px; } #sidebar .recent_comments li img.thumb { - width: 40px; + width: 40px; } .post_img_tiny img { - width: 35px; + width: 35px; } .single_post_blog img.alignleft { - width: 96%; - height: auto; + width: 96%; + height: auto; } .ecu_images { - width: 100%; + width: 100%; } .filelist { - width: 100%; + width: 100%; } .filelist .file { - padding: 5px; - background-color: #ececec; - border: solid 1px #ccc; - margin-bottom: 4px; - clear: both; - text-align: left; + padding: 5px; + background-color: #ececec; + border: solid 1px #ccc; + margin-bottom: 4px; + clear: both; + text-align: left; } .filelist .fileprogress { - width: 0%; - height: 5px; - background-color: #3385ff; + width: 0%; + height: 5px; + background-color: #3385ff; } #custom-filedropbox, .directorist-custom-field-file-upload__wrapper > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - gap: 20px; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-start; + gap: 20px; } .plupload-upload-uic { - width: 200px; - height: 150px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - border-radius: 12px; - margin: 0 !important; - background-color: var(--directorist-color-bg-gray); - border: 2px dashed var(--directorist-color-border-gray); + width: 200px; + height: 150px; + padding: 0; + display: flex; + gap: 15px; + align-items: center; + justify-content: center; + flex-direction: column; + border-radius: 12px; + margin: 0 !important; + background-color: var(--directorist-color-bg-gray); + border: 2px dashed var(--directorist-color-border-gray); } .plupload-upload-uic > input { - display: none; + display: none; } .plupload-upload-uic .plupload-browse-button-label { - cursor: pointer; + cursor: pointer; } .plupload-upload-uic .plupload-browse-button-label i::after { - width: 50px; - height: 45px; - background-color: var(--directorist-color-border-gray); + width: 50px; + height: 45px; + background-color: var(--directorist-color-border-gray); } .plupload-upload-uic .plupload-browse-img-size { - font-size: 13px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 13px; + font-weight: 400; + color: var(--directorist-color-body); } @media (max-width: 575px) { - .plupload-upload-uic { - width: 100%; - height: 200px; - } + .plupload-upload-uic { + width: 100%; + height: 200px; + } } .plupload-thumbs { - clear: both; - overflow: hidden; + clear: both; + overflow: hidden; } .plupload-thumbs .thumb { - position: relative; - height: 150px; - width: 200px; - border-radius: 12px; + position: relative; + height: 150px; + width: 200px; + border-radius: 12px; } .plupload-thumbs .thumb img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: 12px; + width: 100%; + height: 100%; + object-fit: cover; + border-radius: 12px; } .plupload-thumbs .thumb:hover .atbdp-thumb-actions::before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } @media (max-width: 575px) { - .plupload-thumbs .thumb { - width: 100%; - height: 200px; - } + .plupload-thumbs .thumb { + width: 100%; + height: 200px; + } } .plupload-thumbs .atbdp-thumb-actions { - position: absolute; - height: 100%; - width: 100%; - top: 0; - left: 0; + position: absolute; + height: 100%; + width: 100%; + top: 0; + left: 0; } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink { - position: absolute; - top: 10px; - right: 10px; - background-color: #FF385C; - height: 32px; - width: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.plupload-thumbs .atbdp-thumb-actions .thumbremovelink .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); + position: absolute; + top: 10px; + right: 10px; + background-color: #ff385c; + height: 32px; + width: 32px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + cursor: pointer; + transition: 0.3s ease; +} +.plupload-thumbs + .atbdp-thumb-actions + .thumbremovelink + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink:hover { - opacity: 0.8; + opacity: 0.8; } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink i { - font-size: 14px; + font-size: 14px; } .plupload-thumbs .atbdp-thumb-actions:before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - left: 0; - top: 0; - opacity: 0; - visibility: hidden; - border-radius: 12px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + content: ""; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + opacity: 0; + visibility: hidden; + border-radius: 12px; + transition: all ease 0.3s; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); } .plupload-thumbs .thumb.atbdp_file { - border: none; - width: auto; + border: none; + width: auto; } .atbdp-add-files .plupload-thumbs .thumb img, .plupload-thumbs .thumb i.atbdp-file-info { - cursor: move; - width: 100%; - height: 100%; - z-index: 1; + cursor: move; + width: 100%; + height: 100%; + z-index: 1; } .plupload-thumbs .thumb i.atbdp-file-info { - font-size: 50px; - padding-top: 10%; - z-index: 1; + font-size: 50px; + padding-top: 10%; + z-index: 1; } .plupload-thumbs .thumb .thumbi { - position: absolute; - right: -10px; - top: -8px; - height: 18px; - width: 18px; + position: absolute; + right: -10px; + top: -8px; + height: 18px; + width: 18px; } .plupload-thumbs .thumb .thumbi a { - text-indent: -8000px; - display: block; + text-indent: -8000px; + display: block; } .plupload-thumbs .atbdp-title-preview, .plupload-thumbs .atbdp-caption-preview { - position: absolute; - top: 10px; - left: 5px; - font-size: 10px; - line-height: 10px; - padding: 1px; - background: rgba(255, 255, 255, 0.5); - z-index: 2; - overflow: hidden; - height: 10px; + position: absolute; + top: 10px; + left: 5px; + font-size: 10px; + line-height: 10px; + padding: 1px; + background: rgba(255, 255, 255, 0.5); + z-index: 2; + overflow: hidden; + height: 10px; } .plupload-thumbs .atbdp-caption-preview { - top: auto; - bottom: 10px; + top: auto; + bottom: 10px; } /* required styles */ @@ -5441,48 +5218,44 @@ body.stop-scrolling { .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { - position: absolute; - left: 0; - top: 0; + position: absolute; + left: 0; + top: 0; } .leaflet-container { - overflow: hidden; + overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-user-drag: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + -webkit-user-drag: none; } /* Prevents IE11 from highlighting tiles in blue */ -.leaflet-tile::-moz-selection { - background: transparent; -} .leaflet-tile::selection { - background: transparent; + background: transparent; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { - image-rendering: -webkit-optimize-contrast; + image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { - width: 1600px; - height: 1600px; - -webkit-transform-origin: 0 0; + width: 1600px; + height: 1600px; + -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { - display: block; + display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ @@ -5493,229 +5266,232 @@ body.stop-scrolling { .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { - max-width: none !important; - max-height: none !important; + max-width: none !important; + max-height: none !important; } .leaflet-container.leaflet-touch-zoom { - -ms-touch-action: pan-x pan-y; - touch-action: pan-x pan-y; + -ms-touch-action: pan-x pan-y; + touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { - -ms-touch-action: pinch-zoom; - /* Fallback for FF which doesn't support pinch-zoom */ - touch-action: none; - touch-action: pinch-zoom; + -ms-touch-action: pinch-zoom; + /* Fallback for FF which doesn't support pinch-zoom */ + touch-action: none; + touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { - -ms-touch-action: none; - touch-action: none; + -ms-touch-action: none; + touch-action: none; } .leaflet-container { - -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: transparent; } .leaflet-container a { - -webkit-tap-highlight-color: rgba(145, 175, 186, 0.4); + -webkit-tap-highlight-color: rgba(145, 175, 186, 0.4); } .leaflet-tile { - -webkit-filter: inherit; - filter: inherit; - visibility: hidden; + filter: inherit; + visibility: hidden; } .leaflet-tile-loaded { - visibility: inherit; + visibility: inherit; } .leaflet-zoom-box { - width: 0; - height: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; - z-index: 800; + width: 0; + height: 0; + -moz-box-sizing: border-box; + box-sizing: border-box; + z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { - -moz-user-select: none; + -moz-user-select: none; } .leaflet-pane { - z-index: 400; + z-index: 400; } .leaflet-tile-pane { - z-index: 200; + z-index: 200; } .leaflet-overlay-pane { - z-index: 400; + z-index: 400; } .leaflet-shadow-pane { - z-index: 500; + z-index: 500; } .leaflet-marker-pane { - z-index: 600; + z-index: 600; } .leaflet-tooltip-pane { - z-index: 650; + z-index: 650; } .leaflet-popup-pane { - z-index: 700; + z-index: 700; } .leaflet-map-pane canvas { - z-index: 100; + z-index: 100; } .leaflet-map-pane svg { - z-index: 200; + z-index: 200; } .leaflet-vml-shape { - width: 1px; - height: 1px; + width: 1px; + height: 1px; } .lvml { - behavior: url(#default#VML); - display: inline-block; - position: absolute; + behavior: url(#default#VML); + display: inline-block; + position: absolute; } /* control positioning */ .leaflet-control { - position: relative; - z-index: 800; - pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ - pointer-events: auto; + position: relative; + z-index: 800; + pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ + pointer-events: auto; } .leaflet-top, .leaflet-bottom { - position: absolute; - z-index: 1000; - pointer-events: none; + position: absolute; + z-index: 1000; + pointer-events: none; } .leaflet-top { - top: 0; + top: 0; } .leaflet-right { - right: 0; - display: none; + right: 0; + display: none; } .leaflet-bottom { - bottom: 0; + bottom: 0; } .leaflet-left { - left: 0; + left: 0; } .leaflet-control { - float: left; - clear: both; + float: left; + clear: both; } .leaflet-right .leaflet-control { - float: right; + float: right; } .leaflet-top .leaflet-control { - margin-top: 10px; + margin-top: 10px; } .leaflet-bottom .leaflet-control { - margin-bottom: 10px; + margin-bottom: 10px; } .leaflet-left .leaflet-control { - margin-left: 10px; + margin-left: 10px; } .leaflet-right .leaflet-control { - margin-right: 10px; + margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile { - will-change: opacity; + will-change: opacity; } .leaflet-fade-anim .leaflet-popup { - opacity: 0; - -webkit-transition: opacity 0.2s linear; - transition: opacity 0.2s linear; + opacity: 0; + -webkit-transition: opacity 0.2s linear; + -moz-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { - opacity: 1; + opacity: 1; } .leaflet-zoom-animated { - -webkit-transform-origin: 0 0; - transform-origin: 0 0; + -webkit-transform-origin: 0 0; + -ms-transform-origin: 0 0; + transform-origin: 0 0; } .leaflet-zoom-anim .leaflet-zoom-animated { - will-change: transform; + will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { - -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { - -webkit-transition: none; - transition: none; + -webkit-transition: none; + -moz-transition: none; + transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { - visibility: hidden; + visibility: hidden; } /* cursors */ .leaflet-interactive { - cursor: pointer; + cursor: pointer; } .leaflet-grab { - cursor: -webkit-grab; - cursor: grab; + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { - cursor: crosshair; + cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { - cursor: auto; + cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { - cursor: move; - cursor: -webkit-grabbing; - cursor: grabbing; + cursor: move; + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: grabbing; } /* marker & overlays interactivity */ @@ -5724,1741 +5500,1756 @@ body.stop-scrolling { .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { - pointer-events: none; + pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { - pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ - pointer-events: auto; + pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ + pointer-events: auto; } /* visual tweaks */ .leaflet-container { - background-color: #ddd; - outline: 0; + background-color: #ddd; + outline: 0; } .leaflet-container a, .leaflet-container .map-listing-card-single__content a { - color: #404040; + color: #404040; } .leaflet-container a.leaflet-active { - outline: 2px solid #fa8b0c; + outline: 2px solid #fa8b0c; } .leaflet-zoom-box { - border: 2px dotted var(--directorist-color-info); - background: rgba(255, 255, 255, 0.5); + border: 2px dotted var(--directorist-color-info); + background: rgba(255, 255, 255, 0.5); } /* general typography */ .leaflet-container { - font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; + font: + 12px/1.5 "Helvetica Neue", + Arial, + Helvetica, + sans-serif; } /* general toolbar styles */ .leaflet-bar { - -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); - border-radius: 4px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); + border-radius: 4px; } .leaflet-bar a, .leaflet-bar a:hover { - background-color: var(--directorist-color-white); - border-bottom: 1px solid #ccc; - width: 26px; - height: 26px; - line-height: 26px; - display: block; - text-align: center; - text-decoration: none; - color: black; + background-color: var(--directorist-color-white); + border-bottom: 1px solid #ccc; + width: 26px; + height: 26px; + line-height: 26px; + display: block; + text-align: center; + text-decoration: none; + color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { - background-position: 50% 50%; - background-repeat: no-repeat; - display: block; + background-position: 50% 50%; + background-repeat: no-repeat; + display: block; } .leaflet-bar a:hover { - background-color: #f4f4f4; + background-color: #f4f4f4; } .leaflet-bar a:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; + border-top-left-radius: 4px; + border-top-right-radius: 4px; } .leaflet-bar a:last-child { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; - border-bottom: none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom: none; } .leaflet-bar a.leaflet-disabled { - cursor: default; - background-color: #f4f4f4; - color: #bbb; + cursor: default; + background-color: #f4f4f4; + color: #bbb; } .leaflet-touch .leaflet-bar a { - width: 30px; - height: 30px; - line-height: 30px; + width: 30px; + height: 30px; + line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { - border-top-left-radius: 2px; - border-top-right-radius: 2px; + border-top-left-radius: 2px; + border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { - border-bottom-left-radius: 2px; - border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { - font: bold 18px "Lucida Console", Monaco, monospace; - text-indent: 1px; + font: + bold 18px "Lucida Console", + Monaco, + monospace; + text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { - font-size: 22px; + font-size: 22px; } /* layers control */ .leaflet-control-layers { - -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - background-color: var(--directorist-color-white); - border-radius: 5px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); + background-color: var(--directorist-color-white); + border-radius: 5px; } .leaflet-control-layers-toggle { - width: 36px; - height: 36px; + width: 36px; + height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { - background-size: 26px 26px; + background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { - width: 44px; - height: 44px; + width: 44px; + height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { - display: none; + display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { - display: block; - position: relative; + display: block; + position: relative; } .leaflet-control-layers-expanded { - padding: 6px 10px 6px 6px; - color: #333; - background-color: var(--directorist-color-white); + padding: 6px 10px 6px 6px; + color: #333; + background-color: var(--directorist-color-white); } .leaflet-control-layers-scrollbar { - overflow-y: scroll; - overflow-x: hidden; - padding-right: 5px; + overflow-y: scroll; + overflow-x: hidden; + padding-right: 5px; } .leaflet-control-layers-selector { - margin-top: 2px; - position: relative; - top: 1px; + margin-top: 2px; + position: relative; + top: 1px; } .leaflet-control-layers label { - display: block; + display: block; } .leaflet-control-layers-separator { - height: 0; - border-top: 1px solid #ddd; - margin: 5px -10px 5px -6px; + height: 0; + border-top: 1px solid #ddd; + margin: 5px -10px 5px -6px; } /* Default icon URLs */ /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { - background-color: var(--directorist-color-white); - background: rgba(255, 255, 255, 0.7); - margin: 0; + background-color: var(--directorist-color-white); + background: rgba(255, 255, 255, 0.7); + margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { - padding: 0 5px; - color: #333; + padding: 0 5px; + color: #333; } .leaflet-control-attribution a { - text-decoration: none; + text-decoration: none; } .leaflet-control-attribution a:hover { - text-decoration: underline; + text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { - font-size: 11px; + font-size: 11px; } .leaflet-left .leaflet-control-scale { - margin-left: 5px; + margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { - margin-bottom: 5px; + margin-bottom: 5px; } .leaflet-control-scale-line { - border: 2px solid #777; - border-top: none; - line-height: 1.1; - padding: 2px 5px 1px; - font-size: 11px; - white-space: nowrap; - overflow: hidden; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background-color: var(--directorist-color-white); - background: rgba(255, 255, 255, 0.5); + border: 2px solid #777; + border-top: none; + line-height: 1.1; + padding: 2px 5px 1px; + font-size: 11px; + white-space: nowrap; + overflow: hidden; + -moz-box-sizing: border-box; + box-sizing: border-box; + background-color: var(--directorist-color-white); + background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { - border-top: 2px solid #777; - border-bottom: none; - margin-top: -2px; + border-top: 2px solid #777; + border-bottom: none; + margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { - border-bottom: 2px solid #777; + border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { - border: 2px solid rgba(0, 0, 0, 0.2); - background-clip: padding-box; + border: 2px solid rgba(0, 0, 0, 0.2); + background-clip: padding-box; } /* popup */ .leaflet-popup { - position: absolute; - text-align: center; - margin-bottom: 20px; + position: absolute; + text-align: center; + margin-bottom: 20px; } .leaflet-popup-content-wrapper { - padding: 1px; - text-align: left; - border-radius: 10px; + padding: 1px; + text-align: left; + border-radius: 10px; } .leaflet-popup-content { - margin: 13px 19px; - line-height: 1.4; + margin: 13px 19px; + line-height: 1.4; } .leaflet-popup-content p { - margin: 18px 0; + margin: 18px 0; } .leaflet-popup-tip-container { - width: 40px; - height: 20px; - position: absolute; - left: 50%; - margin-left: -20px; - overflow: hidden; - pointer-events: none; + width: 40px; + height: 20px; + position: absolute; + left: 50%; + margin-left: -20px; + overflow: hidden; + pointer-events: none; } .leaflet-popup-tip { - width: 17px; - height: 17px; - padding: 1px; - margin: -10px auto 0; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + width: 17px; + height: 17px; + padding: 1px; + margin: -10px auto 0; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { - background: white; - color: #333; - -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); - box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); + background: white; + color: #333; + box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); } .leaflet-container a.leaflet-popup-close-button { - position: absolute; - top: 0; - right: 0; - padding: 4px 4px 0 0; - border: none; - text-align: center; - width: 18px; - height: 14px; - font: 16px/14px Tahoma, Verdana, sans-serif; - color: #c3c3c3; - text-decoration: none; - font-weight: bold; - background: transparent; + position: absolute; + top: 0; + right: 0; + padding: 4px 4px 0 0; + border: none; + text-align: center; + width: 18px; + height: 14px; + font: + 16px/14px Tahoma, + Verdana, + sans-serif; + color: #c3c3c3; + text-decoration: none; + font-weight: bold; + background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { - color: #999; + color: #999; } .leaflet-popup-scrolled { - overflow: auto; - border-bottom: 1px solid #ddd; - border-top: 1px solid #ddd; + overflow: auto; + border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { - zoom: 1; + zoom: 1; } .leaflet-oldie .leaflet-popup-tip { - width: 24px; - margin: 0 auto; - -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; - filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); + width: 24px; + margin: 0 auto; + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; + filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { - margin-top: -1px; + margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { - border: 1px solid #999; + border: 1px solid #999; } /* div icon */ .leaflet-div-icon { - background-color: var(--directorist-color-white); - border: 1px solid #666; + background-color: var(--directorist-color-white); + border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { - position: absolute; - padding: 6px; - background-color: var(--directorist-color-white); - border: 1px solid var(--directorist-color-white); - border-radius: 3px; - color: #222; - white-space: nowrap; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - pointer-events: none; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); + position: absolute; + padding: 6px; + background-color: var(--directorist-color-white); + border: 1px solid var(--directorist-color-white); + border-radius: 3px; + color: #222; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .leaflet-tooltip.leaflet-clickable { - cursor: pointer; - pointer-events: auto; + cursor: pointer; + pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { - position: absolute; - pointer-events: none; - border: 6px solid transparent; - background: transparent; - content: ""; + position: absolute; + pointer-events: none; + border: 6px solid transparent; + background: transparent; + content: ""; } /* Directions */ .leaflet-tooltip-bottom { - margin-top: 6px; + margin-top: 6px; } .leaflet-tooltip-top { - margin-top: -6px; + margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { - left: 50%; - margin-left: -6px; + left: 50%; + margin-left: -6px; } .leaflet-tooltip-top:before { - bottom: 0; - margin-bottom: -12px; - border-top-color: var(--directorist-color-white); + bottom: 0; + margin-bottom: -12px; + border-top-color: var(--directorist-color-white); } .leaflet-tooltip-bottom:before { - top: 0; - margin-top: -12px; - margin-left: -6px; - border-bottom-color: var(--directorist-color-white); + top: 0; + margin-top: -12px; + margin-left: -6px; + border-bottom-color: var(--directorist-color-white); } .leaflet-tooltip-left { - margin-left: -6px; + margin-left: -6px; } .leaflet-tooltip-right { - margin-left: 6px; + margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { - top: 50%; - margin-top: -6px; + top: 50%; + margin-top: -6px; } .leaflet-tooltip-left:before { - right: 0; - margin-right: -12px; - border-left-color: var(--directorist-color-white); + right: 0; + margin-right: -12px; + border-left-color: var(--directorist-color-white); } .leaflet-tooltip-right:before { - left: 0; - margin-left: -12px; - border-right-color: var(--directorist-color-white); + left: 0; + margin-left: -12px; + border-right-color: var(--directorist-color-white); } .directorist-content-active #map { - position: relative; - width: 100%; - height: 660px; - border: none; - z-index: 1; + position: relative; + width: 100%; + height: 660px; + border: none; + z-index: 1; } .directorist-content-active #gmap_full_screen_button { - position: absolute; - top: 20px; - right: 20px; - z-index: 999; - width: 50px; - height: 50px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 10px; - background-color: var(--directorist-color-white); - cursor: pointer; + position: absolute; + top: 20px; + right: 20px; + z-index: 999; + width: 50px; + height: 50px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 10px; + background-color: var(--directorist-color-white); + cursor: pointer; } .directorist-content-active #gmap_full_screen_button i::after { - width: 22px; - height: 22px; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - background-color: var(--directorist-color-dark); + width: 22px; + height: 22px; + transition: all 0.3s ease-in-out; + background-color: var(--directorist-color-dark); } .directorist-content-active #gmap_full_screen_button .fullscreen-disable { - display: none; + display: none; } .directorist-content-active #progress { - display: none; - position: absolute; - z-index: 1000; - left: 400px; - top: 300px; - width: 200px; - height: 20px; - margin-top: -20px; - margin-left: -100px; - background-color: var(--directorist-color-white); - background-color: rgba(255, 255, 255, 0.7); - border-radius: 4px; - padding: 2px; + display: none; + position: absolute; + z-index: 1000; + left: 400px; + top: 300px; + width: 200px; + height: 20px; + margin-top: -20px; + margin-left: -100px; + background-color: var(--directorist-color-white); + background-color: rgba(255, 255, 255, 0.7); + border-radius: 4px; + padding: 2px; } .directorist-content-active #progress-bar { - width: 0; - height: 100%; - background-color: #76A6FC; - border-radius: 4px; + width: 0; + height: 100%; + background-color: #76a6fc; + border-radius: 4px; } .directorist-content-active .gm-fullscreen-control { - width: 50px !important; - height: 50px !important; - margin: 20px !important; - border-radius: 10px !important; - -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; - box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; + width: 50px !important; + height: 50px !important; + margin: 20px !important; + border-radius: 10px !important; + box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; } .directorist-content-active .gmnoprint { - border-radius: 5px; + border-radius: 5px; } .directorist-content-active .gm-style-cc, .directorist-content-active .gm-style-mtc-bbw, .directorist-content-active button.gm-svpc { - display: none; + display: none; } .directorist-content-active .italic { - font-style: italic; + font-style: italic; } .directorist-content-active .buttonsTable { - border: 1px solid grey; - border-collapse: collapse; + border: 1px solid grey; + border-collapse: collapse; } .directorist-content-active .buttonsTable td, .directorist-content-active .buttonsTable th { - padding: 8px; - border: 1px solid grey; + padding: 8px; + border: 1px solid grey; } .directorist-content-active .version-disabled { - text-decoration: line-through; + text-decoration: line-through; } /* wp color picker */ .directorist-form-group .wp-picker-container .button { - position: relative; - height: 40px; - border: 0 none; - width: 140px; - padding: 0; - font-size: 14px; - font-weight: 500; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - border-radius: 8px; - cursor: pointer; + position: relative; + height: 40px; + border: 0 none; + width: 140px; + padding: 0; + font-size: 14px; + font-weight: 500; + transition: 0.3s ease; + border-radius: 8px; + cursor: pointer; } .directorist-form-group .wp-picker-container .button:hover { - color: var(--directorist-color-white); - background: rgba(var(--directorist-color-dark-rgb), 0.7); + color: var(--directorist-color-white); + background: rgba(var(--directorist-color-dark-rgb), 0.7); } .directorist-form-group .wp-picker-container .button .wp-color-result-text { - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - height: 100%; - width: auto; - min-width: 100px; - padding: 0 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - line-height: 1; - font-size: 14px; - text-transform: capitalize; - background-color: #f7f7f7; - color: var(--directorist-color-body); + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + height: 100%; + width: auto; + min-width: 100px; + padding: 0 10px; + display: flex; + align-items: center; + justify-content: center; + line-height: 1; + font-size: 14px; + text-transform: capitalize; + background-color: #f7f7f7; + color: var(--directorist-color-body); } .directorist-form-group .wp-picker-container .wp-picker-input-wrap label { - width: 90px; + width: 90px; } .directorist-form-group .wp-picker-container .wp-picker-input-wrap label input { - height: 40px; - padding: 0; - text-align: center; - border: none; + height: 40px; + padding: 0; + text-align: center; + border: none; } .directorist-form-group .wp-picker-container .hidden { - display: none; -} -.directorist-form-group .wp-picker-container .wp-picker-open + .wp-picker-input-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 10px 0; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap { - padding: 15px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap.hidden { - display: none; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap .screen-reader-text { - display: none; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap label { - width: 90px; - margin: 0; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap label + .button { - margin-left: 10px; - padding-top: 0; - padding-bottom: 0; - font-size: 15px; + display: none; +} +.directorist-form-group + .wp-picker-container + .wp-picker-open + + .wp-picker-input-wrap { + display: flex; + align-items: center; + margin: 10px 0; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap { + padding: 15px 0; + display: flex; + align-items: center; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap.hidden { + display: none; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap + .screen-reader-text { + display: none; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap + label { + width: 90px; + margin: 0; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap + label + + .button { + margin-left: 10px; + padding-top: 0; + padding-bottom: 0; + font-size: 15px; } .directorist-show { - display: block !important; + display: block !important; } .directorist-hide { - display: none !important; + display: none !important; } .directorist-d-none { - display: none !important; + display: none !important; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-content-active .entry-content ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist-content-active .entry-content a { - text-decoration: none; + text-decoration: none; } -.directorist-content-active .entry-content .directorist-search-modal__contents__title { - margin: 0; - padding: 0; - color: var(--directorist-color-dark); +.directorist-content-active + .entry-content + .directorist-search-modal__contents__title { + margin: 0; + padding: 0; + color: var(--directorist-color-dark); } -.directorist-content-active button[type=submit].directorist-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; +.directorist-content-active button[type="submit"].directorist-btn { + display: flex; + align-items: center; } /* Container within container spacing issue fix */ .directorist-container-fluid > .directorist-container-fluid { - padding-left: 0; - padding-right: 0; + padding-left: 0; + padding-right: 0; } .directorist-announcement-wrapper .directorist_not-found p { - margin-bottom: 0; -} - -.directorist-content-active .select2-container--open .select2-dropdown.select2-dropdown--below { - top: 0; - border-color: var(--directorist-color-border); -} - -.logged-in.directorist-content-active .select2-container--open .select2-dropdown.select2-dropdown--below { - top: 32px; -} - -.directorist-content-active .directorist-select .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear { - display: none; -} - -.directorist-content-active .select2.select2-container.select2-container--default { - width: 100% !important; -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection { - min-height: 40px; - min-height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border: none; - padding: 5px 0; - border-radius: 0; - background: transparent; - border-bottom: 1px solid var(--directorist-color-border-gray); -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection:focus { - border-color: var(--directorist-color-primary); - outline: none; -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice { - height: 28px; - line-height: 28px; - font-size: 12px; - border: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - padding: 0 10px; - border-radius: 8px; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice__remove { - position: relative; - width: 12px; - margin: 0; - font-size: 0; - color: var(--directorist-color-white); -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice__remove:before { - content: ""; - -webkit-mask-image: url(../js/9d0ab79f5e8dedfeb8ef.svg); - mask-image: url(../js/9d0ab79f5e8dedfeb8ef.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-white); - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - height: auto; - line-height: 30px; - font-size: 14px; - overflow-y: auto; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0 !important; - -ms-overflow-style: none; /* Internet Explorer 10+ */ - scrollbar-width: none; /* Firefox */ -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered::-webkit-scrollbar { - display: none; -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered .select2-selection__clear { - padding-right: 25px; -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__arrow b { - display: none; -} -.directorist-content-active .select2.select2-container.select2-container--focus .select2-selection { - border: none; - border-bottom: 2px solid var(--directorist-color-primary) !important; + margin-bottom: 0; +} + +.directorist-content-active + .select2-container--open + .select2-dropdown.select2-dropdown--below { + top: 0; + border-color: var(--directorist-color-border); +} + +.logged-in.directorist-content-active + .select2-container--open + .select2-dropdown.select2-dropdown--below { + top: 32px; +} + +.directorist-content-active + .directorist-select + .select2.select2-container + .select2-selection + .select2-selection__rendered + .select2-selection__clear { + display: none; +} + +.directorist-content-active + .select2.select2-container.select2-container--default { + width: 100% !important; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection { + min-height: 40px; + min-height: 40px; + display: flex; + align-items: center; + border: none; + padding: 5px 0; + border-radius: 0; + background: transparent; + border-bottom: 1px solid var(--directorist-color-border-gray); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection:focus { + border-color: var(--directorist-color-primary); + outline: none; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__choice { + height: 28px; + line-height: 28px; + font-size: 12px; + border: none; + display: flex; + gap: 5px; + padding: 0 10px; + border-radius: 8px; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__choice__remove { + position: relative; + width: 12px; + margin: 0; + font-size: 0; + color: var(--directorist-color-white); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__choice__remove:before { + content: ""; + mask-image: url(../js/../images/4ff79f85f2a1666e0f80c7ca71039465.svg); + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-white); + position: absolute; + top: 50%; + transform: translateY(-50%); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__rendered { + display: flex; + gap: 5px; + height: auto; + line-height: 30px; + font-size: 14px; + overflow-y: auto; + align-items: center; + padding: 0 !important; + -ms-overflow-style: none; /* Internet Explorer 10+ */ + scrollbar-width: none; /* Firefox */ +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__rendered::-webkit-scrollbar { + display: none; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__rendered + .select2-selection__clear { + padding-right: 25px; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__arrow + b { + display: none; +} +.directorist-content-active + .select2.select2-container.select2-container--focus + .select2-selection { + border: none; + border-bottom: 2px solid var(--directorist-color-primary) !important; } .directorist-content-active .select2-container.select2-container--open { - z-index: 99999; + z-index: 99999; } @media only screen and (max-width: 575px) { - .directorist-content-active .select2-container.select2-container--open { - width: calc(100% - 40px); - } -} - -.directorist-content-active .select2-container--default .select2-selection .select2-selection__arrow b { - margin-top: 0; -} - -.directorist-content-active .select2-container .directorist-select2-addons-area { - top: unset; - bottom: 20px; - right: 0; -} -.directorist-content-active .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - position: absolute; - right: 0; - padding: 0; - width: auto; - pointer-events: none; -} -.directorist-content-active .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-close { - position: absolute; - right: 15px; - padding: 0; - display: none; + .directorist-content-active .select2-container.select2-container--open { + width: calc(100% - 40px); + } +} + +.directorist-content-active + .select2-container--default + .select2-selection + .select2-selection__arrow + b { + margin-top: 0; +} + +.directorist-content-active + .select2-container + .directorist-select2-addons-area { + top: unset; + bottom: 20px; + right: 0; +} +.directorist-content-active + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + position: absolute; + right: 0; + padding: 0; + width: auto; + pointer-events: none; +} +.directorist-content-active + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-close { + position: absolute; + right: 15px; + padding: 0; + display: none; } /* Login/Signup Form CSS */ #recover-pass-modal { - display: none; + display: none; } .directorist-login-wrapper #recover-pass-modal .directorist-btn { - margin-top: 15px; + margin-top: 15px; } .directorist-login-wrapper #recover-pass-modal .directorist-btn:hover { - text-decoration: none; + text-decoration: none; } body.modal-overlay-enabled { - position: relative; + position: relative; } body.modal-overlay-enabled:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - left: 0; - top: 0; - background-color: rgba(var(--directorist-color-dark-rgb), 0.05); - z-index: 1; + content: ""; + width: 100%; + height: 100%; + position: absolute; + left: 0; + top: 0; + background-color: rgba(var(--directorist-color-dark-rgb), 0.05); + z-index: 1; } .directorist-widget { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-widget .directorist-card__header.directorist-widget__header { - padding: 20px 25px; + padding: 20px 25px; } -.directorist-widget .directorist-card__header.directorist-widget__header .directorist-widget__header__title { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; +.directorist-widget + .directorist-card__header.directorist-widget__header + .directorist-widget__header__title { + flex-wrap: wrap; } .directorist-widget .directorist-card__body.directorist-widget__body { - padding: 20px 30px; + padding: 20px 30px; } .directorist-sidebar .directorist-card { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-sidebar .directorist-card ul { - padding: 0; - margin: 0; - list-style: none; + padding: 0; + margin: 0; + list-style: none; } .directorist-sidebar .directorist-card .directorist-author-social { - padding: 22px 0 0; + padding: 22px 0 0; } -.directorist-sidebar .directorist-card .directorist-single-author-contact-info ul { - padding: 0; +.directorist-sidebar + .directorist-card + .directorist-single-author-contact-info + ul { + padding: 0; } .directorist-sidebar .directorist-card .tagcloud { - margin: 0; - padding: 25px; + margin: 0; + padding: 25px; } .directorist-sidebar .directorist-card a { - text-decoration: none; + text-decoration: none; } .directorist-sidebar .directorist-card select { - width: 100%; - height: 40px; - padding: 8px 0; - border-radius: 0; - font-size: 15px; - font-weight: 400; - outline: none; - border: none; - border-bottom: 1px solid var(--directorist-color-border); - -webkit-transition: border-color 0.3s ease; - transition: border-color 0.3s ease; + width: 100%; + height: 40px; + padding: 8px 0; + border-radius: 0; + font-size: 15px; + font-weight: 400; + outline: none; + border: none; + border-bottom: 1px solid var(--directorist-color-border); + transition: border-color 0.3s ease; } .directorist-sidebar .directorist-card select:focus { - border-color: var(--directorist-color-dark); + border-color: var(--directorist-color-dark); } .directorist-sidebar .directorist-card__header__title { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; } .directorist-widget__listing-contact .directorist-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-bottom: 20px; -} -.directorist-widget__listing-contact .directorist-form-group .directorist-form-element { - height: 46px; - padding: 8px 16px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); -} -.directorist-widget__listing-contact .directorist-form-group .directorist-form-element:focus { - border: 1px solid var(--directorist-color-dark); -} -.directorist-widget__listing-contact .directorist-form-group .directorist-form-element__prefix { - height: 46px; - line-height: 46px; + display: flex; + margin-bottom: 20px; +} +.directorist-widget__listing-contact + .directorist-form-group + .directorist-form-element { + height: 46px; + padding: 8px 16px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); +} +.directorist-widget__listing-contact + .directorist-form-group + .directorist-form-element:focus { + border: 1px solid var(--directorist-color-dark); +} +.directorist-widget__listing-contact + .directorist-form-group + .directorist-form-element__prefix { + height: 46px; + line-height: 46px; } .directorist-widget__listing-contact .directorist-form-group textarea { - min-height: 130px !important; - resize: none; + min-height: 130px !important; + resize: none; } .directorist-widget__listing-contact .directorist-btn { - width: 100%; + width: 100%; } .directorist-widget__submit-listing .directorist-btn { - width: 100%; + width: 100%; } .directorist-widget__author-info figure { - margin: 0; + margin: 0; } .directorist-widget__author-info .diretorist-view-profile-btn { - width: 100%; - margin-top: 25px; + width: 100%; + margin-top: 25px; } .directorist-single-map.directorist-widget__map.leaflet-container { - margin-bottom: 0; - border-radius: 12px; + margin-bottom: 0; + border-radius: 12px; } .directorist-widget-listing__single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 15px; } .directorist-widget-listing__single:not(:last-child) { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-widget-listing__image { - width: 70px; - height: 70px; + width: 70px; + height: 70px; } .directorist-widget-listing__image a:focus { - outline: none; + outline: none; } .directorist-widget-listing__image img { - width: 100%; - height: 100%; - border-radius: 10px; + width: 100%; + height: 100%; + border-radius: 10px; } .directorist-widget-listing__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + gap: 5px; + flex-direction: column; } .directorist-widget-listing__content .directorist-widget-listing__title { - font-size: 15px; - font-weight: 500; - line-height: 1; - margin: 0; - color: var(--directorist-color-dark); - margin: 0; + font-size: 15px; + font-weight: 500; + line-height: 1; + margin: 0; + color: var(--directorist-color-dark); + margin: 0; } .directorist-widget-listing__content a { - text-decoration: none; - display: inline-block; - width: 200px; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - color: var(--directorist-color-dark); + text-decoration: none; + display: inline-block; + width: 200px; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + color: var(--directorist-color-dark); } .directorist-widget-listing__content a:focus { - outline: none; + outline: none; } .directorist-widget-listing__content .directorist-widget-listing__meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } .directorist-widget-listing__content .directorist-widget-listing__rating { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-widget-listing__content .directorist-widget-listing__rating-point { - font-size: 14px; - font-weight: 600; - display: inline-block; - margin: 0 8px; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 600; + display: inline-block; + margin: 0 8px; + color: var(--directorist-color-body); } .directorist-widget-listing__content .directorist-icon-mask { - line-height: 1; + line-height: 1; } .directorist-widget-listing__content .directorist-icon-mask:after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-warning); + width: 12px; + height: 12px; + background-color: var(--directorist-color-warning); } .directorist-widget-listing__content .directorist-widget-listing__reviews { - font-size: 13px; - text-decoration: underline; - color: var(--directorist-color-body); + font-size: 13px; + text-decoration: underline; + color: var(--directorist-color-body); } .directorist-widget-listing__content .directorist-widget-listing__price { - font-size: 15px; - font-weight: 600; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 600; + color: var(--directorist-color-dark); } .directorist-widget__video .directorist-embaded-item { - width: 100%; - height: 100%; - border-radius: 10px; + width: 100%; + height: 100%; + border-radius: 10px; } -.directorist-widget .directorist-widget-list li:hover .directorist-widget-list__icon { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); +.directorist-widget + .directorist-widget-list + li:hover + .directorist-widget-list__icon { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-widget .directorist-widget-list li:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } .directorist-widget .directorist-widget-list li span.la, .directorist-widget .directorist-widget-list li span.fa { - cursor: pointer; - margin: 0 5px 0 0; + cursor: pointer; + margin: 0 5px 0 0; } .directorist-widget .directorist-widget-list .directorist-widget-list__icon { - font-size: 12px; - display: inline-block; - margin-right: 10px; - line-height: 28px; - width: 28px; - text-align: center; - background-color: #f1f3f8; - color: #9299b8; - border-radius: 50%; + font-size: 12px; + display: inline-block; + margin-right: 10px; + line-height: 28px; + width: 28px; + text-align: center; + background-color: #f1f3f8; + color: #9299b8; + border-radius: 50%; } .directorist-widget .directorist-widget-list .directorist-child-category { - padding-left: 44px; - margin-top: 2px; + padding-left: 44px; + margin-top: 2px; } .directorist-widget .directorist-widget-list .directorist-child-category li a { - position: relative; + position: relative; } -.directorist-widget .directorist-widget-list .directorist-child-category li a:before { - position: absolute; - content: "-"; - left: -12px; - top: 50%; - font-size: 20px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); +.directorist-widget + .directorist-widget-list + .directorist-child-category + li + a:before { + position: absolute; + content: "-"; + left: -12px; + top: 50%; + font-size: 20px; + transform: translateY(-50%); } .directorist-widget-taxonomy .directorist-taxonomy-list-one { - -webkit-margin-after: 10px; - margin-block-end: 10px; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card { - background: none; - padding: 0; - min-height: auto; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card span { - font-weight: var(--directorist-fw-normal); -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card span:empty { - display: none; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask { - background-color: var(--directorist-color-light); + margin-block-end: 10px; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card { + background: none; + padding: 0; + min-height: auto; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card + span { + font-weight: var(--directorist-fw-normal); +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card + span:empty { + display: none; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__icon + .directorist-icon-mask { + background-color: var(--directorist-color-light); } .directorist-widget-taxonomy .directorist-taxonomy-list-one__icon-default { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: var(--directorist-color-light); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one__icon-default::after { - content: ""; - width: 8px; - height: 8px; - border-radius: 50%; - background-color: var(--directorist-color-primary); - display: block; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - background: none; - padding-bottom: 0; - -webkit-padding-start: 52px; - padding-inline-start: 52px; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open:not(.directorist-taxonomy-list__card--icon) + .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 25px; - padding-inline-start: 25px; + width: 40px; + height: 40px; + border-radius: 50%; + background-color: var(--directorist-color-light); + display: inline-flex; + align-items: center; + justify-content: center; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one__icon-default::after { + content: ""; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: var(--directorist-color-primary); + display: block; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + background: none; + padding-bottom: 0; + padding-inline-start: 52px; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open:not( + .directorist-taxonomy-list__card--icon + ) + + .directorist-taxonomy-list__sub-item { + padding-inline-start: 25px; } .directorist-widget-location .directorist-taxonomy-list-one:last-child { - margin-bottom: 0; + margin-bottom: 0; } -.directorist-widget-location .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 25px; - padding-inline-start: 25px; +.directorist-widget-location + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + padding-inline-start: 25px; } .directorist-widget-tags ul { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; + margin: 0; + padding: 0; + display: flex; + flex-wrap: wrap; + gap: 10px; } .directorist-widget-tags li { - list-style: none; - padding: 0; - margin: 0; + list-style: none; + padding: 0; + margin: 0; } .directorist-widget-tags a { - display: block; - font-size: 15px; - font-weight: 400; - padding: 5px 15px; - text-decoration: none; - color: var(--directorist-color-body); - border: 1px solid var(--directorist-color-border); - border-radius: var(--directorist-border-radius-xs); - -webkit-transition: border-color 0.3s ease; - transition: border-color 0.3s ease; + display: block; + font-size: 15px; + font-weight: 400; + padding: 5px 15px; + text-decoration: none; + color: var(--directorist-color-body); + border: 1px solid var(--directorist-color-border); + border-radius: var(--directorist-border-radius-xs); + transition: border-color 0.3s ease; } .directorist-widget-tags a:hover { - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); } .directorist-widget-advanced-search .directorist-search-form__box { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } -.directorist-widget-advanced-search .directorist-search-form__box .directorist-search-form-action { - margin-top: 25px; +.directorist-widget-advanced-search + .directorist-search-form__box + .directorist-search-form-action { + margin-top: 25px; } .directorist-widget-advanced-search .directorist-search-form-top { - width: 100%; -} -.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input { - width: 100%; -} -.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input .directorist-search-field { - border: 0 none; -} -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label { - position: unset; - -webkit-transform: unset; - transform: unset; - display: block; - margin: 0 0 15px; -} -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i { - display: none; -} -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-checkbox-wrapper, -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-radio-wrapper, -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-tags { - gap: 10px; - margin: 0; - padding: 0; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-widget-advanced-search .directorist-search-form .directorist-search-field > label { - display: block; - margin: 0 0 15px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-is-focused > label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-has-value > label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.directorist-search-field-text_range > label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.directorist-search-field-radius_search > label { - font-size: 16px; - font-weight: 500; -} -.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-is-focused .directorist-search-field__label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-has-value .directorist-search-field__label, -.directorist-widget-advanced-search .directorist-search-form .directorist-search-field .directorist-search-basic-dropdown-label { - font-size: 16px; - font-weight: 500; + width: 100%; +} +.directorist-widget-advanced-search + .directorist-search-form-top + .directorist-search-modal__contents__body { + flex-direction: column; +} +.directorist-widget-advanced-search + .directorist-search-form-top + .directorist-search-modal__contents__body + .directorist-search-modal__input { + width: 100%; +} +.directorist-widget-advanced-search + .directorist-search-form-top + .directorist-search-modal__contents__body + .directorist-search-modal__input + .directorist-search-field { + border: 0 none; +} +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + position: unset; + transform: unset; + display: block; + margin: 0 0 15px; +} +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: none; +} +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-checkbox-wrapper, +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-radio-wrapper, +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-search-tags { + gap: 10px; + margin: 0; + padding: 0; + flex-direction: column; +} +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field + > label { + display: block; + margin: 0 0 15px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-is-focused + > label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-has-value + > label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.directorist-search-field-text_range + > label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.directorist-search-field-radius_search + > label { + font-size: 16px; + font-weight: 500; +} +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-is-focused + .directorist-search-field__label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-has-value + .directorist-search-field__label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field + .directorist-search-basic-dropdown-label { + font-size: 16px; + font-weight: 500; } .directorist-widget-advanced-search .directorist-checkbox-rating { - padding: 0; + padding: 0; } -.directorist-widget-advanced-search .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:not(:last-child) { - margin-bottom: 15px; +.directorist-widget-advanced-search + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:not(:last-child) { + margin-bottom: 15px; } .directorist-widget-advanced-search .directorist-btn-ml { - display: block; - font-size: 13px; - font-weight: 500; - margin-top: 10px; - color: var(--directorist-color-body); + display: block; + font-size: 13px; + font-weight: 500; + margin-top: 10px; + color: var(--directorist-color-body); } .directorist-widget-advanced-search .directorist-btn-ml:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-widget-advanced-search .directorist-advanced-filter__action { - padding: 0 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn { - height: 46px; - font-size: 14px; - font-weight: 400; -} -.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js { - height: 46px; - padding: 0 32px; - font-size: 14px; - font-weight: 400; - letter-spacing: 0; - border-radius: 8px; - text-decoration: none; - text-transform: capitalize; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-light); -} -.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js:focus { - outline: none; -} -.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + padding: 0 0; + flex-wrap: wrap; + justify-content: center; +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn { + height: 46px; + font-size: 14px; + font-weight: 400; +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn-reset-js { + height: 46px; + padding: 0 32px; + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + border-radius: 8px; + text-decoration: none; + text-transform: capitalize; + display: flex; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-light); +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn-reset-js:focus { + outline: none; +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn-reset-js:disabled { + opacity: 0.5; + cursor: not-allowed; } .directorist-widget-authentication form { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-widget-authentication p label, -.directorist-widget-authentication p input:not(input[type=checkbox]) { - display: block; +.directorist-widget-authentication p input:not(input[type="checkbox"]) { + display: block; } .directorist-widget-authentication p label { - padding-bottom: 10px; + padding-bottom: 10px; } -.directorist-widget-authentication p input:not(input[type=checkbox]) { - height: 46px; - padding: 8px 16px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; +.directorist-widget-authentication p input:not(input[type="checkbox"]) { + height: 46px; + padding: 8px 16px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); + width: 100%; + box-sizing: border-box; } .directorist-widget-authentication .login-submit button { - cursor: pointer; + cursor: pointer; } /* Directorist button styles */ .directorist-btn { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 5px; - font-size: 14px; - font-weight: 500; - vertical-align: middle; - text-transform: capitalize; - text-align: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - padding: 0 26px; - min-height: 45px; - line-height: 1.5; - border-radius: 8px; - border: 1px solid var(--directorist-color-primary); - -webkit-box-sizing: border-box; - box-sizing: border-box; - text-decoration: none; - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - text-decoration: none !important; + display: inline-flex; + align-items: center; + justify-content: center; + gap: 5px; + font-size: 14px; + font-weight: 500; + vertical-align: middle; + text-transform: capitalize; + text-align: center; + user-select: none; + cursor: pointer; + padding: 0 26px; + min-height: 45px; + line-height: 1.5; + border-radius: 8px; + border: 1px solid var(--directorist-color-primary); + box-sizing: border-box; + text-decoration: none; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + transition: all ease 0.3s; + text-decoration: none !important; } .directorist-btn .directorist-icon-mask:after { - background-color: currentColor; - width: 16px; - height: 16px; + background-color: currentColor; + width: 16px; + height: 16px; } -.directorist-btn.directorist-btn--add-listing, .directorist-btn.directorist-btn--logout { - line-height: 43px; +.directorist-btn.directorist-btn--add-listing, +.directorist-btn.directorist-btn--logout { + line-height: 43px; } -.directorist-btn:hover, .directorist-btn:focus { - color: var(--directorist-color-white); - outline: 0 !important; - background-color: rgba(var(--directorist-color-primary-rgb), 0.8); +.directorist-btn:hover, +.directorist-btn:focus { + color: var(--directorist-color-white); + outline: 0 !important; + background-color: rgba(var(--directorist-color-primary-rgb), 0.8); } .directorist-btn.directorist-btn-primary { - background-color: var(--directorist-color-btn-primary-bg); - color: var(--directorist-color-btn-primary); - border: 1px solid var(--directorist-color-btn-primary-border); + background-color: var(--directorist-color-btn-primary-bg); + color: var(--directorist-color-btn-primary); + border: 1px solid var(--directorist-color-btn-primary-border); } -.directorist-btn.directorist-btn-primary:focus, .directorist-btn.directorist-btn-primary:hover { - background-color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); +.directorist-btn.directorist-btn-primary:focus, +.directorist-btn.directorist-btn-primary:hover { + background-color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); } -.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after, .directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-btn-primary); +.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after, +.directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after { + background-color: var(--directorist-color-btn-primary); } .directorist-btn.directorist-btn-secondary { - background-color: var(--directorist-color-btn-secondary-bg); - color: var(--directorist-color-btn-secondary); - border: 1px solid var(--directorist-color-btn-secondary-border); + background-color: var(--directorist-color-btn-secondary-bg); + color: var(--directorist-color-btn-secondary); + border: 1px solid var(--directorist-color-btn-secondary-border); } -.directorist-btn.directorist-btn-secondary:focus, .directorist-btn.directorist-btn-secondary:hover { - background-color: transparent; - color: currentColor; - border-color: var(--directorist-color-btn-secondary-bg); +.directorist-btn.directorist-btn-secondary:focus, +.directorist-btn.directorist-btn-secondary:hover { + background-color: transparent; + color: currentColor; + border-color: var(--directorist-color-btn-secondary-bg); } .directorist-btn.directorist-btn-dark { - background-color: var(--directorist-color-dark); - border-color: var(--directorist-color-dark); - color: var(--directorist-color-white); + background-color: var(--directorist-color-dark); + border-color: var(--directorist-color-dark); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-dark:hover { - background-color: rgba(var(--directorist-color-dark-rgb), 0.8); + background-color: rgba(var(--directorist-color-dark-rgb), 0.8); } .directorist-btn.directorist-btn-success { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); - color: var(--directorist-color-white); + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-success:hover { - background-color: rgba(var(--directorist-color-success-rgb), 0.8); + background-color: rgba(var(--directorist-color-success-rgb), 0.8); } .directorist-btn.directorist-btn-info { - background-color: var(--directorist-color-info); - border-color: var(--directorist-color-info); - color: var(--directorist-color-white); + background-color: var(--directorist-color-info); + border-color: var(--directorist-color-info); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-info:hover { - background-color: rgba(var(--directorist-color-success-rgb), 0.8); + background-color: rgba(var(--directorist-color-success-rgb), 0.8); } .directorist-btn.directorist-btn-light { - background-color: var(--directorist-color-light); - border-color: var(--directorist-color-light); - color: var(--directorist-color-primary); + background-color: var(--directorist-color-light); + border-color: var(--directorist-color-light); + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-light:focus, .directorist-btn.directorist-btn-light:hover { - background-color: var(--directorist-color-light-hover); - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); +.directorist-btn.directorist-btn-light:focus, +.directorist-btn.directorist-btn-light:hover { + background-color: var(--directorist-color-light-hover); + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-lighter { - border-color: var(--directorist-color-dark); - background-color: #f6f7f9; - color: var(--directorist-color-primary); + border-color: var(--directorist-color-dark); + background-color: #f6f7f9; + color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-warning { - border-color: var(--directorist-color-warning); - background-color: var(--directorist-color-warning); - color: var(--directorist-color-white); + border-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-warning:hover { - background-color: rgba(var(--directorist-color-warning-rgb), 0.8); + background-color: rgba(var(--directorist-color-warning-rgb), 0.8); } .directorist-btn.directorist-btn-danger { - border-color: var(--directorist-color-danger); - background-color: var(--directorist-color-danger); - color: var(--directorist-color-white); + border-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-danger:hover { - background-color: rgba(var(--directorist-color-danger-rgb), 0.8); + background-color: rgba(var(--directorist-color-danger-rgb), 0.8); } .directorist-btn.directorist-btn-bg-normal { - background: #F9F9F9; + background: #f9f9f9; } .directorist-btn.directorist-btn-loading { - position: relative; - font-size: 0; - pointer-events: none; + position: relative; + font-size: 0; + pointer-events: none; } .directorist-btn.directorist-btn-loading:before { - content: ""; - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - border-radius: 8px; - background-color: inherit; + content: ""; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + border-radius: 8px; + background-color: inherit; } .directorist-btn.directorist-btn-loading:after { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 20px; - height: 20px; - border-radius: 50%; - border: 2px solid var(--directorist-color-white); - border-top-color: var(--directorist-color-primary); - position: absolute; - top: 13px; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - -webkit-animation: spin-centered 3s linear infinite; - animation: spin-centered 3s linear infinite; + content: ""; + display: inline-flex; + width: 20px; + height: 20px; + border-radius: 50%; + border: 2px solid var(--directorist-color-white); + border-top-color: var(--directorist-color-primary); + position: absolute; + top: 13px; + left: 50%; + transform: translateX(-50%); + animation: spin-centered 3s linear infinite; } .directorist-btn.directorist-btn-disabled { - pointer-events: none; - opacity: 0.75; + pointer-events: none; + opacity: 0.75; } .directorist-btn.directorist-btn-outline { - background: transparent; - border: 1px solid var(--directorist-color-border) !important; - color: var(--directorist-color-dark); + background: transparent; + border: 1px solid var(--directorist-color-border) !important; + color: var(--directorist-color-dark); } .directorist-btn.directorist-btn-outline-normal { - background: transparent; - border: 1px solid var(--directorist-color-normal) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-normal) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-normal:focus, .directorist-btn.directorist-btn-outline-normal:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-normal); +.directorist-btn.directorist-btn-outline-normal:focus, +.directorist-btn.directorist-btn-outline-normal:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-normal); } .directorist-btn.directorist-btn-outline-light { - background: transparent; - border: 1px solid var(--directorist-color-bg-light) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-bg-light) !important; + color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-outline-primary { - background: transparent; - border: 1px solid var(--directorist-color-primary) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-primary) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-primary:focus, .directorist-btn.directorist-btn-outline-primary:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); +.directorist-btn.directorist-btn-outline-primary:focus, +.directorist-btn.directorist-btn-outline-primary:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-outline-secondary { - background: transparent; - border: 1px solid var(--directorist-color-secondary) !important; - color: var(--directorist-color-secondary); + background: transparent; + border: 1px solid var(--directorist-color-secondary) !important; + color: var(--directorist-color-secondary); } -.directorist-btn.directorist-btn-outline-secondary:focus, .directorist-btn.directorist-btn-outline-secondary:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-secondary); +.directorist-btn.directorist-btn-outline-secondary:focus, +.directorist-btn.directorist-btn-outline-secondary:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-secondary); } .directorist-btn.directorist-btn-outline-success { - background: transparent; - border: 1px solid var(--directorist-color-success) !important; - color: var(--directorist-color-success); + background: transparent; + border: 1px solid var(--directorist-color-success) !important; + color: var(--directorist-color-success); } -.directorist-btn.directorist-btn-outline-success:focus, .directorist-btn.directorist-btn-outline-success:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-success); +.directorist-btn.directorist-btn-outline-success:focus, +.directorist-btn.directorist-btn-outline-success:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-success); } .directorist-btn.directorist-btn-outline-info { - background: transparent; - border: 1px solid var(--directorist-color-info) !important; - color: var(--directorist-color-info); + background: transparent; + border: 1px solid var(--directorist-color-info) !important; + color: var(--directorist-color-info); } -.directorist-btn.directorist-btn-outline-info:focus, .directorist-btn.directorist-btn-outline-info:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-info); +.directorist-btn.directorist-btn-outline-info:focus, +.directorist-btn.directorist-btn-outline-info:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-info); } .directorist-btn.directorist-btn-outline-warning { - background: transparent; - border: 1px solid var(--directorist-color-warning) !important; - color: var(--directorist-color-warning); + background: transparent; + border: 1px solid var(--directorist-color-warning) !important; + color: var(--directorist-color-warning); } -.directorist-btn.directorist-btn-outline-warning:focus, .directorist-btn.directorist-btn-outline-warning:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-warning); +.directorist-btn.directorist-btn-outline-warning:focus, +.directorist-btn.directorist-btn-outline-warning:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-warning); } .directorist-btn.directorist-btn-outline-danger { - background: transparent; - border: 1px solid var(--directorist-color-danger) !important; - color: var(--directorist-color-danger); + background: transparent; + border: 1px solid var(--directorist-color-danger) !important; + color: var(--directorist-color-danger); } -.directorist-btn.directorist-btn-outline-danger:focus, .directorist-btn.directorist-btn-outline-danger:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-danger); +.directorist-btn.directorist-btn-outline-danger:focus, +.directorist-btn.directorist-btn-outline-danger:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); } .directorist-btn.directorist-btn-outline-dark { - background: transparent; - border: 1px solid var(--directorist-color-primary) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-primary) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-dark:focus, .directorist-btn.directorist-btn-outline-dark:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-dark); +.directorist-btn.directorist-btn-outline-dark:focus, +.directorist-btn.directorist-btn-outline-dark:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-dark); } .directorist-btn.directorist-btn-lg { - min-height: 50px; + min-height: 50px; } .directorist-btn.directorist-btn-md { - min-height: 46px; + min-height: 46px; } .directorist-btn.directorist-btn-sm { - min-height: 40px; + min-height: 40px; } .directorist-btn.directorist-btn-xs { - min-height: 36px; + min-height: 36px; } .directorist-btn.directorist-btn-px-15 { - padding: 0 15px; + padding: 0 15px; } .directorist-btn.directorist-btn-block { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -@-webkit-keyframes spin-centered { - from { - -webkit-transform: translateX(-50%) rotate(0deg); - transform: translateX(-50%) rotate(0deg); - } - to { - -webkit-transform: translateX(-50%) rotate(360deg); - transform: translateX(-50%) rotate(360deg); - } + display: flex; } @keyframes spin-centered { - from { - -webkit-transform: translateX(-50%) rotate(0deg); - transform: translateX(-50%) rotate(0deg); - } - to { - -webkit-transform: translateX(-50%) rotate(360deg); - transform: translateX(-50%) rotate(360deg); - } + from { + transform: translateX(-50%) rotate(0deg); + } + to { + transform: translateX(-50%) rotate(360deg); + } } .directorist-badge { - display: inline-block; - font-size: 10px; - font-weight: 700; - line-height: 1.9; - padding: 0 5px; - color: var(--directorist-color-white); - text-transform: uppercase; - border-radius: 5px; + display: inline-block; + font-size: 10px; + font-weight: 700; + line-height: 1.9; + padding: 0 5px; + color: var(--directorist-color-white); + text-transform: uppercase; + border-radius: 5px; } .directorist-badge.directorist-badge-primary { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-badge.directorist-badge-warning { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-badge.directorist-badge-info { - background-color: var(--directorist-color-info); + background-color: var(--directorist-color-info); } .directorist-badge.directorist-badge-success { - background-color: var(--directorist-color-success); + background-color: var(--directorist-color-success); } .directorist-badge.directorist-badge-danger { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } .directorist-badge.directorist-badge-light { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-badge.directorist-badge-gray { - background-color: #525768; + background-color: #525768; } .directorist-badge.directorist-badge-primary-transparent { - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary-rgb), 0.15); + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.15); } .directorist-badge.directorist-badge-warning-transparent { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning-rgb), 0.15); + color: var(--directorist-color-warning); + background-color: rgba(var(--directorist-color-warning-rgb), 0.15); } .directorist-badge.directorist-badge-info-transparent { - color: var(--directorist-color-info); - background-color: rgba(var(--directorist-color-info-rgb), 0.15); + color: var(--directorist-color-info); + background-color: rgba(var(--directorist-color-info-rgb), 0.15); } .directorist-badge.directorist-badge-success-transparent { - color: var(--directorist-color-success); - background-color: rgba(var(--directorist-color-success-rgb), 0.15); + color: var(--directorist-color-success); + background-color: rgba(var(--directorist-color-success-rgb), 0.15); } .directorist-badge.directorist-badge-danger-transparent { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger-rgb), 0.15); + color: var(--directorist-color-danger); + background-color: rgba(var(--directorist-color-danger-rgb), 0.15); } .directorist-badge.directorist-badge-light-transparent { - color: var(--directorist-color-white); - background-color: rgba(var(--directorist-color-white-rgb), 0.15); + color: var(--directorist-color-white); + background-color: rgba(var(--directorist-color-white-rgb), 0.15); } .directorist-badge.directorist-badge-gray-transparent { - color: var(--directorist-color-gray); - background-color: rgba(var(--directorist-color-gray-rgb), 0.15); + color: var(--directorist-color-gray); + background-color: rgba(var(--directorist-color-gray-rgb), 0.15); } .directorist-badge .directorist-badge-tooltip { - position: absolute; - top: -35px; - height: 30px; - line-height: 30px; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - padding: 0 20px; - font-size: 12px; - border-radius: 15px; - color: var(--directorist-color-white); - opacity: 0; - visibility: hidden; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; + position: absolute; + top: -35px; + height: 30px; + line-height: 30px; + width: max-content; + padding: 0 20px; + font-size: 12px; + border-radius: 15px; + color: var(--directorist-color-white); + opacity: 0; + visibility: hidden; + transition: all 0.3s ease-in-out; } .directorist-badge .directorist-badge-tooltip__featured { - background-color: var(--directorist-color-featured-badge); + background-color: var(--directorist-color-featured-badge); } .directorist-badge .directorist-badge-tooltip__new { - background-color: var(--directorist-color-new-badge); + background-color: var(--directorist-color-new-badge); } .directorist-badge .directorist-badge-tooltip__popular { - background-color: var(--directorist-color-popular-badge); + background-color: var(--directorist-color-popular-badge); } @media screen and (max-width: 480px) { - .directorist-badge .directorist-badge-tooltip { - height: 25px; - line-height: 25px; - font-size: 10px; - padding: 0 15px; - } + .directorist-badge .directorist-badge-tooltip { + height: 25px; + line-height: 25px; + font-size: 10px; + padding: 0 15px; + } } .directorist-badge:hover .directorist-badge-tooltip { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } /*** @@ -7466,6912 +7257,7162 @@ body.modal-overlay-enabled:before { ***/ .directorist-custom-range-slider-target, .directorist-custom-range-slider-target * { - -ms-touch-action: none; - touch-action: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; + touch-action: none; + user-select: none; + box-sizing: border-box; } .directorist-custom-range-slider-base, .directorist-custom-range-slider-connects { - width: 100%; - height: 100%; - position: relative; - z-index: 1; + width: 100%; + height: 100%; + position: relative; + z-index: 1; } /* Wrapper for all connect elements. */ .directorist-custom-range-slider-connects { - overflow: hidden; - z-index: 0; + overflow: hidden; + z-index: 0; } .directorist-custom-range-slider-connect, .directorist-custom-range-slider-origin { - will-change: transform; - position: absolute; - z-index: 1; - top: 0; - inset-inline-start: 0; - height: 100%; - width: calc(100% - 20px); - -webkit-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform-style: flat; - transform-style: flat; + will-change: transform; + position: absolute; + z-index: 1; + top: 0; + inset-inline-start: 0; + height: 100%; + width: calc(100% - 20px); + transform-origin: 0 0; + transform-style: flat; } /* Give origins 0 height/width so they don't interfere * with clicking the connect elements. */ -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-origin { - top: -100%; - width: 0; +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-origin { + top: -100%; + width: 0; } -.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-origin { - height: 0; +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-origin { + height: 0; } .directorist-custom-range-slider-handle { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - position: absolute; + backface-visibility: hidden; + position: absolute; } .directorist-custom-range-slider-touch-area { - height: 100%; - width: 100%; + height: 100%; + width: 100%; } -.directorist-custom-range-slider-state-tap .directorist-custom-range-slider-connect, -.directorist-custom-range-slider-state-tap .directorist-custom-range-slider-origin { - -webkit-transition: -webkit-transform 0.3s; - transition: -webkit-transform 0.3s; - transition: transform 0.3s; - transition: transform 0.3s, -webkit-transform 0.3s; +.directorist-custom-range-slider-state-tap + .directorist-custom-range-slider-connect, +.directorist-custom-range-slider-state-tap + .directorist-custom-range-slider-origin { + transition: transform 0.3s; } .directorist-custom-range-slider-state-drag * { - cursor: inherit !important; + cursor: inherit !important; } /* Slider size and handle placement; */ -.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-handle { - width: 20px; - height: 20px; - border-radius: 50%; - border: 4px solid var(--directorist-color-primary); - inset-inline-end: -20px; - top: -8px; - cursor: pointer; +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-handle { + width: 20px; + height: 20px; + border-radius: 50%; + border: 4px solid var(--directorist-color-primary); + inset-inline-end: -20px; + top: -8px; + cursor: pointer; } .directorist-custom-range-slider-vertical { - width: 18px; + width: 18px; } -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-handle { - width: 28px; - height: 34px; - inset-inline-end: -6px; - bottom: -17px; +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-handle { + width: 28px; + height: 34px; + inset-inline-end: -6px; + bottom: -17px; } /* Giving the connect element a border radius causes issues with using transform: scale */ .directorist-custom-range-slider-target { - position: relative; - width: 100%; - height: 4px; - margin: 7px 0 24px; - border-radius: 2px; - background-color: #d9d9d9; + position: relative; + width: 100%; + height: 4px; + margin: 7px 0 24px; + border-radius: 2px; + background-color: #d9d9d9; } .directorist-custom-range-slider-connect { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } /* Handles and cursors; */ .directorist-custom-range-slider-draggable { - cursor: ew-resize; + cursor: ew-resize; } -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-draggable { - cursor: ns-resize; +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-draggable { + cursor: ns-resize; } .directorist-custom-range-slider-handle { - border: 1px solid #d9d9d9; - border-radius: 3px; - background-color: var(--directorist-color-white); - cursor: default; - -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; - box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; + border: 1px solid #d9d9d9; + border-radius: 3px; + background-color: var(--directorist-color-white); + cursor: default; + box-shadow: + inset 0 0 1px #fff, + inset 0 1px 7px #ebebeb, + 0 3px 6px -3px #bbb; } .directorist-custom-range-slider-active { - -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb; - box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb; + box-shadow: + inset 0 0 1px #fff, + inset 0 1px 7px #ddd, + 0 3px 6px -3px #bbb; } /* Disabled state; */ [disabled] .directorist-custom-range-slider-connect { - background-color: #b8b8b8; + background-color: #b8b8b8; } [disabled].directorist-custom-range-slider-target, [disabled].directorist-custom-range-slider-handle, [disabled] .directorist-custom-range-slider-handle { - cursor: not-allowed; + cursor: not-allowed; } /* Base; */ .directorist-custom-range-slider-pips, .directorist-custom-range-slider-pips * { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } .directorist-custom-range-slider-pips { - position: absolute; - color: #999; + position: absolute; + color: #999; } /* Values; */ .directorist-custom-range-slider-value { - position: absolute; - white-space: nowrap; - text-align: center; + position: absolute; + white-space: nowrap; + text-align: center; } .directorist-custom-range-slider-value-sub { - color: #ccc; - font-size: 10px; + color: #ccc; + font-size: 10px; } /* Markings; */ .directorist-custom-range-slider-marker { - position: absolute; - background-color: #ccc; + position: absolute; + background-color: #ccc; } .directorist-custom-range-slider-marker-sub { - background-color: #aaa; + background-color: #aaa; } .directorist-custom-range-slider-marker-large { - background-color: #aaa; + background-color: #aaa; } /* Horizontal layout; */ .directorist-custom-range-slider-pips-horizontal { - padding: 10px 0; - height: 80px; - top: 100%; - left: 0; - width: 100%; + padding: 10px 0; + height: 80px; + top: 100%; + left: 0; + width: 100%; } .directorist-custom-range-slider-value-horizontal { - -webkit-transform: translate(-50%, 50%); - transform: translate(-50%, 50%); + transform: translate(-50%, 50%); } -.directorist-custom-range-slider-rtl .directorist-custom-range-slider-value-horizontal { - -webkit-transform: translate(50%, 50%); - transform: translate(50%, 50%); +.directorist-custom-range-slider-rtl + .directorist-custom-range-slider-value-horizontal { + transform: translate(50%, 50%); } .directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker { - margin-left: -1px; - width: 2px; - height: 5px; + margin-left: -1px; + width: 2px; + height: 5px; } .directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker-sub { - height: 10px; + height: 10px; } .directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker-large { - height: 15px; + height: 15px; } /* Vertical layout; */ .directorist-custom-range-slider-pips-vertical { - padding: 0 10px; - height: 100%; - top: 0; - left: 100%; + padding: 0 10px; + height: 100%; + top: 0; + left: 100%; } .directorist-custom-range-slider-value-vertical { - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - padding-left: 25px; + transform: translate(0, -50%); + padding-left: 25px; } -.directorist-custom-range-slider-rtl .directorist-custom-range-slider-value-vertical { - -webkit-transform: translate(0, 50%); - transform: translate(0, 50%); +.directorist-custom-range-slider-rtl + .directorist-custom-range-slider-value-vertical { + transform: translate(0, 50%); } .directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker { - width: 5px; - height: 2px; - margin-top: -1px; + width: 5px; + height: 2px; + margin-top: -1px; } .directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker-sub { - width: 10px; + width: 10px; } .directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker-large { - width: 15px; + width: 15px; } .directorist-custom-range-slider-tooltip { - display: block; - position: absolute; - border: 1px solid #d9d9d9; - border-radius: 3px; - background-color: var(--directorist-color-white); - color: var(--directorist-color-dark); - padding: 5px; - text-align: center; - white-space: nowrap; -} - -.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); - left: 50%; - bottom: 120%; -} -.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-origin > .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); - left: auto; - bottom: 10px; -} - -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - top: 50%; - right: 120%; -} -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-origin > .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(0, -18px); - transform: translate(0, -18px); - top: auto; - right: 28px; + display: block; + position: absolute; + border: 1px solid #d9d9d9; + border-radius: 3px; + background-color: var(--directorist-color-white); + color: var(--directorist-color-dark); + padding: 5px; + text-align: center; + white-space: nowrap; +} + +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-tooltip { + transform: translate(-50%, 0); + left: 50%; + bottom: 120%; +} +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-origin + > .directorist-custom-range-slider-tooltip { + transform: translate(50%, 0); + left: auto; + bottom: 10px; +} + +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-tooltip { + transform: translate(0, -50%); + top: 50%; + right: 120%; +} +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-origin + > .directorist-custom-range-slider-tooltip { + transform: translate(0, -18px); + top: auto; + right: 28px; } .directorist-swiper { - height: 100%; - overflow: hidden; - position: relative; + height: 100%; + overflow: hidden; + position: relative; } .directorist-swiper .swiper-slide { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-swiper .swiper-slide > div, .directorist-swiper .swiper-slide > a { - width: 100%; + width: 100%; } .directorist-swiper__nav { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - z-index: 1; - opacity: 0; - cursor: pointer; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; + position: absolute; + top: 50%; + transform: translateY(-50%); + z-index: 1; + opacity: 0; + cursor: pointer; + transition: all 0.3s ease; } .directorist-swiper__nav i { - width: 30px; - height: 30px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - background-color: rgba(255, 255, 255, 0.9); + width: 30px; + height: 30px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 100%; + transition: all 0.3s ease; + background-color: rgba(255, 255, 255, 0.9); } .directorist-swiper__nav .directorist-icon-mask:after { - width: 10px; - height: 10px; - background-color: var(--directorist-color-body); + width: 10px; + height: 10px; + background-color: var(--directorist-color-body); } .directorist-swiper__nav:hover i { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-swiper__nav--prev { - left: 10px; + left: 10px; } .directorist-swiper__nav--next { - right: 10px; + right: 10px; } .directorist-swiper__nav--prev-related i { - left: 0; - background-color: #f4f4f4; + left: 0; + background-color: #f4f4f4; } .directorist-swiper__nav--prev-related i:hover { - background-color: var(--directorist-color-gray); + background-color: var(--directorist-color-gray); } .directorist-swiper__nav--next-related i { - right: 0; - background-color: #f4f4f4; + right: 0; + background-color: #f4f4f4; } .directorist-swiper__nav--next-related i:hover { - background-color: var(--directorist-color-gray); + background-color: var(--directorist-color-gray); } .directorist-swiper__pagination { - position: absolute; - text-align: center; - z-index: 1; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + position: absolute; + text-align: center; + z-index: 1; + display: flex; + gap: 5px; + align-items: center; + justify-content: center; } .directorist-swiper__pagination .swiper-pagination-bullet { - margin: 0 !important; - width: 5px; - height: 5px; - opacity: 0.6; - background-color: var(--directorist-color-white); + margin: 0 !important; + width: 5px; + height: 5px; + opacity: 0.6; + background-color: var(--directorist-color-white); } -.directorist-swiper__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { - opacity: 1; - -webkit-transform: scale(1.4); - transform: scale(1.4); +.directorist-swiper__pagination + .swiper-pagination-bullet.swiper-pagination-bullet-active { + opacity: 1; + transform: scale(1.4); } .directorist-swiper__pagination--related { - display: none; + display: none; } -.directorist-swiper:hover > .directorist-swiper__navigation .directorist-swiper__nav { - opacity: 1; +.directorist-swiper:hover + > .directorist-swiper__navigation + .directorist-swiper__nav { + opacity: 1; } .directorist-single-listing-slider { - width: var(--gallery-crop-width, 740px); - height: var(--gallery-crop-height, 580px); - max-width: 100%; - margin: 0 auto; - border-radius: 12px; + width: var(--gallery-crop-width, 740px); + height: var(--gallery-crop-height, 580px); + max-width: 100%; + margin: 0 auto; + border-radius: 12px; } @media screen and (max-width: 991px) { - .directorist-single-listing-slider { - max-height: 450px !important; - } + .directorist-single-listing-slider { + max-height: 450px !important; + } } @media screen and (max-width: 575px) { - .directorist-single-listing-slider { - max-height: 400px !important; - } + .directorist-single-listing-slider { + max-height: 400px !important; + } } @media screen and (max-width: 375px) { - .directorist-single-listing-slider { - max-height: 350px !important; - } + .directorist-single-listing-slider { + max-height: 350px !important; + } } .directorist-single-listing-slider .directorist-swiper__nav i { - height: 40px; - width: 40px; - background-color: rgba(0, 0, 0, 0.5); + height: 40px; + width: 40px; + background-color: rgba(0, 0, 0, 0.5); } .directorist-single-listing-slider .directorist-swiper__nav i:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); } -.directorist-single-listing-slider .directorist-swiper__nav--prev-single-listing i { - left: 20px; +.directorist-single-listing-slider + .directorist-swiper__nav--prev-single-listing + i { + left: 20px; } -.directorist-single-listing-slider .directorist-swiper__nav--next-single-listing i { - right: 20px; +.directorist-single-listing-slider + .directorist-swiper__nav--next-single-listing + i { + right: 20px; } .directorist-single-listing-slider .directorist-swiper__nav:hover i { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-single-listing-slider .directorist-swiper__nav { - opacity: 1; - } - .directorist-single-listing-slider .directorist-swiper__nav i { - width: 30px; - height: 30px; - } + .directorist-single-listing-slider .directorist-swiper__nav { + opacity: 1; + } + .directorist-single-listing-slider .directorist-swiper__nav i { + width: 30px; + height: 30px; + } } .directorist-single-listing-slider .directorist-swiper__pagination { - display: none; + display: none; } .directorist-single-listing-slider .swiper-slide img { - width: 100%; - height: 100%; - max-width: var(--gallery-crop-width, 740px); - -o-object-fit: cover; - object-fit: cover; - border-radius: 12px; + width: 100%; + height: 100%; + max-width: var(--gallery-crop-width, 740px); + object-fit: cover; + border-radius: 12px; } -.directorist-single-listing-slider.slider-has-one-item .directorist-swiper__navigation, -.directorist-single-listing-slider.slider-has-one-item .directorist-swiper__pagination { - display: none; +.directorist-single-listing-slider.slider-has-one-item + .directorist-swiper__navigation, +.directorist-single-listing-slider.slider-has-one-item + .directorist-swiper__pagination { + display: none; } .directorist-single-listing-slider-thumb { - width: var(--gallery-crop-width, 740px); - max-width: 100%; - margin: 10px auto 0; - border-radius: 12px; - overflow: auto; - height: auto; - display: none; + width: var(--gallery-crop-width, 740px); + max-width: 100%; + margin: 10px auto 0; + border-radius: 12px; + overflow: auto; + height: auto; + display: none; } .directorist-single-listing-slider-thumb .swiper-wrapper { - gap: 10px; - height: auto; + gap: 10px; + height: auto; } .directorist-single-listing-slider-thumb .directorist-swiper__navigation { - display: none; + display: none; } .directorist-single-listing-slider-thumb .directorist-swiper__pagination { - display: none; + display: none; } .directorist-single-listing-slider-thumb .swiper-slide { - position: relative; - height: 90px; - cursor: pointer; - margin: 0 !important; + position: relative; + height: 90px; + cursor: pointer; + margin: 0 !important; } .directorist-single-listing-slider-thumb .swiper-slide img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: 14px; + width: 100%; + height: 100%; + object-fit: cover; + border-radius: 14px; } .directorist-single-listing-slider-thumb .swiper-slide:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - border-radius: 14px; - background-color: rgba(0, 0, 0, 0.3); - z-index: 1; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - opacity: 0; - visibility: hidden; -} -.directorist-single-listing-slider-thumb .swiper-slide:hover:before, .directorist-single-listing-slider-thumb .swiper-slide.swiper-slide-thumb-active:before { - opacity: 1; - visibility: visible; + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + border-radius: 14px; + background-color: rgba(0, 0, 0, 0.3); + z-index: 1; + transition: opacity 0.3s ease; + opacity: 0; + visibility: hidden; +} +.directorist-single-listing-slider-thumb .swiper-slide:hover:before, +.directorist-single-listing-slider-thumb + .swiper-slide.swiper-slide-thumb-active:before { + opacity: 1; + visibility: visible; } @media screen and (max-width: 575px) { - .directorist-single-listing-slider-thumb { - display: none; - } + .directorist-single-listing-slider-thumb { + display: none; + } } .directorist-swiper-related-listing.directorist-swiper { - padding: 15px; - margin: -15px; - height: auto; -} -.directorist-swiper-related-listing.directorist-swiper > .directorist-swiper__navigation .directorist-swiper__nav i { - height: 40px; - width: 40px; -} -.directorist-swiper-related-listing.directorist-swiper > .directorist-swiper__navigation .directorist-swiper__nav i:after { - width: 14px; - height: 14px; + padding: 15px; + margin: -15px; + height: auto; +} +.directorist-swiper-related-listing.directorist-swiper + > .directorist-swiper__navigation + .directorist-swiper__nav + i { + height: 40px; + width: 40px; +} +.directorist-swiper-related-listing.directorist-swiper + > .directorist-swiper__navigation + .directorist-swiper__nav + i:after { + width: 14px; + height: 14px; } .directorist-swiper-related-listing.directorist-swiper .swiper-wrapper { - height: auto; + height: auto; } -.directorist-swiper-related-listing.slider-has-one-item > .directorist-swiper__navigation, .directorist-swiper-related-listing.slider-has-less-items > .directorist-swiper__navigation { - display: none; +.directorist-swiper-related-listing.slider-has-one-item + > .directorist-swiper__navigation, +.directorist-swiper-related-listing.slider-has-less-items + > .directorist-swiper__navigation { + display: none; } .directorist-dropdown { - position: relative; + position: relative; } .directorist-dropdown__toggle { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - background-color: var(--directorist-color-light); - border-color: var(--directorist-color-light); - padding: 0 20px; - border-radius: 8px; - cursor: pointer; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; - position: relative; -} -.directorist-dropdown__toggle:focus, .directorist-dropdown__toggle:hover { - background-color: var(--directorist-color-light) !important; - border-color: var(--directorist-color-light) !important; - outline: 0 !important; - color: var(--directorist); + display: flex; + align-items: center; + gap: 5px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + background-color: var(--directorist-color-light); + border-color: var(--directorist-color-light); + padding: 0 20px; + border-radius: 8px; + cursor: pointer; + transition: background-color 0.3s ease; + position: relative; +} +.directorist-dropdown__toggle:focus, +.directorist-dropdown__toggle:hover { + background-color: var(--directorist-color-light) !important; + border-color: var(--directorist-color-light) !important; + outline: 0 !important; + color: var(--directorist); } .directorist-dropdown__toggle.directorist-toggle-has-icon:after { - content: ""; - -webkit-mask-image: url(../js/664d0b74d206cf7349ab.svg); - mask-image: url(../js/664d0b74d206cf7349ab.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: currentColor; + content: ""; + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: currentColor; } .directorist-dropdown__links { - display: none; - position: absolute; - width: 100%; - min-width: 190px; - overflow-y: auto; - left: 0; - top: 30px; - padding: 10px; - border: none; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - z-index: 99999; + display: none; + position: absolute; + width: 100%; + min-width: 190px; + overflow-y: auto; + left: 0; + top: 30px; + padding: 10px; + border: none; + border-radius: 8px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + z-index: 99999; } .directorist-dropdown__links a { - display: block; - font-size: 14px; - font-weight: 400; - display: block; - padding: 10px; - border-radius: 8px; - text-decoration: none !important; - color: var(--directorist-color-body); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.directorist-dropdown__links a.active, .directorist-dropdown__links a:hover { - border-radius: 8px; - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary-rgb), 0.05); + display: block; + font-size: 14px; + font-weight: 400; + display: block; + padding: 10px; + border-radius: 8px; + text-decoration: none !important; + color: var(--directorist-color-body); + transition: all ease 0.3s; +} +.directorist-dropdown__links a.active, +.directorist-dropdown__links a:hover { + border-radius: 8px; + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.05); } @media screen and (max-width: 575px) { - .directorist-dropdown__links a { - padding: 5px 10px; - } + .directorist-dropdown__links a { + padding: 5px 10px; + } } .directorist-dropdown__links--right { - left: auto; - right: 0; + left: auto; + right: 0; } @media (max-width: 1440px) { - .directorist-dropdown__links { - left: unset; - right: 0; - } + .directorist-dropdown__links { + left: unset; + right: 0; + } } .directorist-dropdown.directorist-sortby-dropdown { - border-radius: 8px; - border: 2px solid var(--directorist-color-white); + border-radius: 8px; + border: 2px solid var(--directorist-color-white); } /* custom dropdown with select */ .directorist-dropdown-select { - position: relative; + position: relative; } .directorist-dropdown-select-toggle { - display: inline-block; - border: 1px solid #eee; - padding: 7px 15px; - position: relative; + display: inline-block; + border: 1px solid #eee; + padding: 7px 15px; + position: relative; } .directorist-dropdown-select-toggle:before { - content: ""; - position: absolute !important; - width: 100%; - height: 100%; - left: 0; - top: 0; + content: ""; + position: absolute !important; + width: 100%; + height: 100%; + left: 0; + top: 0; } .directorist-dropdown-select-items { - position: absolute; - width: 100%; - left: 0; - top: 40px; - border: 1px solid #eee; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - background-color: var(--directorist-color-white); - z-index: 10; + position: absolute; + width: 100%; + left: 0; + top: 40px; + border: 1px solid #eee; + visibility: hidden; + opacity: 0; + pointer-events: none; + transition: 0.3s ease; + background-color: var(--directorist-color-white); + z-index: 10; } .directorist-dropdown-select-items.directorist-dropdown-select-show { - top: 30px; - visibility: visible; - opacity: 1; - pointer-events: all; + top: 30px; + visibility: visible; + opacity: 1; + pointer-events: all; } .directorist-dropdown-select-item { - display: block; + display: block; } .directorist-switch { - position: relative; - display: block; + position: relative; + display: block; } -.directorist-switch input[type=checkbox]:before { - display: none; +.directorist-switch input[type="checkbox"]:before { + display: none; } .directorist-switch .directorist-switch-input { - position: absolute; - left: 0; - z-index: -1; - width: 24px; - height: 25px; - opacity: 0; -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label { - color: #1A1B29; - font-weight: 500; -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:before { - background-color: var(--directorist-color-primary); -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:after { - -webkit-transform: translateX(20px); - transform: translateX(20px); + position: absolute; + left: 0; + z-index: -1; + width: 24px; + height: 25px; + opacity: 0; +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label { + color: #1a1b29; + font-weight: 500; +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label:before { + background-color: var(--directorist-color-primary); +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label:after { + transform: translateX(20px); } .directorist-switch .directorist-switch-label { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 400; - padding-left: 65px; - margin-left: 0; - color: var(--directorist-color-body); + user-select: none; + position: relative; + display: inline-flex; + align-items: center; + font-size: 14px; + font-weight: 400; + padding-left: 65px; + margin-left: 0; + color: var(--directorist-color-body); } .directorist-switch .directorist-switch-label:before { - content: ""; - position: absolute; - top: 0.75px; - left: 4px; - display: block; - width: 44px; - height: 24px; - border-radius: 15px; - pointer-events: all; - background-color: #ECECEC; + content: ""; + position: absolute; + top: 0.75px; + left: 4px; + display: block; + width: 44px; + height: 24px; + border-radius: 15px; + pointer-events: all; + background-color: #ececec; } .directorist-switch .directorist-switch-label:after { - position: absolute; - display: block; - content: ""; - background: no-repeat 50%/50% 50%; - top: 4.75px; - left: 8px; - background-color: var(--directorist-color-white) !important; - width: 16px; - height: 16px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); - box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); - border-radius: 15px; - transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -} - -.directorist-switch.directorist-switch-primary .directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-primary); -} -.directorist-switch.directorist-switch-success.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-success); -} -.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-secondary); -} -.directorist-switch.directorist-switch-danger.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-danger); -} -.directorist-switch.directorist-switch-warning.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-warning); -} -.directorist-switch.directorist-switch-info.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-info); + position: absolute; + display: block; + content: ""; + background: no-repeat 50%/50% 50%; + top: 4.75px; + left: 8px; + background-color: var(--directorist-color-white) !important; + width: 16px; + height: 16px; + background-color: var(--directorist-color-white); + box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); + border-radius: 15px; + transition: + transform 0.15s ease-in-out, + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out, + -webkit-transform 0.15s ease-in-out, + -webkit-box-shadow 0.15s ease-in-out; +} + +.directorist-switch.directorist-switch-primary + .directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-primary); +} +.directorist-switch.directorist-switch-success.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-success); +} +.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-secondary); +} +.directorist-switch.directorist-switch-danger.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-danger); +} +.directorist-switch.directorist-switch-warning.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-warning); +} +.directorist-switch.directorist-switch-info.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-info); } .directorist-switch-Yn { - font-size: 15px; - padding: 3px; - position: relative; - display: inline-block; - border: 1px solid #e9e9e9; - border-radius: 17px; + font-size: 15px; + padding: 3px; + position: relative; + display: inline-block; + border: 1px solid #e9e9e9; + border-radius: 17px; } .directorist-switch-Yn span { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - font-size: 14px; - line-height: 27px; - padding: 5px 10.5px; - font-weight: 500; -} -.directorist-switch-Yn input[type=checkbox] { - display: none; -} -.directorist-switch-Yn input[type=checkbox]:checked + .directorist-switch-yes { - background-color: #3E62F5; - color: var(--directorist-color-white); -} -.directorist-switch-Yn input[type=checkbox]:checked + span + .directorist-switch-no { - background-color: transparent; - color: #9b9eaf; -} -.directorist-switch-Yn input[type=checkbox] .directorist-switch-yes { - background-color: transparent; - color: #9b9eaf; -} -.directorist-switch-Yn input[type=checkbox] + span + .directorist-switch-no { - background-color: #fb6665; - color: var(--directorist-color-white); + user-select: none; + font-size: 14px; + line-height: 27px; + padding: 5px 10.5px; + font-weight: 500; +} +.directorist-switch-Yn input[type="checkbox"] { + display: none; +} +.directorist-switch-Yn + input[type="checkbox"]:checked + + .directorist-switch-yes { + background-color: #3e62f5; + color: var(--directorist-color-white); +} +.directorist-switch-Yn + input[type="checkbox"]:checked + + span + + .directorist-switch-no { + background-color: transparent; + color: #9b9eaf; +} +.directorist-switch-Yn input[type="checkbox"] .directorist-switch-yes { + background-color: transparent; + color: #9b9eaf; +} +.directorist-switch-Yn input[type="checkbox"] + span + .directorist-switch-no { + background-color: #fb6665; + color: var(--directorist-color-white); } .directorist-switch-Yn .directorist-switch-yes { - border-radius: 15px 0 0 15px; + border-radius: 15px 0 0 15px; } .directorist-switch-Yn .directorist-switch-no { - border-radius: 0 15px 15px 0; + border-radius: 0 15px 15px 0; } /* Directorist Tooltip */ .directorist-tooltip { - position: relative; + position: relative; } .directorist-tooltip.directorist-tooltip-bottom[data-label]:before { - bottom: -8px; - top: auto; - border-top-color: var(--directorist-color-white); - border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); + bottom: -8px; + top: auto; + border-top-color: var(--directorist-color-white); + border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip.directorist-tooltip-bottom[data-label]:after { - -webkit-transform: translate(-50%); - transform: translate(-50%); - top: 100%; - margin-top: 8px; -} -.directorist-tooltip[data-label]:before, .directorist-tooltip[data-label]:after { - position: absolute !important; - bottom: 100%; - display: none; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - -webkit-animation: showTooltip 0.3s ease; - animation: showTooltip 0.3s ease; + transform: translate(-50%); + top: 100%; + margin-top: 8px; +} +.directorist-tooltip[data-label]:before, +.directorist-tooltip[data-label]:after { + position: absolute !important; + bottom: 100%; + display: none; + height: fit-content; + animation: showTooltip 0.3s ease; } .directorist-tooltip[data-label]:before { - content: ""; - left: 50%; - top: -6px; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - border: 6px solid transparent; - border-top-color: rgba(var(--directorist-color-dark-rgb), 1); + content: ""; + left: 50%; + top: -6px; + transform: translateX(-50%); + border: 6px solid transparent; + border-top-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip[data-label]:after { - font-size: 14px; - content: attr(data-label); - left: 50%; - -webkit-transform: translate(-50%, -6px); - transform: translate(-50%, -6px); - background: rgba(var(--directorist-color-dark-rgb), 1); - padding: 4px 12px; - border-radius: 3px; - color: var(--directorist-color-white); - z-index: 9999; - text-align: center; - min-width: 140px; - max-height: 200px; - overflow-y: auto; -} -.directorist-tooltip[data-label]:hover:before, .directorist-tooltip[data-label]:hover:after { - display: block; + font-size: 14px; + content: attr(data-label); + left: 50%; + transform: translate(-50%, -6px); + background: rgba(var(--directorist-color-dark-rgb), 1); + padding: 4px 12px; + border-radius: 3px; + color: var(--directorist-color-white); + z-index: 9999; + text-align: center; + min-width: 140px; + max-height: 200px; + overflow-y: auto; +} +.directorist-tooltip[data-label]:hover:before, +.directorist-tooltip[data-label]:hover:after { + display: block; } .directorist-tooltip .directorist-tooltip__label { - font-size: 16px; - color: var(--directorist-color-primary); + font-size: 16px; + color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:before { - border-top-color: var(--directorist-color-primary); + border-top-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:after { - background-color: var(--directorist-color-secondary); + background-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-info[data-label]:after { - background-color: var(--directorist-color-info); + background-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-info[data-label]:before { - border-top-color: var(--directorist-color-info); + border-top-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-warning[data-label]:after { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-warning[data-label]:before { - border-top-color: var(--directorist-color-warning); + border-top-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-success[data-label]:after { - background-color: var(--directorist-color-success); + background-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-success[data-label]:before { - border-top-color: var(--directorist-color-success); + border-top-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-danger[data-label]:after { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-danger[data-label]:before { - border-top-color: var(--directorist-color-danger); + border-top-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-primary[data-label]:before { - border-bottom-color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-info[data-label]:before { - border-bottom-color: var(--directorist-color-info); + border-bottom-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-warning[data-label]:before { - border-bottom-color: var(--directorist-color-warning); + border-bottom-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-success[data-label]:before { - border-bottom-color: var(--directorist-color-success); + border-bottom-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-danger[data-label]:before { - border-bottom-color: var(--directorist-color-danger); -} - -@-webkit-keyframes showTooltip { - from { - opacity: 0; - } + border-bottom-color: var(--directorist-color-danger); } @keyframes showTooltip { - from { - opacity: 0; - } + from { + opacity: 0; + } } /* Alerts style */ .directorist-alert { - font-size: 15px; - word-break: break-word; - border-radius: 8px; - background-color: #f4f4f4; - padding: 15px 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + font-size: 15px; + word-break: break-word; + border-radius: 8px; + background-color: #f4f4f4; + padding: 15px 20px; + display: flex; + align-items: center; + flex-wrap: wrap; } .directorist-alert .directorist-icon-mask { - margin-right: 5px; + margin-right: 5px; } .directorist-alert > a { - padding-left: 5px; + padding-left: 5px; } .directorist-alert__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: flex; + align-items: flex-start; } .directorist-alert__content span.la, .directorist-alert__content span.fa, .directorist-alert__content i { - margin-right: 12px; - line-height: 1.65; + margin-right: 12px; + line-height: 1.65; } .directorist-alert__content p { - margin-bottom: 0; + margin-bottom: 0; } .directorist-alert__close { - padding: 0 5px; - font-size: 20px !important; - background: none !important; - text-decoration: none; - margin-left: auto !important; - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.2; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + padding: 0 5px; + font-size: 20px !important; + background: none !important; + text-decoration: none; + margin-left: auto !important; + border: 0 none; + box-shadow: none; + line-height: 1.2; + display: flex; + align-items: center; + justify-content: center; } .directorist-alert__close .la, .directorist-alert__close .fa, .directorist-alert__close i, .directorist-alert__close span { - font-size: 16px; - margin-left: 10px; - color: var(--directorist-color-danger); + font-size: 16px; + margin-left: 10px; + color: var(--directorist-color-danger); } .directorist-alert__close:focus { - background-color: transparent; - outline: none; + background-color: transparent; + outline: none; } .directorist-alert a { - text-decoration: none; + text-decoration: none; } .directorist-alert.directorist-alert-primary { - background: rgba(var(--directorist-color-primary-rgb), 0.1); - color: var(--directorist-color-primary); + background: rgba(var(--directorist-color-primary-rgb), 0.1); + color: var(--directorist-color-primary); } .directorist-alert.directorist-alert-primary .directorist-alert__close { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-alert.directorist-alert-info { - background-color: #DCEBFE; - color: #157CF6; + background-color: #dcebfe; + color: #157cf6; } .directorist-alert.directorist-alert-info .directorist-alert__close { - color: #157CF6; + color: #157cf6; } .directorist-alert.directorist-alert-warning { - background-color: #FEE9D9; - color: #F56E00; + background-color: #fee9d9; + color: #f56e00; } .directorist-alert.directorist-alert-warning .directorist-alert__close { - color: #F56E00; + color: #f56e00; } .directorist-alert.directorist-alert-danger { - background-color: #FCD9D9; - color: #E80000; + background-color: #fcd9d9; + color: #e80000; } .directorist-alert.directorist-alert-danger .directorist-alert__close { - color: #E80000; + color: #e80000; } .directorist-alert.directorist-alert-success { - background-color: #D9EFDC; - color: #009114; + background-color: #d9efdc; + color: #009114; } .directorist-alert.directorist-alert-success .directorist-alert__close { - color: #009114; + color: #009114; } .directorist-alert--sm { - padding: 10px 20px; + padding: 10px 20px; } .alert-danger { - background: rgba(232, 0, 0, 0.3); + background: rgba(232, 0, 0, 0.3); } .alert-danger.directorist-register-error { - background: #FCD9D9; - color: #E80000; - border-radius: 3px; + background: #fcd9d9; + color: #e80000; + border-radius: 3px; } .alert-danger.directorist-register-error .directorist-alert__close { - color: #E80000; + color: #e80000; } /* Add listing notice alert */ .directorist-single-listing-notice .directorist-alert__content { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - width: 100%; + justify-content: space-between; + width: 100%; } .directorist-single-listing-notice .directorist-alert__content button { - cursor: pointer; + cursor: pointer; } .directorist-single-listing-notice .directorist-alert__content button span { - font-size: 20px; + font-size: 20px; } .directorist-user-dashboard .directorist-container-fluid { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } .directorist-user-dashboard .directorist-alert-info .directorist-alert__close { - cursor: pointer; - padding-right: 0; + cursor: pointer; + padding-right: 0; } /* Modal Core Styles */ .directorist-modal { - position: fixed; - width: 100%; - height: 100%; - padding: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - left: 0; - top: 0; - z-index: -1; - overflow: auto; - outline: 0; + position: fixed; + width: 100%; + height: 100%; + padding: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + left: 0; + top: 0; + z-index: -1; + overflow: auto; + outline: 0; } .directorist-modal__dialog { - position: relative; - width: 500px; - margin: 30px auto; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 0; - visibility: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-height: calc(100% - 80px); - pointer-events: none; + position: relative; + width: 500px; + margin: 30px auto; + transition: 0.3s ease; + opacity: 0; + visibility: hidden; + display: flex; + align-items: center; + justify-content: center; + min-height: calc(100% - 80px); + pointer-events: none; } .directorist-modal__dialog-lg { - width: 900px; + width: 900px; } .directorist-modal__content { - width: 100%; - background-color: var(--directorist-color-white); - pointer-events: auto; - border-radius: 12px; - position: relative; + width: 100%; + background-color: var(--directorist-color-white); + pointer-events: auto; + border-radius: 12px; + position: relative; } .directorist-modal__content .directorist-modal__header { - position: relative; - padding: 15px; - border-bottom: 1px solid var(--directorist-color-border-gray); + position: relative; + padding: 15px; + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-modal__content .directorist-modal__header__title { - font-size: 20px; - font-weight: 500; - margin: 0; - color: var(--directorist-color-dark); -} -.directorist-modal__content .directorist-modal__header .directorist-modal-close { - position: absolute; - width: 28px; - height: 28px; - right: 25px; - top: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - line-height: 1.45; - padding: 6px; - text-decoration: none; - -webkit-transition: 0.2s background-color ease-in-out; - transition: 0.2s background-color ease-in-out; - background-color: var(--directorist-color-bg-light); -} -.directorist-modal__content .directorist-modal__header .directorist-modal-close:hover { - color: var(--directorist-color-body); - background-color: var(--directorist-color-light-hover); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + font-size: 20px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); +} +.directorist-modal__content + .directorist-modal__header + .directorist-modal-close { + position: absolute; + width: 28px; + height: 28px; + right: 25px; + top: 10px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + line-height: 1.45; + padding: 6px; + text-decoration: none; + transition: 0.2s background-color ease-in-out; + background-color: var(--directorist-color-bg-light); +} +.directorist-modal__content + .directorist-modal__header + .directorist-modal-close:hover { + color: var(--directorist-color-body); + background-color: var(--directorist-color-light-hover); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-modal__content .directorist-modal__body { - padding: 25px 40px; + padding: 25px 40px; } .directorist-modal__content .directorist-modal__footer { - border-top: 1px solid var(--directorist-color-border-gray); - padding: 18px; -} -.directorist-modal__content .directorist-modal__footer .directorist-modal__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - margin: -7.5px; -} -.directorist-modal__content .directorist-modal__footer .directorist-modal__action button { - margin: 7.5px; + border-top: 1px solid var(--directorist-color-border-gray); + padding: 18px; +} +.directorist-modal__content + .directorist-modal__footer + .directorist-modal__action { + display: flex; + justify-content: flex-end; + margin: -7.5px; +} +.directorist-modal__content + .directorist-modal__footer + .directorist-modal__action + button { + margin: 7.5px; } .directorist-modal__content .directorist-modal .directorist-form-group label { - font-size: 16px; + font-size: 16px; } -.directorist-modal__content .directorist-modal .directorist-form-group .directorist-form-element { - resize: none; +.directorist-modal__content + .directorist-modal + .directorist-form-group + .directorist-form-element { + resize: none; } .directorist-modal__dialog.directorist-modal--lg { - width: 800px; + width: 800px; } .directorist-modal__dialog.directorist-modal--xl { - width: 1140px; + width: 1140px; } .directorist-modal__dialog.directorist-modal--sm { - width: 300px; + width: 300px; } .directorist-modal.directorist-fade { - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 1; - visibility: visible; - z-index: 9999; + transition: 0.3s ease; + opacity: 1; + visibility: visible; + z-index: 9999; } .directorist-modal.directorist-fade:not(.directorist-show) { - opacity: 0; - visibility: hidden; + opacity: 0; + visibility: hidden; } .directorist-modal.directorist-show .directorist-modal__dialog { - opacity: 1; - visibility: visible; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + opacity: 1; + visibility: visible; + transition: 0.3s ease; } .directorist-search-modal__overlay { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - opacity: 0; - visibility: hidden; - z-index: 9999; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 0; + visibility: hidden; + z-index: 9999; } .directorist-search-modal__overlay:before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - opacity: 1; - -webkit-transition: all ease 0.4s; - transition: all ease 0.4s; + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 1; + transition: all ease 0.4s; } .directorist-search-modal__contents { - position: fixed; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - bottom: -100%; - width: 90%; - max-width: 600px; - margin-bottom: 100px; - overflow: hidden; - opacity: 0; - visibility: hidden; - z-index: 9999; - border-radius: 12px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-white); + position: fixed; + left: 50%; + transform: translateX(-50%); + bottom: -100%; + width: 90%; + max-width: 600px; + margin-bottom: 100px; + overflow: hidden; + opacity: 0; + visibility: hidden; + z-index: 9999; + border-radius: 12px; + transition: all ease 0.3s; + background-color: var(--directorist-color-white); } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents { - width: 100%; - margin-bottom: 0; - border-radius: 16px 16px 0 0; - } + .directorist-search-modal__contents { + width: 100%; + margin-bottom: 0; + border-radius: 16px 16px 0 0; + } } .directorist-search-modal__contents__header { - position: fixed; - top: 0; - left: 0; - right: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 15px 25px 15px 40px; - border-radius: 16px 16px 0 0; - background-color: var(--directorist-color-white); - border-bottom: 1px solid var(--directorist-color-border); - z-index: 999; + position: fixed; + top: 0; + left: 0; + right: 0; + display: flex; + align-items: center; + justify-content: space-between; + padding: 15px 25px 15px 40px; + border-radius: 16px 16px 0 0; + background-color: var(--directorist-color-white); + border-bottom: 1px solid var(--directorist-color-border); + z-index: 999; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__header { - padding-left: 30px; - padding-right: 20px; - } + .directorist-search-modal__contents__header { + padding-left: 30px; + padding-right: 20px; + } } .directorist-search-modal__contents__body { - height: calc(100vh - 380px); - padding: 30px 40px 0; - overflow: auto; - margin-top: 70px; - margin-bottom: 80px; + height: calc(100vh - 380px); + padding: 30px 40px 0; + overflow: auto; + margin-top: 70px; + margin-bottom: 80px; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__body { - margin-top: 55px; - margin-bottom: 80px; - padding: 30px 30px 0; - height: calc(100dvh - 250px); - } + .directorist-search-modal__contents__body { + margin-top: 55px; + margin-bottom: 80px; + padding: 30px 30px 0; + height: calc(100dvh - 250px); + } } .directorist-search-modal__contents__body .directorist-search-field__label { - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - -webkit-transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; - transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::placeholder, -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-form-group__prefix--start { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element { - padding-right: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=date], .directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=time], .directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=number] { - padding-right: 0; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-form-group__prefix--start { + opacity: 0; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element { + padding-right: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="date"], +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="time"], +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="number"] { + padding-right: 0; } .directorist-search-modal__contents__body .directorist-search-field__btn { - position: absolute; - bottom: 12px; - cursor: pointer; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear { - opacity: 0; - visibility: hidden; - right: 0; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear i::after { - width: 16px; - height: 16px; - background-color: #bcbcbc; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear:hover i::after { - background-color: var(--directorist-color-primary); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=number] { - appearance: none !important; - -webkit-appearance: none !important; - -moz-appearance: none !important; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=date] { - padding-right: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=time] { - padding-right: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-form-group__prefix--start { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__label { - top: 0; - font-size: 13px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__btn { - opacity: 1; - visibility: visible; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input { - position: relative; - bottom: -5px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-location-js { - padding-right: 45px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-form.select2-selection__rendered, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-dark); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-dark); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused.atbdp-form-fade:after, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-filter-location-icon { - margin-top: 0; -} -.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range { - position: relative; -} -.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range .directorist-search-field__label { - font-size: 16px; - font-weight: 500; - position: unset; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-select .directorist-search-field__label { - opacity: 0; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - right: 25px; - bottom: 12px; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after { - background-color: #808080; -} -.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask:after { - width: 12px; - height: 12px; - background-color: #808080; + position: absolute; + bottom: 12px; + cursor: pointer; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear { + opacity: 0; + visibility: hidden; + right: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear + i::after { + width: 16px; + height: 16px; + background-color: #bcbcbc; + transition: background-color 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear:hover + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="number"] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="date"] { + padding-right: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="time"] { + padding-right: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: 0; + font-size: 13px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__btn { + opacity: 1; + visibility: visible; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input { + position: relative; + bottom: -5px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select + .directorist-search-field__label { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-right: 45px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-form.select2-selection__rendered, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused.atbdp-form-fade:after, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field.directorist-search-field-text_range { + position: relative; +} +.directorist-search-modal__contents__body + .directorist-search-field.directorist-search-field-text_range + .directorist-search-field__label { + font-size: 16px; + font-weight: 500; + position: unset; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-select + .directorist-search-field__label { + opacity: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + right: 25px; + bottom: 12px; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-filter-location-icon + .directorist-icon-mask:after { + background-color: #808080; +} +.directorist-search-modal__contents__body + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-icon-mask { + display: flex; + flex: 1; + justify-content: flex-end; +} +.directorist-search-modal__contents__body + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-icon-mask:after { + width: 12px; + height: 12px; + background-color: #808080; } .directorist-search-modal__contents__body .directorist-search-form-dropdown { - border-bottom: 1px solid var(--directorist-color-border); + border-bottom: 1px solid var(--directorist-color-border); } .directorist-search-modal__contents__body .wp-picker-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap { - margin: 0 !important; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label { - width: 70px; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label input { - padding-right: 10px !important; - bottom: 0; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap .wp-picker-clear { - margin: 0; - width: 100px; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-holder { - top: 45px; + display: flex; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap { + margin: 0 !important; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + label { + width: 70px; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + label + input { + padding-right: 10px !important; + bottom: 0; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-holder { + top: 45px; } .directorist-search-modal__contents__footer { - position: fixed; - bottom: 0; - left: 0; - right: 0; - border-radius: 0 0 16px 16px; - background-color: var(--directorist-color-light); - z-index: 9; + position: fixed; + bottom: 0; + left: 0; + right: 0; + border-radius: 0 0 16px 16px; + background-color: var(--directorist-color-light); + z-index: 9; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__footer { - border-radius: 0; - } - .directorist-search-modal__contents__footer .directorist-advanced-filter__action { - padding: 15px 30px; - } -} -.directorist-search-modal__contents__footer .directorist-advanced-filter__action .directorist-btn { - font-size: 15px; + .directorist-search-modal__contents__footer { + border-radius: 0; + } + .directorist-search-modal__contents__footer + .directorist-advanced-filter__action { + padding: 15px 30px; + } +} +.directorist-search-modal__contents__footer + .directorist-advanced-filter__action + .directorist-btn { + font-size: 15px; } .directorist-search-modal__contents__footer .directorist-btn-reset-js { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; - padding: 0; - text-transform: none; - border: none; - background: transparent; - cursor: pointer; + order: -1; + padding: 0; + text-transform: none; + border: none; + background: transparent; + cursor: pointer; } .directorist-search-modal__contents__footer .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + opacity: 0.5; + cursor: not-allowed; } .directorist-search-modal__contents__title { - font-size: 20px; - font-weight: 500; - margin: 0; + font-size: 20px; + font-weight: 500; + margin: 0; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__title { - font-size: 18px; - } + .directorist-search-modal__contents__title { + font-size: 18px; + } } .directorist-search-modal__contents__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - padding: 0; - background-color: var(--directorist-color-light); - border-radius: 100%; - border: none; - cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + padding: 0; + background-color: var(--directorist-color-light); + border-radius: 100%; + border: none; + cursor: pointer; } .directorist-search-modal__contents__btn i::after { - width: 10px; - height: 10px; - -webkit-transition: background-color ease 0.3s; - transition: background-color ease 0.3s; - background-color: var(--directorist-color-dark); + width: 10px; + height: 10px; + transition: background-color ease 0.3s; + background-color: var(--directorist-color-dark); } .directorist-search-modal__contents__btn:hover i::after { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__btn { - width: auto; - height: auto; - background: transparent; - } - .directorist-search-modal__contents__btn i::after { - width: 12px; - height: 12px; - } -} -.directorist-search-modal .directorist-advanced-filter__form .directorist-search-modal__contents__body { - height: calc(100vh - 350px); + .directorist-search-modal__contents__btn { + width: auto; + height: auto; + background: transparent; + } + .directorist-search-modal__contents__btn i::after { + width: 12px; + height: 12px; + } +} +.directorist-search-modal + .directorist-advanced-filter__form + .directorist-search-modal__contents__body { + height: calc(100vh - 350px); } @media only screen and (max-width: 575px) { - .directorist-search-modal .directorist-advanced-filter__form .directorist-search-modal__contents__body { - height: calc(100vh - 200px); - } + .directorist-search-modal + .directorist-advanced-filter__form + .directorist-search-modal__contents__body { + height: calc(100vh - 200px); + } } .directorist-search-modal__minimizer { - content: ""; - position: absolute; - top: 10px; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - width: 50px; - height: 5px; - border-radius: 8px; - background-color: var(--directorist-color-border); - opacity: 0; - visibility: hidden; + content: ""; + position: absolute; + top: 10px; + left: 50%; + transform: translateX(-50%); + width: 50px; + height: 5px; + border-radius: 8px; + background-color: var(--directorist-color-border); + opacity: 0; + visibility: hidden; } @media only screen and (max-width: 575px) { - .directorist-search-modal__minimizer { - opacity: 1; - visibility: visible; - } + .directorist-search-modal__minimizer { + opacity: 1; + visibility: visible; + } } .directorist-search-modal--basic .directorist-search-modal__contents__body { - margin: 0; - padding: 30px; - height: calc(100vh - 260px); + margin: 0; + padding: 30px; + height: calc(100vh - 260px); } @media only screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__contents__body { - height: calc(100vh - 110px); - } + .directorist-search-modal--basic .directorist-search-modal__contents__body { + height: calc(100vh - 110px); + } } @media only screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__contents { - margin: 0; - border-radius: 16px 16px 0 0; - } + .directorist-search-modal--basic .directorist-search-modal__contents { + margin: 0; + border-radius: 16px 16px 0 0; + } } .directorist-search-modal--basic .directorist-search-query { - position: relative; + position: relative; } .directorist-search-modal--basic .directorist-search-query:after { - content: ""; - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - width: 16px; - height: 16px; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - background-color: var(--directorist-color-body); - -webkit-mask-image: url(../js/d900b2f795c7e6714e7b.svg); - mask-image: url(../js/d900b2f795c7e6714e7b.svg); -} -.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search { - border-radius: 8px; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search i::after { - background-color: currentColor; + content: ""; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + transition: all ease 0.3s; + width: 16px; + height: 16px; + mask-position: center; + mask-repeat: no-repeat; + background-color: var(--directorist-color-body); + mask-image: url(../js/../images/9ddfe727fdcddbb985d69ce2e9a06358.svg); +} +.directorist-search-modal--basic + .directorist-search-form-action__modal__btn-search { + border-radius: 8px; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-search-modal--basic + .directorist-search-form-action__modal__btn-search + i::after { + background-color: currentColor; } @media screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input { - min-height: 42px; - border-radius: 8px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field { - width: 100%; - margin: 0 20px; - padding-right: 15px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__label:before { - content: ""; - width: 14px; - height: 14px; - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/e6b033cae029287f53b3.svg); - mask-image: url(../js/e6b033cae029287f53b3.svg); - opacity: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__btn { - bottom: unset; - right: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-filter-location-icon { - margin-top: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input { - width: 100%; - padding-right: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select { - width: calc(100% + 20px); - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - right: 5px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value { - border-bottom: none; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value:focus-within { - outline: none; - border-bottom: 2px solid var(--directorist-color-primary); - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-text_range { - padding: 5px 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search { - width: auto; - padding-right: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap { - right: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) { - margin: 0 40px; - } + .directorist-search-modal--basic .directorist-search-modal__input { + min-height: 42px; + border-radius: 8px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field { + width: 100%; + margin: 0 20px; + padding-right: 15px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__label:before { + content: ""; + width: 14px; + height: 14px; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + background-color: var(--directorist-color-body); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + opacity: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__btn { + bottom: unset; + right: 20px; + top: 50%; + transform: translateY(-50%); + transition: all 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input { + width: 100%; + padding-right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select { + width: calc(100% + 20px); + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + right: 5px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-custom-range-slider__value { + border-bottom: none; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-custom-range-slider__value:focus-within { + outline: none; + border-bottom: 2px solid var(--directorist-color-primary); + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-text_range { + padding: 5px 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-radius_search { + width: auto; + padding-right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) { + margin: 0 40px; + } } @media screen and (max-width: 575px) and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select { - width: calc(100% + 20px); - } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select { + width: calc(100% + 20px); + } } @media screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label { - font-size: 0 !important; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - left: -25px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label:before { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input { - bottom: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-moz-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__btn { - right: -20px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select ~ .directorist-search-field__btn--clear, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - right: 5px !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input { - padding-right: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-location-js { - padding-right: 30px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel).atbdp-form-fade:after, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon { - margin-top: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__label { - opacity: 0; - font-size: 0 !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value { - padding-right: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select { - width: 100%; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - right: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear { - right: 20px !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-form-dropdown { - margin-right: 20px !important; - border-bottom: none; - } - .directorist-search-modal--basic .directorist-price-ranges:after { - top: 30px; - } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__label { + font-size: 0 !important; + top: 50%; + transform: translateY(-50%); + left: -25px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__label:before { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input { + bottom: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__btn { + right: -20px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + right: 5px !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input { + padding-right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-location-js { + padding-right: 30px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not( + .input-has-noLabel + ).atbdp-form-fade:after, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__label { + opacity: 0; + font-size: 0 !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value { + padding-right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select { + width: 100%; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + right: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear { + right: 20px !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-form-dropdown { + margin-right: 20px !important; + border-bottom: none; + } + .directorist-search-modal--basic .directorist-price-ranges:after { + top: 30px; + } } .directorist-search-modal--basic .open_now > label { - display: none; + display: none; } .directorist-search-modal--basic .open_now .check-btn, -.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges { - padding: 10px 0; -} -.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges__price-frequency__btn { - display: block; -} -.directorist-search-modal--basic .directorist-advanced-filter__advanced__element .directorist-search-field { - margin: 0; - padding: 10px 0; +.directorist-search-modal--basic + .directorist-search-modal__input + .directorist-price-ranges { + padding: 10px 0; +} +.directorist-search-modal--basic + .directorist-search-modal__input + .directorist-price-ranges__price-frequency__btn { + display: block; +} +.directorist-search-modal--basic + .directorist-advanced-filter__advanced__element + .directorist-search-field { + margin: 0; + padding: 10px 0; } .directorist-search-modal--basic .directorist-checkbox-wrapper, .directorist-search-modal--basic .directorist-radio-wrapper, .directorist-search-modal--basic .directorist-search-tags { - width: 100%; - margin: 10px 0; -} -.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-checkbox, -.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-radio, -.directorist-search-modal--basic .directorist-radio-wrapper .directorist-checkbox, + width: 100%; + margin: 10px 0; +} +.directorist-search-modal--basic + .directorist-checkbox-wrapper + .directorist-checkbox, +.directorist-search-modal--basic + .directorist-checkbox-wrapper + .directorist-radio, +.directorist-search-modal--basic + .directorist-radio-wrapper + .directorist-checkbox, .directorist-search-modal--basic .directorist-radio-wrapper .directorist-radio, .directorist-search-modal--basic .directorist-search-tags .directorist-checkbox, .directorist-search-modal--basic .directorist-search-tags .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } -.directorist-search-modal--basic .directorist-search-tags ~ .directorist-btn-ml { - margin-bottom: 10px; +.directorist-search-modal--basic + .directorist-search-tags + ~ .directorist-btn-ml { + margin-bottom: 10px; } -.directorist-search-modal--basic .directorist-select .select2-container.select2-container--default .select2-selection--single { - min-height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; +.directorist-search-modal--basic + .directorist-select + .select2-container.select2-container--default + .select2-selection--single { + min-height: 40px; + display: flex; } .directorist-search-modal--basic .directorist-search-field-pricing > label, .directorist-search-modal--basic .directorist-search-field__number > label, .directorist-search-modal--basic .directorist-search-field-text_range > label, .directorist-search-modal--basic .directorist-search-field-price_range > label, -.directorist-search-modal--basic .directorist-search-field-radius_search > label { - position: unset; - -webkit-transform: unset; - transform: unset; - display: block; - font-size: 14px; - margin-bottom: 15px; -} -.directorist-search-modal--advanced .directorist-search-modal__contents__body .directorist-search-field__btn { - bottom: 12px; +.directorist-search-modal--basic + .directorist-search-field-radius_search + > label { + position: unset; + transform: unset; + display: block; + font-size: 14px; + margin-bottom: 15px; +} +.directorist-search-modal--advanced + .directorist-search-modal__contents__body + .directorist-search-field__btn { + bottom: 12px; } .directorist-search-modal--full .directorist-search-field { - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + transition: margin 0.3s ease; } -.directorist-search-modal--full .directorist-search-field .directorist-search-field__label { - font-size: 14px; - font-weight: 400; +.directorist-search-modal--full + .directorist-search-field + .directorist-search-field__label { + font-size: 14px; + font-weight: 400; } .directorist-search-modal--full .directorist-search-field.input-is-focused { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-top: 40px; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__label { - top: -35px; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; - margin: 0; - z-index: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - width: 100%; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; + width: 100%; + display: inline-flex; + margin-top: 40px; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0; + z-index: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; } .directorist-search-modal--full .directorist-search-field-pricing > label, .directorist-search-modal--full .directorist-search-field-text_range > label, -.directorist-search-modal--full .directorist-search-field-radius_search > label { - display: block; - font-size: 16px; - font-weight: 500; - margin-bottom: 18px; +.directorist-search-modal--full + .directorist-search-field-radius_search + > label { + display: block; + font-size: 16px; + font-weight: 500; + margin-bottom: 18px; } .directorist-search-modal__input { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border: 1px solid var(--directorist-color-border); - border-radius: 8px; - min-height: 40px; - margin: 0 0 15px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + display: flex; + align-items: center; + border: 1px solid var(--directorist-color-border); + border-radius: 8px; + min-height: 40px; + margin: 0 0 15px; + transition: all ease 0.3s; } .directorist-search-modal__input .directorist-select { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + display: inline-flex; + flex-wrap: wrap; + flex: 1; } .directorist-search-modal__input .select2.select2-container .select2-selection, -.directorist-search-modal__input .directorist-form-group .directorist-form-element, -.directorist-search-modal__input .directorist-form-group .directorist-form-element:focus { - border: 0 none; +.directorist-search-modal__input + .directorist-form-group + .directorist-form-element, +.directorist-search-modal__input + .directorist-form-group + .directorist-form-element:focus { + border: 0 none; } .directorist-search-modal__input__btn { - width: 0; - padding: 0 10px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + width: 0; + padding: 0 10px; + transition: all ease 0.3s; } .directorist-search-modal__input__btn .directorist-icon-mask::after { - width: 14px; - height: 14px; - opacity: 0; - visibility: hidden; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-body); -} -.directorist-search-modal__input .input-is-focused.directorist-search-query::after { - display: none; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; + width: 14px; + height: 14px; + opacity: 0; + visibility: hidden; + transition: all ease 0.3s; + background-color: var(--directorist-color-body); +} +.directorist-search-modal__input + .input-is-focused.directorist-search-query::after { + display: none; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; } .directorist-search-modal .directorist-checkbox-wrapper, .directorist-search-modal .directorist-radio-wrapper, .directorist-search-modal .directorist-search-tags { - padding: 0; - gap: 12px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + gap: 12px; + flex-wrap: wrap; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-form-dropdown { - padding: 0 !important; - } - .directorist-search-modal .directorist-search-form-dropdown .directorist-search-field__btn { - right: 0; - } -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused { - margin-top: 0 !important; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - bottom: 0 !important; - padding-right: 25px; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label { - opacity: 1 !important; - visibility: visible; - margin: 0; - font-size: 14px !important; - font-weight: 500; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item { - font-weight: 600; - margin-left: 5px; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { - opacity: 1; - visibility: visible; + .directorist-search-modal .directorist-search-form-dropdown { + padding: 0 !important; + } + .directorist-search-modal + .directorist-search-form-dropdown + .directorist-search-field__btn { + right: 0; + } +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value, +.directorist-search-modal .directorist-search-form-dropdown.input-is-focused { + margin-top: 0 !important; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + bottom: 0 !important; + padding-right: 25px; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label { + opacity: 1 !important; + visibility: visible; + margin: 0; + font-size: 14px !important; + font-weight: 500; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item { + font-weight: 600; + margin-left: 5px; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + opacity: 1; + visibility: visible; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - padding-right: 0 !important; - } - .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { - right: 25px !important; - } + .directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, + .directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-right: 0 !important; + } + .directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, + .directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + right: 25px !important; + } } .directorist-search-modal .directorist-search-basic-dropdown { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - padding: 0; - width: 100%; - max-width: unset; - height: 40px; - line-height: 40px; - font-size: 14px; - font-weight: 500; - cursor: pointer; - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; - color: var(--directorist-color-dark); -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-prefix:not(:empty) { - -webkit-margin-end: 5px; - margin-inline-end: 5px; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-count:not(:empty) { - width: 20px; - height: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - font-size: 10px; - border-radius: 100%; - -webkit-margin-start: 10px; - margin-inline-start: 10px; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i:after { - width: 12px; - height: 12px; - background-color: #808080; + position: relative; + box-sizing: border-box; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + position: relative; + padding: 0; + width: 100%; + max-width: unset; + height: 40px; + line-height: 40px; + font-size: 14px; + font-weight: 500; + cursor: pointer; + position: unset !important; + transform: unset !important; + color: var(--directorist-color-dark); +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-prefix:not(:empty) { + margin-inline-end: 5px; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-count:not(:empty) { + width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + font-size: 10px; + border-radius: 100%; + margin-inline-start: 10px; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: flex; + flex: 1; + justify-content: flex-end; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i:after { + width: 12px; + height: 12px; + background-color: #808080; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before { - left: -20px !important; - } -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content { - position: absolute; - top: 100%; - left: 0; - width: 100%; - min-width: 150px; - padding: 15px 20px; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - max-height: 250px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - overflow-y: auto; - z-index: 100; - display: none; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content.dropdown-content-show { - display: block; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-search-tags { - gap: 12px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox__label { - width: 100%; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-radio-wrapper, -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox-wrapper { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-dark); + .directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label:before { + left: -20px !important; + } +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content { + position: absolute; + top: 100%; + left: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + max-height: 250px; + box-sizing: border-box; + overflow-y: auto; + z-index: 100; + display: none; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content.dropdown-content-show { + display: block; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-search-tags { + gap: 12px; + flex-direction: column; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox__label { + width: 100%; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-radio-wrapper, +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox-wrapper { + flex-direction: column; +} +.directorist-search-modal + .select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); } .directorist-content-active.directorist-overlay-active { - overflow: hidden; + overflow: hidden; } -.directorist-content-active .directorist-search-modal__input .select2.select2-container .select2-selection { - border: 0 none !important; +.directorist-content-active + .directorist-search-modal__input + .select2.select2-container + .select2-selection { + border: 0 none !important; } /* Responsive CSS */ /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) and (max-width: 1199.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) and (max-width: 767.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 30px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 30px); + } } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { - -webkit-transition: background-color 5000s ease-in-out 0s !important; - transition: background-color 5000s ease-in-out 0s !important; + transition: background-color 5000s ease-in-out 0s !important; } .directorist-content-active .directorist-card { - border: none; - padding: 0; - border-radius: 12px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + border: none; + padding: 0; + border-radius: 12px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-content-active .directorist-card__header { - padding: 20px 25px; - border-bottom: 1px solid var(--directorist-color-border); - border-radius: 16px 16px 0 0; + padding: 20px 25px; + border-bottom: 1px solid var(--directorist-color-border); + border-radius: 16px 16px 0 0; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-card__header { - padding: 15px 20px; - } + .directorist-content-active .directorist-card__header { + padding: 15px 20px; + } } .directorist-content-active .directorist-card__header__title { - font-size: 18px; - font-weight: 500; - line-height: 1.2; - color: var(--directorist-color-dark); - letter-spacing: normal; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0; - margin: 0; + font-size: 18px; + font-weight: 500; + line-height: 1.2; + color: var(--directorist-color-dark); + letter-spacing: normal; + display: flex; + align-items: center; + padding: 0; + margin: 0; } .directorist-content-active .directorist-card__body { - padding: 25px; - border-radius: 0 0 16px 16px; + padding: 25px; + border-radius: 0 0 16px 16px; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-card__body { - padding: 20px; - } + .directorist-content-active .directorist-card__body { + padding: 20px; + } } .directorist-content-active .directorist-card__body .directorist-review-single, -.directorist-content-active .directorist-card__body .directorist-widget-tags ul { - padding: 0; +.directorist-content-active + .directorist-card__body + .directorist-widget-tags + ul { + padding: 0; } .directorist-content-active .directorist-card__body p { - font-size: 15px; - margin-top: 0; + font-size: 15px; + margin-top: 0; } .directorist-content-active .directorist-card__body p:last-child { - margin-bottom: 0; + margin-bottom: 0; } .directorist-content-active .directorist-card__body p:empty { - display: none; + display: none; } .directorist-color-picker-wrap .wp-color-result { - text-decoration: none; - margin: 0 6px 0 0 !important; + text-decoration: none; + margin: 0 6px 0 0 !important; } .directorist-color-picker-wrap .wp-color-result:hover { - background-color: #F9F9F9; + background-color: #f9f9f9; } .directorist-color-picker-wrap .wp-picker-input-wrap label input { - width: auto !important; + width: auto !important; } -.directorist-color-picker-wrap .wp-picker-input-wrap label input.directorist-color-picker { - width: 100% !important; +.directorist-color-picker-wrap + .wp-picker-input-wrap + label + input.directorist-color-picker { + width: 100% !important; } .directorist-color-picker-wrap .wp-picker-clear { - padding: 0 15px; - margin-top: 3px; - font-size: 14px; - font-weight: 500; - line-height: 2.4; + padding: 0 15px; + margin-top: 3px; + font-size: 14px; + font-weight: 500; + line-height: 2.4; } .directorist-form-group { - position: relative; - width: 100%; + position: relative; + width: 100%; } .directorist-form-group textarea, .directorist-form-group textarea.directorist-form-element { - min-height: unset; - height: auto !important; - max-width: 100%; - width: 100%; + min-height: unset; + height: auto !important; + max-width: 100%; + width: 100%; } .directorist-form-group__with-prefix { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-bottom: 1px solid #d9d9d9; - width: 100%; - gap: 10px; + display: flex; + align-items: center; + border-bottom: 1px solid #d9d9d9; + width: 100%; + gap: 10px; } .directorist-form-group__with-prefix:focus-within { - border-bottom: 2px solid var(--directorist-color-dark); + border-bottom: 2px solid var(--directorist-color-dark); } .directorist-form-group__with-prefix .directorist-form-element { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0 !important; - border: none !important; + flex: 1; + margin: 0 !important; + border: none !important; } .directorist-form-group__with-prefix .directorist-single-info__value { - font-size: 14px; - font-weight: 500; - margin: 0 !important; + font-size: 14px; + font-weight: 500; + margin: 0 !important; } .directorist-form-group__prefix { - height: 40px; - line-height: 40px; - font-size: 14px; - font-weight: 500; - color: #828282; + height: 40px; + line-height: 40px; + font-size: 14px; + font-weight: 500; + color: #828282; } .directorist-form-group__prefix--start { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; + order: -1; } .directorist-form-group__prefix--end { - -webkit-box-ordinal-group: 3; - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; + order: 2; } -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input { - padding-right: 0 !important; +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-form-group__with-prefix + .directorist-search-field__input { + padding-right: 0 !important; } .directorist-form-group label { - margin: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + margin: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-form-group .directorist-form-element { - position: relative; - padding: 0; - width: 100%; - max-width: unset; - min-height: unset; - height: 40px; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); - border: none; - border-radius: 0; - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-bottom: 1px solid var(--directorist-color-border-gray); + position: relative; + padding: 0; + width: 100%; + max-width: unset; + min-height: unset; + height: 40px; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); + border: none; + border-radius: 0; + background: transparent; + box-sizing: border-box; + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-form-group .directorist-form-element:focus { - outline: none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; - border: none; - border-bottom: 2px solid var(--directorist-color-primary); + outline: none; + box-shadow: 0 0; + border: none; + border-bottom: 2px solid var(--directorist-color-primary); } .directorist-form-group .directorist-form-description { - font-size: 14px; - margin-top: 10px; - color: var(--directorist-color-deep-gray); + font-size: 14px; + margin-top: 10px; + color: var(--directorist-color-deep-gray); } .directorist-form-element.directorist-form-element-lg { - height: 50px; + height: 50px; } .directorist-form-element.directorist-form-element-lg__prefix { - height: 50px; - line-height: 50px; + height: 50px; + line-height: 50px; } .directorist-form-element.directorist-form-element-sm { - height: 30px; + height: 30px; } .directorist-form-element.directorist-form-element-sm__prefix { - height: 30px; - line-height: 30px; + height: 30px; + line-height: 30px; } .directorist-form-group.directorist-icon-left .directorist-input-icon { - left: 0; + left: 0; } .directorist-form-group.directorist-icon-left .location-name { - padding-left: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding-left: 25px; + box-sizing: border-box; } .directorist-form-group.directorist-icon-right .directorist-input-icon { - right: 0; + right: 0; } .directorist-form-group.directorist-icon-right .location-name { - padding-right: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding-right: 25px; + box-sizing: border-box; } .directorist-form-group .directorist-input-icon { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - line-height: 1.45; - z-index: 99; - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + position: absolute; + top: 50%; + transform: translateY(-50%); + line-height: 1.45; + z-index: 99; + transition: margin 0.3s ease; } .directorist-form-group .directorist-input-icon i, .directorist-form-group .directorist-input-icon span, .directorist-form-group .directorist-input-icon svg { - font-size: 14px; + font-size: 14px; } .directorist-form-group .directorist-input-icon .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-body); + width: 16px; + height: 16px; + background-color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-form-group .directorist-input-icon { - margin-top: 0; - } + .directorist-form-group .directorist-input-icon { + margin-top: 0; + } } .directorist-label { - margin-bottom: 0; + margin-bottom: 0; } input.directorist-toggle-input { - display: none; + display: none; } .directorist-toggle-input-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex; + align-items: center; + justify-content: space-between; } span.directorist-toggle-input-label-text { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding-right: 10px; + flex-grow: 1; + padding-right: 10px; } span.directorist-toggle-input-label-icon { - position: relative; - display: inline-block; - width: 50px; - height: 25px; - border-radius: 30px; - background-color: #d9d9d9; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + position: relative; + display: inline-block; + width: 50px; + height: 25px; + border-radius: 30px; + background-color: #d9d9d9; + transition: all ease-in-out 300ms; } span.directorist-toggle-input-label-icon::after { - content: ""; - position: absolute; - display: inline-block; - width: 15px; - height: 15px; - border-radius: 50%; - background-color: var(--directorist-color-white); - top: 50%; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + content: ""; + position: absolute; + display: inline-block; + width: 15px; + height: 15px; + border-radius: 50%; + background-color: var(--directorist-color-white); + top: 50%; + transform: translate(0, -50%); + transition: all ease-in-out 300ms; } -input.directorist-toggle-input:checked + .directorist-toggle-input-label span.directorist-toggle-input-label-icon { - background-color: #4353ff; +input.directorist-toggle-input:checked + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon { + background-color: #4353ff; } -input.directorist-toggle-input:not(:checked) + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after { - left: 5px; +input.directorist-toggle-input:not(:checked) + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon::after { + left: 5px; } -input.directorist-toggle-input:checked + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after { - left: calc(100% - 20px); +input.directorist-toggle-input:checked + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon::after { + left: calc(100% - 20px); } .directorist-tab-navigation { - padding: 0; - margin: 0 -10px 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + padding: 0; + margin: 0 -10px 20px; + display: flex; + justify-content: center; + align-items: center; } .directorist-tab-navigation-list-item { - position: relative; - list-style: none; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - margin: 10px; - padding: 15px 20px; - border-radius: 4px; - -webkit-flex-basis: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - background-color: var(--directorist-color-bg-light); + position: relative; + list-style: none; + flex-grow: 1; + text-align: center; + margin: 10px; + padding: 15px 20px; + border-radius: 4px; + flex-basis: 50%; + background-color: var(--directorist-color-bg-light); } .directorist-tab-navigation-list-item.--is-active { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-tab-navigation-list-item.--is-active::after { - content: ""; - position: absolute; - left: 50%; - bottom: -10px; - width: 0; - height: 0; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 10px solid var(--directorist-color-primary); - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); -} -.directorist-tab-navigation-list-item .directorist-tab-navigation-list-item-link { - margin: -15px -20px; + content: ""; + position: absolute; + left: 50%; + bottom: -10px; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid var(--directorist-color-primary); + transform: translate(-50%, 0); +} +.directorist-tab-navigation-list-item + .directorist-tab-navigation-list-item-link { + margin: -15px -20px; } .directorist-tab-navigation-list-item-link { - position: relative; - display: block; - text-decoration: none; - padding: 15px 20px; - border-radius: 4px; - color: var(--directorist-color-body); - background-color: var(--directorist-color-bg-light); -} -.directorist-tab-navigation-list-item-link:active, .directorist-tab-navigation-list-item-link:visited, .directorist-tab-navigation-list-item-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); + position: relative; + display: block; + text-decoration: none; + padding: 15px 20px; + border-radius: 4px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-bg-light); +} +.directorist-tab-navigation-list-item-link:active, +.directorist-tab-navigation-list-item-link:visited, +.directorist-tab-navigation-list-item-link:focus { + outline: none; + box-shadow: none; + color: var(--directorist-color-body); } .directorist-tab-navigation-list-item-link.--is-active { - cursor: default; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); + cursor: default; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-tab-navigation-list-item-link.--is-active::after { - content: ""; - position: absolute; - left: 50%; - bottom: -10px; - width: 0; - height: 0; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-top: 10px solid var(--directorist-color-primary); - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); + content: ""; + position: absolute; + left: 50%; + bottom: -10px; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid var(--directorist-color-primary); + transform: translate(-50%, 0); } .directorist-tab-content { - display: none; + display: none; } .directorist-tab-content.--is-active { - display: block; + display: block; } .directorist-headline-4 { - margin: 0 0 15px 0; - font-size: 15px; - font-weight: normal; + margin: 0 0 15px 0; + font-size: 15px; + font-weight: normal; } .directorist-label-addon-prepend { - margin-right: 10px; + margin-right: 10px; } .--is-hidden { - display: none; + display: none; } .directorist-flex-center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } .directorist-checkbox, .directorist-radio { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-checkbox input[type=checkbox], -.directorist-checkbox input[type=radio], -.directorist-radio input[type=checkbox], -.directorist-radio input[type=radio] { - display: none !important; -} -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label, .directorist-checkbox input[type=checkbox] + .directorist-radio__label, -.directorist-checkbox input[type=radio] + .directorist-checkbox__label, -.directorist-checkbox input[type=radio] + .directorist-radio__label, -.directorist-radio input[type=checkbox] + .directorist-checkbox__label, -.directorist-radio input[type=checkbox] + .directorist-radio__label, -.directorist-radio input[type=radio] + .directorist-checkbox__label, -.directorist-radio input[type=radio] + .directorist-radio__label { - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - display: inline-block; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - padding-left: 30px; - margin-bottom: 0; - margin-left: 0; - line-height: 1.4; - color: var(--directorist-color-body); - -webkit-box-sizing: content-box; - box-sizing: content-box; -} -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, -.directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, -.directorist-checkbox input[type=radio] + .directorist-radio__label:after, -.directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, -.directorist-radio input[type=checkbox] + .directorist-radio__label:after, -.directorist-radio input[type=radio] + .directorist-checkbox__label:after, -.directorist-radio input[type=radio] + .directorist-radio__label:after { - content: ""; - position: absolute; - left: 0; - top: 0; - width: 20px; - height: 20px; - border-radius: 5px; - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 2px solid var(--directorist-color-gray); - background-color: transparent; + display: flex; + align-items: center; +} +.directorist-checkbox input[type="checkbox"], +.directorist-checkbox input[type="radio"], +.directorist-radio input[type="checkbox"], +.directorist-radio input[type="radio"] { + display: none !important; +} +.directorist-checkbox input[type="checkbox"] + .directorist-checkbox__label, +.directorist-checkbox input[type="checkbox"] + .directorist-radio__label, +.directorist-checkbox input[type="radio"] + .directorist-checkbox__label, +.directorist-checkbox input[type="radio"] + .directorist-radio__label, +.directorist-radio input[type="checkbox"] + .directorist-checkbox__label, +.directorist-radio input[type="checkbox"] + .directorist-radio__label, +.directorist-radio input[type="radio"] + .directorist-checkbox__label, +.directorist-radio input[type="radio"] + .directorist-radio__label { + font-size: 14px; + display: flex; + flex-flow: column; + position: relative; + display: inline-block; + user-select: none; + padding-left: 30px; + margin-bottom: 0; + margin-left: 0; + line-height: 1.4; + color: var(--directorist-color-body); + box-sizing: content-box; +} +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-checkbox input[type="checkbox"] + .directorist-radio__label:after, +.directorist-checkbox input[type="radio"] + .directorist-checkbox__label:after, +.directorist-checkbox input[type="radio"] + .directorist-radio__label:after, +.directorist-radio input[type="checkbox"] + .directorist-checkbox__label:after, +.directorist-radio input[type="checkbox"] + .directorist-radio__label:after, +.directorist-radio input[type="radio"] + .directorist-checkbox__label:after, +.directorist-radio input[type="radio"] + .directorist-radio__label:after { + content: ""; + position: absolute; + left: 0; + top: 0; + width: 20px; + height: 20px; + border-radius: 5px; + background: transparent; + box-sizing: border-box; + border: 2px solid var(--directorist-color-gray); + background-color: transparent; } @media only screen and (max-width: 575px) { - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label, .directorist-checkbox input[type=checkbox] + .directorist-radio__label, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label, - .directorist-checkbox input[type=radio] + .directorist-radio__label, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label, - .directorist-radio input[type=checkbox] + .directorist-radio__label, - .directorist-radio input[type=radio] + .directorist-checkbox__label, - .directorist-radio input[type=radio] + .directorist-radio__label { - line-height: 1.2; - padding-left: 25px; - } - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, - .directorist-checkbox input[type=radio] + .directorist-radio__label:after, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, - .directorist-radio input[type=checkbox] + .directorist-radio__label:after, - .directorist-radio input[type=radio] + .directorist-checkbox__label:after, - .directorist-radio input[type=radio] + .directorist-radio__label:after { - top: 1px; - width: 16px; - height: 16px; - } - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-checkbox input[type=radio] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-radio input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-radio input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-radio input[type=radio] + .directorist-radio__label .directorist-icon-mask:after { - width: 12px; - height: 12px; - } -} -.directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox input[type=radio]:checked + .directorist-radio__label:after, -.directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:after, -.directorist-radio input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-radio input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:before, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:before, -.directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:before, -.directorist-checkbox input[type=radio]:checked + .directorist-radio__label:before, -.directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:before, -.directorist-radio input[type=checkbox]:checked + .directorist-radio__label:before, -.directorist-radio input[type=radio]:checked + .directorist-checkbox__label:before, -.directorist-radio input[type=radio]:checked + .directorist-radio__label:before { - opacity: 1; - visibility: visible; -} - -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before { - position: absolute; - left: 5px; - top: 5px; - content: ""; - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: var(--directorist-color-white); - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; + .directorist-checkbox input[type="checkbox"] + .directorist-checkbox__label, + .directorist-checkbox input[type="checkbox"] + .directorist-radio__label, + .directorist-checkbox input[type="radio"] + .directorist-checkbox__label, + .directorist-checkbox input[type="radio"] + .directorist-radio__label, + .directorist-radio input[type="checkbox"] + .directorist-checkbox__label, + .directorist-radio input[type="checkbox"] + .directorist-radio__label, + .directorist-radio input[type="radio"] + .directorist-checkbox__label, + .directorist-radio input[type="radio"] + .directorist-radio__label { + line-height: 1.2; + padding-left: 25px; + } + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label:after, + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label:after, + .directorist-checkbox input[type="radio"] + .directorist-radio__label:after, + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label:after, + .directorist-radio input[type="checkbox"] + .directorist-radio__label:after, + .directorist-radio input[type="radio"] + .directorist-checkbox__label:after, + .directorist-radio input[type="radio"] + .directorist-radio__label:after { + top: 1px; + width: 16px; + height: 16px; + } + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="radio"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-radio + input[type="checkbox"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-radio + input[type="radio"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-radio + input[type="radio"] + + .directorist-radio__label + .directorist-icon-mask:after { + width: 12px; + height: 12px; + } +} +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:after, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:before, +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:before, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:before, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:before, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:before, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:before, +.directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:before, +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:before { + opacity: 1; + visibility: visible; +} + +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + position: absolute; + left: 5px; + top: 5px; + content: ""; + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); + display: block; + opacity: 0; + transition: all 0.3s ease 0s; + z-index: 2; } @media only screen and (max-width: 575px) { - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before { - top: 4px; - left: 3px; - } -} - -.directorist-radio input[type=radio] + .directorist-radio__label:before { - position: absolute; - left: 5px; - top: 5px; - width: 8px; - height: 8px; - border-radius: 50%; - background-color: var(--directorist-color-white); - border: 0 none; - opacity: 0; - visibility: hidden; - z-index: 2; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - content: ""; + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + top: 4px; + left: 3px; + } +} + +.directorist-radio input[type="radio"] + .directorist-radio__label:before { + position: absolute; + left: 5px; + top: 5px; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: var(--directorist-color-white); + border: 0 none; + opacity: 0; + visibility: hidden; + z-index: 2; + transition: all 0.3s ease 0s; + content: ""; } @media only screen and (max-width: 575px) { - .directorist-radio input[type=radio] + .directorist-radio__label:before { - left: 3px; - top: 4px; - } -} -.directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); -} -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:before { - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: var(--directorist-color-white); -} - -.directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-radio__label:after, -.directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-checkbox__label:after, -.directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-radio__label:after, -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-checkbox__label:after, -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:after { - border-radius: 50%; -} - -.directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-secondary); - border-color: var(--directorist-color-secondary); -} -.directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); -} -.directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} - -.directorist-radio.directorist-radio-primary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: var(--directorist-color-primary) !important; -} -.directorist-radio.directorist-radio-primary input[type=radio]:checked + .directorist-radio__label:before { - background-color: var(--directorist-color-primary) !important; -} -.directorist-radio.directorist-radio-secondary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: var(--directorist-color-secondary) !important; -} -.directorist-radio.directorist-radio-secondary input[type=radio]:checked + .directorist-radio__label:before { - background-color: var(--directorist-color-secondary) !important; -} -.directorist-radio.directorist-radio-blue input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: #3e62f5 !important; -} -.directorist-radio.directorist-radio-blue input[type=radio]:checked + .directorist-radio__label:before { - background-color: #3e62f5 !important; + .directorist-radio input[type="radio"] + .directorist-radio__label:before { + left: 3px; + top: 4px; + } +} +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); +} +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:before { + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); +} + +.directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-radio__label:after, +.directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-radio__label:after, +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-checkbox__label:after, +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:after { + border-radius: 50%; +} + +.directorist-checkbox.directorist-checkbox-primary + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox.directorist-checkbox-secondary + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-secondary); + border-color: var(--directorist-color-secondary); +} +.directorist-checkbox.directorist-checkbox-success + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); +} +.directorist-checkbox.directorist-checkbox-blue + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} + +.directorist-radio.directorist-radio-primary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: var(--directorist-color-primary) !important; +} +.directorist-radio.directorist-radio-primary + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: var(--directorist-color-primary) !important; +} +.directorist-radio.directorist-radio-secondary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: var(--directorist-color-secondary) !important; +} +.directorist-radio.directorist-radio-secondary + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: var(--directorist-color-secondary) !important; +} +.directorist-radio.directorist-radio-blue + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: #3e62f5 !important; +} +.directorist-radio.directorist-radio-blue + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: #3e62f5 !important; } .directorist-checkbox-rating { - gap: 20px; - width: 100%; - padding: 10px 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.directorist-checkbox-rating input[type=checkbox] + .directorist-checkbox__label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + gap: 20px; + width: 100%; + padding: 10px 0; + flex-wrap: wrap; + flex-direction: column; + align-items: flex-start; +} +.directorist-checkbox-rating + input[type="checkbox"] + + .directorist-checkbox__label { + display: flex; + flex-direction: row; } .directorist-checkbox-rating .directorist-icon-mask:after { - width: 14px; - height: 14px; - margin-top: 1px; -} - -.directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:before { - width: 10px; - height: 10px; - top: 5px; - left: 5px; - background-color: var(--directorist-color-white) !important; -} -.directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:after { - width: 20px; - height: 20px; - border-color: #C6D0DC; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-radio.directorist-radio-theme-admin input[type=radio]:checked + .directorist-radio__label:after { - background-color: #3e62f5; - border-color: #3e62f5; + width: 14px; + height: 14px; + margin-top: 1px; +} + +.directorist-radio.directorist-radio-theme-admin + input[type="radio"] + + .directorist-radio__label:before { + width: 10px; + height: 10px; + top: 5px; + left: 5px; + background-color: var(--directorist-color-white) !important; +} +.directorist-radio.directorist-radio-theme-admin + input[type="radio"] + + .directorist-radio__label:after { + width: 20px; + height: 20px; + border-color: #c6d0dc; + box-sizing: border-box; +} +.directorist-radio.directorist-radio-theme-admin + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: #3e62f5; + border-color: #3e62f5; } .directorist-radio.directorist-radio-theme-admin .directorist-radio__label { - padding-left: 35px !important; -} - -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox] + .directorist-checkbox__label:before { - width: 8px; - height: 8px; - top: 6px !important; - left: 6px !important; - border-radius: 50%; - background-color: var(--directorist-color-white) !important; - content: ""; -} -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox] + .directorist-checkbox__label:after { - width: 20px; - height: 20px; - border-color: #C6D0DC; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox]:checked + .directorist-checkbox__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox.directorist-checkbox-theme-admin .directorist-checkbox__label { - padding-left: 35px !important; + padding-left: 35px !important; +} + +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"] + + .directorist-checkbox__label:before { + width: 8px; + height: 8px; + top: 6px !important; + left: 6px !important; + border-radius: 50%; + background-color: var(--directorist-color-white) !important; + content: ""; +} +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"] + + .directorist-checkbox__label:after { + width: 20px; + height: 20px; + border-color: #c6d0dc; + box-sizing: border-box; +} +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"]:checked + + .directorist-checkbox__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox.directorist-checkbox-theme-admin + .directorist-checkbox__label { + padding-left: 35px !important; } .directorist-content-active { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } .directorist-content-active .directorist-author-profile { - padding: 0; + padding: 0; } .directorist-content-active .directorist-author-profile__wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 15px; - padding: 25px 30px; - margin: 0 0 40px; + display: flex; + align-items: center; + justify-content: space-between; + gap: 15px; + padding: 25px 30px; + margin: 0 0 40px; } .directorist-content-active .directorist-author-profile__wrap__body { - padding: 0; + padding: 0; } @media only screen and (max-width: 991px) { - .directorist-content-active .directorist-author-profile__wrap { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-content-active .directorist-author-profile__wrap { + flex-direction: column; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__wrap { - gap: 8px; - } + .directorist-content-active .directorist-author-profile__wrap { + gap: 8px; + } } .directorist-content-active .directorist-author-profile__avatar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 20px; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__avatar { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - text-align: center; - gap: 15px; - } + .directorist-content-active .directorist-author-profile__avatar { + flex-direction: column; + text-align: center; + gap: 15px; + } } .directorist-content-active .directorist-author-profile__avatar img { - max-width: 100px !important; - max-height: 100px; - border-radius: 50%; - background-color: var(--directorist-color-bg-gray); + max-width: 100px !important; + max-height: 100px; + border-radius: 50%; + background-color: var(--directorist-color-bg-gray); } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__avatar img { - max-width: 75px !important; - max-height: 75px !important; - } + .directorist-content-active .directorist-author-profile__avatar img { + max-width: 75px !important; + max-height: 75px !important; + } } -.directorist-content-active .directorist-author-profile__avatar__info .directorist-author-profile__avatar__info__name { - margin: 0 0 5px; +.directorist-content-active + .directorist-author-profile__avatar__info + .directorist-author-profile__avatar__info__name { + margin: 0 0 5px; } .directorist-content-active .directorist-author-profile__avatar__info__name { - font-size: 20px; - font-weight: 500; - color: var(--directorist-color-dark); - margin: 0 0 5px; + font-size: 20px; + font-weight: 500; + color: var(--directorist-color-dark); + margin: 0 0 5px; } @media only screen and (max-width: 991px) { - .directorist-content-active .directorist-author-profile__avatar__info__name { - margin: 0; - } + .directorist-content-active + .directorist-author-profile__avatar__info__name { + margin: 0; + } } .directorist-content-active .directorist-author-profile__avatar__info p { - margin: 0; - font-size: 14px; - color: var(--directorist-color-body); + margin: 0; + font-size: 14px; + color: var(--directorist-color-body); } .directorist-content-active .directorist-author-profile__meta-list { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; - list-style-type: none; + margin: 0; + padding: 0; + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 15px; + list-style-type: none; } @media only screen and (max-width: 991px) { - .directorist-content-active .directorist-author-profile__meta-list { - gap: 5px 20px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-content-active .directorist-author-profile__meta-list { + gap: 5px 20px; + justify-content: center; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__meta-list { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - } + .directorist-content-active .directorist-author-profile__meta-list { + flex-direction: row-reverse; + } } .directorist-content-active .directorist-author-profile__meta-list__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; - padding: 18px; - margin: 0; - padding-right: 75px; - border-radius: 10px; - background-color: var(--directorist-color-bg-gray); + display: flex; + align-items: center; + gap: 15px; + padding: 18px; + margin: 0; + padding-right: 75px; + border-radius: 10px; + background-color: var(--directorist-color-bg-gray); } .directorist-content-active .directorist-author-profile__meta-list__item i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 44px; - height: 44px; - background-color: var(--directorist-color-primary); - border-radius: 10px; -} -.directorist-content-active .directorist-author-profile__meta-list__item i:after { - width: 18px; - height: 18px; - background-color: var(--directorist-color-white); + display: flex; + align-items: center; + justify-content: center; + width: 44px; + height: 44px; + background-color: var(--directorist-color-primary); + border-radius: 10px; +} +.directorist-content-active + .directorist-author-profile__meta-list__item + i:after { + width: 18px; + height: 18px; + background-color: var(--directorist-color-white); } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__meta-list__item i { - width: auto; - height: auto; - background-color: transparent; - } - .directorist-content-active .directorist-author-profile__meta-list__item i:after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-warning); - } + .directorist-content-active .directorist-author-profile__meta-list__item i { + width: auto; + height: auto; + background-color: transparent; + } + .directorist-content-active + .directorist-author-profile__meta-list__item + i:after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-warning); + } } .directorist-content-active .directorist-author-profile__meta-list__item span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-content-active .directorist-author-profile__meta-list__item span span { - font-size: 18px; - font-weight: 500; - line-height: 1.1; - color: var(--directorist-color-primary); + display: flex; + flex-direction: column; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-author-profile__meta-list__item + span + span { + font-size: 18px; + font-weight: 500; + line-height: 1.1; + color: var(--directorist-color-primary); } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__meta-list__item span { - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: unset; - -webkit-box-direction: unset; - -webkit-flex-direction: unset; - -ms-flex-direction: unset; - flex-direction: unset; - } - .directorist-content-active .directorist-author-profile__meta-list__item span span { - font-size: 15px; - line-height: 1; - } + .directorist-content-active + .directorist-author-profile__meta-list__item + span { + gap: 6px; + align-items: center; + flex-direction: unset; + } + .directorist-content-active + .directorist-author-profile__meta-list__item + span + span { + font-size: 15px; + line-height: 1; + } } @media only screen and (max-width: 767px) { - .directorist-content-active .directorist-author-profile__meta-list__item { - padding-right: 50px; - } + .directorist-content-active .directorist-author-profile__meta-list__item { + padding-right: 50px; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__meta-list__item { - padding: 0; - gap: 5px; - background: transparent; - border-radius: 0; - } - .directorist-content-active .directorist-author-profile__meta-list__item:not(:first-child) i { - display: none; - } + .directorist-content-active .directorist-author-profile__meta-list__item { + padding: 0; + gap: 5px; + background: transparent; + border-radius: 0; + } + .directorist-content-active + .directorist-author-profile__meta-list__item:not(:first-child) + i { + display: none; + } } .directorist-content-active .directorist-author-profile-content { - -webkit-box-sizing: border-box; - box-sizing: border-box; - max-width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active .directorist-author-profile-content .directorist-card__header__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - margin: 0; -} -.directorist-content-active .directorist-author-profile-content .directorist-card__header__title i { - width: 34px; - height: 34px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - border-radius: 100%; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-light); -} -.directorist-content-active .directorist-author-profile-content .directorist-card__header__title i:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-body); + box-sizing: border-box; + max-width: 100%; + display: flex; +} +.directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title { + display: flex; + gap: 12px; + margin: 0; +} +.directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title + i { + width: 34px; + height: 34px; + display: flex; + border-radius: 100%; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-light); +} +.directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title + i:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-body); } @media screen and (min-width: 576px) { - .directorist-content-active .directorist-author-profile-content .directorist-card__header__title i { - display: none; - } + .directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title + i { + display: none; + } } .directorist-content-active .directorist-author-info-list { - padding: 0; - margin: 0; + padding: 0; + margin: 0; } .directorist-content-active .directorist-author-info-list li { - margin-left: 0; + margin-left: 0; } .directorist-content-active .directorist-author-info-list__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 12px; - font-size: 15px; - color: var(--directorist-color-body); + display: flex; + align-items: flex-start; + gap: 12px; + font-size: 15px; + color: var(--directorist-color-body); } .directorist-content-active .directorist-author-info-list__item i { - margin-top: 5px; + margin-top: 5px; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-author-info-list__item i { - margin-top: 0; - height: 34px; - width: 34px; - min-width: 34px; - border-radius: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-light); - } -} -.directorist-content-active .directorist-author-info-list__item .directorist-label { - display: none; - min-width: 70px; - padding-right: 10px; - margin-right: 8px; - margin-top: 5px; - position: relative; -} -.directorist-content-active .directorist-author-info-list__item .directorist-label:before { - content: ":"; - position: absolute; - right: 0; - top: 0; + .directorist-content-active .directorist-author-info-list__item i { + margin-top: 0; + height: 34px; + width: 34px; + min-width: 34px; + border-radius: 100%; + display: flex; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-light); + } +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-label { + display: none; + min-width: 70px; + padding-right: 10px; + margin-right: 8px; + margin-top: 5px; + position: relative; +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-label:before { + content: ":"; + position: absolute; + right: 0; + top: 0; } @media screen and (max-width: 375px) { - .directorist-content-active .directorist-author-info-list__item .directorist-label { - min-width: 60px; - } -} -.directorist-content-active .directorist-author-info-list__item .directorist-icon-mask::after { - width: 15px; - height: 15px; - background-color: var(--directorist-color-deep-gray); -} -.directorist-content-active .directorist-author-info-list__item .directorist-info { - word-break: break-all; + .directorist-content-active + .directorist-author-info-list__item + .directorist-label { + min-width: 60px; + } +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-icon-mask::after { + width: 15px; + height: 15px; + background-color: var(--directorist-color-deep-gray); +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-info { + word-break: break-all; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-author-info-list__item .directorist-info { - margin-top: 5px; - word-break: break-all; - } + .directorist-content-active + .directorist-author-info-list__item + .directorist-info { + margin-top: 5px; + word-break: break-all; + } } .directorist-content-active .directorist-author-info-list__item a { - color: var(--directorist-color-body); - text-decoration: none; + color: var(--directorist-color-body); + text-decoration: none; } .directorist-content-active .directorist-author-info-list__item a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-content-active .directorist-author-info-list__item:not(:last-child) { - margin-bottom: 8px; +.directorist-content-active + .directorist-author-info-list__item:not(:last-child) { + margin-bottom: 8px; } -.directorist-content-active .directorist-card__body .directorist-author-info-list { - padding: 0; - margin: 0; +.directorist-content-active + .directorist-card__body + .directorist-author-info-list { + padding: 0; + margin: 0; } .directorist-content-active .directorist-author-social { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; - padding: 0; - margin: 22px 0 0; - list-style: none; + display: flex; + flex-wrap: wrap; + gap: 10px; + padding: 0; + margin: 22px 0 0; + list-style: none; } .directorist-content-active .directorist-author-social__item { - margin: 0; + margin: 0; } .directorist-content-active .directorist-author-social__item a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - height: 36px; - width: 36px; - text-align: center; - background-color: var(--directorist-color-light); - border-radius: 8px; - font-size: 15px; - overflow: hidden; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - text-decoration: none; -} -.directorist-content-active .directorist-author-social__item a .directorist-icon-mask::after { - background-color: #808080; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + display: flex; + justify-content: center; + align-items: center; + height: 36px; + width: 36px; + text-align: center; + background-color: var(--directorist-color-light); + border-radius: 8px; + font-size: 15px; + overflow: hidden; + transition: 0.3s ease; + text-decoration: none; +} +.directorist-content-active + .directorist-author-social__item + a + .directorist-icon-mask::after { + background-color: #808080; + transition: 0.3s ease; } .directorist-content-active .directorist-author-social__item a span { - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + transition: 0.3s ease; } .directorist-content-active .directorist-author-social__item a:hover { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); + /* Legacy Icon */ } -.directorist-content-active .directorist-author-social__item a:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-content-active .directorist-author-social__item a:hover { - /* Legacy Icon */ +.directorist-content-active + .directorist-author-social__item + a:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-content-active .directorist-author-social__item a:hover span.la, .directorist-content-active .directorist-author-social__item a:hover span.fa { - background: none; - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-author-contact .directorist-author-social { - margin: 22px 0 0; -} -.directorist-content-active .directorist-author-contact .directorist-author-social li { - margin: 0; -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item { - display: inline-block; - margin: 0; -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item a { - font-size: 15px; - display: block; - line-height: 35px; - width: 36px; - height: 36px; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-light); - border-radius: 4px; - color: var(--directorist-color-white); - overflow: hidden; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a .directorist-icon-mask:after, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a .directorist-icon-mask:after, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a .directorist-icon-mask:after, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item a .directorist-icon-mask:after { - background-color: var(--directorist-color-body); -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a:hover, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a:hover, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a:hover, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item a:hover { - background-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a:hover .directorist-icon-mask:after, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a:hover .directorist-icon-mask:after, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a:hover .directorist-icon-mask:after, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item a:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-white); + background: none; + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-author-contact + .directorist-author-social { + margin: 22px 0 0; +} +.directorist-content-active + .directorist-author-contact + .directorist-author-social + li { + margin: 0; +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item { + display: inline-block; + margin: 0; +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a { + font-size: 15px; + display: block; + line-height: 35px; + width: 36px; + height: 36px; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-light); + border-radius: 4px; + color: var(--directorist-color-white); + overflow: hidden; + transition: all ease-in-out 300ms; +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a + .directorist-icon-mask:after, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a + .directorist-icon-mask:after, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a + .directorist-icon-mask:after, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a + .directorist-icon-mask:after { + background-color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a:hover, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a:hover, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a:hover, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a:hover { + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); } .directorist-content-active .directorist-author-listing-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: 30px; - border-bottom: 1px solid var(--directorist-color-border); + display: flex; + flex-direction: column; + margin-bottom: 30px; + border-bottom: 1px solid var(--directorist-color-border); } .directorist-content-active .directorist-author-listing-top__title { - font-size: 30px; - font-weight: 400; - margin: 0 0 52px; - text-align: center; + font-size: 30px; + font-weight: 400; + margin: 0 0 52px; + text-align: center; } .directorist-content-active .directorist-author-listing-top__filter { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: baseline; - -webkit-align-items: baseline; - -ms-flex-align: baseline; - align-items: baseline; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 30px; -} -.directorist-content-active .directorist-author-listing-top__filter .directorist-dropdown__links { - max-height: 300px; - overflow-y: auto; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - gap: 7px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-deep-gray); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link i { - margin: 0; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link i:after { - background-color: var(--directorist-color-deep-gray); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link:hover { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link:hover i::after { - background-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list li { - margin: 0; - padding: 0; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list__current { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list__current i::after { - background-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle { - position: relative; - top: -10px; - gap: 10px; - background: transparent !important; - border: none; - padding: 0; - min-height: 30px; - color: var(--directorist-color-body); + display: flex; + align-items: baseline; + justify-content: space-between; + flex-wrap: wrap; + gap: 30px; +} +.directorist-content-active + .directorist-author-listing-top__filter + .directorist-dropdown__links { + max-height: 300px; + overflow-y: auto; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav { + display: flex; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link { + flex-direction: row; + gap: 7px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-deep-gray); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link + i { + margin: 0; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link + i:after { + background-color: var(--directorist-color-deep-gray); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link:hover + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list { + display: inline-flex; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list + li { + margin: 0; + padding: 0; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list__current { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list__current + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-dropdown__toggle { + position: relative; + top: -10px; + gap: 10px; + background: transparent !important; + border: none; + padding: 0; + min-height: 30px; + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle { - font-size: 0; - top: -5px; - } - .directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle:after { - -webkit-mask-image: url(../js/473b10424d896278fcda.svg); - mask-image: url(../js/473b10424d896278fcda.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 16px; - height: 12px; - background-color: var(--directorist-color-body); - } + .directorist-content-active + .directorist-author-listing-top + .directorist-dropdown__toggle { + font-size: 0; + top: -5px; + } + .directorist-content-active + .directorist-author-listing-top + .directorist-dropdown__toggle:after { + mask-image: url(../js/../images/87cd0434594c4fe6756c2af1404a5f32.svg); + mask-repeat: no-repeat; + width: 16px; + height: 12px; + background-color: var(--directorist-color-body); + } } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-author-listing-top .directorist-type-nav .directorist-type-nav__link i { - display: none; - } + .directorist-content-active + .directorist-author-listing-top + .directorist-type-nav + .directorist-type-nav__link + i { + display: none; + } } .directorist-content-active .directorist-author-listing-content { - padding: 0; + padding: 0; } -.directorist-content-active .directorist-author-listing-content .directorist-pagination { - padding-top: 35px; +.directorist-content-active + .directorist-author-listing-content + .directorist-pagination { + padding-top: 35px; } -.directorist-content-active .directorist-author-listing-type .directorist-type-nav { - background: none; +.directorist-content-active + .directorist-author-listing-type + .directorist-type-nav { + background: none; } /* category style three */ .directorist-category-child__card { - border: 1px solid #eee; - border-radius: 4px; + border: 1px solid #eee; + border-radius: 4px; } .directorist-category-child__card__header { - padding: 10px 20px; - border-bottom: 1px solid #eee; + padding: 10px 20px; + border-bottom: 1px solid #eee; } .directorist-category-child__card__header a { - font-size: 18px; - font-weight: 600; - color: #222 !important; + font-size: 18px; + font-weight: 600; + color: #222 !important; } .directorist-category-child__card__header i { - width: 35px; - height: 35px; - border-radius: 50%; - background-color: #2C99FF; - color: var(--directorist-color-white); - font-size: 16px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-right: 5px; + width: 35px; + height: 35px; + border-radius: 50%; + background-color: #2c99ff; + color: var(--directorist-color-white); + font-size: 16px; + display: inline-flex; + align-items: center; + justify-content: center; + margin-right: 5px; } .directorist-category-child__card__body { - padding: 15px 20px; + padding: 15px 20px; } .directorist-category-child__card__body li:not(:last-child) { - margin-bottom: 5px; + margin-bottom: 5px; } .directorist-category-child__card__body li a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - color: #444752; + display: flex; + align-items: center; + justify-content: space-between; + color: #444752; } .directorist-category-child__card__body li a span { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } /* All listing archive page styles */ .directorist-archive-contents { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } -.directorist-archive-contents .directorist-archive-items .directorist-pagination { - margin-top: 35px; +.directorist-archive-contents + .directorist-archive-items + .directorist-pagination { + margin-top: 35px; } .directorist-archive-contents .gm-style-iw-chr, .directorist-archive-contents .gm-style-iw-tc { - display: none; + display: none; } @media screen and (max-width: 575px) { - .directorist-archive-contents .directorist-archive-contents__top { - padding: 15px 20px 0; - } - .directorist-archive-contents .directorist-archive-contents__top .directorist-type-nav { - margin: 0 0 25px; - } - .directorist-archive-contents .directorist-type-nav__link .directorist-icon-mask { - display: none; - } + .directorist-archive-contents .directorist-archive-contents__top { + padding: 15px 20px 0; + } + .directorist-archive-contents + .directorist-archive-contents__top + .directorist-type-nav { + margin: 0 0 25px; + } + .directorist-archive-contents + .directorist-type-nav__link + .directorist-icon-mask { + display: none; + } } /* Directory type nav */ .directorist-content-active .directorist-type-nav__link { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-size: 15px; - font-weight: 500; - line-height: 20px; - text-decoration: none; - white-space: nowrap; - padding: 0 0 8px; - border-bottom: 2px solid transparent; - color: var(--directorist-color-body); + position: relative; + display: flex; + align-items: center; + flex-direction: column; + font-size: 15px; + font-weight: 500; + line-height: 20px; + text-decoration: none; + white-space: nowrap; + padding: 0 0 8px; + border-bottom: 2px solid transparent; + color: var(--directorist-color-body); } .directorist-content-active .directorist-type-nav__link:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-content-active .directorist-type-nav__link:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-primary); +.directorist-content-active + .directorist-type-nav__link:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); } .directorist-content-active .directorist-type-nav__link:focus { - background-color: transparent; + background-color: transparent; } .directorist-content-active .directorist-type-nav__link .directorist-icon-mask { - display: inline-block; - margin: 0 0 10px; + display: inline-block; + margin: 0 0 10px; } -.directorist-content-active .directorist-type-nav__link .directorist-icon-mask::after { - width: 22px; - height: 20px; - background-color: var(--directorist-color-body); +.directorist-content-active + .directorist-type-nav__link + .directorist-icon-mask::after { + width: 22px; + height: 20px; + background-color: var(--directorist-color-body); } .directorist-content-active .directorist-type-nav__list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: end; - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 25px; - padding: 0; - margin: 0; - list-style-type: none; - overflow-x: auto; - scrollbar-width: thin; + display: flex; + justify-content: center; + align-items: flex-end; + flex-wrap: wrap; + gap: 25px; + padding: 0; + margin: 0; + list-style-type: none; + overflow-x: auto; + scrollbar-width: thin; } @media only screen and (max-width: 767px) { - .directorist-content-active .directorist-type-nav__list { - overflow-x: auto; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - } + .directorist-content-active .directorist-type-nav__list { + overflow-x: auto; + flex-wrap: nowrap; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-type-nav__list { - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-content-active .directorist-type-nav__list { + justify-content: flex-start; + } } .directorist-content-active .directorist-type-nav__list::-webkit-scrollbar { - display: none; + display: none; } .directorist-content-active .directorist-type-nav__list li { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - margin: 0; - list-style: none; - line-height: 1; + flex: none; + margin: 0; + list-style: none; + line-height: 1; } .directorist-content-active .directorist-type-nav__list a { - text-decoration: unset; -} -.directorist-content-active .directorist-type-nav__list .current .directorist-type-nav__link, -.directorist-content-active .directorist-type-nav__list .directorist-type-nav__list__current .directorist-type-nav__link { - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-type-nav__list .current .directorist-icon-mask::after, -.directorist-content-active .directorist-type-nav__list .directorist-type-nav__list__current .directorist-icon-mask::after { - background-color: var(--directorist-color-primary); + text-decoration: unset; +} +.directorist-content-active + .directorist-type-nav__list + .current + .directorist-type-nav__link, +.directorist-content-active + .directorist-type-nav__list + .directorist-type-nav__list__current + .directorist-type-nav__link { + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-type-nav__list + .current + .directorist-icon-mask::after, +.directorist-content-active + .directorist-type-nav__list + .directorist-type-nav__list__current + .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); } /* Archive header bar contents */ -.directorist-content-active .directorist-archive-contents__top .directorist-type-nav { - margin-bottom: 30px; +.directorist-content-active + .directorist-archive-contents__top + .directorist-type-nav { + margin-bottom: 30px; } -.directorist-content-active .directorist-archive-contents__top .directorist-header-bar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 30px 0; +.directorist-content-active + .directorist-archive-contents__top + .directorist-header-bar { + display: flex; + margin: 30px 0; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-listings-header .directorist-modal-btn--full { - display: none; - } - .directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-container-fluid { - padding: 0; - } + .directorist-content-active + .directorist-archive-contents__top + .directorist-header-bar + .directorist-listings-header + .directorist-modal-btn--full { + display: none; + } + .directorist-content-active + .directorist-archive-contents__top + .directorist-header-bar + .directorist-container-fluid { + padding: 0; + } } .directorist-content-active .directorist-listings-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - width: 100%; -} -.directorist-content-active .directorist-listings-header .directorist-dropdown .directorist-dropdown__links { - top: 42px; -} -.directorist-content-active .directorist-listings-header .directorist-header-found-title { - margin: 0; - padding: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 15px; + width: 100%; +} +.directorist-content-active + .directorist-listings-header + .directorist-dropdown + .directorist-dropdown__links { + top: 42px; +} +.directorist-content-active + .directorist-listings-header + .directorist-header-found-title { + margin: 0; + padding: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-content-active .directorist-listings-header__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; -} -.directorist-content-active .directorist-listings-header__left .directorist-filter-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - background-color: var(--directorist-color-light) !important; - border: 2px solid var(--directorist-color-white); - padding: 0 20px; - border-radius: 8px; - cursor: pointer; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.directorist-content-active .directorist-listings-header__left .directorist-filter-btn .directorist-icon-mask::after { - width: 14px; - height: 14px; - margin-right: 2px; -} -.directorist-content-active .directorist-listings-header__left .directorist-filter-btn:hover { - background-color: var(--directorist-color-bg-gray) !important; - color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 15px; +} +.directorist-content-active + .directorist-listings-header__left + .directorist-filter-btn { + display: flex; + align-items: center; + gap: 5px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + background-color: var(--directorist-color-light) !important; + border: 2px solid var(--directorist-color-white); + padding: 0 20px; + border-radius: 8px; + cursor: pointer; + transition: all ease 0.3s; +} +.directorist-content-active + .directorist-listings-header__left + .directorist-filter-btn + .directorist-icon-mask::after { + width: 14px; + height: 14px; + margin-right: 2px; +} +.directorist-content-active + .directorist-listings-header__left + .directorist-filter-btn:hover { + background-color: var(--directorist-color-bg-gray) !important; + color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); } .directorist-content-active .directorist-listings-header__right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; + display: flex; + flex-wrap: wrap; + gap: 10px; } @media screen and (max-width: 425px) { - .directorist-content-active .directorist-listings-header__right { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } - .directorist-content-active .directorist-listings-header__right .directorist-dropdown__links { - right: unset; - left: 0; - max-width: 250px; - } -} -.directorist-content-active .directorist-listings-header__right .directorist-dropdown .directorist-dropdown__links__single { - cursor: pointer; -} -.directorist-content-active .directorist-listings-header__right .directorist-dropdown .directorist-dropdown__links__single:hover { - background-color: var(--directorist-color-light); + .directorist-content-active .directorist-listings-header__right { + flex: 0 0 100%; + flex-direction: column; + } + .directorist-content-active + .directorist-listings-header__right + .directorist-dropdown__links { + right: unset; + left: 0; + max-width: 250px; + } +} +.directorist-content-active + .directorist-listings-header__right + .directorist-dropdown + .directorist-dropdown__links__single { + cursor: pointer; +} +.directorist-content-active + .directorist-listings-header__right + .directorist-dropdown + .directorist-dropdown__links__single:hover { + background-color: var(--directorist-color-light); } .directorist-content-active .directorist-archive-items { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + flex-direction: column; } -.directorist-content-active .directorist-archive-items .directorist-archive-notfound { - padding: 15px; +.directorist-content-active + .directorist-archive-items + .directorist-archive-notfound { + padding: 15px; } .directorist-viewas { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 8px; } .directorist-viewas__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 40px; - height: 40px; - border-radius: 8px; - border: 2px solid var(--directorist-color-white); - background-color: var(--directorist-color-light); - color: var(--directorist-color-body); + display: flex; + justify-content: center; + align-items: center; + box-sizing: border-box; + width: 40px; + height: 40px; + border-radius: 8px; + border: 2px solid var(--directorist-color-white); + background-color: var(--directorist-color-light); + color: var(--directorist-color-body); } .directorist-viewas__item i::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-body); + width: 16px; + height: 16px; + background-color: var(--directorist-color-body); } .directorist-viewas__item.active { - border-color: var(--directorist-color-primary); - background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-viewas__item.active i::after { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } @media only screen and (max-width: 575px) { - .directorist-viewas__item--list { - display: none; - } + .directorist-viewas__item--list { + display: none; + } } .listing-with-sidebar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + gap: 30px; + flex-wrap: wrap; } @media only screen and (max-width: 991px) { - .listing-with-sidebar { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } - .listing-with-sidebar .directorist-advanced-filter__form { - width: 100%; - } + .listing-with-sidebar { + flex-direction: column; + } + .listing-with-sidebar .directorist-advanced-filter__form { + width: 100%; + } } @media only screen and (max-width: 575px) { - .listing-with-sidebar .directorist-search-form__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - width: 100%; - margin: 0; - } - .listing-with-sidebar .directorist-search-form-action__submit { - display: block; - } - .listing-with-sidebar .listing-with-sidebar__header .directorist-header-bar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } + .listing-with-sidebar .directorist-search-form__top { + display: flex; + gap: 10px; + width: 100%; + margin: 0; + } + .listing-with-sidebar .directorist-search-form-action__submit { + display: block; + } + .listing-with-sidebar + .listing-with-sidebar__header + .directorist-header-bar { + display: flex; + } } .listing-with-sidebar__wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + gap: 30px; + flex-direction: column; } .listing-with-sidebar__type-nav { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } .listing-with-sidebar__type-nav .directorist-type-nav__list { - gap: 40px; + gap: 40px; } .listing-with-sidebar__searchform { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } @media only screen and (max-width: 767px) { - .listing-with-sidebar__searchform .directorist-search-form__box { - padding: 15px; - } + .listing-with-sidebar__searchform .directorist-search-form__box { + padding: 15px; + } } @media only screen and (max-width: 575px) { - .listing-with-sidebar__searchform .directorist-search-form__box { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - } + .listing-with-sidebar__searchform .directorist-search-form__box { + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + } } .listing-with-sidebar__searchform .directorist-search-form { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.listing-with-sidebar__searchform .directorist-search-form .directorist-filter-location-icon { - right: 15px; - top: unset; - -webkit-transform: unset; - transform: unset; - bottom: 8px; + display: flex; +} +.listing-with-sidebar__searchform + .directorist-search-form + .directorist-filter-location-icon { + right: 15px; + top: unset; + transform: unset; + bottom: 8px; } .listing-with-sidebar__searchform .directorist-advanced-filter__form { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 100%; - gap: 20px; + display: flex; + width: 100%; + gap: 20px; } @media only screen and (max-width: 767px) { - .listing-with-sidebar__searchform .directorist-advanced-filter__form { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .listing-with-sidebar__searchform .directorist-advanced-filter__form { + flex-direction: column; + } } .listing-with-sidebar__searchform .directorist-search-contents { - padding: 0; + padding: 0; } -.listing-with-sidebar__searchform .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .listing-with-sidebar__searchform .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - bottom: 0; +.listing-with-sidebar__searchform + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.listing-with-sidebar__searchform + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + bottom: 0; } .listing-with-sidebar__searchform .directorist-search-field-pricing > label, .listing-with-sidebar__searchform .directorist-search-field__number > label, .listing-with-sidebar__searchform .directorist-search-field-text_range > label, .listing-with-sidebar__searchform .directorist-search-field-price_range > label, -.listing-with-sidebar__searchform .directorist-search-field-radius_search > label { - position: unset; - -webkit-transform: unset; - transform: unset; - display: block; - font-size: 14px; - margin-bottom: 15px; +.listing-with-sidebar__searchform + .directorist-search-field-radius_search + > label { + position: unset; + transform: unset; + display: block; + font-size: 14px; + margin-bottom: 15px; } .listing-with-sidebar__header { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } .listing-with-sidebar__header .directorist-header-bar { - margin: 0; + margin: 0; } .listing-with-sidebar__header .directorist-container-fluid { - padding: 0; + padding: 0; } .listing-with-sidebar__header .directorist-archive-sidebar-toggle { - width: auto; - padding: 0 20px; - font-size: 14px; - font-weight: 400; - min-height: 40px; - padding: 0 20px; - border-radius: 8px; - text-transform: capitalize; - text-decoration: none !important; - color: var(--directorist-color-primary); - background-color: var(--directorist-color-light); - border: 2px solid var(--directorist-color-white); - cursor: pointer; - display: none; -} -.listing-with-sidebar__header .directorist-archive-sidebar-toggle .directorist-icon-mask { - margin-right: 5px; -} -.listing-with-sidebar__header .directorist-archive-sidebar-toggle .directorist-icon-mask::after { - background-color: currentColor; - width: 14px; - height: 14px; + width: auto; + padding: 0 20px; + font-size: 14px; + font-weight: 400; + min-height: 40px; + padding: 0 20px; + border-radius: 8px; + text-transform: capitalize; + text-decoration: none !important; + color: var(--directorist-color-primary); + background-color: var(--directorist-color-light); + border: 2px solid var(--directorist-color-white); + cursor: pointer; + display: none; +} +.listing-with-sidebar__header + .directorist-archive-sidebar-toggle + .directorist-icon-mask { + margin-right: 5px; +} +.listing-with-sidebar__header + .directorist-archive-sidebar-toggle + .directorist-icon-mask::after { + background-color: currentColor; + width: 14px; + height: 14px; } @media only screen and (max-width: 991px) { - .listing-with-sidebar__header .directorist-archive-sidebar-toggle { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - } + .listing-with-sidebar__header .directorist-archive-sidebar-toggle { + display: inline-flex; + align-items: center; + } } .listing-with-sidebar__header .directorist-archive-sidebar-toggle--active { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } -.listing-with-sidebar__header .directorist-archive-sidebar-toggle--active .directorist-icon-mask::after { - background-color: var(--directorist-color-white); +.listing-with-sidebar__header + .directorist-archive-sidebar-toggle--active + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .listing-with-sidebar__sidebar { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - height: 100%; - max-width: 350px; + display: inline-flex; + flex: 1; + height: 100%; + max-width: 350px; } .listing-with-sidebar__sidebar form { - width: 100%; + width: 100%; } .listing-with-sidebar__sidebar .directorist-advanced-filter__close { - display: none; + display: none; } @media screen and (max-width: 1199px) { - .listing-with-sidebar__sidebar { - max-width: 300px; - min-width: 300px; - } + .listing-with-sidebar__sidebar { + max-width: 300px; + min-width: 300px; + } } @media only screen and (max-width: 991px) { - .listing-with-sidebar__sidebar { - position: fixed; - left: -360px; - top: 0; - height: 100svh; - background-color: white; - z-index: 9999; - overflow: auto; - -webkit-box-shadow: 0 10px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - box-shadow: 0 10px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - visibility: hidden; - opacity: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - } - .listing-with-sidebar__sidebar .directorist-search-form__box-wrap { - padding-bottom: 30px; - } - .listing-with-sidebar__sidebar .directorist-advanced-filter__close { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 40px; - height: 40px; - border-radius: 100%; - background-color: var(--directorist-color-light); - } + .listing-with-sidebar__sidebar { + position: fixed; + left: -360px; + top: 0; + height: 100svh; + background-color: white; + z-index: 9999; + overflow: auto; + box-shadow: 0 10px 15px rgba(var(--directorist-color-dark-rgb), 0.15); + visibility: hidden; + opacity: 0; + transition: 0.3s ease; + } + .listing-with-sidebar__sidebar .directorist-search-form__box-wrap { + padding-bottom: 30px; + } + .listing-with-sidebar__sidebar .directorist-advanced-filter__close { + display: flex; + width: 40px; + height: 40px; + border-radius: 100%; + background-color: var(--directorist-color-light); + } } @media only screen and (max-width: 575px) { - .listing-with-sidebar__sidebar .directorist-search-field .directorist-price-ranges { - margin-top: 15px; - } + .listing-with-sidebar__sidebar + .directorist-search-field + .directorist-price-ranges { + margin-top: 15px; + } } .listing-with-sidebar__sidebar--open { - left: 0; - visibility: visible; - opacity: 1; + left: 0; + visibility: visible; + opacity: 1; } .listing-with-sidebar__sidebar .directorist-form-group label { - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-dark); } .listing-with-sidebar__sidebar .directorist-search-contents { - padding: 0; + padding: 0; } .listing-with-sidebar__sidebar .directorist-search-basic-dropdown-content { - display: block !important; + display: block !important; } .listing-with-sidebar__sidebar .directorist-search-form__box { - padding: 0; + padding: 0; } @media only screen and (max-width: 991px) { - .listing-with-sidebar__sidebar .directorist-search-form__box { - display: block; - height: 100svh; - -webkit-box-shadow: none; - box-shadow: none; - border: none; - } - .listing-with-sidebar__sidebar .directorist-search-form__box .directorist-advanced-filter__advanced { - display: block; - } -} -.listing-with-sidebar__sidebar .directorist-search-field__input.directorist-form-element:not([type=number]) { - padding-right: 20px; + .listing-with-sidebar__sidebar .directorist-search-form__box { + display: block; + height: 100svh; + box-shadow: none; + border: none; + } + .listing-with-sidebar__sidebar + .directorist-search-form__box + .directorist-advanced-filter__advanced { + display: block; + } +} +.listing-with-sidebar__sidebar + .directorist-search-field__input.directorist-form-element:not( + [type="number"] + ) { + padding-right: 20px; } .listing-with-sidebar__sidebar .directorist-advanced-filter__top { - width: 100%; - padding: 25px 30px 20px; - border-bottom: 1px solid var(--directorist-color-light); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + padding: 25px 30px 20px; + border-bottom: 1px solid var(--directorist-color-light); + display: flex; + align-items: center; + justify-content: space-between; + box-sizing: border-box; } .listing-with-sidebar__sidebar .directorist-advanced-filter__title { - margin: 0; - font-size: 20px; - font-weight: 500; - color: var(--directorist-color-dark); + margin: 0; + font-size: 20px; + font-weight: 500; + color: var(--directorist-color-dark); } .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 25px 30px 0; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field > label { - font-size: 16px; - font-weight: 500; - margin: 0; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-radius_search > label, .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-price_range > label, .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-text_range > label { - position: unset; - margin-bottom: 15px; - color: var(--directorist-color-body); -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field__number > label { - position: unset; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-tags, -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-review, -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-radio-wrapper, -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-checkbox-wrapper { - margin-top: 13px; + flex: 1; + box-sizing: border-box; + padding: 25px 30px 0; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + > label { + font-size: 16px; + font-weight: 500; + margin: 0; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-radius_search + > label, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-price_range + > label, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-text_range + > label { + position: unset; + margin-bottom: 15px; + color: var(--directorist-color-body); +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field__number + > label { + position: unset; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-tags, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-review, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-radio-wrapper, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-checkbox-wrapper { + margin-top: 13px; } @media only screen and (max-width: 575px) { - .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-tags, - .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-review, - .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-radio-wrapper, - .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-checkbox-wrapper { - margin-top: 5px; - } -} -.listing-with-sidebar__sidebar .directorist-form-group:last-child .directorist-search-field { - margin-bottom: 0; + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-tags, + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-review, + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-radio-wrapper, + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-checkbox-wrapper { + margin-top: 5px; + } +} +.listing-with-sidebar__sidebar + .directorist-form-group:last-child + .directorist-search-field { + margin-bottom: 0; } .listing-with-sidebar__sidebar .directorist-advanced-filter__action { - width: 100%; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 25px 30px 30px; - border-top: 1px solid var(--directorist-color-light); - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax { - padding: 0; - border: none; - text-align: end; - margin: -20px 0 20px; - z-index: 1; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax .directorist-btn-reset-ajax { - padding: 0; - color: var(--directorist-color-info); - background: transparent; - width: auto; - height: auto; - line-height: normal; - font-size: 14px; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax.reset-btn-disabled { - display: none; + width: 100%; + flex-direction: column; + align-items: flex-start; + padding: 25px 30px 30px; + border-top: 1px solid var(--directorist-color-light); + box-sizing: border-box; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax { + padding: 0; + border: none; + text-align: end; + margin: -20px 0 20px; + z-index: 1; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax + .directorist-btn-reset-ajax { + padding: 0; + color: var(--directorist-color-info); + background: transparent; + width: auto; + height: auto; + line-height: normal; + font-size: 14px; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax.reset-btn-disabled { + display: none; } .listing-with-sidebar__sidebar .directorist-search-modal__contents__footer { - position: relative; - background-color: transparent; + position: relative; + background-color: transparent; } .listing-with-sidebar__sidebar .directorist-btn-reset-js { - width: 100%; - height: 50px; - line-height: 50px; - padding: 0 32px; - border: none; - border-radius: 8px; - text-align: center; - text-transform: none; - text-decoration: none; - cursor: pointer; - background-color: var(--directorist-color-light); + width: 100%; + height: 50px; + line-height: 50px; + padding: 0 32px; + border: none; + border-radius: 8px; + text-align: center; + text-transform: none; + text-decoration: none; + cursor: pointer; + background-color: var(--directorist-color-light); } .listing-with-sidebar__sidebar .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + opacity: 0.5; + cursor: not-allowed; } .listing-with-sidebar__sidebar .directorist-btn-submit { - width: 100%; + width: 100%; } -.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn .directorist-pf-range { - width: 54px; +.listing-with-sidebar__sidebar + .directorist-price-ranges__price-frequency__btn + .directorist-pf-range { + width: 54px; } @media screen and (max-width: 575px) { - .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn .directorist-pf-range { - width: 100%; - } + .listing-with-sidebar__sidebar + .directorist-price-ranges__price-frequency__btn + .directorist-pf-range { + width: 100%; + } } -.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn:last-child { - border: 0 none; +.listing-with-sidebar__sidebar + .directorist-price-ranges__price-frequency__btn:last-child { + border: 0 none; } .listing-with-sidebar__sidebar .directorist-checkbox-wrapper, .listing-with-sidebar__sidebar .directorist-radio-wrapper, .listing-with-sidebar__sidebar .directorist-search-tags { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .listing-with-sidebar__sidebar.right-sidebar-contents { - -webkit-box-ordinal-group: 3; - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label { - position: unset; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label i, -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label span { - display: none; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-top: 40px; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__label { - top: -35px; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; - margin: 0 0 10px; - z-index: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - width: 100%; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused.input-has-noLabel { - margin-top: 0; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-icon-right .directorist-input-icon { - right: 0; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-icon-left .directorist-input-icon { - left: 0; -} -.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-input-wrap { - margin-bottom: 0; -} -.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-input-wrap .wp-picker-clear { - margin: 0; - width: 100px; -} -.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-holder { - margin-top: 10px; + order: 2; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label.directorist-search-basic-dropdown-label { + position: unset; + transform: unset; + font-size: 16px; + font-weight: 500; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label.directorist-search-basic-dropdown-label + i, +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label.directorist-search-basic-dropdown-label + span { + display: none; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused { + width: 100%; + display: inline-flex; + margin-top: 40px; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0 0 10px; + z-index: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused.input-has-noLabel { + margin-top: 0; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-icon-right + .directorist-input-icon { + right: 0; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-icon-left + .directorist-input-icon { + left: 0; +} +.listing-with-sidebar__sidebar + .directorist-color-picker-wrap + .wp-picker-container + .wp-picker-input-wrap { + margin-bottom: 0; +} +.listing-with-sidebar__sidebar + .directorist-color-picker-wrap + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.listing-with-sidebar__sidebar + .directorist-color-picker-wrap + .wp-picker-container + .wp-picker-holder { + margin-top: 10px; } .listing-with-sidebar__listing { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: inline-flex; + flex: 1; + padding: 0; + flex-wrap: wrap; + flex-direction: column; } .listing-with-sidebar__listing .directorist-header-bar, .listing-with-sidebar__listing .directorist-archive-items { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + width: 100%; + display: flex; } -.listing-with-sidebar__listing .directorist-header-bar .directorist-container-fluid, -.listing-with-sidebar__listing .directorist-archive-items .directorist-container-fluid { - padding: 0; +.listing-with-sidebar__listing + .directorist-header-bar + .directorist-container-fluid, +.listing-with-sidebar__listing + .directorist-archive-items + .directorist-container-fluid { + padding: 0; } .listing-with-sidebar__listing .directorist-archive-items { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .listing-with-sidebar__listing .directorist-search-modal-advanced { - display: none; + display: none; } .listing-with-sidebar__contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; + display: flex; + gap: 30px; } @media screen and (max-width: 575px) { - .listing-with-sidebar .directorist-search-form__top .directorist-search-field { - padding: 0; - margin: 0 20px 0 0; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field .directorist-select { - width: calc(100% + 20px); - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value, .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused { - margin: 0 25px; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel, .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel { - margin: 0; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-filter-location-icon, .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-filter-location-icon { - right: 0; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-select, .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-select { - width: 100%; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field .directorist-filter-location-icon { - right: -15px; - } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field { + padding: 0; + margin: 0 20px 0 0; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field + .directorist-select { + width: calc(100% + 20px); + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused { + margin: 0 25px; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel { + margin: 0; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel + .directorist-filter-location-icon, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel + .directorist-filter-location-icon { + right: 0; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel + .directorist-select, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel + .directorist-select { + width: 100%; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field + .directorist-filter-location-icon { + right: -15px; + } } @media only screen and (max-width: 991px) { - .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { - padding-top: 30px; - } + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 30px; + } } @media only screen and (max-width: 767px) { - .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { - padding-top: 46px; - } + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 46px; + } } @media only screen and (max-width: 600px) { - .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { - padding-top: 0; - } + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 0; + } } .directorist-advanced-filter__basic { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + flex-direction: column; } .directorist-advanced-filter__basic__element { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-advanced-filter__basic__element .directorist-search-field { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 100%; - padding: 0; - margin: 0 0 40px; + flex-direction: column; + align-items: flex-start; + flex-wrap: wrap; + width: 100%; + padding: 0; + margin: 0 0 40px; } @media screen and (max-width: 575px) { - .directorist-advanced-filter__basic__element .directorist-search-field { - margin: 0 0 20px; - } + .directorist-advanced-filter__basic__element .directorist-search-field { + margin: 0 0 20px; + } } .directorist-advanced-filter__basic__element .directorist-checkbox-wrapper, .directorist-advanced-filter__basic__element .directorist-radio-wrapper, .directorist-advanced-filter__basic__element .directorist-search-tags { - gap: 15px; - margin: 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-checkbox, -.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-radio, -.directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-checkbox, -.directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-radio, -.directorist-advanced-filter__basic__element .directorist-search-tags .directorist-checkbox, -.directorist-advanced-filter__basic__element .directorist-search-tags .directorist-radio { - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 0 46%; - -ms-flex: 0 0 46%; - flex: 0 0 46%; + gap: 15px; + margin: 0; + flex-wrap: wrap; +} +.directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-checkbox, +.directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-radio, +.directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-checkbox, +.directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-radio, +.directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-checkbox, +.directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-radio { + margin: 0; + flex: 0 0 46%; } @media only screen and (max-width: 575px) { - .directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-checkbox, - .directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-radio, - .directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-checkbox, - .directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-radio, - .directorist-advanced-filter__basic__element .directorist-search-tags .directorist-checkbox, - .directorist-advanced-filter__basic__element .directorist-search-tags .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } -} -.directorist-advanced-filter__basic__element .directorist-form-group .directorist-filter-location-icon { - margin-top: 3px; - z-index: 99; + .directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-checkbox, + .directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-radio, + .directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-checkbox, + .directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-radio, + .directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-checkbox, + .directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-radio { + flex: 0 0 100%; + } +} +.directorist-advanced-filter__basic__element + .directorist-form-group + .directorist-filter-location-icon { + margin-top: 3px; + z-index: 99; } .directorist-advanced-filter__basic__element .form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 20px; - padding: 0; - margin: 0 0 40px; + display: flex; + align-items: center; + justify-content: space-between; + gap: 20px; + padding: 0; + margin: 0 0 40px; } @media screen and (max-width: 575px) { - .directorist-advanced-filter__basic__element .form-group { - margin: 0 0 20px; - } + .directorist-advanced-filter__basic__element .form-group { + margin: 0 0 20px; + } } .directorist-advanced-filter__basic__element .form-group > label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: 16px; - font-weight: 500; - margin: 0; - color: var(--directorist-color-dark); + display: inline-flex; + font-size: 16px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); } .directorist-advanced-filter__advanced { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + flex-direction: column; } .directorist-advanced-filter__advanced__element { - overflow: hidden; + overflow: hidden; } -.directorist-advanced-filter__advanced__element.directorist-search-field-location .directorist-search-field.input-is-focused, .directorist-advanced-filter__advanced__element.directorist-search-field-category .directorist-search-field.input-is-focused { - margin-top: 0; +.directorist-advanced-filter__advanced__element.directorist-search-field-location + .directorist-search-field.input-is-focused, +.directorist-advanced-filter__advanced__element.directorist-search-field-category + .directorist-search-field.input-is-focused { + margin-top: 0; } .directorist-advanced-filter__advanced__element .directorist-search-field { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 0; - margin: 0 0 40px; - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + flex-direction: column; + align-items: flex-start; + padding: 0; + margin: 0 0 40px; + transition: margin 0.3s ease; } @media screen and (max-width: 575px) { - .directorist-advanced-filter__advanced__element .directorist-search-field { - margin: 0 0 20px; - } -} -.directorist-advanced-filter__advanced__element .directorist-search-field > label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin: 0 0 15px; - font-size: 16px; - font-weight: 500; - color: var(--directorist-color-dark); -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label { - top: 6px; - -webkit-transform: unset; - transform: unset; - font-size: 14px; - font-weight: 400; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder, .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder, .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder, .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder, .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::placeholder, -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-form-group__prefix--start { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__input[type=date] { - padding-right: 0; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__input[type=time] { - padding-right: 0; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-top: 40px; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__label { - top: -35px; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; - margin: 0; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__prefix--start { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - width: 100%; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input[type=date] { - padding-right: 20px; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input[type=time] { - padding-right: 20px; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-radius_search > label, .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-price_range > label, .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-text_range > label, .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field__number > label { - position: unset; - -webkit-transform: unset; - transform: unset; + .directorist-advanced-filter__advanced__element .directorist-search-field { + margin: 0 0 20px; + } +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + > label { + display: inline-flex; + margin: 0 0 15px; + font-size: 16px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label { + top: 6px; + transform: unset; + font-size: 14px; + font-weight: 400; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-form-group__prefix--start { + opacity: 0; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__input[type="date"] { + padding-right: 0; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__input[type="time"] { + padding-right: 0; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused { + width: 100%; + display: inline-flex; + margin-top: 40px; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="date"] { + padding-right: 20px; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="time"] { + padding-right: 20px; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-has-noLabel + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-radius_search + > label, +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-price_range + > label, +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-text_range + > label, +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field__number + > label { + position: unset; + transform: unset; } .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper, .directorist-advanced-filter__advanced__element .directorist-radio-wrapper, .directorist-advanced-filter__advanced__element .directorist-search-tags { - gap: 15px; - margin: 0; - padding: 10px 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + gap: 15px; + margin: 0; + padding: 10px 0; + flex-wrap: wrap; } @media only screen and (max-width: 575px) { - .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper, - .directorist-advanced-filter__advanced__element .directorist-radio-wrapper, - .directorist-advanced-filter__advanced__element .directorist-search-tags { - gap: 10px; - } -} -.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-checkbox, -.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-radio, -.directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-checkbox, -.directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-radio, -.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox, -.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-radio { - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 0 46%; - -ms-flex: 0 0 46%; - flex: 0 0 46%; + .directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper, + .directorist-advanced-filter__advanced__element .directorist-radio-wrapper, + .directorist-advanced-filter__advanced__element .directorist-search-tags { + gap: 10px; + } +} +.directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-checkbox, +.directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-radio, +.directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-checkbox, +.directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-radio, +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox, +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-radio { + margin: 0; + flex: 0 0 46%; } @media only screen and (max-width: 575px) { - .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-checkbox, - .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-radio, - .directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-checkbox, - .directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-radio, - .directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox, - .directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } -} -.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox { - display: none; -} -.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox:nth-child(-n+4) { - display: block; -} -.directorist-advanced-filter__advanced__element .directorist-form-group .directorist-filter-location-icon { - margin-top: 1px; - z-index: 99; + .directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-checkbox, + .directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-radio, + .directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-checkbox, + .directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-radio, + .directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox, + .directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-radio { + flex: 0 0 100%; + } +} +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox { + display: none; +} +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox:nth-child(-n + 4) { + display: block; +} +.directorist-advanced-filter__advanced__element + .directorist-form-group + .directorist-filter-location-icon { + margin-top: 1px; + z-index: 99; } .directorist-advanced-filter__advanced__element .form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 20px; - padding: 0; - margin: 0 0 40px; + display: flex; + align-items: center; + justify-content: space-between; + gap: 20px; + padding: 0; + margin: 0 0 40px; } @media screen and (max-width: 575px) { - .directorist-advanced-filter__advanced__element .form-group { - margin: 0 0 20px; - } + .directorist-advanced-filter__advanced__element .form-group { + margin: 0 0 20px; + } } .directorist-advanced-filter__advanced__element .form-group > label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: 16px; - font-weight: 500; - margin: 0; - color: var(--directorist-color-dark); -} -.directorist-advanced-filter__advanced__element.directorist-search-field-tag, .directorist-advanced-filter__advanced__element.directorist-search-field-radio, .directorist-advanced-filter__advanced__element.directorist-search-field-review, .directorist-advanced-filter__advanced__element.directorist-search-field-checkbox, .directorist-advanced-filter__advanced__element.directorist-search-field-location, .directorist-advanced-filter__advanced__element.directorist-search-field-pricing, .directorist-advanced-filter__advanced__element.directorist-search-field-color_picker { - overflow: visible; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-advanced-filter__advanced__element.directorist-search-field-tag .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-radio .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-review .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-checkbox .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-location .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-pricing .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-color_picker .directorist-search-field { - width: 100%; + display: inline-flex; + font-size: 16px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); +} +.directorist-advanced-filter__advanced__element.directorist-search-field-tag, +.directorist-advanced-filter__advanced__element.directorist-search-field-radio, +.directorist-advanced-filter__advanced__element.directorist-search-field-review, +.directorist-advanced-filter__advanced__element.directorist-search-field-checkbox, +.directorist-advanced-filter__advanced__element.directorist-search-field-location, +.directorist-advanced-filter__advanced__element.directorist-search-field-pricing, +.directorist-advanced-filter__advanced__element.directorist-search-field-color_picker { + overflow: visible; + display: flex; +} +.directorist-advanced-filter__advanced__element.directorist-search-field-tag + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-radio + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-review + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-checkbox + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-location + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-pricing + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-color_picker + .directorist-search-field { + width: 100%; } .directorist-advanced-filter__action { - gap: 10px; - padding: 17px 40px; + gap: 10px; + padding: 17px 40px; } .directorist-advanced-filter__action .directorist-btn-reset-js { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - cursor: pointer; - -webkit-transition: background-color 0.3s ease, color 0.3s ease; - transition: background-color 0.3s ease, color 0.3s ease; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); + justify-content: center; + text-decoration: none; + cursor: pointer; + transition: + background-color 0.3s ease, + color 0.3s ease; } .directorist-advanced-filter__action .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + opacity: 0.5; + cursor: not-allowed; } .directorist-advanced-filter__action .directorist-btn { - font-size: 15px; - font-weight: 700; - border-radius: 8px; - padding: 0 32px; - height: 50px; - letter-spacing: 0; + font-size: 15px; + font-weight: 700; + border-radius: 8px; + padding: 0 32px; + height: 50px; + letter-spacing: 0; } @media only screen and (max-width: 375px) { - .directorist-advanced-filter__action .directorist-btn { - padding: 0 14.5px; - } -} -.directorist-advanced-filter__action.reset-btn-disabled .directorist-btn-reset-js { - opacity: 0.5; - cursor: not-allowed; - pointer-events: none; -} -.directorist-advanced-filter .directorist-form-group.directorist-icon-right .directorist-input-icon { - right: 0; -} -.directorist-advanced-filter .directorist-form-group.directorist-icon-left .directorist-input-icon { - left: 0; + .directorist-advanced-filter__action .directorist-btn { + padding: 0 14.5px; + } +} +.directorist-advanced-filter__action.reset-btn-disabled + .directorist-btn-reset-js { + opacity: 0.5; + cursor: not-allowed; + pointer-events: none; +} +.directorist-advanced-filter + .directorist-form-group.directorist-icon-right + .directorist-input-icon { + right: 0; +} +.directorist-advanced-filter + .directorist-form-group.directorist-icon-left + .directorist-input-icon { + left: 0; } .directorist-advanced-filter .directorist-date .directorist-form-group, .directorist-advanced-filter .directorist-time .directorist-form-group { - width: 100%; + width: 100%; } .directorist-advanced-filter .directorist-btn-ml { - display: inline-block; - margin-top: 10px; - font-size: 13px; - font-weight: 500; - color: var(--directorist-color-body); + display: inline-block; + margin-top: 10px; + font-size: 13px; + font-weight: 500; + color: var(--directorist-color-body); } .directorist-advanced-filter .directorist-btn-ml:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-advanced-filter .directorist-btn-ml { - margin-top: 10px; - } + .directorist-advanced-filter .directorist-btn-ml { + margin-top: 10px; + } } .directorist-search-field-radius_search { - position: relative; + position: relative; } -.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap { - position: absolute; - right: 0; - top: 0; +.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + position: absolute; + right: 0; + top: 0; } .directorist-search-field-review .directorist-checkbox { - display: block; - width: auto; -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - font-size: 13px; - font-weight: 400; - padding-left: 35px; - color: var(--directorist-color-body); -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:not(:last-child) { - margin-bottom: 20px; + display: block; + width: auto; +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label { + display: flex; + align-items: center; + flex-direction: row; + font-size: 13px; + font-weight: 400; + padding-left: 35px; + color: var(--directorist-color-body); +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:not(:last-child) { + margin-bottom: 20px; } @media screen and (max-width: 575px) { - .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:not(:last-child) { - margin-bottom: 10px; - } -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:before { - top: 3px; -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:after { - top: -2px; + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:not(:last-child) { + margin-bottom: 10px; + } +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:before { + top: 3px; +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:after { + top: -2px; } @media only screen and (max-width: 575px) { - .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:after { - top: 0; - } + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:after { + top: 0; + } } @media only screen and (max-width: 575px) { - .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label { - padding-left: 28px; - } -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-light); -} -.directorist-search-field-review .directorist-checkbox input[value="5"] + label .directorist-icon-mask:after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review .directorist-checkbox input[value="4"] + label .directorist-icon-mask:not(:nth-child(5)):after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(1):after, .directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(2):after, .directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(3):after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review .directorist-checkbox input[value="2"] + label .directorist-icon-mask:nth-child(1):after, .directorist-search-field-review .directorist-checkbox input[value="2"] + label .directorist-icon-mask:nth-child(2):after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review .directorist-checkbox input[value="1"] + label .directorist-icon-mask:nth-child(1):after { - background-color: var(--directorist-color-star); + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label { + padding-left: 28px; + } +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-light); +} +.directorist-search-field-review + .directorist-checkbox + input[value="5"] + + label + .directorist-icon-mask:after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="4"] + + label + .directorist-icon-mask:not(:nth-child(5)):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="3"] + + label + .directorist-icon-mask:nth-child(1):after, +.directorist-search-field-review + .directorist-checkbox + input[value="3"] + + label + .directorist-icon-mask:nth-child(2):after, +.directorist-search-field-review + .directorist-checkbox + input[value="3"] + + label + .directorist-icon-mask:nth-child(3):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="2"] + + label + .directorist-icon-mask:nth-child(1):after, +.directorist-search-field-review + .directorist-checkbox + input[value="2"] + + label + .directorist-icon-mask:nth-child(2):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="1"] + + label + .directorist-icon-mask:nth-child(1):after { + background-color: var(--directorist-color-star); } .directorist-search-field .directorist-price-ranges { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: flex; + flex-wrap: wrap; + gap: 20px; } @media (max-width: 575px) { - .directorist-search-field .directorist-price-ranges { - gap: 12px 35px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - } - .directorist-search-field .directorist-price-ranges:after { - content: ""; - position: absolute; - top: 20px; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - width: 10px; - height: 2px; - background-color: var(--directorist-color-border); - } - .directorist-search-field .directorist-price-ranges .directorist-form-group:last-child { - margin-left: 15px; - } + .directorist-search-field .directorist-price-ranges { + gap: 12px 35px; + justify-content: space-between; + position: relative; + } + .directorist-search-field .directorist-price-ranges:after { + content: ""; + position: absolute; + top: 20px; + left: 50%; + transform: translateX(-50%); + width: 10px; + height: 2px; + background-color: var(--directorist-color-border); + } + .directorist-search-field + .directorist-price-ranges + .directorist-form-group:last-child { + margin-left: 15px; + } } @media (max-width: 480px) { - .directorist-search-field .directorist-price-ranges { - gap: 20px; - } + .directorist-search-field .directorist-price-ranges { + gap: 20px; + } } .directorist-search-field .directorist-price-ranges__item { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - position: relative; -} -.directorist-search-field .directorist-price-ranges__item.directorist-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background: transparent; - border-bottom: 1px solid var(--directorist-color-border); -} -.directorist-search-field .directorist-price-ranges__item.directorist-form-group .directorist-form-element { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - border: 0 none !important; -} -.directorist-search-field .directorist-price-ranges__item.directorist-form-group:focus-within { - border-bottom: 2px solid var(--directorist-color-primary); + flex: 1; + position: relative; +} +.directorist-search-field + .directorist-price-ranges__item.directorist-form-group { + display: flex; + align-items: center; + background: transparent; + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-search-field + .directorist-price-ranges__item.directorist-form-group + .directorist-form-element { + flex: 1; + border: 0 none !important; +} +.directorist-search-field + .directorist-price-ranges__item.directorist-form-group:focus-within { + border-bottom: 2px solid var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-search-field .directorist-price-ranges__item.directorist-form-group { - padding: 0 15px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); - } - .directorist-search-field .directorist-price-ranges__item.directorist-form-group:focus { - padding-bottom: 0; - border: 2px solid var(--directorist-color-primary); - } - .directorist-search-field .directorist-price-ranges__item.directorist-form-group__prefix { - height: 34px; - line-height: 34px; - } + .directorist-search-field + .directorist-price-ranges__item.directorist-form-group { + padding: 0 15px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); + } + .directorist-search-field + .directorist-price-ranges__item.directorist-form-group:focus { + padding-bottom: 0; + border: 2px solid var(--directorist-color-primary); + } + .directorist-search-field + .directorist-price-ranges__item.directorist-form-group__prefix { + height: 34px; + line-height: 34px; + } } .directorist-search-field .directorist-price-ranges__label { - margin-right: 5px; + margin-right: 5px; } .directorist-search-field .directorist-price-ranges__currency { - line-height: 1; - margin-right: 4px; + line-height: 1; + margin-right: 4px; } .directorist-search-field .directorist-price-ranges__price-frequency { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - width: 100%; - gap: 6px; - margin: 11px 0 0; + display: flex; + flex-wrap: wrap; + flex: 0 0 100%; + width: 100%; + gap: 6px; + margin: 11px 0 0; } @media screen and (max-width: 575px) { - .directorist-search-field .directorist-price-ranges__price-frequency { - gap: 0; - margin: 0; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); - } - .directorist-search-field .directorist-price-ranges__price-frequency label { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0; - } - .directorist-search-field .directorist-price-ranges__price-frequency label:first-child .directorist-pf-range { - border-radius: 10px 0 0 10px; - } - .directorist-search-field .directorist-price-ranges__price-frequency label:last-child .directorist-pf-range { - border-radius: 0 10px 10px 0; - } - .directorist-search-field .directorist-price-ranges__price-frequency label:not(last-child) { - border-right: 1px solid var(--directorist-color-border); - } -} -.directorist-search-field .directorist-price-ranges__price-frequency input[type=radio] { - display: none; -} -.directorist-search-field .directorist-price-ranges__price-frequency input[type=radio]:checked + .directorist-pf-range { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + .directorist-search-field .directorist-price-ranges__price-frequency { + gap: 0; + margin: 0; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); + } + .directorist-search-field .directorist-price-ranges__price-frequency label { + flex: 1; + margin: 0; + } + .directorist-search-field + .directorist-price-ranges__price-frequency + label:first-child + .directorist-pf-range { + border-radius: 10px 0 0 10px; + } + .directorist-search-field + .directorist-price-ranges__price-frequency + label:last-child + .directorist-pf-range { + border-radius: 0 10px 10px 0; + } + .directorist-search-field + .directorist-price-ranges__price-frequency + label:not(last-child) { + border-right: 1px solid var(--directorist-color-border); + } +} +.directorist-search-field + .directorist-price-ranges__price-frequency + input[type="radio"] { + display: none; +} +.directorist-search-field + .directorist-price-ranges__price-frequency + input[type="radio"]:checked + + .directorist-pf-range { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-search-field .directorist-price-ranges .directorist-pf-range { - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-dark); - background-color: var(--directorist-color-border); - border-radius: 8px; - width: 70px; - height: 36px; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + color: var(--directorist-color-dark); + background-color: var(--directorist-color-border); + border-radius: 8px; + width: 70px; + height: 36px; } @media screen and (max-width: 575px) { - .directorist-search-field .directorist-price-ranges .directorist-pf-range { - width: 100%; - border-radius: 0; - background-color: var(--directorist-color-white); - } + .directorist-search-field .directorist-price-ranges .directorist-pf-range { + width: 100%; + border-radius: 0; + background-color: var(--directorist-color-white); + } } .directorist-search-field { - font-size: 15px; + font-size: 15px; } .directorist-search-field .wp-picker-container .wp-picker-clear, .directorist-search-field .wp-picker-container .wp-color-result { - position: relative; - height: 40px; - border: 0 none; - width: 140px; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - border-radius: 3px; - text-decoration: none; + position: relative; + height: 40px; + border: 0 none; + width: 140px; + transition: all 0.2s ease-in-out; + border-radius: 3px; + text-decoration: none; } .directorist-search-field .wp-picker-container .wp-color-result { - position: relative; - height: 40px; - border: 0 none; - width: 140px; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - border-radius: 3px; + position: relative; + height: 40px; + border: 0 none; + width: 140px; + transition: all 0.2s ease-in-out; + border-radius: 3px; } .directorist-search-field .wp-picker-container .wp-color-result-text { - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - height: 100%; - width: 102px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-transform: capitalize; - line-height: 1; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + height: 100%; + width: 102px; + display: flex; + align-items: center; + justify-content: center; + text-transform: capitalize; + line-height: 1; } .directorist-search-field .wp-picker-holder { - position: absolute; - z-index: 22; + position: absolute; + z-index: 22; } .check-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .check-btn label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: inline-flex; } .check-btn label input { - display: none; + display: none; } .check-btn label input:checked + span:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .check-btn label input:checked + span:after { - border-color: var(--directorist-color-primary); - background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .check-btn label span { - position: relative; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 8px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - height: 42px; - padding-right: 18px; - padding-left: 45px; - font-weight: 400; - font-size: 14px; - border-radius: 8px; - background-color: var(--directorist-color-light); - color: var(--directorist-color-body); - cursor: pointer; + position: relative; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + gap: 8px; + transition: 0.3s ease; + height: 42px; + padding-right: 18px; + padding-left: 45px; + font-weight: 400; + font-size: 14px; + border-radius: 8px; + background-color: var(--directorist-color-light); + color: var(--directorist-color-body); + cursor: pointer; } .check-btn label span i { - display: none; + display: none; } .check-btn label span:before { - position: absolute; - left: 23px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: var(--directorist-color-white); - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; + position: absolute; + left: 23px; + top: 50%; + transform: translateY(-50%); + content: ""; + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); + display: block; + opacity: 0; + transition: all 0.3s ease 0s; + z-index: 2; } .check-btn label span:after { - position: absolute; - left: 18px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - width: 16px; - height: 16px; - border-radius: 5px; - content: ""; - border: 2px solid #d9d9d9; - background-color: var(--directorist-color-white); - -webkit-box-sizing: content-box; - box-sizing: content-box; + position: absolute; + left: 18px; + top: 50%; + transform: translateY(-50%); + width: 16px; + height: 16px; + border-radius: 5px; + content: ""; + border: 2px solid #d9d9d9; + background-color: var(--directorist-color-white); + box-sizing: content-box; } /* google map location suggestion container */ .pac-container { - z-index: 99999; + z-index: 99999; } .directorist-search-top { - text-align: center; - margin-bottom: 34px; + text-align: center; + margin-bottom: 34px; } .directorist-search-top__title { - color: var(--directorist-color-dark); - font-size: 36px; - font-weight: 500; - margin-bottom: 18px; + color: var(--directorist-color-dark); + font-size: 36px; + font-weight: 500; + margin-bottom: 18px; } .directorist-search-top__subtitle { - color: var(--directorist-color-body); - font-size: 18px; - opacity: 0.8; - text-align: center; + color: var(--directorist-color-body); + font-size: 18px; + opacity: 0.8; + text-align: center; } .directorist-search-contents { - background-size: cover; - padding: 100px 0 120px; + background-size: cover; + padding: 100px 0 120px; } .directorist-search-field__label { - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - -webkit-transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; - transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder, .directorist-search-field__label ~ .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder, .directorist-search-field__label ~ .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder, .directorist-search-field__label ~ .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder, .directorist-search-field__label ~ .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::placeholder, -.directorist-search-field__label ~ .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; +} +.directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; } .directorist-search-field .directorist-form-group__prefix--start { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + opacity: 0; + transition: opacity 0.3s ease; } .directorist-search-field__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - position: absolute; - bottom: 12px; - cursor: pointer; + display: flex; + position: absolute; + bottom: 12px; + cursor: pointer; } .directorist-search-field__btn--clear { - right: 0; - opacity: 0; - visibility: hidden; + right: 0; + opacity: 0; + visibility: hidden; } .directorist-search-field__btn--clear i::after { - width: 16px; - height: 16px; - background-color: #bcbcbc; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; + width: 16px; + height: 16px; + background-color: #bcbcbc; + transition: background-color 0.3s ease; } .directorist-search-field__btn--clear:hover i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-search-field .directorist-filter-location-icon { - right: -15px; - } -} -.directorist-search-field.input-has-value .directorist-search-field__input:not(.directorist-select), .directorist-search-field.input-is-focused .directorist-search-field__input:not(.directorist-select) { - padding-right: 25px; -} -.directorist-search-field.input-has-value .directorist-search-field__input.directorist-location-js, .directorist-search-field.input-is-focused .directorist-search-field__input.directorist-location-js { - padding-right: 45px; -} -.directorist-search-field.input-has-value .directorist-search-field__input[type=number], .directorist-search-field.input-is-focused .directorist-search-field__input[type=number] { - appearance: none !important; - -webkit-appearance: none !important; - -moz-appearance: none !important; -} -.directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__input::placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__label, .directorist-search-field.input-is-focused .directorist-search-field__label { - top: 0; - font-size: 13px; - font-weight: 400; - color: var(--directorist-color-body); + .directorist-search-field .directorist-filter-location-icon { + right: -15px; + } +} +.directorist-search-field.input-has-value + .directorist-search-field__input:not(.directorist-select), +.directorist-search-field.input-is-focused + .directorist-search-field__input:not(.directorist-select) { + padding-right: 25px; +} +.directorist-search-field.input-has-value + .directorist-search-field__input.directorist-location-js, +.directorist-search-field.input-is-focused + .directorist-search-field__input.directorist-location-js { + padding-right: 45px; +} +.directorist-search-field.input-has-value + .directorist-search-field__input[type="number"], +.directorist-search-field.input-is-focused + .directorist-search-field__input[type="number"] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; +} +.directorist-search-field.input-has-value + .directorist-search-field__input::placeholder, +.directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-field.input-has-value .directorist-search-field__label, +.directorist-search-field.input-is-focused .directorist-search-field__label { + top: 0; + font-size: 13px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-search-field.input-has-value .directorist-search-field__btn--clear, -.directorist-search-field.input-has-value .directorist-search-field__btn i::after, .directorist-search-field.input-is-focused .directorist-search-field__btn--clear, -.directorist-search-field.input-is-focused .directorist-search-field__btn i::after { - opacity: 1; - visibility: visible; -} -.directorist-search-field.input-has-value .directorist-form-group__with-prefix, .directorist-search-field.input-is-focused .directorist-form-group__with-prefix { - border-bottom: 2px solid var(--directorist-color-primary); -} -.directorist-search-field.input-has-value .directorist-form-group__prefix--start, .directorist-search-field.input-is-focused .directorist-form-group__prefix--start { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-form-group__with-prefix, .directorist-search-field.input-is-focused .directorist-form-group__with-prefix { - padding-right: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-search-field.input-has-value .directorist-form-group__with-prefix .directorist-search-field__input, .directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input { - bottom: 0; +.directorist-search-field.input-has-value + .directorist-search-field__btn + i::after, +.directorist-search-field.input-is-focused + .directorist-search-field__btn--clear, +.directorist-search-field.input-is-focused + .directorist-search-field__btn + i::after { + opacity: 1; + visibility: visible; +} +.directorist-search-field.input-has-value .directorist-form-group__with-prefix, +.directorist-search-field.input-is-focused + .directorist-form-group__with-prefix { + border-bottom: 2px solid var(--directorist-color-primary); +} +.directorist-search-field.input-has-value + .directorist-form-group__prefix--start, +.directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-search-field.input-has-value .directorist-form-group__with-prefix, +.directorist-search-field.input-is-focused + .directorist-form-group__with-prefix { + padding-right: 25px; + box-sizing: border-box; +} +.directorist-search-field.input-has-value + .directorist-form-group__with-prefix + .directorist-search-field__input, +.directorist-search-field.input-is-focused + .directorist-form-group__with-prefix + .directorist-search-field__input { + bottom: 0; } .directorist-search-field.input-has-value .directorist-select, -.directorist-search-field.input-has-value .directorist-search-field__input, .directorist-search-field.input-is-focused .directorist-select, +.directorist-search-field.input-has-value .directorist-search-field__input, +.directorist-search-field.input-is-focused .directorist-select, .directorist-search-field.input-is-focused .directorist-search-field__input { - position: relative; - bottom: -5px; + position: relative; + bottom: -5px; } .directorist-search-field.input-has-value.input-has-noLabel .directorist-select, -.directorist-search-field.input-has-value.input-has-noLabel .directorist-search-field__input, .directorist-search-field.input-is-focused.input-has-noLabel .directorist-select, -.directorist-search-field.input-is-focused.input-has-noLabel .directorist-search-field__input { - bottom: 0; - margin-top: 0 !important; -} -.directorist-search-field.input-has-value.directorist-date .directorist-search-field__label, .directorist-search-field.input-has-value.directorist-time .directorist-search-field__label, .directorist-search-field.input-has-value.directorist-color .directorist-search-field__label, -.directorist-search-field.input-has-value .directorist-select .directorist-search-field__label, .directorist-search-field.input-is-focused.directorist-date .directorist-search-field__label, .directorist-search-field.input-is-focused.directorist-time .directorist-search-field__label, .directorist-search-field.input-is-focused.directorist-color .directorist-search-field__label, -.directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-location-js, .directorist-search-field.input-is-focused .directorist-location-js { - padding-right: 45px; -} -.directorist-search-field.input-has-value .select2-selection--single .select2-selection__rendered, -.directorist-search-field.input-has-value .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered, -.directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-dark); -} -.directorist-search-field.input-has-value .directorist-select2-addons-area .directorist-icon-mask:after, .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-dark); -} -.directorist-search-field.directorist-date .directorist-search-field__label, .directorist-search-field.directorist-time .directorist-search-field__label, .directorist-search-field.directorist-color .directorist-search-field__label, +.directorist-search-field.input-has-value.input-has-noLabel + .directorist-search-field__input, +.directorist-search-field.input-is-focused.input-has-noLabel + .directorist-select, +.directorist-search-field.input-is-focused.input-has-noLabel + .directorist-search-field__input { + bottom: 0; + margin-top: 0 !important; +} +.directorist-search-field.input-has-value.directorist-date + .directorist-search-field__label, +.directorist-search-field.input-has-value.directorist-time + .directorist-search-field__label, +.directorist-search-field.input-has-value.directorist-color + .directorist-search-field__label, +.directorist-search-field.input-has-value + .directorist-select + .directorist-search-field__label, +.directorist-search-field.input-is-focused.directorist-date + .directorist-search-field__label, +.directorist-search-field.input-is-focused.directorist-time + .directorist-search-field__label, +.directorist-search-field.input-is-focused.directorist-color + .directorist-search-field__label, +.directorist-search-field.input-is-focused + .directorist-select + .directorist-search-field__label { + opacity: 1; +} +.directorist-search-field.input-has-value .directorist-location-js, +.directorist-search-field.input-is-focused .directorist-location-js { + padding-right: 45px; +} +.directorist-search-field.input-has-value + .select2-selection--single + .select2-selection__rendered, +.directorist-search-field.input-has-value + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder, +.directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered, +.directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); +} +.directorist-search-field.input-has-value + .directorist-select2-addons-area + .directorist-icon-mask:after, +.directorist-search-field.input-is-focused + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); +} +.directorist-search-field.directorist-date .directorist-search-field__label, +.directorist-search-field.directorist-time .directorist-search-field__label, +.directorist-search-field.directorist-color .directorist-search-field__label, .directorist-search-field .directorist-select .directorist-search-field__label { - opacity: 0; + opacity: 0; } -.directorist-search-field .directorist-select ~ .directorist-search-field__btn--clear, -.directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - right: 25px; +.directorist-search-field + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + right: 25px; } .directorist-search-field .directorist-select .directorist-icon-mask:after, -.directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after { - background-color: #808080; +.directorist-search-field + .directorist-filter-location-icon + .directorist-icon-mask:after { + background-color: #808080; } -.directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - bottom: 8px; +.directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + bottom: 8px; } -.directorist-preload .directorist-search-form-top .directorist-search-field__label ~ .directorist-search-field__input { - opacity: 0; - pointer-events: none; +.directorist-preload + .directorist-search-form-top + .directorist-search-field__label + ~ .directorist-search-field__input { + opacity: 0; + pointer-events: none; } .directorist-search-form__box { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 100%; - border: none; - border-radius: 10px; - padding: 22px 22px 22px 25px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: flex; + align-items: flex-start; + justify-content: space-between; + flex-wrap: wrap; + width: 100%; + border: none; + border-radius: 10px; + padding: 22px 22px 22px 25px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + box-sizing: border-box; } @media screen and (max-width: 767px) { - .directorist-search-form__box { - gap: 15px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-search-form__box { + gap: 15px; + flex-direction: column; + } } @media only screen and (max-width: 575px) { - .directorist-search-form__box { - padding: 0; - -webkit-box-shadow: unset; - box-shadow: unset; - border: none; - } - .directorist-search-form__box .directorist-search-form-action { - display: none; - } + .directorist-search-form__box { + padding: 0; + box-shadow: unset; + border: none; + } + .directorist-search-form__box .directorist-search-form-action { + display: none; + } } .directorist-search-form__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 18px; + display: flex; + flex-wrap: wrap; + flex: 1; + gap: 18px; } @media screen and (max-width: 767px) { - .directorist-search-form__top { - width: 100%; - } + .directorist-search-form__top { + width: 100%; + } } @media screen and (min-width: 576px) { - .directorist-search-form__top { - margin-top: 5px; - } - .directorist-search-form__top .directorist-search-modal__minimizer { - display: none; - } - .directorist-search-form__top .directorist-search-modal__contents { - border-radius: 0; - z-index: 1; - } - .directorist-search-form__top .directorist-search-query:after { - display: none; - } - .directorist-search-form__top .directorist-search-modal__input { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 30%; - -webkit-flex: 30%; - -ms-flex: 30%; - flex: 30%; - margin: 0; - border: none; - border-radius: 0; - } - .directorist-search-form__top .directorist-search-modal__input .directorist-search-modal__input__btn { - display: none; - } - .directorist-search-form__top .directorist-search-modal__input .directorist-form-group .directorist-form-element:focus { - border-bottom: 2px solid var(--directorist-color-primary); - } - .directorist-search-form__top .directorist-search-modal__contents__body .directorist-search-modal__input .directorist-search-field { - border: 0 none; - } - .directorist-search-form__top .directorist-search-modal__input:not(:nth-last-child(1)) .directorist-search-field { - border-right: 1px solid var(--directorist-color-border); - } - .directorist-search-form__top .directorist-search-adv-filter.directorist-advanced-filter.directorist-search-modal__contents { - position: unset; - opacity: 1 !important; - visibility: visible !important; - -webkit-transform: unset; - transform: unset; - width: 100%; - margin: 0; - max-width: unset; - overflow: visible; - } - .directorist-search-form__top .directorist-search-modal__contents__body { - height: auto; - padding: 0; - gap: 18px; - margin: 0; - overflow: unset; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } - .directorist-search-form__top .directorist-advanced-filter .directorist-form-group.directorist-icon-left .directorist-input-icon { - left: 15px; - } - .directorist-search-form__top .directorist-advanced-filter .directorist-form-group.directorist-icon-right .directorist-input-icon, - .directorist-search-form__top .select2-container[dir=ltr] .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - right: 15px; - } - .directorist-search-form__top .select2-container[dir=ltr] .directorist-select2-addons-area .directorist-select2-dropdown-close { - right: 30px; - } - .directorist-search-form__top .directorist-search-modal__input:focus .directorist-select2-dropdown-toggle, - .directorist-search-form__top .directorist-search-modal__input:focus-within .directorist-select2-dropdown-toggle { - display: block; - } - .directorist-search-form__top .directorist-select, - .directorist-search-form__top .directorist-search-category { - width: calc(100% + 15px); - } + .directorist-search-form__top { + margin-top: 5px; + } + .directorist-search-form__top .directorist-search-modal__minimizer { + display: none; + } + .directorist-search-form__top .directorist-search-modal__contents { + border-radius: 0; + z-index: 1; + } + .directorist-search-form__top .directorist-search-query:after { + display: none; + } + .directorist-search-form__top .directorist-search-modal__input { + display: flex; + flex: 30%; + margin: 0; + border: none; + border-radius: 0; + } + .directorist-search-form__top + .directorist-search-modal__input + .directorist-search-modal__input__btn { + display: none; + } + .directorist-search-form__top + .directorist-search-modal__input + .directorist-form-group + .directorist-form-element:focus { + border-bottom: 2px solid var(--directorist-color-primary); + } + .directorist-search-form__top + .directorist-search-modal__contents__body + .directorist-search-modal__input + .directorist-search-field { + border: 0 none; + } + .directorist-search-form__top + .directorist-search-modal__input:not(:nth-last-child(1)) + .directorist-search-field { + border-right: 1px solid var(--directorist-color-border); + } + .directorist-search-form__top + .directorist-search-adv-filter.directorist-advanced-filter.directorist-search-modal__contents { + position: unset; + opacity: 1 !important; + visibility: visible !important; + transform: unset; + width: 100%; + margin: 0; + max-width: unset; + overflow: visible; + } + .directorist-search-form__top .directorist-search-modal__contents__body { + height: auto; + padding: 0; + gap: 18px; + margin: 0; + overflow: unset; + display: flex; + flex-wrap: wrap; + align-items: flex-start; + } + .directorist-search-form__top + .directorist-advanced-filter + .directorist-form-group.directorist-icon-left + .directorist-input-icon { + left: 15px; + } + .directorist-search-form__top + .directorist-advanced-filter + .directorist-form-group.directorist-icon-right + .directorist-input-icon, + .directorist-search-form__top + .select2-container[dir="ltr"] + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + right: 15px; + } + .directorist-search-form__top + .select2-container[dir="ltr"] + .directorist-select2-addons-area + .directorist-select2-dropdown-close { + right: 30px; + } + .directorist-search-form__top + .directorist-search-modal__input:focus + .directorist-select2-dropdown-toggle, + .directorist-search-form__top + .directorist-search-modal__input:focus-within + .directorist-select2-dropdown-toggle { + display: block; + } + .directorist-search-form__top .directorist-select, + .directorist-search-form__top .directorist-search-category { + width: calc(100% + 15px); + } } @media screen and (max-width: 767px) { - .directorist-search-form__top .directorist-search-modal__input { - -webkit-box-flex: 44%; - -webkit-flex: 44%; - -ms-flex: 44%; - flex: 44%; - } + .directorist-search-form__top .directorist-search-modal__input { + flex: 44%; + } } -.directorist-search-form__top .directorist-search-modal__input .directorist-select2-dropdown-close { - display: none; +.directorist-search-form__top + .directorist-search-modal__input + .directorist-select2-dropdown-close { + display: none; } .directorist-search-form__top .directorist-search-form__single-category { - cursor: not-allowed; -} -.directorist-search-form__top .directorist-search-form__single-category .directorist-category-select { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top .directorist-search-form__single-category .directorist-category-select ~ .select2-container { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top .directorist-search-form__single-category ~ .directorist-search-field__btn { - cursor: not-allowed; - pointer-events: none; + cursor: not-allowed; +} +.directorist-search-form__top + .directorist-search-form__single-category + .directorist-category-select { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-category + .directorist-category-select + ~ .select2-container { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-category + ~ .directorist-search-field__btn { + cursor: not-allowed; + pointer-events: none; } .directorist-search-form__top .directorist-search-form__single-location { - cursor: not-allowed; -} -.directorist-search-form__top .directorist-search-form__single-location .directorist-location-select { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top .directorist-search-form__single-location .directorist-location-select ~ .select2-container { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top .directorist-search-form__single-location ~ .directorist-search-field__btn { - cursor: not-allowed; - pointer-events: none; + cursor: not-allowed; +} +.directorist-search-form__top + .directorist-search-form__single-location + .directorist-location-select { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-location + .directorist-location-select + ~ .select2-container { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-location + ~ .directorist-search-field__btn { + cursor: not-allowed; + pointer-events: none; } .directorist-search-form__top .directorist-search-field { - -webkit-box-flex: 30%; - -webkit-flex: 30%; - -ms-flex: 30%; - flex: 30%; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - margin: 0; - position: relative; - padding-bottom: 0; - padding-right: 15px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + flex: 30%; + flex-direction: column; + align-items: flex-start; + margin: 0; + position: relative; + padding-bottom: 0; + padding-right: 15px; + box-sizing: border-box; } .directorist-search-form__top .directorist-search-field:not(:last-child) { - border-right: 1px solid var(--directorist-color-border); + border-right: 1px solid var(--directorist-color-border); } .directorist-search-form__top .directorist-search-field__btn--clear { - right: 15px; - bottom: 8px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input { - padding-right: 25px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input.directorist-select, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input.directorist-select { - padding-right: 0; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-location-js, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-location-js { - padding-right: 45px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .select2-container .select2-selection, .directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .select2-selection { - width: 100%; -} -.directorist-search-form__top .directorist-search-field.input-has-value .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle, .directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - right: 15px; + right: 15px; + bottom: 8px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input { + padding-right: 25px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input.directorist-select, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input.directorist-select { + padding-right: 0; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::placeholder, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-location-js, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-right: 45px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .select2-container + .select2-selection, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .select2-container + .select2-selection { + width: 100%; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + right: 15px; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle, .directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - right: 5px; - } -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select, -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select, -.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon { - margin-top: 3px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear, -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear, -.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - right: 38px; - bottom: 8px; - top: unset; - -webkit-transform: unset; - transform: unset; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear { - bottom: 10px; + .directorist-search-form__top + .directorist-search-field.input-has-value + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + right: 5px; + } +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select, +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 3px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + right: 38px; + bottom: 8px; + top: unset; + transform: unset; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear { + bottom: 10px; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear { - right: 25px !important; - } -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap { - top: 12px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap ~ .directorist-search-field__btn--clear { - bottom: 0; + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear { + right: 25px !important; + } +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap { + top: 12px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear { + bottom: 0; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap { - top: 0; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap ~ .directorist-search-field__btn--clear { - bottom: unset; - } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap { + top: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear { + bottom: unset; + } } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-has-noLabel) .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select ~ .directorist-search-field__btn--clear { - right: 10px !important; - } -} -.directorist-search-form__top .directorist-search-field.input-has-value.atbdp-form-fade:after, .directorist-search-form__top .directorist-search-field.input-is-focused.atbdp-form-fade:after { - margin-top: 3px; -} -.directorist-search-form__top .directorist-search-field .directorist-form-element { - border: 0 none; - background-color: transparent; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border-bottom: 2px solid transparent; -} -.directorist-search-form__top .directorist-search-field .directorist-form-element:focus { - border-color: var(--directorist-color-primary); + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear { + right: 10px !important; + } +} +.directorist-search-form__top + .directorist-search-field.input-has-value.atbdp-form-fade:after, +.directorist-search-form__top + .directorist-search-field.input-is-focused.atbdp-form-fade:after { + margin-top: 3px; +} +.directorist-search-form__top + .directorist-search-field + .directorist-form-element { + border: 0 none; + background-color: transparent; + transition: all 0.3s ease-in-out; + border-bottom: 2px solid transparent; +} +.directorist-search-form__top + .directorist-search-field + .directorist-form-element:focus { + border-color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field .directorist-form-element { - border: 0 none; - border-radius: 0; - overflow: hidden; - -ms-text-overflow: ellipsis; - text-overflow: ellipsis; - } -} -.directorist-search-form__top .directorist-search-field .directorist-year-ranges__item .directorist-form-element { - border-bottom: 2px solid var(--directorist-color-border); -} -.directorist-search-form__top .directorist-search-field .directorist-year-ranges__item .directorist-form-element:focus { - border-color: var(--directorist-color-primary); -} -.directorist-search-form__top .directorist-search-field .directorist-price-ranges__item .directorist-form-element { - border: none !important; -} -.directorist-search-form__top .directorist-search-field .directorist-price-ranges__item .directorist-form-element:focus { - border: none !important; -} -.directorist-search-form__top .directorist-search-field.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap { - right: 15px; -} -.directorist-search-form__top .directorist-search-field .directorist-select select, -.directorist-search-form__top .directorist-search-field .directorist-select .directorist-select__label { - border: 0 none; + .directorist-search-form__top + .directorist-search-field + .directorist-form-element { + border: 0 none; + border-radius: 0; + overflow: hidden; + -o-text-overflow: ellipsis; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; + } +} +.directorist-search-form__top + .directorist-search-field + .directorist-year-ranges__item + .directorist-form-element { + border-bottom: 2px solid var(--directorist-color-border); +} +.directorist-search-form__top + .directorist-search-field + .directorist-year-ranges__item + .directorist-form-element:focus { + border-color: var(--directorist-color-primary); +} +.directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__item + .directorist-form-element { + border: none !important; +} +.directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__item + .directorist-form-element:focus { + border: none !important; +} +.directorist-search-form__top + .directorist-search-field.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + right: 15px; +} +.directorist-search-form__top + .directorist-search-field + .directorist-select + select, +.directorist-search-form__top + .directorist-search-field + .directorist-select + .directorist-select__label { + border: 0 none; } .directorist-search-form__top .directorist-search-field .wp-picker-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap { - margin: 0; +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap { + margin: 0; } @media screen and (max-width: 480px) { - .directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap label { - width: 70px; -} -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap label input { - padding-right: 10px; - bottom: 0; -} -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap .wp-picker-clear { - margin: 0; - width: 100px; -} -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-holder { - top: 45px; -} -.directorist-search-form__top .directorist-search-field .directorist-checkbox-wrapper, -.directorist-search-form__top .directorist-search-field .directorist-radio-wrapper, -.directorist-search-form__top .directorist-search-field .directorist-search-tags { - padding: 0; - gap: 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-form__top .directorist-search-field .select2.select2-container.select2-container--default .select2-selection__rendered { - font-size: 14px; - font-weight: 500; + .directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap { + flex-direction: column; + } +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap + label { + width: 70px; +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap + label + input { + padding-right: 10px; + bottom: 0; +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-holder { + top: 45px; +} +.directorist-search-form__top + .directorist-search-field + .directorist-checkbox-wrapper, +.directorist-search-form__top + .directorist-search-field + .directorist-radio-wrapper, +.directorist-search-form__top + .directorist-search-field + .directorist-search-tags { + padding: 0; + gap: 20px; + flex-wrap: wrap; + flex-direction: column; +} +.directorist-search-form__top + .directorist-search-field + .select2.select2-container.select2-container--default + .select2-selection__rendered { + font-size: 14px; + font-weight: 500; } .directorist-search-form__top .directorist-search-field .directorist-btn-ml { - display: block; - font-size: 13px; - font-weight: 500; - margin-top: 10px; - color: var(--directorist-color-body); + display: block; + font-size: 13px; + font-weight: 500; + margin-top: 10px; + color: var(--directorist-color-body); } -.directorist-search-form__top .directorist-search-field .directorist-btn-ml:hover { - color: var(--directorist-color-primary); +.directorist-search-form__top + .directorist-search-field + .directorist-btn-ml:hover { + color: var(--directorist-color-primary); } @media screen and (max-width: 767px) { - .directorist-search-form__top .directorist-search-field { - -webkit-box-flex: 44%; - -webkit-flex: 44%; - -ms-flex: 44%; - flex: 44%; - } + .directorist-search-form__top .directorist-search-field { + flex: 44%; + } } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field { - -webkit-box-flex: 100%; - -webkit-flex: 100%; - -ms-flex: 100%; - flex: 100%; - margin: 0 20px; - border: none !important; - } - .directorist-search-form__top .directorist-search-field__label { - left: 0; - min-width: 14px; - } - .directorist-search-form__top .directorist-search-field__label:before { - content: ""; - width: 14px; - height: 14px; - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/e6b033cae029287f53b3.svg); - mask-image: url(../js/e6b033cae029287f53b3.svg); - opacity: 0; - } - .directorist-search-form__top .directorist-search-field__btn { - bottom: unset; - right: 40px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - } - .directorist-search-form__top .directorist-search-field__btn i::after { - width: 14px; - height: 14px; - } - .directorist-search-form__top .directorist-search-field .select2-container.select2-container--default .select2-selection--single { - width: 100%; - } - .directorist-search-form__top .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - position: absolute; - right: 5px; - padding: 0; - width: auto; - } - .directorist-search-form__top .directorist-search-field.input-has-value, .directorist-search-form__top .directorist-search-field.input-is-focused { - padding: 0; - margin: 0 40px; - } + .directorist-search-form__top .directorist-search-field { + flex: 100%; + margin: 0 20px; + border: none !important; + } + .directorist-search-form__top .directorist-search-field__label { + left: 0; + min-width: 14px; + } + .directorist-search-form__top .directorist-search-field__label:before { + content: ""; + width: 14px; + height: 14px; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + background-color: var(--directorist-color-body); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + opacity: 0; + } + .directorist-search-form__top .directorist-search-field__btn { + bottom: unset; + right: 40px; + top: 50%; + transform: translateY(-50%); + transition: all 0.3s ease; + } + .directorist-search-form__top .directorist-search-field__btn i::after { + width: 14px; + height: 14px; + } + .directorist-search-form__top + .directorist-search-field + .select2-container.select2-container--default + .select2-selection--single { + width: 100%; + } + .directorist-search-form__top + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + position: absolute; + right: 5px; + padding: 0; + width: auto; + } + .directorist-search-form__top .directorist-search-field.input-has-value, + .directorist-search-form__top .directorist-search-field.input-is-focused { + padding: 0; + margin: 0 40px; + } } @media screen and (max-width: 575px) and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel, .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel { - margin: 0 20px; - } - .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-search-field__btn, .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-search-field__btn { - right: 0; - } + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel, + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel { + margin: 0 20px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel + .directorist-search-field__btn, + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel + .directorist-search-field__btn { + right: 0; + } } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__label, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__label { - font-size: 0 !important; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - left: -25px; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__label:before, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__label:before { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__btn, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__btn { - right: -20px; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__btn i::after, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__btn i::after { - width: 14px; - height: 14px; - opacity: 1; - visibility: visible; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - right: 25px; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear, - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear, - .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - bottom: 12px; - top: unset; - -webkit-transform: unset; - transform: unset; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-select, - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select, - .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input { - padding-right: 0; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-location-js, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-location-js { - padding-right: 30px; - } - .directorist-search-form__top .directorist-search-field.input-has-value.atbdp-form-fade:after, - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon, .directorist-search-form__top .directorist-search-field.input-is-focused.atbdp-form-fade:after, - .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon { - margin-top: 0; - } - .directorist-search-form__top .directorist-search-field.input-has-value.directorist-icon-right .directorist-input-icon, .directorist-search-form__top .directorist-search-field.input-is-focused.directorist-icon-right .directorist-input-icon { - right: -20px; - bottom: 12px; - } - .directorist-search-form__top .directorist-search-field.input-has-value.directorist-icon-right .directorist-input-icon.directorist-filter-location-icon, .directorist-search-form__top .directorist-search-field.input-is-focused.directorist-icon-right .directorist-input-icon.directorist-filter-location-icon { - right: 0; - bottom: 8px; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__label { - opacity: 0; - font-size: 0 !important; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field .directorist-price-ranges__label { - top: 12px; - left: 0; - } - .directorist-search-form__top .directorist-search-field .directorist-price-ranges__currency { - top: 12px; - left: 32px; - } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::placeholder, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__label, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__label { + font-size: 0 !important; + top: 50%; + transform: translateY(-50%); + left: -25px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__label:before, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__label:before { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__btn, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__btn { + right: -20px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__btn + i::after, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__btn + i::after { + width: 14px; + height: 14px; + opacity: 1; + visibility: visible; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + right: 25px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + bottom: 12px; + top: unset; + transform: unset; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select, + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input { + padding-right: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-location-js, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-right: 30px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.atbdp-form-fade:after, + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon, + .directorist-search-form__top + .directorist-search-field.input-is-focused.atbdp-form-fade:after, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.directorist-icon-right + .directorist-input-icon, + .directorist-search-form__top + .directorist-search-field.input-is-focused.directorist-icon-right + .directorist-input-icon { + right: -20px; + bottom: 12px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.directorist-icon-right + .directorist-input-icon.directorist-filter-location-icon, + .directorist-search-form__top + .directorist-search-field.input-is-focused.directorist-icon-right + .directorist-input-icon.directorist-filter-location-icon { + right: 0; + bottom: 8px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__label { + opacity: 0; + font-size: 0 !important; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; + } + .directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__label { + top: 12px; + left: 0; + } + .directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__currency { + top: 12px; + left: 32px; + } } .directorist-search-form__top .select2-container { - width: 100%; -} -.directorist-search-form__top .select2-container.select2-container--default .select2-selection--single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 5px 0; - border: 0 none !important; - width: calc(100% - 15px); -} -.directorist-search-form__top .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-body); -} -.directorist-search-form__top .select2-container.select2-container--default .directorist-select2-addons-area .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-form__top .select2-container.select2-container--default .directorist-select2-addons-area .directorist-icon-mask:after { - width: 12px; - height: 12px; - background-color: #808080; -} -.directorist-search-form__top .select2-container .directorist-select2-dropdown-close { - display: none; -} -.directorist-search-form__top .select2-container .directorist-select2-dropdown-toggle { - position: absolute; - padding: 0; - width: auto; -} -.directorist-search-form__top input[type=number]::-webkit-outer-spin-button, -.directorist-search-form__top input[type=number]::-webkit-inner-spin-button { - -webkit-appearance: none; - appearance: none; - margin: 0; + width: 100%; +} +.directorist-search-form__top + .select2-container.select2-container--default + .select2-selection--single { + display: flex; + align-items: center; + padding: 5px 0; + border: 0 none !important; + width: calc(100% - 15px); +} +.directorist-search-form__top + .select2-container.select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-body); +} +.directorist-search-form__top + .select2-container.select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask { + display: flex; + flex: 1; + justify-content: flex-end; +} +.directorist-search-form__top + .select2-container.select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask:after { + width: 12px; + height: 12px; + background-color: #808080; +} +.directorist-search-form__top + .select2-container + .directorist-select2-dropdown-close { + display: none; +} +.directorist-search-form__top + .select2-container + .directorist-select2-dropdown-toggle { + position: absolute; + padding: 0; + width: auto; +} +.directorist-search-form__top input[type="number"]::-webkit-outer-spin-button, +.directorist-search-form__top input[type="number"]::-webkit-inner-spin-button { + appearance: none; + margin: 0; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-form-dropdown { - padding: 0 !important; - margin-right: 5px !important; - } - .directorist-search-form__top .directorist-search-form-dropdown .directorist-search-field__btn { - right: 0; - } -} -.directorist-search-form__top .directorist-search-form-dropdown .directorist-search-field__btn--clear { - bottom: 12px; - opacity: 0; - visibility: hidden; -} -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - padding-right: 25px; -} -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label { - opacity: 1 !important; - visibility: visible; - font-size: 14px !important; - font-weight: 500; -} -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item { - font-weight: 600; - margin-left: 5px; -} -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn--clear, -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn i::after, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn--clear, -.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn i::after { - opacity: 1; - visibility: visible; + .directorist-search-form__top .directorist-search-form-dropdown { + padding: 0 !important; + margin-right: 5px !important; + } + .directorist-search-form__top + .directorist-search-form-dropdown + .directorist-search-field__btn { + right: 0; + } +} +.directorist-search-form__top + .directorist-search-form-dropdown + .directorist-search-field__btn--clear { + bottom: 12px; + opacity: 0; + visibility: hidden; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-right: 25px; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label { + opacity: 1 !important; + visibility: visible; + font-size: 14px !important; + font-weight: 500; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item { + font-weight: 600; + margin-left: 5px; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn + i::after, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn + i::after { + opacity: 1; + visibility: visible; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-form-dropdown.input-has-value, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused { - margin-right: 20px !important; - } - .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - padding-right: 0 !important; - } - .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { - right: 20px; - } - .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn--clear { - bottom: 5px; - } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused { + margin-right: 20px !important; + } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-right: 0 !important; + } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + right: 20px; + } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn--clear { + bottom: 5px; + } } .directorist-search-form__top .directorist-search-basic-dropdown { - position: relative; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - padding: 0; - width: 100%; - max-width: unset; - height: 40px; - line-height: 40px; - margin-bottom: 0 !important; - font-size: 14px; - font-weight: 400; - cursor: pointer; - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; - color: var(--directorist-color-body); -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-prefix:not(:empty) { - -webkit-margin-end: 5px; - margin-inline-end: 5px; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-count:not(:empty) { - width: 20px; - height: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - font-size: 10px; - border-radius: 100%; - -webkit-margin-start: 10px; - margin-inline-start: 10px; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i:after { - width: 12px; - height: 12px; - background-color: #808080; + position: relative; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + position: relative; + padding: 0; + width: 100%; + max-width: unset; + height: 40px; + line-height: 40px; + margin-bottom: 0 !important; + font-size: 14px; + font-weight: 400; + cursor: pointer; + position: unset !important; + transform: unset !important; + color: var(--directorist-color-body); +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-prefix:not(:empty) { + margin-inline-end: 5px; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-count:not(:empty) { + width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + font-size: 10px; + border-radius: 100%; + margin-inline-start: 10px; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: flex; + flex: 1; + justify-content: flex-end; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i:after { + width: 12px; + height: 12px; + background-color: #808080; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before { - left: -20px !important; - } -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content { - position: absolute; - top: 100%; - left: 0; - width: 100%; - min-width: 150px; - padding: 15px 20px; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-box-sizing: border-box; - box-sizing: border-box; - max-height: 250px; - overflow-y: auto; - z-index: 100; - display: none; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content.dropdown-content-show { - display: block; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-search-tags, -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-radio-wrapper, -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox-wrapper { - gap: 12px; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox__label { - width: 100%; + .directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label:before { + left: -20px !important; + } +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content { + position: absolute; + top: 100%; + left: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + box-sizing: border-box; + max-height: 250px; + overflow-y: auto; + z-index: 100; + display: none; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content.dropdown-content-show { + display: block; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-search-tags, +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-radio-wrapper, +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox-wrapper { + gap: 12px; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox__label { + width: 100%; } .directorist-search-form__top .directorist-form-group__with-prefix { - border: none; + border: none; } -.directorist-search-form__top .directorist-form-group__with-prefix .directorist-search-field__input { - padding-right: 0 !important; - border: none !important; - bottom: 0; +.directorist-search-form__top + .directorist-form-group__with-prefix + .directorist-search-field__input { + padding-right: 0 !important; + border: none !important; + bottom: 0; } -.directorist-search-form__top .directorist-form-group__with-prefix .directorist-search-field__input:focus { - border: none !important; +.directorist-search-form__top + .directorist-form-group__with-prefix + .directorist-search-field__input:focus { + border: none !important; } -.directorist-search-form__top .directorist-form-group__with-prefix .directorist-form-element { - padding-left: 0 !important; +.directorist-search-form__top + .directorist-form-group__with-prefix + .directorist-form-element { + padding-left: 0 !important; } -.directorist-search-form__top .directorist-form-group__with-prefix ~ .directorist-search-field__btn--clear { - bottom: 12px; +.directorist-search-form__top + .directorist-form-group__with-prefix + ~ .directorist-search-field__btn--clear { + bottom: 12px; } .directorist-search-form-action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-margin-end: auto; - margin-inline-end: auto; - -webkit-padding-start: 10px; - padding-inline-start: 10px; - gap: 10px; + display: flex; + align-items: center; + margin-inline-end: auto; + padding-inline-start: 10px; + gap: 10px; } @media only screen and (max-width: 767px) { - .directorist-search-form-action { - -webkit-padding-start: 0; - padding-inline-start: 0; - } + .directorist-search-form-action { + padding-inline-start: 0; + } } @media only screen and (max-width: 575px) { - .directorist-search-form-action { - width: 100%; - } + .directorist-search-form-action { + width: 100%; + } } .directorist-search-form-action button { - text-decoration: none; - text-transform: capitalize; + text-decoration: none; + text-transform: capitalize; } .directorist-search-form-action__filter .directorist-filter-btn { - gap: 6px; - height: 50px; - padding: 0 18px; - font-weight: 400; - background-color: var(--directorist-color-white) !important; - border-color: var(--directorist-color-white); - color: var(--directorist-color-btn-primary-bg); -} -.directorist-search-form-action__filter .directorist-filter-btn .directorist-icon-mask::after { - height: 12px; - width: 14px; - background-color: var(--directorist-color-btn-primary-bg); + gap: 6px; + height: 50px; + padding: 0 18px; + font-weight: 400; + background-color: var(--directorist-color-white) !important; + border-color: var(--directorist-color-white); + color: var(--directorist-color-btn-primary-bg); +} +.directorist-search-form-action__filter + .directorist-filter-btn + .directorist-icon-mask::after { + height: 12px; + width: 14px; + background-color: var(--directorist-color-btn-primary-bg); } .directorist-search-form-action__filter .directorist-filter-btn:hover { - color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); + color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); } @media only screen and (max-width: 767px) { - .directorist-search-form-action__filter .directorist-filter-btn { - padding-left: 0; - } + .directorist-search-form-action__filter .directorist-filter-btn { + padding-left: 0; + } } @media only screen and (max-width: 575px) { - .directorist-search-form-action__filter { - display: none; - } + .directorist-search-form-action__filter { + display: none; + } } .directorist-search-form-action__submit .directorist-btn-search { - gap: 8px; - height: 50px; - padding: 0 25px; - font-size: 15px; - font-weight: 700; - border-radius: 8px; -} -.directorist-search-form-action__submit .directorist-btn-search .directorist-icon-mask::after { - height: 16px; - width: 16px; - background-color: var(--directorist-color-white); - -webkit-transform: rotate(270deg); - transform: rotate(270deg); + gap: 8px; + height: 50px; + padding: 0 25px; + font-size: 15px; + font-weight: 700; + border-radius: 8px; +} +.directorist-search-form-action__submit + .directorist-btn-search + .directorist-icon-mask::after { + height: 16px; + width: 16px; + background-color: var(--directorist-color-white); + transform: rotate(270deg); } @media only screen and (max-width: 575px) { - .directorist-search-form-action__submit { - display: none; - } + .directorist-search-form-action__submit { + display: none; + } } .directorist-search-form-action__modal { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: flex; + flex-wrap: wrap; + gap: 20px; } @media only screen and (max-width: 575px) { - .directorist-search-form-action__modal { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .directorist-search-form-action__modal { + flex: 0 0 100%; + } } @media only screen and (min-width: 576px) { - .directorist-search-form-action__modal { - display: none; - } + .directorist-search-form-action__modal { + display: none; + } } .directorist-search-form-action__modal__btn-search { - gap: 8px; - width: 100%; - height: 44px; - padding: 0 25px; - font-weight: 600; - border-radius: 22px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + gap: 8px; + width: 100%; + height: 44px; + padding: 0 25px; + font-weight: 600; + border-radius: 22px; + flex: 1; } .directorist-search-form-action__modal__btn-search i::after { - width: 16px; - height: 16px; - -webkit-transform: rotate(270deg); - transform: rotate(270deg); + width: 16px; + height: 16px; + transform: rotate(270deg); } .directorist-search-form-action__modal__btn-advanced { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-search-form-action__modal__btn-advanced .directorist-icon-mask:after { - height: 16px; - width: 16px; + display: flex; + align-items: center; + justify-content: center; +} +.directorist-search-form-action__modal__btn-advanced + .directorist-icon-mask:after { + height: 16px; + width: 16px; } .atbdp-form-fade { - position: relative; - border-radius: 8px; - overflow: visible; + position: relative; + border-radius: 8px; + overflow: visible; } .atbdp-form-fade.directorist-search-form__box { - padding: 15px; - border-radius: 10px; + padding: 15px; + border-radius: 10px; } .atbdp-form-fade.directorist-search-form__box:after { - border-radius: 10px; + border-radius: 10px; } -.atbdp-form-fade.directorist-search-field input[type=text] { - padding-left: 15px; +.atbdp-form-fade.directorist-search-field input[type="text"] { + padding-left: 15px; } .atbdp-form-fade:before { - position: absolute; - content: ""; - width: 25px; - height: 25px; - border: 2px solid var(--directorist-color-primary); - border-top-color: transparent; - border-radius: 50%; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - -webkit-animation: atbd_spin2 2s linear infinite; - animation: atbd_spin2 2s linear infinite; - z-index: 9999; + position: absolute; + content: ""; + width: 25px; + height: 25px; + border: 2px solid var(--directorist-color-primary); + border-top-color: transparent; + border-radius: 50%; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + animation: atbd_spin2 2s linear infinite; + z-index: 9999; } .atbdp-form-fade:after { - position: absolute; - content: ""; - width: 100%; - height: 100%; - left: 0; - top: 0; - border-radius: 8px; - background: rgba(var(--directorist-color-primary-rgb), 0.3); - z-index: 9998; + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: 0; + top: 0; + border-radius: 8px; + background: rgba(var(--directorist-color-primary-rgb), 0.3); + z-index: 9998; } .directorist-on-scroll-loading { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; - font-size: 18px; - font-weight: 500; - color: var(--directorist-color-primary); - gap: 8px; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + font-size: 18px; + font-weight: 500; + color: var(--directorist-color-primary); + gap: 8px; } .directorist-on-scroll-loading .directorist-spinner { - width: 25px; - height: 25px; - margin: 0; - background: transparent; - border-top: 3px solid var(--directorist-color-primary); - border-right: 3px solid transparent; - border-radius: 50%; - -webkit-animation: 1s rotate360 linear infinite; - animation: 1s rotate360 linear infinite; + width: 25px; + height: 25px; + margin: 0; + background: transparent; + border-top: 3px solid var(--directorist-color-primary); + border-right: 3px solid transparent; + border-radius: 50%; + animation: 1s rotate360 linear infinite; } .directorist-listing-type-selection { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: end; - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - list-style-type: none; + display: flex; + justify-content: center; + align-items: flex-end; + flex-wrap: wrap; + list-style-type: none; } @media only screen and (max-width: 767px) { - .directorist-listing-type-selection { - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow-x: auto; - } + .directorist-listing-type-selection { + flex-wrap: nowrap; + overflow-x: auto; + } } @media only screen and (max-width: 575px) { - .directorist-listing-type-selection { - max-width: -webkit-fit-content; - max-width: -moz-fit-content; - max-width: fit-content; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-listing-type-selection { + max-width: fit-content; + justify-content: flex-start; + } } .directorist-listing-type-selection__item { - margin-bottom: 25px; - list-style: none; + margin-bottom: 25px; + list-style: none; } @media screen and (max-width: 575px) { - .directorist-listing-type-selection__item { - margin-bottom: 15px; - } + .directorist-listing-type-selection__item { + margin-bottom: 15px; + } } .directorist-listing-type-selection__item:not(:last-child) { - margin-right: 25px; + margin-right: 25px; } @media screen and (max-width: 575px) { - .directorist-listing-type-selection__item:not(:last-child) { - margin-right: 20px; - } + .directorist-listing-type-selection__item:not(:last-child) { + margin-right: 20px; + } } .directorist-listing-type-selection__item a { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-size: 15px; - font-weight: 500; - text-decoration: none; - white-space: nowrap; - padding: 0 0 8px; - color: var(--directorist-color-body); + position: relative; + display: flex; + align-items: center; + flex-direction: column; + font-size: 15px; + font-weight: 500; + text-decoration: none; + white-space: nowrap; + padding: 0 0 8px; + color: var(--directorist-color-body); } .directorist-listing-type-selection__item a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-listing-type-selection__item a:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-listing-type-selection__item a:focus { - background-color: transparent; + background-color: transparent; } .directorist-listing-type-selection__item a:after { - content: ""; - position: absolute; - left: 0; - bottom: 0; - width: 100%; - height: 2px; - border-radius: 6px; - opacity: 0; - visibility: hidden; - background-color: var(--directorist-color-primary); + content: ""; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 2px; + border-radius: 6px; + opacity: 0; + visibility: hidden; + background-color: var(--directorist-color-primary); } .directorist-listing-type-selection__item a .directorist-icon-mask { - display: inline-block; - margin: 0 0 7px; + display: inline-block; + margin: 0 0 7px; } .directorist-listing-type-selection__item a .directorist-icon-mask:after { - width: 20px; - height: 20px; - background-color: var(--directorist-color-body); + width: 20px; + height: 20px; + background-color: var(--directorist-color-body); } -.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current { - font-weight: 700; - color: var(--directorist-color-primary); +.directorist-listing-type-selection__item + .directorist-listing-type-selection__link--current { + font-weight: 700; + color: var(--directorist-color-primary); } -.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current .directorist-icon-mask::after { - background-color: var(--directorist-color-primary); +.directorist-listing-type-selection__item + .directorist-listing-type-selection__link--current + .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); } -.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current:after { - opacity: 1; - visibility: visible; +.directorist-listing-type-selection__item + .directorist-listing-type-selection__link--current:after { + opacity: 1; + visibility: visible; } .directorist-search-form-wrap .directorist-listing-type-selection { - padding: 0; - margin: 0; + padding: 0; + margin: 0; } @media only screen and (max-width: 575px) { - .directorist-search-form-wrap .directorist-listing-type-selection { - margin: 0 auto; - } + .directorist-search-form-wrap .directorist-listing-type-selection { + margin: 0 auto; + } } .directorist-search-contents .directorist-btn-ml:after { - content: ""; - display: inline-block; - margin-left: 5px; - -webkit-mask-image: url(../js/664d0b74d206cf7349ab.svg); - mask-image: url(../js/664d0b74d206cf7349ab.svg); - width: 12px; - height: 12px; - background-color: var(--directorist-color-body); + content: ""; + display: inline-block; + margin-left: 5px; + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + width: 12px; + height: 12px; + background-color: var(--directorist-color-body); } .directorist-search-contents .directorist-btn-ml.active:after { - -webkit-mask-image: url(../js/2d9a2bdcde23b75a6392.svg); - mask-image: url(../js/2d9a2bdcde23b75a6392.svg); + mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); } .directorist-listing-category-top { - text-align: center; - margin-top: 35px; + text-align: center; + margin-top: 35px; } @media screen and (max-width: 575px) { - .directorist-listing-category-top { - margin-top: 20px; - } + .directorist-listing-category-top { + margin-top: 20px; + } } .directorist-listing-category-top h3 { - font-size: 18px; - font-weight: 400; - color: var(--directorist-color-body); - margin-bottom: 0; - display: none; + font-size: 18px; + font-weight: 400; + color: var(--directorist-color-body); + margin-bottom: 0; + display: none; } .directorist-listing-category-top ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 20px 35px; - margin: 0; - list-style: none; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + gap: 20px 35px; + margin: 0; + list-style: none; } @media only screen and (max-width: 575px) { - .directorist-listing-category-top ul { - gap: 12px; - overflow-x: auto; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-listing-category-top ul { + gap: 12px; + overflow-x: auto; + flex-wrap: nowrap; + justify-content: flex-start; + } } .directorist-listing-category-top li a { - color: var(--directorist-color-body); - font-size: 14px; - font-weight: 500; - text-decoration: none; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - gap: 10px; + color: var(--directorist-color-body); + font-size: 14px; + font-weight: 500; + text-decoration: none; + display: inline-flex; + align-items: center; + width: max-content; + gap: 10px; } .directorist-listing-category-top li a i, .directorist-listing-category-top li a span, @@ -14381,4827 +14422,5044 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-listing-category-top li a span.fab, .directorist-listing-category-top li a span.fas, .directorist-listing-category-top li a span.la { - font-size: 15px; - color: var(--directorist-color-body); + font-size: 15px; + color: var(--directorist-color-body); } .directorist-listing-category-top li a .directorist-icon-mask::after { - position: relative; - height: 15px; - width: 15px; - background-color: var(--directorist-color-body); + position: relative; + height: 15px; + width: 15px; + background-color: var(--directorist-color-body); } .directorist-listing-category-top li a p { - font-size: 14px; - line-height: 1; - font-weight: 400; - margin: 0; - color: var(--directorist-color-body); + font-size: 14px; + line-height: 1; + font-weight: 400; + margin: 0; + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-listing-category-top li a i { - display: none; - } + .directorist-listing-category-top li a i { + display: none; + } } .directorist-search-field .directorist-location-js + .address_result { - position: absolute; - width: 100%; - left: 0; - top: 45px; - z-index: 1; - min-width: 250px; - max-height: 345px !important; - overflow-y: scroll; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - z-index: 10; + position: absolute; + width: 100%; + left: 0; + top: 45px; + z-index: 1; + min-width: 250px; + max-height: 345px !important; + overflow-y: scroll; + border-radius: 8px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + z-index: 10; } .directorist-search-field .directorist-location-js + .address_result ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 10px; - padding: 7px; - margin: 0 0 15px; - list-style-type: none; + display: flex; + flex-direction: column; + gap: 10px; + padding: 7px; + margin: 0 0 15px; + list-style-type: none; } .directorist-search-field .directorist-location-js + .address_result ul a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 15px; - font-size: 14px; - line-height: 18px; - margin: 0 13px; - color: var(--directorist-color-body); - background-color: var(--directorist-color-white); - border-radius: 8px; - text-decoration: none; -} -.directorist-search-field .directorist-location-js + .address_result ul a .location-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-width: 36px; - max-width: 36px; - height: 36px; - border-radius: 8px; - background-color: var(--directorist-color-bg-gray); -} -.directorist-search-field .directorist-location-js + .address_result ul a .location-icon i:after { - width: 16px; - height: 16px; -} -.directorist-search-field .directorist-location-js + .address_result ul a .location-address { - position: relative; - top: 2px; -} -.directorist-search-field .directorist-location-js + .address_result ul a.current-location { - height: 50px; - margin: 0 0 13px; - padding: 0 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: var(--directorist-color-primary); - background-color: var(--directorist-color-bg-gray); -} -.directorist-search-field .directorist-location-js + .address_result ul a.current-location .location-address { - position: relative; - top: 0; -} -.directorist-search-field .directorist-location-js + .address_result ul a.current-location .location-address:before { - content: "Current Location"; -} -.directorist-search-field .directorist-location-js + .address_result ul a:hover { - color: var(--directorist-color-primary); + display: flex; + align-items: flex-start; + gap: 15px; + font-size: 14px; + line-height: 18px; + margin: 0 13px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-white); + border-radius: 8px; + text-decoration: none; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a + .location-icon { + display: flex; + align-items: center; + justify-content: center; + min-width: 36px; + max-width: 36px; + height: 36px; + border-radius: 8px; + background-color: var(--directorist-color-bg-gray); +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a + .location-icon + i:after { + width: 16px; + height: 16px; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a + .location-address { + position: relative; + top: 2px; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a.current-location { + height: 50px; + margin: 0 0 13px; + padding: 0 8px; + align-items: center; + color: var(--directorist-color-primary); + background-color: var(--directorist-color-bg-gray); +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a.current-location + .location-address { + position: relative; + top: 0; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a.current-location + .location-address:before { + content: "Current Location"; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a:hover { + color: var(--directorist-color-primary); } .directorist-search-field .directorist-location-js + .address_result ul li { - border: none; - padding: 0; - margin: 0; + border: none; + padding: 0; + margin: 0; } .directorist-zipcode-search .directorist-search-country { - position: absolute; - width: 100%; - left: 0; - top: 45px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); - box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); - border-radius: 3px; - z-index: 1; - max-height: 300px; - overflow-y: scroll; + position: absolute; + width: 100%; + left: 0; + top: 45px; + background-color: var(--directorist-color-white); + box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); + border-radius: 3px; + z-index: 1; + max-height: 300px; + overflow-y: scroll; } .directorist-zipcode-search .directorist-search-country ul { - list-style: none; - padding: 0; + list-style: none; + padding: 0; } .directorist-zipcode-search .directorist-search-country ul a { - font-size: 14px; - color: var(--directorist-color-gray); - line-height: 22px; - display: block; + font-size: 14px; + color: var(--directorist-color-gray); + line-height: 22px; + display: block; } .directorist-zipcode-search .directorist-search-country ul li { - border-bottom: 1px solid var(--directorist-color-border); - padding: 10px 15px 10px; - margin: 0; + border-bottom: 1px solid var(--directorist-color-border); + padding: 10px 15px 10px; + margin: 0; } .directorist-search-contents .directorist-search-form-top .form-group.open_now { - -webkit-box-flex: 30.8%; - -webkit-flex: 30.8%; - -ms-flex: 30.8%; - flex: 30.8%; - border-right: 1px solid var(--directorist-color-border); + flex: 30.8%; + border-right: 1px solid var(--directorist-color-border); } .directorist-custom-range-slider { - width: 100%; + width: 100%; } .directorist-custom-range-slider__wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 20px; + flex: 0 0 100%; } .directorist-custom-range-slider__value { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background: transparent; - border-bottom: 1px solid var(--directorist-color-border); - -webkit-transition: border ease 0.3s; - transition: border ease 0.3s; + position: relative; + display: flex; + flex: 1; + align-items: center; + background: transparent; + border-bottom: 1px solid var(--directorist-color-border); + transition: border ease 0.3s; } .directorist-custom-range-slider__value:focus-within { - border-bottom: 2px solid var(--directorist-color-primary); + border-bottom: 2px solid var(--directorist-color-primary); } .directorist-custom-range-slider__value input { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - width: 100%; - height: 40px; - margin: 0; - padding: 0 !important; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); - border: none !important; - outline: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; + flex: 1; + width: 100%; + height: 40px; + margin: 0; + padding: 0 !important; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); + border: none !important; + outline: none !important; + box-shadow: none !important; } .directorist-custom-range-slider__label { - font-size: 14px; - font-weight: 400; - margin: 0 10px 0 0; - color: var(--directorist-color-light-gray); + font-size: 14px; + font-weight: 400; + margin: 0 10px 0 0; + color: var(--directorist-color-light-gray); } .directorist-custom-range-slider__prefix { - line-height: 1; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); + line-height: 1; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); } .directorist-custom-range-slider__range__wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - font-size: 14px; - font-weight: 500; + display: flex; + gap: 5px; + align-items: center; + justify-content: flex-end; + font-size: 14px; + font-weight: 500; } .directorist-pagination { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + justify-content: center; + gap: 8px; + flex-wrap: wrap; } .directorist-pagination .page-numbers { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - width: 40px; - height: 40px; - font-size: 14px; - font-weight: 400; - border-radius: 8px; - color: var(--directorist-color-body); - background-color: var(--directorist-color-white); - border: 2px solid var(--directorist-color-border); - -webkit-transition: border 0.3s ease, color 0.3s ease; - transition: border 0.3s ease, color 0.3s ease; + display: inline-flex; + align-items: center; + justify-content: center; + text-decoration: none; + width: 40px; + height: 40px; + font-size: 14px; + font-weight: 400; + border-radius: 8px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border); + transition: + border 0.3s ease, + color 0.3s ease; } .directorist-pagination .page-numbers .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-body); + width: 14px; + height: 14px; + background-color: var(--directorist-color-body); } .directorist-pagination .page-numbers span { - border: 0 none; - min-width: auto; - margin: 0; + border: 0 none; + min-width: auto; + margin: 0; } -.directorist-pagination .page-numbers:hover, .directorist-pagination .page-numbers.current { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); +.directorist-pagination .page-numbers:hover, +.directorist-pagination .page-numbers.current { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-pagination .page-numbers:hover .directorist-icon-mask:after, .directorist-pagination .page-numbers.current .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); +.directorist-pagination .page-numbers:hover .directorist-icon-mask:after, +.directorist-pagination .page-numbers.current .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } /* New Styles */ .directorist-categories { - margin-top: 15px; + margin-top: 15px; } .directorist-categories__single { - border-radius: 12px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-white); + border-radius: 12px; + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + display: flex; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-white); + /* Styles */ } .directorist-categories__single--image { - background-position: center; - background-repeat: no-repeat; - background-size: cover; - -o-object-fit: cover; - object-fit: cover; - position: relative; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + object-fit: cover; + position: relative; } .directorist-categories__single--image::before { - position: absolute; - content: ""; - border-radius: inherit; - width: 100%; - height: 100%; - left: 0; - top: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - z-index: 0; + position: absolute; + content: ""; + border-radius: inherit; + width: 100%; + height: 100%; + left: 0; + top: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + z-index: 0; } .directorist-categories__single--image .directorist-categories__single__name, .directorist-categories__single--image .directorist-categories__single__total { - color: var(--directorist-color-white); + color: var(--directorist-color-white); } .directorist-categories__single__content { - position: relative; - z-index: 1; - text-align: center; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - text-align: center; - padding: 50px 30px; + position: relative; + z-index: 1; + text-align: center; + flex: 1; + text-align: center; + padding: 50px 30px; } .directorist-categories__single__content .directorist-icon-mask { - display: inline-block; + display: inline-block; } .directorist-categories__single__name { - text-decoration: none; - font-weight: 500; - font-size: 16px; - color: var(--directorist-color-dark); + text-decoration: none; + font-weight: 500; + font-size: 16px; + color: var(--directorist-color-dark); } .directorist-categories__single__name::before { - content: ""; - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; -} -.directorist-categories__single { - /* Styles */ -} -.directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask::after { - width: 50px; - height: 50px; + content: ""; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; +} +.directorist-categories__single--style-one + .directorist-categories__single__content + .directorist-icon-mask::after { + width: 50px; + height: 50px; } @media screen and (max-width: 991px) { - .directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask::after { - width: 40px; - height: 40px; - } -} -.directorist-categories__single--style-one.directorist-categories__single--image .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-icon-mask { - background-color: var(--directorist-color-primary); - border-radius: 50%; - padding: 17px; -} -.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-icon-mask::after { - width: 36px; - height: 36px; - background-color: var(--directorist-color-white); -} -.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-categories__single__total { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-deep-gray); + .directorist-categories__single--style-one + .directorist-categories__single__content + .directorist-icon-mask::after { + width: 40px; + height: 40px; + } +} +.directorist-categories__single--style-one.directorist-categories__single--image + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-categories__single--style-one:not( + .directorist-categories__single--image + ) + .directorist-icon-mask { + background-color: var(--directorist-color-primary); + border-radius: 50%; + padding: 17px; +} +.directorist-categories__single--style-one:not( + .directorist-categories__single--image + ) + .directorist-icon-mask::after { + width: 36px; + height: 36px; + background-color: var(--directorist-color-white); +} +.directorist-categories__single--style-one:not( + .directorist-categories__single--image + ) + .directorist-categories__single__total { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-deep-gray); } .directorist-categories__single--style-two .directorist-icon-mask { - border: 4px solid var(--directorist-color-primary); - border-radius: 50%; - padding: 16px; + border: 4px solid var(--directorist-color-primary); + border-radius: 50%; + padding: 16px; } .directorist-categories__single--style-two .directorist-icon-mask::after { - width: 40px; - height: 40px; + width: 40px; + height: 40px; } -.directorist-categories__single--style-two.directorist-categories__single--image .directorist-icon-mask { - border-color: var(--directorist-color-white); +.directorist-categories__single--style-two.directorist-categories__single--image + .directorist-icon-mask { + border-color: var(--directorist-color-white); } -.directorist-categories__single--style-two.directorist-categories__single--image .directorist-icon-mask::after { - background-color: var(--directorist-color-white); +.directorist-categories__single--style-two.directorist-categories__single--image + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-categories__single--style-three { - height: var(--directorist-category-box-width); - border-radius: 50%; + height: var(--directorist-category-box-width); + border-radius: 50%; } .directorist-categories__single--style-three .directorist-icon-mask::after { - width: 40px; - height: 40px; + width: 40px; + height: 40px; } .directorist-categories__single--style-three .directorist-category-term { - display: none; + display: none; } .directorist-categories__single--style-three .directorist-category-count { - font-size: 16px; - font-weight: 600; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 48px; - height: 48px; - border-radius: 50%; - border: 3px solid var(--directorist-color-primary); - margin-top: 15px; -} -.directorist-categories__single--style-three.directorist-categories__single--image .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + font-size: 16px; + font-weight: 600; + display: inline-flex; + align-items: center; + justify-content: center; + width: 48px; + height: 48px; + border-radius: 50%; + border: 3px solid var(--directorist-color-primary); + margin-top: 15px; +} +.directorist-categories__single--style-three.directorist-categories__single--image + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-categories__single--style-three .directorist-category-count { - border-color: var(--directorist-color-white); + border-color: var(--directorist-color-white); } .directorist-categories__single--style-four .directorist-icon-mask { - background-color: var(--directorist-color-primary); - border-radius: 50%; - padding: 17px; + background-color: var(--directorist-color-primary); + border-radius: 50%; + padding: 17px; } .directorist-categories__single--style-four .directorist-icon-mask::after { - width: 36px; - height: 36px; - background-color: var(--directorist-color-white); + width: 36px; + height: 36px; + background-color: var(--directorist-color-white); } -.directorist-categories__single--style-four.directorist-categories__single--image .directorist-icon-mask { - border-color: var(--directorist-color-white); +.directorist-categories__single--style-four.directorist-categories__single--image + .directorist-icon-mask { + border-color: var(--directorist-color-white); } -.directorist-categories__single--style-four.directorist-categories__single--image .directorist-icon-mask:after { - background-color: var(--directorist-color-white); +.directorist-categories__single--style-four.directorist-categories__single--image + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); } -.directorist-categories__single--style-four:not(.directorist-categories__single--image) .directorist-categories__single__total { - color: var(--directorist-color-deep-gray); +.directorist-categories__single--style-four:not( + .directorist-categories__single--image + ) + .directorist-categories__single__total { + color: var(--directorist-color-deep-gray); } .directorist-categories .directorist-row > * { - margin-top: 30px; + margin-top: 30px; } .directorist-categories .directorist-type-nav { - margin-bottom: 15px; + margin-bottom: 15px; } /* Taxonomy List Style One */ +.directorist-taxonomy-list-one .directorist-taxonomy-list { + /* Sub Item */ + /* Sub Item Toggle */ +} .directorist-taxonomy-list-one .directorist-taxonomy-list__card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: var(--directorist-color-light); - border-radius: var(--directorist-border-radius-lg); - padding: 8px 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; - font-size: 15px; - font-weight: 500; - text-decoration: none; - position: relative; - min-height: 40px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 1; + display: flex; + background-color: var(--directorist-color-light); + border-radius: var(--directorist-border-radius-lg); + padding: 8px 20px; + align-items: center; + gap: 12px; + font-size: 15px; + font-weight: 500; + text-decoration: none; + position: relative; + min-height: 40px; + transition: 0.3s ease; + z-index: 1; } .directorist-taxonomy-list-one .directorist-taxonomy-list__card span { - font-weight: var(--directorist-fw-medium); + font-weight: var(--directorist-fw-medium); } .directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-padding-start: 12px; - padding-inline-start: 12px; + flex-wrap: wrap; + padding-inline-start: 12px; } .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - padding-bottom: 5px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open .directorist-taxonomy-list__toggler .directorist-icon-mask::after { - -webkit-transform: rotate(180deg); - transform: rotate(180deg); -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: var(--directorist-color-white); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask::after { - width: 15px; - height: 15px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + padding-bottom: 5px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__toggler + .directorist-icon-mask::after { + transform: rotate(180deg); +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__icon + .directorist-icon-mask { + width: 40px; + height: 40px; + border-radius: 50%; + background-color: var(--directorist-color-white); + display: flex; + align-items: center; + justify-content: center; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__icon + .directorist-icon-mask::after { + width: 15px; + height: 15px; } .directorist-taxonomy-list-one .directorist-taxonomy-list__name { - color: var(--directorist-color-dark); + color: var(--directorist-color-dark); } .directorist-taxonomy-list-one .directorist-taxonomy-list__count { - color: var(--directorist-color-dark); + color: var(--directorist-color-dark); } .directorist-taxonomy-list-one .directorist-taxonomy-list__toggler { - -webkit-margin-start: auto; - margin-inline-start: auto; + margin-inline-start: auto; } -.directorist-taxonomy-list-one .directorist-taxonomy-list__toggler .directorist-icon-mask::after { - width: 10px; - height: 10px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list { - /* Sub Item */ +.directorist-taxonomy-list-one + .directorist-taxonomy-list__toggler + .directorist-icon-mask::after { + width: 10px; + height: 10px; + transition: 0.3s ease; } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item { - margin: 0; - list-style: none; - overflow-y: auto; + margin: 0; + list-style: none; + overflow-y: auto; } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item a { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-size: 15px; - text-decoration: none; - color: var(--directorist-color-dark); + flex-wrap: wrap; + display: flex; + font-size: 15px; + text-decoration: none; + color: var(--directorist-color-dark); } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item ul { - -webkit-padding-start: 10px; - padding-inline-start: 10px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item { - background-color: var(--directorist-color-light); - border-radius: 12px; - -webkit-padding-start: 35px; - padding-inline-start: 35px; - -webkit-padding-end: 20px; - padding-inline-end: 20px; - height: 0; - overflow: hidden; - visibility: hidden; - opacity: 0; - padding-bottom: 20px; - margin-top: -20px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item li { - margin: 0; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item li > .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 15px; - padding-inline-start: 15px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon + .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 64px; - padding-inline-start: 64px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon + .directorist-taxonomy-list__sub-item li > .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 15px; - padding-inline-start: 15px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - border-radius: 0 0 16px 16px; - height: auto; - visibility: visible; - opacity: 1; - margin-top: 0; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list { - /* Sub Item Toggle */ + padding-inline-start: 10px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item { + background-color: var(--directorist-color-light); + border-radius: 12px; + padding-inline-start: 35px; + padding-inline-end: 20px; + height: 0; + overflow: hidden; + visibility: hidden; + opacity: 0; + padding-bottom: 20px; + margin-top: -20px; + transition: 0.3s ease; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item + li { + margin: 0; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item + li + > .directorist-taxonomy-list__sub-item { + padding-inline-start: 15px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card--icon + + .directorist-taxonomy-list__sub-item { + padding-inline-start: 64px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card--icon + + .directorist-taxonomy-list__sub-item + li + > .directorist-taxonomy-list__sub-item { + padding-inline-start: 15px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + border-radius: 0 0 16px 16px; + height: auto; + visibility: visible; + opacity: 1; + margin-top: 0; } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle + .directorist-taxonomy-list__sub-item { - height: 0; - opacity: 0; - padding: 0; - visibility: hidden; - overflow: hidden; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - opacity: 1; - height: auto; - visibility: visible; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open .directorist-taxonomy-list__sub-item-toggler::after { - content: none; + display: flex; + align-items: center; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggle + + .directorist-taxonomy-list__sub-item { + height: 0; + opacity: 0; + padding: 0; + visibility: hidden; + overflow: hidden; + transition: 0.3s ease; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + opacity: 1; + height: auto; + visibility: visible; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item-toggler::after { + content: none; } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler { - -webkit-margin-start: auto; - margin-inline-start: auto; - position: relative; - width: 10px; - height: 10px; - display: inline-block; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler::before { - position: absolute; - content: ""; - left: 0; - top: 50%; - width: 10px; - height: 1px; - background-color: var(--directorist-color-deep-gray); - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler::after { - position: absolute; - content: ""; - width: 1px; - height: 10px; - left: 50%; - top: 0; - background-color: var(--directorist-color-deep-gray); - -webkit-transform: translateX(-50%); - transform: translateX(-50%); + margin-inline-start: auto; + position: relative; + width: 10px; + height: 10px; + display: inline-block; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggler::before { + position: absolute; + content: ""; + left: 0; + top: 50%; + width: 10px; + height: 1px; + background-color: var(--directorist-color-deep-gray); + transform: translateY(-50%); +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggler::after { + position: absolute; + content: ""; + width: 1px; + height: 10px; + left: 50%; + top: 0; + background-color: var(--directorist-color-deep-gray); + transform: translateX(-50%); } /* Taxonomy List Style Two */ .directorist-taxonomy-list-two .directorist-taxonomy-list { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - border-radius: var(--directorist-border-radius-lg); - background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + border-radius: var(--directorist-border-radius-lg); + background-color: var(--directorist-color-white); } .directorist-taxonomy-list-two .directorist-taxonomy-list__card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 10px 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; - text-decoration: none; - min-height: 40px; - -webkit-transition: 0.6s ease; - transition: 0.6s ease; + display: flex; + padding: 10px 20px; + align-items: center; + gap: 12px; + text-decoration: none; + min-height: 40px; + transition: 0.6s ease; } .directorist-taxonomy-list-two .directorist-taxonomy-list__card:focus { - background: none; + background: none; } .directorist-taxonomy-list-two .directorist-taxonomy-list__name { - font-weight: var(--directorist-fw-medium); - color: var(--directorist-color-dark); + font-weight: var(--directorist-fw-medium); + color: var(--directorist-color-dark); } .directorist-taxonomy-list-two .directorist-taxonomy-list__count { - color: var(--directorist-color-dark); -} -.directorist-taxonomy-list-two .directorist-taxonomy-list__icon .directorist-icon-mask { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: var(--directorist-color-dark); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-taxonomy-list-two .directorist-taxonomy-list__icon .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + color: var(--directorist-color-dark); +} +.directorist-taxonomy-list-two + .directorist-taxonomy-list__icon + .directorist-icon-mask { + width: 40px; + height: 40px; + border-radius: 50%; + background-color: var(--directorist-color-dark); + display: flex; + align-items: center; + justify-content: center; +} +.directorist-taxonomy-list-two + .directorist-taxonomy-list__icon + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-taxonomy-list-two .directorist-taxonomy-list__toggle { - border-bottom: 1px solid var(--directorist-color-border); + border-bottom: 1px solid var(--directorist-color-border); } .directorist-taxonomy-list-two .directorist-taxonomy-list__toggler { - display: none; + display: none; } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item { - margin: 0; - padding: 15px 20px 25px; - list-style: none; + margin: 0; + padding: 15px 20px 25px; + list-style: none; } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item li { - margin-bottom: 7px; + margin-bottom: 7px; } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item a { - text-decoration: none; - color: var(--directorist-color-dark); + text-decoration: none; + color: var(--directorist-color-dark); } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item ul { - margin: 0; - padding: 0; - list-style: none; + margin: 0; + padding: 0; + list-style: none; } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item ul li { - -webkit-padding-start: 10px; - padding-inline-start: 10px; + padding-inline-start: 10px; } /* Location: Grid One */ .directorist-location { - margin-top: 30px; + margin-top: 30px; } .directorist-location--grid-one .directorist-location__single { - border-radius: var(--directorist-border-radius-lg); - position: relative; + border-radius: var(--directorist-border-radius-lg); + position: relative; } .directorist-location--grid-one .directorist-location__single--img { - height: 300px; + height: 300px; } .directorist-location--grid-one .directorist-location__single--img::before { - position: absolute; - content: ""; - width: 100%; - height: inherit; - left: 0; - top: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - border-radius: inherit; -} -.directorist-location--grid-one .directorist-location__single--img .directorist-location__content { - position: absolute; - left: 0; - bottom: 0; - z-index: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - height: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-location--grid-one .directorist-location__single--img .directorist-location__content a { - color: var(--directorist-color-white); -} -.directorist-location--grid-one .directorist-location__single--img .directorist-location__count { - color: var(--directorist-color-white); + position: absolute; + content: ""; + width: 100%; + height: inherit; + left: 0; + top: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + border-radius: inherit; +} +.directorist-location--grid-one + .directorist-location__single--img + .directorist-location__content { + position: absolute; + left: 0; + bottom: 0; + z-index: 1; + box-sizing: border-box; + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + justify-content: flex-end; +} +.directorist-location--grid-one + .directorist-location__single--img + .directorist-location__content + a { + color: var(--directorist-color-white); +} +.directorist-location--grid-one + .directorist-location__single--img + .directorist-location__count { + color: var(--directorist-color-white); } .directorist-location--grid-one .directorist-location__single__img { - height: inherit; - border-radius: inherit; + height: inherit; + border-radius: inherit; } .directorist-location--grid-one .directorist-location__single img { - width: 100%; - height: inherit; - border-radius: inherit; - -o-object-fit: cover; - object-fit: cover; -} -.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) { - height: 300px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-white); -} -.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content h3, -.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content a, -.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content span { - text-align: center; + width: 100%; + height: inherit; + border-radius: inherit; + object-fit: cover; +} +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) { + height: 300px; + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + display: flex; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-white); +} +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + h3, +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + a, +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + span { + text-align: center; } .directorist-location--grid-one .directorist-location__content { - padding: 22px; + padding: 22px; } .directorist-location--grid-one .directorist-location__content h3 { - margin: 0; - font-size: 16px; - font-weight: 500; + margin: 0; + font-size: 16px; + font-weight: 500; } .directorist-location--grid-one .directorist-location__content a { - color: var(--directorist-color-dark); - text-decoration: none; + color: var(--directorist-color-dark); + text-decoration: none; } .directorist-location--grid-one .directorist-location__content a::after { - position: absolute; - content: ""; - width: 100%; - height: 100%; - left: 0; - top: 0; + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: 0; + top: 0; } .directorist-location--grid-one .directorist-location__count { - display: block; - font-size: 14px; - font-weight: 400; + display: block; + font-size: 14px; + font-weight: 400; } .directorist-location--grid-two .directorist-location__single { - border-radius: var(--directorist-border-radius-lg); - position: relative; + border-radius: var(--directorist-border-radius-lg); + position: relative; } .directorist-location--grid-two .directorist-location__single--img { - height: auto; + height: auto; } -.directorist-location--grid-two .directorist-location__single--img .directorist-location__content { - padding: 10px 0 0 0; +.directorist-location--grid-two + .directorist-location__single--img + .directorist-location__content { + padding: 10px 0 0 0; } .directorist-location--grid-two .directorist-location__single img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: var(--directorist-border-radius-lg); + width: 100%; + height: 100%; + object-fit: cover; + border-radius: var(--directorist-border-radius-lg); } .directorist-location--grid-two .directorist-location__single__img { - position: relative; - height: 240px; + position: relative; + height: 240px; } .directorist-location--grid-two .directorist-location__single__img::before { - position: absolute; - content: ""; - width: 100%; - height: 100%; - left: 0; - top: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - border-radius: var(--directorist-border-radius-lg); -} -.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) { - height: 300px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content h3, -.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content a, -.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content span { - text-align: center; + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: 0; + top: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + border-radius: var(--directorist-border-radius-lg); +} +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) { + height: 300px; + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + display: flex; + align-items: center; + justify-content: center; +} +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + h3, +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + a, +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + span { + text-align: center; } .directorist-location--grid-two .directorist-location__content { - padding: 22px; + padding: 22px; } .directorist-location--grid-two .directorist-location__content h3 { - margin: 0; - font-size: 20px; - font-weight: var(--directorist-fw-medium); + margin: 0; + font-size: 20px; + font-weight: var(--directorist-fw-medium); } .directorist-location--grid-two .directorist-location__content a { - text-decoration: none; + text-decoration: none; } .directorist-location--grid-two .directorist-location__content a::after { - position: absolute; - content: ""; - width: 100%; - height: 100%; - left: 0; - top: 0; + position: absolute; + content: ""; + width: 100%; + height: 100%; + left: 0; + top: 0; } .directorist-location--grid-two .directorist-location__count { - display: block; + display: block; } .directorist-location .directorist-row > * { - margin-top: 30px; + margin-top: 30px; } .directorist-location .directorist-type-nav { - margin-bottom: 15px; + margin-bottom: 15px; } /* Modal Core Styles */ .atm-open { - overflow: hidden; + overflow: hidden; } .atm-open .at-modal { - overflow-x: hidden; - overflow-y: auto; + overflow-x: hidden; + overflow-y: auto; } .at-modal { - position: fixed; - width: 100%; - height: 100%; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - left: 0; - top: 0; - z-index: 9999; - display: none; - overflow: hidden; - outline: 0; + position: fixed; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + left: 0; + top: 0; + z-index: 9999; + display: none; + overflow: hidden; + outline: 0; } .at-modal-content { - position: relative; - width: 500px; - margin: 30px auto; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 0; - visibility: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-height: calc(100% - 5rem); - pointer-events: none; + position: relative; + width: 500px; + margin: 30px auto; + transition: 0.3s ease; + opacity: 0; + visibility: hidden; + display: flex; + align-items: center; + justify-content: center; + min-height: calc(100% - 5rem); + pointer-events: none; } .atm-contents-inner { - width: 100%; - background-color: var(--directorist-color-white); - pointer-events: auto; - border-radius: 3px; - position: relative; + width: 100%; + background-color: var(--directorist-color-white); + pointer-events: auto; + border-radius: 3px; + position: relative; } .at-modal-content.at-modal-lg { - width: 800px; + width: 800px; } .at-modal-content.at-modal-xl { - width: 1140px; + width: 1140px; } .at-modal-content.at-modal-sm { - width: 300px; + width: 300px; } .at-modal.atm-fade { - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + transition: 0.3s ease; } .at-modal.atm-fade:not(.atm-show) { - opacity: 0; - visibility: hidden; + opacity: 0; + visibility: hidden; } .at-modal.atm-show .at-modal-content { - opacity: 1; - visibility: visible; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + opacity: 1; + visibility: visible; + transition: 0.3s ease; } .at-modal .atm-contents-inner .at-modal-close { - width: 32px; - height: 32px; - top: 20px; - right: 20px; - position: absolute; - -webkit-transform: none; - transform: none; - background-color: #444752; - color: var(--directorist-color-white); - border-radius: 300px; - opacity: 1; - font-weight: 300; - z-index: 2; - font-size: 16px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; + width: 32px; + height: 32px; + top: 20px; + right: 20px; + position: absolute; + transform: none; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 300px; + opacity: 1; + font-weight: 300; + z-index: 2; + font-size: 16px; + padding: 0; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; } .at-modal .atm-contents-inner .close span { - display: block; - line-height: 0; + display: block; + line-height: 0; } /* Responsive CSS */ /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) and (max-width: 1199.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) and (max-width: 767.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 30px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 30px); + } } /* Authentication style */ .directorist-author__form { - max-width: 540px; - margin: 0 auto; - padding: 50px 40px; - border-radius: 12px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + max-width: 540px; + margin: 0 auto; + padding: 50px 40px; + border-radius: 12px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } @media only screen and (max-width: 480px) { - .directorist-author__form { - padding: 40px 25px; - } + .directorist-author__form { + padding: 40px 25px; + } } .directorist-author__form__btn { - width: 100%; - height: 50px; - border-radius: 8px; + width: 100%; + height: 50px; + border-radius: 8px; } .directorist-author__form__actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 28px 0 33px; + display: flex; + flex-wrap: wrap; + gap: 15px; + justify-content: space-between; + padding: 28px 0 33px; } .directorist-author__form__actions a { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-deep-gray); - border-bottom: 1px dashed var(--directorist-color-deep-gray); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-deep-gray); + border-bottom: 1px dashed var(--directorist-color-deep-gray); } .directorist-author__form__actions a:hover { - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); } .directorist-author__form__actions label { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-author__form__toggle-area { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-author__form__toggle-area a { - margin-left: 5px; - color: var(--directorist-color-info); + margin-left: 5px; + color: var(--directorist-color-info); } .directorist-author__form__toggle-area a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-author__form__recover-pass-modal .directorist-form-group { - padding: 25px; + padding: 25px; } .directorist-author__form__recover-pass-modal p { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - margin: 0 0 20px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + margin: 0 0 20px; } .directorist-author__message__text { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } /* Authentication style */ .directorist-authentication { - height: 0; - opacity: 0; - visibility: hidden; - -webkit-transition: height 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; - transition: height 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; + height: 0; + opacity: 0; + visibility: hidden; + transition: + height 0.3s ease, + opacity 0.3s ease, + visibility 0.3s ease; } .directorist-authentication__form { - max-width: 540px; - margin: 0 auto 15px; - padding: 50px 40px; - border-radius: 12px; - background-color: #fff; - -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); - box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); + max-width: 540px; + margin: 0 auto 15px; + padding: 50px 40px; + border-radius: 12px; + background-color: #fff; + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 480px) { - .directorist-authentication__form { - padding: 40px 25px; - } + .directorist-authentication__form { + padding: 40px 25px; + } } .directorist-authentication__form__btn { - width: 100%; - height: 50px; - border: none; - border-radius: 8px; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; + width: 100%; + height: 50px; + border: none; + border-radius: 8px; + transition: background-color 0.3s ease; } .directorist-authentication__form__actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 28px 0 33px; + display: flex; + flex-wrap: wrap; + gap: 15px; + justify-content: space-between; + padding: 28px 0 33px; } .directorist-authentication__form__actions a { - font-size: 14px; - font-weight: 400; - color: #808080; - border-bottom: 1px dashed #808080; + font-size: 14px; + font-weight: 400; + color: #808080; + border-bottom: 1px dashed #808080; } .directorist-authentication__form__actions a:hover { - color: #000000; - border-color: #000000; + color: #000000; + border-color: #000000; } .directorist-authentication__form__actions label { - font-size: 14px; - font-weight: 400; - color: #404040; + font-size: 14px; + font-weight: 400; + color: #404040; } .directorist-authentication__form__toggle-area { - font-size: 14px; - font-weight: 400; - color: #404040; + font-size: 14px; + font-weight: 400; + color: #404040; } .directorist-authentication__form__toggle-area a { - margin-left: 5px; - color: #2c99ff; - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; + margin-left: 5px; + color: #2c99ff; + transition: color 0.3s ease; } .directorist-authentication__form__toggle-area a:hover { - color: #000000; + color: #000000; } .directorist-authentication__form__recover-pass-modal { - display: none; + display: none; } .directorist-authentication__form__recover-pass-modal .directorist-form-group { - margin: 0; - padding: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - border: 1px solid #e9e9e9; + margin: 0; + padding: 25px; + box-sizing: border-box; + border-radius: 8px; + border: 1px solid #e9e9e9; } .directorist-authentication__form__recover-pass-modal p { - font-size: 14px; - font-weight: 400; - color: #404040; - margin: 0 0 20px; + font-size: 14px; + font-weight: 400; + color: #404040; + margin: 0 0 20px; } .directorist-authentication__form .directorist-form-element { - border: none; - padding: 15px 0; - border-radius: 0; - border-bottom: 1px solid #ececec; + border: none; + padding: 15px 0; + border-radius: 0; + border-bottom: 1px solid #ececec; } .directorist-authentication__form .directorist-form-group > label { - margin: 0; - font-size: 14px; - font-weight: 400; - color: #404040; + margin: 0; + font-size: 14px; + font-weight: 400; + color: #404040; } .directorist-authentication__btn { - border: none; - outline: none; - cursor: pointer; - -webkit-box-shadow: none; - box-shadow: none; - color: #000000; - font-size: 13px; - font-weight: 400; - padding: 0 6px; - text-transform: capitalize; - background: transparent; - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; + border: none; + outline: none; + cursor: pointer; + box-shadow: none; + color: #000000; + font-size: 13px; + font-weight: 400; + padding: 0 6px; + text-transform: capitalize; + background: transparent; + transition: color 0.3s ease; } .directorist-authentication__btn:hover { - opacity: 0.75; + opacity: 0.75; } .directorist-authentication__message__text { - font-size: 14px; - font-weight: 400; - color: #404040; + font-size: 14px; + font-weight: 400; + color: #404040; } .directorist-authentication.active { - height: auto; - opacity: 1; - visibility: visible; + height: auto; + opacity: 1; + visibility: visible; } /* Password toggle */ .directorist-password-group { - position: relative; + position: relative; } .directorist-password-group-input { - padding-right: 40px !important; + padding-right: 40px !important; } .directorist-password-group-toggle { - position: absolute; - top: calc(50% + 16px); - right: 15px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - cursor: pointer; + position: absolute; + top: calc(50% + 16px); + right: 15px; + transform: translateY(-50%); + cursor: pointer; } .directorist-password-group-toggle svg { - width: 22px; - height: 22px; - fill: none; - stroke: #888; - stroke-width: 2; + width: 22px; + height: 22px; + fill: none; + stroke: #888; + stroke-width: 2; } /* Directorist all authors card */ .directorist-authors-section { - position: relative; + position: relative; } .directorist-content-active .directorist-authors__cards { - margin-top: -30px; + margin-top: -30px; } .directorist-content-active .directorist-authors__cards .directorist-row > * { - margin-top: 30px; + margin-top: 30px; } .directorist-content-active .directorist-authors__nav { - margin-bottom: 30px; + margin-bottom: 30px; } .directorist-content-active .directorist-authors__nav ul { - list-style-type: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0; - padding: 0; + list-style-type: none; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + margin: 0; + padding: 0; } .directorist-content-active .directorist-authors__nav li { - list-style: none; + list-style: none; } .directorist-content-active .directorist-authors__nav li a { - display: block; - line-height: 20px; - padding: 0 17px 10px; - border-bottom: 2px solid transparent; - font-size: 15px; - font-weight: 500; - text-transform: capitalize; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + display: block; + line-height: 20px; + padding: 0 17px 10px; + border-bottom: 2px solid transparent; + font-size: 15px; + font-weight: 500; + text-transform: capitalize; + box-shadow: none; + text-decoration: none; + transition: 0.3s ease; } .directorist-content-active .directorist-authors__nav li a:hover { - border-bottom-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-content-active .directorist-authors__nav li.active a { - border-bottom-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-content-active .directorist-authors__card { - padding: 20px; - border-radius: 10px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + padding: 20px; + border-radius: 10px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-content-active .directorist-authors__card__img { - margin-bottom: 15px; - text-align: center; + margin-bottom: 15px; + text-align: center; } .directorist-content-active .directorist-authors__card__img img { - border-radius: 50%; - width: 150px; - height: 150px; - display: inline-block; - -o-object-fit: cover; - object-fit: cover; + border-radius: 50%; + width: 150px; + height: 150px; + display: inline-block; + object-fit: cover; } .directorist-content-active .directorist-authors__card__details__top { - text-align: center; - border-bottom: 1px solid var(--directorist-color-border); - margin: 5px 0 15px; + text-align: center; + border-bottom: 1px solid var(--directorist-color-border); + margin: 5px 0 15px; } .directorist-content-active .directorist-authors__card h2 { - font-size: 20px; - font-weight: 500; - margin: 0 0 16px 0 !important; - line-height: normal; + font-size: 20px; + font-weight: 500; + margin: 0 0 16px 0 !important; + line-height: normal; } .directorist-content-active .directorist-authors__card h2:before { - content: none; + content: none; } .directorist-content-active .directorist-authors__card h3 { - font-size: 14px; - font-weight: 400; - color: #8f8e9f; - margin: 0 0 15px 0 !important; - line-height: normal; - text-transform: none; - letter-spacing: normal; + font-size: 14px; + font-weight: 400; + color: #8f8e9f; + margin: 0 0 15px 0 !important; + line-height: normal; + text-transform: none; + letter-spacing: normal; } .directorist-content-active .directorist-authors__card__info-list { - list-style-type: none; - padding: 0; - margin: 0; - margin-bottom: 15px !important; + list-style-type: none; + padding: 0; + margin: 0; + margin-bottom: 15px !important; } .directorist-content-active .directorist-authors__card__info-list li { - font-size: 14px; - color: #767792; - list-style: none; - word-wrap: break-word; - word-break: break-all; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 0; -} -.directorist-content-active .directorist-authors__card__info-list li:not(:last-child) { - margin-bottom: 5px; + font-size: 14px; + color: #767792; + list-style: none; + word-wrap: break-word; + word-break: break-all; + display: flex; + margin: 0; + /* Legacy Icon */ +} +.directorist-content-active + .directorist-authors__card__info-list + li:not(:last-child) { + margin-bottom: 5px; } .directorist-content-active .directorist-authors__card__info-list li a { - color: #767792; - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; -} -.directorist-content-active .directorist-authors__card__info-list li .directorist-icon-mask { - margin-right: 5px; - margin-top: 3px; -} -.directorist-content-active .directorist-authors__card__info-list li .directorist-icon-mask:after { - width: 16px; - height: 16px; -} -.directorist-content-active .directorist-authors__card__info-list li { - /* Legacy Icon */ -} -.directorist-content-active .directorist-authors__card__info-list li > i:not(.directorist-icon-mask) { - display: inline-block; - margin-right: 5px; - margin-top: 5px; - font-size: 16px; -} -.directorist-content-active .directorist-authors__card .directorist-author-social { - margin: 0 0 15px; -} -.directorist-content-active .directorist-authors__card .directorist-author-social li { - margin: 0; -} -.directorist-content-active .directorist-authors__card .directorist-author-social a { - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; -} -.directorist-content-active .directorist-authors__card .directorist-author-social a:hover { - background-color: var(--directorist-color-primary); - /* Legacy Icon */ -} -.directorist-content-active .directorist-authors__card .directorist-author-social a:hover > span { - background: none; - color: var(--directorist-color-white); + color: #767792; + border: 0 none; + box-shadow: none; + text-decoration: none; +} +.directorist-content-active + .directorist-authors__card__info-list + li + .directorist-icon-mask { + margin-right: 5px; + margin-top: 3px; +} +.directorist-content-active + .directorist-authors__card__info-list + li + .directorist-icon-mask:after { + width: 16px; + height: 16px; +} +.directorist-content-active + .directorist-authors__card__info-list + li + > i:not(.directorist-icon-mask) { + display: inline-block; + margin-right: 5px; + margin-top: 5px; + font-size: 16px; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social { + margin: 0 0 15px; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + li { + margin: 0; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + a { + border: 0 none; + box-shadow: none; + text-decoration: none; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + a:hover { + background-color: var(--directorist-color-primary); + /* Legacy Icon */ +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + a:hover + > span { + background: none; + color: var(--directorist-color-white); } .directorist-content-active .directorist-authors__card p { - font-size: 14px; - color: #767792; - margin-bottom: 20px; + font-size: 14px; + color: #767792; + margin-bottom: 20px; } .directorist-content-active .directorist-authors__card .directorist-btn { - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + border: 0 none; + box-shadow: none; + transition: 0.3s ease; } .directorist-content-active .directorist-authors__card .directorist-btn:hover { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } /* Directorist All author Grid */ .directorist-authors__pagination { - margin-top: 25px; + margin-top: 25px; } .select2-selection__arrow, .select2-selection__clear { - display: none !important; + display: none !important; } .directorist-select2-addons-area { - position: absolute; - right: 5px; - top: 50%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - cursor: pointer; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - z-index: 8; + position: absolute; + right: 5px; + top: 50%; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + transform: translate(0, -50%); + z-index: 8; } .directorist-select2-addon { - padding: 0 5px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + padding: 0 5px; + display: flex; + align-items: center; + justify-content: center; } .directorist-select2-dropdown-toggle { - height: auto; - width: 25px; + height: auto; + width: 25px; } .directorist-select2-dropdown-close { - height: auto; - width: 25px; + height: auto; + width: 25px; } .directorist-select2-dropdown-close .directorist-icon-mask::after { - width: 15px; - height: 15px; + width: 15px; + height: 15px; } .directorist-select2-addon .directorist-icon-mask::after { - width: 13px; - height: 13px; + width: 13px; + height: 13px; } .directorist-form-section { - font-size: 15px; + font-size: 15px; } /* Display Each Grid Info on Single Line */ -.directorist-archive-contents .directorist-single-line .directorist-listing-title, -.directorist-archive-contents .directorist-single-line .directorist-listing-tagline, -.directorist-archive-contents .directorist-single-line .directorist-listing-single__info__list ul li div, -.directorist-archive-contents .directorist-single-line .directorist-listing-single__info__excerpt { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; +.directorist-archive-contents + .directorist-single-line + .directorist-listing-title, +.directorist-archive-contents + .directorist-single-line + .directorist-listing-tagline, +.directorist-archive-contents + .directorist-single-line + .directorist-listing-single__info__list + ul + li + div, +.directorist-archive-contents + .directorist-single-line + .directorist-listing-single__info__excerpt { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } .directorist-all-listing-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-bottom: 20px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex; + gap: 20px; + align-items: center; + padding-bottom: 20px; + justify-content: space-between; } .directorist-all-listing-btn__basic { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + flex: 1; } .directorist-all-listing-btn .directorist-btn__back i::after { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .directorist-all-listing-btn .directorist-modal-btn--basic { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 10px; - min-height: 40px; - border-radius: 30px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex: 1; + gap: 10px; + min-height: 40px; + border-radius: 30px; + align-items: center; } .directorist-all-listing-btn .directorist-modal-btn--basic i::after { - width: 16px; - height: 16px; - -webkit-transform: rotate(270deg); - transform: rotate(270deg); + width: 16px; + height: 16px; + transform: rotate(270deg); } .directorist-all-listing-btn .directorist-modal-btn--advanced i::after { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } @media screen and (min-width: 576px) { - .directorist-all-listing-btn, - .directorist-all-listing-modal { - display: none; - } + .directorist-all-listing-btn, + .directorist-all-listing-modal { + display: none; + } } .directorist-content-active .directorist-listing-single { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - font-size: 15px; - margin-bottom: 15px; + flex: 1; + font-size: 15px; + margin-bottom: 15px; } .directorist-content-active .directorist-listing-single--bg { - border-radius: 10px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + border-radius: 10px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-content-active .directorist-listing-single__content { - border-radius: 4px; + border-radius: 4px; } .directorist-content-active .directorist-listing-single__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; - position: relative; - padding: 33px 20px 24px; + display: flex; + flex-wrap: wrap; + gap: 8px; + position: relative; + padding: 33px 20px 24px; } .directorist-content-active .directorist-listing-single__info:empty { - display: none; + display: none; } .directorist-content-active .directorist-listing-single__info__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 6px; -} -.directorist-content-active .directorist-listing-single__info__top .directorist-badge.directorist-badge-close { - background-color: transparent; - color: var(--directorist-color-danger); -} -.directorist-content-active .directorist-listing-single__info__top .directorist-badge.directorist-badge-open { - background-color: transparent; - color: var(--directorist-color-success); -} -.directorist-content-active .directorist-listing-single__info__top .atbd_badge.atbd_badge_open { - background-color: transparent; - color: var(--directorist-color-success); -} -.directorist-content-active .directorist-listing-single__info__top .directorist-info-item.directorist-rating-meta { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - -webkit-box-ordinal-group: 2; - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; - margin: 0; - font-size: 13px; - color: var(--directorist-color-light-gray); -} -.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on i { - display: none; + display: flex; + align-items: center; + flex-wrap: wrap; + flex: 1; + gap: 6px; +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-badge.directorist-badge-close { + background-color: transparent; + color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-badge.directorist-badge-open { + background-color: transparent; + color: var(--directorist-color-success); +} +.directorist-content-active + .directorist-listing-single__info__top + .atbd_badge.atbd_badge_open { + background-color: transparent; + color: var(--directorist-color-success); +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-info-item.directorist-rating-meta { + display: inline-flex; + align-items: center; +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-listing-card-posted-on { + display: inline-flex; + align-items: center; + flex: 0 0 100%; + order: 1; + margin: 0; + font-size: 13px; + color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-listing-card-posted-on + i { + display: none; } .directorist-content-active .directorist-listing-single__info__list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 10px 0 0; - padding: 0; - width: 100%; + display: flex; + gap: 10px; + flex-direction: column; + margin: 10px 0 0; + padding: 0; + width: 100%; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single__info__list { - gap: 8px; - } + .directorist-content-active .directorist-listing-single__info__list { + gap: 8px; + } } .directorist-content-active .directorist-listing-single__info__list li, .directorist-content-active .directorist-listing-single__info__list > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - margin: 0; - font-size: 14px; - line-height: 18px; - color: var(--directorist-color-body); -} -.directorist-content-active .directorist-listing-single__info__list li .directorist-icon-mask, -.directorist-content-active .directorist-listing-single__info__list > div .directorist-icon-mask { - position: relative; - top: 2px; -} -.directorist-content-active .directorist-listing-single__info__list li .directorist-icon-mask:after, -.directorist-content-active .directorist-listing-single__info__list > div .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); -} -.directorist-content-active .directorist-listing-single__info__list li .directorist-listing-card-info-label, -.directorist-content-active .directorist-listing-single__info__list > div .directorist-listing-card-info-label { - display: none; -} -.directorist-content-active .directorist-listing-single__info__list .directorist-icon { - font-size: 17px; - color: var(--directorist-color-body); - margin-right: 8px; + display: flex; + gap: 10px; + margin: 0; + font-size: 14px; + line-height: 18px; + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-listing-single__info__list + li + .directorist-icon-mask, +.directorist-content-active + .directorist-listing-single__info__list + > div + .directorist-icon-mask { + position: relative; + top: 2px; +} +.directorist-content-active + .directorist-listing-single__info__list + li + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single__info__list + > div + .directorist-icon-mask:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__info__list + li + .directorist-listing-card-info-label, +.directorist-content-active + .directorist-listing-single__info__list + > div + .directorist-listing-card-info-label { + display: none; +} +.directorist-content-active + .directorist-listing-single__info__list + .directorist-icon { + font-size: 17px; + color: var(--directorist-color-body); + margin-right: 8px; } .directorist-content-active .directorist-listing-single__info__list a { - text-decoration: none; - color: var(--directorist-color-body); - word-break: break-word; + text-decoration: none; + color: var(--directorist-color-body); + word-break: break-word; } .directorist-content-active .directorist-listing-single__info__list a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-content-active .directorist-listing-single__info__list .directorist-listing-card-location-list { - display: block; - margin: 0; +.directorist-content-active + .directorist-listing-single__info__list + .directorist-listing-card-location-list { + display: block; + margin: 0; } .directorist-content-active .directorist-listing-single__info__list__label { - display: inline-block; - margin-right: 5px; + display: inline-block; + margin-right: 5px; } .directorist-content-active .directorist-listing-single__info--right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 20px; - position: absolute; - right: 20px; - top: 20px; + display: flex; + align-items: center; + gap: 20px; + position: absolute; + right: 20px; + top: 20px; } @media screen and (max-width: 991px) { - .directorist-content-active .directorist-listing-single__info--right { - gap: 15px; - } + .directorist-content-active .directorist-listing-single__info--right { + gap: 15px; + } } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single__info--right { - gap: 10px; - } + .directorist-content-active .directorist-listing-single__info--right { + gap: 10px; + } } .directorist-content-active .directorist-listing-single__info__excerpt { - margin: 10px 0 0; - font-size: 14px; - color: var(--directorist-color-body); - line-height: 20px; - text-align: left; + margin: 10px 0 0; + font-size: 14px; + color: var(--directorist-color-body); + line-height: 20px; + text-align: left; } .directorist-content-active .directorist-listing-single__info__excerpt a { - color: var(--directorist-color-primary); - text-decoration: underline; + color: var(--directorist-color-primary); + text-decoration: underline; } .directorist-content-active .directorist-listing-single__info__excerpt a:hover { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .directorist-content-active .directorist-listing-single__info__top-right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 20px; - width: 100%; + display: flex; + align-items: flex-start; + gap: 20px; + width: 100%; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single__info__top-right { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 5px; - } - .directorist-content-active .directorist-listing-single__info__top-right .directorist-mark-as-favorite { - position: absolute; - top: 20px; - left: -30px; - } -} -.directorist-content-active .directorist-listing-single__info__top-right .directorist-listing-single__info--right { - position: unset; + .directorist-content-active .directorist-listing-single__info__top-right { + flex-wrap: wrap; + gap: 5px; + } + .directorist-content-active + .directorist-listing-single__info__top-right + .directorist-mark-as-favorite { + position: absolute; + top: 20px; + left: -30px; + } +} +.directorist-content-active + .directorist-listing-single__info__top-right + .directorist-listing-single__info--right { + position: unset; } .directorist-content-active .directorist-listing-single__info a { - text-decoration: none; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; + text-decoration: none; + box-shadow: none; + color: var(--directorist-color-body); + transition: color 0.3s ease; } .directorist-content-active .directorist-listing-single__info a:hover { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item { - font-size: 14px; - line-height: 18px; - position: relative; - display: inline-block; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type) { - padding-right: 10px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type):after { - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - border-radius: 50%; - width: 3px; - height: 3px; - content: ""; - background-color: #bcbcbc; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type).directorist-badge { - margin-right: 8px; - padding-right: 3px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type).directorist-badge:after { - right: -8px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - line-height: 1; - color: var(--directorist-color-body); -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta .directorist-icon-mask { - margin-right: 4px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta .directorist-icon-mask:after { - width: 12px; - height: 12px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - width: auto; - height: 21px; - line-height: 21px; - margin: 0; - border-radius: 4px; - font-size: 10px; - font-weight: 700; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item .directorist-review { - display: block; - margin-left: 6px; - font-size: 14px; - color: var(--directorist-color-light-gray); - text-decoration: underline; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category, .directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 5px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category .directorist-icon-mask, .directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location .directorist-icon-mask { - margin-top: 2px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category:after, .directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location:after { - top: 10px; - -webkit-transform: unset; - transform: unset; -} -.directorist-content-active .directorist-listing-single__info .directorist-badge + .directorist-badge { - margin-left: 3px; -} -.directorist-content-active .directorist-listing-single__info .directorist-listing-tagline { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - margin: 0; - font-size: 14px; - line-height: 18px; - color: var(--directorist-color-light-gray); -} -.directorist-content-active .directorist-listing-single__info .directorist-listing-title { - font-size: 18px; - font-weight: 500; - padding: 0; - text-transform: none; - line-height: 20px; - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; -} -.directorist-content-active .directorist-listing-single__info .directorist-listing-title a { - text-decoration: none; - color: var(--directorist-color-dark); -} -.directorist-content-active .directorist-listing-single__info .directorist-listing-title a:hover { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-listing-single__info .directorist-pricing-meta .directorist-listing-price { - font-size: 14px; - font-weight: 700; - padding: 0; - background: transparent; - color: var(--directorist-color-body); + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item { + font-size: 14px; + line-height: 18px; + position: relative; + display: inline-block; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type) { + padding-right: 10px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type):after { + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + border-radius: 50%; + width: 3px; + height: 3px; + content: ""; + background-color: #bcbcbc; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type).directorist-badge { + margin-right: 8px; + padding-right: 3px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type).directorist-badge:after { + right: -8px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-rating-meta { + display: inline-flex; + align-items: center; + font-size: 14px; + font-weight: 500; + line-height: 1; + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-rating-meta + .directorist-icon-mask { + margin-right: 4px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-rating-meta + .directorist-icon-mask:after { + width: 12px; + height: 12px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-badge { + display: flex; + align-items: center; + width: auto; + height: 21px; + line-height: 21px; + margin: 0; + border-radius: 4px; + font-size: 10px; + font-weight: 700; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item + .directorist-review { + display: block; + margin-left: 6px; + font-size: 14px; + color: var(--directorist-color-light-gray); + text-decoration: underline; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-category, +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-location { + display: inline-flex; + align-items: flex-start; + gap: 5px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-category + .directorist-icon-mask, +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-location + .directorist-icon-mask { + margin-top: 2px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-category:after, +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-location:after { + top: 10px; + transform: unset; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-badge + + .directorist-badge { + margin-left: 3px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-tagline { + flex: 0 0 100%; + margin: 0; + font-size: 14px; + line-height: 18px; + color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-title { + font-size: 18px; + font-weight: 500; + padding: 0; + text-transform: none; + line-height: 20px; + margin: 0; + flex: 0 0 100%; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-title + a { + text-decoration: none; + color: var(--directorist-color-dark); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-title + a:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-pricing-meta + .directorist-listing-price { + font-size: 14px; + font-weight: 700; + padding: 0; + background: transparent; + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single__info .directorist-pricing-meta .directorist-listing-price { - font-weight: 700; - } + .directorist-content-active + .directorist-listing-single__info + .directorist-pricing-meta + .directorist-listing-price { + font-weight: 700; + } } .directorist-content-active .directorist-listing-single__meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; - position: relative; - padding: 14px 20px; - font-size: 14px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - border-top: 1px solid var(--directorist-color-border); + display: flex; + flex-wrap: wrap; + gap: 10px; + position: relative; + padding: 14px 20px; + font-size: 14px; + justify-content: space-between; + border-top: 1px solid var(--directorist-color-border); } .directorist-content-active .directorist-listing-single__meta__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 20px; } .directorist-content-active .directorist-listing-single__meta__right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category a { - text-decoration: none; - font-size: 14px; - color: var(--directorist-color-body); - border-bottom: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - word-break: break-word; - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category a:hover { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-listing-single__meta .directorist-view-count { - font-size: 14px; - color: var(--directorist-color-body); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-view-count .directorist-icon-mask:after { - width: 15px; - height: 15px; - background-color: var(--directorist-color-light-gray); -} -.directorist-content-active .directorist-listing-single__meta .directorist-view-count { - /* Legacy Icon */ -} -.directorist-content-active .directorist-listing-single__meta .directorist-view-count > span { - display: inline-block; - margin-right: 5px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-thumb-listing-author a { - width: 38px; - height: 38px; - display: inline-block; - vertical-align: middle; -} -.directorist-content-active .directorist-listing-single__meta .directorist-thumb-listing-author img { - width: 100%; - height: 100%; - border-radius: 50%; -} -.directorist-content-active .directorist-listing-single__meta .directorist-mark-as-favorite__btn { - width: auto; - height: auto; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a .directorist-icon-mask { - height: 34px; - width: 34px; - border-radius: 50%; - background-color: var(--directorist-color-light); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-right: 10px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); - width: 14px; - height: 14px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a { - /* Legacy Icon */ -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a > span { - width: 36px; - height: 36px; - border-radius: 50%; - background-color: #f3f3f3; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-right: 10px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a > span:before { - color: var(--directorist-color-body); -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category__extran-count { - font-size: 14px; - font-weight: 500; -} -.directorist-content-active .directorist-listing-single__meta .directorist-rating-meta, -.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone { - gap: 5px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone a { - text-decoration: none; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 20px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + a { + text-decoration: none; + font-size: 14px; + color: var(--directorist-color-body); + border-bottom: 0 none; + box-shadow: none; + display: flex; + align-items: center; + word-break: break-word; + transition: color 0.3s ease; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + a:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-view-count { + font-size: 14px; + color: var(--directorist-color-body); + display: flex; + align-items: center; + gap: 5px; + /* Legacy Icon */ +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-view-count + .directorist-icon-mask:after { + width: 15px; + height: 15px; + background-color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-view-count + > span { + display: inline-block; + margin-right: 5px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-thumb-listing-author + a { + width: 38px; + height: 38px; + display: inline-block; + vertical-align: middle; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-thumb-listing-author + img { + width: 100%; + height: 100%; + border-radius: 50%; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-mark-as-favorite__btn { + width: auto; + height: auto; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a { + /* Legacy Icon */ +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + .directorist-icon-mask { + height: 34px; + width: 34px; + border-radius: 50%; + background-color: var(--directorist-color-light); + display: inline-flex; + align-items: center; + justify-content: center; + margin-right: 10px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); + width: 14px; + height: 14px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + > span { + width: 36px; + height: 36px; + border-radius: 50%; + background-color: #f3f3f3; + display: inline-flex; + align-items: center; + justify-content: center; + margin-right: 10px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + > span:before { + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category__extran-count { + font-size: 14px; + font-weight: 500; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-rating-meta, +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-card-phone { + display: flex; + align-items: center; + font-size: 14px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-card-phone { + gap: 5px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-card-phone + a { + text-decoration: none; } .directorist-content-active .directorist-listing-single__thumb { - position: relative; - margin: 0; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card { - position: relative; - width: 100%; - height: 100%; - border-radius: 10px; - overflow: hidden; - z-index: 0; - background-color: var(--directorist-color-bg-gray); -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-wrap, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-back-wrap { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - height: 100%; - width: 100%; - overflow: hidden; - z-index: 2; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-wrap figure, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-back-wrap figure { - width: 100%; - height: 100%; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card.directorist-card-contain .directorist-thumnail-card-front-img { - -o-object-fit: contain; - object-fit: contain; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card.directorist-card-full { - min-height: 300px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-wrap { - z-index: 1; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-front-img, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - margin: 0; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-img { - -webkit-filter: blur(5px); - filter: blur(5px); -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left { - left: 20px; - top: 20px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right { - top: 20px; - right: 20px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left { - left: 20px; - bottom: 30px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right { - right: 20px; - bottom: 30px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right { - position: absolute; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn i, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.la, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.las, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fa, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fas, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.lab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn i, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.la, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.las, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fa, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fas, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.lab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn i, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.la, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.las, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fa, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fas, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.lab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn i, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.la, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.las, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fa, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fas, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.lab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fab { - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single__header__left .directorist-thumb-listing-author { - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; + position: relative; + margin: 0; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card { + position: relative; + width: 100%; + height: 100%; + border-radius: 10px; + overflow: hidden; + z-index: 0; + background-color: var(--directorist-color-bg-gray); +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-front-wrap, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-back-wrap { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + height: 100%; + width: 100%; + overflow: hidden; + z-index: 2; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-front-wrap + figure, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-back-wrap + figure { + width: 100%; + height: 100%; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card.directorist-card-contain + .directorist-thumnail-card-front-img { + object-fit: contain; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card.directorist-card-full { + min-height: 300px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-back-wrap { + z-index: 1; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-front-img, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-back-img { + width: 100%; + height: 100%; + object-fit: cover; + margin: 0; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-back-img { + filter: blur(5px); +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left { + left: 20px; + top: 20px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right { + top: 20px; + right: 20px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left { + left: 20px; + bottom: 30px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right { + right: 20px; + bottom: 30px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right { + position: absolute; + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 6px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.fab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.fab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.fab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.fab { + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single__header__left + .directorist-thumb-listing-author { + position: unset !important; + transform: unset !important; } .directorist-content-active .directorist-listing-single figure { - margin: 0; -} -.directorist-content-active .directorist-listing-single .directorist-listing-single__header__left .directorist-thumb-listing-author, -.directorist-content-active .directorist-listing-single .directorist-listing-single__header__right .directorist-thumb-listing-author, -.directorist-content-active .directorist-listing-single .directorist-thumb-bottom-left .directorist-thumb-listing-author, -.directorist-content-active .directorist-listing-single .directorist-thumb-bottom-right .directorist-thumb-listing-author { - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; + margin: 0; +} +.directorist-content-active + .directorist-listing-single + .directorist-listing-single__header__left + .directorist-thumb-listing-author, +.directorist-content-active + .directorist-listing-single + .directorist-listing-single__header__right + .directorist-thumb-listing-author, +.directorist-content-active + .directorist-listing-single + .directorist-thumb-bottom-left + .directorist-thumb-listing-author, +.directorist-content-active + .directorist-listing-single + .directorist-thumb-bottom-right + .directorist-thumb-listing-author { + position: unset !important; + transform: unset !important; } .directorist-content-active .directorist-listing-single .directorist-badge { - margin: 3px; -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-popular { - background-color: #f51957; -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-open { - background-color: var(--directorist-color-success); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-close { - background-color: var(--directorist-color-danger); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-new { - background-color: var(--directorist-color-new-badge); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-featured { - background-color: #fa8b0c; -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-negotiation { - background-color: var(--directorist-color-info); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-sold { - background-color: var(--directorist-color-danger); -} -.directorist-content-active .directorist-listing-single .directorist_open_status_badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active .directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span { - top: auto; - bottom: 35px; -} -.directorist-content-active .directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span:before { - top: auto; - bottom: -7px; - -webkit-transform: rotate(180deg); - transform: rotate(180deg); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb { - margin: 0; - position: relative; - padding: 10px 10px 0 10px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb .directorist-pricing-meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 26px; - margin: 0; - border-radius: 3px; - background: var(--directorist-color-white); - padding: 0 8px; - font-weight: 700; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb .directorist-pricing-meta .directorist-listing-price { - color: var(--directorist-color-danger); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumnail-card-front-img { - border-radius: 10px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author { - position: absolute; - bottom: 0; - top: unset; - -webkit-transform: translateY(50%); - transform: translateY(50%); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - z-index: 1; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-left { - left: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-right { - right: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-center { - left: 50%; - -webkit-transform: translate(-50%, 50%); - transform: translate(-50%, 50%); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author img { - width: 100%; - border-radius: 50%; - height: auto; - background-color: var(--directorist-color-bg-gray); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 100%; - border-radius: 50%; - width: 42px; - height: 42px; - border: 3px solid var(--directorist-color-border); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-mark-as-favorite__btn { - width: 30px; - height: 30px; - background-color: var(--directorist-color-white); + margin: 3px; +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-popular { + background-color: #f51957; +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-open { + background-color: var(--directorist-color-success); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-close { + background-color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-new { + background-color: var(--directorist-color-new-badge); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-featured { + background-color: #fa8b0c; +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-negotiation { + background-color: var(--directorist-color-info); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-sold { + background-color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single + .directorist_open_status_badge { + display: flex; +} +.directorist-content-active + .directorist-listing-single + .directorist-mark-as-favorite__btn + .directorist-favorite-tooltip + span { + top: auto; + bottom: 35px; +} +.directorist-content-active + .directorist-listing-single + .directorist-mark-as-favorite__btn + .directorist-favorite-tooltip + span:before { + top: auto; + bottom: -7px; + transform: rotate(180deg); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-listing-single__thumb { + margin: 0; + position: relative; + padding: 10px 10px 0 10px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-listing-single__thumb + .directorist-pricing-meta { + display: flex; + align-items: center; + justify-content: center; + height: 26px; + margin: 0; + border-radius: 3px; + background: var(--directorist-color-white); + padding: 0 8px; + font-weight: 700; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-listing-single__thumb + .directorist-pricing-meta + .directorist-listing-price { + color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumnail-card-front-img { + border-radius: 10px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author { + position: absolute; + bottom: 0; + top: unset; + transform: translateY(50%); + display: flex; + z-index: 1; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author.directorist-alignment-left { + left: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author.directorist-alignment-right { + right: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author.directorist-alignment-center { + left: 50%; + transform: translate(-50%, 50%); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author + img { + width: 100%; + border-radius: 50%; + height: auto; + background-color: var(--directorist-color-bg-gray); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author + a { + display: inline-flex; + width: 100%; + border-radius: 50%; + width: 42px; + height: 42px; + border: 3px solid var(--directorist-color-border); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-mark-as-favorite__btn { + width: 30px; + height: 30px; + background-color: var(--directorist-color-white); } @media screen and (min-width: 576.99px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .directorist-content-active + .directorist-listing-single.directorist-listing-list { + display: flex; + flex-wrap: wrap; + } } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta i:not(:first-child) { - display: none; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-icon-mask:after { - width: 10px; - height: 10px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-rating-avg { - margin-left: 0; - font-size: 12px; - font-weight: normal; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-total-review { - font-size: 12px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-price { - font-size: 12px; - font-weight: 600; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__meta { - font-size: 12px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-icon-mask:after { - width: 14px; - height: 14px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__excerpt { - font-size: 12px; - line-height: 1.6; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list > li, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list > div { - font-size: 12px; - line-height: 1.2; - gap: 8px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-view-count, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category a, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category__extran-count { - font-size: 12px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category__popup { - margin-left: 5px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-listing-author a, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category > a .directorist-icon-mask { - width: 30px; - height: 30px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list .directorist-icon-mask { - top: 0; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list .directorist-icon-mask:after { - width: 12px; - height: 14px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb { - margin: 0; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + i:not(:first-child) { + display: none; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + .directorist-icon-mask:after { + width: 10px; + height: 10px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + .directorist-rating-avg { + margin-left: 0; + font-size: 12px; + font-weight: normal; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + .directorist-total-review { + font-size: 12px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-price { + font-size: 12px; + font-weight: 600; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__meta { + font-size: 12px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-icon-mask:after { + width: 14px; + height: 14px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__excerpt { + font-size: 12px; + line-height: 1.6; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + > li, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + > div { + font-size: 12px; + line-height: 1.2; + gap: 8px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-view-count, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category + a, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category__extran-count { + font-size: 12px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category__popup { + margin-left: 5px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-listing-author + a, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category + > a + .directorist-icon-mask { + width: 30px; + height: 30px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + .directorist-icon-mask { + top: 0; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + .directorist-icon-mask:after { + width: 12px; + height: 14px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb { + margin: 0; } @media only screen and (min-width: 576.99px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - max-width: 320px; - min-height: 240px; - padding: 10px 0 10px 10px; - } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb { + flex: 1; + max-width: 320px; + min-height: 240px; + padding: 10px 0 10px 10px; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb { - padding: 10px 10px 0 10px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-badge { - width: 20px; - height: 20px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-favorite-icon:before, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-badge .directorist-icon-mask:after { - width: 10px; - height: 10px; - } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb { + padding: 10px 10px 0 10px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-badge { + width: 20px; + height: 20px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-favorite-icon:before, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-badge + .directorist-icon-mask:after { + width: 10px; + height: 10px; + } } @media only screen and (min-width: 576.99px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-thumnail-card { - height: 100% !important; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-img { - border-radius: 10px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-flex: 2; - -webkit-flex: 2; - -ms-flex: 2; - flex: 2; - padding: 10px 0 10px; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-thumnail-card { + height: 100% !important; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-front-img { + border-radius: 10px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__content { + display: flex; + flex-direction: column; + justify-content: space-between; + flex: 2; + padding: 10px 0 10px; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content { - padding: 0; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content .directorist-listing-single__meta { - display: none; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__mobile-view-meta { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__content { + padding: 0; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__content + .directorist-listing-single__meta { + display: none; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__mobile-view-meta { + flex: 0 0 100%; } @media screen and (min-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__mobile-view-meta { - display: none; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 18px 20px 15px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info:empty { - display: none; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list { - margin: 10px 0 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__excerpt { - margin: 10px 0 0; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__mobile-view-meta { + display: none; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 18px 20px 15px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info:empty { + display: none; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list { + margin: 10px 0 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__excerpt { + margin: 10px 0 0; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info { - padding-top: 10px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-listing-title { - margin: 0; - font-size: 14px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-badge { - margin: 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-badge:after { - display: none; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info { + padding-top: 10px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info + .directorist-listing-title { + margin: 0; + font-size: 14px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__action { + display: flex; + gap: 20px; + align-items: center; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-badge { + margin: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-badge:after { + display: none; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right { - right: unset; - left: -30px; - top: 20px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-favorite-icon { - width: 20px; - height: 20px; - border-radius: 100%; - background-color: var(--directorist-color-white); - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-favorite-icon:before { - width: 10px; - height: 10px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-left { - left: 20px; - top: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-right { - top: 20px; - right: 10px; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right { + right: unset; + left: -30px; + top: 20px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-favorite-icon { + width: 20px; + height: 20px; + border-radius: 100%; + background-color: var(--directorist-color-white); + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-favorite-icon:before { + width: 10px; + height: 10px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-top-left { + left: 20px; + top: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-top-right { + top: 20px; + right: 10px; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-right { - right: unset; - left: 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-bottom-left { - left: 20px; - bottom: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-bottom-right { - right: 10px; - bottom: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-badge { - margin: 0; - padding: 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-badge:after { - display: none; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-top-right { + right: unset; + left: 20px; + flex-direction: column; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-bottom-left { + left: 20px; + bottom: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-bottom-right { + right: 10px; + bottom: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info + .directorist-badge { + margin: 0; + padding: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info + .directorist-badge:after { + display: none; } @media only screen and (min-width: 576.99px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__meta { - padding: 14px 20px 7px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 26px; - height: 26px; - margin: 0; - padding: 0; - border-radius: 100%; - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge .directorist-icon-mask:after, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge .directorist-icon-mask:after { - width: 12px; - height: 12px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-close, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-close { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: 21px; - line-height: 21px; - width: auto; - padding: 0 5px; - border-radius: 4px; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__meta { + padding: 14px 20px 7px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge { + display: flex; + align-items: center; + justify-content: center; + width: 26px; + height: 26px; + margin: 0; + padding: 0; + border-radius: 100%; + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge + .directorist-icon-mask:after { + width: 12px; + height: 12px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text, +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-open, +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-close, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-open, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-close { + display: inline-flex; + height: 21px; + line-height: 21px; + width: auto; + padding: 0 5px; + border-radius: 4px; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-close, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-close { - height: 18px; - line-height: 18px; - font-size: 8px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-popular, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-popular { - background-color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-new, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-new { - background-color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-featured, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-featured { - background-color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-featured, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-featured { - background-color: var(--directorist-color-featured-badge); - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-popular, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-popular { - background-color: var(--directorist-color-popular-badge); - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-new, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-new { - background-color: var(--directorist-color-new-badge); - color: var(--directorist-color-white); + .directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text, + .directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-open, + .directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-close, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-open, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-close { + height: 18px; + line-height: 18px; + font-size: 8px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-popular, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-popular { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-new, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-new { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-featured, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-featured { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-featured, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-featured { + background-color: var(--directorist-color-featured-badge); + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-popular, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-popular { + background-color: var(--directorist-color-popular-badge); + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-new, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-new { + background-color: var(--directorist-color-new-badge); + color: var(--directorist-color-white); } .directorist-content-active .directorist-listing-single.directorist-featured { - border: 1px solid var(--directorist-color-featured-badge); -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist_open_status_badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info { - z-index: 1; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header figure { - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__left:empty, -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__right:empty { - display: none; + border: 1px solid var(--directorist-color-featured-badge); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist_open_status_badge { + display: flex; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info { + z-index: 1; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header { + align-items: center; + justify-content: space-between; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + figure { + margin: 0; + flex: none; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-single__header__left:empty, +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-single__header__right:empty { + display: none; } @media screen and (max-width: 991px) { - .directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__title { - -webkit-box-ordinal-group: 3; - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-mark-as-favorite__btn { - background: transparent; - width: auto; - height: auto; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-list .directorist-listing-single__content { - padding: 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header .directorist-listing-single__header__left { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding-right: 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header .directorist-listing-single__header__right { - margin-top: 15px; + .directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__title { + order: 2; + flex: 0 0 100%; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-mark-as-favorite__btn { + background: transparent; + width: auto; + height: auto; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-list + .directorist-listing-single__content { + padding: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix + .directorist-listing-single__header { + flex-wrap: wrap; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix + .directorist-listing-single__header + .directorist-listing-single__header__left { + flex: 0 0 100%; + flex-wrap: wrap; + padding-right: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix + .directorist-listing-single__header + .directorist-listing-single__header__right { + margin-top: 15px; } .directorist-rating-meta { - padding: 0; + padding: 0; } .directorist-rating-meta i.directorist-icon-mask:after { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-rating-meta i.directorist-icon-mask.star-empty:after { - background-color: #d1d1d1; + background-color: #d1d1d1; } .directorist-rating-meta .directorist-rating-avg { - font-size: 14px; - color: var(--directorist-color-body); - margin: 0 3px 0 6px; + font-size: 14px; + color: var(--directorist-color-body); + margin: 0 3px 0 6px; } .directorist-rating-meta .directorist-total-review { - font-weight: 400; - color: var(--directorist-color-light-gray); + font-weight: 400; + color: var(--directorist-color-light-gray); } .directorist-rating-meta.directorist-info-item-rating i, .directorist-rating-meta.directorist-info-item-rating span.la, .directorist-rating-meta.directorist-info-item-rating span.fa { - margin-left: 4px; + margin-left: 4px; } /* mark as favorite btn */ .directorist-mark-as-favorite__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - position: relative; - text-decoration: none; - padding: 0; - font-weight: unset; - line-height: unset; - text-transform: unset; - letter-spacing: unset; - background: transparent; - border: none; - cursor: pointer; -} -.directorist-mark-as-favorite__btn:hover, .directorist-mark-as-favorite__btn:focus { - outline: 0; - text-decoration: none; -} -.directorist-mark-as-favorite__btn:hover .directorist-favorite-icon:before, .directorist-mark-as-favorite__btn:focus .directorist-favorite-icon:before { - background-color: var(--directorist-color-danger); + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + position: relative; + text-decoration: none; + padding: 0; + font-weight: unset; + line-height: unset; + text-transform: unset; + letter-spacing: unset; + background: transparent; + border: none; + cursor: pointer; +} +.directorist-mark-as-favorite__btn:hover, +.directorist-mark-as-favorite__btn:focus { + outline: 0; + text-decoration: none; +} +.directorist-mark-as-favorite__btn:hover .directorist-favorite-icon:before, +.directorist-mark-as-favorite__btn:focus .directorist-favorite-icon:before { + background-color: var(--directorist-color-danger); } .directorist-mark-as-favorite__btn .directorist-favorite-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } .directorist-mark-as-favorite__btn .directorist-favorite-icon:before { - content: ""; - -webkit-mask-image: url(../js/3aebaee5331b23d457d3.svg); - mask-image: url(../js/3aebaee5331b23d457d3.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 15px; - height: 15px; - background-color: var(--directorist-color-danger); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-mark-as-favorite__btn.directorist-added-to-favorite .directorist-favorite-icon:before { - -webkit-mask-image: url(../js/83fcf4b334b68700256a.svg); - mask-image: url(../js/83fcf4b334b68700256a.svg); - background-color: var(--directorist-color-danger); + content: ""; + mask-image: url(../js/../images/6bf407d27842391bbcd90343624e694b.svg); + mask-repeat: no-repeat; + width: 15px; + height: 15px; + background-color: var(--directorist-color-danger); + transition: 0.3s ease; +} +.directorist-mark-as-favorite__btn.directorist-added-to-favorite + .directorist-favorite-icon:before { + mask-image: url(../js/../images/2e589ffc784b0c43089b0222cab8ed4f.svg); + background-color: var(--directorist-color-danger); } .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span { - position: absolute; - min-width: 120px; - right: 0; - top: 35px; - background-color: var(--directorist-color-dark); - color: var(--directorist-color-white); - font-size: 13px; - border-radius: 3px; - text-align: center; - padding: 5px; - z-index: 111; + position: absolute; + min-width: 120px; + right: 0; + top: 35px; + background-color: var(--directorist-color-dark); + color: var(--directorist-color-white); + font-size: 13px; + border-radius: 3px; + text-align: center; + padding: 5px; + z-index: 111; } .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span::before { - content: ""; - position: absolute; - border-bottom: 8px solid var(--directorist-color-dark); - border-right: 6px solid transparent; - border-left: 6px solid transparent; - right: 8px; - top: -7px; + content: ""; + position: absolute; + border-bottom: 8px solid var(--directorist-color-dark); + border-right: 6px solid transparent; + border-left: 6px solid transparent; + right: 8px; + top: -7px; } /* listing card without thumbnail */ -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - position: relative; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 20px 22px 0 22px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left .directorist-listing-single__badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - position: relative; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left .directorist-badge { - background-color: #f4f4f4; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__title { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author { - position: unset; - -webkit-transform: unset; - transform: unset; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author img { - height: 100%; - width: 100%; - max-width: none; - border-radius: 50%; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title { - font-size: 18px; - font-weight: 500; - padding: 0; - text-transform: none; - line-height: 1.2; - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header { + display: flex; + gap: 15px; + flex-wrap: wrap; + position: relative; + align-items: flex-start; + padding: 20px 22px 0 22px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__left { + display: flex; + flex: 1; + gap: 12px; + align-items: center; + flex-wrap: wrap; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__left + .directorist-listing-single__badge { + display: flex; + gap: 12px; + flex-wrap: wrap; + align-items: center; + position: relative; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__left + .directorist-badge { + background-color: #f4f4f4; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__title { + flex: 1; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-thumb-listing-author { + position: unset; + transform: unset; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-thumb-listing-author + a { + display: flex; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-thumb-listing-author + img { + height: 100%; + width: 100%; + max-width: none; + border-radius: 50%; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title { + font-size: 18px; + font-weight: 500; + padding: 0; + text-transform: none; + line-height: 1.2; + margin: 0; + flex: 0 0 100%; } @media screen and (max-width: 575px) { - .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title { - font-size: 16px; - } -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title a { - text-decoration: none; - color: var(--directorist-color-dark); -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title a:hover { - color: var(--directorist-color-primary); -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-tagline { - margin-bottom: 0; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info { - padding: 10px 22px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info:empty { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list { - margin: 16px 0 10px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-icon-mask { - position: relative; - top: 4px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-listing-card-info-label { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-icon { - font-size: 17px; - color: #444752; - margin-right: 8px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li a, -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li span { - text-decoration: none; - color: var(--directorist-color-body); - border-bottom: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.7; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt { - margin: 15px 0 0; - font-size: 14px; - color: var(--directorist-color-body); - line-height: 24px; - text-align: left; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li { - color: var(--directorist-color-body); - margin: 0; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li:not(:last-child) { - margin: 0 0 10px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li > div { - margin-bottom: 2px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li > div .directorist-icon-mask { - position: relative; - top: 4px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li > div .directorist-listing-card-info-label { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li .directorist-icon { - font-size: 17px; - color: #444752; - margin-right: 8px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li a { - text-decoration: none; - color: var(--directorist-color-body); - border-bottom: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.7; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li a:hover { - color: var(--directorist-color-primary); -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt a { - color: var(--directorist-color-primary); - text-decoration: underline; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt a:hover { - color: var(--directorist-color-body); -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content { - border: 0 none; - padding: 10px 22px 25px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__meta__right .directorist-mark-as-favorite__btn { - width: auto; - height: auto; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title { + font-size: 16px; + } +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title + a { + text-decoration: none; + color: var(--directorist-color-dark); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title + a:hover { + color: var(--directorist-color-primary); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-tagline { + margin-bottom: 0; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info { + padding: 10px 22px 0; + display: flex; + flex-wrap: wrap; + align-items: center; + flex-direction: row; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info:empty { + display: none; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list { + margin: 16px 0 10px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + .directorist-icon-mask { + position: relative; + top: 4px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + .directorist-listing-card-info-label { + display: none; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + .directorist-icon { + font-size: 17px; + color: #444752; + margin-right: 8px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + a, +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + span { + text-decoration: none; + color: var(--directorist-color-body); + border-bottom: 0 none; + box-shadow: none; + line-height: 1.7; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt { + margin: 15px 0 0; + font-size: 14px; + color: var(--directorist-color-body); + line-height: 24px; + text-align: left; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li { + color: var(--directorist-color-body); + margin: 0; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li:not(:last-child) { + margin: 0 0 10px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + > div { + margin-bottom: 2px; + font-size: 14px; + display: flex; + gap: 10px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + > div + .directorist-icon-mask { + position: relative; + top: 4px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + > div + .directorist-listing-card-info-label { + display: none; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + .directorist-icon { + font-size: 17px; + color: #444752; + margin-right: 8px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + a { + text-decoration: none; + color: var(--directorist-color-body); + border-bottom: 0 none; + box-shadow: none; + line-height: 1.7; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + a:hover { + color: var(--directorist-color-primary); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + a { + color: var(--directorist-color-primary); + text-decoration: underline; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + a:hover { + color: var(--directorist-color-body); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__content { + border: 0 none; + padding: 10px 22px 25px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__meta__right + .directorist-mark-as-favorite__btn { + width: auto; + height: auto; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__action { + display: flex; + align-items: center; + gap: 6px; } /* listing card without thumbnail list view */ -.directorist-listing-single.directorist-listing-list .directorist-listing-single__header { - width: 100%; - margin-bottom: 13px; +.directorist-listing-single.directorist-listing-list + .directorist-listing-single__header { + width: 100%; + margin-bottom: 13px; } -.directorist-listing-single.directorist-listing-list .directorist-listing-single__header .directorist-listing-single__info { - padding: 0; +.directorist-listing-single.directorist-listing-list + .directorist-listing-single__header + .directorist-listing-single__info { + padding: 0; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge { - padding: 0; - margin: 0; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-info-item.directorist-badge { + padding: 0; + margin: 0; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge:after { - display: none; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-info-item.directorist-badge:after { + display: none; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge.directorist-badge-open, .directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge.directorist-badge-close { - padding: 0 5px; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-info-item.directorist-badge.directorist-badge-open, +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-info-item.directorist-badge.directorist-badge-close { + padding: 0 5px; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-mark-as-favorite__btn { - width: auto; - height: auto; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-mark-as-favorite__btn { + width: auto; + height: auto; } .directorist-listing-category { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } .directorist-listing-category__popup { - position: relative; - margin-left: 10px; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + position: relative; + margin-left: 10px; + cursor: pointer; + display: flex; } .directorist-listing-category__popup__content { - display: block; - position: absolute; - width: 150px; - visibility: hidden; - opacity: 0; - pointer-events: none; - bottom: 25px; - left: -30px; - padding: 10px; - border: none; - border-radius: 10px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - line-break: auto; - word-break: break-all; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 1; + display: block; + position: absolute; + width: 150px; + visibility: hidden; + opacity: 0; + pointer-events: none; + bottom: 25px; + left: -30px; + padding: 10px; + border: none; + border-radius: 10px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + line-break: auto; + word-break: break-all; + transition: 0.3s ease; + z-index: 1; } .directorist-listing-category__popup__content:after { - content: ""; - left: 40px; - bottom: -11px; - border: 6px solid transparent; - border-top-color: var(--directorist-color-white); - display: inline-block; - position: absolute; + content: ""; + left: 40px; + bottom: -11px; + border: 6px solid transparent; + border-top-color: var(--directorist-color-white); + display: inline-block; + position: absolute; } .directorist-listing-category__popup__content a { - color: var(--directorist-color-body); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - line-height: normal; - padding: 10px; - border-radius: 8px; + color: var(--directorist-color-body); + display: flex; + gap: 12px; + align-items: flex-start; + line-height: normal; + padding: 10px; + border-radius: 8px; } .directorist-listing-category__popup__content a:last-child { - margin-bottom: 0; + margin-bottom: 0; } .directorist-listing-category__popup__content a i { - height: unset; - width: unset; - min-width: unset; + height: unset; + width: unset; + min-width: unset; } .directorist-listing-category__popup__content a i::after { - height: 14px; - width: 14px; - background-color: var(--directorist-color-body); + height: 14px; + width: 14px; + background-color: var(--directorist-color-body); } .directorist-listing-category__popup__content a:hover { - color: var(--directorist-color-primary); - background-color: var(--directorist-color-light); + color: var(--directorist-color-primary); + background-color: var(--directorist-color-light); } .directorist-listing-category__popup__content a:hover i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } -.directorist-listing-category__popup:hover .directorist-listing-category__popup__content { - visibility: visible; - opacity: 1; - pointer-events: all; +.directorist-listing-category__popup:hover + .directorist-listing-category__popup__content { + visibility: visible; + opacity: 1; + pointer-events: all; } -.directorist-listing-single__meta__right .directorist-listing-category__popup__content { - left: unset; - right: -30px; +.directorist-listing-single__meta__right + .directorist-listing-category__popup__content { + left: unset; + right: -30px; } -.directorist-listing-single__meta__right .directorist-listing-category__popup__content:after { - left: unset; - right: 40px; +.directorist-listing-single__meta__right + .directorist-listing-category__popup__content:after { + left: unset; + right: 40px; } .directorist-listing-price-range span { - font-weight: 600; - color: rgba(122, 130, 166, 0.3); + font-weight: 600; + color: rgba(122, 130, 166, 0.3); } .directorist-listing-price-range span.directorist-price-active { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } #map.leaflet-container, #gmap.leaflet-container, .directorist-single-map.leaflet-container { - /*rtl:ignore*/ - direction: ltr; + /*rtl:ignore*/ + direction: ltr; } #map.leaflet-container .leaflet-popup-content-wrapper, #gmap.leaflet-container .leaflet-popup-content-wrapper, .directorist-single-map.leaflet-container .leaflet-popup-content-wrapper { - border-radius: 8px; - padding: 0; + border-radius: 8px; + padding: 0; } #map.leaflet-container .leaflet-popup-content, #gmap.leaflet-container .leaflet-popup-content, .directorist-single-map.leaflet-container .leaflet-popup-content { - margin: 0; - line-height: 1; - width: 350px !important; + margin: 0; + line-height: 1; + width: 350px !important; } @media only screen and (max-width: 480px) { - #map.leaflet-container .leaflet-popup-content, - #gmap.leaflet-container .leaflet-popup-content, - .directorist-single-map.leaflet-container .leaflet-popup-content { - width: 300px !important; - } + #map.leaflet-container .leaflet-popup-content, + #gmap.leaflet-container .leaflet-popup-content, + .directorist-single-map.leaflet-container .leaflet-popup-content { + width: 300px !important; + } } @media only screen and (max-width: 375px) { - #map.leaflet-container .leaflet-popup-content, - #gmap.leaflet-container .leaflet-popup-content, - .directorist-single-map.leaflet-container .leaflet-popup-content { - width: 250px !important; - } + #map.leaflet-container .leaflet-popup-content, + #gmap.leaflet-container .leaflet-popup-content, + .directorist-single-map.leaflet-container .leaflet-popup-content { + width: 250px !important; + } } #map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, #gmap.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, -.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img { - width: 100%; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .atbdp-map.atbdp-body + img { + width: 100%; } #map.leaflet-container .leaflet-popup-content .media-body, #gmap.leaflet-container .leaflet-popup-content .media-body, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body { - padding: 10px 15px; + padding: 10px 15px; } #map.leaflet-container .leaflet-popup-content .media-body a, #gmap.leaflet-container .leaflet-popup-content .media-body a, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body a { - text-decoration: none; + text-decoration: none; } #map.leaflet-container .leaflet-popup-content .media-body h3 a, #gmap.leaflet-container .leaflet-popup-content .media-body h3 a, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body h3 a { - font-weight: 500; - line-height: 1.2; - color: #272b41; - letter-spacing: normal; - font-size: 18px; - text-decoration: none; -} -#map.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin, -#gmap.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin, -.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin { - font-size: 14px; - margin: 0 0 10px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + h3 + a { + font-weight: 500; + line-height: 1.2; + color: #272b41; + letter-spacing: normal; + font-size: 18px; + text-decoration: none; +} +#map.leaflet-container + .leaflet-popup-content + .atbdp-listings-title-block + h3.atbdp-no-margin, +#gmap.leaflet-container + .leaflet-popup-content + .atbdp-listings-title-block + h3.atbdp-no-margin, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .atbdp-listings-title-block + h3.atbdp-no-margin { + font-size: 14px; + margin: 0 0 10px; } #map.leaflet-container .leaflet-popup-content .osm-iw-location, #gmap.leaflet-container .leaflet-popup-content .osm-iw-location, -.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-location { - margin-bottom: 6px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container .leaflet-popup-content .osm-iw-location .directorist-icon-mask, -#gmap.leaflet-container .leaflet-popup-content .osm-iw-location .directorist-icon-mask, -.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-location .directorist-icon-mask { - display: inline-block; - margin-right: 4px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-location { + margin-bottom: 6px; + display: flex; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .osm-iw-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .osm-iw-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-location + .directorist-icon-mask { + display: inline-block; + margin-right: 4px; } #map.leaflet-container .leaflet-popup-content .osm-iw-get-location, #gmap.leaflet-container .leaflet-popup-content .osm-iw-get-location, -.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-get-location { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container .leaflet-popup-content .osm-iw-get-location .directorist-icon-mask, -#gmap.leaflet-container .leaflet-popup-content .osm-iw-get-location .directorist-icon-mask, -.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-get-location .directorist-icon-mask { - display: inline-block; - margin-left: 5px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-get-location { + display: flex; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .osm-iw-get-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .osm-iw-get-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-get-location + .directorist-icon-mask { + display: inline-block; + margin-left: 5px; } #map.leaflet-container .leaflet-popup-content .atbdp-map, #gmap.leaflet-container .leaflet-popup-content .atbdp-map, .directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map { - margin: 0; - line-height: 1; - width: 350px !important; + margin: 0; + line-height: 1; + width: 350px !important; } #map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, #gmap.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, -.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img { - width: 100%; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .atbdp-map.atbdp-body + img { + width: 100%; } #map.leaflet-container .leaflet-popup-content .media-body, #gmap.leaflet-container .leaflet-popup-content .media-body, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body { - padding: 10px 15px; + padding: 10px 15px; } #map.leaflet-container .leaflet-popup-content .media-body a, #gmap.leaflet-container .leaflet-popup-content .media-body a, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body a { - text-decoration: none; + text-decoration: none; } #map.leaflet-container .leaflet-popup-content .media-body h3 a, #gmap.leaflet-container .leaflet-popup-content .media-body h3 a, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body h3 a { - font-weight: 500; - line-height: 1.2; - color: #272b41; - letter-spacing: normal; - font-size: 18px; - text-decoration: none; -} -#map.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin, -#gmap.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin { - font-size: 14px; - margin: 0 0 10px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + h3 + a { + font-weight: 500; + line-height: 1.2; + color: #272b41; + letter-spacing: normal; + font-size: 18px; + text-decoration: none; +} +#map.leaflet-container + .leaflet-popup-content + .media-body + .atbdp-listings-title-block + h3.atbdp-no-margin, +#gmap.leaflet-container + .leaflet-popup-content + .media-body + .atbdp-listings-title-block + h3.atbdp-no-margin, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .atbdp-listings-title-block + h3.atbdp-no-margin { + font-size: 14px; + margin: 0 0 10px; } #map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location, #gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-location, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location { - margin-bottom: 6px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location .directorist-icon-mask, -#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-location .directorist-icon-mask, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location .directorist-icon-mask { - display: inline-block; - margin-right: 4px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location { + margin-bottom: 6px; + display: flex; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location + .directorist-icon-mask { + display: inline-block; + margin-right: 4px; } #map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location, #gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location .directorist-icon-mask, -#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location .directorist-icon-mask, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location .directorist-icon-mask { - display: inline-block; - margin-left: 5px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location { + display: flex; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location + .directorist-icon-mask { + display: inline-block; + margin-left: 5px; } #map.leaflet-container .leaflet-popup-content .atbdp-map, #gmap.leaflet-container .leaflet-popup-content .atbdp-map, .directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map { - margin: 0; + margin: 0; } #map.leaflet-container .leaflet-popup-content .map-info-wrapper img, #gmap.leaflet-container .leaflet-popup-content .map-info-wrapper img, -.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper img { - width: 100%; -} -#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details, -#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details, -.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details { - padding: 15px; -} -#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3, -#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3, -.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3 { - font-size: 16px; - margin-bottom: 0; - margin-top: 0; -} -#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn, -#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn, -.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn { - display: none; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + img { + width: 100%; +} +#map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details, +#gmap.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details { + padding: 15px; +} +#map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + h3, +#gmap.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + h3, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + h3 { + font-size: 16px; + margin-bottom: 0; + margin-top: 0; +} +#map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + .miw-contents-footer + .iw-close-btn, +#gmap.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + .miw-contents-footer + .iw-close-btn, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + .miw-contents-footer + .iw-close-btn { + display: none; } #map.leaflet-container .leaflet-popup-close-button, #gmap.leaflet-container .leaflet-popup-close-button, .directorist-single-map.leaflet-container .leaflet-popup-close-button { - position: absolute; - width: 25px; - height: 25px; - background: rgba(68, 71, 82, 0.5); - border-radius: 50%; - color: var(--directorist-color-white); - right: 10px; - left: auto; - top: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 13px; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - line-height: inherit; - padding: 0; - display: none; + position: absolute; + width: 25px; + height: 25px; + background: rgba(68, 71, 82, 0.5); + border-radius: 50%; + color: var(--directorist-color-white); + right: 10px; + left: auto; + top: 10px; + display: flex; + align-items: center; + justify-content: center; + font-size: 13px; + cursor: pointer; + transition: 0.3s ease; + line-height: inherit; + padding: 0; + display: none; } #map.leaflet-container .leaflet-popup-close-button:hover, #gmap.leaflet-container .leaflet-popup-close-button:hover, .directorist-single-map.leaflet-container .leaflet-popup-close-button:hover { - background-color: #444752; + background-color: #444752; } #map.leaflet-container .leaflet-popup-tip-container, #gmap.leaflet-container .leaflet-popup-tip-container, .directorist-single-map.leaflet-container .leaflet-popup-tip-container { - display: none; + display: none; } .directorist-single-map .gm-style-iw-c, .directorist-single-map .gm-style-iw-d { - max-height: unset !important; + max-height: unset !important; } .directorist-single-map .gm-style-iw-tc, .directorist-single-map .gm-style-iw-chr { - display: none; + display: none; } .map-listing-card-single { - position: relative; - padding: 10px; - border-radius: 8px; - -webkit-box-shadow: 0px 5px 20px rgba(var(--directorist-color-dark-rgb), 0.33); - box-shadow: 0px 5px 20px rgba(var(--directorist-color-dark-rgb), 0.33); - background-color: var(--directorist-color-white); + position: relative; + padding: 10px; + border-radius: 8px; + box-shadow: 0px 5px 20px rgba(var(--directorist-color-dark-rgb), 0.33); + background-color: var(--directorist-color-white); } .map-listing-card-single figure { - margin: 0; + margin: 0; } .map-listing-card-single .directorist-mark-as-favorite__btn { - position: absolute; - top: 20px; - right: 20px; - width: 30px; - height: 30px; - border-radius: 100%; - background-color: var(--directorist-color-white); -} -.map-listing-card-single .directorist-mark-as-favorite__btn .directorist-favorite-icon::before { - width: 16px; - height: 16px; + position: absolute; + top: 20px; + right: 20px; + width: 30px; + height: 30px; + border-radius: 100%; + background-color: var(--directorist-color-white); +} +.map-listing-card-single + .directorist-mark-as-favorite__btn + .directorist-favorite-icon::before { + width: 16px; + height: 16px; } .map-listing-card-single__img .atbd_tooltip { - margin-left: 10px; - margin-bottom: 10px; + margin-left: 10px; + margin-bottom: 10px; } .map-listing-card-single__img .atbd_tooltip img { - width: auto; + width: auto; } .map-listing-card-single__img a { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + width: 100%; + display: inline-flex; } .map-listing-card-single__img figure { - width: 100%; - margin: 0; + width: 100%; + margin: 0; } .map-listing-card-single__img img { - width: 100%; - max-width: 100%; - max-height: 200px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 8px; + width: 100%; + max-width: 100%; + max-height: 200px; + object-fit: cover; + border-radius: 8px; } .map-listing-card-single__author + .map-listing-card-single__content { - padding-top: 0; + padding-top: 0; } .map-listing-card-single__author a { - width: 42px; - height: 42px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - border-radius: 100%; - margin-top: -24px; - margin-left: 7px; - margin-bottom: 5px; - border: 3px solid var(--directorist-color-white); + width: 42px; + height: 42px; + display: inline-flex; + border-radius: 100%; + margin-top: -24px; + margin-left: 7px; + margin-bottom: 5px; + border: 3px solid var(--directorist-color-white); } .map-listing-card-single__author img { - width: 100%; - height: 100%; - border-radius: 100%; + width: 100%; + height: 100%; + border-radius: 100%; } .map-listing-card-single__content { - padding: 15px 10px 10px; + padding: 15px 10px 10px; } .map-listing-card-single__content__title { - font-size: 16px; - font-weight: 500; - margin: 0 0 10px !important; - color: var(--directorist-color-dark); + font-size: 16px; + font-weight: 500; + margin: 0 0 10px !important; + color: var(--directorist-color-dark); } .map-listing-card-single__content__title a { - text-decoration: unset; - color: var(--directorist-color-dark); + text-decoration: unset; + color: var(--directorist-color-dark); } .map-listing-card-single__content__title a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .map-listing-card-single__content__meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 0 20px; - gap: 10px 0; + display: flex; + flex-wrap: wrap; + align-items: center; + margin: 0 0 20px; + gap: 10px 0; } .map-listing-card-single__content__meta .directorist-rating-meta { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-body); - padding: 0; + display: inline-flex; + align-items: center; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-body); + padding: 0; } .map-listing-card-single__content__meta .directorist-icon-mask { - margin-right: 4px; + margin-right: 4px; } .map-listing-card-single__content__meta .directorist-icon-mask:after { - width: 15px; - height: 15px; - background-color: var(--directorist-color-warning); + width: 15px; + height: 15px; + background-color: var(--directorist-color-warning); } -.map-listing-card-single__content__meta .directorist-icon-mask.star-empty:after { - background-color: #d1d1d1; +.map-listing-card-single__content__meta + .directorist-icon-mask.star-empty:after { + background-color: #d1d1d1; } .map-listing-card-single__content__meta .directorist-rating-avg { - font-size: 14px; - color: var(--directorist-color-body); - margin: 0 3px 0 6px; + font-size: 14px; + color: var(--directorist-color-body); + margin: 0 3px 0 6px; } .map-listing-card-single__content__meta .directorist-listing-price { - font-size: 14px; - color: var(--directorist-color-body); + font-size: 14px; + color: var(--directorist-color-body); } .map-listing-card-single__content__meta .directorist-info-item { - position: relative; -} -.map-listing-card-single__content__meta .directorist-info-item:not(:last-child) { - padding-right: 8px; - margin-right: 8px; -} -.map-listing-card-single__content__meta .directorist-info-item:not(:last-child):before { - content: ""; - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - width: 3px; - height: 3px; - border-radius: 100%; - background-color: var(--directorist-color-gray-hover); + position: relative; +} +.map-listing-card-single__content__meta + .directorist-info-item:not(:last-child) { + padding-right: 8px; + margin-right: 8px; +} +.map-listing-card-single__content__meta + .directorist-info-item:not(:last-child):before { + content: ""; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + width: 3px; + height: 3px; + border-radius: 100%; + background-color: var(--directorist-color-gray-hover); } .map-listing-card-single__content__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + gap: 10px; + flex-direction: column; } .map-listing-card-single__content__info .directorist-info-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; + display: flex; + gap: 10px; } .map-listing-card-single__content__info a { - font-size: 14px; - font-weight: 400; - line-height: 1.3; - text-decoration: unset; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + line-height: 1.3; + text-decoration: unset; + color: var(--directorist-color-body); } .map-listing-card-single__content__info a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .map-listing-card-single__content__info .directorist-icon-mask:after { - width: 15px; - height: 15px; - margin-top: 2px; - background-color: var(--directorist-color-gray-hover); + width: 15px; + height: 15px; + margin-top: 2px; + background-color: var(--directorist-color-gray-hover); } .map-listing-card-single__content__location { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + align-items: center; } .map-listing-card-single__content__location a:not(:first-child) { - margin-left: 5px; + margin-left: 5px; } -.leaflet-popup-content-wrapper .leaflet-popup-content .map-info-wrapper .map-info-details .iw-close-btn { - display: none; +.leaflet-popup-content-wrapper + .leaflet-popup-content + .map-info-wrapper + .map-info-details + .iw-close-btn { + display: none; } .myDivIcon { - text-align: center !important; - line-height: 20px !important; - position: relative; + text-align: center !important; + line-height: 20px !important; + position: relative; } .atbd_map_shape { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - cursor: pointer; - border-radius: 100%; - background-color: var(--directorist-color-marker-shape); + position: relative; + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + cursor: pointer; + border-radius: 100%; + background-color: var(--directorist-color-marker-shape); } .atbd_map_shape:before { - content: ""; - position: absolute; - left: -20px; - top: -20px; - width: 0; - height: 0; - opacity: 0; - visibility: hidden; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; - border: 40px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); - -webkit-animation: atbd_scale 3s linear alternate infinite; - animation: atbd_scale 3s linear alternate infinite; + content: ""; + position: absolute; + left: -20px; + top: -20px; + width: 0; + height: 0; + opacity: 0; + visibility: hidden; + border-radius: 50%; + transition: all 0.3s ease-in-out; + border: none; + border: 40px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); + animation: atbd_scale 3s linear alternate infinite; } .atbd_map_shape .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-marker-icon); - -webkit-mask-image: url(../js/80f124fcb604319ca80e.svg); - mask-image: url(../js/80f124fcb604319ca80e.svg); + width: 16px; + height: 16px; + background-color: var(--directorist-color-marker-icon); + mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); } .atbd_map_shape:hover:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .marker-cluster-shape { - width: 35px; - height: 35px; - background-color: var(--directorist-color-marker-shape); - border-radius: 50%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-marker-icon); - font-size: 15px; - font-weight: 700; - position: relative; - cursor: pointer; + width: 35px; + height: 35px; + background-color: var(--directorist-color-marker-shape); + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + color: var(--directorist-color-marker-icon); + font-size: 15px; + font-weight: 700; + position: relative; + cursor: pointer; } .marker-cluster-shape:before { - position: absolute; - content: ""; - width: 47px; - height: 47px; - left: -6px; - top: -6px; - background: rgba(var(--directorist-color-marker-shape-rgb), 0.15); - border-radius: 50%; + position: absolute; + content: ""; + width: 47px; + height: 47px; + left: -6px; + top: -6px; + background: rgba(var(--directorist-color-marker-shape-rgb), 0.15); + border-radius: 50%; } /*style the box*/ .atbdp-map .gm-style .gm-style-iw, .atbd_google_map .gm-style .gm-style-iw, .directorist-details-info-wrap .gm-style .gm-style-iw { - width: 350px; - padding: 0; - border-radius: 8px; - -webkit-box-shadow: unset; - box-shadow: unset; - max-height: none !important; + width: 350px; + padding: 0; + border-radius: 8px; + box-shadow: unset; + max-height: none !important; } @media only screen and (max-width: 375px) { - .atbdp-map .gm-style .gm-style-iw, - .atbd_google_map .gm-style .gm-style-iw, - .directorist-details-info-wrap .gm-style .gm-style-iw { - width: 275px; - max-width: unset !important; - } + .atbdp-map .gm-style .gm-style-iw, + .atbd_google_map .gm-style .gm-style-iw, + .directorist-details-info-wrap .gm-style .gm-style-iw { + width: 275px; + max-width: unset !important; + } } .atbdp-map .gm-style .gm-style-iw .gm-style-iw-d, .atbd_google_map .gm-style .gm-style-iw .gm-style-iw-d, .directorist-details-info-wrap .gm-style .gm-style-iw .gm-style-iw-d { - overflow: hidden !important; - max-height: 100% !important; + overflow: hidden !important; + max-height: 100% !important; } .atbdp-map .gm-style .gm-style-iw button.gm-ui-hover-effect, .atbd_google_map .gm-style .gm-style-iw button.gm-ui-hover-effect, -.directorist-details-info-wrap .gm-style .gm-style-iw button.gm-ui-hover-effect { - display: none !important; +.directorist-details-info-wrap + .gm-style + .gm-style-iw + button.gm-ui-hover-effect { + display: none !important; } .atbdp-map .gm-style .gm-style-iw .map-info-wrapper--show, .atbd_google_map .gm-style .gm-style-iw .map-info-wrapper--show, .directorist-details-info-wrap .gm-style .gm-style-iw .map-info-wrapper--show { - display: block !important; + display: block !important; } -.gm-style div[aria-label=Map] div[role=button] { - display: none; +.gm-style div[aria-label="Map"] div[role="button"] { + display: none; } .directorist-report-abuse-modal .directorist-modal__header { - padding: 20px 0 15px; -} -.directorist-report-abuse-modal .directorist-modal__header .directorist-modal-title { - font-size: 1.75rem; - margin: 0; - margin-bottom: 0.5rem; - font-weight: 500; - line-height: 1.2; - color: var(--directorist-color-dark); - letter-spacing: normal; -} -.directorist-report-abuse-modal .directorist-modal__header .directorist-modal-close { - width: 32px; - height: 32px; - right: -40px !important; - top: -30px !important; - left: auto; - position: absolute; - -webkit-transform: none; - transform: none; - background-color: #444752; - color: var(--directorist-color-white); - border-radius: 300px; - opacity: 1; - font-weight: 300; - z-index: 2; - font-size: 16px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - border: none; - cursor: pointer; + padding: 20px 0 15px; +} +.directorist-report-abuse-modal + .directorist-modal__header + .directorist-modal-title { + font-size: 1.75rem; + margin: 0; + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; + color: var(--directorist-color-dark); + letter-spacing: normal; +} +.directorist-report-abuse-modal + .directorist-modal__header + .directorist-modal-close { + width: 32px; + height: 32px; + right: -40px !important; + top: -30px !important; + left: auto; + position: absolute; + transform: none; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 300px; + opacity: 1; + font-weight: 300; + z-index: 2; + font-size: 16px; + padding: 0; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; + border: none; + cursor: pointer; } .directorist-report-abuse-modal .directorist-modal__body { - padding: 20px 0; - border: none; + padding: 20px 0; + border: none; } .directorist-report-abuse-modal .directorist-modal__body label { - font-size: 18px; - margin-bottom: 12px; - text-align: left; - display: block; + font-size: 18px; + margin-bottom: 12px; + text-align: left; + display: block; } .directorist-report-abuse-modal .directorist-modal__body textarea { - min-height: 90px; - resize: none; - padding: 10px 16px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); + min-height: 90px; + resize: none; + padding: 10px 16px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); } .directorist-report-abuse-modal .directorist-modal__body textarea:focus { - border: 1px solid var(--directorist-color-primary); + border: 1px solid var(--directorist-color-primary); } .directorist-report-abuse-modal #directorist-report-abuse-message-display { - color: var(--directorist-color-body); - margin-top: 15px; + color: var(--directorist-color-body); + margin-top: 15px; } -.directorist-report-abuse-modal #directorist-report-abuse-message-display:empty { - margin: 0; +.directorist-report-abuse-modal + #directorist-report-abuse-message-display:empty { + margin: 0; } .directorist-report-abuse-modal .directorist-modal__footer { - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - border: none; + padding: 0; + display: flex; + justify-content: flex-end; + border: none; } .directorist-report-abuse-modal .directorist-modal__footer .directorist-btn { - text-transform: capitalize; - padding: 0 15px; -} -.directorist-report-abuse-modal .directorist-modal__footer .directorist-btn.directorist-btn-loading:after { - content: ""; - border: 2px solid #f3f3f3; - border-radius: 50%; - border-top: 2px solid #656a7a; - width: 20px; - height: 20px; - -webkit-animation: rotate360 2s linear infinite; - animation: rotate360 2s linear infinite; - display: inline-block; - margin: 0 0 0 10px; - position: relative; - top: 4px; + text-transform: capitalize; + padding: 0 15px; +} +.directorist-report-abuse-modal + .directorist-modal__footer + .directorist-btn.directorist-btn-loading:after { + content: ""; + border: 2px solid #f3f3f3; + border-radius: 50%; + border-top: 2px solid #656a7a; + width: 20px; + height: 20px; + animation: rotate360 2s linear infinite; + display: inline-block; + margin: 0 0 0 10px; + position: relative; + top: 4px; } .directorist-report-abuse-modal .directorist-modal__content { - padding: 20px 30px 20px; + padding: 20px 30px 20px; } .directorist-report-abuse-modal #directorist-report-abuse-form { - text-align: left; + text-align: left; } .directorist-rated-stars ul, .atbd_rated_stars ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist-rated-stars li, .atbd_rated_stars li { - display: inline-block; - padding: 0; - margin: 0; + display: inline-block; + padding: 0; + margin: 0; } .directorist-rated-stars span, .atbd_rated_stars span { - color: #d4d3f3; - display: block; - width: 14px; - height: 14px; - position: relative; + color: #d4d3f3; + display: block; + width: 14px; + height: 14px; + position: relative; } .directorist-rated-stars span:before, .atbd_rated_stars span:before { - content: ""; - -webkit-mask-image: url(../js/944a378f42cb4f464a3a.svg); - mask-image: url(../js/944a378f42cb4f464a3a.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 15px; - height: 15px; - background-color: #d4d3f3; - position: absolute; - left: 0; - top: 0; + content: ""; + mask-image: url(../js/../images/9a1043337f37b65647d77feb64df21dd.svg); + mask-repeat: no-repeat; + width: 15px; + height: 15px; + background-color: #d4d3f3; + position: absolute; + left: 0; + top: 0; } .directorist-rated-stars span.directorist-rate-active:before, .atbd_rated_stars span.directorist-rate-active:before { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } -.directorist-single .directorist-single-listing-top button:not(:hover):not(:active):not(.has-background).directorist-btn.directorist-btn-light { - background-color: var(--directorist-color-light); - color: var(--directorist-color-dark); +.directorist-single + .directorist-single-listing-top + button:not(:hover):not(:active):not( + .has-background + ).directorist-btn.directorist-btn-light { + background-color: var(--directorist-color-light); + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-single .directorist-single-listing-top button:not(:hover):not(:active):not(.has-background).directorist-btn.directorist-btn-light { - background-color: transparent; - } + .directorist-single + .directorist-single-listing-top + button:not(:hover):not(:active):not( + .has-background + ).directorist-btn.directorist-btn-light { + background-color: transparent; + } } .directorist-listing-details .directorist-listing-single { - border: 0 none; + border: 0 none; } .directorist-single-listing-notice { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-single-tag-list li { - margin: 0 0 10px; + margin: 0 0 10px; } .directorist-single-tag-list a { - text-decoration: none; - color: var(--directorist-color-body); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; + text-decoration: none; + color: var(--directorist-color-body); + transition: 0.3s ease; + display: flex; + gap: 10px; + /* Legacy Icon */ } .directorist-single-tag-list a .directorist-icon-mask { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 35px; - height: 35px; - min-width: 35px; - border-radius: 50%; - background-color: var(--directorist-color-bg-light); - position: relative; - top: -5px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + display: inline-flex; + align-items: center; + justify-content: center; + width: 35px; + height: 35px; + min-width: 35px; + border-radius: 50%; + background-color: var(--directorist-color-bg-light); + position: relative; + top: -5px; + transition: 0.3s ease; } .directorist-single-tag-list a .directorist-icon-mask:after { - font-size: 15px; -} -.directorist-single-tag-list a { - /* Legacy Icon */ + font-size: 15px; } .directorist-single-tag-list a > span:not(.directorist-icon-mask) { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 35px; - height: 35px; - border-radius: 50%; - background-color: var(--directorist-color-bg-light); - margin-right: 10px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - font-size: 15px; + display: inline-flex; + align-items: center; + justify-content: center; + width: 35px; + height: 35px; + border-radius: 50%; + background-color: var(--directorist-color-bg-light); + margin-right: 10px; + transition: 0.3s ease; + font-size: 15px; } .directorist-single-tag-list a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-single-tag-list a:hover span { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-single-dummy-shortcode { - width: 100%; - background-color: #556166; - color: var(--directorist-color-white); - margin: 10px 0; - text-align: center; - padding: 40px 10px; - font-weight: 700; - font-size: 16px; - line-height: 1.2; + width: 100%; + background-color: #556166; + color: var(--directorist-color-white); + margin: 10px 0; + text-align: center; + padding: 40px 10px; + font-weight: 700; + font-size: 16px; + line-height: 1.2; } .directorist-sidebar .directorist-search-contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-sidebar .directorist-search-form .directorist-search-form-action { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } -.directorist-sidebar .directorist-search-form .directorist-search-form-action .directorist-modal-btn--advanced { - padding-left: 0; +.directorist-sidebar + .directorist-search-form + .directorist-search-form-action + .directorist-modal-btn--advanced { + padding-left: 0; } .directorist-sidebar .directorist-add-listing-types { - padding: 25px; + padding: 25px; } .directorist-sidebar .directorist-add-listing-types__single { - margin: 0; + margin: 0; } -.directorist-sidebar .directorist-add-listing-types .directorist-container-fluid { - padding: 0; +.directorist-sidebar + .directorist-add-listing-types + .directorist-container-fluid { + padding: 0; } .directorist-sidebar .directorist-add-listing-types .directorist-row { - gap: 15px; - margin: 0; -} -.directorist-sidebar .directorist-add-listing-types .directorist-col-lg-3.directorist-col-md-4.directorist-col-sm-6 { - width: 100%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; - padding: 0; - margin: 0; -} -.directorist-sidebar .directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open:not(.directorist-taxonomy-list__card--icon) + .directorist-taxonomy-list__sub-item { - padding: 0; -} -.directorist-sidebar .directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list > .directorist-taxonomy-list__toggle--open ~ .directorist-taxonomy-list__sub-item { - margin-top: 10px; - padding: 10px 20px; -} -.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item { - padding: 0; - margin-top: 0; -} -.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - background-color: var(--directorist-color-light); - border-radius: 12px; -} -.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item li { - margin-top: 0; + gap: 15px; + margin: 0; +} +.directorist-sidebar + .directorist-add-listing-types + .directorist-col-lg-3.directorist-col-md-4.directorist-col-sm-6 { + width: 100%; + flex: 0 0 45%; + padding: 0; + margin: 0; +} +.directorist-sidebar + .directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open:not( + .directorist-taxonomy-list__card--icon + ) + + .directorist-taxonomy-list__sub-item { + padding: 0; +} +.directorist-sidebar + .directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list + > .directorist-taxonomy-list__toggle--open + ~ .directorist-taxonomy-list__sub-item { + margin-top: 10px; + padding: 10px 20px; +} +.directorist-sidebar + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item { + padding: 0; + margin-top: 0; +} +.directorist-sidebar + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + background-color: var(--directorist-color-light); + border-radius: 12px; +} +.directorist-sidebar + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item + li { + margin-top: 0; } .directorist-single-listing-top { - gap: 20px; - margin: 15px 0 30px; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + gap: 20px; + margin: 15px 0 30px; + align-items: flex-start; } @media screen and (max-width: 575px) { - .directorist-single-listing-top { - gap: 10px; - } + .directorist-single-listing-top { + gap: 10px; + } } .directorist-single-listing-top .directorist-return-back { - gap: 8px; - margin: 0; - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; - min-width: 120px; - text-decoration: none; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - border: 2px solid var(--directorist-color-white); + gap: 8px; + margin: 0; + flex: unset; + min-width: 120px; + text-decoration: none; + justify-content: flex-start; + border: 2px solid var(--directorist-color-white); } @media screen and (max-width: 575px) { - .directorist-single-listing-top .directorist-return-back { - border: none; - min-width: auto; - } + .directorist-single-listing-top .directorist-return-back { + border: none; + min-width: auto; + } } -.directorist-single-listing-top .directorist-return-back .directorist-single-listing-action__text { - display: block; +.directorist-single-listing-top + .directorist-return-back + .directorist-single-listing-action__text { + display: block; } @media screen and (max-width: 575px) { - .directorist-single-listing-top .directorist-return-back .directorist-single-listing-action__text { - display: none; - } + .directorist-single-listing-top + .directorist-return-back + .directorist-single-listing-action__text { + display: none; + } } .directorist-single-listing-top__btn-wrapper { - position: fixed; - width: 100%; - height: 80px; - bottom: 0; - left: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background-color: rgba(0, 0, 0, 0.8); - z-index: 999; + position: fixed; + width: 100%; + height: 80px; + bottom: 0; + left: 0; + display: flex; + justify-content: center; + align-items: center; + background-color: rgba(0, 0, 0, 0.8); + z-index: 999; } .directorist-single-listing-top__btn-continue.directorist-btn { - height: 46px; - border-radius: 8px; - font-size: 15px; - font-weight: 600; - padding: 0 25px; - background-color: #394dff !important; - color: var(--directorist-color-white); + height: 46px; + border-radius: 8px; + font-size: 15px; + font-weight: 600; + padding: 0 25px; + background-color: #394dff !important; + color: var(--directorist-color-white); } .directorist-single-listing-top__btn-continue.directorist-btn:hover { - background-color: #2a3cd9 !important; - color: var(--directorist-color-white); - border-color: var(--directorist-color-white) !important; + background-color: #2a3cd9 !important; + color: var(--directorist-color-white); + border-color: var(--directorist-color-white) !important; } -.directorist-single-listing-top__btn-continue.directorist-btn .directorist-single-listing-action__text { - display: block; +.directorist-single-listing-top__btn-continue.directorist-btn + .directorist-single-listing-action__text { + display: block; } .directorist-single-contents-area { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } .directorist-single-contents-area .directorist-card { - padding: 0; - -webkit-filter: none; - filter: none; - margin-bottom: 35px; + padding: 0; + filter: none; + margin-bottom: 35px; } .directorist-single-contents-area .directorist-card .directorist-card__body { - padding: 30px; + padding: 30px; } @media screen and (max-width: 575px) { - .directorist-single-contents-area .directorist-card .directorist-card__body { - padding: 20px 15px; - } + .directorist-single-contents-area + .directorist-card + .directorist-card__body { + padding: 20px 15px; + } } .directorist-single-contents-area .directorist-card .directorist-card__header { - padding: 20px 30px; + padding: 20px 30px; } @media screen and (max-width: 575px) { - .directorist-single-contents-area .directorist-card .directorist-card__header { - padding: 15px 20px; - } -} -.directorist-single-contents-area .directorist-card .directorist-single-author-name h4 { - margin: 0; + .directorist-single-contents-area + .directorist-card + .directorist-card__header { + padding: 15px 20px; + } +} +.directorist-single-contents-area + .directorist-card + .directorist-single-author-name + h4 { + margin: 0; } .directorist-single-contents-area .directorist-card__header__title { - gap: 12px; - font-size: 18px; - font-weight: 500; - color: var(--directorist-color-dark); + gap: 12px; + font-size: 18px; + font-weight: 500; + color: var(--directorist-color-dark); } -.directorist-single-contents-area .directorist-card__header__title #directorist-review-counter { - margin-right: 10px; +.directorist-single-contents-area + .directorist-card__header__title + #directorist-review-counter { + margin-right: 10px; } .directorist-single-contents-area .directorist-card__header-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-width: 34px; - height: 34px; - border-radius: 50%; - background-color: var(--directorist-color-bg-light); -} -.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask { - color: var(--directorist-color-dark); -} -.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask:after { - width: 14px; - height: 14px; + display: flex; + justify-content: center; + align-items: center; + min-width: 34px; + height: 34px; + border-radius: 50%; + background-color: var(--directorist-color-bg-light); +} +.directorist-single-contents-area + .directorist-card__header-icon + .directorist-icon-mask { + color: var(--directorist-color-dark); +} +.directorist-single-contents-area + .directorist-card__header-icon + .directorist-icon-mask:after { + width: 14px; + height: 14px; } .directorist-single-contents-area .directorist-details-info-wrap a { - font-size: 15px; - text-decoration: none; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); + font-size: 15px; + text-decoration: none; + box-shadow: none; + color: var(--directorist-color-body); } .directorist-single-contents-area .directorist-details-info-wrap a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-single-contents-area .directorist-details-info-wrap ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 0 10px; - margin: 0; - list-style-type: none; - padding: 0; + display: flex; + flex-wrap: wrap; + gap: 0 10px; + margin: 0; + list-style-type: none; + padding: 0; } .directorist-single-contents-area .directorist-details-info-wrap li { - -webkit-box-flex: 0; - -webkit-flex: 0 0 49%; - -ms-flex: 0 0 49%; - flex: 0 0 49%; -} -.directorist-single-contents-area .directorist-details-info-wrap .directorist-social-links a:hover { - background-color: var(--directorist-color-primary); -} -.directorist-single-contents-area .directorist-details-info-wrap .directorist-single-map__location { - padding-top: 18px; -} -.directorist-single-contents-area .directorist-single-info__label-icon .directorist-icon-mask:after { - background-color: #808080; -} -.directorist-single-contents-area .directorist-single-listing-slider .directorist-swiper__nav i:after { - background-color: var(--directorist-color-white); + flex: 0 0 49%; +} +.directorist-single-contents-area + .directorist-details-info-wrap + .directorist-social-links + a:hover { + background-color: var(--directorist-color-primary); +} +.directorist-single-contents-area + .directorist-details-info-wrap + .directorist-single-map__location { + padding-top: 18px; +} +.directorist-single-contents-area + .directorist-single-info__label-icon + .directorist-icon-mask:after { + background-color: #808080; +} +.directorist-single-contents-area + .directorist-single-listing-slider + .directorist-swiper__nav + i:after { + background-color: var(--directorist-color-white); } .directorist-single-contents-area .directorist-related { - padding: 0; + padding: 0; } .directorist-single-contents-area { - margin-top: 50px; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap { - gap: 12px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info { - margin: 0; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info.directorist-single-info-number .directorist-form-group__with-prefix { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info .directorist-form-group__with-prefix { - border: none; - margin-top: 4px; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info .directorist-form-group__prefix { - height: auto; - line-height: unset; - color: var(--directorist-color-body); -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-single-formgent-form .formgent-form { - width: 100%; + margin-top: 50px; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap { + gap: 12px; + display: flex; + flex-direction: column; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info { + margin: 0; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info.directorist-single-info-number + .directorist-form-group__with-prefix { + flex: 1; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info + .directorist-form-group__with-prefix { + border: none; + margin-top: 4px; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info + .directorist-form-group__prefix { + height: auto; + line-height: unset; + color: var(--directorist-color-body); +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-single-formgent-form + .formgent-form { + width: 100%; } .directorist-single-contents-area .directorist-card { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-single-map__location { - gap: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 30px 0 0; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + gap: 10px; + display: flex; + flex-wrap: wrap; + padding: 30px 0 0; + justify-content: space-between; } @media screen and (max-width: 575px) { - .directorist-single-map__location { - padding: 20px 0 0; - } + .directorist-single-map__location { + padding: 20px 0 0; + } } .directorist-single-map__address { - gap: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-size: 14px; + gap: 10px; + display: flex; + font-size: 14px; } .directorist-single-map__address i::after { - width: 14px; - height: 14px; - margin-top: 4px; + width: 14px; + height: 14px; + margin-top: 4px; } .directorist-single-map__direction a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + gap: 10px; + align-items: center; } .directorist-single-contents-area .directorist-single-map__direction a { - font-size: 14px; - color: var(--directorist-color-info); + font-size: 14px; + color: var(--directorist-color-info); } -.directorist-single-contents-area .directorist-single-map__direction a .directorist-icon-mask:after { - background-color: var(--directorist-color-info); +.directorist-single-contents-area + .directorist-single-map__direction + a + .directorist-icon-mask:after { + background-color: var(--directorist-color-info); } .directorist-single-contents-area .directorist-single-map__direction a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-single-contents-area .directorist-single-map__direction a:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); +.directorist-single-contents-area + .directorist-single-map__direction + a:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } -.directorist-single-contents-area .directorist-single-map__direction .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-info); +.directorist-single-contents-area + .directorist-single-map__direction + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-info); } .directorist-single-listing-header { - margin-bottom: 25px; - margin-top: -15px; - padding: 0; + margin-bottom: 25px; + margin-top: -15px; + padding: 0; } .directorist-single-wrapper .directorist-single-listing-slider-wrap { - padding: 0; - margin: 15px 0; + padding: 0; + margin: 15px 0; } -.directorist-single-wrapper .directorist-single-listing-slider-wrap.background-contain .directorist-single-listing-slider .swiper-slide img { - -o-object-fit: contain; - object-fit: contain; +.directorist-single-wrapper + .directorist-single-listing-slider-wrap.background-contain + .directorist-single-listing-slider + .swiper-slide + img { + object-fit: contain; } .directorist-single-listing-quick-action { - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + gap: 8px; + flex-wrap: wrap; } @media screen and (max-width: 767px) { - .directorist-single-listing-quick-action { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } + .directorist-single-listing-quick-action { + justify-content: flex-end; + } } @media screen and (max-width: 575px) { - .directorist-single-listing-quick-action { - gap: 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-single-listing-quick-action { + gap: 12px; + justify-content: center; + } } .directorist-single-listing-quick-action .directorist-social-share { - position: relative; + position: relative; } -.directorist-single-listing-quick-action .directorist-social-share:hover .directorist-social-share-links { - opacity: 1; - visibility: visible; - top: calc(100% + 5px); +.directorist-single-listing-quick-action + .directorist-social-share:hover + .directorist-social-share-links { + opacity: 1; + visibility: visible; + top: calc(100% + 5px); } @media screen and (max-width: 575px) { - .directorist-single-listing-quick-action .directorist-social-share { - font-size: 0; - } + .directorist-single-listing-quick-action .directorist-social-share { + font-size: 0; + } } .directorist-single-listing-quick-action .directorist-social-share-links { - position: absolute; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - z-index: 2; - visibility: hidden; - opacity: 0; - right: 0; - top: calc(100% + 30px); - background-color: var(--directorist-color-white); - border-radius: 8px; - width: 150px; - -webkit-box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - list-style-type: none; - padding: 10px; - margin: 0; + position: absolute; + transition: all 0.2s ease-in-out; + z-index: 2; + visibility: hidden; + opacity: 0; + right: 0; + top: calc(100% + 30px); + background-color: var(--directorist-color-white); + border-radius: 8px; + width: 150px; + box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); + list-style-type: none; + padding: 10px; + margin: 0; } .directorist-single-listing-quick-action .directorist-social-links__item { - padding-left: 0; - margin: 0; + padding-left: 0; + margin: 0; } .directorist-single-listing-quick-action .directorist-social-links__item a { - padding: 8px 12px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-decoration: none; - font-size: 14px; - font-weight: 500; - border: 0 none; - border-radius: 8px; - color: var(--directorist-color-body); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-single-listing-quick-action .directorist-social-links__item a span.la, -.directorist-single-listing-quick-action .directorist-social-links__item a span.lab, -.directorist-single-listing-quick-action .directorist-social-links__item a span.fa, + padding: 8px 12px; + display: flex; + gap: 5px; + align-items: center; + text-decoration: none; + font-size: 14px; + font-weight: 500; + border: 0 none; + border-radius: 8px; + color: var(--directorist-color-body); + transition: 0.3s ease; +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.la, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.lab, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.fa, .directorist-single-listing-quick-action .directorist-social-links__item a i { - color: var(--directorist-color-body); -} -.directorist-single-listing-quick-action .directorist-social-links__item a span.la:after, -.directorist-single-listing-quick-action .directorist-social-links__item a span.lab:after, -.directorist-single-listing-quick-action .directorist-social-links__item a span.fa:after, -.directorist-single-listing-quick-action .directorist-social-links__item a i:after { - width: 18px; - height: 18px; -} -.directorist-single-listing-quick-action .directorist-social-links__item a .directorist-icon-mask:after { - background-color: var(--directorist-color-body); -} -.directorist-single-listing-quick-action .directorist-social-links__item a span.fa { - font-family: "Font Awesome 5 Brands"; - font-weight: 900; - font-size: 15px; -} -.directorist-single-listing-quick-action .directorist-social-links__item a:hover { - font-weight: 500; - background-color: rgba(var(--directorist-color-primary-rgb), 0.1); - color: var(--directorist-color-primary); -} -.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.la, -.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.fa, -.directorist-single-listing-quick-action .directorist-social-links__item a:hover i { - color: var(--directorist-color-primary); -} -.directorist-single-listing-quick-action .directorist-social-links__item a:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); + color: var(--directorist-color-body); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.la:after, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.lab:after, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.fa:after, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + i:after { + width: 18px; + height: 18px; +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + .directorist-icon-mask:after { + background-color: var(--directorist-color-body); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.fa { + font-family: "Font Awesome 5 Brands"; + font-weight: 900; + font-size: 15px; +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover { + font-weight: 500; + background-color: rgba(var(--directorist-color-primary-rgb), 0.1); + color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + span.la, +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + span.fa, +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + i { + color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } .directorist-single-listing-action { - gap: 8px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 13px; - font-weight: 400; - border: 0 none; - border-radius: 8px; - padding: 0 16px; - cursor: pointer; - text-decoration: none; - color: var(--directorist-color-body); - border: 2px solid var(--directorist-color-white) !important; - -webkit-transition: 0.2s background-color ease-in-out; - transition: 0.2s background-color ease-in-out; + gap: 8px; + justify-content: center; + font-size: 13px; + font-weight: 400; + border: 0 none; + border-radius: 8px; + padding: 0 16px; + cursor: pointer; + text-decoration: none; + color: var(--directorist-color-body); + border: 2px solid var(--directorist-color-white) !important; + transition: 0.2s background-color ease-in-out; } .directorist-single-listing-action:hover { - background-color: var(--directorist-color-white) !important; - border-color: var(--directorist-color-primary) !important; + background-color: var(--directorist-color-white) !important; + border-color: var(--directorist-color-primary) !important; } @media screen and (max-width: 575px) { - .directorist-single-listing-action { - gap: 0; - border: none; - } - .directorist-single-listing-action.directorist-btn.directorist-btn-light { - background-color: var(--directorist-color-white); - border: 1px solid var(--directorist-color-light) !important; - } - .directorist-single-listing-action.directorist-single-listing-top__btn-edit .directorist-single-listing-action__text { - display: none; - } + .directorist-single-listing-action { + gap: 0; + border: none; + } + .directorist-single-listing-action.directorist-btn.directorist-btn-light { + background-color: var(--directorist-color-white); + border: 1px solid var(--directorist-color-light) !important; + } + .directorist-single-listing-action.directorist-single-listing-top__btn-edit + .directorist-single-listing-action__text { + display: none; + } } @media screen and (max-width: 480px) { - .directorist-single-listing-action { - padding: 0 10px; - font-size: 12px; - } + .directorist-single-listing-action { + padding: 0 10px; + font-size: 12px; + } } @media screen and (max-width: 380px) { - .directorist-single-listing-action.directorist-btn-sm { - min-height: 38px; - } + .directorist-single-listing-action.directorist-btn-sm { + min-height: 38px; + } } -.directorist-single-listing-action.directorist-action-bookmark .directorist-icon-mask:after { - background-color: var(--directorist-color-dark); +.directorist-single-listing-action.directorist-action-bookmark + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); } -.directorist-single-listing-action.directorist-action-bookmark .directorist-icon-mask.directorist-added-to-favorite:after { - background-color: var(--directorist-color-danger); +.directorist-single-listing-action.directorist-action-bookmark + .directorist-icon-mask.directorist-added-to-favorite:after { + background-color: var(--directorist-color-danger); } .directorist-single-listing-action .directorist-icon-mask::after { - width: 15px; - height: 15px; + width: 15px; + height: 15px; } .directorist-single-listing-action a { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .directorist-single-listing-action .atbdp-require-login, .directorist-single-listing-action .directorist-action-report-not-loggedin { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 100%; - height: 100%; + display: flex; + align-items: center; + justify-content: center; + width: 100%; + height: 100%; } .directorist-single-listing-action .atbdp-require-login i, .directorist-single-listing-action .directorist-action-report-not-loggedin i { - pointer-events: none; + pointer-events: none; } .directorist-listing-details { - margin: 15px 0 30px; + margin: 15px 0 30px; } .directorist-listing-details__text p { - margin: 0 0 15px; - color: var(--directorist-color-body); - line-height: 24px; + margin: 0 0 15px; + color: var(--directorist-color-body); + line-height: 24px; } .directorist-listing-details__text ul { - list-style: disc; - padding-left: 20px; - margin-left: 0; + list-style: disc; + padding-left: 20px; + margin-left: 0; } .directorist-listing-details__text li { - list-style: disc; + list-style: disc; } .directorist-listing-details__listing-title { - font-size: 30px; - font-weight: 600; - display: inline-block; - margin: 15px 0 0; - color: var(--directorist-color-dark); + font-size: 30px; + font-weight: 600; + display: inline-block; + margin: 15px 0 0; + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-listing-details__listing-title { - font-size: 24px; - } + .directorist-listing-details__listing-title { + font-size: 24px; + } } .directorist-listing-details__tagline { - margin: 10px 0; - color: var(--directorist-color-body); + margin: 10px 0; + color: var(--directorist-color-body); } -.directorist-listing-details .directorist-pricing-meta .directorist-listing-price { - padding: 5px 10px; - border-radius: 6px; - background-color: var(--directorist-color-light); +.directorist-listing-details + .directorist-pricing-meta + .directorist-listing-price { + padding: 5px 10px; + border-radius: 6px; + background-color: var(--directorist-color-light); } .directorist-listing-details .directorist-listing-single__info { - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + display: flex; + align-items: center; + flex-wrap: wrap; } .directorist-single-contents-area .directorist-embaded-video { - width: 100%; - height: 400px; - border: 0 none; - border-radius: 12px; + width: 100%; + height: 400px; + border: 0 none; + border-radius: 12px; } @media (max-width: 768px) { - .directorist-single-contents-area .directorist-embaded-video { - height: 56.25vw; - } + .directorist-single-contents-area .directorist-embaded-video { + height: 56.25vw; + } } .directorist-single-contents-area .directorist-single-map { - border-radius: 12px; - z-index: 1; + border-radius: 12px; + z-index: 1; } -.directorist-single-contents-area .directorist-single-map .directorist-info-item a { - font-size: 14px; +.directorist-single-contents-area + .directorist-single-map + .directorist-info-item + a { + font-size: 14px; } .directorist-related-listing-header h1, @@ -19210,4445 +19468,4438 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-related-listing-header h4, .directorist-related-listing-header h5, .directorist-related-listing-header h6 { - font-size: 18px; - margin: 0 0 15px; + font-size: 18px; + margin: 0 0 15px; } .directorist-single-author-info figure { - margin: 0; + margin: 0; } .directorist-single-author-info .diretorist-view-profile-btn { - margin-top: 22px; - padding: 0 30px; + margin-top: 22px; + padding: 0 30px; } .directorist-single-author-avatar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } .directorist-single-author-avatar .directorist-single-author-avatar-inner { - margin-right: 10px; - width: auto; + margin-right: 10px; + width: auto; } .directorist-single-author-avatar .directorist-single-author-avatar-inner img { - width: 50px; - height: 50px; - border-radius: 50%; -} -.directorist-single-author-avatar .directorist-single-author-name h1, .directorist-single-author-avatar .directorist-single-author-name h2, .directorist-single-author-avatar .directorist-single-author-name h3, .directorist-single-author-avatar .directorist-single-author-name h4, .directorist-single-author-avatar .directorist-single-author-name h5, .directorist-single-author-avatar .directorist-single-author-name h6 { - font-size: 16px; - font-weight: 500; - line-height: 1.2; - letter-spacing: normal; - margin: 0 0 3px; - color: var(--color-dark); + width: 50px; + height: 50px; + border-radius: 50%; +} +.directorist-single-author-avatar .directorist-single-author-name h1, +.directorist-single-author-avatar .directorist-single-author-name h2, +.directorist-single-author-avatar .directorist-single-author-name h3, +.directorist-single-author-avatar .directorist-single-author-name h4, +.directorist-single-author-avatar .directorist-single-author-name h5, +.directorist-single-author-avatar .directorist-single-author-name h6 { + font-size: 16px; + font-weight: 500; + line-height: 1.2; + letter-spacing: normal; + margin: 0 0 3px; + color: var(--color-dark); } .directorist-single-author-avatar .directorist-single-author-membership { - font-size: 14px; - color: var(--directorist-color-light-gray); + font-size: 14px; + color: var(--directorist-color-light-gray); } .directorist-single-author-contact-info { - margin-top: 15px; + margin-top: 15px; } .directorist-single-author-contact-info ul { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 0; - padding: 0; + flex-direction: column; + margin: 0; + padding: 0; } .directorist-single-author-contact-info ul li { - width: 100%; - -webkit-box-flex: 100%; - -webkit-flex: 100%; - -ms-flex: 100%; - flex: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-left: 0; - margin-left: 0; + width: 100%; + flex: 100%; + display: flex; + align-items: center; + padding-left: 0; + margin-left: 0; } .directorist-single-author-contact-info ul li:not(:last-child) { - margin-bottom: 12px; + margin-bottom: 12px; } .directorist-single-author-contact-info ul a { - text-decoration: none; - color: var(--directorist-color-body); + text-decoration: none; + color: var(--directorist-color-body); } .directorist-single-author-contact-info ul a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-single-author-contact-info ul .directorist-icon-mask::after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-light-gray); + width: 14px; + height: 14px; + background-color: var(--directorist-color-light-gray); } .directorist-single-author-contact-info-text { - font-size: 15px; - margin-left: 12px; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); + font-size: 15px; + margin-left: 12px; + box-shadow: none; + color: var(--directorist-color-body); } .directorist-single-author-info .directorist-social-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 25px -5px -5px; + display: flex; + margin: 25px -5px -5px; } .directorist-single-author-info .directorist-social-wrap a { - margin: 5px; - display: block; - line-height: 35px; - width: 35px; - text-align: center; - background-color: var(--directorist-color-body) !important; - border-radius: 4px; - color: var(--directorist-color-white) !important; - overflow: hidden; - -webkit-transition: all ease-in-out 300ms !important; - transition: all ease-in-out 300ms !important; + margin: 5px; + display: block; + line-height: 35px; + width: 35px; + text-align: center; + background-color: var(--directorist-color-body) !important; + border-radius: 4px; + color: var(--directorist-color-white) !important; + overflow: hidden; + transition: all ease-in-out 300ms !important; } .directorist-details-info-wrap .directorist-single-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-size: 15px; - word-break: break-word; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px 15px; + display: flex; + font-size: 15px; + word-break: break-word; + flex-wrap: wrap; + gap: 10px 15px; } .directorist-details-info-wrap .directorist-single-info:not(:last-child) { - margin-bottom: 12px; + margin-bottom: 12px; } .directorist-details-info-wrap .directorist-single-info a { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } -.directorist-details-info-wrap .directorist-single-info.directorist-single-info-picker .directorist-field-type-color { - width: 30px; - height: 30px; - border-radius: 5px; +.directorist-details-info-wrap + .directorist-single-info.directorist-single-info-picker + .directorist-field-type-color { + width: 30px; + height: 30px; + border-radius: 5px; } -.directorist-details-info-wrap .directorist-single-info.directorist-listing-details__text { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; +.directorist-details-info-wrap + .directorist-single-info.directorist-listing-details__text { + flex-direction: column; } .directorist-details-info-wrap .directorist-single-info__label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - min-width: 140px; - color: var(--directorist-color-dark); + display: flex; + min-width: 140px; + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-details-info-wrap .directorist-single-info__label { - min-width: 130px; - } + .directorist-details-info-wrap .directorist-single-info__label { + min-width: 130px; + } } @media screen and (max-width: 375px) { - .directorist-details-info-wrap .directorist-single-info__label { - min-width: 100px; - } + .directorist-details-info-wrap .directorist-single-info__label { + min-width: 100px; + } } .directorist-details-info-wrap .directorist-single-info__label-icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 34px; - height: 34px; - border-radius: 50%; - margin-right: 10px; - font-size: 14px; - text-align: center; - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - color: var(--directorist-color-light-gray); - background-color: var(--directorist-color-bg-light); -} -.directorist-details-info-wrap .directorist-single-info__label-icon .directorist-icon-mask:after { - width: 14px; - height: 14px; + display: inline-flex; + align-items: center; + justify-content: center; + width: 34px; + height: 34px; + border-radius: 50%; + margin-right: 10px; + font-size: 14px; + text-align: center; + flex: none; + color: var(--directorist-color-light-gray); + background-color: var(--directorist-color-bg-light); +} +.directorist-details-info-wrap + .directorist-single-info__label-icon + .directorist-icon-mask:after { + width: 14px; + height: 14px; } .directorist-details-info-wrap .directorist-single-info__label__text { - position: relative; - min-width: 70px; - margin-top: 5px; - padding-right: 10px; + position: relative; + min-width: 70px; + margin-top: 5px; + padding-right: 10px; } .directorist-details-info-wrap .directorist-single-info__label__text:before { - content: ":"; - position: absolute; - right: 0; - top: 0; + content: ":"; + position: absolute; + right: 0; + top: 0; } @media screen and (max-width: 375px) { - .directorist-details-info-wrap .directorist-single-info__label__text { - min-width: 60px; - } + .directorist-details-info-wrap .directorist-single-info__label__text { + min-width: 60px; + } } -.directorist-details-info-wrap .directorist-single-info-number .directorist-single-info__value { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; +.directorist-details-info-wrap + .directorist-single-info-number + .directorist-single-info__value { + flex: none; } .directorist-details-info-wrap .directorist-single-info__value { - margin-top: 4px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - color: var(--directorist-color-body); + margin-top: 4px; + flex: 1; + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-details-info-wrap .directorist-single-info__value { - -webkit-box-flex: 100%; - -webkit-flex: 100%; - -ms-flex: 100%; - flex: 100%; - margin-top: 0; - } + .directorist-details-info-wrap .directorist-single-info__value { + flex: 100%; + margin-top: 0; + } } .directorist-details-info-wrap .directorist-single-info__value a { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-details-info-wrap .directorist-single-info-socials .directorist-single-info__label { - display: none; - } + .directorist-details-info-wrap + .directorist-single-info-socials + .directorist-single-info__label { + display: none; + } } .directorist-social-links { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; + display: flex; + flex-wrap: wrap; + gap: 8px; } .directorist-social-links a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 36px; - width: 36px; - background-color: var(--directorist-color-light); - border-radius: 8px; - overflow: hidden; - -webkit-transition: all ease-in-out 300ms !important; - transition: all ease-in-out 300ms !important; + display: inline-flex; + align-items: center; + justify-content: center; + height: 36px; + width: 36px; + background-color: var(--directorist-color-light); + border-radius: 8px; + overflow: hidden; + transition: all ease-in-out 300ms !important; } .directorist-social-links a .directorist-icon-mask::after { - background-color: var(--directorist-color-body); + background-color: var(--directorist-color-body); } .directorist-social-links a:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-social-links a:hover.facebook { - background-color: #4267b2; + background-color: #4267b2; } .directorist-social-links a:hover.twitter { - background-color: #1da1f2; + background-color: #1da1f2; } -.directorist-social-links a:hover.youtube, .directorist-social-links a:hover.youtube-play { - background-color: #ff0000; +.directorist-social-links a:hover.youtube, +.directorist-social-links a:hover.youtube-play { + background-color: #ff0000; } .directorist-social-links a:hover.instagram { - background-color: #c32aa3; + background-color: #c32aa3; } .directorist-social-links a:hover.linkedin { - background-color: #007bb5; + background-color: #007bb5; } .directorist-social-links a:hover.google-plus { - background-color: #db4437; + background-color: #db4437; } -.directorist-social-links a:hover.snapchat, .directorist-social-links a:hover.snapchat-ghost { - background-color: #eae800; +.directorist-social-links a:hover.snapchat, +.directorist-social-links a:hover.snapchat-ghost { + background-color: #eae800; } .directorist-social-links a:hover.reddit { - background-color: #ff4500; + background-color: #ff4500; } .directorist-social-links a:hover.pinterest { - background-color: #bd081c; + background-color: #bd081c; } .directorist-social-links a:hover.tumblr { - background-color: #35465d; + background-color: #35465d; } .directorist-social-links a:hover.flickr { - background-color: #f40083; + background-color: #f40083; } .directorist-social-links a:hover.vimeo { - background-color: #1ab7ea; + background-color: #1ab7ea; } .directorist-social-links a:hover.vine { - background-color: #00b489; + background-color: #00b489; } .directorist-social-links a:hover.github { - background-color: #444752; + background-color: #444752; } .directorist-social-links a:hover.dribbble { - background-color: #ea4c89; + background-color: #ea4c89; } .directorist-social-links a:hover.behance { - background-color: #196ee3; + background-color: #196ee3; } .directorist-social-links a:hover.soundcloud { - background-color: #ff5500; + background-color: #ff5500; } .directorist-social-links a:hover.stack-overflow { - background-color: #ff5500; + background-color: #ff5500; } .directorist-contact-owner-form-inner .directorist-form-group { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-contact-owner-form-inner .directorist-form-element { - border-color: var(--directorist-color-border-gray); + border-color: var(--directorist-color-border-gray); } .directorist-contact-owner-form-inner textarea { - resize: none; + resize: none; } .directorist-contact-owner-form-inner .directorist-btn-submit { - padding: 0 30px; - text-decoration: none; - text-transform: capitalize; + padding: 0 30px; + text-decoration: none; + text-transform: capitalize; } .directorist-author-social a .fa { - font-family: "Font Awesome 5 Brands"; + font-family: "Font Awesome 5 Brands"; } .directorist-google-map, .directorist-single-map { - height: 400px; + height: 400px; } @media screen and (max-width: 480px) { - .directorist-google-map, - .directorist-single-map { - height: 320px; - } + .directorist-google-map, + .directorist-single-map { + height: 320px; + } } .directorist-rating-review-block { - display: inline-block; - border: 1px solid #e3e6ef; - padding: 10px 20px; - border-radius: 2px; - margin-bottom: 20px; + display: inline-block; + border: 1px solid #e3e6ef; + padding: 10px 20px; + border-radius: 2px; + margin-bottom: 20px; } .directorist-review-area .directorist-review-form-action { - margin-top: 16px; + margin-top: 16px; } .directorist-review-area .directorist-form-group-guest-user { - margin-top: 12px; + margin-top: 12px; } .directorist-rating-given-block .directorist-rating-given-block__label, .directorist-rating-given-block .directorist-rating-given-block__stars { - display: inline-block; - vertical-align: middle; - margin-right: 10px; + display: inline-block; + vertical-align: middle; + margin-right: 10px; } .directorist-rating-given-block .directorist-rating-given-block__label a, .directorist-rating-given-block .directorist-rating-given-block__stars a { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .directorist-rating-given-block .directorist-rating-given-block__label { - margin-right: 10px; - margin: 0 10px 0 0; + margin-right: 10px; + margin: 0 10px 0 0; } .directorist-rating-given-block__stars .br-widget a:before { - content: ""; - -webkit-mask-image: url(../js/60b8c48296c3c553bf39.svg); - mask-image: url(../js/60b8c48296c3c553bf39.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 14px; - height: 14px; - background-color: #d4d3f3; -} -.directorist-rating-given-block__stars .br-widget a.br-selected:before, .directorist-rating-given-block__stars .br-widget a.br-active:before { - color: var(--directorist-color-warning); + content: ""; + mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); + mask-repeat: no-repeat; + width: 14px; + height: 14px; + background-color: #d4d3f3; +} +.directorist-rating-given-block__stars .br-widget a.br-selected:before, +.directorist-rating-given-block__stars .br-widget a.br-active:before { + color: var(--directorist-color-warning); } .directorist-rating-given-block__stars .br-current-rating { - display: inline-block; - margin-left: 20px; + display: inline-block; + margin-left: 20px; } .directorist-review-current-rating { - margin-bottom: 16px; + margin-bottom: 16px; } .directorist-review-current-rating .directorist-review-current-rating__label { - margin-right: 10px; - margin-bottom: 0; + margin-right: 10px; + margin-bottom: 0; } .directorist-review-current-rating .directorist-review-current-rating__label, .directorist-review-current-rating .directorist-review-current-rating__stars { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } -.directorist-review-current-rating .directorist-review-current-rating__stars li { - display: inline-block; +.directorist-review-current-rating + .directorist-review-current-rating__stars + li { + display: inline-block; } -.directorist-review-current-rating .directorist-review-current-rating__stars span { - color: #d4d3f3; +.directorist-review-current-rating + .directorist-review-current-rating__stars + span { + color: #d4d3f3; } -.directorist-review-current-rating .directorist-review-current-rating__stars span:before { - content: "\f005"; - font-size: 14px; - font-family: "Font Awesome 5 Free"; - font-weight: 900; +.directorist-review-current-rating + .directorist-review-current-rating__stars + span:before { + content: "\f005"; + font-size: 14px; + font-family: "Font Awesome 5 Free"; + font-weight: 900; } -.directorist-review-current-rating .directorist-review-current-rating__stars span.directorist-rate-active { - color: #fa8b0c; +.directorist-review-current-rating + .directorist-review-current-rating__stars + span.directorist-rate-active { + color: #fa8b0c; } .directorist-single-review { - padding-bottom: 26px; - padding-top: 30px; - border-bottom: 1px solid #e3e6ef; + padding-bottom: 26px; + padding-top: 30px; + border-bottom: 1px solid #e3e6ef; } .directorist-single-review:first-child { - padding-top: 0; + padding-top: 0; } .directorist-single-review:last-child { - padding-bottom: 0; - border-bottom: 0; + padding-bottom: 0; + border-bottom: 0; } .directorist-single-review .directorist-single-review__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex; + justify-content: space-between; } .directorist-single-review .directorist-single-review-avatar-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 22px; + display: flex; + align-items: center; + margin-bottom: 22px; } .directorist-single-review .directorist-single-review-avatar { - margin-right: 12px; + margin-right: 12px; } .directorist-single-review .directorist-single-review-avatar img { - max-width: 50px; - border-radius: 50%; + max-width: 50px; + border-radius: 50%; } -.directorist-single-review .directorist-rated-stars ul li span.directorist-rate-active { - color: #fa8b0c; +.directorist-single-review + .directorist-rated-stars + ul + li + span.directorist-rate-active { + color: #fa8b0c; } .atbdp-universal-pagination ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: -5px; - padding: 0; + display: flex; + flex-wrap: wrap; + align-items: center; + margin: -5px; + padding: 0; } .atbdp-universal-pagination li { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - margin: 5px; - padding: 0 10px; - border: 1px solid var(--directorist-color-border); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - line-height: 28px; - border-radius: 3px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - background-color: var(--directorist-color-white); + flex: none; + margin: 5px; + padding: 0 10px; + border: 1px solid var(--directorist-color-border); + display: inline-flex; + align-items: center; + justify-content: center; + line-height: 28px; + border-radius: 3px; + transition: 0.3s ease; + background-color: var(--directorist-color-white); } .atbdp-universal-pagination li i { - line-height: 28px; + line-height: 28px; } .atbdp-universal-pagination li.atbd-active { - cursor: pointer; + cursor: pointer; } .atbdp-universal-pagination li.atbd-active:hover { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .atbdp-universal-pagination li.atbd-selected { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .atbdp-universal-pagination li.atbd-inactive { - opacity: 0.5; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-] { - min-width: 30px; - min-height: 30px; - position: relative; - cursor: pointer; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-] .la { - position: absolute; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); -} -.atbdp-universal-pagination li[class^=atbd-page-jump-] .la_h { - visibility: hidden; - opacity: 0; - left: 70%; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-] .la_d { - visibility: visible; - opacity: 1; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-]:hover { - color: var(--directorist-color-primary); -} -.atbdp-universal-pagination li[class^=atbd-page-jump-]:hover .la_h { - visibility: visible; - opacity: 1; - left: 50%; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-]:hover .la_d { - visibility: hidden; - opacity: 0; - left: 30%; + opacity: 0.5; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] { + min-width: 30px; + min-height: 30px; + position: relative; + cursor: pointer; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] .la { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] .la_h { + visibility: hidden; + opacity: 0; + left: 70%; + transition: 0.3s ease; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] .la_d { + visibility: visible; + opacity: 1; + transition: 0.3s ease; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover { + color: var(--directorist-color-primary); +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover .la_h { + visibility: visible; + opacity: 1; + left: 50%; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover .la_d { + visibility: hidden; + opacity: 0; + left: 30%; } .directorist-card-review-block .directorist-btn-add-review { - padding: 0 14px; - line-height: 2.55; + padding: 0 14px; + line-height: 2.55; } /*================================== Review: New Style ===================================*/ .directorist-review-container { - padding: 0; - margin-bottom: 35px; + padding: 0; + margin-bottom: 35px; } .directorist-review-container .comment-notes, .directorist-review-container .comment-form-cookies-consent { - margin-bottom: 20px; - font-style: italic; - font-size: 14px; - font-weight: normal; + margin-bottom: 20px; + font-style: italic; + font-size: 14px; + font-weight: normal; } .directorist-review-content a > i { - font-size: 13.5px; + font-size: 13.5px; } .directorist-review-content .directorist-btn > i { - margin-right: 5px; + margin-right: 5px; } .directorist-review-content #cancel-comment-reply-link, .directorist-review-content .directorist-js-cancel-comment-edit { - font-size: 14px; - margin-left: 15px; - color: var(--directorist-color-deep-gray); + font-size: 14px; + margin-left: 15px; + color: var(--directorist-color-deep-gray); } -.directorist-review-content #cancel-comment-reply-link:hover, .directorist-review-content #cancel-comment-reply-link:focus, +.directorist-review-content #cancel-comment-reply-link:hover, +.directorist-review-content #cancel-comment-reply-link:focus, .directorist-review-content .directorist-js-cancel-comment-edit:hover, .directorist-review-content .directorist-js-cancel-comment-edit:focus { - color: var(--directorist-color-dark); + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-review-content #cancel-comment-reply-link, - .directorist-review-content .directorist-js-cancel-comment-edit { - margin-left: 0; - } + .directorist-review-content #cancel-comment-reply-link, + .directorist-review-content .directorist-js-cancel-comment-edit { + margin-left: 0; + } } .directorist-review-content .directorist-review-content__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 6px 20px; - border: 1px solid #EFF1F6; - border-bottom-color: #f2f2f2; - background-color: var(--directorist-color-white); - border-radius: 16px 16px 0 0; -} -.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) { - font-size: 16px; - font-weight: 500; - color: #1A1B29; - margin: 10px 0; -} -.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) span { - color: var(--directorist-color-body); -} -.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) span:before { - content: "-"; - color: #8F8E9F; - padding-right: 5px; -} -.directorist-review-content .directorist-review-content__header .directorist-btn { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-review-content .directorist-review-content__header .directorist-btn .directorist-icon-mask { - display: inline-block; - margin-right: 4px; -} -.directorist-review-content .directorist-review-content__header .directorist-btn .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-review-content .directorist-review-content__header .directorist-btn:hover { - opacity: 0.8; -} -.directorist-review-content .directorist-review-content__header .directorist-noreviews { - font-size: 16px; - margin-bottom: 0; - padding: 19px 20px 15px; -} -.directorist-review-content .directorist-review-content__header .directorist-noreviews a { - color: #2C99FF; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + padding: 6px 20px; + border: 1px solid #eff1f6; + border-bottom-color: #f2f2f2; + background-color: var(--directorist-color-white); + border-radius: 16px 16px 0 0; +} +.directorist-review-content + .directorist-review-content__header + h3:not(.directorist-card__header__title) { + font-size: 16px; + font-weight: 500; + color: #1a1b29; + margin: 10px 0; +} +.directorist-review-content + .directorist-review-content__header + h3:not(.directorist-card__header__title) + span { + color: var(--directorist-color-body); +} +.directorist-review-content + .directorist-review-content__header + h3:not(.directorist-card__header__title) + span:before { + content: "-"; + color: #8f8e9f; + padding-right: 5px; +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn { + align-items: center; +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn + .directorist-icon-mask { + display: inline-block; + margin-right: 4px; +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn:hover { + opacity: 0.8; +} +.directorist-review-content + .directorist-review-content__header + .directorist-noreviews { + font-size: 16px; + margin-bottom: 0; + padding: 19px 20px 15px; +} +.directorist-review-content + .directorist-review-content__header + .directorist-noreviews + a { + color: #2c99ff; } .directorist-review-content .directorist-review-content__overview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 30px 50px; + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: space-between; + padding: 30px 50px; } .directorist-review-content .directorist-review-content__overview__rating { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-point { - font-size: 34px; - font-weight: 600; - color: #1A1B29; - display: block; - margin-right: 15px; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars { - font-size: 15px; - color: #EF8000; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 3px; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask:after { - width: 15px; - height: 15px; - background-color: #EF8000; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask.directorist_fraction_star { - position: relative; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask.directorist_fraction_star:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - left: 0; - -webkit-mask-image: url(../js/479b663ce5839f8d7fdc.svg); - mask-image: url(../js/479b663ce5839f8d7fdc.svg); - background-color: #EF8000; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-overall { - font-size: 14px; - color: #8C90A4; - display: block; + flex: 0 0 50%; + text-align: center; + display: flex; + align-items: center; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-point { + font-size: 34px; + font-weight: 600; + color: #1a1b29; + display: block; + margin-right: 15px; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars { + font-size: 15px; + color: #ef8000; + display: flex; + align-items: center; + margin-bottom: 3px; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars + .directorist-icon-mask:after { + width: 15px; + height: 15px; + background-color: #ef8000; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars + .directorist-icon-mask.directorist_fraction_star { + position: relative; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars + .directorist-icon-mask.directorist_fraction_star:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + left: 0; + mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); + background-color: #ef8000; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-overall { + font-size: 14px; + color: #8c90a4; + display: block; } .directorist-review-content .directorist-review-content__overview__benchmarks { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - padding: 25px; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -6px; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single > * { - margin: 6px !important; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single label { - -webkit-box-flex: 0.1; - -webkit-flex: 0.1; - -ms-flex: 0.1; - flex: 0.1; - min-width: 70px; - display: inline-block; - word-wrap: break-word; - word-break: break-all; - margin-bottom: 0; - font-size: 15px; - color: var(--directorist-color-body); -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress { - -webkit-box-flex: 1.5; - -webkit-flex: 1.5; - -ms-flex: 1.5; - flex: 1.5; - border-radius: 2px; - height: 5px; - -webkit-box-shadow: none; - box-shadow: none; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-webkit-progress-bar { - background-color: #F2F3F5; - border-radius: 2px; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-webkit-progress-value { - background-color: #EF8000; - border-radius: 2px; - -webkit-box-shadow: none; - box-shadow: none; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-moz-progress-bar { - background-color: #F2F3F5; - border-radius: 2px; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-moz-progress-value { - background-color: #EF8000; - border-radius: 2px; - box-shadow: none; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single strong { - -webkit-box-flex: 0.1; - -webkit-flex: 0.1; - -ms-flex: 0.1; - flex: 0.1; - font-size: 15px; - font-weight: 500; - color: #090E30; - text-align: right; -} -.directorist-review-content .directorist-review-content__reviews, .directorist-review-content .directorist-review-content__reviews ul { - padding: 0; - margin: 10px 0 0 0; - list-style-type: none; -} -.directorist-review-content .directorist-review-content__reviews li, .directorist-review-content .directorist-review-content__reviews ul li { - list-style-type: none; - margin-left: 0; + flex: 0 0 50%; + padding: 25px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single { + display: flex; + align-items: center; + flex-wrap: wrap; + margin: -6px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + > * { + margin: 6px !important; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + label { + flex: 0.1; + min-width: 70px; + display: inline-block; + word-wrap: break-word; + word-break: break-all; + margin-bottom: 0; + font-size: 15px; + color: var(--directorist-color-body); +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress { + flex: 1.5; + border-radius: 2px; + height: 5px; + box-shadow: none; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-webkit-progress-bar { + background-color: #f2f3f5; + border-radius: 2px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-webkit-progress-value { + background-color: #ef8000; + border-radius: 2px; + box-shadow: none; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-moz-progress-bar { + background-color: #f2f3f5; + border-radius: 2px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-moz-progress-value { + background-color: #ef8000; + border-radius: 2px; + box-shadow: none; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + strong { + flex: 0.1; + font-size: 15px; + font-weight: 500; + color: #090e30; + text-align: right; +} +.directorist-review-content .directorist-review-content__reviews, +.directorist-review-content .directorist-review-content__reviews ul { + padding: 0; + margin: 10px 0 0 0; + list-style-type: none; +} +.directorist-review-content .directorist-review-content__reviews li, +.directorist-review-content .directorist-review-content__reviews ul li { + list-style-type: none; + margin-left: 0; } .directorist-review-content .directorist-review-content__reviews > li { - border-top: 1px solid #EFF1F6; -} -.directorist-review-content .directorist-review-content__reviews > li:not(:last-child) { - margin-bottom: 10px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request { - position: relative; -} -.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request::after { - content: ""; - display: block; - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - z-index: 99; - background-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request::before { - position: absolute; - z-index: 100; - left: 50%; - top: 50%; - display: block; - content: ""; - width: 24px; - height: 24px; - border-radius: 50%; - border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); - border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); - -webkit-animation: directoristCommentEditLoading 0.6s linear infinite; - animation: directoristCommentEditLoading 0.6s linear infinite; -} -.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__report, -.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__content, -.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__reply { - display: none; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single { - padding: 25px; - border-radius: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single a { - text-decoration: none; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .comment-body { - margin-bottom: 0; - padding: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap { - margin: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-bottom: 20px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: -8px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__img { - padding: 8px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__img img { - width: 50px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 50%; - position: static; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details { - padding: 8px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 { - font-size: 15px; - font-weight: 500; - color: #090E30; - margin: 0 0 5px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2:before, .directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2:after { - content: none; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 time { - display: inline-block; - font-size: 14px; - color: #8C90A4; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 time::before { - content: "-"; - padding-right: 8px; - padding-left: 3px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details .directorist-rating-stars { - font-size: 11px; - color: #EF8000; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 3px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask::after { - width: 11px; - height: 11px; - background-color: #EF8000; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__report a { - font-size: 13px; - color: #8C90A4; - display: block; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content { - font-size: 16px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content__img { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 15px -5px 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content__img img { - max-width: 100px; - -o-object-fit: cover; - object-fit: cover; - margin: 5px; - border-radius: 6px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__feedback { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 15px -5px 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__feedback a { - margin: 5px; - font-size: 13px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply { - margin: 20px -8px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a { - color: #8C90A4; - font-size: 13px; - display: block; - margin: 0 8px; - background: none; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link .directorist-icon-mask { - margin-right: 3px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link .directorist-icon-mask::after { - width: 0.9em; - height: 0.9em; - background-color: #8C90A4; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment { - padding-left: 40px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment .directorist-review-single__contents-wrap { - position: relative; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment .directorist-review-single__contents-wrap::before { - content: ""; - height: 100%; - background-color: #F2F2F2; - width: 2px; - left: -20px; - position: absolute; - top: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit { - margin-top: 0 !important; - margin-bottom: 0 !important; - border: 0 none !important; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit__header { - padding-left: 0; - padding-right: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit__header h3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - max-width: 100%; - width: 100%; - margin: 0 !important; + border-top: 1px solid #eff1f6; +} +.directorist-review-content + .directorist-review-content__reviews + > li:not(:last-child) { + margin-bottom: 10px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-edit-request { + position: relative; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-edit-request::after { + content: ""; + display: block; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-edit-request::before { + position: absolute; + z-index: 100; + left: 50%; + top: 50%; + display: block; + content: ""; + width: 24px; + height: 24px; + border-radius: 50%; + border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); + border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); + animation: directoristCommentEditLoading 0.6s linear infinite; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-editing + .directorist-review-single__report, +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-editing + .directorist-review-single__content, +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-editing + .directorist-review-single__reply { + display: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single { + padding: 25px; + border-radius: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + a { + text-decoration: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .comment-body { + margin-bottom: 0; + padding: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap { + margin: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + margin-bottom: 20px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author { + display: flex; + flex-wrap: wrap; + align-items: center; + margin: -8px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__img { + padding: 8px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__img + img { + width: 50px; + object-fit: cover; + border-radius: 50%; + position: static; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details { + padding: 8px; + flex: 1; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2 { + font-size: 15px; + font-weight: 500; + color: #090e30; + margin: 0 0 5px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2:before, +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2:after { + content: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2 + time { + display: inline-block; + font-size: 14px; + color: #8c90a4; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2 + time::before { + content: "-"; + padding-right: 8px; + padding-left: 3px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + .directorist-rating-stars { + font-size: 11px; + color: #ef8000; + display: flex; + align-items: center; + margin-bottom: 3px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + .directorist-rating-stars + .directorist-icon-mask::after { + width: 11px; + height: 11px; + background-color: #ef8000; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__report + a { + font-size: 13px; + color: #8c90a4; + display: block; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__content { + font-size: 16px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__content__img { + display: flex; + flex-wrap: wrap; + margin: 15px -5px 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__content__img + img { + max-width: 100px; + object-fit: cover; + margin: 5px; + border-radius: 6px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__feedback { + display: flex; + flex-wrap: wrap; + align-items: center; + margin: 15px -5px 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__feedback + a { + margin: 5px; + font-size: 13px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply { + margin: 20px -8px 0; + display: flex; + align-items: center; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a { + color: #8c90a4; + font-size: 13px; + display: block; + margin: 0 8px; + background: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a.directorist-comment-edit-link { + display: inline-flex; + align-items: center; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a.directorist-comment-edit-link + .directorist-icon-mask { + margin-right: 3px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a.directorist-comment-edit-link + .directorist-icon-mask::after { + width: 0.9em; + height: 0.9em; + background-color: #8c90a4; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__comments + .directorist-review-single--comment { + padding-left: 40px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__comments + .directorist-review-single--comment + .directorist-review-single__contents-wrap { + position: relative; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__comments + .directorist-review-single--comment + .directorist-review-single__contents-wrap::before { + content: ""; + height: 100%; + background-color: #f2f2f2; + width: 2px; + left: -20px; + position: absolute; + top: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-submit { + margin-top: 0 !important; + margin-bottom: 0 !important; + border: 0 none !important; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-submit__header { + padding-left: 0; + padding-right: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-submit__header + h3 { + display: flex; + align-items: center; + justify-content: space-between; + max-width: 100%; + width: 100%; + margin: 0 !important; } .directorist-review-content .directorist-review-content__pagination { - padding: 0; - margin: 25px 0 0; + padding: 0; + margin: 25px 0 0; } .directorist-review-content .directorist-review-content__pagination ul { - border: 0 none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -4px; - padding-top: 0; - list-style-type: none; - height: auto; - background: none; + border: 0 none; + display: flex; + align-items: center; + flex-wrap: wrap; + margin: -4px; + padding-top: 0; + list-style-type: none; + height: auto; + background: none; } .directorist-review-content .directorist-review-content__pagination ul li { - padding: 4px; - list-style-type: none; -} -.directorist-review-content .directorist-review-content__pagination ul li .page-numbers { - width: 40px; - height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 6px; - border: 1px solid #E1E4EC; - color: #090E30; - font-weight: 500; - font-size: 14px; - background-color: var(--directorist-color-white); -} -.directorist-review-content .directorist-review-content__pagination ul li .page-numbers.current { - border-color: #090E30; + padding: 4px; + list-style-type: none; +} +.directorist-review-content + .directorist-review-content__pagination + ul + li + .page-numbers { + width: 40px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 6px; + border: 1px solid #e1e4ec; + color: #090e30; + font-weight: 500; + font-size: 14px; + background-color: var(--directorist-color-white); +} +.directorist-review-content + .directorist-review-content__pagination + ul + li + .page-numbers.current { + border-color: #090e30; } .directorist-review-submit { - margin-top: 25px; - margin-bottom: 25px; - background-color: var(--directorist-color-white); - border-radius: 4px; - border: 1px solid #EFF1F6; + margin-top: 25px; + margin-bottom: 25px; + background-color: var(--directorist-color-white); + border-radius: 4px; + border: 1px solid #eff1f6; } .directorist-review-submit__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + gap: 15px; } .directorist-review-submit__header h3 { - font-size: 16px; - font-weight: 500; - color: #1A1B29; - margin: 0; + font-size: 16px; + font-weight: 500; + color: #1a1b29; + margin: 0; } .directorist-review-submit__header h3 span { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .directorist-review-submit__header h3 span:before { - content: "-"; - color: #8F8E9F; - padding-right: 5px; + content: "-"; + color: #8f8e9f; + padding-right: 5px; } .directorist-review-submit__header .directorist-btn { - font-size: 13px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0 20px; - min-height: 40px; - border-radius: 8px; + font-size: 13px; + align-items: center; + padding: 0 20px; + min-height: 40px; + border-radius: 8px; } .directorist-review-submit__header .directorist-btn .directorist-icon-mask { - display: inline-block; - margin-right: 4px; + display: inline-block; + margin-right: 4px; } -.directorist-review-submit__header .directorist-btn .directorist-icon-mask::after { - width: 13px; - height: 13px; - background-color: var(--directorist-color-white); +.directorist-review-submit__header + .directorist-btn + .directorist-icon-mask::after { + width: 13px; + height: 13px; + background-color: var(--directorist-color-white); } .directorist-review-submit__overview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 30px 50px; - border-top: 0 none; + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: space-between; + padding: 30px 50px; + border-top: 0 none; } .directorist-review-submit__overview__rating { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-align: center; + display: flex; + gap: 20px; + align-items: center; + text-align: center; } @media (max-width: 480px) { - .directorist-review-submit__overview__rating { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } - .directorist-review-submit__overview__rating .directorist-rating-stars { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-review-submit__overview__rating { + flex: 0 0 100%; + } + .directorist-review-submit__overview__rating .directorist-rating-stars { + justify-content: center; + } } .directorist-review-submit__overview__rating .directorist-rating-point { - font-size: 40px; - font-weight: 600; - display: block; - color: var(--directorist-color-dark); + font-size: 40px; + font-weight: 600; + display: block; + color: var(--directorist-color-dark); } .directorist-review-submit__overview__rating .directorist-rating-stars { - font-size: 15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 5px; - color: var(--directorist-color-warning); + font-size: 15px; + display: flex; + align-items: center; + margin-bottom: 5px; + color: var(--directorist-color-warning); } .directorist-review-submit__overview__rating .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-warning); -} -.directorist-review-submit__overview__rating .directorist-icon-mask.directorist_fraction_star { - position: relative; -} -.directorist-review-submit__overview__rating .directorist-icon-mask.directorist_fraction_star:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - left: 0; - -webkit-mask-image: url(../js/479b663ce5839f8d7fdc.svg); - mask-image: url(../js/479b663ce5839f8d7fdc.svg); - background-color: var(--directorist-color-warning); + width: 16px; + height: 16px; + background-color: var(--directorist-color-warning); +} +.directorist-review-submit__overview__rating + .directorist-icon-mask.directorist_fraction_star { + position: relative; +} +.directorist-review-submit__overview__rating + .directorist-icon-mask.directorist_fraction_star:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + left: 0; + mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); + background-color: var(--directorist-color-warning); } .directorist-review-submit__overview__rating .directorist-rating-overall { - font-size: 14px; - color: var(--directorist-color-body); - display: block; + font-size: 14px; + color: var(--directorist-color-body); + display: block; } .directorist-review-submit__overview__benchmarks { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - padding: 25px; + flex: 0 0 50%; + padding: 25px; } .directorist-review-submit__overview__benchmarks .directorist-benchmark-single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -6px; -} -.directorist-review-submit__overview__benchmarks .directorist-benchmark-single > * { - margin: 6px !important; -} -.directorist-review-submit__overview__benchmarks .directorist-benchmark-single label { - -webkit-box-flex: 0.1; - -webkit-flex: 0.1; - -ms-flex: 0.1; - flex: 0.1; - min-width: 70px; - display: inline-block; - margin-right: 4px; -} -.directorist-review-submit__overview__benchmarks .directorist-benchmark-single label:after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-white); -} -.directorist-review-submit__reviews, .directorist-review-submit__reviews ul { - padding: 0; - margin: 10px 0 0 0; - list-style-type: none; - margin-left: 0; + display: flex; + align-items: center; + flex-wrap: wrap; + margin: -6px; +} +.directorist-review-submit__overview__benchmarks + .directorist-benchmark-single + > * { + margin: 6px !important; +} +.directorist-review-submit__overview__benchmarks + .directorist-benchmark-single + label { + flex: 0.1; + min-width: 70px; + display: inline-block; + margin-right: 4px; +} +.directorist-review-submit__overview__benchmarks + .directorist-benchmark-single + label:after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-white); +} +.directorist-review-submit__reviews, +.directorist-review-submit__reviews ul { + padding: 0; + margin: 10px 0 0 0; + list-style-type: none; + margin-left: 0; } .directorist-review-submit > li { - border-top: 1px solid var(--directorist-color-border); + border-top: 1px solid var(--directorist-color-border); } .directorist-review-submit .directorist-comment-edit-request { - position: relative; + position: relative; } .directorist-review-submit .directorist-comment-edit-request::after { - content: ""; - display: block; - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - z-index: 99; - background-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; + content: ""; + display: block; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; } .directorist-review-submit .directorist-comment-edit-request > li { - border-top: 1px solid var(--directorist-color-border); -} -.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request { - position: relative; -} -.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request:after { - content: ""; - display: block; - position: absolute; - left: 0; - top: 0; - height: 100%; - width: 100%; - z-index: 99; - background-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; -} -.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request:before { - position: absolute; - z-index: 100; - left: 50%; - top: 50%; - display: block; - content: ""; - width: 24px; - height: 24px; - border-radius: 50%; - border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); - border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); - -webkit-animation: directoristCommentEditLoading 0.6s linear infinite; - animation: directoristCommentEditLoading 0.6s linear infinite; -} - -.directorist-review-single .directorist-comment-editing .directorist-review-single__report, -.directorist-review-single .directorist-comment-editing .directorist-review-single__content, -.directorist-review-single .directorist-comment-editing .directorist-review-single__actions { - display: none; + border-top: 1px solid var(--directorist-color-border); +} +.directorist-review-submit + .directorist-comment-edit-request + .directorist-comment-edit-request { + position: relative; +} +.directorist-review-submit + .directorist-comment-edit-request + .directorist-comment-edit-request:after { + content: ""; + display: block; + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; +} +.directorist-review-submit + .directorist-comment-edit-request + .directorist-comment-edit-request:before { + position: absolute; + z-index: 100; + left: 50%; + top: 50%; + display: block; + content: ""; + width: 24px; + height: 24px; + border-radius: 50%; + border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); + border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); + animation: directoristCommentEditLoading 0.6s linear infinite; +} + +.directorist-review-single + .directorist-comment-editing + .directorist-review-single__report, +.directorist-review-single + .directorist-comment-editing + .directorist-review-single__content, +.directorist-review-single + .directorist-comment-editing + .directorist-review-single__actions { + display: none; } .directorist-review-content__pagination { - padding: 0; - margin: 25px 0 35px; + padding: 0; + margin: 25px 0 35px; } .directorist-review-content__pagination ul { - border: 0 none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -4px; - padding-top: 0; - list-style-type: none; - height: auto; - background: none; + border: 0 none; + display: flex; + align-items: center; + flex-wrap: wrap; + margin: -4px; + padding-top: 0; + list-style-type: none; + height: auto; + background: none; } .directorist-review-content__pagination li { - padding: 4px; - list-style-type: none; + padding: 4px; + list-style-type: none; } .directorist-review-content__pagination li .page-numbers { - width: 40px; - height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 6px; - border: 1px solid #E1E4EC; - color: #090E30; - font-weight: 500; - font-size: 14px; - background-color: var(--directorist-color-white); + width: 40px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 6px; + border: 1px solid #e1e4ec; + color: #090e30; + font-weight: 500; + font-size: 14px; + background-color: var(--directorist-color-white); } .directorist-review-content__pagination li .page-numbers.current { - border-color: #090E30; + border-color: #090e30; } .directorist-review-single { - padding: 40px 30px; - margin: 0; + padding: 40px 30px; + margin: 0; } @media screen and (max-width: 575px) { - .directorist-review-single { - padding: 30px 20px; - } + .directorist-review-single { + padding: 30px 20px; + } } .directorist-review-single a { - text-decoration: none; + text-decoration: none; } .directorist-review-single .comment-body { - margin-bottom: 0; - padding: 0; + margin-bottom: 0; + padding: 0; } .directorist-review-single .comment-body p { - font-size: 15px; - margin: 0; - color: var(--directorist-color-body); + font-size: 15px; + margin: 0; + color: var(--directorist-color-body); } .directorist-review-single .comment-body em { - font-style: normal; + font-style: normal; } .directorist-review-single .directorist-review-single__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-bottom: 20px; + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + margin-bottom: 20px; } .directorist-review-single__author { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: flex; + flex-wrap: wrap; + align-items: flex-start; } .directorist-review-single__author__img { - width: 50px; - height: 50px; - padding: 0; + width: 50px; + height: 50px; + padding: 0; } .directorist-review-single__author__img img { - width: 50px; - height: 50px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 50%; - position: static; + width: 50px; + height: 50px; + object-fit: cover; + border-radius: 50%; + position: static; } .directorist-review-single__author__details { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin-left: 15px; + flex: 1; + margin-left: 15px; } .directorist-review-single__author__details h2 { - font-size: 15px; - font-weight: 500; - margin: 0 0 5px; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 500; + margin: 0 0 5px; + color: var(--directorist-color-dark); } .directorist-review-single__author__details .directorist-rating-stars { - font-size: 11px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: var(--directorist-color-warning); -} -.directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask { - margin: 1px; -} -.directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask:after { - width: 11px; - height: 11px; - background-color: var(--directorist-color-warning); + font-size: 11px; + display: flex; + align-items: center; + color: var(--directorist-color-warning); +} +.directorist-review-single__author__details + .directorist-rating-stars + .directorist-icon-mask { + margin: 1px; +} +.directorist-review-single__author__details + .directorist-rating-stars + .directorist-icon-mask:after { + width: 11px; + height: 11px; + background-color: var(--directorist-color-warning); } .directorist-review-single__author__details .directorist-review-date { - display: inline-block; - font-size: 13px; - margin-left: 14px; - color: var(--directorist-color-deep-gray); + display: inline-block; + font-size: 13px; + margin-left: 14px; + color: var(--directorist-color-deep-gray); } .directorist-review-single__report a { - font-size: 13px; - color: #8C90A4; - display: block; + font-size: 13px; + color: #8c90a4; + display: block; } .directorist-review-single__content p { - font-size: 15px; - color: var(--directorist-color-body); + font-size: 15px; + color: var(--directorist-color-body); } .directorist-review-single__feedback { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 15px -5px 0; + display: flex; + flex-wrap: wrap; + align-items: center; + margin: 15px -5px 0; } .directorist-review-single__feedback a { - margin: 5px; - font-size: 13px; + margin: 5px; + font-size: 13px; } .directorist-review-single__actions { - margin: 20px -8px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + margin: 20px -8px 0; + display: flex; + align-items: center; } .directorist-review-single__actions a { - font-size: 13px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background: none; - margin: 0 8px; - color: var(--directorist-color-deep-gray); + font-size: 13px; + display: inline-flex; + align-items: center; + background: none; + margin: 0 8px; + color: var(--directorist-color-deep-gray); } .directorist-review-single__actions a .directorist-icon-mask { - margin-right: 6px; + margin-right: 6px; } .directorist-review-single__actions a .directorist-icon-mask::after { - width: 13.5px; - height: 13.5px; - background-color: var(--directorist-color-deep-gray); + width: 13.5px; + height: 13.5px; + background-color: var(--directorist-color-deep-gray); } .directorist-review-single .directorist-review-meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + gap: 15px; + flex-wrap: wrap; } @media screen and (max-width: 575px) { - .directorist-review-single .directorist-review-meta { - gap: 10px; - } + .directorist-review-single .directorist-review-meta { + gap: 10px; + } } .directorist-review-single .directorist-review-meta .directorist-review-date { - margin: 0; + margin: 0; } .directorist-review-single .directorist-review-submit { - margin-top: 0; - margin-bottom: 0; - border: 0 none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + margin-top: 0; + margin-bottom: 0; + border: 0 none; + box-shadow: 0 0; } .directorist-review-single .directorist-review-submit__header { - padding-left: 0; - padding-right: 0; -} -.directorist-review-single .directorist-review-submit .directorist-card__header__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - font-size: 13px; - max-width: 100%; - width: 100%; - margin: 0; + padding-left: 0; + padding-right: 0; +} +.directorist-review-single + .directorist-review-submit + .directorist-card__header__title { + display: flex; + align-items: center; + justify-content: space-between; + font-size: 13px; + max-width: 100%; + width: 100%; + margin: 0; } .directorist-review-single .directorist-review-single { - padding: 18px 40px; + padding: 18px 40px; } .directorist-review-single .directorist-review-single:last-child { - padding-bottom: 0; -} -.directorist-review-single .directorist-review-single .directorist-review-single__header { - margin-bottom: 15px; -} -.directorist-review-single .directorist-review-single .directorist-review-single__info { - position: relative; -} -.directorist-review-single .directorist-review-single .directorist-review-single__info:before { - position: absolute; - left: -20px; - top: 0; - width: 2px; - height: 100%; - content: ""; - background-color: var(--directorist-color-border-gray); + padding-bottom: 0; +} +.directorist-review-single + .directorist-review-single + .directorist-review-single__header { + margin-bottom: 15px; +} +.directorist-review-single + .directorist-review-single + .directorist-review-single__info { + position: relative; +} +.directorist-review-single + .directorist-review-single + .directorist-review-single__info:before { + position: absolute; + left: -20px; + top: 0; + width: 2px; + height: 100%; + content: ""; + background-color: var(--directorist-color-border-gray); } .directorist-review-submit__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; } .directorist-review-submit__form { - margin: 0 !important; + margin: 0 !important; } .directorist-review-submit__form:not(.directorist-form-comment-edit) { - padding: 25px; -} -.directorist-review-submit__form#commentform .directorist-form-group, .directorist-review-submit__form.directorist-form-comment-edit .directorist-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; -} -.directorist-review-submit__form .directorist-review-single .directorist-card__body { - padding-left: 0; - padding-right: 0; + padding: 25px; +} +.directorist-review-submit__form#commentform .directorist-form-group, +.directorist-review-submit__form.directorist-form-comment-edit + .directorist-form-group { + display: flex; + gap: 10px; + flex-wrap: wrap; + align-items: center; + justify-content: flex-start; +} +.directorist-review-submit__form + .directorist-review-single + .directorist-card__body { + padding-left: 0; + padding-right: 0; } .directorist-review-submit__form .directorist-alert { - margin-bottom: 20px; - padding: 10px 20px; + margin-bottom: 20px; + padding: 10px 20px; } .directorist-review-submit__form .directorist-review-criteria { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-review-submit__form .directorist-review-criteria__single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 15px; } .directorist-review-submit__form .directorist-review-criteria__single__label { - width: 100px; - word-wrap: break-word; - word-break: break-all; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - margin: 0; -} -.directorist-review-submit__form .directorist-review-criteria__single .br-widget { - margin: -1px; + width: 100px; + word-wrap: break-word; + word-break: break-all; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + margin: 0; +} +.directorist-review-submit__form + .directorist-review-criteria__single + .br-widget { + margin: -1px; } .directorist-review-submit__form .directorist-review-criteria__single a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 24px; - height: 24px; - border-radius: 4px; - background-color: #E1E4EC; - margin: 1px; - text-decoration: none; - outline: 0; + display: inline-flex; + align-items: center; + justify-content: center; + width: 24px; + height: 24px; + border-radius: 4px; + background-color: #e1e4ec; + margin: 1px; + text-decoration: none; + outline: 0; } .directorist-review-submit__form .directorist-review-criteria__single a:before { - content: ""; - -webkit-mask-image: url(../js/60b8c48296c3c553bf39.svg); - mask-image: url(../js/60b8c48296c3c553bf39.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); + content: ""; + mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); + mask-repeat: no-repeat; + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); } .directorist-review-submit__form .directorist-review-criteria__single a:focus { - background-color: #E1E4EC !important; - text-decoration: none !important; - outline: 0; -} -.directorist-review-submit__form .directorist-review-criteria__single a.br-selected, .directorist-review-submit__form .directorist-review-criteria__single a.br-active { - background-color: var(--directorist-color-warning) !important; - text-decoration: none; - outline: 0; -} -.directorist-review-submit__form .directorist-review-criteria__single .br-current-rating { - display: inline-block; - margin-left: 20px; - font-size: 14px; - font-weight: 500; + background-color: #e1e4ec !important; + text-decoration: none !important; + outline: 0; +} +.directorist-review-submit__form + .directorist-review-criteria__single + a.br-selected, +.directorist-review-submit__form + .directorist-review-criteria__single + a.br-active { + background-color: var(--directorist-color-warning) !important; + text-decoration: none; + outline: 0; +} +.directorist-review-submit__form + .directorist-review-criteria__single + .br-current-rating { + display: inline-block; + margin-left: 20px; + font-size: 14px; + font-weight: 500; } .directorist-review-submit__form .directorist-form-group:not(:last-child) { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-review-submit__form .directorist-form-group textarea { - background-color: #F6F7F9; - font-size: 15px; - display: block; - resize: vertical; - margin: 0; + background-color: #f6f7f9; + font-size: 15px; + display: block; + resize: vertical; + margin: 0; } .directorist-review-submit__form .directorist-form-group textarea:focus { - background-color: #F6F7F9; + background-color: #f6f7f9; } .directorist-review-submit__form .directorist-form-group label { - display: block; - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-dark); - margin-bottom: 5px; -} -.directorist-review-submit__form .directorist-form-group input[type=text], -.directorist-review-submit__form .directorist-form-group input[type=email], -.directorist-review-submit__form .directorist-form-group input[type=url] { - height: 46px; - background-color: var(--directorist-color-white); - margin: 0; -} -.directorist-review-submit__form .directorist-form-group input[type=text]::-webkit-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]::-webkit-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]::-webkit-input-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form .directorist-form-group input[type=text]::-moz-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]::-moz-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]::-moz-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form .directorist-form-group input[type=text]:-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]:-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]:-ms-input-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form .directorist-form-group input[type=text]::-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]::-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]::-ms-input-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form .directorist-form-group input[type=text]::placeholder, -.directorist-review-submit__form .directorist-form-group input[type=email]::placeholder, -.directorist-review-submit__form .directorist-form-group input[type=url]::placeholder { - color: var(--directorist-color-deep-gray); + display: block; + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-dark); + margin-bottom: 5px; +} +.directorist-review-submit__form .directorist-form-group input[type="text"], +.directorist-review-submit__form .directorist-form-group input[type="email"], +.directorist-review-submit__form .directorist-form-group input[type="url"] { + height: 46px; + background-color: var(--directorist-color-white); + margin: 0; +} +.directorist-review-submit__form + .directorist-form-group + input[type="text"]::placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="email"]::placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="url"]::placeholder { + color: var(--directorist-color-deep-gray); } .directorist-review-submit__form .form-group-comment { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-review-submit__form .form-group-comment.directorist-form-group { - margin-bottom: 42px; + margin-bottom: 42px; } @media screen and (max-width: 575px) { - .directorist-review-submit__form .form-group-comment.directorist-form-group { - margin-bottom: 30px; - } + .directorist-review-submit__form + .form-group-comment.directorist-form-group { + margin-bottom: 30px; + } } .directorist-review-submit__form .form-group-comment textarea { - border-radius: 12px; - resize: none; - padding: 20px; - min-height: 140px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background-color: var(--directorist-color-white); - border: 2px solid var(--directorist-color-border); + border-radius: 12px; + resize: none; + padding: 20px; + min-height: 140px; + box-sizing: border-box; + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border); } .directorist-review-submit__form .form-group-comment textarea:focus { - border: 2px solid var(--directorist-color-border-gray); + border: 2px solid var(--directorist-color-border-gray); } .directorist-review-submit__form .directorist-review-media-upload { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.directorist-review-submit__form .directorist-review-media-upload input[type=file] { - display: none; + display: flex; + align-items: center; + flex-wrap: wrap; +} +.directorist-review-submit__form + .directorist-review-media-upload + input[type="file"] { + display: none; } .directorist-review-submit__form .directorist-review-media-upload label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 115px; - height: 100px; - border-radius: 8px; - border: 1px dashed #C6D0DC; - cursor: pointer; - margin-bottom: 0; + display: inline-flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 115px; + height: 100px; + border-radius: 8px; + border: 1px dashed #c6d0dc; + cursor: pointer; + margin-bottom: 0; } .directorist-review-submit__form .directorist-review-media-upload label i { - font-size: 26px; - color: #AFB2C4; + font-size: 26px; + color: #afb2c4; } .directorist-review-submit__form .directorist-review-media-upload label span { - display: block; - font-size: 14px; - color: var(--directorist-color-body); - margin-top: 6px; + display: block; + font-size: 14px; + color: var(--directorist-color-body); + margin-top: 6px; } .directorist-review-submit__form .directorist-review-img-gallery { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -5px -5px -5px 5px; + display: flex; + flex-wrap: wrap; + margin: -5px -5px -5px 5px; } .directorist-review-submit__form .directorist-review-gallery-preview { - position: relative; - margin: 5px; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-img-gallery { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 5px; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview { - position: relative; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview:hover .directorist-btn-delete { - opacity: 1; - visibility: visible; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview img { - width: 115px; - height: 100px; - max-width: 115px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 8px; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview .directorist-btn-delete { - position: absolute; - top: 6px; - right: 6px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 30px; - width: 30px; - border-radius: 50%; - color: var(--directorist-color-white); - background-color: var(--directorist-color-danger); - opacity: 0; - visibility: hidden; + position: relative; + margin: 5px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-img-gallery { + display: flex; + flex-wrap: wrap; + gap: 5px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview { + position: relative; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview:hover + .directorist-btn-delete { + opacity: 1; + visibility: visible; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview + img { + width: 115px; + height: 100px; + max-width: 115px; + object-fit: cover; + border-radius: 8px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview + .directorist-btn-delete { + position: absolute; + top: 6px; + right: 6px; + display: inline-flex; + align-items: center; + justify-content: center; + height: 30px; + width: 30px; + border-radius: 50%; + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); + opacity: 0; + visibility: hidden; } .directorist-review-submit__form .directorist-review-gallery-preview img { - width: 115px; - height: 100px; - max-width: 115px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 8px; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-btn-delete { - position: absolute; - top: 6px; - right: 6px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 30px; - width: 30px; - border-radius: 50%; - color: var(--directorist-color-white); - background-color: var(--directorist-color-danger); - opacity: 0; - visibility: hidden; + width: 115px; + height: 100px; + max-width: 115px; + object-fit: cover; + border-radius: 8px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-btn-delete { + position: absolute; + top: 6px; + right: 6px; + display: inline-flex; + align-items: center; + justify-content: center; + height: 30px; + width: 30px; + border-radius: 50%; + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); + opacity: 0; + visibility: hidden; } .directorist-review-submit .directorist-btn { - padding: 0 20px; -} - -.directorist-review-content + .directorist-review-submit.directorist-review-submit--hidden { - display: none !important; + padding: 0 20px; } -@-webkit-keyframes directoristCommentEditLoading { - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } +.directorist-review-content + + .directorist-review-submit.directorist-review-submit--hidden { + display: none !important; } @keyframes directoristCommentEditLoading { - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + to { + transform: rotate(360deg); + } } .directorist-favourite-items-wrap { - -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); - box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); } .directorist-favourite-items-wrap .directorist-favourirte-items { - background-color: var(--directorist-color-white); - padding: 20px 10px; - border-radius: 12px; + background-color: var(--directorist-color-white); + padding: 20px 10px; + border-radius: 12px; } .directorist-favourite-items-wrap .directorist-dashboard-items-list { - font-size: 15px; + font-size: 15px; } .directorist-favourite-items-wrap .directorist-dashboard-items-list__single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 15px !important; - margin: 0; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-transition: 0.35s; - transition: 0.35s; + display: flex; + padding: 15px !important; + margin: 0; + justify-content: space-between; + align-items: center; + transition: 0.35s; } @media only screen and (max-width: 991px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single { - background-color: #F8F9FA; - border-radius: 5px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single:hover { - background-color: #F8F9FA; - border-radius: 5px; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single:hover .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn { - opacity: 1; - visibility: visible; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img { - margin-right: 20px; + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single { + background-color: #f8f9fa; + border-radius: 5px; + flex-direction: column; + align-items: flex-start; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single:hover { + background-color: #f8f9fa; + border-radius: 5px; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single:hover + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn { + opacity: 1; + visibility: visible; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-img { + margin-right: 20px; } @media only screen and (max-width: 479px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img { - margin-right: 0; - } -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img img { - max-width: 100px; - border-radius: 6px; + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-img { + margin-right: 0; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-img + img { + max-width: 100px; + border-radius: 6px; } @media only screen and (max-width: 479px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-content { - margin-top: 10px; - } -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-title { - font-size: 15px; - font-weight: 500; - margin: 0 0 6px; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-title a { - color: var(--directorist-color-dark); - text-decoration: none; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category { - color: var(--directorist-color-primary); - text-decoration: none; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.la, -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.fa, -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.fas, -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category i { - margin-right: 6px; - color: var(--directorist-color-light-gray); -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-content { + margin-top: 10px; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-title { + font-size: 15px; + font-weight: 500; + margin: 0 0 6px; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-title + a { + color: var(--directorist-color-dark); + text-decoration: none; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category { + color: var(--directorist-color-primary); + text-decoration: none; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + span.la, +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + span.fa, +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + span.fas, +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + i { + margin-right: 6px; + color: var(--directorist-color-light-gray); +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__info { + display: flex; } @media only screen and (max-width: 991px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info { - margin-bottom: 15px; - } + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__info { + margin-bottom: 15px; + } } @media only screen and (max-width: 479px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn { - font-weight: 500; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-radius: 8px; - padding: 0px 14px; - color: var(--directorist-color-white) !important; - line-height: 2.65; - opacity: 0; - visibility: hidden; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn .directorist-icon-mask { - margin-right: 5px; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn .directorist-icon-mask:after { - background-color: var(--directorist-color-white); -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn { - /* Legacy Icon */ -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn > i:not(.directorist-icon-mask) { - margin-right: 5px; + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__info { + flex-direction: column; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn { + font-weight: 500; + display: inline-flex; + align-items: center; + border-radius: 8px; + padding: 0px 14px; + color: var(--directorist-color-white) !important; + line-height: 2.65; + opacity: 0; + visibility: hidden; + /* Legacy Icon */ +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn + .directorist-icon-mask { + margin-right: 5px; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn + > i:not(.directorist-icon-mask) { + margin-right: 5px; } @media only screen and (max-width: 991px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn { - opacity: 1; - visibility: visible; - } + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn { + opacity: 1; + visibility: visible; + } } .directorist-user-dashboard { - width: 100% !important; - max-width: 100% !important; - overflow: hidden; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100% !important; + max-width: 100% !important; + overflow: hidden; + box-sizing: border-box; } .directorist-user-dashboard__contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding-bottom: 20px; + display: flex; + padding-bottom: 20px; } .directorist-user-dashboard__toggle { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-user-dashboard__toggle__link { - border: 1px solid #e3e6ef; - padding: 6.5px 8px 6.5px; - border-radius: 8px; - display: inline-block; - outline: 0; - background-color: var(--directorist-color-white); - line-height: 1; - color: var(--directorist-color-primary); + border: 1px solid #e3e6ef; + padding: 6.5px 8px 6.5px; + border-radius: 8px; + display: inline-block; + outline: 0; + background-color: var(--directorist-color-white); + line-height: 1; + color: var(--directorist-color-primary); } .directorist-user-dashboard__tab-content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - width: calc(100% - 250px); + flex: 1; + width: calc(100% - 250px); } .directorist-user-dashboard .directorist-alert { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-user-dashboard #directorist-preference-notice .directorist-alert { - margin-top: 15px; - margin-bottom: 0; + margin-top: 15px; + margin-bottom: 0; } /* user dashboard loader */ #directorist-dashboard-preloader { - height: 100%; - left: 0; - overflow: visible; - position: fixed; - top: 0; - width: 100%; - z-index: 9999999; - display: none; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + height: 100%; + left: 0; + overflow: visible; + position: fixed; + top: 0; + width: 100%; + z-index: 9999999; + display: none; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); } #directorist-dashboard-preloader div { - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: block; - position: absolute; - width: 64px; - height: 64px; - margin: 8px; - border: 8px solid var(--directorist-color-primary); - border-radius: 50%; - -webkit-animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - border-color: var(--directorist-color-primary) transparent transparent transparent; - left: 50%; - top: 50%; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); + box-sizing: border-box; + display: block; + position: absolute; + width: 64px; + height: 64px; + margin: 8px; + border: 8px solid var(--directorist-color-primary); + border-radius: 50%; + animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + border-color: var(--directorist-color-primary) transparent transparent + transparent; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); } #directorist-dashboard-preloader div:nth-child(1) { - -webkit-animation-delay: -0.45s; - animation-delay: -0.45s; + animation-delay: -0.45s; } #directorist-dashboard-preloader div:nth-child(2) { - -webkit-animation-delay: -0.3s; - animation-delay: -0.3s; + animation-delay: -0.3s; } #directorist-dashboard-preloader div:nth-child(3) { - -webkit-animation-delay: -0.15s; - animation-delay: -0.15s; + animation-delay: -0.15s; } /* My listing tab */ .directorist-user-dashboard-tab__nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 0 20px; - border-radius: 12px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0 20px; + border-radius: 12px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } @media screen and (max-width: 480px) { - .directorist-user-dashboard-tab__nav { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } + .directorist-user-dashboard-tab__nav { + align-items: flex-start; + } } .directorist-user-dashboard-tab ul { - margin: 0; - list-style: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-left: 0; + margin: 0; + list-style: none; + display: flex; + align-items: center; + padding-left: 0; } @media screen and (max-width: 480px) { - .directorist-user-dashboard-tab ul { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding-left: 0; - } + .directorist-user-dashboard-tab ul { + flex-wrap: wrap; + padding-left: 0; + } } .directorist-user-dashboard-tab li { - list-style: none; + list-style: none; } .directorist-user-dashboard-tab li:not(:last-child) { - margin-right: 20px; + margin-right: 20px; } .directorist-user-dashboard-tab li a { - display: inline-block; - font-size: 14px; - font-weight: 500; - padding: 20px 0; - text-decoration: none; - color: var(--directorist-color-dark); - position: relative; + display: inline-block; + font-size: 14px; + font-weight: 500; + padding: 20px 0; + text-decoration: none; + color: var(--directorist-color-dark); + position: relative; } .directorist-user-dashboard-tab li a:after { - position: absolute; - left: 0; - bottom: -4px; - width: 100%; - height: 2px; - border-radius: 8px; - opacity: 0; - visibility: hidden; - content: ""; - background-color: var(--directorist-color-primary); + position: absolute; + left: 0; + bottom: -4px; + width: 100%; + height: 2px; + border-radius: 8px; + opacity: 0; + visibility: hidden; + content: ""; + background-color: var(--directorist-color-primary); } .directorist-user-dashboard-tab li a.directorist-tab__nav__active { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-user-dashboard-tab li a.directorist-tab__nav__active:after { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } @media screen and (max-width: 480px) { - .directorist-user-dashboard-tab li a { - padding-bottom: 5px; - } + .directorist-user-dashboard-tab li a { + padding-bottom: 5px; + } } .directorist-user-dashboard-tab .directorist-user-dashboard-search { - position: relative; - border-radius: 12px; - margin: 16px 0 16px 16px; + position: relative; + border-radius: 12px; + margin: 16px 0 16px 16px; } .directorist-user-dashboard-tab .directorist-user-dashboard-search__icon { - position: absolute; - left: 16px; - top: 50%; - line-height: 1; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + left: 16px; + top: 50%; + line-height: 1; + transform: translateY(-50%); } .directorist-user-dashboard-tab .directorist-user-dashboard-search__icon i, .directorist-user-dashboard-tab .directorist-user-dashboard-search__icon span { - font-size: 16px; + font-size: 16px; } -.directorist-user-dashboard-tab .directorist-user-dashboard-search__icon .directorist-icon-mask::after { - width: 16px; - height: 16px; +.directorist-user-dashboard-tab + .directorist-user-dashboard-search__icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; } .directorist-user-dashboard-tab .directorist-user-dashboard-search input { - border: 0 none; - border-radius: 18px; - font-size: 14px; - font-weight: 400; - color: #8f8e9f; - padding: 10px 18px 10px 40px; - min-width: 260px; - height: 36px; - background-color: #f6f7f9; - margin-bottom: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; + border: 0 none; + border-radius: 18px; + font-size: 14px; + font-weight: 400; + color: #8f8e9f; + padding: 10px 18px 10px 40px; + min-width: 260px; + height: 36px; + background-color: #f6f7f9; + margin-bottom: 0; + box-sizing: border-box; } .directorist-user-dashboard-tab .directorist-user-dashboard-search input:focus { - outline: none; + outline: none; } @media screen and (max-width: 375px) { - .directorist-user-dashboard-tab .directorist-user-dashboard-search input { - min-width: unset; - } + .directorist-user-dashboard-tab .directorist-user-dashboard-search input { + min-width: unset; + } } .directorist-user-dashboard-tabcontent { - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - border-radius: 12px; - margin-top: 15px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + border-radius: 12px; + margin-top: 15px; } .directorist-user-dashboard-tabcontent .directorist-listing-table { - border-radius: 10px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-table { - display: table; - border: 0 none; - border-collapse: collapse; - border-spacing: 0; - empty-cells: show; - margin-bottom: 0; - margin-top: 0; - overflow: visible !important; - width: 100%; + border-radius: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-table { + display: table; + border: 0 none; + border-collapse: collapse; + border-spacing: 0; + empty-cells: show; + margin-bottom: 0; + margin-top: 0; + overflow: visible !important; + width: 100%; } .directorist-user-dashboard-tabcontent .directorist-listing-table tr { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - text-align: left; + text-align: left; } -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { - min-width: 320px; +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing { + min-width: 320px; } @media (max-width: 1499px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { - min-width: 260px; - } + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing { + min-width: 260px; + } } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { - min-width: 230px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type { - min-width: 180px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing { + min-width: 230px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing-type { + min-width: 180px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type { - min-width: 160px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-category { - min-width: 180px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { - min-width: 250px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing-type { + min-width: 160px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-category { + min-width: 180px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-ex-date { + min-width: 250px; } @media (max-width: 1499px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { - min-width: 220px; - } + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-ex-date { + min-width: 220px; + } } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { - min-width: 200px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status { - min-width: 160px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-ex-date { + min-width: 200px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-status { + min-width: 160px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status { - min-width: 130px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan { - min-width: 120px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-status { + min-width: 130px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist_table-plan { + min-width: 120px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan { - min-width: 100px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions { - min-width: 200px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist_table-plan { + min-width: 100px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-actions { + min-width: 200px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions { - min-width: 150px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child th { - padding-top: 22px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child td { - padding-top: 28px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child td, -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child th { - padding-bottom: 22px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child .directorist-dropdown .directorist-dropdown-menu { - bottom: 100%; - top: auto; - -webkit-transform: translateY(-15px); - transform: translateY(-15px); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child .directorist-dropdown .directorist-dropdown-menu { - bottom: auto; - top: 35px; - -webkit-transform: translateY(0); - transform: translateY(0); + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-actions { + min-width: 150px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:first-child + th { + padding-top: 22px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:first-child + td { + padding-top: 28px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:last-child + td, +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:last-child + th { + padding-bottom: 22px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:last-child + .directorist-dropdown + .directorist-dropdown-menu { + bottom: 100%; + top: auto; + transform: translateY(-15px); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:first-child + .directorist-dropdown + .directorist-dropdown-menu { + bottom: auto; + top: 35px; + transform: translateY(0); } .directorist-user-dashboard-tabcontent .directorist-listing-table tr td, .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - padding: 12.5px 22px; - border: 0 none; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + padding: 12.5px 22px; + border: 0 none; } .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - letter-spacing: 1.1px; - font-size: 12px; - font-weight: 500; - color: #8f8e9f; - text-transform: uppercase; - border-bottom: 1px solid #eff1f6; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__img { - margin-right: 12px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__img img { - width: 44px; - height: 44px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 6px; - max-width: inherit; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-title { - margin: 0 0 5px; - font-size: 15px; - font-weight: 500; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-title a { - color: #0a0b1e; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-price { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge { - font-size: 12px; - font-weight: 700; - border-radius: 4px; - padding: 3px 7px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.primary { - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_publish { - color: var(--directorist-color-success); - background-color: rgba(var(--directorist-color-success-rgb), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_pending { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning-rgb), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_private { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger-rgb), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.danger { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.warning { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a { - font-size: 13px; - text-decoration: none; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn { - color: var(--directorist-color-info); - font-weight: 500; - margin-right: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-info); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-white); - font-weight: 500; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more i, -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more span, -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more svg { - position: relative; - top: 1.5px; - margin-right: 5px; - font-size: 14px; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-checkbox label { - margin-bottom: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown { - position: relative; - border: 0 none; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown .directorist-dropdown-menu { - position: absolute; - right: 0; - top: 35px; - opacity: 0; - visibility: hidden; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); - box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown .directorist-dropdown-menu.active { - opacity: 1; - visibility: visible; - z-index: 22; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu { - min-width: 230px; - border: 1px solid #eff1f6; - padding: 0 0 10px 0; - border-radius: 6px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list { - position: relative; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list:not(:last-child) { - padding-bottom: 10px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list:not(:last-child):after { - position: absolute; - left: 20px; - bottom: 0; - width: calc(100% - 40px); - height: 1px; - background-color: #eff1f6; - content: ""; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item { - padding: 10px 20px; - font-size: 14px; - color: var(--directorist-color-body); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - text-decoration: none; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item:hover { - background-color: #f6f7f9; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item:first-child { - margin-top: 10px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item i { - font-size: 15px; - margin-right: 14px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox { - padding: 10px 20px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox:first-child { - margin-top: 10px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox label { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist_dashboard_rating li:not(:last-child) { - margin-right: 4px; + letter-spacing: 1.1px; + font-size: 12px; + font-weight: 500; + color: #8f8e9f; + text-transform: uppercase; + border-bottom: 1px solid #eff1f6; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info { + display: flex; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__img { + margin-right: 12px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__img + img { + width: 44px; + height: 44px; + object-fit: cover; + border-radius: 6px; + max-width: inherit; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content { + flex: 1; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content + .directorist-title { + margin: 0 0 5px; + font-size: 15px; + font-weight: 500; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content + .directorist-title + a { + color: #0a0b1e; + box-shadow: none; + text-decoration: none; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content + .directorist-price { + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge { + font-size: 12px; + font-weight: 700; + border-radius: 4px; + padding: 3px 7px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.primary { + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.directorist_status_publish { + color: var(--directorist-color-success); + background-color: rgba(var(--directorist-color-success-rgb), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.directorist_status_pending { + color: var(--directorist-color-warning); + background-color: rgba(var(--directorist-color-warning-rgb), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.directorist_status_private { + color: var(--directorist-color-danger); + background-color: rgba(var(--directorist-color-danger-rgb), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.danger { + color: var(--directorist-color-danger); + background-color: rgba(var(--directorist-color-danger), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.warning { + color: var(--directorist-color-warning); + background-color: rgba(var(--directorist-color-warning), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions { + display: flex; + align-items: center; + justify-content: flex-end; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a { + font-size: 13px; + text-decoration: none; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a.directorist-link-btn { + color: var(--directorist-color-info); + font-weight: 500; + margin-right: 20px; + display: flex; + align-items: center; + gap: 5px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a.directorist-link-btn + .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-info); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more { + display: inline-flex; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-white); + font-weight: 500; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more + i, +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more + span, +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more + svg { + position: relative; + top: 1.5px; + margin-right: 5px; + font-size: 14px; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-checkbox + label { + margin-bottom: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown { + position: relative; + border: 0 none; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown + .directorist-dropdown-menu { + position: absolute; + right: 0; + top: 35px; + opacity: 0; + visibility: hidden; + background-color: var(--directorist-color-white); + box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown + .directorist-dropdown-menu.active { + opacity: 1; + visibility: visible; + z-index: 22; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu { + min-width: 230px; + border: 1px solid #eff1f6; + padding: 0 0 10px 0; + border-radius: 6px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list { + position: relative; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list:not(:last-child) { + padding-bottom: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list:not(:last-child):after { + position: absolute; + left: 20px; + bottom: 0; + width: calc(100% - 40px); + height: 1px; + background-color: #eff1f6; + content: ""; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item { + padding: 10px 20px; + font-size: 14px; + color: var(--directorist-color-body); + display: flex; + text-decoration: none; + flex-wrap: wrap; + align-items: center; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item:hover { + background-color: #f6f7f9; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item:first-child { + margin-top: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item + i { + font-size: 15px; + margin-right: 14px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist_custom-checkbox { + padding: 10px 20px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist_custom-checkbox:first-child { + margin-top: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist_custom-checkbox + label { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist_dashboard_rating + li:not(:last-child) { + margin-right: 4px; } .directorist-user-dashboard-tabcontent .directorist_dashboard_category ul { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.directorist-user-dashboard-tabcontent .directorist_dashboard_category li:not(:last-child) { - margin-right: 0px; - margin-bottom: 4px; + flex-direction: column; + align-items: flex-start; +} +.directorist-user-dashboard-tabcontent + .directorist_dashboard_category + li:not(:last-child) { + margin-right: 0px; + margin-bottom: 4px; } .directorist-user-dashboard-tabcontent .directorist_dashboard_category li i, -.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.fas, -.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.fa, -.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.la { - font-size: 15px; - margin-right: 4px; +.directorist-user-dashboard-tabcontent + .directorist_dashboard_category + li + span.fas, +.directorist-user-dashboard-tabcontent + .directorist_dashboard_category + li + span.fa, +.directorist-user-dashboard-tabcontent + .directorist_dashboard_category + li + span.la { + font-size: 15px; + margin-right: 4px; } .directorist-user-dashboard-tabcontent .directorist_dashboard_category li a { - padding: 0; + padding: 0; } .directorist-user-dashboard-tabcontent .directorist-dashboard-pagination { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - margin: 2px 22px 0 22px; - padding: 30px 0 40px; - border-top: 1px solid #eff1f6; -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers { - margin: 4px; - padding: 0; - line-height: normal; - height: 40px; - min-height: 40px; - width: 40px; - min-width: 40px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border: 2px solid var(--directorist-color-border); - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-transition: 0.3s; - transition: 0.3s; - color: var(--directorist-color-body); - text-align: center; - margin: 4px; - right: auto; - float: none; - font-size: 15px; - text-decoration: none; -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers:hover, .directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers.current { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers:hover .directorist-icon-mask:after, .directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers.current .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-body); -} - -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { - min-width: 218px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type { - min-width: 95px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { - min-width: 140px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status { - min-width: 115px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan { - min-width: 120px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions { - min-width: 155px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr td, -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - padding: 12px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn { - margin-right: 15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + margin: 2px 22px 0 22px; + padding: 30px 0 40px; + border-top: 1px solid #eff1f6; +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers { + margin: 4px; + padding: 0; + line-height: normal; + height: 40px; + min-height: 40px; + width: 40px; + min-width: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + border: 2px solid var(--directorist-color-border); + border-radius: 8px; + background-color: var(--directorist-color-white); + transition: 0.3s; + color: var(--directorist-color-body); + text-align: center; + margin: 4px; + right: auto; + float: none; + font-size: 15px; + text-decoration: none; +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers:hover, +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers.current { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers:hover + .directorist-icon-mask:after, +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers.current + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-body); +} + +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing { + min-width: 218px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing-type { + min-width: 95px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-ex-date { + min-width: 140px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-status { + min-width: 115px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist_table-plan { + min-width: 120px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-actions { + min-width: 155px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + td, +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th { + padding: 12px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a.directorist-link-btn { + margin-right: 15px; + display: flex; + align-items: center; } .directorist-table-responsive { - display: block !important; - width: 100%; - overflow-x: auto; - overflow-y: visible; + display: block !important; + width: 100%; + overflow-x: auto; + overflow-y: visible; } @media (max-width: 767px) { - .directorist-user-dashboard-tab .directorist-user-dashboard-tab__nav { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - padding-bottom: 20px; - } - .directorist-user-dashboard-search { - margin-top: 15px; - } + .directorist-user-dashboard-tab .directorist-user-dashboard-tab__nav { + flex-flow: column; + padding-bottom: 20px; + } + .directorist-user-dashboard-search { + margin-top: 15px; + } } .atbdp__draft { - line-height: 24px; - display: inline-block; - font-size: 12px; - font-weight: 500; - padding: 0 10px; - border-radius: 10px; - margin-top: 9px; - color: var(--directorist-color-primary); - background: rgba(var(--directorist-color-primary), 0.1); + line-height: 24px; + display: inline-block; + font-size: 12px; + font-weight: 500; + padding: 0 10px; + border-radius: 10px; + margin-top: 9px; + color: var(--directorist-color-primary); + background: rgba(var(--directorist-color-primary), 0.1); } /* become author modal */ .directorist-become-author-modal { - position: fixed; - width: 100%; - height: 100%; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - left: 0; - top: 0; - z-index: 9999; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - opacity: 0; - pointer-events: none; + position: fixed; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + left: 0; + top: 0; + z-index: 9999; + display: flex; + align-items: center; + justify-content: center; + visibility: hidden; + opacity: 0; + pointer-events: none; } .directorist-become-author-modal.directorist-become-author-modal__show { - visibility: visible; - opacity: 1; - pointer-events: all; + visibility: visible; + opacity: 1; + pointer-events: all; } .directorist-become-author-modal__content { - background-color: var(--directorist-color-white); - border-radius: 5px; - padding: 20px 30px 15px; - text-align: center; - position: relative; + background-color: var(--directorist-color-white); + border-radius: 5px; + padding: 20px 30px 15px; + text-align: center; + position: relative; } .directorist-become-author-modal__content p { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } .directorist-become-author-modal__content h3 { - font-size: 20px; -} -.directorist-become-author-modal__content .directorist-become-author-modal__approve { - background-color: #3e62f5; - display: inline-block; - color: var(--directorist-color-white); - text-align: center; - margin: 10px 5px 0 5px; - min-width: 100px; - padding: 8px 0 !important; - border-radius: 3px; -} -.directorist-become-author-modal__content .directorist-become-author-modal__approve:focus { - background-color: #3e62f5 !important; -} -.directorist-become-author-modal__content .directorist-become-author-modal__cancel { - background-color: #eee; - display: inline-block; - text-align: center; - margin: 10px 5px 0 5px; - min-width: 100px; - padding: 8px 0 !important; - border-radius: 3px; + font-size: 20px; +} +.directorist-become-author-modal__content + .directorist-become-author-modal__approve { + background-color: #3e62f5; + display: inline-block; + color: var(--directorist-color-white); + text-align: center; + margin: 10px 5px 0 5px; + min-width: 100px; + padding: 8px 0 !important; + border-radius: 3px; +} +.directorist-become-author-modal__content + .directorist-become-author-modal__approve:focus { + background-color: #3e62f5 !important; +} +.directorist-become-author-modal__content + .directorist-become-author-modal__cancel { + background-color: #eee; + display: inline-block; + text-align: center; + margin: 10px 5px 0 5px; + min-width: 100px; + padding: 8px 0 !important; + border-radius: 3px; } .directorist-become-author-modal span.directorist-become-author__loader { - border: 2px solid var(--directorist-color-primary); - width: 15px; - height: 15px; - display: inline-block; - border-radius: 50%; - border-right: 2px solid var(--directorist-color-white); - -webkit-animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - visibility: hidden; - opacity: 0; + border: 2px solid var(--directorist-color-primary); + width: 15px; + height: 15px; + display: inline-block; + border-radius: 50%; + border-right: 2px solid var(--directorist-color-white); + animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + visibility: hidden; + opacity: 0; } .directorist-become-author-modal span.directorist-become-author__loader.active { - visibility: visible; - opacity: 1; + visibility: visible; + opacity: 1; } #directorist-become-author-success { - color: #388e3c !important; - margin-bottom: 15px !important; + color: #388e3c !important; + margin-bottom: 15px !important; } .directorist-shade { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - display: none; - opacity: 0; - z-index: -1; - background-color: var(--directorist-color-white); + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + display: none; + opacity: 0; + z-index: -1; + background-color: var(--directorist-color-white); } .directorist-shade.directorist-active { - display: block; - z-index: 21; + display: block; + z-index: 21; } .table.atbd_single_saved_item { - margin: 0; - background-color: var(--directorist-color-white); - border-collapse: collapse; - width: 100%; - min-width: 240px; + margin: 0; + background-color: var(--directorist-color-white); + border-collapse: collapse; + width: 100%; + min-width: 240px; } .table.atbd_single_saved_item td, .table.atbd_single_saved_item th, .table.atbd_single_saved_item tr { - border: 1px solid #ececec; + border: 1px solid #ececec; } .table.atbd_single_saved_item td { - padding: 0 15px; + padding: 0 15px; } .table.atbd_single_saved_item td p { - margin: 5px 0; + margin: 5px 0; } .table.atbd_single_saved_item th { - text-align: left; - padding: 5px 15px; + text-align: left; + padding: 5px 15px; } .table.atbd_single_saved_item .action a.btn { - text-decoration: none; - font-size: 14px; - padding: 8px 15px; - border-radius: 8px; - display: inline-block; + text-decoration: none; + font-size: 14px; + padding: 8px 15px; + border-radius: 8px; + display: inline-block; } .directorist-user-dashboard__nav { - min-width: 230px; - padding: 20px 10px; - margin-right: 30px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - position: relative; - left: 0; - border-radius: 12px; - overflow: hidden; - overflow-y: auto; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + min-width: 230px; + padding: 20px 10px; + margin-right: 30px; + transition: 0.3s ease; + position: relative; + left: 0; + border-radius: 12px; + overflow: hidden; + overflow-y: auto; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } @media only screen and (max-width: 1199px) { - .directorist-user-dashboard__nav { - position: fixed; - top: 0; - left: 0; - width: 230px; - height: 100vh; - background-color: var(--directorist-color-white); - padding-top: 100px; - -webkit-box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1); - box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1); - z-index: 2222; - } + .directorist-user-dashboard__nav { + position: fixed; + top: 0; + left: 0; + width: 230px; + height: 100vh; + background-color: var(--directorist-color-white); + padding-top: 100px; + box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1); + z-index: 2222; + } } @media only screen and (max-width: 600px) { - .directorist-user-dashboard__nav { - right: 20px; - top: 10px; - } + .directorist-user-dashboard__nav { + right: 20px; + top: 10px; + } } .directorist-user-dashboard__nav .directorist-dashboard__nav__close { - display: none; - position: absolute; - right: 15px; - top: 50px; + display: none; + position: absolute; + right: 15px; + top: 50px; } @media only screen and (max-width: 1199px) { - .directorist-user-dashboard__nav .directorist-dashboard__nav__close { - display: block; - } + .directorist-user-dashboard__nav .directorist-dashboard__nav__close { + display: block; + } } @media only screen and (max-width: 600px) { - .directorist-user-dashboard__nav .directorist-dashboard__nav__close { - right: 20px; - top: 10px; - } + .directorist-user-dashboard__nav .directorist-dashboard__nav__close { + right: 20px; + top: 10px; + } } .directorist-user-dashboard__nav.directorist-dashboard-nav-collapsed { - min-width: unset; - width: 0 !important; - height: 0; - margin-right: 0; - left: -230px; - visibility: hidden; - opacity: 0; - padding: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + min-width: unset; + width: 0 !important; + height: 0; + margin-right: 0; + left: -230px; + visibility: hidden; + opacity: 0; + padding: 0; + pointer-events: none; + transition: 0.3s ease; } .directorist-tab__nav__items { - list-style-type: none; - padding: 0; - margin: 0; + list-style-type: none; + padding: 0; + margin: 0; } .directorist-tab__nav__items a { - text-decoration: none; + text-decoration: none; } .directorist-tab__nav__items li { - margin: 0; + margin: 0; } .directorist-tab__nav__items li ul { - display: none; - list-style-type: none; - padding: 0; - margin: 0; + display: none; + list-style-type: none; + padding: 0; + margin: 0; } .directorist-tab__nav__items li ul li a { - padding-left: 25px; - text-decoration: none; + padding-left: 25px; + text-decoration: none; } .directorist-tab__nav__link { - font-size: 14px; - border-radius: 4px; - padding: 10px; - outline: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: var(--directorist-color-body); - text-decoration: none; + font-size: 14px; + border-radius: 4px; + padding: 10px; + outline: 0; + display: flex; + justify-content: space-between; + align-items: center; + color: var(--directorist-color-body); + text-decoration: none; } .directorist-tab__nav__link .directorist_menuItem-text { - pointer-events: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-tab__nav__link .directorist_menuItem-text .directorist_menuItem-icon { - line-height: 0; + pointer-events: none; + display: flex; + gap: 10px; + flex-wrap: wrap; + align-items: center; +} +.directorist-tab__nav__link + .directorist_menuItem-text + .directorist_menuItem-icon { + line-height: 0; } .directorist-tab__nav__link .directorist_menuItem-text i, .directorist-tab__nav__link .directorist_menuItem-text span.fa { - pointer-events: none; - display: inline-block; - margin-right: 10px; + pointer-events: none; + display: inline-block; + margin-right: 10px; } -.directorist-tab__nav__link.directorist-tab__nav__active, .directorist-tab__nav__link:focus { - font-weight: 700; - background-color: var(--directorist-color-border); - color: var(--directorist-color-primary); +.directorist-tab__nav__link.directorist-tab__nav__active, +.directorist-tab__nav__link:focus { + font-weight: 700; + background-color: var(--directorist-color-border); + color: var(--directorist-color-primary); } -.directorist-tab__nav__link.directorist-tab__nav__active .directorist-icon-mask:after, .directorist-tab__nav__link:focus .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); +.directorist-tab__nav__link.directorist-tab__nav__active + .directorist-icon-mask:after, +.directorist-tab__nav__link:focus .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } -.directorist-tab__nav__link.directorist-tab__nav__active.atbd-dash-nav-dropdown, .directorist-tab__nav__link:focus.atbd-dash-nav-dropdown { - background-color: transparent; +.directorist-tab__nav__link.directorist-tab__nav__active.atbd-dash-nav-dropdown, +.directorist-tab__nav__link:focus.atbd-dash-nav-dropdown { + background-color: transparent; } /* user dashboard sidebar nav action */ .directorist-tab__nav__action { - margin-top: 15px; + margin-top: 15px; } .directorist-tab__nav__action .directorist-btn { - display: block; + display: block; } .directorist-tab__nav__action .directorist-btn:not(:last-child) { - margin-bottom: 15px; + margin-bottom: 15px; } /* user dashboard tab style */ .directorist-tab__pane { - display: none; + display: none; } .directorist-tab__pane.directorist-tab__pane--active { - display: block; + display: block; } -#dashboard_profile #user_profile_form.directorist-profile-responsive .directorist-col-lg-3 { - width: 100%; +#dashboard_profile + #user_profile_form.directorist-profile-responsive + .directorist-col-lg-3 { + width: 100%; } -#dashboard_profile #user_profile_form.directorist-profile-responsive .directorist-col-lg-9 { - width: 100%; +#dashboard_profile + #user_profile_form.directorist-profile-responsive + .directorist-col-lg-9 { + width: 100%; } .directorist-image-profile-wrap { - padding: 25px; - background-color: var(--directorist-color-white); - border-radius: 12px; - border: 1px solid #ececec; + padding: 25px; + background-color: var(--directorist-color-white); + border-radius: 12px; + border: 1px solid #ececec; } .directorist-image-profile-wrap .ezmu__upload-button-wrap .ezmu__btn { - border-radius: 8px; - padding: 10.5px 30px; - background-color: #f6f7f9; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); + border-radius: 8px; + padding: 10.5px 30px; + background-color: #f6f7f9; + box-shadow: 0 0; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); } .directorist-image-profile-wrap .directorist-profile-uploader { - border-radius: 12px; -} -.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__front-item__close-icon { - background-image: none; -} -.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__front-item__close-icon .directorist-icon-mask::after { - width: 16px; - height: 16px; -} -.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__loading-icon-img-bg { - background-image: none; - background-color: var(--directorist-color-primary); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/d3eaad4748ac9cd2b7ca.svg); - mask-image: url(../js/d3eaad4748ac9cd2b7ca.svg); -} -.directorist-image-profile-wrap .ezmu__thumbnail-list-item.ezmu__thumbnail_avater { - max-width: 140px; + border-radius: 12px; +} +.directorist-image-profile-wrap + .directorist-profile-uploader + .ezmu__front-item__close-icon { + background-image: none; +} +.directorist-image-profile-wrap + .directorist-profile-uploader + .ezmu__front-item__close-icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; +} +.directorist-image-profile-wrap + .directorist-profile-uploader + .ezmu__loading-icon-img-bg { + background-image: none; + background-color: var(--directorist-color-primary); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/232acb97ace4f437ace78cc02bdfd165.svg); +} +.directorist-image-profile-wrap + .ezmu__thumbnail-list-item.ezmu__thumbnail_avater { + max-width: 140px; } .directorist-user-profile-box .directorist-card__header { - padding: 18px 20px; + padding: 18px 20px; } .directorist-user-profile-box .directorist-card__body { - padding: 25px 25px 30px 25px; + padding: 25px 25px 30px 25px; } .directorist-user-info-wrap .directorist-form-group { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-user-info-wrap .directorist-form-group > label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-bottom: 5px; -} -.directorist-user-info-wrap .directorist-form-group .directorist-input-extra-info { - color: var(--directorist-color-light-gray); - display: inline-block; - font-size: 14px; - font-weight: 400; - margin-top: 4px; + display: inline-flex; + margin-bottom: 5px; +} +.directorist-user-info-wrap + .directorist-form-group + .directorist-input-extra-info { + color: var(--directorist-color-light-gray); + display: inline-block; + font-size: 14px; + font-weight: 400; + margin-top: 4px; } .directorist-user-info-wrap .directorist-btn-profile-save { - width: 100%; - text-align: center; - text-transform: capitalize; - text-decoration: none; + width: 100%; + text-align: center; + text-transform: capitalize; + text-decoration: none; } .directorist-user-info-wrap #directorist-profile-notice .directorist-alert { - margin-top: 15px; + margin-top: 15px; } /* User Preferences */ -.directorist-user_preferences .directorist-preference-toggle .directorist-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; -} -.directorist-user_preferences .directorist-preference-toggle .directorist-form-group label { - margin-bottom: 0; - color: var(--directorist-color-dark); - font-size: 14px; - font-weight: 400; -} -.directorist-user_preferences .directorist-preference-toggle .directorist-form-group input { - margin: 0; -} -.directorist-user_preferences .directorist-preference-toggle .directorist-toggle-label { - font-size: 14px; - color: var(--directorist-color-dark); - font-weight: 600; - line-height: normal; +.directorist-user_preferences + .directorist-preference-toggle + .directorist-form-group { + display: flex; + align-items: center; + gap: 10px; +} +.directorist-user_preferences + .directorist-preference-toggle + .directorist-form-group + label { + margin-bottom: 0; + color: var(--directorist-color-dark); + font-size: 14px; + font-weight: 400; +} +.directorist-user_preferences + .directorist-preference-toggle + .directorist-form-group + input { + margin: 0; +} +.directorist-user_preferences + .directorist-preference-toggle + .directorist-toggle-label { + font-size: 14px; + color: var(--directorist-color-dark); + font-weight: 600; + line-height: normal; } .directorist-user_preferences .directorist-preference-radio { - margin-top: 25px; -} -.directorist-user_preferences .directorist-preference-radio .directorist-preference-radio__label { - color: var(--directorist-color-dark); - font-weight: 700; - font-size: 14px; - margin-bottom: 10px; -} -.directorist-user_preferences .directorist-preference-radio .directorist-radio-wrapper { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 12px; -} -.directorist-user_preferences .select2.select2-container.select2-container--default .select2-selection__arrow b, -.directorist-user_preferences .select2-selection__arrow, .directorist-user_preferences .select2-selection__clear { - display: block !important; -} -.directorist-user_preferences .select2.select2-container.select2-container--default.select2-container--open .select2-selection { - border-bottom-color: var(--directorist-color-primary); + margin-top: 25px; +} +.directorist-user_preferences + .directorist-preference-radio + .directorist-preference-radio__label { + color: var(--directorist-color-dark); + font-weight: 700; + font-size: 14px; + margin-bottom: 10px; +} +.directorist-user_preferences + .directorist-preference-radio + .directorist-radio-wrapper { + flex-direction: column; + gap: 12px; +} +.directorist-user_preferences + .select2.select2-container.select2-container--default + .select2-selection__arrow + b, +.directorist-user_preferences .select2-selection__arrow, +.directorist-user_preferences .select2-selection__clear { + display: block !important; +} +.directorist-user_preferences + .select2.select2-container.select2-container--default.select2-container--open + .select2-selection { + border-bottom-color: var(--directorist-color-primary); } /* Directorist Toggle */ .directorist-toggle { - cursor: pointer; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; + cursor: pointer; + display: inline-flex; + align-items: center; + gap: 10px; } .directorist-toggle-switch { - display: inline-block; - background: var(--directorist-color-border); - border-radius: 12px; - width: 44px; - height: 22px; - position: relative; - vertical-align: middle; - -webkit-transition: background 0.25s; - transition: background 0.25s; -} -.directorist-toggle-switch:before, .directorist-toggle-switch:after { - content: ""; + display: inline-block; + background: var(--directorist-color-border); + border-radius: 12px; + width: 44px; + height: 22px; + position: relative; + vertical-align: middle; + transition: background 0.25s; +} +.directorist-toggle-switch:before, +.directorist-toggle-switch:after { + content: ""; } .directorist-toggle-switch:before { - display: block; - background: white; - border-radius: 50%; - width: 16px; - height: 16px; - position: absolute; - top: 3px; - left: 4px; - -webkit-transition: left 0.25s; - transition: left 0.25s; + display: block; + background: white; + border-radius: 50%; + width: 16px; + height: 16px; + position: absolute; + top: 3px; + left: 4px; + transition: left 0.25s; } .directorist-toggle:hover .directorist-toggle-switch:before { - background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)); - background: linear-gradient(to bottom, #fff 0%, #fff 100%); + background: linear-gradient(to bottom, #fff 0%, #fff 100%); } .directorist-toggle-checkbox:checked + .directorist-toggle-switch { - background: var(--directorist-color-primary); + background: var(--directorist-color-primary); } .directorist-toggle-checkbox:checked + .directorist-toggle-switch:before { - left: 25px; + left: 25px; } .directorist-toggle-checkbox { - position: absolute; - visibility: hidden; + position: absolute; + visibility: hidden; } .directorist-user-socials .directorist-user-social-label { - font-size: 18px; - padding-bottom: 18px; - margin-bottom: 28px !important; - border-bottom: 1px solid #eff1f6; + font-size: 18px; + padding-bottom: 18px; + margin-bottom: 28px !important; + border-bottom: 1px solid #eff1f6; } .directorist-user-socials label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + align-items: center; } .directorist-user-socials label .directorist-social-icon { - margin-right: 6px; + margin-right: 6px; } -.directorist-user-socials label .directorist-social-icon .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #0a0b1e; +.directorist-user-socials + label + .directorist-social-icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: #0a0b1e; } #directorist-prifile-notice .directorist-alert { - width: 100%; - display: inline-block; - margin-top: 15px; + width: 100%; + display: inline-block; + margin-top: 15px; } .directorist-announcement-wrapper { - background-color: var(--directorist-color-white); - border-radius: 12px; - padding: 20px 10px; - -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); - box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); + background-color: var(--directorist-color-white); + border-radius: 12px; + padding: 20px 10px; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); } .directorist-announcement-wrapper .directorist-announcement { - font-size: 15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-bottom: 15.5px; - margin-bottom: 15.5px; - border-bottom: 1px solid #f1f2f6; + font-size: 15px; + display: flex; + align-items: center; + padding-bottom: 15.5px; + margin-bottom: 15.5px; + border-bottom: 1px solid #f1f2f6; } .directorist-announcement-wrapper .directorist-announcement:last-child { - padding-bottom: 0; - margin-bottom: 0; - border-bottom: 0 none; + padding-bottom: 0; + margin-bottom: 0; + border-bottom: 0 none; } @media (max-width: 479px) { - .directorist-announcement-wrapper .directorist-announcement { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-announcement-wrapper .directorist-announcement { + flex-direction: column; + } } .directorist-announcement-wrapper .directorist-announcement__date { - -webkit-box-flex: 0.4217; - -webkit-flex: 0.4217; - -ms-flex: 0.4217; - flex: 0.4217; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background-color: #f5f6f8; - border-radius: 6px; - padding: 10.5px; - min-width: 120px; + flex: 0.4217; + display: flex; + flex-direction: column; + align-items: center; + background-color: #f5f6f8; + border-radius: 6px; + padding: 10.5px; + min-width: 120px; } @media (max-width: 1199px) { - .directorist-announcement-wrapper .directorist-announcement__date { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - } + .directorist-announcement-wrapper .directorist-announcement__date { + flex: 1; + } } @media (max-width: 479px) { - .directorist-announcement-wrapper .directorist-announcement__date { - -webkit-box-flex: 100%; - -webkit-flex: 100%; - -ms-flex: 100%; - flex: 100%; - width: 100%; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-announcement-wrapper .directorist-announcement__date { + flex: 100%; + width: 100%; + flex-direction: row; + justify-content: center; + } } .directorist-announcement-wrapper .directorist-announcement__date__part-one { - font-size: 18px; - line-height: 1.2; - font-weight: 500; - color: #171b2e; + font-size: 18px; + line-height: 1.2; + font-weight: 500; + color: #171b2e; } .directorist-announcement-wrapper .directorist-announcement__date__part-two { - font-size: 14px; - font-weight: 400; - color: #5a5f7d; + font-size: 14px; + font-weight: 400; + color: #5a5f7d; } .directorist-announcement-wrapper .directorist-announcement__date__part-three { - font-size: 14px; - font-weight: 500; - color: #171b2e; + font-size: 14px; + font-weight: 500; + color: #171b2e; } .directorist-announcement-wrapper .directorist-announcement__content { - -webkit-box-flex: 8; - -webkit-flex: 8; - -ms-flex: 8; - flex: 8; - padding-left: 15px; + flex: 8; + padding-left: 15px; } @media (max-width: 1199px) { - .directorist-announcement-wrapper .directorist-announcement__content { - -webkit-box-flex: 6; - -webkit-flex: 6; - -ms-flex: 6; - flex: 6; - } + .directorist-announcement-wrapper .directorist-announcement__content { + flex: 6; + } } @media (max-width: 479px) { - .directorist-announcement-wrapper .directorist-announcement__content { - padding-left: 0; - margin: 12px 0 6px; - text-align: center; - } -} -.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title { - font-size: 18px; - font-weight: 500; - color: var(--directorist-color-primary); - margin-bottom: 6px; - margin-top: 0; -} -.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title p { - font-size: 14px; - font-weight: 400; - color: #69708e; -} -.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title p:empty { - display: none; + .directorist-announcement-wrapper .directorist-announcement__content { + padding-left: 0; + margin: 12px 0 6px; + text-align: center; + } +} +.directorist-announcement-wrapper + .directorist-announcement__content + .directorist-announcement__title { + font-size: 18px; + font-weight: 500; + color: var(--directorist-color-primary); + margin-bottom: 6px; + margin-top: 0; +} +.directorist-announcement-wrapper + .directorist-announcement__content + .directorist-announcement__title + p { + font-size: 14px; + font-weight: 400; + color: #69708e; +} +.directorist-announcement-wrapper + .directorist-announcement__content + .directorist-announcement__title + p:empty { + display: none; } .directorist-announcement-wrapper .directorist-announcement__content p:empty { - display: none; + display: none; } .directorist-announcement-wrapper .directorist-announcement__close { - -webkit-box-flex: 0; - -webkit-flex: 0; - -ms-flex: 0; - flex: 0; -} -.directorist-announcement-wrapper .directorist-announcement__close .close-announcement { - height: 36px; - width: 36px; - border-radius: 50%; - background-color: #f5f5f5; - border: 0 none; - padding: 0; - -webkit-transition: 0.35s; - transition: 0.35s; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-announcement-wrapper .directorist-announcement__close .close-announcement .directorist-icon-mask::after { - -webkit-transition: 0.35s; - transition: 0.35s; - background-color: #474868; -} -.directorist-announcement-wrapper .directorist-announcement__close .close-announcement:hover { - background-color: var(--directorist-color-danger); -} -.directorist-announcement-wrapper .directorist-announcement__close .close-announcement:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + flex: 0; +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement { + height: 36px; + width: 36px; + border-radius: 50%; + background-color: #f5f5f5; + border: 0 none; + padding: 0; + transition: 0.35s; + display: inline-flex; + align-items: center; + justify-content: center; +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement + .directorist-icon-mask::after { + transition: 0.35s; + background-color: #474868; +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement:hover { + background-color: var(--directorist-color-danger); +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-announcement-wrapper .directorist_not-found { - margin: 0; + margin: 0; } .directorist-announcement-count { - display: none; - border-radius: 30px; - min-width: 20px; - height: 20px; - line-height: 20px; - color: var(--directorist-color-white); - text-align: center; - margin: 0 10px; - vertical-align: middle; - background-color: #ff3c3c; + display: none; + border-radius: 30px; + min-width: 20px; + height: 20px; + line-height: 20px; + color: var(--directorist-color-white); + text-align: center; + margin: 0 10px; + vertical-align: middle; + background-color: #ff3c3c; } .directorist-announcement-count.show { - display: inline-block; + display: inline-block; } .directorist-payment-instructions, .directorist-payment-thanks-text { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-payment-instructions { - margin-bottom: 38px; + margin-bottom: 38px; } .directorist-payment-thanks-text { - font-size: 15px; + font-size: 15px; } .directorist-payment-table .directorist-table { - margin: 0; - border: none; + margin: 0; + border: none; } .directorist-payment-table th { - font-size: 14px; - font-weight: 500; - text-align: left; - padding: 9px 20px; - border: none; - color: var(--directorist-color-dark); - background-color: var(--directorist-color-bg-gray); + font-size: 14px; + font-weight: 500; + text-align: left; + padding: 9px 20px; + border: none; + color: var(--directorist-color-dark); + background-color: var(--directorist-color-bg-gray); } .directorist-payment-table tbody td { - font-size: 14px; - font-weight: 500; - padding: 5px 0; - vertical-align: top; - border: none; - color: var(--directorist-color-dark); + font-size: 14px; + font-weight: 500; + padding: 5px 0; + vertical-align: top; + border: none; + color: var(--directorist-color-dark); } .directorist-payment-table tbody tr:first-child td { - padding-top: 20px; + padding-top: 20px; } .directorist-payment-table__label { - font-weight: 400; - width: 140px; - color: var(--directorist-color-light-gray) !important; + font-weight: 400; + width: 140px; + color: var(--directorist-color-light-gray) !important; } .directorist-payment-table__title { - font-size: 15px; - font-weight: 600; - margin: 0 0 10px !important; - text-transform: capitalize; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 600; + margin: 0 0 10px !important; + text-transform: capitalize; + color: var(--directorist-color-dark); } .directorist-payment-table__title.directorist-payment-table__title--large { - font-size: 16px; + font-size: 16px; } .directorist-payment-table p { - font-size: 13px; - margin: 0; - color: var(--directorist-color-light-gray); + font-size: 13px; + margin: 0; + color: var(--directorist-color-light-gray); } .directorist-payment-summery-table tbody td { - padding: 12px 0; + padding: 12px 0; } .directorist-payment-summery-table tbody td:nth-child(even) { - text-align: right; + text-align: right; } .directorist-payment-summery-table tbody tr.directorsit-payment-table-total td, -.directorist-payment-summery-table tbody tr.directorsit-payment-table-total .directorist-payment-table__title { - font-size: 16px; +.directorist-payment-summery-table + tbody + tr.directorsit-payment-table-total + .directorist-payment-table__title { + font-size: 16px; } .directorist-btn-view-listing { - min-height: 54px; - border-radius: 10px; + min-height: 54px; + border-radius: 10px; } .directorist-checkout-card { - -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); - box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); - -webkit-filter: none; - filter: none; + box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); + filter: none; } .directorist-checkout-card tr:not(:last-child) td { - padding-bottom: 15px; - border-bottom: 1px solid var(--directorist-color-border); + padding-bottom: 15px; + border-bottom: 1px solid var(--directorist-color-border); } .directorist-checkout-card tr:not(:first-child) td { - padding-top: 15px; + padding-top: 15px; } .directorist-checkout-card .directorist-card__header { - padding: 24px 40px; + padding: 24px 40px; } .directorist-checkout-card .directorist-card__header__title { - font-size: 24px; - font-weight: 600; + font-size: 24px; + font-weight: 600; } @media (max-width: 575px) { - .directorist-checkout-card .directorist-card__header__title { - font-size: 18px; - } + .directorist-checkout-card .directorist-card__header__title { + font-size: 18px; + } } .directorist-checkout-card .directorist-card__body { - padding: 20px 40px 40px; + padding: 20px 40px 40px; } .directorist-checkout-card .directorist-summery-label { - font-size: 15px; - font-weight: 500; - color: var(--color-dark); + font-size: 15px; + font-weight: 500; + color: var(--color-dark); } .directorist-checkout-card .directorist-summery-label-description { - font-size: 13px; - margin-top: 4px; - color: var(--directorist-color-light-gray); + font-size: 13px; + margin-top: 4px; + color: var(--directorist-color-light-gray); } .directorist-checkout-card .directorist-summery-amount { - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-body); + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-body); } .directorist-payment-gateways { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-payment-gateways ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist-payment-gateways li { - list-style-type: none; - padding: 0; - margin: 0; + list-style-type: none; + padding: 0; + margin: 0; } .directorist-payment-gateways li:not(:last-child) { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-payment-gateways li .gateway_list { - margin-bottom: 10px; -} -.directorist-payment-gateways .directorist-radio input[type=radio] + .directorist-radio__label { - font-size: 16px; - font-weight: 500; - line-height: 1.15; - color: var(--directorist-color-dark); -} -.directorist-payment-gateways .directorist-card__body .directorist-payment-text { - font-size: 14px; - font-weight: 400; - line-height: 1.86; - margin-top: 4px; - color: var(--directorist-color-body); + margin-bottom: 10px; +} +.directorist-payment-gateways + .directorist-radio + input[type="radio"] + + .directorist-radio__label { + font-size: 16px; + font-weight: 500; + line-height: 1.15; + color: var(--directorist-color-dark); +} +.directorist-payment-gateways + .directorist-card__body + .directorist-payment-text { + font-size: 14px; + font-weight: 400; + line-height: 1.86; + margin-top: 4px; + color: var(--directorist-color-body); } .directorist-payment-action { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 42px -7px -7px -7px; + flex-wrap: wrap; + margin: 42px -7px -7px -7px; } .directorist-payment-action .directorist-btn { - min-height: 54px; - padding: 0 80px; - border-radius: 8px; - margin: 7px; - max-width: none; - width: auto; - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 8px; + min-height: 54px; + padding: 0 80px; + border-radius: 8px; + margin: 7px; + max-width: none; + width: auto; + position: relative; + display: flex; + align-items: center; + justify-content: center; + gap: 8px; } @media (max-width: 1399px) { - .directorist-payment-action .directorist-btn { - padding: 0 40px; - } + .directorist-payment-action .directorist-btn { + padding: 0 40px; + } } @media (max-width: 1199px) { - .directorist-payment-action .directorist-btn { - padding: 0 30px; - } + .directorist-payment-action .directorist-btn { + padding: 0 30px; + } } .directorist-payment-action .directorist-btn .directorist-btn-text { - display: inline-block; + display: inline-block; } .directorist-payment-action .directorist-btn .directorist-btn-spinner { - display: none; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-payment-action .directorist-btn .directorist-btn-spinner .directorist-spinner { - -webkit-animation: directorist-spin 1s linear infinite; - animation: directorist-spin 1s linear infinite; + display: none; + align-items: center; + justify-content: center; } -.directorist-payment-action .directorist-btn:disabled { - cursor: not-allowed; - opacity: 0.7; +.directorist-payment-action + .directorist-btn + .directorist-btn-spinner + .directorist-spinner { + animation: directorist-spin 1s linear infinite; } - -@-webkit-keyframes directorist-spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } +.directorist-payment-action .directorist-btn:disabled { + cursor: not-allowed; + opacity: 0.7; } @keyframes directorist-spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } } .directorist-summery-total .directorist-summery-label, .directorist-summery-total .directorist-summery-amount { - font-size: 18px; - font-weight: 500; - color: var(--color-dark); + font-size: 18px; + font-weight: 500; + color: var(--color-dark); } .directorist-iframe { - border: none; + border: none; } .ads-advanced .bottom-inputs { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } /*responsive css */ @media (min-width: 992px) and (max-width: 1199px) { - .atbd_content_active .widget.atbd_widget .atbdp, - .atbd_content_active .widget.atbd_widget .directorist, - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbdp, - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .directorist { - padding: 20px 20px 15px; - } - .atbd_content_active #directorist.atbd_wrapper .atbdp_column { - width: 33.3333% !important; - } - #directorist.atbd_wrapper .atbdp_col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; - max-width: 25%; - } + .atbd_content_active .widget.atbd_widget .atbdp, + .atbd_content_active .widget.atbd_widget .directorist, + .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbdp, + .atbd_content_active + #directorist.atbd_wrapper + .widget.atbd_widget + .directorist { + padding: 20px 20px 15px; + } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 33.3333% !important; + } + #directorist.atbd_wrapper .atbdp_col-5 { + flex: 0 0 25%; + max-width: 25%; + } } @media (min-width: 768px) and (max-width: 991px) { - .atbd_content_active #directorist.atbd_wrapper .atbdp_column { - width: 50% !important; - } - .atbd_content_active #directorist.atbd_wrapper.dashboard_area .user_pro_img_area .user_img .ezmu__thumbnail-img { - height: 114px; - width: 114px !important; - } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 50% !important; + } + .atbd_content_active + #directorist.atbd_wrapper.dashboard_area + .user_pro_img_area + .user_img + .ezmu__thumbnail-img { + height: 114px; + width: 114px !important; + } } @media (max-width: 991px) { - .ads-advanced .price-frequency { - margin-left: -2px; - } - #directorist.atbd_wrapper .atbdp_col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-width: 33.33%; - } - .ads-advanced .atbdp-custom-fields-search .form-group { - width: 50%; - } - .ads-advanced .atbd_seach_fields_wrapper .single_search_field { - margin-bottom: 10px; - margin-top: 0 !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form { - margin-left: -15px; - margin-right: -15px; - } + .ads-advanced .price-frequency { + margin-left: -2px; + } + #directorist.atbd_wrapper .atbdp_col-5 { + flex: 0 0 33.33%; + max-width: 33.33%; + } + .ads-advanced .atbdp-custom-fields-search .form-group { + width: 50%; + } + .ads-advanced .atbd_seach_fields_wrapper .single_search_field { + margin-bottom: 10px; + margin-top: 0 !important; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form { + margin-left: -15px; + margin-right: -15px; + } } @media (max-width: 767px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - margin-top: 0; - margin-top: 10px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field:last-child { - margin-top: 0; - margin-bottom: 0; - } - #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline .single_search_field { - border-right: 0; - } - #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline { - padding-right: 0; - } - #directorist .atbd_listing_details .atbd_area_title { - margin-bottom: 15px; - } - .atbd_content_active #directorist.atbd_wrapper .atbdp_column { - width: 50% !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { - padding: 20px 15px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta { - margin-top: 30px; - } - .ads-advanced .bottom-inputs > div { - width: 50%; - } - #directorist.atbd_wrapper .atbdp_col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-width: 33.33%; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_directry_gallery_wrapper .atbd_big_gallery img { - width: 100%; - } - .atbd_content_active #directorist.atbd_wrapper.atbd_add_listing_wrapper #atbdp_socialInFo .atbdp_social_field_wrapper .form-group { - margin-bottom: 15px; - } - .atbd_content_active #directorist.atbd_wrapper.atbd_add_listing_wrapper .atbdp_faqs_wrapper .form-group { - margin-bottom: 15px; - } - .atbd_content_active #directorist.atbd_wrapper.dashboard_area .user_pro_img_area { - margin-bottom: 30px; - } - .ads-advanced .atbdp-custom-fields-search .form-group { - width: 100%; - } - .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_select label, - .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_date label, - .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_time label, - .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_color label { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - } - .ads-advanced .bdas-filter-actions { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } - .edit_btn_wrap .atbdp_float_active { - bottom: 80px; - } - .edit_btn_wrap .atbdp_float_active .btn { - font-size: 15px !important; - padding: 13px 30px !important; - line-height: 20px !important; - } - .nav_button { - z-index: 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field { - padding-left: 0 !important; - padding-right: 0 !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_content_module_title_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap, - .atbd_content_active #directorist.atbd_wrapper .atbd_content_module__tittle_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap { - left: auto; - right: 0; - } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form + .single_search_field { + flex: 0 0 100%; + margin-top: 0; + margin-top: 10px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form + .single_search_field:last-child { + margin-top: 0; + margin-bottom: 0; + } + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form.atbdp-search-form-inline + .single_search_field { + border-right: 0; + } + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form.atbdp-search-form-inline { + padding-right: 0; + } + #directorist .atbd_listing_details .atbd_area_title { + margin-bottom: 15px; + } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 50% !important; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { + padding: 20px 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_meta { + margin-top: 30px; + } + .ads-advanced .bottom-inputs > div { + width: 50%; + } + #directorist.atbd_wrapper .atbdp_col-5 { + flex: 0 0 33.33%; + max-width: 33.33%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_directry_gallery_wrapper + .atbd_big_gallery + img { + width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper.atbd_add_listing_wrapper + #atbdp_socialInFo + .atbdp_social_field_wrapper + .form-group { + margin-bottom: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper.atbd_add_listing_wrapper + .atbdp_faqs_wrapper + .form-group { + margin-bottom: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper.dashboard_area + .user_pro_img_area { + margin-bottom: 30px; + } + .ads-advanced .atbdp-custom-fields-search .form-group { + width: 100%; + } + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_select label, + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_date label, + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_time label, + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_color label { + flex: none; + } + .ads-advanced .bdas-filter-actions { + flex-wrap: wrap; + } + .edit_btn_wrap .atbdp_float_active { + bottom: 80px; + } + .edit_btn_wrap .atbdp_float_active .btn { + font-size: 15px !important; + padding: 13px 30px !important; + line-height: 20px !important; + } + .nav_button { + z-index: 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form + .single_search_field { + padding-left: 0 !important; + padding-right: 0 !important; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module_title_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module__tittle_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap { + left: auto; + right: 0; + } } @media (max-width: 650px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { - padding-top: 30px; - padding-bottom: 27px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar, - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - text-align: center; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar img { - width: 80px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd { - margin: 10px 0 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd p { - text-align: center; - } + .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { + padding-top: 30px; + padding-bottom: 27px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_meta { + flex: none; + width: 100%; + justify-content: center; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar { + align-items: center; + flex-direction: column; + text-align: center; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + img { + width: 80px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd { + margin: 10px 0 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd + p { + text-align: center; + } } @media (max-width: 575px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-align: center; - width: 100%; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd { - margin-top: 10px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta { - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } - .atbd_content_active #directorist.atbd_wrapper.dashboard_area .atbd_saved_items_wrapper .atbd_single_saved_item { - border: 0 none; - padding: 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbdp_column { - width: 100% !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_author_listings_area { - display: block; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_author_listings_area .atbd_author_filter_area { - margin-top: 15px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd { - margin-left: 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields > li { - display: block; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_title, - .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_content { - width: 100%; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_content { - border: 0 none; - padding-top: 0; - padding-right: 30px; - padding-left: 30px; - } - .ads-advanced .bottom-inputs > div { - width: 100%; - } - .ads-advanced .price_ranges, - .ads-advanced .select-basic, - .ads-advanced .bads-tags, - .ads-advanced .bads-custom-checks, - .ads-advanced .atbdp_custom_radios, - .ads-advanced .wp-picker-container, - .ads-advanced .form-group > .form-control, - .ads-advanced .atbdp-custom-fields-search .form-group .form-control { - -webkit-box-flex: 1; - -webkit-flex: auto; - -ms-flex: auto; - flex: auto; - width: 100% !important; - } - .ads-advanced .form-group label { - margin-bottom: 10px !important; - } - .ads-advanced .more-less, - .ads-advanced .more-or-less { - text-align: left; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn { - margin-left: 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } - #directorist.atbd_wrapper .atbdp_col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - max-width: 100%; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - margin: 5px 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title h3 { - margin-right: 10px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn { - margin: 5px 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_embeded_video { - margin-bottom: 0; - } - .ads-advanced .bdas-filter-actions .btn { - margin-top: 5px !important; - margin-bottom: 5px !important; - } - .atbdpr-range .atbd_slider-range-wrapper { - margin: 0; - } - .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range, - .atbdpr-range .atbd_slider-range-wrapper .d-flex { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - width: 100%; - } - .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range { - margin-left: 0; - margin-right: 0; - } - .atbdpr-range .atbd_slider-range-wrapper .d-flex { - padding: 0 !important; - margin: 5px 0 0 !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_single_listing.atbd_listing_list .atbd_single_listing_wrapper { - display: block; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_single_listing.atbd_listing_list .atbd_single_listing_wrapper .atbd_listing_thumbnail_area img { - border-radius: 3px 3px 0 0; - } - .edit_btn_wrap .atbdp_float_active { - right: 0; - bottom: 0; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 0; - } - .edit_btn_wrap .atbdp_float_active .btn { - margin: 0 5px !important; - font-size: 15px !important; - padding: 10px 20px !important; - line-height: 18px !important; - } - .atbd_post_draft { - padding-bottom: 80px; - } - .ads-advanced .atbd_seach_fields_wrapper .single_search_field { - margin-bottom: 10px !important; - margin-top: 0 !important; - } - .atbd-listing-tags .atbdb_content_module_contents ul li { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - } - #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline { - padding-right: 0; - } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar { + flex-wrap: wrap; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd { + margin-top: 10px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_meta { + width: 100%; + justify-content: center; + } + .atbd_content_active + #directorist.atbd_wrapper.dashboard_area + .atbd_saved_items_wrapper + .atbd_single_saved_item { + border: 0 none; + padding: 0; + } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 100% !important; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_author_listings_area { + display: block; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_author_listings_area + .atbd_author_filter_area { + margin-top: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd { + margin-left: 0; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields > li { + display: block; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_custom_fields + .atbd_custom_field_title, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_custom_fields + .atbd_custom_field_content { + width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_custom_fields + .atbd_custom_field_content { + border: 0 none; + padding-top: 0; + padding-right: 30px; + padding-left: 30px; + } + .ads-advanced .bottom-inputs > div { + width: 100%; + } + .ads-advanced .price_ranges, + .ads-advanced .select-basic, + .ads-advanced .bads-tags, + .ads-advanced .bads-custom-checks, + .ads-advanced .atbdp_custom_radios, + .ads-advanced .wp-picker-container, + .ads-advanced .form-group > .form-control, + .ads-advanced .atbdp-custom-fields-search .form-group .form-control { + flex: auto; + width: 100% !important; + } + .ads-advanced .form-group label { + margin-bottom: 10px !important; + } + .ads-advanced .more-less, + .ads-advanced .more-or-less { + text-align: left; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_listing_action_btn { + margin-left: 0; + flex-wrap: wrap; + } + #directorist.atbd_wrapper .atbdp_col-5 { + flex: 0 0 100%; + max-width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title { + flex-wrap: wrap; + justify-content: flex-start; + margin: 5px 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title + h3 { + margin-right: 10px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_listing_action_btn { + margin: 5px 0; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_embeded_video { + margin-bottom: 0; + } + .ads-advanced .bdas-filter-actions .btn { + margin-top: 5px !important; + margin-bottom: 5px !important; + } + .atbdpr-range .atbd_slider-range-wrapper { + margin: 0; + } + .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range, + .atbdpr-range .atbd_slider-range-wrapper .d-flex { + flex: none; + width: 100%; + } + .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range { + margin-left: 0; + margin-right: 0; + } + .atbdpr-range .atbd_slider-range-wrapper .d-flex { + padding: 0 !important; + margin: 5px 0 0 !important; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_single_listing.atbd_listing_list + .atbd_single_listing_wrapper { + display: block; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_single_listing.atbd_listing_list + .atbd_single_listing_wrapper + .atbd_listing_thumbnail_area + img { + border-radius: 3px 3px 0 0; + } + .edit_btn_wrap .atbdp_float_active { + right: 0; + bottom: 0; + width: 100%; + display: flex; + align-items: center; + justify-content: center; + border-radius: 0; + } + .edit_btn_wrap .atbdp_float_active .btn { + margin: 0 5px !important; + font-size: 15px !important; + padding: 10px 20px !important; + line-height: 18px !important; + } + .atbd_post_draft { + padding-bottom: 80px; + } + .ads-advanced .atbd_seach_fields_wrapper .single_search_field { + margin-bottom: 10px !important; + margin-top: 0 !important; + } + .atbd-listing-tags .atbdb_content_module_contents ul li { + flex: 0 0 50%; + } + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form.atbdp-search-form-inline { + padding-right: 0; + } } /* Utility */ .adbdp-d-none { - display: none; + display: none; } .atbdp-px-5 { - padding: 0 5px !important; + padding: 0 5px !important; } .atbdp-mx-5 { - margin: 0 5px !important; + margin: 0 5px !important; } .atbdp-form-actions { - margin: 30px 0; - text-align: center; + margin: 30px 0; + text-align: center; } .atbdp-icon { - display: inline-block; + display: inline-block; } .atbdp-icon-large { - display: block; - margin-bottom: 20px; - font-size: 45px; - text-align: center; + display: block; + margin-bottom: 20px; + font-size: 45px; + text-align: center; } @media (max-width: 400px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title .more-filter, - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title h3 { - margin-top: 3px; - margin-bottom: 3px; - } - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper, - .atbd_content_active .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper { - left: -90px; - } - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_listing_info .atbd_listing_category .atbd_cat_popup .atbd_cat_popup_wrapper:before, - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper:before, - .atbd_content_active .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper:before { - left: auto; - right: 15px; - } - .atbd_content_active #directorist.atbd_wrapper .at-modal .atm-contents-inner .dcl_pricing_plan .atbd_plan_core_features span { - display: block; - margin-right: 0; - padding-right: 0; - padding-left: 15px; - } - .atbd_content_active #directorist.atbd_wrapper .at-modal .atm-contents-inner .dcl_pricing_plan .atbd_plan_core_features span:after { - content: "-" !important; - right: auto; - left: 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_saved_items_wrapper .thumb_title .img_wrapper img { - max-width: none; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_content_module_title_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap, - .atbd_content_active #directorist.atbd_wrapper .atbd_content_module__tittle_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap { - right: -40px; - } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title + .more-filter, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title + h3 { + margin-top: 3px; + margin-bottom: 3px; + } + .atbd_content_active + #directorist.atbd_wrapper + .widget.atbd_widget + .atbd_categorized_listings + ul + li + .atbd_right_content + .atbd_cat_popup + .atbd_cat_popup_wrapper, + .atbd_content_active + .widget.atbd_widget + .atbd_categorized_listings + ul + li + .atbd_right_content + .atbd_cat_popup + .atbd_cat_popup_wrapper { + left: -90px; + } + .atbd_content_active + #directorist.atbd_wrapper + .widget.atbd_widget + .atbd_listing_info + .atbd_listing_category + .atbd_cat_popup + .atbd_cat_popup_wrapper:before, + .atbd_content_active + #directorist.atbd_wrapper + .widget.atbd_widget + .atbd_categorized_listings + ul + li + .atbd_right_content + .atbd_cat_popup + .atbd_cat_popup_wrapper:before, + .atbd_content_active + .widget.atbd_widget + .atbd_categorized_listings + ul + li + .atbd_right_content + .atbd_cat_popup + .atbd_cat_popup_wrapper:before { + left: auto; + right: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .at-modal + .atm-contents-inner + .dcl_pricing_plan + .atbd_plan_core_features + span { + display: block; + margin-right: 0; + padding-right: 0; + padding-left: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .at-modal + .atm-contents-inner + .dcl_pricing_plan + .atbd_plan_core_features + span:after { + content: "-" !important; + right: auto; + left: 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_saved_items_wrapper + .thumb_title + .img_wrapper + img { + max-width: none; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module_title_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module__tittle_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap { + right: -40px; + } } @media (max-width: 340px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_listing_action_btn .dropdown { - margin-top: 3px; - margin-bottom: 3px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_listing_action_btn .dropdown + .dropdown { - margin-left: 0; - } - .atbd-listing-tags .atbdb_content_module_contents ul li { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_listing_action_btn { + display: flex; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_listing_action_btn + .dropdown { + margin-top: 3px; + margin-bottom: 3px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_listing_action_btn + .dropdown + + .dropdown { + margin-left: 0; + } + .atbd-listing-tags .atbdb_content_module_contents ul li { + flex: 0 0 100%; + } } @media only screen and (max-width: 1199px) { - .directorist-search-contents .directorist-search-form-top { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } - .directorist-search-contents .directorist-search-form-top .directorist-search-form-action { - margin-top: 15px; - margin-bottom: 15px; - } + .directorist-search-contents .directorist-search-form-top { + justify-content: center; + } + .directorist-search-contents + .directorist-search-form-top + .directorist-search-form-action { + margin-top: 15px; + margin-bottom: 15px; + } } @media only screen and (max-width: 575px) { - .directorist-modal__dialog { - width: calc(100% - 30px) !important; - } - .directorist-advanced-filter__basic__element { - width: 100%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } - .directorist-author-profile-wrap .directorist-card__body { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-modal__dialog { + width: calc(100% - 30px) !important; + } + .directorist-advanced-filter__basic__element { + width: 100%; + flex: 0 0 100%; + } + .directorist-author-profile-wrap .directorist-card__body { + justify-content: center; + } } @media only screen and (max-width: 479px) { - .directorist-user-dashboard-tab .directorist-user-dashboard-search { - margin-left: 0; - margin-top: 30px; - } + .directorist-user-dashboard-tab .directorist-user-dashboard-search { + margin-left: 0; + margin-top: 30px; + } } @media only screen and (max-width: 375px) { - .directorist-user-dashboard-tab ul { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding-left: 0; - } - .directorist-user-dashboard-tab ul li { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } - .directorist-user-dashboard-tab ul li a { - padding-bottom: 5px; - } - .directorist-user-dashboard-tab .directorist-user-dashboard-search { - margin-left: 0; - } - .directorist-author-profile-wrap .directorist-author-avatar { - display: block; - } - .directorist-author-profile-wrap .directorist-author-avatar img { - margin-bottom: 15px; - } - .directorist-author-profile-wrap .directorist-author-avatar { - text-align: center; - } - .directorist-author-profile-wrap .directorist-author-avatar .directorist-author-avatar__info { - text-align: center; - } - .directorist-author-profile-wrap .directorist-author-avatar .directorist-author-avatar__info p { - text-align: center; - } - .directorist-author-profile-wrap .directorist-author-avatar img { - margin-right: 0; - display: inline-block; - } -} - -/*# sourceMappingURL=public-main.css.map*/ \ No newline at end of file + .directorist-user-dashboard-tab ul { + flex-wrap: wrap; + padding-left: 0; + } + .directorist-user-dashboard-tab ul li { + flex: 0 0 100%; + } + .directorist-user-dashboard-tab ul li a { + padding-bottom: 5px; + } + .directorist-user-dashboard-tab .directorist-user-dashboard-search { + margin-left: 0; + } + .directorist-author-profile-wrap .directorist-author-avatar { + display: block; + } + .directorist-author-profile-wrap .directorist-author-avatar img { + margin-bottom: 15px; + } + .directorist-author-profile-wrap .directorist-author-avatar { + text-align: center; + } + .directorist-author-profile-wrap + .directorist-author-avatar + .directorist-author-avatar__info { + text-align: center; + } + .directorist-author-profile-wrap + .directorist-author-avatar + .directorist-author-avatar__info + p { + text-align: center; + } + .directorist-author-profile-wrap .directorist-author-avatar img { + margin-right: 0; + display: inline-block; + } +} + +/*# sourceMappingURL=public-main.css.map*/ diff --git a/assets/css/public-main.rtl.css b/assets/css/public-main.rtl.css index 81743a1d0f..065426ceff 100644 --- a/assets/css/public-main.rtl.css +++ b/assets/css/public-main.rtl.css @@ -1,997 +1,961 @@ -/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\ - !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/resolve-url-loader/index.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-4.use[3]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/public/main-style.scss ***! - \*****************************************************************************************************************************************************************************************************************************************************************************************************/ +/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ + !*** css ./node_modules/.pnpm/css-loader@3.6.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??clonedRuleSet-4.use[1]!./node_modules/.pnpm/resolve-url-loader@3.1.5/node_modules/resolve-url-loader/index.js!./node_modules/.pnpm/postcss-loader@3.0.0/node_modules/postcss-loader/src/index.js??clonedRuleSet-4.use[3]!./node_modules/.pnpm/sass-loader@16.0.5_sass@1.91.0_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-4.use[4]!./assets/src/scss/layout/public/main-style.scss ***! + \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* typography */ -@-webkit-keyframes rotate360 { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } -} @keyframes rotate360 { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(-360deg); + } } @-webkit-keyframes atbd_spin { - 0% { - -webkit-transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(-360deg); - } + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(-360deg); + } } @keyframes atbd_spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } -} -@-webkit-keyframes atbd_spin2 { - 0% { - -webkit-transform: translate(50%, -50%) rotate(0deg); - transform: translate(50%, -50%) rotate(0deg); - } - 100% { - -webkit-transform: translate(50%, -50%) rotate(-360deg); - transform: translate(50%, -50%) rotate(-360deg); - } + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(-360deg); + } } @keyframes atbd_spin2 { - 0% { - -webkit-transform: translate(50%, -50%) rotate(0deg); - transform: translate(50%, -50%) rotate(0deg); - } - 100% { - -webkit-transform: translate(50%, -50%) rotate(-360deg); - transform: translate(50%, -50%) rotate(-360deg); - } -} -@-webkit-keyframes atbd_scale { - 0% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } + 0% { + transform: translate(50%, -50%) rotate(0deg); + } + 100% { + transform: translate(50%, -50%) rotate(-360deg); + } } @keyframes atbd_scale { - 0% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } + 0% { + transform: scale(0.8); + } + 100% { + transform: scale(1); + } } -.reset-pseudo-link:visited, .reset-pseudo-link:active, .reset-pseudo-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; +.reset-pseudo-link:visited, +.reset-pseudo-link:active, +.reset-pseudo-link:focus { + outline: none; + box-shadow: none; } .cptm-shortcodes { - max-height: 300px; - overflow: scroll; + max-height: 300px; + overflow: scroll; } .directorist-center-content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-center-content-inline { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: inline-flex; } .directorist-center-content, .directorist-center-content-inline { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + justify-content: center; + align-items: center; + flex-wrap: wrap; + flex-direction: column; } .directorist-text-right { - text-align: left; + text-align: left; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-text-left { - text-align: right; + text-align: right; } .directorist-mt-0 { - margin-top: 0 !important; + margin-top: 0 !important; } .directorist-mt-5 { - margin-top: 5px !important; + margin-top: 5px !important; } .directorist-mt-10 { - margin-top: 10px !important; + margin-top: 10px !important; } .directorist-mt-15 { - margin-top: 15px !important; + margin-top: 15px !important; } .directorist-mt-20 { - margin-top: 20px !important; + margin-top: 20px !important; } .directorist-mt-30 { - margin-top: 30px !important; + margin-top: 30px !important; } .directorist-mb-0 { - margin-bottom: 0 !important; + margin-bottom: 0 !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-25 { - margin-bottom: 25px !important; + margin-bottom: 25px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-n20 { - margin-bottom: -20px !important; + margin-bottom: -20px !important; } .directorist-mb-10 { - margin-bottom: 10px !important; + margin-bottom: 10px !important; } .directorist-mb-15 { - margin-bottom: 15px !important; + margin-bottom: 15px !important; } .directorist-mb-20 { - margin-bottom: 20px !important; + margin-bottom: 20px !important; } .directorist-mb-30 { - margin-bottom: 30px !important; + margin-bottom: 30px !important; } .directorist-mb-35 { - margin-bottom: 35px !important; + margin-bottom: 35px !important; } .directorist-mb-40 { - margin-bottom: 40px !important; + margin-bottom: 40px !important; } .directorist-mb-50 { - margin-bottom: 50px !important; + margin-bottom: 50px !important; } .directorist-mb-70 { - margin-bottom: 70px !important; + margin-bottom: 70px !important; } .directorist-mb-80 { - margin-bottom: 80px !important; + margin-bottom: 80px !important; } .directorist-pb-100 { - padding-bottom: 100px !important; + padding-bottom: 100px !important; } .directorist-w-100 { - width: 100% !important; - max-width: 100% !important; + width: 100% !important; + max-width: 100% !important; } .directorist-flex { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-flex-wrap { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } .directorist-align-center { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + align-items: center; } .directorist-justify-content-center { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + justify-content: center; } .directorist-justify-content-between { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; } .directorist-justify-content-around { - -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - justify-content: space-around; + justify-content: space-around; } .directorist-justify-content-start { - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + justify-content: flex-start; } .directorist-justify-content-end { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; + justify-content: flex-end; } .directorist-display-none { - display: none; + display: none; } .directorist-icon-mask:after { - content: ""; - display: block; - width: 18px; - height: 18px; - background-color: var(--directorist-color-dark); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: var(--directorist-icon); - mask-image: var(--directorist-icon); + content: ""; + display: block; + width: 18px; + height: 18px; + background-color: var(--directorist-color-dark); + mask-repeat: no-repeat; + mask-position: center; + mask-image: var(--directorist-icon); } .directorist-error__msg { - color: var(--directorist-color-danger); - font-size: 14px; + color: var(--directorist-color-danger); + font-size: 14px; } .directorist-content-active .entry-content .directorist-search-contents { - width: 100% !important; - max-width: 100% !important; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100% !important; + max-width: 100% !important; + box-sizing: border-box; } /* directorist module style */ .directorist-content-module { - border: 1px solid var(--directorist-color-border); + border: 1px solid var(--directorist-color-border); } .directorist-content-module__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 15px 40px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - min-height: 36px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: flex; + justify-content: space-between; + padding: 15px 40px; + align-items: center; + flex-wrap: wrap; + min-height: 36px; + box-sizing: border-box; } @media (max-width: 480px) { - .directorist-content-module__title { - padding: 20px; - } + .directorist-content-module__title { + padding: 20px; + } } .directorist-content-module__title h2 { - margin: 0 !important; - font-size: 16px; - font-weight: 500; - line-height: 1.2; + margin: 0 !important; + font-size: 16px; + font-weight: 500; + line-height: 1.2; } .directorist-content-module__contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 40px 0; - padding: 30px 40px 40px; - border-top: 1px solid var(--directorist-color-border); + display: flex; + flex-direction: column; + gap: 40px 0; + padding: 30px 40px 40px; + border-top: 1px solid var(--directorist-color-border); } @media (max-width: 480px) { - .directorist-content-module__contents { - padding: 20px; - } -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-wrap { - margin-top: -30px; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs { - position: relative; - bottom: -7px; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-tabs .wp-switch-editor { - margin: 0; - border: none; - border-radius: 5px; - padding: 5px 10px 12px; - background: transparent; - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .html-active .switch-html, -.directorist-content-module__contents .directorist-form-description-field .tmce-active .switch-tmce { - background-color: #f6f7f7; -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-container { - border: none; - border-bottom: 1px solid var(--directorist-color-border); -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-container input { - background: transparent !important; - color: var(--directorist-color-body) !important; - border-color: var(--directorist-color-border); -} -.directorist-content-module__contents .directorist-form-description-field .wp-editor-area { - border: none; - resize: none; - min-height: 238px; -} -.directorist-content-module__contents .directorist-form-description-field .mce-top-part::before { - display: none; -} -.directorist-content-module__contents .directorist-form-description-field .mce-stack-layout { - border: none; - padding: 0; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar-grp, -.directorist-content-module__contents .directorist-form-description-field .quicktags-toolbar { - border: none; - padding: 8px 12px; - border-radius: 8px; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-ico { - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn button, -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-btn-group .mce-btn.mce-listbox { - background: transparent; -} -.directorist-content-module__contents .directorist-form-description-field .mce-toolbar .mce-menubtn.mce-fixed-width span.mce-txt { - color: var(--directorist-color-body); -} -.directorist-content-module__contents .directorist-form-description-field .mce-statusbar { - display: none; -} -.directorist-content-module__contents .directorist-form-description-field #wp-listing_content-editor-tools { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-content-module__contents .directorist-form-description-field iframe { - max-width: 100%; -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn { - width: 100%; - gap: 10px; - padding-right: 40px; -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn i::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-btn); -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-content-module__contents .directorist-form-social-info-field .directorist-btn:hover i::after { - background-color: var(--directorist-color-white); -} -.directorist-content-module__contents .directorist-form-social-info-field select { - color: var(--directorist-color-primary); -} -.directorist-content-module__contents .directorist-checkbox .directorist-checkbox__label { - margin-right: 0; + .directorist-content-module__contents { + padding: 20px; + } +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-wrap { + margin-top: -30px; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-tabs { + position: relative; + bottom: -7px; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-tabs + .wp-switch-editor { + margin: 0; + border: none; + border-radius: 5px; + padding: 5px 10px 12px; + background: transparent; + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .html-active + .switch-html, +.directorist-content-module__contents + .directorist-form-description-field + .tmce-active + .switch-tmce { + background-color: #f6f7f7; +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-container { + border: none; + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-container + input { + background: transparent !important; + color: var(--directorist-color-body) !important; + border-color: var(--directorist-color-border); +} +.directorist-content-module__contents + .directorist-form-description-field + .wp-editor-area { + border: none; + resize: none; + min-height: 238px; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-top-part::before { + display: none; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-stack-layout { + border: none; + padding: 0; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar-grp, +.directorist-content-module__contents + .directorist-form-description-field + .quicktags-toolbar { + border: none; + padding: 8px 12px; + border-radius: 8px; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-ico { + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-btn + button, +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-btn-group + .mce-btn.mce-listbox { + background: transparent; +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-toolbar + .mce-menubtn.mce-fixed-width + span.mce-txt { + color: var(--directorist-color-body); +} +.directorist-content-module__contents + .directorist-form-description-field + .mce-statusbar { + display: none; +} +.directorist-content-module__contents + .directorist-form-description-field + #wp-listing_content-editor-tools { + display: flex; + justify-content: flex-end; +} +.directorist-content-module__contents + .directorist-form-description-field + iframe { + max-width: 100%; +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn { + width: 100%; + gap: 10px; + padding-right: 40px; +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn + i::after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-btn); +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-content-module__contents + .directorist-form-social-info-field + .directorist-btn:hover + i::after { + background-color: var(--directorist-color-white); +} +.directorist-content-module__contents + .directorist-form-social-info-field + select { + color: var(--directorist-color-primary); +} +.directorist-content-module__contents + .directorist-checkbox + .directorist-checkbox__label { + margin-right: 0; } .directorist-content-active #directorist.atbd_wrapper { - max-width: 100%; + max-width: 100%; } .directorist-content-active #directorist.atbd_wrapper .atbd_header_bar { - margin-bottom: 35px; + margin-bottom: 35px; } #directorist-dashboard-preloader { - display: none; + display: none; } .directorist-form-required { - color: var(--directorist-color-danger); + color: var(--directorist-color-danger); } .directory_register_form_wrap .dgr_show_recaptcha { - margin-bottom: 20px; + margin-bottom: 20px; } .directory_register_form_wrap .dgr_show_recaptcha > p { - font-size: 16px; - color: var(--directorist-color-primary); - font-weight: 600; - margin-bottom: 8px !important; + font-size: 16px; + color: var(--directorist-color-primary); + font-weight: 600; + margin-bottom: 8px !important; } .directory_register_form_wrap a { - text-decoration: none; + text-decoration: none; } .atbd_login_btn_wrapper .directorist-btn { - line-height: 2.55; - padding-top: 0; - padding-bottom: 0; + line-height: 2.55; + padding-top: 0; + padding-bottom: 0; } -.atbd_login_btn_wrapper .keep_signed.directorist-checkbox .directorist-checkbox__label { - color: var(--directorist-color-primary); +.atbd_login_btn_wrapper + .keep_signed.directorist-checkbox + .directorist-checkbox__label { + color: var(--directorist-color-primary); } .atbdp_login_form_shortcode .directorist-form-group label { - display: inline-block; - margin-bottom: 5px; + display: inline-block; + margin-bottom: 5px; } .atbdp_login_form_shortcode a { - text-decoration: none; + text-decoration: none; } .directory_register_form_wrap .directorist-form-group label { - display: inline-block; - margin-bottom: 5px; + display: inline-block; + margin-bottom: 5px; } .directory_register_form_wrap .directorist-btn { - line-height: 2.55; - padding-top: 0; - padding-bottom: 0; + line-height: 2.55; + padding-top: 0; + padding-bottom: 0; } .directorist-quick-login .directorist-form-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + gap: 15px; + align-items: center; } .atbd_success_mesage > p i { - top: 2px; - margin-left: 5px; - position: relative; - display: inline-block; + top: 2px; + margin-left: 5px; + position: relative; + display: inline-block; } .directorist-loader { - position: relative; + position: relative; } .directorist-loader:before { - position: absolute; - content: ""; - left: 20px; - top: 31%; - border: 2px solid var(--directorist-color-white); - border-radius: 50%; - border-top: 2px solid var(--directorist-color-primary); - width: 20px; - height: 20px; - -webkit-animation: atbd_spin 2s linear infinite; - animation: atbd_spin 2s linear infinite; + position: absolute; + content: ""; + left: 20px; + top: 31%; + border: 2px solid var(--directorist-color-white); + border-radius: 50%; + border-top: 2px solid var(--directorist-color-primary); + width: 20px; + height: 20px; + animation: atbd_spin 2s linear infinite; } .plupload-upload-uic { - width: 420px; - margin: 0 auto !important; - border: 1px dashed var(--directorist-color-border-gray); - padding: 30px; + width: 420px; + margin: 0 auto !important; + border: 1px dashed var(--directorist-color-border-gray); + padding: 30px; } .plupload-upload-uic .atbdp-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; + font-weight: 500; + margin-bottom: 15px; + font-size: 15px; } .plupload-upload-uic .atbdp_button { - border: 1px solid var(--directorist-color-border); - background-color: var(--directorist-color-ss-bg-light); - font-size: 14px; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 40px !important; - padding: 0 30px !important; - height: auto !important; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - color: inherit; + border: 1px solid var(--directorist-color-border); + background-color: var(--directorist-color-ss-bg-light); + font-size: 14px; + box-shadow: none; + line-height: 40px !important; + padding: 0 30px !important; + height: auto !important; + transition: 0.3s ease; + color: inherit; } .plupload-upload-uic .atbdp-dropbox-file-types { - margin-top: 10px; - color: var(--directorist-color-deep-gray); + margin-top: 10px; + color: var(--directorist-color-deep-gray); } @media (max-width: 575px) { - .plupload-upload-uic { - width: 100%; - } + .plupload-upload-uic { + width: 100%; + } } .directorist-address-field .address_result, .directorist-form-address-field .address_result { - position: absolute; - right: 0; - top: 100%; - width: 100%; - max-height: 345px !important; - overflow-y: scroll; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); - box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); - z-index: 10; + position: absolute; + right: 0; + top: 100%; + width: 100%; + max-height: 345px !important; + overflow-y: scroll; + border-radius: 8px; + background-color: var(--directorist-color-white); + box-shadow: 0 5px 20px rgba(var(--directorist-color-dark-rgb), 0.1); + z-index: 10; } .directorist-address-field .address_result ul, .directorist-form-address-field .address_result ul { - list-style: none; - margin: 0; - padding: 0; - border-radius: 8px; + list-style: none; + margin: 0; + padding: 0; + border-radius: 8px; } .directorist-address-field .address_result li, .directorist-form-address-field .address_result li { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; - margin: 0; - padding: 10px 20px; - border-bottom: 1px solid #eee; + display: flex; + align-items: center; + gap: 15px; + margin: 0; + padding: 10px 20px; + border-bottom: 1px solid #eee; } .directorist-address-field .address_result li a, .directorist-form-address-field .address_result li a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 15px; - font-size: 14px; - line-height: 18px; - padding: 0; - margin: 0; - color: #767792; - background-color: var(--directorist-color-white); - border-bottom: 1px solid #d9d9d9; - text-decoration: none; - -webkit-transition: color 0.3s ease, border 0.3s ease; - transition: color 0.3s ease, border 0.3s ease; + display: flex; + align-items: flex-start; + gap: 15px; + font-size: 14px; + line-height: 18px; + padding: 0; + margin: 0; + color: #767792; + background-color: var(--directorist-color-white); + border-bottom: 1px solid #d9d9d9; + text-decoration: none; + transition: + color 0.3s ease, + border 0.3s ease; } .directorist-address-field .address_result li a:hover, .directorist-form-address-field .address_result li a:hover { - color: var(--directorist-color-dark); - border-bottom: 1px dashed #e9e9e9; + color: var(--directorist-color-dark); + border-bottom: 1px dashed #e9e9e9; } .directorist-address-field .address_result li:last-child, .directorist-form-address-field .address_result li:last-child { - border: none; + border: none; } .directorist-address-field .address_result li:last-child a, .directorist-form-address-field .address_result li:last-child a { - border: none; + border: none; } .pac-container { - list-style: none; - margin: 0; - padding: 18px 5px 11px; - max-width: 270px; - min-width: 200px; - border-radius: 8px; + list-style: none; + margin: 0; + padding: 18px 5px 11px; + max-width: 270px; + min-width: 200px; + border-radius: 8px; } @media (max-width: 575px) { - .pac-container { - max-width: unset; - width: calc(100% - 30px) !important; - right: 30px !important; - } + .pac-container { + max-width: unset; + width: calc(100% - 30px) !important; + right: 30px !important; + } } .pac-container .pac-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 13px 7px; - padding: 0; - border: none; - background: unset; - cursor: pointer; + display: flex; + align-items: center; + margin: 0 13px 7px; + padding: 0; + border: none; + background: unset; + cursor: pointer; } .pac-container .pac-item span { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .pac-container .pac-item .pac-matched { - font-weight: 400; + font-weight: 400; } .pac-container .pac-item:hover span { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .pac-container .pac-icon-marker { - position: relative; - height: 36px; - width: 36px; - min-width: 36px; - border-radius: 8px; - margin: 0 0 0 15px; - background-color: var(--directorist-color-border-gray); + position: relative; + height: 36px; + width: 36px; + min-width: 36px; + border-radius: 8px; + margin: 0 0 0 15px; + background-color: var(--directorist-color-border-gray); } .pac-container .pac-icon-marker:after { - content: ""; - display: block; - width: 12px; - height: 20px; - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/c5960c249e03a1405b32.svg); - mask-image: url(../js/c5960c249e03a1405b32.svg); + content: ""; + display: block; + width: 12px; + height: 20px; + position: absolute; + right: 50%; + top: 50%; + transform: translate(50%, -50%); + background-color: var(--directorist-color-body); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/2823e3547c32a23392a06652e69a8a71.svg); } .pac-container:after { - display: none; + display: none; } p.status:empty { - display: none; + display: none; } -.gateway_list input[type=radio] { - margin-left: 5px; +.gateway_list input[type="radio"] { + margin-left: 5px; } .directorist-checkout-form .directorist-container-fluid { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } .directorist-checkout-form ul { - list-style-type: none; + list-style-type: none; } .directorist-select select { - width: 100%; - height: 40px; - border: none; - color: var(--directorist-color-body); - border-bottom: 1px solid var(--directorist-color-border-gray); + width: 100%; + height: 40px; + border: none; + color: var(--directorist-color-body); + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-select select:focus { - outline: 0; + outline: 0; } .directorist-content-active .select2-container--open .select2-dropdown--above { - top: 0; - border-color: var(--directorist-color-border); + top: 0; + border-color: var(--directorist-color-border); } -body.logged-in.directorist-content-active .select2-container--open .select2-dropdown--above { - top: 32px; +body.logged-in.directorist-content-active + .select2-container--open + .select2-dropdown--above { + top: 32px; } .directorist-content-active .select2-container--default .select2-dropdown { - border: none; - border-radius: 10px !important; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + border: none; + border-radius: 10px !important; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } -.directorist-content-active .select2-container--default .select2-search--dropdown { - padding: 20px 20px 10px 20px; +.directorist-content-active + .select2-container--default + .select2-search--dropdown { + padding: 20px 20px 10px 20px; } .directorist-content-active .select2-container--default .select2-search__field { - padding: 10px 18px !important; - border-radius: 8px; - background: transparent; - color: var(--directorist-color-deep-gray); - border: 1px solid var(--directorist-color-border-gray) !important; + padding: 10px 18px !important; + border-radius: 8px; + background: transparent; + color: var(--directorist-color-deep-gray); + border: 1px solid var(--directorist-color-border-gray) !important; } -.directorist-content-active .select2-container--default .select2-search__field:focus { - outline: 0; +.directorist-content-active + .select2-container--default + .select2-search__field:focus { + outline: 0; } .directorist-content-active .select2-container--default .select2-results { - padding-bottom: 10px; -} -.directorist-content-active .select2-container--default .select2-results__option { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 15px; - padding: 6px 20px; - color: var(--directorist-color-body); - font-size: 14px; - line-height: 1.5; -} -.directorist-content-active .select2-container--default .select2-results__option--highlighted { - font-weight: 500; - color: var(--directorist-color-primary) !important; - background-color: transparent; -} -.directorist-content-active .select2-container--default .select2-results__message { - margin-bottom: 10px !important; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li { - margin-right: 0; - margin-top: 8.5px; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group { - margin-bottom: 0; - padding: 0; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline.form-group .form-control { - height: 24.5px; -} -.directorist-content-active .select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field { - margin: 0; - max-width: none; - width: 100% !important; - padding: 0 !important; - border: none !important; -} -.directorist-content-active .select2-container--default .select2-results__option--highlighted[aria-selected] { - background-color: rgba(var(--directorist-color-primary-rgb), 0.1) !important; - font-weight: 400; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option { - margin: 0; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option[aria-selected=true] { - font-weight: 600; - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary-rgb), 0.1); - pointer-events: none; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask { - margin-left: 12px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); + padding-bottom: 10px; +} +.directorist-content-active + .select2-container--default + .select2-results__option { + display: flex; + justify-content: space-between; + gap: 15px; + padding: 6px 20px; + color: var(--directorist-color-body); + font-size: 14px; + line-height: 1.5; +} +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted { + font-weight: 500; + color: var(--directorist-color-primary) !important; + background-color: transparent; +} +.directorist-content-active + .select2-container--default + .select2-results__message { + margin-bottom: 10px !important; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li { + margin-right: 0; + margin-top: 8.5px; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li.select2-search--inline.form-group { + margin-bottom: 0; + padding: 0; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li.select2-search--inline.form-group + .form-control { + height: 24.5px; +} +.directorist-content-active + .select2-container--default + .select2-selection--multiple + .select2-selection__rendered + li + .select2-search__field { + margin: 0; + max-width: none; + width: 100% !important; + padding: 0 !important; + border: none !important; +} +.directorist-content-active + .select2-container--default + .select2-results__option--highlighted[aria-selected] { + background-color: rgba( + var(--directorist-color-primary-rgb), + 0.1 + ) !important; + font-weight: 400; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option { + margin: 0; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option[aria-selected="true"] { + font-weight: 600; + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.1); + pointer-events: none; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents { + display: flex; + align-items: center; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask { + margin-left: 12px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); } @media (max-width: 575px) { - .directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents .directorist-icon-mask { - width: 40px; - height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 8px; - background-color: var(--directorist-color-bg-light); - } -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-2 { - padding-right: 20px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-3 { - padding-right: 40px; -} -.directorist-content-active .select2-container--default.select2-container--open .select2-results__option .directorist-select2-contents.item-level-4 { - padding-right: 60px; -} -.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered { - opacity: 1; -} -.directorist-content-active .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-content-active .select2-container--default .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-body) !important; + .directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents + .directorist-icon-mask { + width: 40px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 8px; + background-color: var(--directorist-color-bg-light); + } +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-2 { + padding-right: 20px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-3 { + padding-right: 40px; +} +.directorist-content-active + .select2-container--default.select2-container--open + .select2-results__option + .directorist-select2-contents.item-level-4 { + padding-right: 60px; +} +.directorist-content-active + .select2-container--default + .select2-selection--single + .select2-selection__rendered { + opacity: 1; +} +.directorist-content-active + .select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + display: flex; + align-items: center; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-content-active + .select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-body) !important; } .custom-checkbox input { - display: none; -} -.custom-checkbox input[type=checkbox] + .check--select + label, -.custom-checkbox input[type=radio] + .radio--select + label { - min-width: 18px; - min-height: 18px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - padding-right: 28px; - padding-top: 3px; - padding-bottom: 3px; - margin-bottom: 0; - line-height: 1.2; - font-weight: 400; - color: var(--directorist-color-gray); -} -.custom-checkbox input[type=checkbox] + .check--select + label:before, -.custom-checkbox input[type=radio] + .radio--select + label:before { - position: absolute; - font-size: 10px; - right: 5px; - top: 5px; - font-weight: 900; - font-family: "Font Awesome 5 Free"; - content: "\f00c"; - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; -} -.custom-checkbox input[type=checkbox] + .check--select + label:after, -.custom-checkbox input[type=radio] + .radio--select + label:after { - position: absolute; - right: 0; - top: 3px; - width: 18px; - height: 18px; - content: ""; - background-color: var(--directorist-color-white); - border: 2px solid var(--directorist-color-border-gray); -} -.custom-checkbox input[type=radio] + .radio--select + label:before { - top: 8px; - font-size: 9px; -} -.custom-checkbox input[type=radio] + .radio--select + label:after { - border-radius: 50%; -} -.custom-checkbox input[type=radio] + .radio--select + label span { - color: var(--directorist-color-light-gray); -} -.custom-checkbox input[type=radio] + .radio--select + label span.active { - color: var(--directorist-color-warning); -} -.custom-checkbox input[type=checkbox]:checked + .check--select + label:after, -.custom-checkbox input[type=radio]:checked + .radio--select + label:after { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); -} -.custom-checkbox input[type=checkbox]:checked + .check--select + label:before, -.custom-checkbox input[type=radio]:checked + .radio--select + label:before { - opacity: 1; - color: var(--directorist-color-white); + display: none; +} +.custom-checkbox input[type="checkbox"] + .check--select + label, +.custom-checkbox input[type="radio"] + .radio--select + label { + min-width: 18px; + min-height: 18px; + font-size: 14px; + display: flex; + flex-flow: column; + position: relative; + padding-right: 28px; + padding-top: 3px; + padding-bottom: 3px; + margin-bottom: 0; + line-height: 1.2; + font-weight: 400; + color: var(--directorist-color-gray); +} +.custom-checkbox input[type="checkbox"] + .check--select + label:before, +.custom-checkbox input[type="radio"] + .radio--select + label:before { + position: absolute; + font-size: 10px; + right: 5px; + top: 5px; + font-weight: 900; + font-family: "Font Awesome 5 Free"; + content: "\f00c"; + display: block; + opacity: 0; + transition: all 0.3s ease 0s; + z-index: 2; +} +.custom-checkbox input[type="checkbox"] + .check--select + label:after, +.custom-checkbox input[type="radio"] + .radio--select + label:after { + position: absolute; + right: 0; + top: 3px; + width: 18px; + height: 18px; + content: ""; + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border-gray); +} +.custom-checkbox input[type="radio"] + .radio--select + label:before { + top: 8px; + font-size: 9px; +} +.custom-checkbox input[type="radio"] + .radio--select + label:after { + border-radius: 50%; +} +.custom-checkbox input[type="radio"] + .radio--select + label span { + color: var(--directorist-color-light-gray); +} +.custom-checkbox input[type="radio"] + .radio--select + label span.active { + color: var(--directorist-color-warning); +} +.custom-checkbox input[type="checkbox"]:checked + .check--select + label:after, +.custom-checkbox input[type="radio"]:checked + .radio--select + label:after { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); +} +.custom-checkbox input[type="checkbox"]:checked + .check--select + label:before, +.custom-checkbox input[type="radio"]:checked + .radio--select + label:before { + opacity: 1; + color: var(--directorist-color-white); } .directorist-table { - display: table; - width: 100%; + display: table; + width: 100%; } /* Directorist custom grid */ @@ -1002,103 +966,85 @@ body.logged-in.directorist-content-active .select2-container--open .select2-drop .directorist-container-lg, .directorist-container-md, .directorist-container-sm { - width: 100%; - padding-left: 15px; - padding-right: 15px; - margin-left: auto; - margin-right: auto; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + padding-left: 15px; + padding-right: 15px; + margin-left: auto; + margin-right: auto; + box-sizing: border-box; } @media (min-width: 576px) { - .directorist-container-sm, - .directorist-container { - max-width: 540px; - } + .directorist-container-sm, + .directorist-container { + max-width: 540px; + } } @media (min-width: 768px) { - .directorist-container-md, - .directorist-container-sm, - .directorist-container { - max-width: 720px; - } + .directorist-container-md, + .directorist-container-sm, + .directorist-container { + max-width: 720px; + } } @media (min-width: 992px) { - .directorist-container-lg, - .directorist-container-md, - .directorist-container-sm, - .directorist-container { - max-width: 960px; - } + .directorist-container-lg, + .directorist-container-md, + .directorist-container-sm, + .directorist-container { + max-width: 960px; + } } @media (min-width: 1200px) { - .directorist-container-xl, - .directorist-container-lg, - .directorist-container-md, - .directorist-container-sm, - .directorist-container { - max-width: 1140px; - } + .directorist-container-xl, + .directorist-container-lg, + .directorist-container-md, + .directorist-container-sm, + .directorist-container { + max-width: 1140px; + } } @media (min-width: 1400px) { - .directorist-container-xxl, - .directorist-container-xl, - .directorist-container-lg, - .directorist-container-md, - .directorist-container-sm, - .directorist-container { - max-width: 1320px; - } + .directorist-container-xxl, + .directorist-container-xl, + .directorist-container-lg, + .directorist-container-md, + .directorist-container-sm, + .directorist-container { + max-width: 1320px; + } } .directorist-row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-left: -15px; - margin-right: -15px; - margin-top: -15px; - min-width: 100%; + display: flex; + flex-wrap: wrap; + margin-left: -15px; + margin-right: -15px; + margin-top: -15px; + min-width: 100%; } .directorist-row > * { - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - width: 100%; - max-width: 100%; - padding-left: 15px; - padding-right: 15px; - margin-top: 15px; + box-sizing: border-box; + flex-shrink: 0; + width: 100%; + max-width: 100%; + padding-left: 15px; + padding-right: 15px; + margin-top: 15px; } .directorist-col { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; + flex: 1 0 0%; } .directorist-col-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; + flex: 0 0 auto; + width: auto; } .directorist-col-1 { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - width: 8.3333333333%; + flex: 1; + width: 8.3333333333%; } .directorist-col-2-5, @@ -1113,1886 +1059,1635 @@ body.logged-in.directorist-content-active .select2-container--open .select2-drop .directorist-col-10, .directorist-col-11, .directorist-col-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - max-width: 100%; + flex: 0 0 auto; + max-width: 100%; } .directorist-offset-1 { - margin-right: 8.3333333333%; + margin-right: 8.3333333333%; } .directorist-offset-2 { - margin-right: 16.6666666667%; + margin-right: 16.6666666667%; } .directorist-offset-3 { - margin-right: 25%; + margin-right: 25%; } .directorist-offset-4 { - margin-right: 33.3333333333%; + margin-right: 33.3333333333%; } .directorist-offset-5 { - margin-right: 41.6666666667%; + margin-right: 41.6666666667%; } .directorist-offset-6 { - margin-right: 50%; + margin-right: 50%; } .directorist-offset-7 { - margin-right: 58.3333333333%; + margin-right: 58.3333333333%; } .directorist-offset-8 { - margin-right: 66.6666666667%; + margin-right: 66.6666666667%; } .directorist-offset-9 { - margin-right: 75%; + margin-right: 75%; } .directorist-offset-10 { - margin-right: 83.3333333333%; + margin-right: 83.3333333333%; } .directorist-offset-11 { - margin-right: 91.6666666667%; + margin-right: 91.6666666667%; } @media (min-width: 576px) { - .directorist-col-2, - .directorist-col-2-5, - .directorist-col-3, - .directorist-col-4, - .directorist-col-5, - .directorist-col-6, - .directorist-col-7, - .directorist-col-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - max-width: 50%; - } - .directorist-col-sm { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-sm-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-sm-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-sm-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-sm-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-sm-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-sm-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-sm-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-sm-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-sm-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-sm-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-sm-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-sm-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-sm-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-sm-0 { - margin-right: 0; - } - .directorist-offset-sm-1 { - margin-right: 8.3333333333%; - } - .directorist-offset-sm-2 { - margin-right: 16.6666666667%; - } - .directorist-offset-sm-3 { - margin-right: 25%; - } - .directorist-offset-sm-4 { - margin-right: 33.3333333333%; - } - .directorist-offset-sm-5 { - margin-right: 41.6666666667%; - } - .directorist-offset-sm-6 { - margin-right: 50%; - } - .directorist-offset-sm-7 { - margin-right: 58.3333333333%; - } - .directorist-offset-sm-8 { - margin-right: 66.6666666667%; - } - .directorist-offset-sm-9 { - margin-right: 75%; - } - .directorist-offset-sm-10 { - margin-right: 83.3333333333%; - } - .directorist-offset-sm-11 { - margin-right: 91.6666666667%; - } + .directorist-col-2, + .directorist-col-2-5, + .directorist-col-3, + .directorist-col-4, + .directorist-col-5, + .directorist-col-6, + .directorist-col-7, + .directorist-col-8 { + flex: 0 0 auto; + max-width: 50%; + } + .directorist-col-sm { + flex: 1 0 0%; + } + .directorist-col-sm-auto { + flex: 0 0 auto; + width: auto; + } + .directorist-col-sm-1 { + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-sm-2 { + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-sm-3 { + flex: 0 0 auto; + width: 25%; + } + .directorist-col-sm-4 { + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-sm-5 { + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-sm-6 { + flex: 0 0 auto; + width: 50%; + } + .directorist-col-sm-7 { + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-sm-8 { + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-sm-9 { + flex: 0 0 auto; + width: 75%; + } + .directorist-col-sm-10 { + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-sm-11 { + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-sm-12 { + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-sm-0 { + margin-right: 0; + } + .directorist-offset-sm-1 { + margin-right: 8.3333333333%; + } + .directorist-offset-sm-2 { + margin-right: 16.6666666667%; + } + .directorist-offset-sm-3 { + margin-right: 25%; + } + .directorist-offset-sm-4 { + margin-right: 33.3333333333%; + } + .directorist-offset-sm-5 { + margin-right: 41.6666666667%; + } + .directorist-offset-sm-6 { + margin-right: 50%; + } + .directorist-offset-sm-7 { + margin-right: 58.3333333333%; + } + .directorist-offset-sm-8 { + margin-right: 66.6666666667%; + } + .directorist-offset-sm-9 { + margin-right: 75%; + } + .directorist-offset-sm-10 { + margin-right: 83.3333333333%; + } + .directorist-offset-sm-11 { + margin-right: 91.6666666667%; + } } @media (min-width: 768px) { - .directorist-col-2, - .directorist-col-2-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-md { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-md-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-md-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-md-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-md-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-md-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-md-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-md-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-md-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-md-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-md-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-md-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-md-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-md-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-md-0 { - margin-right: 0; - } - .directorist-offset-md-1 { - margin-right: 8.3333333333%; - } - .directorist-offset-md-2 { - margin-right: 16.6666666667%; - } - .directorist-offset-md-3 { - margin-right: 25%; - } - .directorist-offset-md-4 { - margin-right: 33.3333333333%; - } - .directorist-offset-md-5 { - margin-right: 41.6666666667%; - } - .directorist-offset-md-6 { - margin-right: 50%; - } - .directorist-offset-md-7 { - margin-right: 58.3333333333%; - } - .directorist-offset-md-8 { - margin-right: 66.6666666667%; - } - .directorist-offset-md-9 { - margin-right: 75%; - } - .directorist-offset-md-10 { - margin-right: 83.3333333333%; - } - .directorist-offset-md-11 { - margin-right: 91.6666666667%; - } + .directorist-col-2, + .directorist-col-2-5 { + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-md { + flex: 1 0 0%; + } + .directorist-col-md-auto { + flex: 0 0 auto; + width: auto; + } + .directorist-col-md-1 { + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-md-2 { + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-md-3 { + flex: 0 0 auto; + width: 25%; + } + .directorist-col-md-4 { + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-md-5 { + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-md-6 { + flex: 0 0 auto; + width: 50%; + } + .directorist-col-md-7 { + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-md-8 { + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-md-9 { + flex: 0 0 auto; + width: 75%; + } + .directorist-col-md-10 { + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-md-11 { + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-md-12 { + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-md-0 { + margin-right: 0; + } + .directorist-offset-md-1 { + margin-right: 8.3333333333%; + } + .directorist-offset-md-2 { + margin-right: 16.6666666667%; + } + .directorist-offset-md-3 { + margin-right: 25%; + } + .directorist-offset-md-4 { + margin-right: 33.3333333333%; + } + .directorist-offset-md-5 { + margin-right: 41.6666666667%; + } + .directorist-offset-md-6 { + margin-right: 50%; + } + .directorist-offset-md-7 { + margin-right: 58.3333333333%; + } + .directorist-offset-md-8 { + margin-right: 66.6666666667%; + } + .directorist-offset-md-9 { + margin-right: 75%; + } + .directorist-offset-md-10 { + margin-right: 83.3333333333%; + } + .directorist-offset-md-11 { + margin-right: 91.6666666667%; + } } @media (min-width: 992px) { - .directorist-col-2, - .directorist-col-2-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-3, - .directorist-col-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.3333%; - -ms-flex: 0 0 33.3333%; - flex: 0 0 33.3333%; - max-width: 33.3333%; - } - .directorist-col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 41.6667%; - -ms-flex: 0 0 41.6667%; - flex: 0 0 41.6667%; - max-width: 41.6667%; - } - .directorist-col-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 58.3333%; - -ms-flex: 0 0 58.3333%; - flex: 0 0 58.3333%; - max-width: 58.3333%; - } - .directorist-col-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 66.6667%; - -ms-flex: 0 0 66.6667%; - flex: 0 0 66.6667%; - max-width: 66.6667%; - } - .directorist-col-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 75%; - -ms-flex: 0 0 75%; - flex: 0 0 75%; - max-width: 75%; - } - .directorist-col-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 83.3333%; - -ms-flex: 0 0 83.3333%; - flex: 0 0 83.3333%; - max-width: 83.3333%; - } - .directorist-col-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 91.6667%; - -ms-flex: 0 0 91.6667%; - flex: 0 0 91.6667%; - max-width: 91.6667%; - } - .directorist-col-lg { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-lg-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-lg-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-lg-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-lg-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-lg-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-lg-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-lg-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-lg-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-lg-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-lg-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-lg-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-lg-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-lg-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-lg-0 { - margin-right: 0; - } - .directorist-offset-lg-1 { - margin-right: 8.3333333333%; - } - .directorist-offset-lg-2 { - margin-right: 16.6666666667%; - } - .directorist-offset-lg-3 { - margin-right: 25%; - } - .directorist-offset-lg-4 { - margin-right: 33.3333333333%; - } - .directorist-offset-lg-5 { - margin-right: 41.6666666667%; - } - .directorist-offset-lg-6 { - margin-right: 50%; - } - .directorist-offset-lg-7 { - margin-right: 58.3333333333%; - } - .directorist-offset-lg-8 { - margin-right: 66.6666666667%; - } - .directorist-offset-lg-9 { - margin-right: 75%; - } - .directorist-offset-lg-10 { - margin-right: 83.3333333333%; - } - .directorist-offset-lg-11 { - margin-right: 91.6666666667%; - } + .directorist-col-2, + .directorist-col-2-5 { + flex: 0 0 auto; + width: 25%; + } + .directorist-col-3, + .directorist-col-4 { + flex: 0 0 33.3333%; + max-width: 33.3333%; + } + .directorist-col-5 { + flex: 0 0 41.6667%; + max-width: 41.6667%; + } + .directorist-col-7 { + flex: 0 0 58.3333%; + max-width: 58.3333%; + } + .directorist-col-8 { + flex: 0 0 66.6667%; + max-width: 66.6667%; + } + .directorist-col-9 { + flex: 0 0 75%; + max-width: 75%; + } + .directorist-col-10 { + flex: 0 0 83.3333%; + max-width: 83.3333%; + } + .directorist-col-11 { + flex: 0 0 91.6667%; + max-width: 91.6667%; + } + .directorist-col-lg { + flex: 1 0 0%; + } + .directorist-col-lg-auto { + flex: 0 0 auto; + width: auto; + } + .directorist-col-lg-1 { + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-lg-2 { + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-lg-3 { + flex: 0 0 auto; + width: 25%; + } + .directorist-col-lg-4 { + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-lg-5 { + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-lg-6 { + flex: 0 0 auto; + width: 50%; + } + .directorist-col-lg-7 { + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-lg-8 { + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-lg-9 { + flex: 0 0 auto; + width: 75%; + } + .directorist-col-lg-10 { + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-lg-11 { + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-lg-12 { + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-lg-0 { + margin-right: 0; + } + .directorist-offset-lg-1 { + margin-right: 8.3333333333%; + } + .directorist-offset-lg-2 { + margin-right: 16.6666666667%; + } + .directorist-offset-lg-3 { + margin-right: 25%; + } + .directorist-offset-lg-4 { + margin-right: 33.3333333333%; + } + .directorist-offset-lg-5 { + margin-right: 41.6666666667%; + } + .directorist-offset-lg-6 { + margin-right: 50%; + } + .directorist-offset-lg-7 { + margin-right: 58.3333333333%; + } + .directorist-offset-lg-8 { + margin-right: 66.6666666667%; + } + .directorist-offset-lg-9 { + margin-right: 75%; + } + .directorist-offset-lg-10 { + margin-right: 83.3333333333%; + } + .directorist-offset-lg-11 { + margin-right: 91.6666666667%; + } } @media (min-width: 1200px) { - .directorist-col-xl { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; - max-width: 25%; - } - .directorist-col-xl-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-xl-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-xl-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-2, - .directorist-col-2-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 20%; - } - .directorist-col-xl-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-xl-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-xl-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-xl-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-xl-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-xl-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-xl-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-xl-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-xl-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-xl-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-xl-0 { - margin-right: 0; - } - .directorist-offset-xl-1 { - margin-right: 8.3333333333%; - } - .directorist-offset-xl-2 { - margin-right: 16.6666666667%; - } - .directorist-offset-xl-3 { - margin-right: 25%; - } - .directorist-offset-xl-4 { - margin-right: 33.3333333333%; - } - .directorist-offset-xl-5 { - margin-right: 41.6666666667%; - } - .directorist-offset-xl-6 { - margin-right: 50%; - } - .directorist-offset-xl-7 { - margin-right: 58.3333333333%; - } - .directorist-offset-xl-8 { - margin-right: 66.6666666667%; - } - .directorist-offset-xl-9 { - margin-right: 75%; - } - .directorist-offset-xl-10 { - margin-right: 83.3333333333%; - } - .directorist-offset-xl-11 { - margin-right: 91.6666666667%; - } + .directorist-col-xl { + flex: 1 0 0%; + } + .directorist-col-3 { + flex: 0 0 25%; + max-width: 25%; + } + .directorist-col-xl-auto { + flex: 0 0 auto; + width: auto; + } + .directorist-col-xl-1 { + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-xl-2 { + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-2, + .directorist-col-2-5 { + flex: 0 0 auto; + width: 20%; + } + .directorist-col-xl-3 { + flex: 0 0 auto; + width: 25%; + } + .directorist-col-xl-4 { + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-xl-5 { + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-xl-6 { + flex: 0 0 auto; + width: 50%; + } + .directorist-col-xl-7 { + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-xl-8 { + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-xl-9 { + flex: 0 0 auto; + width: 75%; + } + .directorist-col-xl-10 { + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-xl-11 { + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-xl-12 { + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-xl-0 { + margin-right: 0; + } + .directorist-offset-xl-1 { + margin-right: 8.3333333333%; + } + .directorist-offset-xl-2 { + margin-right: 16.6666666667%; + } + .directorist-offset-xl-3 { + margin-right: 25%; + } + .directorist-offset-xl-4 { + margin-right: 33.3333333333%; + } + .directorist-offset-xl-5 { + margin-right: 41.6666666667%; + } + .directorist-offset-xl-6 { + margin-right: 50%; + } + .directorist-offset-xl-7 { + margin-right: 58.3333333333%; + } + .directorist-offset-xl-8 { + margin-right: 66.6666666667%; + } + .directorist-offset-xl-9 { + margin-right: 75%; + } + .directorist-offset-xl-10 { + margin-right: 83.3333333333%; + } + .directorist-offset-xl-11 { + margin-right: 91.6666666667%; + } } @media (min-width: 1400px) { - .directorist-col-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-xxl { - -webkit-box-flex: 1; - -webkit-flex: 1 0 0%; - -ms-flex: 1 0 0%; - flex: 1 0 0%; - } - .directorist-col-xxl-auto { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: auto; - } - .directorist-col-xxl-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 8.3333333333%; - } - .directorist-col-xxl-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 16.6666666667%; - } - .directorist-col-xxl-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 25%; - } - .directorist-col-xxl-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 33.3333333333%; - } - .directorist-col-xxl-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 41.6666666667%; - } - .directorist-col-xxl-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 50%; - } - .directorist-col-xxl-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 58.3333333333%; - } - .directorist-col-xxl-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 66.6666666667%; - } - .directorist-col-xxl-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 75%; - } - .directorist-col-xxl-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 83.3333333333%; - } - .directorist-col-xxl-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 91.6666666667%; - } - .directorist-col-xxl-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 100%; - } - .directorist-offset-xxl-0 { - margin-right: 0; - } - .directorist-offset-xxl-1 { - margin-right: 8.3333333333%; - } - .directorist-offset-xxl-2 { - margin-right: 16.6666666667%; - } - .directorist-offset-xxl-3 { - margin-right: 25%; - } - .directorist-offset-xxl-4 { - margin-right: 33.3333333333%; - } - .directorist-offset-xxl-5 { - margin-right: 41.6666666667%; - } - .directorist-offset-xxl-6 { - margin-right: 50%; - } - .directorist-offset-xxl-7 { - margin-right: 58.3333333333%; - } - .directorist-offset-xxl-8 { - margin-right: 66.6666666667%; - } - .directorist-offset-xxl-9 { - margin-right: 75%; - } - .directorist-offset-xxl-10 { - margin-right: 83.3333333333%; - } - .directorist-offset-xxl-11 { - margin-right: 91.6666666667%; - } + .directorist-col-2 { + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-xxl { + flex: 1 0 0%; + } + .directorist-col-xxl-auto { + flex: 0 0 auto; + width: auto; + } + .directorist-col-xxl-1 { + flex: 0 0 auto; + width: 8.3333333333%; + } + .directorist-col-xxl-2 { + flex: 0 0 auto; + width: 16.6666666667%; + } + .directorist-col-xxl-3 { + flex: 0 0 auto; + width: 25%; + } + .directorist-col-xxl-4 { + flex: 0 0 auto; + width: 33.3333333333%; + } + .directorist-col-xxl-5 { + flex: 0 0 auto; + width: 41.6666666667%; + } + .directorist-col-xxl-6 { + flex: 0 0 auto; + width: 50%; + } + .directorist-col-xxl-7 { + flex: 0 0 auto; + width: 58.3333333333%; + } + .directorist-col-xxl-8 { + flex: 0 0 auto; + width: 66.6666666667%; + } + .directorist-col-xxl-9 { + flex: 0 0 auto; + width: 75%; + } + .directorist-col-xxl-10 { + flex: 0 0 auto; + width: 83.3333333333%; + } + .directorist-col-xxl-11 { + flex: 0 0 auto; + width: 91.6666666667%; + } + .directorist-col-xxl-12 { + flex: 0 0 auto; + width: 100%; + } + .directorist-offset-xxl-0 { + margin-right: 0; + } + .directorist-offset-xxl-1 { + margin-right: 8.3333333333%; + } + .directorist-offset-xxl-2 { + margin-right: 16.6666666667%; + } + .directorist-offset-xxl-3 { + margin-right: 25%; + } + .directorist-offset-xxl-4 { + margin-right: 33.3333333333%; + } + .directorist-offset-xxl-5 { + margin-right: 41.6666666667%; + } + .directorist-offset-xxl-6 { + margin-right: 50%; + } + .directorist-offset-xxl-7 { + margin-right: 58.3333333333%; + } + .directorist-offset-xxl-8 { + margin-right: 66.6666666667%; + } + .directorist-offset-xxl-9 { + margin-right: 75%; + } + .directorist-offset-xxl-10 { + margin-right: 83.3333333333%; + } + .directorist-offset-xxl-11 { + margin-right: 91.6666666667%; + } } /* typography */ .atbd_color-primary { - color: #444752; + color: #444752; } .atbd_bg-primary { - background: #444752; + background: #444752; } .atbd_color-secondary { - color: #122069; + color: #122069; } .atbd_bg-secondary { - background: #122069; + background: #122069; } .atbd_color-success { - color: #00AC17; + color: #00ac17; } .atbd_bg-success { - background: #00AC17; + background: #00ac17; } .atbd_color-info { - color: #2C99FF; + color: #2c99ff; } .atbd_bg-info { - background: #2C99FF; + background: #2c99ff; } .atbd_color-warning { - color: #EF8000; + color: #ef8000; } .atbd_bg-warning { - background: #EF8000; + background: #ef8000; } .atbd_color-danger { - color: #EF0000; + color: #ef0000; } .atbd_bg-danger { - background: #EF0000; + background: #ef0000; } .atbd_color-light { - color: #9497A7; + color: #9497a7; } .atbd_bg-light { - background: #9497A7; + background: #9497a7; } .atbd_color-dark { - color: #202428; + color: #202428; } .atbd_bg-dark { - background: #202428; + background: #202428; } .atbd_color-badge-feature { - color: #fa8b0c; + color: #fa8b0c; } .atbd_bg-badge-feature { - background: #fa8b0c; + background: #fa8b0c; } .atbd_color-badge-popular { - color: #f51957; + color: #f51957; } .atbd_bg-badge-popular { - background: #f51957; + background: #f51957; } /* typography */ body.stop-scrolling { - height: 100%; - overflow: hidden; + height: 100%; + overflow: hidden; } .sweet-overlay { - background-color: black; - -ms-filter: "alpha(opacity=40)"; - background-color: rgba(var(--directorist-color-dark-rgb), 0.4); - position: fixed; - right: 0; - left: 0; - top: 0; - bottom: 0; - display: none; - z-index: 10000; + background-color: black; + -ms-filter: "alpha(opacity=40)"; + background-color: rgba(var(--directorist-color-dark-rgb), 0.4); + position: fixed; + right: 0; + left: 0; + top: 0; + bottom: 0; + display: none; + z-index: 10000; } .sweet-alert { - background-color: white; - font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; - width: 478px; - padding: 17px; - border-radius: 5px; - text-align: center; - position: fixed; - right: 50%; - top: 50%; - margin-right: -256px; - margin-top: -200px; - overflow: hidden; - display: none; - z-index: 99999; + background-color: white; + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + width: 478px; + padding: 17px; + border-radius: 5px; + text-align: center; + position: fixed; + right: 50%; + top: 50%; + margin-right: -256px; + margin-top: -200px; + overflow: hidden; + display: none; + z-index: 99999; } @media all and (max-width: 540px) { - .sweet-alert { - width: auto; - margin-right: 0; - margin-left: 0; - right: 15px; - left: 15px; - } + .sweet-alert { + width: auto; + margin-right: 0; + margin-left: 0; + right: 15px; + left: 15px; + } } .sweet-alert h2 { - color: #575757; - font-size: 30px; - text-align: center; - font-weight: 600; - text-transform: none; - position: relative; - margin: 25px 0; - padding: 0; - line-height: 40px; - display: block; + color: #575757; + font-size: 30px; + text-align: center; + font-weight: 600; + text-transform: none; + position: relative; + margin: 25px 0; + padding: 0; + line-height: 40px; + display: block; } .sweet-alert p { - color: #797979; - font-size: 16px; - text-align: center; - font-weight: 300; - position: relative; - text-align: inherit; - float: none; - margin: 0; - padding: 0; - line-height: normal; + color: #797979; + font-size: 16px; + text-align: center; + font-weight: 300; + position: relative; + text-align: inherit; + float: none; + margin: 0; + padding: 0; + line-height: normal; } .sweet-alert fieldset { - border: 0; - position: relative; + border: 0; + position: relative; } .sweet-alert .sa-error-container { - background-color: #f1f1f1; - margin-right: -17px; - margin-left: -17px; - overflow: hidden; - padding: 0 10px; - max-height: 0; - webkit-transition: padding 0.15s, max-height 0.15s; - -webkit-transition: padding 0.15s, max-height 0.15s; - transition: padding 0.15s, max-height 0.15s; + background-color: #f1f1f1; + margin-right: -17px; + margin-left: -17px; + overflow: hidden; + padding: 0 10px; + max-height: 0; + webkit-transition: + padding 0.15s, + max-height 0.15s; + transition: + padding 0.15s, + max-height 0.15s; } .sweet-alert .sa-error-container.show { - padding: 10px 0; - max-height: 100px; - webkit-transition: padding 0.2s, max-height 0.2s; - -webkit-transition: padding 0.25s, max-height 0.25s; - transition: padding 0.25s, max-height 0.25s; + padding: 10px 0; + max-height: 100px; + webkit-transition: + padding 0.2s, + max-height 0.2s; + transition: + padding 0.25s, + max-height 0.25s; } .sweet-alert .sa-error-container .icon { - display: inline-block; - width: 24px; - height: 24px; - border-radius: 50%; - background-color: #ea7d7d; - color: white; - line-height: 24px; - text-align: center; - margin-left: 3px; + display: inline-block; + width: 24px; + height: 24px; + border-radius: 50%; + background-color: #ea7d7d; + color: white; + line-height: 24px; + text-align: center; + margin-left: 3px; } .sweet-alert .sa-error-container p { - display: inline-block; + display: inline-block; } .sweet-alert .sa-input-error { - position: absolute; - top: 29px; - left: 26px; - width: 20px; - height: 20px; - opacity: 0; - -webkit-transform: scale(0.5); - transform: scale(0.5); - -webkit-transform-origin: 50% 50%; - transform-origin: 50% 50%; - -webkit-transition: all 0.1s; - transition: all 0.1s; + position: absolute; + top: 29px; + left: 26px; + width: 20px; + height: 20px; + opacity: 0; + -webkit-transform: scale(0.5); + transform: scale(0.5); + -webkit-transform-origin: 50% 50%; + transform-origin: 50% 50%; + -webkit-transition: all 0.1s; + transition: all 0.1s; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { - content: ""; - width: 20px; - height: 6px; - background-color: #f06e57; - border-radius: 3px; - position: absolute; - top: 50%; - margin-top: -4px; - right: 50%; - margin-right: -9px; + content: ""; + width: 20px; + height: 6px; + background-color: #f06e57; + border-radius: 3px; + position: absolute; + top: 50%; + margin-top: -4px; + right: 50%; + margin-right: -9px; } .sweet-alert .sa-input-error::before { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-input-error::after { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-input-error.show { - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); } .sweet-alert input { - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 3px; - border: 1px solid #d7d7d7; - height: 43px; - margin-top: 10px; - margin-bottom: 17px; - font-size: 18px; - -webkit-box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); - box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); - padding: 0 12px; - display: none; - -webkit-transition: all 0.3s; - transition: all 0.3s; + width: 100%; + box-sizing: border-box; + border-radius: 3px; + border: 1px solid #d7d7d7; + height: 43px; + margin-top: 10px; + margin-bottom: 17px; + font-size: 18px; + box-shadow: inset 0 1px 1px rgba(var(--directorist-color-dark-rgb), 0.06); + padding: 0 12px; + display: none; + -webkit-transition: all 0.3s; + transition: all 0.3s; } .sweet-alert input:focus { - outline: 0; - -webkit-box-shadow: 0 0 3px #c4e6f5; - box-shadow: 0 0 3px #c4e6f5; - border: 1px solid #b4dbed; + outline: 0; + box-shadow: 0 0 3px #c4e6f5; + border: 1px solid #b4dbed; } .sweet-alert input:focus::-moz-placeholder { - -moz-transition: opacity 0.3s 0.03s ease; - transition: opacity 0.3s 0.03s ease; - opacity: 0.5; + transition: opacity 0.3s 0.03s ease; + opacity: 0.5; } .sweet-alert input:focus:-ms-input-placeholder { - -ms-transition: opacity 0.3s 0.03s ease; - transition: opacity 0.3s 0.03s ease; - opacity: 0.5; + transition: opacity 0.3s 0.03s ease; + opacity: 0.5; } .sweet-alert input:focus::-webkit-input-placeholder { - -webkit-transition: opacity 0.3s 0.03s ease; - transition: opacity 0.3s 0.03s ease; - opacity: 0.5; + transition: opacity 0.3s 0.03s ease; + opacity: 0.5; } .sweet-alert input::-moz-placeholder { - color: #bdbdbd; + color: #bdbdbd; } .sweet-alert input:-ms-input-placeholder { - color: #bdbdbd; + color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { - color: #bdbdbd; + color: #bdbdbd; } .sweet-alert.show-input input { - display: block; + display: block; } .sweet-alert .sa-confirm-button-container { - display: inline-block; - position: relative; + display: inline-block; + position: relative; } .sweet-alert .la-ball-fall { - position: absolute; - right: 50%; - top: 50%; - margin-right: -27px; - margin-top: 4px; - opacity: 0; - visibility: hidden; + position: absolute; + right: 50%; + top: 50%; + margin-right: -27px; + margin-top: 4px; + opacity: 0; + visibility: hidden; } .sweet-alert button { - background-color: #8cd4f5; - color: white; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - font-size: 17px; - font-weight: 500; - border-radius: 5px; - padding: 10px 32px; - margin: 26px 5px 0 5px; - cursor: pointer; + background-color: #8cd4f5; + color: white; + border: 0; + box-shadow: none; + font-size: 17px; + font-weight: 500; + -webkit-border-radius: 4px; + border-radius: 5px; + padding: 10px 32px; + margin: 26px 5px 0 5px; + cursor: pointer; } .sweet-alert button:focus { - outline: 0; - -webkit-box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); - box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); + outline: 0; + box-shadow: + 0 0 2px rgba(128, 179, 235, 0.5), + inset 0 0 0 1px rgba(var(--directorist-color-dark-rgb), 0.05); } .sweet-alert button:hover { - background-color: #7ecff4; + background-color: #7ecff4; } .sweet-alert button:active { - background-color: #5dc2f1; + background-color: #5dc2f1; } .sweet-alert button.cancel { - background-color: #c1c1c1; + background-color: #c1c1c1; } .sweet-alert button.cancel:hover { - background-color: #b9b9b9; + background-color: #b9b9b9; } .sweet-alert button.cancel:active { - background-color: #a8a8a8; + background-color: #a8a8a8; } .sweet-alert button.cancel:focus { - -webkit-box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; - box-shadow: rgba(197, 205, 211, 0.8) 0 0 2px, rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; + box-shadow: + rgba(197, 205, 211, 0.8) 0 0 2px, + rgba(var(--directorist-color-dark-rgb), 0.0470588) 0 0 0 1px inset !important; } .sweet-alert button[disabled] { - opacity: 0.6; - cursor: default; + opacity: 0.6; + cursor: default; } .sweet-alert button.confirm[disabled] { - color: transparent; + color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { - opacity: 1; - visibility: visible; - -webkit-transition-delay: 0; - transition-delay: 0; + opacity: 1; + visibility: visible; + transition-delay: 0; } .sweet-alert button::-moz-focus-inner { - border: 0; + border: 0; } -.sweet-alert[data-has-cancel-button=false] button { - -webkit-box-shadow: none !important; - box-shadow: none !important; +.sweet-alert[data-has-cancel-button="false"] button { + box-shadow: none !important; } -.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { - padding-bottom: 40px; +.sweet-alert[data-has-confirm-button="false"][data-has-cancel-button="false"] { + padding-bottom: 40px; } .sweet-alert .sa-icon { - width: 80px; - height: 80px; - border: 4px solid gray; - border-radius: 40px; - border-radius: 50%; - margin: 20px auto; - padding: 0; - position: relative; - -webkit-box-sizing: content-box; - box-sizing: content-box; + width: 80px; + height: 80px; + border: 4px solid gray; + -webkit-border-radius: 40px; + border-radius: 40px; + border-radius: 50%; + margin: 20px auto; + padding: 0; + position: relative; + box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { - border-color: #f27474; + border-color: #f27474; } .sweet-alert .sa-icon.sa-error .sa-x-mark { - position: relative; - display: block; + position: relative; + display: block; } .sweet-alert .sa-icon.sa-error .sa-line { - position: absolute; - height: 5px; - width: 47px; - background-color: #f27474; - display: block; - top: 37px; - border-radius: 2px; + position: absolute; + height: 5px; + width: 47px; + background-color: #f27474; + display: block; + top: 37px; + border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); - right: 17px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + right: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - left: 16px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + left: 16px; } .sweet-alert .sa-icon.sa-warning { - border-color: #f8bb86; + border-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-body { - position: absolute; - width: 5px; - height: 47px; - right: 50%; - top: 10px; - border-radius: 2px; - margin-right: -2px; - background-color: #f8bb86; + position: absolute; + width: 5px; + height: 47px; + right: 50%; + top: 10px; + -webkit-border-radius: 2px; + border-radius: 2px; + margin-right: -2px; + background-color: #f8bb86; } .sweet-alert .sa-icon.sa-warning .sa-dot { - position: absolute; - width: 7px; - height: 7px; - border-radius: 50%; - margin-right: -3px; - right: 50%; - bottom: 10px; - background-color: #f8bb86; + position: absolute; + width: 7px; + height: 7px; + -webkit-border-radius: 50%; + border-radius: 50%; + margin-right: -3px; + right: 50%; + bottom: 10px; + background-color: #f8bb86; } .sweet-alert .sa-icon.sa-info { - border-color: #c9dae1; + border-color: #c9dae1; } .sweet-alert .sa-icon.sa-info::before { - content: ""; - position: absolute; - width: 5px; - height: 29px; - right: 50%; - bottom: 17px; - border-radius: 2px; - margin-right: -2px; - background-color: #c9dae1; + content: ""; + position: absolute; + width: 5px; + height: 29px; + right: 50%; + bottom: 17px; + border-radius: 2px; + margin-right: -2px; + background-color: #c9dae1; } .sweet-alert .sa-icon.sa-info::after { - content: ""; - position: absolute; - width: 7px; - height: 7px; - border-radius: 50%; - margin-right: -3px; - top: 19px; - background-color: #c9dae1; + content: ""; + position: absolute; + width: 7px; + height: 7px; + border-radius: 50%; + margin-right: -3px; + top: 19px; + background-color: #c9dae1; } .sweet-alert .sa-icon.sa-success { - border-color: #a5dc86; + border-color: #a5dc86; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { - content: ""; - border-radius: 40px; - border-radius: 50%; - position: absolute; - width: 60px; - height: 120px; - background: white; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + content: ""; + -webkit-border-radius: 40px; + border-radius: 40px; + border-radius: 50%; + position: absolute; + width: 60px; + height: 120px; + background: white; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success::before { - border-radius: 0 120px 120px 0; - top: -7px; - right: -33px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-transform-origin: 60px 60px; - transform-origin: 60px 60px; + -webkit-border-radius: 0 120px 120px 0; + border-radius: 0 120px 120px 0; + top: -7px; + right: -33px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: 60px 60px; + transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { - border-radius: 120px 0 0 120px; - top: -11px; - right: 30px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); - -webkit-transform-origin: 100% 60px; - transform-origin: 100% 60px; + -webkit-border-radius: 120px 0 0 120px; + border-radius: 120px 0 0 120px; + top: -11px; + right: 30px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transform-origin: 100% 60px; + transform-origin: 100% 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { - width: 80px; - height: 80px; - border: 4px solid rgba(165, 220, 134, 0.2); - border-radius: 40px; - border-radius: 50%; - -webkit-box-sizing: content-box; - box-sizing: content-box; - position: absolute; - right: -4px; - top: -4px; - z-index: 2; + width: 80px; + height: 80px; + border: 4px solid rgba(165, 220, 134, 0.2); + -webkit-border-radius: 40px; + border-radius: 40px; + border-radius: 50%; + box-sizing: content-box; + position: absolute; + right: -4px; + top: -4px; + z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { - width: 5px; - height: 90px; - background-color: white; - position: absolute; - right: 28px; - top: 8px; - z-index: 1; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + width: 5px; + height: 90px; + background-color: white; + position: absolute; + right: 28px; + top: 8px; + z-index: 1; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line { - height: 5px; - background-color: #a5dc86; - display: block; - border-radius: 2px; - position: absolute; - z-index: 2; + height: 5px; + background-color: #a5dc86; + display: block; + border-radius: 2px; + position: absolute; + z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { - width: 25px; - right: 14px; - top: 46px; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + width: 25px; + right: 14px; + top: 46px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { - width: 47px; - left: 8px; - top: 38px; - -webkit-transform: rotate(45deg); - transform: rotate(45deg); + width: 47px; + left: 8px; + top: 38px; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); } .sweet-alert .sa-icon.sa-custom { - background-size: contain; - border-radius: 0; - border: 0; - background-position: center center; - background-repeat: no-repeat; + background-size: contain; + border-radius: 0; + border: 0; + background-position: center center; + background-repeat: no-repeat; } @-webkit-keyframes showSweetAlert { - 0% { - transform: scale(0.7); - -webkit-transform: scale(0.7); - } - 45% { - transform: scale(1.05); - -webkit-transform: scale(1.05); - } - 80% { - transform: scale(0.95); - -webkit-transform: scale(0.95); - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - } + 0% { + transform: scale(0.7); + -webkit-transform: scale(0.7); + } + 45% { + transform: scale(1.05); + -webkit-transform: scale(1.05); + } + 80% { + transform: scale(0.95); + -webkit-transform: scale(0.95); + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + } } @keyframes showSweetAlert { - 0% { - transform: scale(0.7); - -webkit-transform: scale(0.7); - } - 45% { - transform: scale(1.05); - -webkit-transform: scale(1.05); - } - 80% { - transform: scale(0.95); - -webkit-transform: scale(0.95); - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - } + 0% { + transform: scale(0.7); + -webkit-transform: scale(0.7); + } + 45% { + transform: scale(1.05); + -webkit-transform: scale(1.05); + } + 80% { + transform: scale(0.95); + -webkit-transform: scale(0.95); + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + } } @-webkit-keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); - } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); - } + 0% { + transform: scale(1); + -webkit-transform: scale(1); + } + 100% { + transform: scale(0.5); + -webkit-transform: scale(0.5); + } } @keyframes hideSweetAlert { - 0% { - transform: scale(1); - -webkit-transform: scale(1); - } - 100% { - transform: scale(0.5); - -webkit-transform: scale(0.5); - } + 0% { + transform: scale(1); + -webkit-transform: scale(1); + } + 100% { + transform: scale(0.5); + -webkit-transform: scale(0.5); + } } @-webkit-keyframes slideFromTop { - 0% { - top: 0; - } - 100% { - top: 50%; - } + 0% { + top: 0; + } + 100% { + top: 50%; + } } @keyframes slideFromTop { - 0% { - top: 0; - } - 100% { - top: 50%; - } + 0% { + top: 0; + } + 100% { + top: 50%; + } } @-webkit-keyframes slideToTop { - 0% { - top: 50%; - } - 100% { - top: 0; - } + 0% { + top: 50%; + } + 100% { + top: 0; + } } @keyframes slideToTop { - 0% { - top: 50%; - } - 100% { - top: 0; - } + 0% { + top: 50%; + } + 100% { + top: 0; + } } @-webkit-keyframes slideFromBottom { - 0% { - top: 70%; - } - 100% { - top: 50%; - } + 0% { + top: 70%; + } + 100% { + top: 50%; + } } @keyframes slideFromBottom { - 0% { - top: 70%; - } - 100% { - top: 50%; - } + 0% { + top: 70%; + } + 100% { + top: 50%; + } } @-webkit-keyframes slideToBottom { - 0% { - top: 50%; - } - 100% { - top: 70%; - } + 0% { + top: 50%; + } + 100% { + top: 70%; + } } @keyframes slideToBottom { - 0% { - top: 50%; - } - 100% { - top: 70%; - } + 0% { + top: 50%; + } + 100% { + top: 70%; + } } -.showSweetAlert[data-animation=pop] { - -webkit-animation: showSweetAlert 0.3s; - animation: showSweetAlert 0.3s; +.showSweetAlert[data-animation="pop"] { + -webkit-animation: showSweetAlert 0.3s; + animation: showSweetAlert 0.3s; } -.showSweetAlert[data-animation=none] { - -webkit-animation: none; - animation: none; +.showSweetAlert[data-animation="none"] { + -webkit-animation: none; + animation: none; } -.showSweetAlert[data-animation=slide-from-top] { - -webkit-animation: slideFromTop 0.3s; - animation: slideFromTop 0.3s; +.showSweetAlert[data-animation="slide-from-top"] { + -webkit-animation: slideFromTop 0.3s; + animation: slideFromTop 0.3s; } -.showSweetAlert[data-animation=slide-from-bottom] { - -webkit-animation: slideFromBottom 0.3s; - animation: slideFromBottom 0.3s; +.showSweetAlert[data-animation="slide-from-bottom"] { + -webkit-animation: slideFromBottom 0.3s; + animation: slideFromBottom 0.3s; } -.hideSweetAlert[data-animation=pop] { - -webkit-animation: hideSweetAlert 0.2s; - animation: hideSweetAlert 0.2s; +.hideSweetAlert[data-animation="pop"] { + -webkit-animation: hideSweetAlert 0.2s; + animation: hideSweetAlert 0.2s; } -.hideSweetAlert[data-animation=none] { - -webkit-animation: none; - animation: none; +.hideSweetAlert[data-animation="none"] { + -webkit-animation: none; + animation: none; } -.hideSweetAlert[data-animation=slide-from-top] { - -webkit-animation: slideToTop 0.4s; - animation: slideToTop 0.4s; +.hideSweetAlert[data-animation="slide-from-top"] { + -webkit-animation: slideToTop 0.4s; + animation: slideToTop 0.4s; } -.hideSweetAlert[data-animation=slide-from-bottom] { - -webkit-animation: slideToBottom 0.3s; - animation: slideToBottom 0.3s; +.hideSweetAlert[data-animation="slide-from-bottom"] { + -webkit-animation: slideToBottom 0.3s; + animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { - 0% { - width: 0; - right: 1px; - top: 19px; - } - 54% { - width: 0; - right: 1px; - top: 19px; - } - 70% { - width: 50px; - right: -8px; - top: 37px; - } - 84% { - width: 17px; - right: 21px; - top: 48px; - } - 100% { - width: 25px; - right: 14px; - top: 45px; - } + 0% { + width: 0; + right: 1px; + top: 19px; + } + 54% { + width: 0; + right: 1px; + top: 19px; + } + 70% { + width: 50px; + right: -8px; + top: 37px; + } + 84% { + width: 17px; + right: 21px; + top: 48px; + } + 100% { + width: 25px; + right: 14px; + top: 45px; + } } @keyframes animateSuccessTip { - 0% { - width: 0; - right: 1px; - top: 19px; - } - 54% { - width: 0; - right: 1px; - top: 19px; - } - 70% { - width: 50px; - right: -8px; - top: 37px; - } - 84% { - width: 17px; - right: 21px; - top: 48px; - } - 100% { - width: 25px; - right: 14px; - top: 45px; - } + 0% { + width: 0; + right: 1px; + top: 19px; + } + 54% { + width: 0; + right: 1px; + top: 19px; + } + 70% { + width: 50px; + right: -8px; + top: 37px; + } + 84% { + width: 17px; + right: 21px; + top: 48px; + } + 100% { + width: 25px; + right: 14px; + top: 45px; + } } @-webkit-keyframes animateSuccessLong { - 0% { - width: 0; - left: 46px; - top: 54px; - } - 65% { - width: 0; - left: 46px; - top: 54px; - } - 84% { - width: 55px; - left: 0; - top: 35px; - } - 100% { - width: 47px; - left: 8px; - top: 38px; - } + 0% { + width: 0; + left: 46px; + top: 54px; + } + 65% { + width: 0; + left: 46px; + top: 54px; + } + 84% { + width: 55px; + left: 0; + top: 35px; + } + 100% { + width: 47px; + left: 8px; + top: 38px; + } } @keyframes animateSuccessLong { - 0% { - width: 0; - left: 46px; - top: 54px; - } - 65% { - width: 0; - left: 46px; - top: 54px; - } - 84% { - width: 55px; - left: 0; - top: 35px; - } - 100% { - width: 47px; - left: 8px; - top: 38px; - } + 0% { + width: 0; + left: 46px; + top: 54px; + } + 65% { + width: 0; + left: 46px; + top: 54px; + } + 84% { + width: 55px; + left: 0; + top: 35px; + } + 100% { + width: 47px; + left: 8px; + top: 38px; + } } @-webkit-keyframes rotatePlaceholder { - 0% { - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - } - 5% { - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - } - 12% { - transform: rotate(405deg); - -webkit-transform: rotate(405deg); - } - 100% { - transform: rotate(405deg); - -webkit-transform: rotate(405deg); - } + 0% { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + } + 5% { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + } + 12% { + transform: rotate(405deg); + -webkit-transform: rotate(405deg); + } + 100% { + transform: rotate(405deg); + -webkit-transform: rotate(405deg); + } } @keyframes rotatePlaceholder { - 0% { - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - } - 5% { - transform: rotate(45deg); - -webkit-transform: rotate(45deg); - } - 12% { - transform: rotate(405deg); - -webkit-transform: rotate(405deg); - } - 100% { - transform: rotate(405deg); - -webkit-transform: rotate(405deg); - } + 0% { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + } + 5% { + transform: rotate(45deg); + -webkit-transform: rotate(45deg); + } + 12% { + transform: rotate(405deg); + -webkit-transform: rotate(405deg); + } + 100% { + transform: rotate(405deg); + -webkit-transform: rotate(405deg); + } } .animateSuccessTip { - -webkit-animation: animateSuccessTip 0.75s; - animation: animateSuccessTip 0.75s; + -webkit-animation: animateSuccessTip 0.75s; + animation: animateSuccessTip 0.75s; } .animateSuccessLong { - -webkit-animation: animateSuccessLong 0.75s; - animation: animateSuccessLong 0.75s; + -webkit-animation: animateSuccessLong 0.75s; + animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { - -webkit-animation: rotatePlaceholder 4.25s ease-in; - animation: rotatePlaceholder 4.25s ease-in; + -webkit-animation: rotatePlaceholder 4.25s ease-in; + animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; - } - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1; - } + 0% { + transform: rotateX(100deg); + -webkit-transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0); + -webkit-transform: rotateX(0); + opacity: 1; + } } @keyframes animateErrorIcon { - 0% { - transform: rotateX(100deg); - -webkit-transform: rotateX(100deg); - opacity: 0; - } - 100% { - transform: rotateX(0); - -webkit-transform: rotateX(0); - opacity: 1; - } + 0% { + transform: rotateX(100deg); + -webkit-transform: rotateX(100deg); + opacity: 0; + } + 100% { + transform: rotateX(0); + -webkit-transform: rotateX(0); + opacity: 1; + } } .animateErrorIcon { - -webkit-animation: animateErrorIcon 0.5s; - animation: animateErrorIcon 0.5s; + -webkit-animation: animateErrorIcon 0.5s; + animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { - 0% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 50% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 80% { - transform: scale(1.15); - -webkit-transform: scale(1.15); - margin-top: -6px; - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - margin-top: 0; - opacity: 1; - } + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } } @keyframes animateXMark { - 0% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 50% { - transform: scale(0.4); - -webkit-transform: scale(0.4); - margin-top: 26px; - opacity: 0; - } - 80% { - transform: scale(1.15); - -webkit-transform: scale(1.15); - margin-top: -6px; - } - 100% { - transform: scale(1); - -webkit-transform: scale(1); - margin-top: 0; - opacity: 1; - } + 0% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 50% { + transform: scale(0.4); + -webkit-transform: scale(0.4); + margin-top: 26px; + opacity: 0; + } + 80% { + transform: scale(1.15); + -webkit-transform: scale(1.15); + margin-top: -6px; + } + 100% { + transform: scale(1); + -webkit-transform: scale(1); + margin-top: 0; + opacity: 1; + } } .animateXMark { - -webkit-animation: animateXMark 0.5s; - animation: animateXMark 0.5s; + -webkit-animation: animateXMark 0.5s; + animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { - 0% { - border-color: #f8d486; - } - 100% { - border-color: #f8bb86; - } + 0% { + border-color: #f8d486; + } + 100% { + border-color: #f8bb86; + } } @keyframes pulseWarning { - 0% { - border-color: #f8d486; - } - 100% { - border-color: #f8bb86; - } + 0% { + border-color: #f8d486; + } + 100% { + border-color: #f8bb86; + } } .pulseWarning { - -webkit-animation: pulseWarning 0.75s infinite alternate; - animation: pulseWarning 0.75s infinite alternate; + -webkit-animation: pulseWarning 0.75s infinite alternate; + animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { - 0% { - background-color: #f8d486; - } - 100% { - background-color: #f8bb86; - } + 0% { + background-color: #f8d486; + } + 100% { + background-color: #f8bb86; + } } @keyframes pulseWarningIns { - 0% { - background-color: #f8d486; - } - 100% { - background-color: #f8bb86; - } + 0% { + background-color: #f8d486; + } + 100% { + background-color: #f8bb86; + } } .pulseWarningIns { - -webkit-animation: pulseWarningIns 0.75s infinite alternate; - animation: pulseWarningIns 0.75s infinite alternate; + -webkit-animation: pulseWarningIns 0.75s infinite alternate; + animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(-360deg); + } } @keyframes rotate-loading { - 0% { - -webkit-transform: rotate(0); - transform: rotate(0); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + 0% { + transform: rotate(0); + } + 100% { + transform: rotate(-360deg); + } } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { - -ms-transform: rotate(-45deg) \9 ; + -ms-transform: rotate(-45deg) \9; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { - -ms-transform: rotate(45deg) \9 ; + -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-success { - border-color: transparent\9 ; + border-color: transparent\9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { - -ms-transform: rotate(-45deg) \9 ; + -ms-transform: rotate(-45deg) \9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { - -ms-transform: rotate(45deg) \9 ; + -ms-transform: rotate(45deg) \9; } /*! @@ -3002,622 +2697,848 @@ body.stop-scrolling { */ .la-ball-fall, .la-ball-fall > div { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; + position: relative; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .la-ball-fall { - display: block; - font-size: 0; - color: var(--directorist-color-white); + display: block; + font-size: 0; + color: var(--directorist-color-white); } .la-ball-fall.la-dark { - color: #333; + color: #333; } .la-ball-fall > div { - display: inline-block; - float: none; - background-color: currentColor; - border: 0 solid currentColor; + display: inline-block; + float: none; + background-color: currentColor; + border: 0 solid currentColor; } .la-ball-fall { - width: 54px; - height: 18px; + width: 54px; + height: 18px; } .la-ball-fall > div { - width: 10px; - height: 10px; - margin: 4px; - border-radius: 100%; - opacity: 0; - -webkit-animation: ball-fall 1s ease-in-out infinite; - animation: ball-fall 1s ease-in-out infinite; + width: 10px; + height: 10px; + margin: 4px; + border-radius: 100%; + opacity: 0; + -webkit-animation: ball-fall 1s ease-in-out infinite; + -moz-animation: ball-fall 1s ease-in-out infinite; + -o-animation: ball-fall 1s ease-in-out infinite; + animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { - -webkit-animation-delay: -200ms; - animation-delay: -200ms; + -webkit-animation-delay: -200ms; + -moz-animation-delay: -200ms; + -o-animation-delay: -200ms; + animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { - -webkit-animation-delay: -100ms; - animation-delay: -100ms; + -webkit-animation-delay: -100ms; + -moz-animation-delay: -100ms; + -o-animation-delay: -100ms; + animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { - -webkit-animation-delay: 0; - animation-delay: 0; + -webkit-animation-delay: 0; + -moz-animation-delay: 0; + -o-animation-delay: 0; + animation-delay: 0; } .la-ball-fall.la-sm { - width: 26px; - height: 8px; + width: 26px; + height: 8px; } .la-ball-fall.la-sm > div { - width: 4px; - height: 4px; - margin: 2px; + width: 4px; + height: 4px; + margin: 2px; } .la-ball-fall.la-2x { - width: 108px; - height: 36px; + width: 108px; + height: 36px; } .la-ball-fall.la-2x > div { - width: 20px; - height: 20px; - margin: 8px; + width: 20px; + height: 20px; + margin: 8px; } .la-ball-fall.la-3x { - width: 162px; - height: 54px; + width: 162px; + height: 54px; } .la-ball-fall.la-3x > div { - width: 30px; - height: 30px; - margin: 12px; + width: 30px; + height: 30px; + margin: 12px; } @-webkit-keyframes ball-fall { - 0% { - opacity: 0; - -webkit-transform: translateY(-145%); - transform: translateY(-145%); - } - 10% { - opacity: 0.5; - } - 20% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 80% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 90% { - opacity: 0.5; - } - 100% { - opacity: 0; - -webkit-transform: translateY(145%); - transform: translateY(145%); - } + 0% { + opacity: 0; + -webkit-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -webkit-transform: translateY(145%); + transform: translateY(145%); + } +} +@-moz-keyframes ball-fall { + 0% { + opacity: 0; + -moz-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -moz-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -moz-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -moz-transform: translateY(145%); + transform: translateY(145%); + } +} +@-o-keyframes ball-fall { + 0% { + opacity: 0; + -o-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -o-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -o-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -o-transform: translateY(145%); + transform: translateY(145%); + } } @keyframes ball-fall { - 0% { - opacity: 0; - -webkit-transform: translateY(-145%); - transform: translateY(-145%); - } - 10% { - opacity: 0.5; - } - 20% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 80% { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); - } - 90% { - opacity: 0.5; - } - 100% { - opacity: 0; - -webkit-transform: translateY(145%); - transform: translateY(145%); - } + 0% { + opacity: 0; + -webkit-transform: translateY(-145%); + -moz-transform: translateY(-145%); + -o-transform: translateY(-145%); + transform: translateY(-145%); + } + 10% { + opacity: 0.5; + } + 20% { + opacity: 1; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } + 80% { + opacity: 1; + -webkit-transform: translateY(0); + -moz-transform: translateY(0); + -o-transform: translateY(0); + transform: translateY(0); + } + 90% { + opacity: 0.5; + } + 100% { + opacity: 0; + -webkit-transform: translateY(145%); + -moz-transform: translateY(145%); + -o-transform: translateY(145%); + transform: translateY(145%); + } } .directorist-add-listing-types { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: flex; + box-sizing: border-box; } .directorist-add-listing-types__single { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-add-listing-types__single__link { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - background-color: var(--directorist-color-white); - color: var(--directorist-color-primary); - font-size: 16px; - font-weight: 500; - line-height: 20px; - text-align: center; - padding: 40px 25px; - border-radius: 12px; - text-decoration: none !important; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-transition: background 0.2s ease; - transition: background 0.2s ease; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + background-color: var(--directorist-color-white); + color: var(--directorist-color-primary); + font-size: 16px; + font-weight: 500; + line-height: 20px; + text-align: center; + padding: 40px 25px; + border-radius: 12px; + text-decoration: none !important; + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + transition: background 0.2s ease; + /* Legacy Icon */ } .directorist-add-listing-types__single__link .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 70px; - width: 70px; - background-color: var(--directorist-color-primary); - border-radius: 100%; - margin-bottom: 20px; - -webkit-transition: color 0.2s ease, background 0.2s ease; - transition: color 0.2s ease, background 0.2s ease; + display: flex; + align-items: center; + justify-content: center; + height: 70px; + width: 70px; + background-color: var(--directorist-color-primary); + border-radius: 100%; + margin-bottom: 20px; + transition: + color 0.2s ease, + background 0.2s ease; } .directorist-add-listing-types__single__link .directorist-icon-mask:after { - width: 25px; - height: 25px; - background-color: var(--directorist-color-white); + width: 25px; + height: 25px; + background-color: var(--directorist-color-white); } .directorist-add-listing-types__single__link:hover { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-add-listing-types__single__link:hover .directorist-icon-mask { - background-color: var(--directorist-color-white); -} -.directorist-add-listing-types__single__link:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-white); } -.directorist-add-listing-types__single__link { - /* Legacy Icon */ +.directorist-add-listing-types__single__link:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } .directorist-add-listing-types__single__link > i:not(.directorist-icon-mask) { - display: inline-block; - margin-bottom: 10px; + display: inline-block; + margin-bottom: 10px; } .directorist-add-listing-wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: flex; + box-sizing: border-box; } .directorist-add-listing-form .directorist-content-module { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-add-listing-form .directorist-content-module__title i { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-add-listing-form .directorist-content-module__title i:after { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-add-listing-form .directorist-alert-required { - display: block; - margin-top: 5px; - color: #e80000; - font-size: 13px; + display: block; + margin-top: 5px; + color: #e80000; + font-size: 13px; } .directorist-add-listing-form__privacy a { - color: var(--directorist-color-info); + color: var(--directorist-color-info); } .directorist-add-listing-form .directorist-content-module, #directiost-listing-fields_wrapper .directorist-content-module { - margin-bottom: 35px; - border-radius: 12px; + margin-bottom: 35px; + border-radius: 12px; + /* social info */ } @media (max-width: 991px) { - .directorist-add-listing-form .directorist-content-module, - #directiost-listing-fields_wrapper .directorist-content-module { - margin-bottom: 20px; - } + .directorist-add-listing-form .directorist-content-module, + #directiost-listing-fields_wrapper .directorist-content-module { + margin-bottom: 20px; + } } .directorist-add-listing-form .directorist-content-module__title, #directiost-listing-fields_wrapper .directorist-content-module__title { - gap: 15px; - min-height: 66px; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; + gap: 15px; + min-height: 66px; + justify-content: flex-start; } .directorist-add-listing-form .directorist-content-module__title i, #directiost-listing-fields_wrapper .directorist-content-module__title i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 36px; - height: 36px; - border-radius: 100%; + display: flex; + align-items: center; + justify-content: center; + width: 36px; + height: 36px; + border-radius: 100%; } .directorist-add-listing-form .directorist-content-module__title i:after, #directiost-listing-fields_wrapper .directorist-content-module__title i:after { - width: 16px; - height: 16px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade { - padding: 0; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade > input[name=address], -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade > input[name=address] { - padding-right: 10px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:before { - width: 15px; - height: 15px; - right: unset; - left: 0; - top: 46px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-address-field.atbdp-form-fade:after { - height: 40px; - top: 26px; -} -.directorist-add-listing-form .directorist-content-module, -#directiost-listing-fields_wrapper .directorist-content-module { - /* social info */ -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - margin: 0 0 25px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields:last-child, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields:last-child { - margin: 0 0 40px; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields .directorist-form-group select.placeholder-item { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-light-gray); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + width: 16px; + height: 16px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade { + padding: 0; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade + > input[name="address"], +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade + > input[name="address"] { + padding-right: 10px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:before, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:before { + width: 15px; + height: 15px; + right: unset; + left: 0; + top: 46px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-address-field.atbdp-form-fade:after { + height: 40px; + top: 26px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields { + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 20px; + margin: 0 0 25px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields:last-child, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields:last-child { + margin: 0 0 40px; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group { + flex: 1; + margin: 0; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select { + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select.placeholder-item, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + .directorist-form-group + select.placeholder-item { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-light-gray); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input { + display: flex; + gap: 20px; + flex: 1; } @media screen and (max-width: 480px) { - .directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input, - #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input { - gap: 10px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-webkit-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-moz-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input:-ms-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder, #directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::-ms-input-placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__input .atbdp_social_input::placeholder { - font-weight: 400; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 36px; - height: 36px; - padding: 0; - cursor: pointer; - border-radius: 100%; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-light) !important; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove i::after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i::after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-light-gray); -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover { - background-color: var(--directorist-color-primary) !important; -} -.directorist-add-listing-form .directorist-content-module .directorist-form-social-fields__remove:hover i::after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i::after { - background-color: var(--directorist-color-white); + .directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input, + #directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input { + gap: 10px; + flex-direction: column; + } +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::placeholder, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__input + .atbdp_social_input::placeholder { + font-weight: 400; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove { + display: flex; + align-items: center; + justify-content: center; + width: 36px; + height: 36px; + padding: 0; + cursor: pointer; + border-radius: 100%; + transition: all ease 0.3s; + background-color: var(--directorist-color-light) !important; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove + i::after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove + i::after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-light-gray); +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove:hover, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover { + background-color: var(--directorist-color-primary) !important; +} +.directorist-add-listing-form + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after { + background-color: var(--directorist-color-white); } #directiost-listing-fields_wrapper .directorist-content-module { - background-color: var(--directorist-color-white); - border-radius: 0; - border: 1px solid #e3e6ef; + background-color: var(--directorist-color-white); + border-radius: 0; + border: 1px solid #e3e6ef; } #directiost-listing-fields_wrapper .directorist-content-module__title { - padding: 20px 30px; - border-bottom: 1px solid #e3e6ef; + padding: 20px 30px; + border-bottom: 1px solid #e3e6ef; } #directiost-listing-fields_wrapper .directorist-content-module__title i { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } #directiost-listing-fields_wrapper .directorist-content-module__title i:after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields { - margin: 0 0 25px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove { - background-color: #ededed !important; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove i::after { - background-color: #808080; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover { - background-color: var(--directorist-color-primary) !important; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields__remove:hover i::after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title { - cursor: auto; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__title:before { - display: none; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents { - padding: 30px 40px 40px; + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields { + margin: 0 0 25px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove { + background-color: #ededed !important; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove + i::after { + background-color: #808080; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover { + background-color: var(--directorist-color-primary) !important; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields__remove:hover + i::after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__title { + cursor: auto; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__title:before { + display: none; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__contents { + padding: 30px 40px 40px; } @media (max-width: 991px) { - #directiost-listing-fields_wrapper .directorist-content-module .directorist-content-module__contents { - height: auto; - opacity: 1; - padding: 20px; - visibility: visible; - } -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-label { - margin-bottom: 10px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element { - position: relative; - height: 42px; - padding: 15px 20px; - font-size: 14px; - font-weight: 400; - border-radius: 5px; - width: 100%; - border: 1px solid #ececec; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 0; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element__prefix { - height: 42px; - line-height: 42px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-fields select.directorist-form-element, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-select select.directorist-form-element, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-group .directorist-form-element.directory_pricing_field { - padding-top: 0; - padding-bottom: 0; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-radio__label:after { - position: absolute; - right: 0; - top: 0; - width: 20px; - height: 20px; - border-radius: 3px; - content: ""; - border: 1px solid #c6d0dc; - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox input[type=radio]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=checkbox]:checked + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio] + .directorist-radio__label:before { - position: absolute; - right: 7px; - top: 7px; - width: 6px; - height: 6px; - border-radius: 50%; - background-color: var(--directorist-color-primary); - border: 0 none; - -webkit-mask-image: none; - mask-image: none; - z-index: 2; - content: ""; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-radio__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio] + .directorist-checkbox__label:after, -#directiost-listing-fields_wrapper .directorist-content-module .directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:after { - border-radius: 50%; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:before { - right: 5px; - top: 5px; - content: ""; - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - border: none; - background-color: var(--directorist-color-white); - display: block; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; -} -#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic { - padding: 30px; - text-align: center; - border-radius: 5px; - border: 1px dashed #dbdee9; -} -#directiost-listing-fields_wrapper .directorist-content-module .plupload-upload-uic .plupload-browse-button-label i::after { - width: 50px; - height: 45px; - background-color: #808080; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-custom-field-file-upload .directorist-custom-field-file-upload__wrapper ~ .directorist-form-description { - text-align: center; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn { - width: auto; - padding: 11px 26px; - background-color: #444752; - color: var(--directorist-color-white); - border-radius: 5px; -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-social-info-field .directorist-btn i::after { - background-color: var(--directorist-color-white); -} -#directiost-listing-fields_wrapper .directorist-content-module .directorist-form-map-field__maps #gmap { - border-radius: 0; + #directiost-listing-fields_wrapper + .directorist-content-module + .directorist-content-module__contents { + height: auto; + opacity: 1; + padding: 20px; + visibility: visible; + } +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-label { + margin-bottom: 10px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element { + position: relative; + height: 42px; + padding: 15px 20px; + font-size: 14px; + font-weight: 400; + border-radius: 5px; + width: 100%; + border: 1px solid #ececec; + box-sizing: border-box; + margin-bottom: 0; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element__prefix { + height: 42px; + line-height: 42px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-fields + select.directorist-form-element, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-custom-field-select + select.directorist-form-element, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-group + .directorist-form-element.directory_pricing_field { + padding-top: 0; + padding-bottom: 0; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-radio__label:after { + position: absolute; + right: 0; + top: 0; + width: 20px; + height: 20px; + border-radius: 3px; + content: ""; + border: 1px solid #c6d0dc; + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"] + + .directorist-radio__label:before { + position: absolute; + right: 7px; + top: 7px; + width: 6px; + height: 6px; + border-radius: 50%; + background-color: var(--directorist-color-primary); + border: 0 none; + mask-image: none; + z-index: 2; + content: ""; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-radio__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-checkbox__label:after, +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:after { + border-radius: 50%; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:before { + right: 5px; + top: 5px; + content: ""; + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-repeat: no-repeat; + width: 10px; + height: 10px; + border: none; + background-color: var(--directorist-color-white); + display: block; + transition: all 0.3s ease 0s; + z-index: 2; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .plupload-upload-uic { + padding: 30px; + text-align: center; + border-radius: 5px; + border: 1px dashed #dbdee9; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .plupload-upload-uic + .plupload-browse-button-label + i::after { + width: 50px; + height: 45px; + background-color: #808080; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-custom-field-file-upload + .directorist-custom-field-file-upload__wrapper + ~ .directorist-form-description { + text-align: center; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-info-field + .directorist-btn { + width: auto; + padding: 11px 26px; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 5px; +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-social-info-field + .directorist-btn + i::after { + background-color: var(--directorist-color-white); +} +#directiost-listing-fields_wrapper + .directorist-content-module + .directorist-form-map-field__maps + #gmap { + border-radius: 0; } /* ========================== @@ -3625,11 +3546,11 @@ body.stop-scrolling { ============================= */ /* listing label */ .directorist-form-label { - display: block; - color: var(--directorist-color-dark); - margin-bottom: 5px; - font-size: 14px; - font-weight: 500; + display: block; + color: var(--directorist-color-dark); + margin-bottom: 5px; + font-size: 14px; + font-weight: 500; } .directorist-custom-field-radio > .directorist-form-label, @@ -3638,1006 +3559,974 @@ body.stop-scrolling { .directorist-form-image-upload-field > .directorist-form-label, .directorist-custom-field-file-upload > .directorist-form-label, .directorist-form-pricing-field.price-type-both > .directorist-form-label { - margin-bottom: 18px; + margin-bottom: 18px; } /* listing type */ .directorist-form-listing-type { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: flex; + flex-wrap: wrap; + gap: 20px; } @media (max-width: 767px) { - .directorist-form-listing-type { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-form-listing-type { + flex-direction: column; + } } .directorist-form-listing-type .directorist-form-label { - font-size: 14px; - font-weight: 500; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - margin: 0; + font-size: 14px; + font-weight: 500; + flex: 0 0 100%; + margin: 0; } .directorist-form-listing-type__single { - -webkit-box-flex: 0; - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; + flex: 0 0 45%; } .directorist-form-listing-type__single.directorist-radio { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label { - width: 100%; - height: 100%; - padding: 25px; - font-size: 14px; - font-weight: 500; - padding-right: 55px; - border-radius: 12px; - color: var(--directorist-color-body); - border: 3px solid var(--directorist-color-border-gray); - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label small { - display: block; - margin-top: 5px; - font-weight: normal; - color: var(--directorist-color-success); -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label:before { - right: 29px; - top: 29px; -} -.directorist-form-listing-type .directorist-radio input[type=radio] + .directorist-radio__label:after { - right: 25px; - top: 25px; - width: 18px; - height: 18px; -} -.directorist-form-listing-type .directorist-radio input[type=radio]:checked + .directorist-radio__label { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + align-items: flex-start; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label { + width: 100%; + height: 100%; + padding: 25px; + font-size: 14px; + font-weight: 500; + padding-right: 55px; + border-radius: 12px; + color: var(--directorist-color-body); + border: 3px solid var(--directorist-color-border-gray); + cursor: pointer; + box-sizing: border-box; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label + small { + display: block; + margin-top: 5px; + font-weight: normal; + color: var(--directorist-color-success); +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label:before { + right: 29px; + top: 29px; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"] + + .directorist-radio__label:after { + right: 25px; + top: 25px; + width: 18px; + height: 18px; +} +.directorist-form-listing-type + .directorist-radio + input[type="radio"]:checked + + .directorist-radio__label { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } /* Pricing */ .directorist-form-pricing-field__options { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 0 20px; -} -.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label { - font-size: 14px; - font-weight: 400; - min-height: 18px; - padding-right: 27px; - color: var(--directorist-color-body); -} -.directorist-form-pricing-field__options .directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label { - font-weight: 500; - color: var(--directorist-color-dark); -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:after { - top: 3px; - right: 3px; - width: 14px; - height: 14px; - border-radius: 100%; - border: 2px solid #c6d0dc; -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:before { - right: 0; - top: 0; - width: 8px; - height: 8px; - -webkit-mask-image: none; - mask-image: none; - background-color: var(--directorist-color-white); - border-radius: 100%; - border: 5px solid var(--directorist-color-primary); - -webkit-box-sizing: content-box; - box-sizing: content-box; -} -.directorist-form-pricing-field__options .directorist_pricing_options input[type=checkbox] + .directorist-checkbox__label:checked:after { - opacity: 0; + display: flex; + flex-wrap: wrap; + gap: 20px; + align-items: center; + margin: 0 0 20px; +} +.directorist-form-pricing-field__options + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label { + font-size: 14px; + font-weight: 400; + min-height: 18px; + padding-right: 27px; + color: var(--directorist-color-body); +} +.directorist-form-pricing-field__options + .directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label { + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:after { + top: 3px; + right: 3px; + width: 14px; + height: 14px; + border-radius: 100%; + border: 2px solid #c6d0dc; +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:before { + right: 0; + top: 0; + width: 8px; + height: 8px; + mask-image: none; + background-color: var(--directorist-color-white); + border-radius: 100%; + border: 5px solid var(--directorist-color-primary); + box-sizing: content-box; +} +.directorist-form-pricing-field__options + .directorist_pricing_options + input[type="checkbox"] + + .directorist-checkbox__label:checked:after { + opacity: 0; } .directorist-form-pricing-field .directorist-form-element { - min-width: 100%; + min-width: 100%; } .price-type-price_range .directorist-form-pricing-field__options, .price-type-price_unit .directorist-form-pricing-field__options { - margin: 0; + margin: 0; } /* location */ .directorist-select-multi select { - display: none; + display: none; } #directorist-location-select { - z-index: 113 !important; + z-index: 113 !important; } /* tags */ #directorist-tag-select { - z-index: 112 !important; + z-index: 112 !important; } /* categories */ #directorist-category-select { - z-index: 111 !important; + z-index: 111 !important; } .directorist-form-group .select2-selection { - border-color: #ececec; + border-color: #ececec; } .directorist-form-group .select2-container--default .select2-selection { - min-height: 40px; - padding-left: 45px; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__rendered { - line-height: 26px; - padding: 0; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__clear { - padding-left: 15px; -} -.directorist-form-group .select2-container--default .select2-selection .select2-selection__arrow { - left: 10px; + min-height: 40px; + padding-left: 45px; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__rendered { + line-height: 26px; + padding: 0; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__clear { + padding-left: 15px; +} +.directorist-form-group + .select2-container--default + .select2-selection + .select2-selection__arrow { + left: 10px; } .directorist-form-group .select2-container--default .select2-selection input { - min-height: 26px; + min-height: 26px; } /* hide contact owner */ -.directorist-hide-owner-field.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label { - font-size: 15px; - font-weight: 700; +.directorist-hide-owner-field.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label { + font-size: 15px; + font-weight: 700; } /* Map style */ .directorist-map-coordinate { - margin-top: 20px; + margin-top: 20px; } .directorist-map-coordinates { - padding: 0 0 15px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 15px -15px 0; + padding: 0 0 15px 0; + display: flex; + flex-wrap: wrap; + align-items: center; + margin: 15px -15px 0; } .directorist-map-coordinates .directorist-form-group { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding-right: 15px; - padding-left: 15px; - max-width: 290px; + flex: 1; + padding-right: 15px; + padding-left: 15px; + max-width: 290px; } .directorist-map-coordinates__generate { - -webkit-box-flex: 0 !important; - -webkit-flex: 0 0 100% !important; - -ms-flex: 0 0 100% !important; - flex: 0 0 100% !important; - max-width: 100% !important; + flex: 0 0 100% !important; + max-width: 100% !important; } -.directorist-add-listing-form .directorist-content-module .directorist-map-coordinates .directorist-form-group:not(.directorist-map-coordinates__generate) { - margin-bottom: 20px; +.directorist-add-listing-form + .directorist-content-module + .directorist-map-coordinates + .directorist-form-group:not(.directorist-map-coordinates__generate) { + margin-bottom: 20px; } .directorist-form-map-field__wrapper { - margin-bottom: 10px; + margin-bottom: 10px; } .directorist-form-map-field__maps #gmap { - position: relative; - height: 400px; - z-index: 1; - border-radius: 12px; + position: relative; + height: 400px; + z-index: 1; + border-radius: 12px; } .directorist-form-map-field__maps #gmap #gmap_full_screen_button, .directorist-form-map-field__maps #gmap .gm-fullscreen-control { - display: none; -} -.directorist-form-map-field__maps #gmap div[role=img] { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 50px !important; - height: 50px !important; - cursor: pointer; - border-radius: 100%; - overflow: visible !important; -} -.directorist-form-map-field__maps #gmap div[role=img] > img { - position: relative; - z-index: 1; - width: 100% !important; - height: 100% !important; - border-radius: 100%; - background-color: var(--directorist-color-primary); -} -.directorist-form-map-field__maps #gmap div[role=img]:before { - content: ""; - position: absolute; - right: -25px; - top: -25px; - width: 0; - height: 0; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; - border: 50px solid rgba(var(--directorist-color-dark-rgb), 0.2); - opacity: 0; - visibility: hidden; - -webkit-animation: atbd_scale 3s linear alternate infinite; - animation: atbd_scale 3s linear alternate infinite; -} -.directorist-form-map-field__maps #gmap div[role=img]:after { - content: ""; - display: block; - width: 12px; - height: 20px; - position: absolute; - z-index: 2; - background-color: var(--directorist-color-white); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/80f124fcb604319ca80e.svg); - mask-image: url(../js/80f124fcb604319ca80e.svg); -} -.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon { - margin: 0; - display: inline-block; - width: 13px !important; - height: 13px !important; - background-color: unset; -} -.directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:before, .directorist-form-map-field__maps #gmap div[role=img].transit-wheelchair-icon:after { - display: none; -} -.directorist-form-map-field__maps #gmap div[role=img]:hover:before { - opacity: 1; - visibility: visible; + display: none; +} +.directorist-form-map-field__maps #gmap div[role="img"] { + position: relative; + display: flex; + align-items: center; + justify-content: center; + width: 50px !important; + height: 50px !important; + cursor: pointer; + border-radius: 100%; + overflow: visible !important; +} +.directorist-form-map-field__maps #gmap div[role="img"] > img { + position: relative; + z-index: 1; + width: 100% !important; + height: 100% !important; + border-radius: 100%; + background-color: var(--directorist-color-primary); +} +.directorist-form-map-field__maps #gmap div[role="img"]:before { + content: ""; + position: absolute; + right: -25px; + top: -25px; + width: 0; + height: 0; + border-radius: 50%; + transition: all 0.3s ease-in-out; + border: none; + border: 50px solid rgba(var(--directorist-color-dark-rgb), 0.2); + opacity: 0; + visibility: hidden; + animation: atbd_scale 3s linear alternate infinite; +} +.directorist-form-map-field__maps #gmap div[role="img"]:after { + content: ""; + display: block; + width: 12px; + height: 20px; + position: absolute; + z-index: 2; + background-color: var(--directorist-color-white); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); +} +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon { + margin: 0; + display: inline-block; + width: 13px !important; + height: 13px !important; + background-color: unset; +} +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon:before, +.directorist-form-map-field__maps + #gmap + div[role="img"].transit-wheelchair-icon:after { + display: none; +} +.directorist-form-map-field__maps #gmap div[role="img"]:hover:before { + opacity: 1; + visibility: visible; } .directorist-form-map-field .map_drag_info { - display: none; + display: none; } .directorist-form-map-field .atbd_map_shape { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - cursor: pointer; - border-radius: 100%; + position: relative; + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + cursor: pointer; + border-radius: 100%; } .directorist-form-map-field .atbd_map_shape:before { - content: ""; - position: absolute; - right: -20px; - top: -20px; - width: 0; - height: 0; - opacity: 0; - visibility: hidden; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; + content: ""; + position: absolute; + right: -20px; + top: -20px; + width: 0; + height: 0; + opacity: 0; + visibility: hidden; + border-radius: 50%; + transition: all 0.3s ease-in-out; + border: none; } .directorist-form-map-field .atbd_map_shape .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-marker-icon); - -webkit-mask: url(../js/80f124fcb604319ca80e.svg); - mask: url(../js/80f124fcb604319ca80e.svg); + width: 16px; + height: 16px; + background-color: var(--directorist-color-marker-icon); + mask: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); } .directorist-form-map-field .atbd_map_shape:hover:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } /* EZ Media Upload */ .directorist-form-image-upload-field .ez-media-uploader { - text-align: center; - border-radius: 12px; - padding: 35px 10px; - margin: 0; - background-color: var(--directorist-color-bg-gray) !important; - border: 2px dashed var(--directorist-color-border-gray) !important; + text-align: center; + border-radius: 12px; + padding: 35px 10px; + margin: 0; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; } .directorist-form-image-upload-field .ez-media-uploader.ezmu--show { - margin-bottom: 120px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section { - display: block; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu__media-picker-icon-wrap-upload { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: auto; - height: auto; - margin-bottom: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload { - background: unset; - -webkit-filter: unset; - filter: unset; - width: auto; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-section .ezmu-icon-upload i::after { - width: 90px; - height: 80px; - background-color: var(--directorist-color-border-gray); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__media-picker-buttons { - margin-top: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label { - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - padding: 0 35px 0 17px; - margin: 10px 0; - height: 40px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; - border-radius: 8px; - background: var(--directorist-color-primary); - color: var(--directorist-color-white); - text-align: center; - font-size: 13px; - font-weight: 500; - line-height: 14px; - cursor: pointer; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:before { - position: absolute; - right: 17px; - top: 13px; - content: ""; - -webkit-mask-image: url(../js/53e21172ac69331e0b44.svg); - mask-image: url(../js/53e21172ac69331e0b44.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap .ezmu__input-label:hover { - opacity: 0.85; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__upload-button-wrap p { - margin: 0; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show { - position: absolute; - top: calc(100% + 22px); - right: 0; - width: auto; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap { - display: none; - height: 76px; - width: 100px; - border-radius: 8px; - background-color: var(--directorist-color-bg-gray) !important; - border: 2px dashed var(--directorist-color-border-gray) !important; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn { - padding: 0; - width: 30px; - height: 30px; - font-size: 0; - position: relative; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section.ezmu--show .ezmu__upload-button-wrap .ezmu__update-file-btn:before { - content: ""; - position: absolute; - width: 30px; - height: 30px; - right: 0; - z-index: 2; - background-color: var(--directorist-color-border-gray); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/ec3db9820a6442a268a9.svg); - mask-image: url(../js/ec3db9820a6442a268a9.svg); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__thumbnail-list-item { - width: 175px; - min-width: 175px; - -webkit-flex-basis: unset; - -ms-flex-preferred-size: unset; - flex-basis: unset; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-buttons { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon { - background-image: unset; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon .directorist-icon-mask::after { - width: 12px; - height: 12px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__close-icon:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__sort-button { - width: 20px; - height: 25px; - background-size: 8px; -} -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__featured_tag, -.directorist-form-image-upload-field .ez-media-uploader .ezmu__preview-section .ezmu__front-item__thumbnail-size-text { - padding: 0 5px; - height: 25px; - line-height: 25px; + margin-bottom: 120px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section { + display: block; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu__media-picker-icon-wrap-upload { + display: flex; + justify-content: center; + width: auto; + height: auto; + margin-bottom: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu-icon-upload { + background: unset; + filter: unset; + width: auto; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-section + .ezmu-icon-upload + i::after { + width: 90px; + height: 80px; + background-color: var(--directorist-color-border-gray); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__media-picker-buttons { + margin-top: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label { + position: relative; + display: inline-flex; + padding: 0 35px 0 17px; + margin: 10px 0; + height: 40px; + align-items: center; + gap: 6px; + border-radius: 8px; + background: var(--directorist-color-primary); + color: var(--directorist-color-white); + text-align: center; + font-size: 13px; + font-weight: 500; + line-height: 14px; + cursor: pointer; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label:before { + position: absolute; + right: 17px; + top: 13px; + content: ""; + mask-image: url(../js/../images/82bc0acb0537c9331637ee2319728e40.svg); + mask-repeat: no-repeat; + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + .ezmu__input-label:hover { + opacity: 0.85; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__upload-button-wrap + p { + margin: 0; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show { + position: absolute; + top: calc(100% + 22px); + right: 0; + width: auto; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 8px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap { + display: none; + height: 76px; + width: 100px; + border-radius: 8px; + background-color: var(--directorist-color-bg-gray) !important; + border: 2px dashed var(--directorist-color-border-gray) !important; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap + .ezmu__update-file-btn { + padding: 0; + width: 30px; + height: 30px; + font-size: 0; + position: relative; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section.ezmu--show + .ezmu__upload-button-wrap + .ezmu__update-file-btn:before { + content: ""; + position: absolute; + width: 30px; + height: 30px; + right: 0; + z-index: 2; + background-color: var(--directorist-color-border-gray); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/6af1e9612a6d7346e1366489fb9fac45.svg); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__thumbnail-list-item { + width: 175px; + min-width: 175px; + flex-basis: unset; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__sort-buttons { + display: flex; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon { + background-image: unset; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon + .directorist-icon-mask::after { + width: 12px; + height: 12px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__close-icon:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__sort-button { + width: 20px; + height: 25px; + background-size: 8px; +} +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__featured_tag, +.directorist-form-image-upload-field + .ez-media-uploader + .ezmu__preview-section + .ezmu__front-item__thumbnail-size-text { + padding: 0 5px; + height: 25px; + line-height: 25px; } .directorist-form-image-upload-field .ezmu__info-list-item:empty { - display: none; + display: none; } .directorist-add-listing-wrapper { - max-width: 1000px !important; - margin: 0 auto; + max-width: 1000px !important; + margin: 0 auto; } .directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back { - position: relative; - height: 100px; - width: 100%; + position: relative; + height: 100px; + width: 100%; } -.directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back .ezmu__thumbnail-img { - -o-object-fit: cover; - object-fit: cover; +.directorist-add-listing-wrapper + .ezmu__thumbnail-list-item_back + .ezmu__thumbnail-img { + object-fit: cover; } .directorist-add-listing-wrapper .ezmu__thumbnail-list-item_back:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - top: 0; - right: 0; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); - opacity: 0; - visibility: visible; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.directorist-add-listing-wrapper .ezmu__thumbnail-list-item:hover .ezmu__thumbnail-list-item_back:before { - opacity: 1; - visibility: visible; + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + right: 0; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 0; + visibility: visible; + transition: all ease 0.3s; +} +.directorist-add-listing-wrapper + .ezmu__thumbnail-list-item:hover + .ezmu__thumbnail-list-item_back:before { + opacity: 1; + visibility: visible; } .directorist-add-listing-wrapper .ezmu__titles-area .ezmu__title-1 { - font-size: 20px; - font-weight: 500; - margin: 0; + font-size: 20px; + font-weight: 500; + margin: 0; } .directorist-add-listing-wrapper .ezmu__btn { - margin-bottom: 25px; - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached .ezmu__upload-button-wrap .ezmu__btn { - pointer-events: none; - opacity: 0.7; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight { - position: relative; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:before { - content: ""; - position: absolute; - right: 0; - top: 0; - height: 100%; - width: 100%; - background-color: #ddd; - cursor: no-drop; - z-index: 9999; -} -.directorist-add-listing-wrapper .directorist-image-upload.max-file-reached.highlight:after { - content: "Maximum Files Uploaded"; - font-size: 18px; - font-weight: 700; - color: #EF0000; - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - cursor: no-drop; - z-index: 9999; + margin-bottom: 25px; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached + .ezmu__upload-button-wrap + .ezmu__btn { + pointer-events: none; + opacity: 0.7; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight { + position: relative; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight:before { + content: ""; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; + background-color: #ddd; + cursor: no-drop; + z-index: 9999; +} +.directorist-add-listing-wrapper + .directorist-image-upload.max-file-reached.highlight:after { + content: "Maximum Files Uploaded"; + font-size: 18px; + font-weight: 700; + color: #ef0000; + position: absolute; + right: 50%; + top: 50%; + transform: translate(50%, -50%); + cursor: no-drop; + z-index: 9999; } .directorist-add-listing-wrapper .ezmu__info-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 6px; - margin: 15px 0 0; + display: flex; + align-items: center; + flex-direction: column; + gap: 6px; + margin: 15px 0 0; } .directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item { - margin: 0; + margin: 0; } .directorist-add-listing-wrapper .ezmu__info-list .ezmu__info-list-item:before { - width: 16px; - height: 16px; - background-image: url(../js/fecb7262255c19cc2351.svg); + width: 16px; + height: 16px; + background-image: url(../js/../images/83eed1a628ff52c2adf977f50ac7adb4.svg); } .directorist-add-listing-form { - /* form action */ + /* form action */ } .directorist-add-listing-form__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - border-radius: 12px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + display: flex; + flex-direction: column; + border-radius: 12px; + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-add-listing-form__action .directorist-form-submit { - margin-top: 15px; -} -.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading { - position: relative; -} -.directorist-add-listing-form__action .directorist-form-submit__btn.atbd_loading:after { - content: ""; - border: 2px solid #f3f3f3; - border-radius: 50%; - border-top: 2px solid #656a7a; - width: 20px; - height: 20px; - -webkit-animation: rotate360 2s linear infinite; - animation: rotate360 2s linear infinite; - display: inline-block; - margin: 0 10px 0 0; - position: relative; - top: 4px; + margin-top: 15px; +} +.directorist-add-listing-form__action + .directorist-form-submit__btn.atbd_loading { + position: relative; +} +.directorist-add-listing-form__action + .directorist-form-submit__btn.atbd_loading:after { + content: ""; + border: 2px solid #f3f3f3; + border-radius: 50%; + border-top: 2px solid #656a7a; + width: 20px; + height: 20px; + animation: rotate360 2s linear infinite; + display: inline-block; + margin: 0 10px 0 0; + position: relative; + top: 4px; } .directorist-add-listing-form__action label { - line-height: 1.25; - margin-bottom: 0; + line-height: 1.25; + margin-bottom: 0; } .directorist-add-listing-form__action #listing_notifier { - padding: 18px 40px 33px; - font-size: 14px; - font-weight: 600; - color: var(--directorist-color-danger); - border-top: 1px solid var(--directorist-color-border); + padding: 18px 40px 33px; + font-size: 14px; + font-weight: 600; + color: var(--directorist-color-danger); + border-top: 1px solid var(--directorist-color-border); } .directorist-add-listing-form__action #listing_notifier:empty { - display: none; + display: none; } .directorist-add-listing-form__action #listing_notifier .atbdp_success { - color: var(--directorist-color-success); + color: var(--directorist-color-success); } .directorist-add-listing-form__action .directorist-form-group, .directorist-add-listing-form__action .directorist-checkbox { - margin: 0; - padding: 30px 40px 0; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + margin: 0; + padding: 30px 40px 0; + align-items: flex-start; } @media only screen and (max-width: 576px) { - .directorist-add-listing-form__action .directorist-form-group, - .directorist-add-listing-form__action .directorist-checkbox { - padding: 30px 0 0; - } - .directorist-add-listing-form__action .directorist-form-group.directorist-form-privacy, - .directorist-add-listing-form__action .directorist-checkbox.directorist-form-privacy { - padding: 30px 30px 0; - } + .directorist-add-listing-form__action .directorist-form-group, + .directorist-add-listing-form__action .directorist-checkbox { + padding: 30px 0 0; + } + .directorist-add-listing-form__action + .directorist-form-group.directorist-form-privacy, + .directorist-add-listing-form__action + .directorist-checkbox.directorist-form-privacy { + padding: 30px 30px 0; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__action .directorist-form-group, - .directorist-add-listing-form__action .directorist-checkbox { - padding: 30px 20px 0; - } + .directorist-add-listing-form__action .directorist-form-group, + .directorist-add-listing-form__action .directorist-checkbox { + padding: 30px 20px 0; + } } .directorist-add-listing-form__action .directorist-form-group label, .directorist-add-listing-form__action .directorist-checkbox label { - font-size: 14px; - font-weight: 500; - margin: 0 0 10px; + font-size: 14px; + font-weight: 500; + margin: 0 0 10px; } .directorist-add-listing-form__action .directorist-form-group label a, .directorist-add-listing-form__action .directorist-checkbox label a { - color: var(--directorist-color-info); + color: var(--directorist-color-info); } .directorist-add-listing-form__action .directorist-form-group #guest_user_email, .directorist-add-listing-form__action .directorist-checkbox #guest_user_email { - margin: 0 0 10px; + margin: 0 0 10px; } .directorist-add-listing-form__action .directorist-form-required { - padding-right: 5px; + padding-right: 5px; } .directorist-add-listing-form__publish { - padding: 100px 20px; - margin-bottom: 0; - text-align: center; + padding: 100px 20px; + margin-bottom: 0; + text-align: center; } @media only screen and (max-width: 576px) { - .directorist-add-listing-form__publish { - padding: 70px 20px; - } + .directorist-add-listing-form__publish { + padding: 70px 20px; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish { - padding: 50px 20px; - } + .directorist-add-listing-form__publish { + padding: 50px 20px; + } } .directorist-add-listing-form__publish__icon i { - width: 70px; - height: 70px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - margin: 0 auto 25px; - background-color: var(--directorist-color-light); + width: 70px; + height: 70px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 100%; + margin: 0 auto 25px; + background-color: var(--directorist-color-light); } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i { - margin-bottom: 20px; - } + .directorist-add-listing-form__publish__icon i { + margin-bottom: 20px; + } } .directorist-add-listing-form__publish__icon i:after { - width: 30px; - height: 30px; - background-color: var(--directorist-color-primary); + width: 30px; + height: 30px; + background-color: var(--directorist-color-primary); } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i:after { - width: 25px; - height: 25px; - } + .directorist-add-listing-form__publish__icon i:after { + width: 25px; + height: 25px; + } } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__icon i:after { - width: 22px; - height: 22px; - } + .directorist-add-listing-form__publish__icon i:after { + width: 22px; + height: 22px; + } } .directorist-add-listing-form__publish__title { - font-size: 24px; - font-weight: 600; - margin: 0 0 10px; + font-size: 24px; + font-weight: 600; + margin: 0 0 10px; } @media only screen and (max-width: 480px) { - .directorist-add-listing-form__publish__title { - font-size: 22px; - } + .directorist-add-listing-form__publish__title { + font-size: 22px; + } } .directorist-add-listing-form__publish__subtitle { - font-size: 15px; - color: var(--directorist-color-body); - margin: 0; + font-size: 15px; + color: var(--directorist-color-body); + margin: 0; } .directorist-add-listing-form .directorist-form-group textarea { - padding: 10px 0; - background: transparent; + padding: 10px 0; + background: transparent; } .directorist-add-listing-form .atbd_map_shape { - width: 50px; - height: 50px; + width: 50px; + height: 50px; } .directorist-add-listing-form .atbd_map_shape:before { - right: -25px; - top: -25px; - border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); + right: -25px; + top: -25px; + border: 50px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); } .directorist-add-listing-form .atbd_map_shape .directorist-icon-mask::after { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } /* Custom Fields */ /* select */ .directorist-custom-field-select select.directorist-form-element { - padding-top: 0; - padding-bottom: 0; + padding-top: 0; + padding-bottom: 0; } /* file upload */ .plupload-upload-uic { - width: 420px; - margin: 0 auto !important; - border: 1px dashed #dbdee9; - padding: 30px; - text-align: center; + width: 420px; + margin: 0 auto !important; + border: 1px dashed #dbdee9; + padding: 30px; + text-align: center; } .plupload-upload-uic .directorist-dropbox-title { - font-weight: 500; - margin-bottom: 15px; - font-size: 15px; + font-weight: 500; + margin-bottom: 15px; + font-size: 15px; } .plupload-upload-uic .directorist-dropbox-file-types { - margin-top: 10px; - color: #9299b8; + margin-top: 10px; + color: #9299b8; } /* quick login */ .directorist-modal-container { - display: none; - margin: 0 !important; - max-width: 100% !important; - height: 100vh !important; - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 999999999999; + display: none; + margin: 0 !important; + max-width: 100% !important; + height: 100vh !important; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 999999999999; } .directorist-modal-container.show { - display: block; + display: block; } .directorist-modal-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: rgba(0, 0, 0, 0.4705882353); - width: 100%; - height: 100%; - position: absolute; - overflow: auto; - top: 0; - right: 0; - left: 0; - bottom: 0; - padding: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + background-color: rgba(0, 0, 0, 0.4705882353); + width: 100%; + height: 100%; + position: absolute; + overflow: auto; + top: 0; + right: 0; + left: 0; + bottom: 0; + padding: 20px; + align-items: center; + justify-content: center; } .directorist-modals { - display: block; - width: 100%; - max-width: 400px; - margin: 0 auto; - background-color: var(--directorist-color-white); - border-radius: 8px; - overflow: hidden; + display: block; + width: 100%; + max-width: 400px; + margin: 0 auto; + background-color: var(--directorist-color-white); + border-radius: 8px; + overflow: hidden; } .directorist-modal-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 10px 20px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-bottom: 1px solid #e4e4e4; + display: flex; + padding: 10px 20px; + justify-content: space-between; + align-items: center; + border-bottom: 1px solid #e4e4e4; } .directorist-modal-title-area { - display: block; + display: block; } .directorist-modal-header .directorist-modal-title { - margin-bottom: 0 !important; - font-size: 24px; + margin-bottom: 0 !important; + font-size: 24px; } .directorist-modal-actions-area { - display: block; - padding: 0 10px; + display: block; + padding: 0 10px; } .directorist-modal-body { - display: block; - padding: 20px; + display: block; + padding: 20px; } .directorist-form-privacy { - margin-bottom: 10px; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); + margin-bottom: 10px; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); } -.directorist-form-privacy.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after { - border-color: var(--directorist-color-body); +.directorist-form-privacy.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after { + border-color: var(--directorist-color-body); } .directorist-form-privacy, .directorist-form-terms { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-form-privacy a, .directorist-form-terms a { - text-decoration: none; + text-decoration: none; } /* ============================= backend add listing form ================================*/ .add_listing_form_wrapper .hide-if-no-js { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + flex-wrap: wrap; + gap: 15px; + justify-content: center; } #listing_form_info .directorist-bh-wrap .directorist-select select { - width: calc(100% - 1px); - min-height: 42px; - display: block !important; - border-color: #ececec !important; - padding: 0 10px; + width: calc(100% - 1px); + min-height: 42px; + display: block !important; + border-color: #ececec !important; + padding: 0 10px; } .directorist-map-field #floating-panel { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-map-field #floating-panel #delete_marker { - background-color: var(--directorist-color-danger); - border: 1px solid var(--directorist-color-danger); - color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); + border: 1px solid var(--directorist-color-danger); + color: var(--directorist-color-white); } -#listing_form_info .atbd_content_module.atbd-booking-information .atbdb_content_module_contents { - padding-top: 20px; +#listing_form_info + .atbd_content_module.atbd-booking-information + .atbdb_content_module_contents { + padding-top: 20px; } .directorist-custom-field-radio, .directorist-custom-field-checkbox { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 0 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + gap: 0 10px; + flex-wrap: wrap; } .directorist-custom-field-radio .directorist-form-label, .directorist-custom-field-radio .directorist-form-description, @@ -4645,789 +4534,677 @@ body.stop-scrolling { .directorist-custom-field-checkbox .directorist-form-label, .directorist-custom-field-checkbox .directorist-form-description, .directorist-custom-field-checkbox .directorist-custom-field-btn-more { - width: 100%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + width: 100%; + flex: 0 0 100%; } .directorist-custom-field-radio .directorist-checkbox, .directorist-custom-field-radio .directorist-radio, .directorist-custom-field-checkbox .directorist-checkbox, .directorist-custom-field-checkbox .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 49%; - -ms-flex: 0 0 49%; - flex: 0 0 49%; + flex: 0 0 49%; } @media only screen and (max-width: 767px) { - .directorist-custom-field-radio .directorist-checkbox, - .directorist-custom-field-radio .directorist-radio, - .directorist-custom-field-checkbox .directorist-checkbox, - .directorist-custom-field-checkbox .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .directorist-custom-field-radio .directorist-checkbox, + .directorist-custom-field-radio .directorist-radio, + .directorist-custom-field-checkbox .directorist-checkbox, + .directorist-custom-field-checkbox .directorist-radio { + flex: 0 0 100%; + } } .directorist-custom-field-radio .directorist-custom-field-btn-more, .directorist-custom-field-checkbox .directorist-custom-field-btn-more { - margin-top: 5px; + margin-top: 5px; } .directorist-custom-field-radio .directorist-custom-field-btn-more:after, .directorist-custom-field-checkbox .directorist-custom-field-btn-more:after { - content: ""; - display: inline-block; - margin-right: 5px; - -webkit-mask-image: url(../js/664d0b74d206cf7349ab.svg); - mask-image: url(../js/664d0b74d206cf7349ab.svg); - width: 12px; - height: 12px; - background-color: var(--directorist-color-body); + content: ""; + display: inline-block; + margin-right: 5px; + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + width: 12px; + height: 12px; + background-color: var(--directorist-color-body); } .directorist-custom-field-radio .directorist-custom-field-btn-more.active:after, -.directorist-custom-field-checkbox .directorist-custom-field-btn-more.active:after { - -webkit-mask-image: url(../js/2d9a2bdcde23b75a6392.svg); - mask-image: url(../js/2d9a2bdcde23b75a6392.svg); -} - -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered { - height: auto; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 5px; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li { - margin: 0; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li input { - margin-top: 0; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline { - width: auto; -} -.directorist-add-listing-form .select2-container--default .select2-selection .select2-selection__rendered li.select2-search--inline:first-child { - width: inherit; +.directorist-custom-field-checkbox + .directorist-custom-field-btn-more.active:after { + mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); +} + +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered { + height: auto; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 5px; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li { + margin: 0; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li + input { + margin-top: 0; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li.select2-search--inline { + width: auto; +} +.directorist-add-listing-form + .select2-container--default + .select2-selection + .select2-selection__rendered + li.select2-search--inline:first-child { + width: inherit; } .multistep-wizard { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; + display: flex; + gap: 30px; } @media only screen and (max-width: 991px) { - .multistep-wizard { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .multistep-wizard { + flex-direction: column; + } } .multistep-wizard__nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 6px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - max-height: 100vh; - min-width: 270px; - max-width: 270px; - overflow-y: auto; + display: flex; + gap: 6px; + flex-direction: column; + height: fit-content; + max-height: 100vh; + min-width: 270px; + max-width: 270px; + overflow-y: auto; } .multistep-wizard__nav.sticky { - position: fixed; - top: 0; + position: fixed; + top: 0; } .multistep-wizard__nav__btn { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; - width: 270px; - min-height: 36px; - padding: 7px 16px; - border: none; - outline: none; - cursor: pointer; - font-size: 14px; - font-weight: 400; - border-radius: 8px; - border: 1px solid transparent; - text-decoration: none !important; - color: var(--directorist-color-light-gray); - background-color: transparent; - border: 1px solid transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: background 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, -webkit-box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; - transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease; + position: relative; + display: flex; + align-items: center; + gap: 12px; + width: 270px; + min-height: 36px; + padding: 7px 16px; + border: none; + outline: none; + cursor: pointer; + font-size: 14px; + font-weight: 400; + border-radius: 8px; + border: 1px solid transparent; + text-decoration: none !important; + color: var(--directorist-color-light-gray); + background-color: transparent; + border: 1px solid transparent; + box-sizing: border-box; + transition: + background 0.2s ease, + color 0.2s ease, + box-shadow 0.2s ease; } @media only screen and (max-width: 991px) { - .multistep-wizard__nav__btn { - width: 100%; - } + .multistep-wizard__nav__btn { + width: 100%; + } } .multistep-wizard__nav__btn i { - min-width: 36px; - width: 36px; - height: 36px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - background-color: #ededed; + min-width: 36px; + width: 36px; + height: 36px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 100%; + background-color: #ededed; } .multistep-wizard__nav__btn i:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); - -webkit-transition: background-color 0.2s ease; - transition: background-color 0.2s ease; + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); + transition: background-color 0.2s ease; } .multistep-wizard__nav__btn:before { - position: absolute; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url(../js/3f62f09e3154ac5ef09f.svg); - mask-image: url(../js/3f62f09e3154ac5ef09f.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-light-gray); - display: block; - opacity: 0; - -webkit-transition: opacity 0.2s ease; - transition: opacity 0.2s ease; - z-index: 2; -} -.multistep-wizard__nav__btn.active, .multistep-wizard__nav__btn:hover { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border-color: var(--directorist-color-border-light); - background-color: var(--directorist-color-white); - outline: none; -} -.multistep-wizard__nav__btn.active:before, .multistep-wizard__nav__btn:hover:before { - opacity: 1; + position: absolute; + left: 20px; + top: 50%; + transform: translateY(-50%); + content: ""; + mask-image: url(../js/../images/bbed57ce5c92c9a7aa71622e408b6a66.svg); + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-light-gray); + display: block; + opacity: 0; + transition: opacity 0.2s ease; + z-index: 2; +} +.multistep-wizard__nav__btn.active, +.multistep-wizard__nav__btn:hover { + box-shadow: var(--directorist-box-shadow); + border-color: var(--directorist-color-border-light); + background-color: var(--directorist-color-white); + outline: none; +} +.multistep-wizard__nav__btn.active:before, +.multistep-wizard__nav__btn:hover:before { + opacity: 1; } .multistep-wizard__nav__btn:focus { - outline: none; - font-weight: 600; - color: var(--directorist-color-primary); + outline: none; + font-weight: 600; + color: var(--directorist-color-primary); } .multistep-wizard__nav__btn:focus:before { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .multistep-wizard__nav__btn:focus i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .multistep-wizard__nav__btn.completed { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .multistep-wizard__nav__btn.completed:before { - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - opacity: 1; + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + opacity: 1; } .multistep-wizard__nav__btn.completed i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } @media only screen and (max-width: 991px) { - .multistep-wizard__nav { - display: none; - } + .multistep-wizard__nav { + display: none; + } } .multistep-wizard__content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + flex: 1; } .multistep-wizard__single { - border-radius: 12px; - background-color: var(--directorist-color-white); + border-radius: 12px; + background-color: var(--directorist-color-white); } .multistep-wizard__single label { - display: block; + display: block; } .multistep-wizard__single span.required { - color: var(--directorist-color-danger); + color: var(--directorist-color-danger); } @media only screen and (max-width: 991px) { - .multistep-wizard__single .directorist-content-module__title { - position: relative; - cursor: pointer; - } - .multistep-wizard__single .directorist-content-module__title h2 { - -webkit-padding-end: 20px; - padding-inline-end: 20px; - } - .multistep-wizard__single .directorist-content-module__title:before { - position: absolute; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url(../js/ff2d93062dca72981c1d.svg); - mask-image: url(../js/ff2d93062dca72981c1d.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-dark); - } - .multistep-wizard__single .directorist-content-module__title.opened:before { - -webkit-mask-image: url(../js/a4b0ca5c8376702b4932.svg); - mask-image: url(../js/a4b0ca5c8376702b4932.svg); - } - .multistep-wizard__single .directorist-content-module__contents { - height: 0; - opacity: 0; - padding: 0; - visibility: hidden; - -webkit-transition: padding-top 0.3s ease; - transition: padding-top 0.3s ease; - } - .multistep-wizard__single .directorist-content-module__contents.active { - height: auto; - opacity: 1; - padding: 20px; - visibility: visible; - } + .multistep-wizard__single .directorist-content-module__title { + position: relative; + cursor: pointer; + } + .multistep-wizard__single .directorist-content-module__title h2 { + padding-inline-end: 20px; + } + .multistep-wizard__single .directorist-content-module__title:before { + position: absolute; + left: 20px; + top: 50%; + transform: translateY(-50%); + content: ""; + mask-image: url(../js/../images/20cfd7ae7ffa8fca3b8d48d7ab39da28.svg); + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-dark); + } + .multistep-wizard__single .directorist-content-module__title.opened:before { + mask-image: url(../js/../images/e9f5f62f416fee88e3f2d027b8b705da.svg); + } + .multistep-wizard__single .directorist-content-module__contents { + height: 0; + opacity: 0; + padding: 0; + visibility: hidden; + transition: padding-top 0.3s ease; + } + .multistep-wizard__single .directorist-content-module__contents.active { + height: auto; + opacity: 1; + padding: 20px; + visibility: visible; + } } .multistep-wizard__progressbar { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 100%; - margin-top: 50px; - border-radius: 8px; + position: relative; + display: flex; + width: 100%; + margin-top: 50px; + border-radius: 8px; } .multistep-wizard__progressbar:before { - content: ""; - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 2px; - background-color: var(--directorist-color-border); - border-radius: 8px; - -webkit-transition: width 0.3s ease-in-out; - transition: width 0.3s ease-in-out; + content: ""; + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 2px; + background-color: var(--directorist-color-border); + border-radius: 8px; + transition: width 0.3s ease-in-out; } .multistep-wizard__progressbar__width { - position: absolute; - top: 0; - right: 0; - width: 0; + position: absolute; + top: 0; + right: 0; + width: 0; } .multistep-wizard__progressbar__width:after { - content: ""; - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 2px; - background-color: var(--directorist-color-primary); - border-radius: 8px; - -webkit-transition: width 0.3s ease-in-out; - transition: width 0.3s ease-in-out; + content: ""; + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 2px; + background-color: var(--directorist-color-primary); + border-radius: 8px; + transition: width 0.3s ease-in-out; } .multistep-wizard__bottom { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 25px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - margin: 20px 0; + display: flex; + flex-wrap: wrap; + gap: 25px; + align-items: center; + justify-content: space-between; + margin: 20px 0; } @media only screen and (max-width: 575px) { - .multistep-wizard__bottom { - gap: 15px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .multistep-wizard__bottom { + gap: 15px; + justify-content: center; + } } .multistep-wizard__btn { - width: 200px; - height: 54px; - gap: 12px; - border: none; - outline: none; - cursor: pointer; - background-color: var(--directorist-color-light); + width: 200px; + height: 54px; + gap: 12px; + border: none; + outline: none; + cursor: pointer; + background-color: var(--directorist-color-light); } .multistep-wizard__btn.directorist-btn { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .multistep-wizard__btn.directorist-btn i:after { - background-color: var(--directorist-color-body); + background-color: var(--directorist-color-body); } -.multistep-wizard__btn.directorist-btn:hover, .multistep-wizard__btn.directorist-btn:focus { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); +.multistep-wizard__btn.directorist-btn:hover, +.multistep-wizard__btn.directorist-btn:focus { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } -.multistep-wizard__btn.directorist-btn:hover i:after, .multistep-wizard__btn.directorist-btn:focus i:after { - background-color: var(--directorist-color-white); +.multistep-wizard__btn.directorist-btn:hover i:after, +.multistep-wizard__btn.directorist-btn:focus i:after { + background-color: var(--directorist-color-white); } -.multistep-wizard__btn[disabled=true], .multistep-wizard__btn[disabled=disabled] { - color: var(--directorist-color-light-gray); - pointer-events: none; +.multistep-wizard__btn[disabled="true"], +.multistep-wizard__btn[disabled="disabled"] { + color: var(--directorist-color-light-gray); + pointer-events: none; } -.multistep-wizard__btn[disabled=true] i:after, .multistep-wizard__btn[disabled=disabled] i:after { - background-color: var(--directorist-color-light-gray); +.multistep-wizard__btn[disabled="true"] i:after, +.multistep-wizard__btn[disabled="disabled"] i:after { + background-color: var(--directorist-color-light-gray); } .multistep-wizard__btn i:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-primary); + width: 14px; + height: 14px; + background-color: var(--directorist-color-primary); } .multistep-wizard__btn--save-preview { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } .multistep-wizard__btn--save-preview.directorist-btn { - height: 0; - opacity: 0; - visibility: hidden; + height: 0; + opacity: 0; + visibility: hidden; } @media only screen and (max-width: 575px) { - .multistep-wizard__btn--save-preview { - width: 100%; - } + .multistep-wizard__btn--save-preview { + width: 100%; + } } .multistep-wizard__btn--skip-preview { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } .multistep-wizard__btn--skip-preview.directorist-btn { - height: 0; - opacity: 0; - visibility: hidden; + height: 0; + opacity: 0; + visibility: hidden; } .multistep-wizard__btn.directorist-btn { - min-height: unset; + min-height: unset; } @media only screen and (max-width: 575px) { - .multistep-wizard__btn.directorist-btn { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .multistep-wizard__btn.directorist-btn { + flex: 0 0 100%; + } } .multistep-wizard__count { - font-size: 15px; - font-weight: 500; + font-size: 15px; + font-weight: 500; } @media only screen and (max-width: 575px) { - .multistep-wizard__count { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - text-align: center; - } + .multistep-wizard__count { + flex: 0 0 100%; + text-align: center; + } } .multistep-wizard .default-add-listing-bottom { - display: none; + display: none; } .multistep-wizard.default-add-listing .multistep-wizard__single { - display: block !important; + display: block !important; } .multistep-wizard.default-add-listing .multistep-wizard__bottom, .multistep-wizard.default-add-listing .multistep-wizard__progressbar { - display: none !important; + display: none !important; } .multistep-wizard.default-add-listing .default-add-listing-bottom { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 35px 0; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.multistep-wizard.default-add-listing .default-add-listing-bottom .directorist-form-submit__btn { - width: 100%; - height: 54px; + display: flex; + gap: 20px; + flex-wrap: wrap; + padding: 35px 0; + justify-content: space-between; +} +.multistep-wizard.default-add-listing + .default-add-listing-bottom + .directorist-form-submit__btn { + width: 100%; + height: 54px; } .logged-in .multistep-wizard__nav.sticky { - top: 32px; + top: 32px; } @keyframes atbd_scale { - 0% { - -webkit-transform: scale(0.8); - transform: scale(0.8); - } - 100% { - -webkit-transform: scale(1); - transform: scale(1); - } + 0% { + transform: scale(0.8); + } + 100% { + transform: scale(1); + } } #directorist_submit_privacy_policy { - display: block; - opacity: 0; - width: 0; - height: 0; - margin: 0; - padding: 0; - border: none; + display: block; + opacity: 0; + width: 0; + height: 0; + margin: 0; + padding: 0; + border: none; } #directorist_submit_privacy_policy::after { - display: none; + display: none; } .upload-error { - display: block !important; - clear: both; - background-color: #FCD9D9; - color: #E80000; - font-size: 16px; - word-break: break-word; - border-radius: 3px; - padding: 15px 20px; + display: block !important; + clear: both; + background-color: #fcd9d9; + color: #e80000; + font-size: 16px; + word-break: break-word; + border-radius: 3px; + padding: 15px 20px; } #upload-msg { - display: block; - clear: both; + display: block; + clear: both; } #content .category_grid_view li a.post_img { - height: 65px; - width: 90%; - overflow: hidden; + height: 65px; + width: 90%; + overflow: hidden; } #content .category_grid_view li a.post_img img { - margin: 0 auto; - display: block; - height: 65px; + margin: 0 auto; + display: block; + height: 65px; } #content .category_list_view li a.post_img { - height: 110px; - width: 165px; - overflow: hidden; + height: 110px; + width: 165px; + overflow: hidden; } #content .category_list_view li a.post_img img { - margin: 0 auto; - display: block; - height: 110px; + margin: 0 auto; + display: block; + height: 110px; } #sidebar .recent_comments li img.thumb { - width: 40px; + width: 40px; } .post_img_tiny img { - width: 35px; + width: 35px; } .single_post_blog img.alignleft { - width: 96%; - height: auto; + width: 96%; + height: auto; } .ecu_images { - width: 100%; + width: 100%; } .filelist { - width: 100%; + width: 100%; } .filelist .file { - padding: 5px; - background-color: #ececec; - border: solid 1px #ccc; - margin-bottom: 4px; - clear: both; - text-align: right; + padding: 5px; + background-color: #ececec; + border: solid 1px #ccc; + margin-bottom: 4px; + clear: both; + text-align: right; } .filelist .fileprogress { - width: 0%; - height: 5px; - background-color: #3385ff; + width: 0%; + height: 5px; + background-color: #3385ff; } #custom-filedropbox, .directorist-custom-field-file-upload__wrapper > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - gap: 20px; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: flex-start; + gap: 20px; } .plupload-upload-uic { - width: 200px; - height: 150px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - border-radius: 12px; - margin: 0 !important; - background-color: var(--directorist-color-bg-gray); - border: 2px dashed var(--directorist-color-border-gray); + width: 200px; + height: 150px; + padding: 0; + display: flex; + gap: 15px; + align-items: center; + justify-content: center; + flex-direction: column; + border-radius: 12px; + margin: 0 !important; + background-color: var(--directorist-color-bg-gray); + border: 2px dashed var(--directorist-color-border-gray); } .plupload-upload-uic > input { - display: none; + display: none; } .plupload-upload-uic .plupload-browse-button-label { - cursor: pointer; + cursor: pointer; } .plupload-upload-uic .plupload-browse-button-label i::after { - width: 50px; - height: 45px; - background-color: var(--directorist-color-border-gray); + width: 50px; + height: 45px; + background-color: var(--directorist-color-border-gray); } .plupload-upload-uic .plupload-browse-img-size { - font-size: 13px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 13px; + font-weight: 400; + color: var(--directorist-color-body); } @media (max-width: 575px) { - .plupload-upload-uic { - width: 100%; - height: 200px; - } + .plupload-upload-uic { + width: 100%; + height: 200px; + } } .plupload-thumbs { - clear: both; - overflow: hidden; + clear: both; + overflow: hidden; } .plupload-thumbs .thumb { - position: relative; - height: 150px; - width: 200px; - border-radius: 12px; + position: relative; + height: 150px; + width: 200px; + border-radius: 12px; } .plupload-thumbs .thumb img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: 12px; + width: 100%; + height: 100%; + object-fit: cover; + border-radius: 12px; } .plupload-thumbs .thumb:hover .atbdp-thumb-actions::before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } @media (max-width: 575px) { - .plupload-thumbs .thumb { - width: 100%; - height: 200px; - } + .plupload-thumbs .thumb { + width: 100%; + height: 200px; + } } .plupload-thumbs .atbdp-thumb-actions { - position: absolute; - height: 100%; - width: 100%; - top: 0; - right: 0; + position: absolute; + height: 100%; + width: 100%; + top: 0; + right: 0; } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink { - position: absolute; - top: 10px; - left: 10px; - background-color: #FF385C; - height: 32px; - width: 32px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.plupload-thumbs .atbdp-thumb-actions .thumbremovelink .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); + position: absolute; + top: 10px; + left: 10px; + background-color: #ff385c; + height: 32px; + width: 32px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + cursor: pointer; + transition: 0.3s ease; +} +.plupload-thumbs + .atbdp-thumb-actions + .thumbremovelink + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink:hover { - opacity: 0.8; + opacity: 0.8; } .plupload-thumbs .atbdp-thumb-actions .thumbremovelink i { - font-size: 14px; + font-size: 14px; } .plupload-thumbs .atbdp-thumb-actions:before { - content: ""; - position: absolute; - width: 100%; - height: 100%; - right: 0; - top: 0; - opacity: 0; - visibility: hidden; - border-radius: 12px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + content: ""; + position: absolute; + width: 100%; + height: 100%; + right: 0; + top: 0; + opacity: 0; + visibility: hidden; + border-radius: 12px; + transition: all ease 0.3s; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); } .plupload-thumbs .thumb.atbdp_file { - border: none; - width: auto; + border: none; + width: auto; } .atbdp-add-files .plupload-thumbs .thumb img, .plupload-thumbs .thumb i.atbdp-file-info { - cursor: move; - width: 100%; - height: 100%; - z-index: 1; + cursor: move; + width: 100%; + height: 100%; + z-index: 1; } .plupload-thumbs .thumb i.atbdp-file-info { - font-size: 50px; - padding-top: 10%; - z-index: 1; + font-size: 50px; + padding-top: 10%; + z-index: 1; } .plupload-thumbs .thumb .thumbi { - position: absolute; - left: -10px; - top: -8px; - height: 18px; - width: 18px; + position: absolute; + left: -10px; + top: -8px; + height: 18px; + width: 18px; } .plupload-thumbs .thumb .thumbi a { - text-indent: -8000px; - display: block; + text-indent: -8000px; + display: block; } .plupload-thumbs .atbdp-title-preview, .plupload-thumbs .atbdp-caption-preview { - position: absolute; - top: 10px; - right: 5px; - font-size: 10px; - line-height: 10px; - padding: 1px; - background: rgba(255, 255, 255, 0.5); - z-index: 2; - overflow: hidden; - height: 10px; + position: absolute; + top: 10px; + right: 5px; + font-size: 10px; + line-height: 10px; + padding: 1px; + background: rgba(255, 255, 255, 0.5); + z-index: 2; + overflow: hidden; + height: 10px; } .plupload-thumbs .atbdp-caption-preview { - top: auto; - bottom: 10px; + top: auto; + bottom: 10px; } /* required styles */ @@ -5441,48 +5218,44 @@ body.stop-scrolling { .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { - position: absolute; - right: 0; - top: 0; + position: absolute; + right: 0; + top: 0; } .leaflet-container { - overflow: hidden; + overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-user-drag: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + -webkit-user-drag: none; } /* Prevents IE11 from highlighting tiles in blue */ -.leaflet-tile::-moz-selection { - background: transparent; -} .leaflet-tile::selection { - background: transparent; + background: transparent; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { - image-rendering: -webkit-optimize-contrast; + image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { - width: 1600px; - height: 1600px; - -webkit-transform-origin: 100% 0; + width: 1600px; + height: 1600px; + -webkit-transform-origin: 100% 0; } .leaflet-marker-icon, .leaflet-marker-shadow { - display: block; + display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ @@ -5493,229 +5266,232 @@ body.stop-scrolling { .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { - max-width: none !important; - max-height: none !important; + max-width: none !important; + max-height: none !important; } .leaflet-container.leaflet-touch-zoom { - -ms-touch-action: pan-x pan-y; - touch-action: pan-x pan-y; + -ms-touch-action: pan-x pan-y; + touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { - -ms-touch-action: pinch-zoom; - /* Fallback for FF which doesn't support pinch-zoom */ - touch-action: none; - touch-action: pinch-zoom; + -ms-touch-action: pinch-zoom; + /* Fallback for FF which doesn't support pinch-zoom */ + touch-action: none; + touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { - -ms-touch-action: none; - touch-action: none; + -ms-touch-action: none; + touch-action: none; } .leaflet-container { - -webkit-tap-highlight-color: transparent; + -webkit-tap-highlight-color: transparent; } .leaflet-container a { - -webkit-tap-highlight-color: rgba(145, 175, 186, 0.4); + -webkit-tap-highlight-color: rgba(145, 175, 186, 0.4); } .leaflet-tile { - -webkit-filter: inherit; - filter: inherit; - visibility: hidden; + filter: inherit; + visibility: hidden; } .leaflet-tile-loaded { - visibility: inherit; + visibility: inherit; } .leaflet-zoom-box { - width: 0; - height: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; - z-index: 800; + width: 0; + height: 0; + -moz-box-sizing: border-box; + box-sizing: border-box; + z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { - -moz-user-select: none; + -moz-user-select: none; } .leaflet-pane { - z-index: 400; + z-index: 400; } .leaflet-tile-pane { - z-index: 200; + z-index: 200; } .leaflet-overlay-pane { - z-index: 400; + z-index: 400; } .leaflet-shadow-pane { - z-index: 500; + z-index: 500; } .leaflet-marker-pane { - z-index: 600; + z-index: 600; } .leaflet-tooltip-pane { - z-index: 650; + z-index: 650; } .leaflet-popup-pane { - z-index: 700; + z-index: 700; } .leaflet-map-pane canvas { - z-index: 100; + z-index: 100; } .leaflet-map-pane svg { - z-index: 200; + z-index: 200; } .leaflet-vml-shape { - width: 1px; - height: 1px; + width: 1px; + height: 1px; } .lvml { - behavior: url(#default#VML); - display: inline-block; - position: absolute; + behavior: url(#default#VML); + display: inline-block; + position: absolute; } /* control positioning */ .leaflet-control { - position: relative; - z-index: 800; - pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ - pointer-events: auto; + position: relative; + z-index: 800; + pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ + pointer-events: auto; } .leaflet-top, .leaflet-bottom { - position: absolute; - z-index: 1000; - pointer-events: none; + position: absolute; + z-index: 1000; + pointer-events: none; } .leaflet-top { - top: 0; + top: 0; } .leaflet-right { - left: 0; - display: none; + left: 0; + display: none; } .leaflet-bottom { - bottom: 0; + bottom: 0; } .leaflet-left { - right: 0; + right: 0; } .leaflet-control { - float: right; - clear: both; + float: right; + clear: both; } .leaflet-right .leaflet-control { - float: left; + float: left; } .leaflet-top .leaflet-control { - margin-top: 10px; + margin-top: 10px; } .leaflet-bottom .leaflet-control { - margin-bottom: 10px; + margin-bottom: 10px; } .leaflet-left .leaflet-control { - margin-right: 10px; + margin-right: 10px; } .leaflet-right .leaflet-control { - margin-left: 10px; + margin-left: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile { - will-change: opacity; + will-change: opacity; } .leaflet-fade-anim .leaflet-popup { - opacity: 0; - -webkit-transition: opacity 0.2s linear; - transition: opacity 0.2s linear; + opacity: 0; + -webkit-transition: opacity 0.2s linear; + -moz-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { - opacity: 1; + opacity: 1; } .leaflet-zoom-animated { - -webkit-transform-origin: 100% 0; - transform-origin: 100% 0; + -webkit-transform-origin: 100% 0; + -ms-transform-origin: 100% 0; + transform-origin: 100% 0; } .leaflet-zoom-anim .leaflet-zoom-animated { - will-change: transform; + will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { - -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); - transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1); + transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { - -webkit-transition: none; - transition: none; + -webkit-transition: none; + -moz-transition: none; + transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { - visibility: hidden; + visibility: hidden; } /* cursors */ .leaflet-interactive { - cursor: pointer; + cursor: pointer; } .leaflet-grab { - cursor: -webkit-grab; - cursor: grab; + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { - cursor: crosshair; + cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { - cursor: auto; + cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { - cursor: move; - cursor: -webkit-grabbing; - cursor: grabbing; + cursor: move; + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: grabbing; } /* marker & overlays interactivity */ @@ -5724,1741 +5500,1756 @@ body.stop-scrolling { .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { - pointer-events: none; + pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { - pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ - pointer-events: auto; + pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ + pointer-events: auto; } /* visual tweaks */ .leaflet-container { - background-color: #ddd; - outline: 0; + background-color: #ddd; + outline: 0; } .leaflet-container a, .leaflet-container .map-listing-card-single__content a { - color: #404040; + color: #404040; } .leaflet-container a.leaflet-active { - outline: 2px solid #fa8b0c; + outline: 2px solid #fa8b0c; } .leaflet-zoom-box { - border: 2px dotted var(--directorist-color-info); - background: rgba(255, 255, 255, 0.5); + border: 2px dotted var(--directorist-color-info); + background: rgba(255, 255, 255, 0.5); } /* general typography */ .leaflet-container { - font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; + font: + 12px/1.5 "Helvetica Neue", + Arial, + Helvetica, + sans-serif; } /* general toolbar styles */ .leaflet-bar { - -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); - border-radius: 4px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); + border-radius: 4px; } .leaflet-bar a, .leaflet-bar a:hover { - background-color: var(--directorist-color-white); - border-bottom: 1px solid #ccc; - width: 26px; - height: 26px; - line-height: 26px; - display: block; - text-align: center; - text-decoration: none; - color: black; + background-color: var(--directorist-color-white); + border-bottom: 1px solid #ccc; + width: 26px; + height: 26px; + line-height: 26px; + display: block; + text-align: center; + text-decoration: none; + color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { - background-position: 50% 50%; - background-repeat: no-repeat; - display: block; + background-position: 50% 50%; + background-repeat: no-repeat; + display: block; } .leaflet-bar a:hover { - background-color: #f4f4f4; + background-color: #f4f4f4; } .leaflet-bar a:first-child { - border-top-right-radius: 4px; - border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-top-left-radius: 4px; } .leaflet-bar a:last-child { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; - border-bottom: none; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; + border-bottom: none; } .leaflet-bar a.leaflet-disabled { - cursor: default; - background-color: #f4f4f4; - color: #bbb; + cursor: default; + background-color: #f4f4f4; + color: #bbb; } .leaflet-touch .leaflet-bar a { - width: 30px; - height: 30px; - line-height: 30px; + width: 30px; + height: 30px; + line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { - border-top-right-radius: 2px; - border-top-left-radius: 2px; + border-top-right-radius: 2px; + border-top-left-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 2px; } /* zoom control */ .leaflet-control-zoom-in, .leaflet-control-zoom-out { - font: bold 18px "Lucida Console", Monaco, monospace; - text-indent: 1px; + font: + bold 18px "Lucida Console", + Monaco, + monospace; + text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { - font-size: 22px; + font-size: 22px; } /* layers control */ .leaflet-control-layers { - -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); - background-color: var(--directorist-color-white); - border-radius: 5px; + box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); + background-color: var(--directorist-color-white); + border-radius: 5px; } .leaflet-control-layers-toggle { - width: 36px; - height: 36px; + width: 36px; + height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { - background-size: 26px 26px; + background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { - width: 44px; - height: 44px; + width: 44px; + height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { - display: none; + display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { - display: block; - position: relative; + display: block; + position: relative; } .leaflet-control-layers-expanded { - padding: 6px 6px 6px 10px; - color: #333; - background-color: var(--directorist-color-white); + padding: 6px 6px 6px 10px; + color: #333; + background-color: var(--directorist-color-white); } .leaflet-control-layers-scrollbar { - overflow-y: scroll; - overflow-x: hidden; - padding-left: 5px; + overflow-y: scroll; + overflow-x: hidden; + padding-left: 5px; } .leaflet-control-layers-selector { - margin-top: 2px; - position: relative; - top: 1px; + margin-top: 2px; + position: relative; + top: 1px; } .leaflet-control-layers label { - display: block; + display: block; } .leaflet-control-layers-separator { - height: 0; - border-top: 1px solid #ddd; - margin: 5px -6px 5px -10px; + height: 0; + border-top: 1px solid #ddd; + margin: 5px -6px 5px -10px; } /* Default icon URLs */ /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { - background-color: var(--directorist-color-white); - background: rgba(255, 255, 255, 0.7); - margin: 0; + background-color: var(--directorist-color-white); + background: rgba(255, 255, 255, 0.7); + margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { - padding: 0 5px; - color: #333; + padding: 0 5px; + color: #333; } .leaflet-control-attribution a { - text-decoration: none; + text-decoration: none; } .leaflet-control-attribution a:hover { - text-decoration: underline; + text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { - font-size: 11px; + font-size: 11px; } .leaflet-left .leaflet-control-scale { - margin-right: 5px; + margin-right: 5px; } .leaflet-bottom .leaflet-control-scale { - margin-bottom: 5px; + margin-bottom: 5px; } .leaflet-control-scale-line { - border: 2px solid #777; - border-top: none; - line-height: 1.1; - padding: 2px 5px 1px; - font-size: 11px; - white-space: nowrap; - overflow: hidden; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background-color: var(--directorist-color-white); - background: rgba(255, 255, 255, 0.5); + border: 2px solid #777; + border-top: none; + line-height: 1.1; + padding: 2px 5px 1px; + font-size: 11px; + white-space: nowrap; + overflow: hidden; + -moz-box-sizing: border-box; + box-sizing: border-box; + background-color: var(--directorist-color-white); + background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { - border-top: 2px solid #777; - border-bottom: none; - margin-top: -2px; + border-top: 2px solid #777; + border-bottom: none; + margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { - border-bottom: 2px solid #777; + border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { - border: 2px solid rgba(0, 0, 0, 0.2); - background-clip: padding-box; + border: 2px solid rgba(0, 0, 0, 0.2); + background-clip: padding-box; } /* popup */ .leaflet-popup { - position: absolute; - text-align: center; - margin-bottom: 20px; + position: absolute; + text-align: center; + margin-bottom: 20px; } .leaflet-popup-content-wrapper { - padding: 1px; - text-align: right; - border-radius: 10px; + padding: 1px; + text-align: right; + border-radius: 10px; } .leaflet-popup-content { - margin: 13px 19px; - line-height: 1.4; + margin: 13px 19px; + line-height: 1.4; } .leaflet-popup-content p { - margin: 18px 0; + margin: 18px 0; } .leaflet-popup-tip-container { - width: 40px; - height: 20px; - position: absolute; - right: 50%; - margin-right: -20px; - overflow: hidden; - pointer-events: none; + width: 40px; + height: 20px; + position: absolute; + right: 50%; + margin-right: -20px; + overflow: hidden; + pointer-events: none; } .leaflet-popup-tip { - width: 17px; - height: 17px; - padding: 1px; - margin: -10px auto 0; - -webkit-transform: rotate(-45deg); - transform: rotate(-45deg); + width: 17px; + height: 17px; + padding: 1px; + margin: -10px auto 0; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { - background: white; - color: #333; - -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); - box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); + background: white; + color: #333; + box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4); } .leaflet-container a.leaflet-popup-close-button { - position: absolute; - top: 0; - left: 0; - padding: 4px 0 0 4px; - border: none; - text-align: center; - width: 18px; - height: 14px; - font: 16px/14px Tahoma, Verdana, sans-serif; - color: #c3c3c3; - text-decoration: none; - font-weight: bold; - background: transparent; + position: absolute; + top: 0; + left: 0; + padding: 4px 0 0 4px; + border: none; + text-align: center; + width: 18px; + height: 14px; + font: + 16px/14px Tahoma, + Verdana, + sans-serif; + color: #c3c3c3; + text-decoration: none; + font-weight: bold; + background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { - color: #999; + color: #999; } .leaflet-popup-scrolled { - overflow: auto; - border-bottom: 1px solid #ddd; - border-top: 1px solid #ddd; + overflow: auto; + border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { - zoom: 1; + zoom: 1; } .leaflet-oldie .leaflet-popup-tip { - width: 24px; - margin: 0 auto; - -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; - filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); + width: 24px; + margin: 0 auto; + -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; + filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { - margin-top: -1px; + margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { - border: 1px solid #999; + border: 1px solid #999; } /* div icon */ .leaflet-div-icon { - background-color: var(--directorist-color-white); - border: 1px solid #666; + background-color: var(--directorist-color-white); + border: 1px solid #666; } /* Tooltip */ /* Base styles for the element that has a tooltip */ .leaflet-tooltip { - position: absolute; - padding: 6px; - background-color: var(--directorist-color-white); - border: 1px solid var(--directorist-color-white); - border-radius: 3px; - color: #222; - white-space: nowrap; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - pointer-events: none; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); + position: absolute; + padding: 6px; + background-color: var(--directorist-color-white); + border: 1px solid var(--directorist-color-white); + border-radius: 3px; + color: #222; + white-space: nowrap; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .leaflet-tooltip.leaflet-clickable { - cursor: pointer; - pointer-events: auto; + cursor: pointer; + pointer-events: auto; } .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { - position: absolute; - pointer-events: none; - border: 6px solid transparent; - background: transparent; - content: ""; + position: absolute; + pointer-events: none; + border: 6px solid transparent; + background: transparent; + content: ""; } /* Directions */ .leaflet-tooltip-bottom { - margin-top: 6px; + margin-top: 6px; } .leaflet-tooltip-top { - margin-top: -6px; + margin-top: -6px; } .leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before { - right: 50%; - margin-right: -6px; + right: 50%; + margin-right: -6px; } .leaflet-tooltip-top:before { - bottom: 0; - margin-bottom: -12px; - border-top-color: var(--directorist-color-white); + bottom: 0; + margin-bottom: -12px; + border-top-color: var(--directorist-color-white); } .leaflet-tooltip-bottom:before { - top: 0; - margin-top: -12px; - margin-right: -6px; - border-bottom-color: var(--directorist-color-white); + top: 0; + margin-top: -12px; + margin-right: -6px; + border-bottom-color: var(--directorist-color-white); } .leaflet-tooltip-left { - margin-right: -6px; + margin-right: -6px; } .leaflet-tooltip-right { - margin-right: 6px; + margin-right: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { - top: 50%; - margin-top: -6px; + top: 50%; + margin-top: -6px; } .leaflet-tooltip-left:before { - left: 0; - margin-left: -12px; - border-right-color: var(--directorist-color-white); + left: 0; + margin-left: -12px; + border-right-color: var(--directorist-color-white); } .leaflet-tooltip-right:before { - right: 0; - margin-right: -12px; - border-left-color: var(--directorist-color-white); + right: 0; + margin-right: -12px; + border-left-color: var(--directorist-color-white); } .directorist-content-active #map { - position: relative; - width: 100%; - height: 660px; - border: none; - z-index: 1; + position: relative; + width: 100%; + height: 660px; + border: none; + z-index: 1; } .directorist-content-active #gmap_full_screen_button { - position: absolute; - top: 20px; - left: 20px; - z-index: 999; - width: 50px; - height: 50px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 10px; - background-color: var(--directorist-color-white); - cursor: pointer; + position: absolute; + top: 20px; + left: 20px; + z-index: 999; + width: 50px; + height: 50px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 10px; + background-color: var(--directorist-color-white); + cursor: pointer; } .directorist-content-active #gmap_full_screen_button i::after { - width: 22px; - height: 22px; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - background-color: var(--directorist-color-dark); + width: 22px; + height: 22px; + transition: all 0.3s ease-in-out; + background-color: var(--directorist-color-dark); } .directorist-content-active #gmap_full_screen_button .fullscreen-disable { - display: none; + display: none; } .directorist-content-active #progress { - display: none; - position: absolute; - z-index: 1000; - right: 400px; - top: 300px; - width: 200px; - height: 20px; - margin-top: -20px; - margin-right: -100px; - background-color: var(--directorist-color-white); - background-color: rgba(255, 255, 255, 0.7); - border-radius: 4px; - padding: 2px; + display: none; + position: absolute; + z-index: 1000; + right: 400px; + top: 300px; + width: 200px; + height: 20px; + margin-top: -20px; + margin-right: -100px; + background-color: var(--directorist-color-white); + background-color: rgba(255, 255, 255, 0.7); + border-radius: 4px; + padding: 2px; } .directorist-content-active #progress-bar { - width: 0; - height: 100%; - background-color: #76A6FC; - border-radius: 4px; + width: 0; + height: 100%; + background-color: #76a6fc; + border-radius: 4px; } .directorist-content-active .gm-fullscreen-control { - width: 50px !important; - height: 50px !important; - margin: 20px !important; - border-radius: 10px !important; - -webkit-box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; - box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; + width: 50px !important; + height: 50px !important; + margin: 20px !important; + border-radius: 10px !important; + box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.26) !important; } .directorist-content-active .gmnoprint { - border-radius: 5px; + border-radius: 5px; } .directorist-content-active .gm-style-cc, .directorist-content-active .gm-style-mtc-bbw, .directorist-content-active button.gm-svpc { - display: none; + display: none; } .directorist-content-active .italic { - font-style: italic; + font-style: italic; } .directorist-content-active .buttonsTable { - border: 1px solid grey; - border-collapse: collapse; + border: 1px solid grey; + border-collapse: collapse; } .directorist-content-active .buttonsTable td, .directorist-content-active .buttonsTable th { - padding: 8px; - border: 1px solid grey; + padding: 8px; + border: 1px solid grey; } .directorist-content-active .version-disabled { - text-decoration: line-through; + text-decoration: line-through; } /* wp color picker */ .directorist-form-group .wp-picker-container .button { - position: relative; - height: 40px; - border: 0 none; - width: 140px; - padding: 0; - font-size: 14px; - font-weight: 500; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - border-radius: 8px; - cursor: pointer; + position: relative; + height: 40px; + border: 0 none; + width: 140px; + padding: 0; + font-size: 14px; + font-weight: 500; + transition: 0.3s ease; + border-radius: 8px; + cursor: pointer; } .directorist-form-group .wp-picker-container .button:hover { - color: var(--directorist-color-white); - background: rgba(var(--directorist-color-dark-rgb), 0.7); + color: var(--directorist-color-white); + background: rgba(var(--directorist-color-dark-rgb), 0.7); } .directorist-form-group .wp-picker-container .button .wp-color-result-text { - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - height: 100%; - width: auto; - min-width: 100px; - padding: 0 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - line-height: 1; - font-size: 14px; - text-transform: capitalize; - background-color: #f7f7f7; - color: var(--directorist-color-body); + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + height: 100%; + width: auto; + min-width: 100px; + padding: 0 10px; + display: flex; + align-items: center; + justify-content: center; + line-height: 1; + font-size: 14px; + text-transform: capitalize; + background-color: #f7f7f7; + color: var(--directorist-color-body); } .directorist-form-group .wp-picker-container .wp-picker-input-wrap label { - width: 90px; + width: 90px; } .directorist-form-group .wp-picker-container .wp-picker-input-wrap label input { - height: 40px; - padding: 0; - text-align: center; - border: none; + height: 40px; + padding: 0; + text-align: center; + border: none; } .directorist-form-group .wp-picker-container .hidden { - display: none; -} -.directorist-form-group .wp-picker-container .wp-picker-open + .wp-picker-input-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 10px 0; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap { - padding: 15px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap.hidden { - display: none; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap .screen-reader-text { - display: none; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap label { - width: 90px; - margin: 0; -} -.directorist-form-group .wp-picker-container .wp-picker-container .wp-picker-input-wrap label + .button { - margin-right: 10px; - padding-top: 0; - padding-bottom: 0; - font-size: 15px; + display: none; +} +.directorist-form-group + .wp-picker-container + .wp-picker-open + + .wp-picker-input-wrap { + display: flex; + align-items: center; + margin: 10px 0; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap { + padding: 15px 0; + display: flex; + align-items: center; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap.hidden { + display: none; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap + .screen-reader-text { + display: none; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap + label { + width: 90px; + margin: 0; +} +.directorist-form-group + .wp-picker-container + .wp-picker-container + .wp-picker-input-wrap + label + + .button { + margin-right: 10px; + padding-top: 0; + padding-bottom: 0; + font-size: 15px; } .directorist-show { - display: block !important; + display: block !important; } .directorist-hide { - display: none !important; + display: none !important; } .directorist-d-none { - display: none !important; + display: none !important; } .directorist-text-center { - text-align: center; + text-align: center; } .directorist-content-active .entry-content ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist-content-active .entry-content a { - text-decoration: none; + text-decoration: none; } -.directorist-content-active .entry-content .directorist-search-modal__contents__title { - margin: 0; - padding: 0; - color: var(--directorist-color-dark); +.directorist-content-active + .entry-content + .directorist-search-modal__contents__title { + margin: 0; + padding: 0; + color: var(--directorist-color-dark); } -.directorist-content-active button[type=submit].directorist-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; +.directorist-content-active button[type="submit"].directorist-btn { + display: flex; + align-items: center; } /* Container within container spacing issue fix */ .directorist-container-fluid > .directorist-container-fluid { - padding-right: 0; - padding-left: 0; + padding-right: 0; + padding-left: 0; } .directorist-announcement-wrapper .directorist_not-found p { - margin-bottom: 0; -} - -.directorist-content-active .select2-container--open .select2-dropdown.select2-dropdown--below { - top: 0; - border-color: var(--directorist-color-border); -} - -.logged-in.directorist-content-active .select2-container--open .select2-dropdown.select2-dropdown--below { - top: 32px; -} - -.directorist-content-active .directorist-select .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear { - display: none; -} - -.directorist-content-active .select2.select2-container.select2-container--default { - width: 100% !important; -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection { - min-height: 40px; - min-height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border: none; - padding: 5px 0; - border-radius: 0; - background: transparent; - border-bottom: 1px solid var(--directorist-color-border-gray); -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection:focus { - border-color: var(--directorist-color-primary); - outline: none; -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice { - height: 28px; - line-height: 28px; - font-size: 12px; - border: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - padding: 0 10px; - border-radius: 8px; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice__remove { - position: relative; - width: 12px; - margin: 0; - font-size: 0; - color: var(--directorist-color-white); -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__choice__remove:before { - content: ""; - -webkit-mask-image: url(../js/9d0ab79f5e8dedfeb8ef.svg); - mask-image: url(../js/9d0ab79f5e8dedfeb8ef.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: var(--directorist-color-white); - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - height: auto; - line-height: 30px; - font-size: 14px; - overflow-y: auto; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0 !important; - -ms-overflow-style: none; /* Internet Explorer 10+ */ - scrollbar-width: none; /* Firefox */ -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered::-webkit-scrollbar { - display: none; -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__rendered .select2-selection__clear { - padding-left: 25px; -} -.directorist-content-active .select2.select2-container.select2-container--default .select2-selection__arrow b { - display: none; -} -.directorist-content-active .select2.select2-container.select2-container--focus .select2-selection { - border: none; - border-bottom: 2px solid var(--directorist-color-primary) !important; + margin-bottom: 0; +} + +.directorist-content-active + .select2-container--open + .select2-dropdown.select2-dropdown--below { + top: 0; + border-color: var(--directorist-color-border); +} + +.logged-in.directorist-content-active + .select2-container--open + .select2-dropdown.select2-dropdown--below { + top: 32px; +} + +.directorist-content-active + .directorist-select + .select2.select2-container + .select2-selection + .select2-selection__rendered + .select2-selection__clear { + display: none; +} + +.directorist-content-active + .select2.select2-container.select2-container--default { + width: 100% !important; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection { + min-height: 40px; + min-height: 40px; + display: flex; + align-items: center; + border: none; + padding: 5px 0; + border-radius: 0; + background: transparent; + border-bottom: 1px solid var(--directorist-color-border-gray); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection:focus { + border-color: var(--directorist-color-primary); + outline: none; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__choice { + height: 28px; + line-height: 28px; + font-size: 12px; + border: none; + display: flex; + gap: 5px; + padding: 0 10px; + border-radius: 8px; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__choice__remove { + position: relative; + width: 12px; + margin: 0; + font-size: 0; + color: var(--directorist-color-white); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__choice__remove:before { + content: ""; + mask-image: url(../js/../images/4ff79f85f2a1666e0f80c7ca71039465.svg); + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: var(--directorist-color-white); + position: absolute; + top: 50%; + transform: translateY(-50%); +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__rendered { + display: flex; + gap: 5px; + height: auto; + line-height: 30px; + font-size: 14px; + overflow-y: auto; + align-items: center; + padding: 0 !important; + -ms-overflow-style: none; /* Internet Explorer 10+ */ + scrollbar-width: none; /* Firefox */ +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__rendered::-webkit-scrollbar { + display: none; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__rendered + .select2-selection__clear { + padding-left: 25px; +} +.directorist-content-active + .select2.select2-container.select2-container--default + .select2-selection__arrow + b { + display: none; +} +.directorist-content-active + .select2.select2-container.select2-container--focus + .select2-selection { + border: none; + border-bottom: 2px solid var(--directorist-color-primary) !important; } .directorist-content-active .select2-container.select2-container--open { - z-index: 99999; + z-index: 99999; } @media only screen and (max-width: 575px) { - .directorist-content-active .select2-container.select2-container--open { - width: calc(100% - 40px); - } -} - -.directorist-content-active .select2-container--default .select2-selection .select2-selection__arrow b { - margin-top: 0; -} - -.directorist-content-active .select2-container .directorist-select2-addons-area { - top: unset; - bottom: 20px; - left: 0; -} -.directorist-content-active .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - position: absolute; - left: 0; - padding: 0; - width: auto; - pointer-events: none; -} -.directorist-content-active .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-close { - position: absolute; - left: 15px; - padding: 0; - display: none; + .directorist-content-active .select2-container.select2-container--open { + width: calc(100% - 40px); + } +} + +.directorist-content-active + .select2-container--default + .select2-selection + .select2-selection__arrow + b { + margin-top: 0; +} + +.directorist-content-active + .select2-container + .directorist-select2-addons-area { + top: unset; + bottom: 20px; + left: 0; +} +.directorist-content-active + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + position: absolute; + left: 0; + padding: 0; + width: auto; + pointer-events: none; +} +.directorist-content-active + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-close { + position: absolute; + left: 15px; + padding: 0; + display: none; } /* Login/Signup Form CSS */ #recover-pass-modal { - display: none; + display: none; } .directorist-login-wrapper #recover-pass-modal .directorist-btn { - margin-top: 15px; + margin-top: 15px; } .directorist-login-wrapper #recover-pass-modal .directorist-btn:hover { - text-decoration: none; + text-decoration: none; } body.modal-overlay-enabled { - position: relative; + position: relative; } body.modal-overlay-enabled:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - right: 0; - top: 0; - background-color: rgba(var(--directorist-color-dark-rgb), 0.05); - z-index: 1; + content: ""; + width: 100%; + height: 100%; + position: absolute; + right: 0; + top: 0; + background-color: rgba(var(--directorist-color-dark-rgb), 0.05); + z-index: 1; } .directorist-widget { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-widget .directorist-card__header.directorist-widget__header { - padding: 20px 25px; + padding: 20px 25px; } -.directorist-widget .directorist-card__header.directorist-widget__header .directorist-widget__header__title { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; +.directorist-widget + .directorist-card__header.directorist-widget__header + .directorist-widget__header__title { + flex-wrap: wrap; } .directorist-widget .directorist-card__body.directorist-widget__body { - padding: 20px 30px; + padding: 20px 30px; } .directorist-sidebar .directorist-card { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-sidebar .directorist-card ul { - padding: 0; - margin: 0; - list-style: none; + padding: 0; + margin: 0; + list-style: none; } .directorist-sidebar .directorist-card .directorist-author-social { - padding: 22px 0 0; + padding: 22px 0 0; } -.directorist-sidebar .directorist-card .directorist-single-author-contact-info ul { - padding: 0; +.directorist-sidebar + .directorist-card + .directorist-single-author-contact-info + ul { + padding: 0; } .directorist-sidebar .directorist-card .tagcloud { - margin: 0; - padding: 25px; + margin: 0; + padding: 25px; } .directorist-sidebar .directorist-card a { - text-decoration: none; + text-decoration: none; } .directorist-sidebar .directorist-card select { - width: 100%; - height: 40px; - padding: 8px 0; - border-radius: 0; - font-size: 15px; - font-weight: 400; - outline: none; - border: none; - border-bottom: 1px solid var(--directorist-color-border); - -webkit-transition: border-color 0.3s ease; - transition: border-color 0.3s ease; + width: 100%; + height: 40px; + padding: 8px 0; + border-radius: 0; + font-size: 15px; + font-weight: 400; + outline: none; + border: none; + border-bottom: 1px solid var(--directorist-color-border); + transition: border-color 0.3s ease; } .directorist-sidebar .directorist-card select:focus { - border-color: var(--directorist-color-dark); + border-color: var(--directorist-color-dark); } .directorist-sidebar .directorist-card__header__title { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + justify-content: space-between; } .directorist-widget__listing-contact .directorist-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-bottom: 20px; -} -.directorist-widget__listing-contact .directorist-form-group .directorist-form-element { - height: 46px; - padding: 8px 16px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); -} -.directorist-widget__listing-contact .directorist-form-group .directorist-form-element:focus { - border: 1px solid var(--directorist-color-dark); -} -.directorist-widget__listing-contact .directorist-form-group .directorist-form-element__prefix { - height: 46px; - line-height: 46px; + display: flex; + margin-bottom: 20px; +} +.directorist-widget__listing-contact + .directorist-form-group + .directorist-form-element { + height: 46px; + padding: 8px 16px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); +} +.directorist-widget__listing-contact + .directorist-form-group + .directorist-form-element:focus { + border: 1px solid var(--directorist-color-dark); +} +.directorist-widget__listing-contact + .directorist-form-group + .directorist-form-element__prefix { + height: 46px; + line-height: 46px; } .directorist-widget__listing-contact .directorist-form-group textarea { - min-height: 130px !important; - resize: none; + min-height: 130px !important; + resize: none; } .directorist-widget__listing-contact .directorist-btn { - width: 100%; + width: 100%; } .directorist-widget__submit-listing .directorist-btn { - width: 100%; + width: 100%; } .directorist-widget__author-info figure { - margin: 0; + margin: 0; } .directorist-widget__author-info .diretorist-view-profile-btn { - width: 100%; - margin-top: 25px; + width: 100%; + margin-top: 25px; } .directorist-single-map.directorist-widget__map.leaflet-container { - margin-bottom: 0; - border-radius: 12px; + margin-bottom: 0; + border-radius: 12px; } .directorist-widget-listing__single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 15px; } .directorist-widget-listing__single:not(:last-child) { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-widget-listing__image { - width: 70px; - height: 70px; + width: 70px; + height: 70px; } .directorist-widget-listing__image a:focus { - outline: none; + outline: none; } .directorist-widget-listing__image img { - width: 100%; - height: 100%; - border-radius: 10px; + width: 100%; + height: 100%; + border-radius: 10px; } .directorist-widget-listing__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + gap: 5px; + flex-direction: column; } .directorist-widget-listing__content .directorist-widget-listing__title { - font-size: 15px; - font-weight: 500; - line-height: 1; - margin: 0; - color: var(--directorist-color-dark); - margin: 0; + font-size: 15px; + font-weight: 500; + line-height: 1; + margin: 0; + color: var(--directorist-color-dark); + margin: 0; } .directorist-widget-listing__content a { - text-decoration: none; - display: inline-block; - width: 200px; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - color: var(--directorist-color-dark); + text-decoration: none; + display: inline-block; + width: 200px; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + color: var(--directorist-color-dark); } .directorist-widget-listing__content a:focus { - outline: none; + outline: none; } .directorist-widget-listing__content .directorist-widget-listing__meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } .directorist-widget-listing__content .directorist-widget-listing__rating { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-widget-listing__content .directorist-widget-listing__rating-point { - font-size: 14px; - font-weight: 600; - display: inline-block; - margin: 0 8px; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 600; + display: inline-block; + margin: 0 8px; + color: var(--directorist-color-body); } .directorist-widget-listing__content .directorist-icon-mask { - line-height: 1; + line-height: 1; } .directorist-widget-listing__content .directorist-icon-mask:after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-warning); + width: 12px; + height: 12px; + background-color: var(--directorist-color-warning); } .directorist-widget-listing__content .directorist-widget-listing__reviews { - font-size: 13px; - text-decoration: underline; - color: var(--directorist-color-body); + font-size: 13px; + text-decoration: underline; + color: var(--directorist-color-body); } .directorist-widget-listing__content .directorist-widget-listing__price { - font-size: 15px; - font-weight: 600; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 600; + color: var(--directorist-color-dark); } .directorist-widget__video .directorist-embaded-item { - width: 100%; - height: 100%; - border-radius: 10px; + width: 100%; + height: 100%; + border-radius: 10px; } -.directorist-widget .directorist-widget-list li:hover .directorist-widget-list__icon { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); +.directorist-widget + .directorist-widget-list + li:hover + .directorist-widget-list__icon { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-widget .directorist-widget-list li:not(:last-child) { - margin-bottom: 10px; + margin-bottom: 10px; } .directorist-widget .directorist-widget-list li span.la, .directorist-widget .directorist-widget-list li span.fa { - cursor: pointer; - margin: 0 0 0 5px; + cursor: pointer; + margin: 0 0 0 5px; } .directorist-widget .directorist-widget-list .directorist-widget-list__icon { - font-size: 12px; - display: inline-block; - margin-left: 10px; - line-height: 28px; - width: 28px; - text-align: center; - background-color: #f1f3f8; - color: #9299b8; - border-radius: 50%; + font-size: 12px; + display: inline-block; + margin-left: 10px; + line-height: 28px; + width: 28px; + text-align: center; + background-color: #f1f3f8; + color: #9299b8; + border-radius: 50%; } .directorist-widget .directorist-widget-list .directorist-child-category { - padding-right: 44px; - margin-top: 2px; + padding-right: 44px; + margin-top: 2px; } .directorist-widget .directorist-widget-list .directorist-child-category li a { - position: relative; + position: relative; } -.directorist-widget .directorist-widget-list .directorist-child-category li a:before { - position: absolute; - content: "-"; - right: -12px; - top: 50%; - font-size: 20px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); +.directorist-widget + .directorist-widget-list + .directorist-child-category + li + a:before { + position: absolute; + content: "-"; + right: -12px; + top: 50%; + font-size: 20px; + transform: translateY(-50%); } .directorist-widget-taxonomy .directorist-taxonomy-list-one { - -webkit-margin-after: 10px; - margin-block-end: 10px; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card { - background: none; - padding: 0; - min-height: auto; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card span { - font-weight: var(--directorist-fw-normal); -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__card span:empty { - display: none; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask { - background-color: var(--directorist-color-light); + margin-block-end: 10px; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card { + background: none; + padding: 0; + min-height: auto; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card + span { + font-weight: var(--directorist-fw-normal); +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card + span:empty { + display: none; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__icon + .directorist-icon-mask { + background-color: var(--directorist-color-light); } .directorist-widget-taxonomy .directorist-taxonomy-list-one__icon-default { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: var(--directorist-color-light); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one__icon-default::after { - content: ""; - width: 8px; - height: 8px; - border-radius: 50%; - background-color: var(--directorist-color-primary); - display: block; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - background: none; - padding-bottom: 0; - -webkit-padding-start: 52px; - padding-inline-start: 52px; -} -.directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open:not(.directorist-taxonomy-list__card--icon) + .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 25px; - padding-inline-start: 25px; + width: 40px; + height: 40px; + border-radius: 50%; + background-color: var(--directorist-color-light); + display: inline-flex; + align-items: center; + justify-content: center; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one__icon-default::after { + content: ""; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: var(--directorist-color-primary); + display: block; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + background: none; + padding-bottom: 0; + padding-inline-start: 52px; +} +.directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open:not( + .directorist-taxonomy-list__card--icon + ) + + .directorist-taxonomy-list__sub-item { + padding-inline-start: 25px; } .directorist-widget-location .directorist-taxonomy-list-one:last-child { - margin-bottom: 0; + margin-bottom: 0; } -.directorist-widget-location .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 25px; - padding-inline-start: 25px; +.directorist-widget-location + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + padding-inline-start: 25px; } .directorist-widget-tags ul { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; + margin: 0; + padding: 0; + display: flex; + flex-wrap: wrap; + gap: 10px; } .directorist-widget-tags li { - list-style: none; - padding: 0; - margin: 0; + list-style: none; + padding: 0; + margin: 0; } .directorist-widget-tags a { - display: block; - font-size: 15px; - font-weight: 400; - padding: 5px 15px; - text-decoration: none; - color: var(--directorist-color-body); - border: 1px solid var(--directorist-color-border); - border-radius: var(--directorist-border-radius-xs); - -webkit-transition: border-color 0.3s ease; - transition: border-color 0.3s ease; + display: block; + font-size: 15px; + font-weight: 400; + padding: 5px 15px; + text-decoration: none; + color: var(--directorist-color-body); + border: 1px solid var(--directorist-color-border); + border-radius: var(--directorist-border-radius-xs); + transition: border-color 0.3s ease; } .directorist-widget-tags a:hover { - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); } .directorist-widget-advanced-search .directorist-search-form__box { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } -.directorist-widget-advanced-search .directorist-search-form__box .directorist-search-form-action { - margin-top: 25px; +.directorist-widget-advanced-search + .directorist-search-form__box + .directorist-search-form-action { + margin-top: 25px; } .directorist-widget-advanced-search .directorist-search-form-top { - width: 100%; -} -.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input { - width: 100%; -} -.directorist-widget-advanced-search .directorist-search-form-top .directorist-search-modal__contents__body .directorist-search-modal__input .directorist-search-field { - border: 0 none; -} -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label { - position: unset; - -webkit-transform: unset; - transform: unset; - display: block; - margin: 0 0 15px; -} -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i { - display: none; -} -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-checkbox-wrapper, -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-radio-wrapper, -.directorist-widget-advanced-search .directorist-search-basic-dropdown .directorist-search-tags { - gap: 10px; - margin: 0; - padding: 0; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-widget-advanced-search .directorist-search-form .directorist-search-field > label { - display: block; - margin: 0 0 15px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-is-focused > label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-has-value > label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.directorist-search-field-text_range > label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.directorist-search-field-radius_search > label { - font-size: 16px; - font-weight: 500; -} -.directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-is-focused .directorist-search-field__label, .directorist-widget-advanced-search .directorist-search-form .directorist-search-field.input-has-value .directorist-search-field__label, -.directorist-widget-advanced-search .directorist-search-form .directorist-search-field .directorist-search-basic-dropdown-label { - font-size: 16px; - font-weight: 500; + width: 100%; +} +.directorist-widget-advanced-search + .directorist-search-form-top + .directorist-search-modal__contents__body { + flex-direction: column; +} +.directorist-widget-advanced-search + .directorist-search-form-top + .directorist-search-modal__contents__body + .directorist-search-modal__input { + width: 100%; +} +.directorist-widget-advanced-search + .directorist-search-form-top + .directorist-search-modal__contents__body + .directorist-search-modal__input + .directorist-search-field { + border: 0 none; +} +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + position: unset; + transform: unset; + display: block; + margin: 0 0 15px; +} +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: none; +} +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-checkbox-wrapper, +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-radio-wrapper, +.directorist-widget-advanced-search + .directorist-search-basic-dropdown + .directorist-search-tags { + gap: 10px; + margin: 0; + padding: 0; + flex-direction: column; +} +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field + > label { + display: block; + margin: 0 0 15px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-is-focused + > label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-has-value + > label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.directorist-search-field-text_range + > label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.directorist-search-field-radius_search + > label { + font-size: 16px; + font-weight: 500; +} +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-is-focused + .directorist-search-field__label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field.input-has-value + .directorist-search-field__label, +.directorist-widget-advanced-search + .directorist-search-form + .directorist-search-field + .directorist-search-basic-dropdown-label { + font-size: 16px; + font-weight: 500; } .directorist-widget-advanced-search .directorist-checkbox-rating { - padding: 0; + padding: 0; } -.directorist-widget-advanced-search .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:not(:last-child) { - margin-bottom: 15px; +.directorist-widget-advanced-search + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:not(:last-child) { + margin-bottom: 15px; } .directorist-widget-advanced-search .directorist-btn-ml { - display: block; - font-size: 13px; - font-weight: 500; - margin-top: 10px; - color: var(--directorist-color-body); + display: block; + font-size: 13px; + font-weight: 500; + margin-top: 10px; + color: var(--directorist-color-body); } .directorist-widget-advanced-search .directorist-btn-ml:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-widget-advanced-search .directorist-advanced-filter__action { - padding: 0 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn { - height: 46px; - font-size: 14px; - font-weight: 400; -} -.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js { - height: 46px; - padding: 0 32px; - font-size: 14px; - font-weight: 400; - letter-spacing: 0; - border-radius: 8px; - text-decoration: none; - text-transform: capitalize; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-light); -} -.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js:focus { - outline: none; -} -.directorist-widget-advanced-search .directorist-advanced-filter__action .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + padding: 0 0; + flex-wrap: wrap; + justify-content: center; +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn { + height: 46px; + font-size: 14px; + font-weight: 400; +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn-reset-js { + height: 46px; + padding: 0 32px; + font-size: 14px; + font-weight: 400; + letter-spacing: 0; + border-radius: 8px; + text-decoration: none; + text-transform: capitalize; + display: flex; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-light); +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn-reset-js:focus { + outline: none; +} +.directorist-widget-advanced-search + .directorist-advanced-filter__action + .directorist-btn-reset-js:disabled { + opacity: 0.5; + cursor: not-allowed; } .directorist-widget-authentication form { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-widget-authentication p label, -.directorist-widget-authentication p input:not(input[type=checkbox]) { - display: block; +.directorist-widget-authentication p input:not(input[type="checkbox"]) { + display: block; } .directorist-widget-authentication p label { - padding-bottom: 10px; + padding-bottom: 10px; } -.directorist-widget-authentication p input:not(input[type=checkbox]) { - height: 46px; - padding: 8px 16px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); - width: 100%; - -webkit-box-sizing: border-box; - box-sizing: border-box; +.directorist-widget-authentication p input:not(input[type="checkbox"]) { + height: 46px; + padding: 8px 16px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); + width: 100%; + box-sizing: border-box; } .directorist-widget-authentication .login-submit button { - cursor: pointer; + cursor: pointer; } /* Directorist button styles */ .directorist-btn { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 5px; - font-size: 14px; - font-weight: 500; - vertical-align: middle; - text-transform: capitalize; - text-align: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: pointer; - padding: 0 26px; - min-height: 45px; - line-height: 1.5; - border-radius: 8px; - border: 1px solid var(--directorist-color-primary); - -webkit-box-sizing: border-box; - box-sizing: border-box; - text-decoration: none; - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - text-decoration: none !important; + display: inline-flex; + align-items: center; + justify-content: center; + gap: 5px; + font-size: 14px; + font-weight: 500; + vertical-align: middle; + text-transform: capitalize; + text-align: center; + user-select: none; + cursor: pointer; + padding: 0 26px; + min-height: 45px; + line-height: 1.5; + border-radius: 8px; + border: 1px solid var(--directorist-color-primary); + box-sizing: border-box; + text-decoration: none; + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + transition: all ease 0.3s; + text-decoration: none !important; } .directorist-btn .directorist-icon-mask:after { - background-color: currentColor; - width: 16px; - height: 16px; + background-color: currentColor; + width: 16px; + height: 16px; } -.directorist-btn.directorist-btn--add-listing, .directorist-btn.directorist-btn--logout { - line-height: 43px; +.directorist-btn.directorist-btn--add-listing, +.directorist-btn.directorist-btn--logout { + line-height: 43px; } -.directorist-btn:hover, .directorist-btn:focus { - color: var(--directorist-color-white); - outline: 0 !important; - background-color: rgba(var(--directorist-color-primary-rgb), 0.8); +.directorist-btn:hover, +.directorist-btn:focus { + color: var(--directorist-color-white); + outline: 0 !important; + background-color: rgba(var(--directorist-color-primary-rgb), 0.8); } .directorist-btn.directorist-btn-primary { - background-color: var(--directorist-color-btn-primary-bg); - color: var(--directorist-color-btn-primary); - border: 1px solid var(--directorist-color-btn-primary-border); + background-color: var(--directorist-color-btn-primary-bg); + color: var(--directorist-color-btn-primary); + border: 1px solid var(--directorist-color-btn-primary-border); } -.directorist-btn.directorist-btn-primary:focus, .directorist-btn.directorist-btn-primary:hover { - background-color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); +.directorist-btn.directorist-btn-primary:focus, +.directorist-btn.directorist-btn-primary:hover { + background-color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); } -.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after, .directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-btn-primary); +.directorist-btn.directorist-btn-primary:focus .directorist-icon-mask:after, +.directorist-btn.directorist-btn-primary:hover .directorist-icon-mask:after { + background-color: var(--directorist-color-btn-primary); } .directorist-btn.directorist-btn-secondary { - background-color: var(--directorist-color-btn-secondary-bg); - color: var(--directorist-color-btn-secondary); - border: 1px solid var(--directorist-color-btn-secondary-border); + background-color: var(--directorist-color-btn-secondary-bg); + color: var(--directorist-color-btn-secondary); + border: 1px solid var(--directorist-color-btn-secondary-border); } -.directorist-btn.directorist-btn-secondary:focus, .directorist-btn.directorist-btn-secondary:hover { - background-color: transparent; - color: currentColor; - border-color: var(--directorist-color-btn-secondary-bg); +.directorist-btn.directorist-btn-secondary:focus, +.directorist-btn.directorist-btn-secondary:hover { + background-color: transparent; + color: currentColor; + border-color: var(--directorist-color-btn-secondary-bg); } .directorist-btn.directorist-btn-dark { - background-color: var(--directorist-color-dark); - border-color: var(--directorist-color-dark); - color: var(--directorist-color-white); + background-color: var(--directorist-color-dark); + border-color: var(--directorist-color-dark); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-dark:hover { - background-color: rgba(var(--directorist-color-dark-rgb), 0.8); + background-color: rgba(var(--directorist-color-dark-rgb), 0.8); } .directorist-btn.directorist-btn-success { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); - color: var(--directorist-color-white); + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-success:hover { - background-color: rgba(var(--directorist-color-success-rgb), 0.8); + background-color: rgba(var(--directorist-color-success-rgb), 0.8); } .directorist-btn.directorist-btn-info { - background-color: var(--directorist-color-info); - border-color: var(--directorist-color-info); - color: var(--directorist-color-white); + background-color: var(--directorist-color-info); + border-color: var(--directorist-color-info); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-info:hover { - background-color: rgba(var(--directorist-color-success-rgb), 0.8); + background-color: rgba(var(--directorist-color-success-rgb), 0.8); } .directorist-btn.directorist-btn-light { - background-color: var(--directorist-color-light); - border-color: var(--directorist-color-light); - color: var(--directorist-color-primary); + background-color: var(--directorist-color-light); + border-color: var(--directorist-color-light); + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-light:focus, .directorist-btn.directorist-btn-light:hover { - background-color: var(--directorist-color-light-hover); - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); +.directorist-btn.directorist-btn-light:focus, +.directorist-btn.directorist-btn-light:hover { + background-color: var(--directorist-color-light-hover); + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-lighter { - border-color: var(--directorist-color-dark); - background-color: #f6f7f9; - color: var(--directorist-color-primary); + border-color: var(--directorist-color-dark); + background-color: #f6f7f9; + color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-warning { - border-color: var(--directorist-color-warning); - background-color: var(--directorist-color-warning); - color: var(--directorist-color-white); + border-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-warning:hover { - background-color: rgba(var(--directorist-color-warning-rgb), 0.8); + background-color: rgba(var(--directorist-color-warning-rgb), 0.8); } .directorist-btn.directorist-btn-danger { - border-color: var(--directorist-color-danger); - background-color: var(--directorist-color-danger); - color: var(--directorist-color-white); + border-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); + color: var(--directorist-color-white); } .directorist-btn.directorist-btn-danger:hover { - background-color: rgba(var(--directorist-color-danger-rgb), 0.8); + background-color: rgba(var(--directorist-color-danger-rgb), 0.8); } .directorist-btn.directorist-btn-bg-normal { - background: #F9F9F9; + background: #f9f9f9; } .directorist-btn.directorist-btn-loading { - position: relative; - font-size: 0; - pointer-events: none; + position: relative; + font-size: 0; + pointer-events: none; } .directorist-btn.directorist-btn-loading:before { - content: ""; - position: absolute; - right: 0; - top: 0; - width: 100%; - height: 100%; - border-radius: 8px; - background-color: inherit; + content: ""; + position: absolute; + right: 0; + top: 0; + width: 100%; + height: 100%; + border-radius: 8px; + background-color: inherit; } .directorist-btn.directorist-btn-loading:after { - content: ""; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 20px; - height: 20px; - border-radius: 50%; - border: 2px solid var(--directorist-color-white); - border-top-color: var(--directorist-color-primary); - position: absolute; - top: 13px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - -webkit-animation: spin-centered 3s linear infinite; - animation: spin-centered 3s linear infinite; + content: ""; + display: inline-flex; + width: 20px; + height: 20px; + border-radius: 50%; + border: 2px solid var(--directorist-color-white); + border-top-color: var(--directorist-color-primary); + position: absolute; + top: 13px; + right: 50%; + transform: translateX(50%); + animation: spin-centered 3s linear infinite; } .directorist-btn.directorist-btn-disabled { - pointer-events: none; - opacity: 0.75; + pointer-events: none; + opacity: 0.75; } .directorist-btn.directorist-btn-outline { - background: transparent; - border: 1px solid var(--directorist-color-border) !important; - color: var(--directorist-color-dark); + background: transparent; + border: 1px solid var(--directorist-color-border) !important; + color: var(--directorist-color-dark); } .directorist-btn.directorist-btn-outline-normal { - background: transparent; - border: 1px solid var(--directorist-color-normal) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-normal) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-normal:focus, .directorist-btn.directorist-btn-outline-normal:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-normal); +.directorist-btn.directorist-btn-outline-normal:focus, +.directorist-btn.directorist-btn-outline-normal:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-normal); } .directorist-btn.directorist-btn-outline-light { - background: transparent; - border: 1px solid var(--directorist-color-bg-light) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-bg-light) !important; + color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-outline-primary { - background: transparent; - border: 1px solid var(--directorist-color-primary) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-primary) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-primary:focus, .directorist-btn.directorist-btn-outline-primary:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); +.directorist-btn.directorist-btn-outline-primary:focus, +.directorist-btn.directorist-btn-outline-primary:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-btn.directorist-btn-outline-secondary { - background: transparent; - border: 1px solid var(--directorist-color-secondary) !important; - color: var(--directorist-color-secondary); + background: transparent; + border: 1px solid var(--directorist-color-secondary) !important; + color: var(--directorist-color-secondary); } -.directorist-btn.directorist-btn-outline-secondary:focus, .directorist-btn.directorist-btn-outline-secondary:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-secondary); +.directorist-btn.directorist-btn-outline-secondary:focus, +.directorist-btn.directorist-btn-outline-secondary:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-secondary); } .directorist-btn.directorist-btn-outline-success { - background: transparent; - border: 1px solid var(--directorist-color-success) !important; - color: var(--directorist-color-success); + background: transparent; + border: 1px solid var(--directorist-color-success) !important; + color: var(--directorist-color-success); } -.directorist-btn.directorist-btn-outline-success:focus, .directorist-btn.directorist-btn-outline-success:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-success); +.directorist-btn.directorist-btn-outline-success:focus, +.directorist-btn.directorist-btn-outline-success:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-success); } .directorist-btn.directorist-btn-outline-info { - background: transparent; - border: 1px solid var(--directorist-color-info) !important; - color: var(--directorist-color-info); + background: transparent; + border: 1px solid var(--directorist-color-info) !important; + color: var(--directorist-color-info); } -.directorist-btn.directorist-btn-outline-info:focus, .directorist-btn.directorist-btn-outline-info:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-info); +.directorist-btn.directorist-btn-outline-info:focus, +.directorist-btn.directorist-btn-outline-info:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-info); } .directorist-btn.directorist-btn-outline-warning { - background: transparent; - border: 1px solid var(--directorist-color-warning) !important; - color: var(--directorist-color-warning); + background: transparent; + border: 1px solid var(--directorist-color-warning) !important; + color: var(--directorist-color-warning); } -.directorist-btn.directorist-btn-outline-warning:focus, .directorist-btn.directorist-btn-outline-warning:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-warning); +.directorist-btn.directorist-btn-outline-warning:focus, +.directorist-btn.directorist-btn-outline-warning:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-warning); } .directorist-btn.directorist-btn-outline-danger { - background: transparent; - border: 1px solid var(--directorist-color-danger) !important; - color: var(--directorist-color-danger); + background: transparent; + border: 1px solid var(--directorist-color-danger) !important; + color: var(--directorist-color-danger); } -.directorist-btn.directorist-btn-outline-danger:focus, .directorist-btn.directorist-btn-outline-danger:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-danger); +.directorist-btn.directorist-btn-outline-danger:focus, +.directorist-btn.directorist-btn-outline-danger:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); } .directorist-btn.directorist-btn-outline-dark { - background: transparent; - border: 1px solid var(--directorist-color-primary) !important; - color: var(--directorist-color-primary); + background: transparent; + border: 1px solid var(--directorist-color-primary) !important; + color: var(--directorist-color-primary); } -.directorist-btn.directorist-btn-outline-dark:focus, .directorist-btn.directorist-btn-outline-dark:hover { - color: var(--directorist-color-white); - background-color: var(--directorist-color-dark); +.directorist-btn.directorist-btn-outline-dark:focus, +.directorist-btn.directorist-btn-outline-dark:hover { + color: var(--directorist-color-white); + background-color: var(--directorist-color-dark); } .directorist-btn.directorist-btn-lg { - min-height: 50px; + min-height: 50px; } .directorist-btn.directorist-btn-md { - min-height: 46px; + min-height: 46px; } .directorist-btn.directorist-btn-sm { - min-height: 40px; + min-height: 40px; } .directorist-btn.directorist-btn-xs { - min-height: 36px; + min-height: 36px; } .directorist-btn.directorist-btn-px-15 { - padding: 0 15px; + padding: 0 15px; } .directorist-btn.directorist-btn-block { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -@-webkit-keyframes spin-centered { - from { - -webkit-transform: translateX(50%) rotate(0deg); - transform: translateX(50%) rotate(0deg); - } - to { - -webkit-transform: translateX(50%) rotate(-360deg); - transform: translateX(50%) rotate(-360deg); - } + display: flex; } @keyframes spin-centered { - from { - -webkit-transform: translateX(50%) rotate(0deg); - transform: translateX(50%) rotate(0deg); - } - to { - -webkit-transform: translateX(50%) rotate(-360deg); - transform: translateX(50%) rotate(-360deg); - } + from { + transform: translateX(50%) rotate(0deg); + } + to { + transform: translateX(50%) rotate(-360deg); + } } .directorist-badge { - display: inline-block; - font-size: 10px; - font-weight: 700; - line-height: 1.9; - padding: 0 5px; - color: var(--directorist-color-white); - text-transform: uppercase; - border-radius: 5px; + display: inline-block; + font-size: 10px; + font-weight: 700; + line-height: 1.9; + padding: 0 5px; + color: var(--directorist-color-white); + text-transform: uppercase; + border-radius: 5px; } .directorist-badge.directorist-badge-primary { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-badge.directorist-badge-warning { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-badge.directorist-badge-info { - background-color: var(--directorist-color-info); + background-color: var(--directorist-color-info); } .directorist-badge.directorist-badge-success { - background-color: var(--directorist-color-success); + background-color: var(--directorist-color-success); } .directorist-badge.directorist-badge-danger { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } .directorist-badge.directorist-badge-light { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-badge.directorist-badge-gray { - background-color: #525768; + background-color: #525768; } .directorist-badge.directorist-badge-primary-transparent { - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary-rgb), 0.15); + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.15); } .directorist-badge.directorist-badge-warning-transparent { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning-rgb), 0.15); + color: var(--directorist-color-warning); + background-color: rgba(var(--directorist-color-warning-rgb), 0.15); } .directorist-badge.directorist-badge-info-transparent { - color: var(--directorist-color-info); - background-color: rgba(var(--directorist-color-info-rgb), 0.15); + color: var(--directorist-color-info); + background-color: rgba(var(--directorist-color-info-rgb), 0.15); } .directorist-badge.directorist-badge-success-transparent { - color: var(--directorist-color-success); - background-color: rgba(var(--directorist-color-success-rgb), 0.15); + color: var(--directorist-color-success); + background-color: rgba(var(--directorist-color-success-rgb), 0.15); } .directorist-badge.directorist-badge-danger-transparent { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger-rgb), 0.15); + color: var(--directorist-color-danger); + background-color: rgba(var(--directorist-color-danger-rgb), 0.15); } .directorist-badge.directorist-badge-light-transparent { - color: var(--directorist-color-white); - background-color: rgba(var(--directorist-color-white-rgb), 0.15); + color: var(--directorist-color-white); + background-color: rgba(var(--directorist-color-white-rgb), 0.15); } .directorist-badge.directorist-badge-gray-transparent { - color: var(--directorist-color-gray); - background-color: rgba(var(--directorist-color-gray-rgb), 0.15); + color: var(--directorist-color-gray); + background-color: rgba(var(--directorist-color-gray-rgb), 0.15); } .directorist-badge .directorist-badge-tooltip { - position: absolute; - top: -35px; - height: 30px; - line-height: 30px; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - padding: 0 20px; - font-size: 12px; - border-radius: 15px; - color: var(--directorist-color-white); - opacity: 0; - visibility: hidden; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; + position: absolute; + top: -35px; + height: 30px; + line-height: 30px; + width: max-content; + padding: 0 20px; + font-size: 12px; + border-radius: 15px; + color: var(--directorist-color-white); + opacity: 0; + visibility: hidden; + transition: all 0.3s ease-in-out; } .directorist-badge .directorist-badge-tooltip__featured { - background-color: var(--directorist-color-featured-badge); + background-color: var(--directorist-color-featured-badge); } .directorist-badge .directorist-badge-tooltip__new { - background-color: var(--directorist-color-new-badge); + background-color: var(--directorist-color-new-badge); } .directorist-badge .directorist-badge-tooltip__popular { - background-color: var(--directorist-color-popular-badge); + background-color: var(--directorist-color-popular-badge); } @media screen and (max-width: 480px) { - .directorist-badge .directorist-badge-tooltip { - height: 25px; - line-height: 25px; - font-size: 10px; - padding: 0 15px; - } + .directorist-badge .directorist-badge-tooltip { + height: 25px; + line-height: 25px; + font-size: 10px; + padding: 0 15px; + } } .directorist-badge:hover .directorist-badge-tooltip { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } /*** @@ -7466,6912 +7257,7162 @@ body.modal-overlay-enabled:before { ***/ .directorist-custom-range-slider-target, .directorist-custom-range-slider-target * { - -ms-touch-action: none; - touch-action: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; + touch-action: none; + user-select: none; + box-sizing: border-box; } .directorist-custom-range-slider-base, .directorist-custom-range-slider-connects { - width: 100%; - height: 100%; - position: relative; - z-index: 1; + width: 100%; + height: 100%; + position: relative; + z-index: 1; } /* Wrapper for all connect elements. */ .directorist-custom-range-slider-connects { - overflow: hidden; - z-index: 0; + overflow: hidden; + z-index: 0; } .directorist-custom-range-slider-connect, .directorist-custom-range-slider-origin { - will-change: transform; - position: absolute; - z-index: 1; - top: 0; - inset-inline-start: 0; - height: 100%; - width: calc(100% - 20px); - -webkit-transform-origin: 100% 0; - transform-origin: 100% 0; - -webkit-transform-style: flat; - transform-style: flat; + will-change: transform; + position: absolute; + z-index: 1; + top: 0; + inset-inline-start: 0; + height: 100%; + width: calc(100% - 20px); + transform-origin: 100% 0; + transform-style: flat; } /* Give origins 0 height/width so they don't interfere * with clicking the connect elements. */ -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-origin { - top: -100%; - width: 0; +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-origin { + top: -100%; + width: 0; } -.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-origin { - height: 0; +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-origin { + height: 0; } .directorist-custom-range-slider-handle { - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - position: absolute; + backface-visibility: hidden; + position: absolute; } .directorist-custom-range-slider-touch-area { - height: 100%; - width: 100%; + height: 100%; + width: 100%; } -.directorist-custom-range-slider-state-tap .directorist-custom-range-slider-connect, -.directorist-custom-range-slider-state-tap .directorist-custom-range-slider-origin { - -webkit-transition: -webkit-transform 0.3s; - transition: -webkit-transform 0.3s; - transition: transform 0.3s; - transition: transform 0.3s, -webkit-transform 0.3s; +.directorist-custom-range-slider-state-tap + .directorist-custom-range-slider-connect, +.directorist-custom-range-slider-state-tap + .directorist-custom-range-slider-origin { + transition: transform 0.3s; } .directorist-custom-range-slider-state-drag * { - cursor: inherit !important; + cursor: inherit !important; } /* Slider size and handle placement; */ -.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-handle { - width: 20px; - height: 20px; - border-radius: 50%; - border: 4px solid var(--directorist-color-primary); - inset-inline-end: -20px; - top: -8px; - cursor: pointer; +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-handle { + width: 20px; + height: 20px; + border-radius: 50%; + border: 4px solid var(--directorist-color-primary); + inset-inline-end: -20px; + top: -8px; + cursor: pointer; } .directorist-custom-range-slider-vertical { - width: 18px; + width: 18px; } -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-handle { - width: 28px; - height: 34px; - inset-inline-end: -6px; - bottom: -17px; +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-handle { + width: 28px; + height: 34px; + inset-inline-end: -6px; + bottom: -17px; } /* Giving the connect element a border radius causes issues with using transform: scale */ .directorist-custom-range-slider-target { - position: relative; - width: 100%; - height: 4px; - margin: 7px 0 24px; - border-radius: 2px; - background-color: #d9d9d9; + position: relative; + width: 100%; + height: 4px; + margin: 7px 0 24px; + border-radius: 2px; + background-color: #d9d9d9; } .directorist-custom-range-slider-connect { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } /* Handles and cursors; */ .directorist-custom-range-slider-draggable { - cursor: ew-resize; + cursor: ew-resize; } -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-draggable { - cursor: ns-resize; +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-draggable { + cursor: ns-resize; } .directorist-custom-range-slider-handle { - border: 1px solid #d9d9d9; - border-radius: 3px; - background-color: var(--directorist-color-white); - cursor: default; - -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; - box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; + border: 1px solid #d9d9d9; + border-radius: 3px; + background-color: var(--directorist-color-white); + cursor: default; + box-shadow: + inset 0 0 1px #fff, + inset 0 1px 7px #ebebeb, + 0 3px 6px -3px #bbb; } .directorist-custom-range-slider-active { - -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb; - box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb; + box-shadow: + inset 0 0 1px #fff, + inset 0 1px 7px #ddd, + 0 3px 6px -3px #bbb; } /* Disabled state; */ [disabled] .directorist-custom-range-slider-connect { - background-color: #b8b8b8; + background-color: #b8b8b8; } [disabled].directorist-custom-range-slider-target, [disabled].directorist-custom-range-slider-handle, [disabled] .directorist-custom-range-slider-handle { - cursor: not-allowed; + cursor: not-allowed; } /* Base; */ .directorist-custom-range-slider-pips, .directorist-custom-range-slider-pips * { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } .directorist-custom-range-slider-pips { - position: absolute; - color: #999; + position: absolute; + color: #999; } /* Values; */ .directorist-custom-range-slider-value { - position: absolute; - white-space: nowrap; - text-align: center; + position: absolute; + white-space: nowrap; + text-align: center; } .directorist-custom-range-slider-value-sub { - color: #ccc; - font-size: 10px; + color: #ccc; + font-size: 10px; } /* Markings; */ .directorist-custom-range-slider-marker { - position: absolute; - background-color: #ccc; + position: absolute; + background-color: #ccc; } .directorist-custom-range-slider-marker-sub { - background-color: #aaa; + background-color: #aaa; } .directorist-custom-range-slider-marker-large { - background-color: #aaa; + background-color: #aaa; } /* Horizontal layout; */ .directorist-custom-range-slider-pips-horizontal { - padding: 10px 0; - height: 80px; - top: 100%; - right: 0; - width: 100%; + padding: 10px 0; + height: 80px; + top: 100%; + right: 0; + width: 100%; } .directorist-custom-range-slider-value-horizontal { - -webkit-transform: translate(50%, 50%); - transform: translate(50%, 50%); + transform: translate(50%, 50%); } -.directorist-custom-range-slider-rtl .directorist-custom-range-slider-value-horizontal { - -webkit-transform: translate(-50%, 50%); - transform: translate(-50%, 50%); +.directorist-custom-range-slider-rtl + .directorist-custom-range-slider-value-horizontal { + transform: translate(-50%, 50%); } .directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker { - margin-right: -1px; - width: 2px; - height: 5px; + margin-right: -1px; + width: 2px; + height: 5px; } .directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker-sub { - height: 10px; + height: 10px; } .directorist-custom-range-slider-marker-horizontal.directorist-custom-range-slider-marker-large { - height: 15px; + height: 15px; } /* Vertical layout; */ .directorist-custom-range-slider-pips-vertical { - padding: 0 10px; - height: 100%; - top: 0; - right: 100%; + padding: 0 10px; + height: 100%; + top: 0; + right: 100%; } .directorist-custom-range-slider-value-vertical { - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - padding-right: 25px; + transform: translate(0, -50%); + padding-right: 25px; } -.directorist-custom-range-slider-rtl .directorist-custom-range-slider-value-vertical { - -webkit-transform: translate(0, 50%); - transform: translate(0, 50%); +.directorist-custom-range-slider-rtl + .directorist-custom-range-slider-value-vertical { + transform: translate(0, 50%); } .directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker { - width: 5px; - height: 2px; - margin-top: -1px; + width: 5px; + height: 2px; + margin-top: -1px; } .directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker-sub { - width: 10px; + width: 10px; } .directorist-custom-range-slider-marker-vertical.directorist-custom-range-slider-marker-large { - width: 15px; + width: 15px; } .directorist-custom-range-slider-tooltip { - display: block; - position: absolute; - border: 1px solid #d9d9d9; - border-radius: 3px; - background-color: var(--directorist-color-white); - color: var(--directorist-color-dark); - padding: 5px; - text-align: center; - white-space: nowrap; -} - -.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); - right: 50%; - bottom: 120%; -} -.directorist-custom-range-slider-horizontal .directorist-custom-range-slider-origin > .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); - right: auto; - bottom: 10px; -} - -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - top: 50%; - left: 120%; -} -.directorist-custom-range-slider-vertical .directorist-custom-range-slider-origin > .directorist-custom-range-slider-tooltip { - -webkit-transform: translate(0, -18px); - transform: translate(0, -18px); - top: auto; - left: 28px; + display: block; + position: absolute; + border: 1px solid #d9d9d9; + border-radius: 3px; + background-color: var(--directorist-color-white); + color: var(--directorist-color-dark); + padding: 5px; + text-align: center; + white-space: nowrap; +} + +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-tooltip { + transform: translate(50%, 0); + right: 50%; + bottom: 120%; +} +.directorist-custom-range-slider-horizontal + .directorist-custom-range-slider-origin + > .directorist-custom-range-slider-tooltip { + transform: translate(-50%, 0); + right: auto; + bottom: 10px; +} + +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-tooltip { + transform: translate(0, -50%); + top: 50%; + left: 120%; +} +.directorist-custom-range-slider-vertical + .directorist-custom-range-slider-origin + > .directorist-custom-range-slider-tooltip { + transform: translate(0, -18px); + top: auto; + left: 28px; } .directorist-swiper { - height: 100%; - overflow: hidden; - position: relative; + height: 100%; + overflow: hidden; + position: relative; } .directorist-swiper .swiper-slide { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-swiper .swiper-slide > div, .directorist-swiper .swiper-slide > a { - width: 100%; + width: 100%; } .directorist-swiper__nav { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - z-index: 1; - opacity: 0; - cursor: pointer; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; + position: absolute; + top: 50%; + transform: translateY(-50%); + z-index: 1; + opacity: 0; + cursor: pointer; + transition: all 0.3s ease; } .directorist-swiper__nav i { - width: 30px; - height: 30px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 100%; - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - background-color: rgba(255, 255, 255, 0.9); + width: 30px; + height: 30px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 100%; + transition: all 0.3s ease; + background-color: rgba(255, 255, 255, 0.9); } .directorist-swiper__nav .directorist-icon-mask:after { - width: 10px; - height: 10px; - background-color: var(--directorist-color-body); + width: 10px; + height: 10px; + background-color: var(--directorist-color-body); } .directorist-swiper__nav:hover i { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-swiper__nav--prev { - right: 10px; + right: 10px; } .directorist-swiper__nav--next { - left: 10px; + left: 10px; } .directorist-swiper__nav--prev-related i { - right: 0; - background-color: #f4f4f4; + right: 0; + background-color: #f4f4f4; } .directorist-swiper__nav--prev-related i:hover { - background-color: var(--directorist-color-gray); + background-color: var(--directorist-color-gray); } .directorist-swiper__nav--next-related i { - left: 0; - background-color: #f4f4f4; + left: 0; + background-color: #f4f4f4; } .directorist-swiper__nav--next-related i:hover { - background-color: var(--directorist-color-gray); + background-color: var(--directorist-color-gray); } .directorist-swiper__pagination { - position: absolute; - text-align: center; - z-index: 1; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + position: absolute; + text-align: center; + z-index: 1; + display: flex; + gap: 5px; + align-items: center; + justify-content: center; } .directorist-swiper__pagination .swiper-pagination-bullet { - margin: 0 !important; - width: 5px; - height: 5px; - opacity: 0.6; - background-color: var(--directorist-color-white); + margin: 0 !important; + width: 5px; + height: 5px; + opacity: 0.6; + background-color: var(--directorist-color-white); } -.directorist-swiper__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { - opacity: 1; - -webkit-transform: scale(1.4); - transform: scale(1.4); +.directorist-swiper__pagination + .swiper-pagination-bullet.swiper-pagination-bullet-active { + opacity: 1; + transform: scale(1.4); } .directorist-swiper__pagination--related { - display: none; + display: none; } -.directorist-swiper:hover > .directorist-swiper__navigation .directorist-swiper__nav { - opacity: 1; +.directorist-swiper:hover + > .directorist-swiper__navigation + .directorist-swiper__nav { + opacity: 1; } .directorist-single-listing-slider { - width: var(--gallery-crop-width, 740px); - height: var(--gallery-crop-height, 580px); - max-width: 100%; - margin: 0 auto; - border-radius: 12px; + width: var(--gallery-crop-width, 740px); + height: var(--gallery-crop-height, 580px); + max-width: 100%; + margin: 0 auto; + border-radius: 12px; } @media screen and (max-width: 991px) { - .directorist-single-listing-slider { - max-height: 450px !important; - } + .directorist-single-listing-slider { + max-height: 450px !important; + } } @media screen and (max-width: 575px) { - .directorist-single-listing-slider { - max-height: 400px !important; - } + .directorist-single-listing-slider { + max-height: 400px !important; + } } @media screen and (max-width: 375px) { - .directorist-single-listing-slider { - max-height: 350px !important; - } + .directorist-single-listing-slider { + max-height: 350px !important; + } } .directorist-single-listing-slider .directorist-swiper__nav i { - height: 40px; - width: 40px; - background-color: rgba(0, 0, 0, 0.5); + height: 40px; + width: 40px; + background-color: rgba(0, 0, 0, 0.5); } .directorist-single-listing-slider .directorist-swiper__nav i:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); } -.directorist-single-listing-slider .directorist-swiper__nav--prev-single-listing i { - right: 20px; +.directorist-single-listing-slider + .directorist-swiper__nav--prev-single-listing + i { + right: 20px; } -.directorist-single-listing-slider .directorist-swiper__nav--next-single-listing i { - left: 20px; +.directorist-single-listing-slider + .directorist-swiper__nav--next-single-listing + i { + left: 20px; } .directorist-single-listing-slider .directorist-swiper__nav:hover i { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-single-listing-slider .directorist-swiper__nav { - opacity: 1; - } - .directorist-single-listing-slider .directorist-swiper__nav i { - width: 30px; - height: 30px; - } + .directorist-single-listing-slider .directorist-swiper__nav { + opacity: 1; + } + .directorist-single-listing-slider .directorist-swiper__nav i { + width: 30px; + height: 30px; + } } .directorist-single-listing-slider .directorist-swiper__pagination { - display: none; + display: none; } .directorist-single-listing-slider .swiper-slide img { - width: 100%; - height: 100%; - max-width: var(--gallery-crop-width, 740px); - -o-object-fit: cover; - object-fit: cover; - border-radius: 12px; + width: 100%; + height: 100%; + max-width: var(--gallery-crop-width, 740px); + object-fit: cover; + border-radius: 12px; } -.directorist-single-listing-slider.slider-has-one-item .directorist-swiper__navigation, -.directorist-single-listing-slider.slider-has-one-item .directorist-swiper__pagination { - display: none; +.directorist-single-listing-slider.slider-has-one-item + .directorist-swiper__navigation, +.directorist-single-listing-slider.slider-has-one-item + .directorist-swiper__pagination { + display: none; } .directorist-single-listing-slider-thumb { - width: var(--gallery-crop-width, 740px); - max-width: 100%; - margin: 10px auto 0; - border-radius: 12px; - overflow: auto; - height: auto; - display: none; + width: var(--gallery-crop-width, 740px); + max-width: 100%; + margin: 10px auto 0; + border-radius: 12px; + overflow: auto; + height: auto; + display: none; } .directorist-single-listing-slider-thumb .swiper-wrapper { - gap: 10px; - height: auto; + gap: 10px; + height: auto; } .directorist-single-listing-slider-thumb .directorist-swiper__navigation { - display: none; + display: none; } .directorist-single-listing-slider-thumb .directorist-swiper__pagination { - display: none; + display: none; } .directorist-single-listing-slider-thumb .swiper-slide { - position: relative; - height: 90px; - cursor: pointer; - margin: 0 !important; + position: relative; + height: 90px; + cursor: pointer; + margin: 0 !important; } .directorist-single-listing-slider-thumb .swiper-slide img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: 14px; + width: 100%; + height: 100%; + object-fit: cover; + border-radius: 14px; } .directorist-single-listing-slider-thumb .swiper-slide:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - top: 0; - right: 0; - border-radius: 14px; - background-color: rgba(0, 0, 0, 0.3); - z-index: 1; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - opacity: 0; - visibility: hidden; -} -.directorist-single-listing-slider-thumb .swiper-slide:hover:before, .directorist-single-listing-slider-thumb .swiper-slide.swiper-slide-thumb-active:before { - opacity: 1; - visibility: visible; + content: ""; + width: 100%; + height: 100%; + position: absolute; + top: 0; + right: 0; + border-radius: 14px; + background-color: rgba(0, 0, 0, 0.3); + z-index: 1; + transition: opacity 0.3s ease; + opacity: 0; + visibility: hidden; +} +.directorist-single-listing-slider-thumb .swiper-slide:hover:before, +.directorist-single-listing-slider-thumb + .swiper-slide.swiper-slide-thumb-active:before { + opacity: 1; + visibility: visible; } @media screen and (max-width: 575px) { - .directorist-single-listing-slider-thumb { - display: none; - } + .directorist-single-listing-slider-thumb { + display: none; + } } .directorist-swiper-related-listing.directorist-swiper { - padding: 15px; - margin: -15px; - height: auto; -} -.directorist-swiper-related-listing.directorist-swiper > .directorist-swiper__navigation .directorist-swiper__nav i { - height: 40px; - width: 40px; -} -.directorist-swiper-related-listing.directorist-swiper > .directorist-swiper__navigation .directorist-swiper__nav i:after { - width: 14px; - height: 14px; + padding: 15px; + margin: -15px; + height: auto; +} +.directorist-swiper-related-listing.directorist-swiper + > .directorist-swiper__navigation + .directorist-swiper__nav + i { + height: 40px; + width: 40px; +} +.directorist-swiper-related-listing.directorist-swiper + > .directorist-swiper__navigation + .directorist-swiper__nav + i:after { + width: 14px; + height: 14px; } .directorist-swiper-related-listing.directorist-swiper .swiper-wrapper { - height: auto; + height: auto; } -.directorist-swiper-related-listing.slider-has-one-item > .directorist-swiper__navigation, .directorist-swiper-related-listing.slider-has-less-items > .directorist-swiper__navigation { - display: none; +.directorist-swiper-related-listing.slider-has-one-item + > .directorist-swiper__navigation, +.directorist-swiper-related-listing.slider-has-less-items + > .directorist-swiper__navigation { + display: none; } .directorist-dropdown { - position: relative; + position: relative; } .directorist-dropdown__toggle { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - background-color: var(--directorist-color-light); - border-color: var(--directorist-color-light); - padding: 0 20px; - border-radius: 8px; - cursor: pointer; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; - position: relative; -} -.directorist-dropdown__toggle:focus, .directorist-dropdown__toggle:hover { - background-color: var(--directorist-color-light) !important; - border-color: var(--directorist-color-light) !important; - outline: 0 !important; - color: var(--directorist); + display: flex; + align-items: center; + gap: 5px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + background-color: var(--directorist-color-light); + border-color: var(--directorist-color-light); + padding: 0 20px; + border-radius: 8px; + cursor: pointer; + transition: background-color 0.3s ease; + position: relative; +} +.directorist-dropdown__toggle:focus, +.directorist-dropdown__toggle:hover { + background-color: var(--directorist-color-light) !important; + border-color: var(--directorist-color-light) !important; + outline: 0 !important; + color: var(--directorist); } .directorist-dropdown__toggle.directorist-toggle-has-icon:after { - content: ""; - -webkit-mask-image: url(../js/664d0b74d206cf7349ab.svg); - mask-image: url(../js/664d0b74d206cf7349ab.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 12px; - height: 12px; - background-color: currentColor; + content: ""; + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + mask-repeat: no-repeat; + width: 12px; + height: 12px; + background-color: currentColor; } .directorist-dropdown__links { - display: none; - position: absolute; - width: 100%; - min-width: 190px; - overflow-y: auto; - right: 0; - top: 30px; - padding: 10px; - border: none; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - z-index: 99999; + display: none; + position: absolute; + width: 100%; + min-width: 190px; + overflow-y: auto; + right: 0; + top: 30px; + padding: 10px; + border: none; + border-radius: 8px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + z-index: 99999; } .directorist-dropdown__links a { - display: block; - font-size: 14px; - font-weight: 400; - display: block; - padding: 10px; - border-radius: 8px; - text-decoration: none !important; - color: var(--directorist-color-body); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.directorist-dropdown__links a.active, .directorist-dropdown__links a:hover { - border-radius: 8px; - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary-rgb), 0.05); + display: block; + font-size: 14px; + font-weight: 400; + display: block; + padding: 10px; + border-radius: 8px; + text-decoration: none !important; + color: var(--directorist-color-body); + transition: all ease 0.3s; +} +.directorist-dropdown__links a.active, +.directorist-dropdown__links a:hover { + border-radius: 8px; + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary-rgb), 0.05); } @media screen and (max-width: 575px) { - .directorist-dropdown__links a { - padding: 5px 10px; - } + .directorist-dropdown__links a { + padding: 5px 10px; + } } .directorist-dropdown__links--right { - right: auto; - left: 0; + right: auto; + left: 0; } @media (max-width: 1440px) { - .directorist-dropdown__links { - right: unset; - left: 0; - } + .directorist-dropdown__links { + right: unset; + left: 0; + } } .directorist-dropdown.directorist-sortby-dropdown { - border-radius: 8px; - border: 2px solid var(--directorist-color-white); + border-radius: 8px; + border: 2px solid var(--directorist-color-white); } /* custom dropdown with select */ .directorist-dropdown-select { - position: relative; + position: relative; } .directorist-dropdown-select-toggle { - display: inline-block; - border: 1px solid #eee; - padding: 7px 15px; - position: relative; + display: inline-block; + border: 1px solid #eee; + padding: 7px 15px; + position: relative; } .directorist-dropdown-select-toggle:before { - content: ""; - position: absolute !important; - width: 100%; - height: 100%; - right: 0; - top: 0; + content: ""; + position: absolute !important; + width: 100%; + height: 100%; + right: 0; + top: 0; } .directorist-dropdown-select-items { - position: absolute; - width: 100%; - right: 0; - top: 40px; - border: 1px solid #eee; - visibility: hidden; - opacity: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - background-color: var(--directorist-color-white); - z-index: 10; + position: absolute; + width: 100%; + right: 0; + top: 40px; + border: 1px solid #eee; + visibility: hidden; + opacity: 0; + pointer-events: none; + transition: 0.3s ease; + background-color: var(--directorist-color-white); + z-index: 10; } .directorist-dropdown-select-items.directorist-dropdown-select-show { - top: 30px; - visibility: visible; - opacity: 1; - pointer-events: all; + top: 30px; + visibility: visible; + opacity: 1; + pointer-events: all; } .directorist-dropdown-select-item { - display: block; + display: block; } .directorist-switch { - position: relative; - display: block; + position: relative; + display: block; } -.directorist-switch input[type=checkbox]:before { - display: none; +.directorist-switch input[type="checkbox"]:before { + display: none; } .directorist-switch .directorist-switch-input { - position: absolute; - right: 0; - z-index: -1; - width: 24px; - height: 25px; - opacity: 0; -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label { - color: #1A1B29; - font-weight: 500; -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:before { - background-color: var(--directorist-color-primary); -} -.directorist-switch .directorist-switch-input:checked + .directorist-switch-label:after { - -webkit-transform: translateX(-20px); - transform: translateX(-20px); + position: absolute; + right: 0; + z-index: -1; + width: 24px; + height: 25px; + opacity: 0; +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label { + color: #1a1b29; + font-weight: 500; +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label:before { + background-color: var(--directorist-color-primary); +} +.directorist-switch + .directorist-switch-input:checked + + .directorist-switch-label:after { + transform: translateX(-20px); } .directorist-switch .directorist-switch-label { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - position: relative; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 400; - padding-right: 65px; - margin-right: 0; - color: var(--directorist-color-body); + user-select: none; + position: relative; + display: inline-flex; + align-items: center; + font-size: 14px; + font-weight: 400; + padding-right: 65px; + margin-right: 0; + color: var(--directorist-color-body); } .directorist-switch .directorist-switch-label:before { - content: ""; - position: absolute; - top: 0.75px; - right: 4px; - display: block; - width: 44px; - height: 24px; - border-radius: 15px; - pointer-events: all; - background-color: #ECECEC; + content: ""; + position: absolute; + top: 0.75px; + right: 4px; + display: block; + width: 44px; + height: 24px; + border-radius: 15px; + pointer-events: all; + background-color: #ececec; } .directorist-switch .directorist-switch-label:after { - position: absolute; - display: block; - content: ""; - background: no-repeat 50%/50% 50%; - top: 4.75px; - right: 8px; - background-color: var(--directorist-color-white) !important; - width: 16px; - height: 16px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); - box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); - border-radius: 15px; - transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -} - -.directorist-switch.directorist-switch-primary .directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-primary); -} -.directorist-switch.directorist-switch-success.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-success); -} -.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-secondary); -} -.directorist-switch.directorist-switch-danger.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-danger); -} -.directorist-switch.directorist-switch-warning.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-warning); -} -.directorist-switch.directorist-switch-info.directorist-switch-input:checked + .directorist-switch-label::before { - background-color: var(--directorist-color-info); + position: absolute; + display: block; + content: ""; + background: no-repeat 50%/50% 50%; + top: 4.75px; + right: 8px; + background-color: var(--directorist-color-white) !important; + width: 16px; + height: 16px; + background-color: var(--directorist-color-white); + box-shadow: 0 0 4px rgba(143, 142, 159, 0.15); + border-radius: 15px; + transition: + transform 0.15s ease-in-out, + background-color 0.15s ease-in-out, + border-color 0.15s ease-in-out, + box-shadow 0.15s ease-in-out, + -webkit-transform 0.15s ease-in-out, + -webkit-box-shadow 0.15s ease-in-out; +} + +.directorist-switch.directorist-switch-primary + .directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-primary); +} +.directorist-switch.directorist-switch-success.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-success); +} +.directorist-switch.directorist-switch-secondary.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-secondary); +} +.directorist-switch.directorist-switch-danger.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-danger); +} +.directorist-switch.directorist-switch-warning.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-warning); +} +.directorist-switch.directorist-switch-info.directorist-switch-input:checked + + .directorist-switch-label::before { + background-color: var(--directorist-color-info); } .directorist-switch-Yn { - font-size: 15px; - padding: 3px; - position: relative; - display: inline-block; - border: 1px solid #e9e9e9; - border-radius: 17px; + font-size: 15px; + padding: 3px; + position: relative; + display: inline-block; + border: 1px solid #e9e9e9; + border-radius: 17px; } .directorist-switch-Yn span { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - font-size: 14px; - line-height: 27px; - padding: 5px 10.5px; - font-weight: 500; -} -.directorist-switch-Yn input[type=checkbox] { - display: none; -} -.directorist-switch-Yn input[type=checkbox]:checked + .directorist-switch-yes { - background-color: #3E62F5; - color: var(--directorist-color-white); -} -.directorist-switch-Yn input[type=checkbox]:checked + span + .directorist-switch-no { - background-color: transparent; - color: #9b9eaf; -} -.directorist-switch-Yn input[type=checkbox] .directorist-switch-yes { - background-color: transparent; - color: #9b9eaf; -} -.directorist-switch-Yn input[type=checkbox] + span + .directorist-switch-no { - background-color: #fb6665; - color: var(--directorist-color-white); + user-select: none; + font-size: 14px; + line-height: 27px; + padding: 5px 10.5px; + font-weight: 500; +} +.directorist-switch-Yn input[type="checkbox"] { + display: none; +} +.directorist-switch-Yn + input[type="checkbox"]:checked + + .directorist-switch-yes { + background-color: #3e62f5; + color: var(--directorist-color-white); +} +.directorist-switch-Yn + input[type="checkbox"]:checked + + span + + .directorist-switch-no { + background-color: transparent; + color: #9b9eaf; +} +.directorist-switch-Yn input[type="checkbox"] .directorist-switch-yes { + background-color: transparent; + color: #9b9eaf; +} +.directorist-switch-Yn input[type="checkbox"] + span + .directorist-switch-no { + background-color: #fb6665; + color: var(--directorist-color-white); } .directorist-switch-Yn .directorist-switch-yes { - border-radius: 0 15px 15px 0; + border-radius: 0 15px 15px 0; } .directorist-switch-Yn .directorist-switch-no { - border-radius: 15px 0 0 15px; + border-radius: 15px 0 0 15px; } /* Directorist Tooltip */ .directorist-tooltip { - position: relative; + position: relative; } .directorist-tooltip.directorist-tooltip-bottom[data-label]:before { - bottom: -8px; - top: auto; - border-top-color: var(--directorist-color-white); - border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); + bottom: -8px; + top: auto; + border-top-color: var(--directorist-color-white); + border-bottom-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip.directorist-tooltip-bottom[data-label]:after { - -webkit-transform: translate(50%); - transform: translate(50%); - top: 100%; - margin-top: 8px; -} -.directorist-tooltip[data-label]:before, .directorist-tooltip[data-label]:after { - position: absolute !important; - bottom: 100%; - display: none; - height: -webkit-fit-content; - height: -moz-fit-content; - height: fit-content; - -webkit-animation: showTooltip 0.3s ease; - animation: showTooltip 0.3s ease; + transform: translate(50%); + top: 100%; + margin-top: 8px; +} +.directorist-tooltip[data-label]:before, +.directorist-tooltip[data-label]:after { + position: absolute !important; + bottom: 100%; + display: none; + height: fit-content; + animation: showTooltip 0.3s ease; } .directorist-tooltip[data-label]:before { - content: ""; - right: 50%; - top: -6px; - -webkit-transform: translateX(50%); - transform: translateX(50%); - border: 6px solid transparent; - border-top-color: rgba(var(--directorist-color-dark-rgb), 1); + content: ""; + right: 50%; + top: -6px; + transform: translateX(50%); + border: 6px solid transparent; + border-top-color: rgba(var(--directorist-color-dark-rgb), 1); } .directorist-tooltip[data-label]:after { - font-size: 14px; - content: attr(data-label); - right: 50%; - -webkit-transform: translate(50%, -6px); - transform: translate(50%, -6px); - background: rgba(var(--directorist-color-dark-rgb), 1); - padding: 4px 12px; - border-radius: 3px; - color: var(--directorist-color-white); - z-index: 9999; - text-align: center; - min-width: 140px; - max-height: 200px; - overflow-y: auto; -} -.directorist-tooltip[data-label]:hover:before, .directorist-tooltip[data-label]:hover:after { - display: block; + font-size: 14px; + content: attr(data-label); + right: 50%; + transform: translate(50%, -6px); + background: rgba(var(--directorist-color-dark-rgb), 1); + padding: 4px 12px; + border-radius: 3px; + color: var(--directorist-color-white); + z-index: 9999; + text-align: center; + min-width: 140px; + max-height: 200px; + overflow-y: auto; +} +.directorist-tooltip[data-label]:hover:before, +.directorist-tooltip[data-label]:hover:after { + display: block; } .directorist-tooltip .directorist-tooltip__label { - font-size: 16px; - color: var(--directorist-color-primary); + font-size: 16px; + color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-primary[data-label]:before { - border-top-color: var(--directorist-color-primary); + border-top-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:after { - background-color: var(--directorist-color-secondary); + background-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-info[data-label]:after { - background-color: var(--directorist-color-info); + background-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-info[data-label]:before { - border-top-color: var(--directorist-color-info); + border-top-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-warning[data-label]:after { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-warning[data-label]:before { - border-top-color: var(--directorist-color-warning); + border-top-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-success[data-label]:after { - background-color: var(--directorist-color-success); + background-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-success[data-label]:before { - border-top-color: var(--directorist-color-success); + border-top-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-danger[data-label]:after { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-danger[data-label]:before { - border-top-color: var(--directorist-color-danger); + border-top-color: var(--directorist-color-danger); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-primary[data-label]:before { - border-bottom-color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-secondary[data-label]:before { - border-bottom-color: var(--directorist-color-secondary); + border-bottom-color: var(--directorist-color-secondary); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-info[data-label]:before { - border-bottom-color: var(--directorist-color-info); + border-bottom-color: var(--directorist-color-info); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-warning[data-label]:before { - border-bottom-color: var(--directorist-color-warning); + border-bottom-color: var(--directorist-color-warning); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-success[data-label]:before { - border-bottom-color: var(--directorist-color-success); + border-bottom-color: var(--directorist-color-success); } .directorist-tooltip.directorist-tooltip-bottom.directorist-tooltip-danger[data-label]:before { - border-bottom-color: var(--directorist-color-danger); -} - -@-webkit-keyframes showTooltip { - from { - opacity: 0; - } + border-bottom-color: var(--directorist-color-danger); } @keyframes showTooltip { - from { - opacity: 0; - } + from { + opacity: 0; + } } /* Alerts style */ .directorist-alert { - font-size: 15px; - word-break: break-word; - border-radius: 8px; - background-color: #f4f4f4; - padding: 15px 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + font-size: 15px; + word-break: break-word; + border-radius: 8px; + background-color: #f4f4f4; + padding: 15px 20px; + display: flex; + align-items: center; + flex-wrap: wrap; } .directorist-alert .directorist-icon-mask { - margin-left: 5px; + margin-left: 5px; } .directorist-alert > a { - padding-right: 5px; + padding-right: 5px; } .directorist-alert__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: flex; + align-items: flex-start; } .directorist-alert__content span.la, .directorist-alert__content span.fa, .directorist-alert__content i { - margin-left: 12px; - line-height: 1.65; + margin-left: 12px; + line-height: 1.65; } .directorist-alert__content p { - margin-bottom: 0; + margin-bottom: 0; } .directorist-alert__close { - padding: 0 5px; - font-size: 20px !important; - background: none !important; - text-decoration: none; - margin-right: auto !important; - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.2; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + padding: 0 5px; + font-size: 20px !important; + background: none !important; + text-decoration: none; + margin-right: auto !important; + border: 0 none; + box-shadow: none; + line-height: 1.2; + display: flex; + align-items: center; + justify-content: center; } .directorist-alert__close .la, .directorist-alert__close .fa, .directorist-alert__close i, .directorist-alert__close span { - font-size: 16px; - margin-right: 10px; - color: var(--directorist-color-danger); + font-size: 16px; + margin-right: 10px; + color: var(--directorist-color-danger); } .directorist-alert__close:focus { - background-color: transparent; - outline: none; + background-color: transparent; + outline: none; } .directorist-alert a { - text-decoration: none; + text-decoration: none; } .directorist-alert.directorist-alert-primary { - background: rgba(var(--directorist-color-primary-rgb), 0.1); - color: var(--directorist-color-primary); + background: rgba(var(--directorist-color-primary-rgb), 0.1); + color: var(--directorist-color-primary); } .directorist-alert.directorist-alert-primary .directorist-alert__close { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-alert.directorist-alert-info { - background-color: #DCEBFE; - color: #157CF6; + background-color: #dcebfe; + color: #157cf6; } .directorist-alert.directorist-alert-info .directorist-alert__close { - color: #157CF6; + color: #157cf6; } .directorist-alert.directorist-alert-warning { - background-color: #FEE9D9; - color: #F56E00; + background-color: #fee9d9; + color: #f56e00; } .directorist-alert.directorist-alert-warning .directorist-alert__close { - color: #F56E00; + color: #f56e00; } .directorist-alert.directorist-alert-danger { - background-color: #FCD9D9; - color: #E80000; + background-color: #fcd9d9; + color: #e80000; } .directorist-alert.directorist-alert-danger .directorist-alert__close { - color: #E80000; + color: #e80000; } .directorist-alert.directorist-alert-success { - background-color: #D9EFDC; - color: #009114; + background-color: #d9efdc; + color: #009114; } .directorist-alert.directorist-alert-success .directorist-alert__close { - color: #009114; + color: #009114; } .directorist-alert--sm { - padding: 10px 20px; + padding: 10px 20px; } .alert-danger { - background: rgba(232, 0, 0, 0.3); + background: rgba(232, 0, 0, 0.3); } .alert-danger.directorist-register-error { - background: #FCD9D9; - color: #E80000; - border-radius: 3px; + background: #fcd9d9; + color: #e80000; + border-radius: 3px; } .alert-danger.directorist-register-error .directorist-alert__close { - color: #E80000; + color: #e80000; } /* Add listing notice alert */ .directorist-single-listing-notice .directorist-alert__content { - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - width: 100%; + justify-content: space-between; + width: 100%; } .directorist-single-listing-notice .directorist-alert__content button { - cursor: pointer; + cursor: pointer; } .directorist-single-listing-notice .directorist-alert__content button span { - font-size: 20px; + font-size: 20px; } .directorist-user-dashboard .directorist-container-fluid { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } .directorist-user-dashboard .directorist-alert-info .directorist-alert__close { - cursor: pointer; - padding-left: 0; + cursor: pointer; + padding-left: 0; } /* Modal Core Styles */ .directorist-modal { - position: fixed; - width: 100%; - height: 100%; - padding: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - right: 0; - top: 0; - z-index: -1; - overflow: auto; - outline: 0; + position: fixed; + width: 100%; + height: 100%; + padding: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + right: 0; + top: 0; + z-index: -1; + overflow: auto; + outline: 0; } .directorist-modal__dialog { - position: relative; - width: 500px; - margin: 30px auto; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 0; - visibility: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-height: calc(100% - 80px); - pointer-events: none; + position: relative; + width: 500px; + margin: 30px auto; + transition: 0.3s ease; + opacity: 0; + visibility: hidden; + display: flex; + align-items: center; + justify-content: center; + min-height: calc(100% - 80px); + pointer-events: none; } .directorist-modal__dialog-lg { - width: 900px; + width: 900px; } .directorist-modal__content { - width: 100%; - background-color: var(--directorist-color-white); - pointer-events: auto; - border-radius: 12px; - position: relative; + width: 100%; + background-color: var(--directorist-color-white); + pointer-events: auto; + border-radius: 12px; + position: relative; } .directorist-modal__content .directorist-modal__header { - position: relative; - padding: 15px; - border-bottom: 1px solid var(--directorist-color-border-gray); + position: relative; + padding: 15px; + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-modal__content .directorist-modal__header__title { - font-size: 20px; - font-weight: 500; - margin: 0; - color: var(--directorist-color-dark); -} -.directorist-modal__content .directorist-modal__header .directorist-modal-close { - position: absolute; - width: 28px; - height: 28px; - left: 25px; - top: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - line-height: 1.45; - padding: 6px; - text-decoration: none; - -webkit-transition: 0.2s background-color ease-in-out; - transition: 0.2s background-color ease-in-out; - background-color: var(--directorist-color-bg-light); -} -.directorist-modal__content .directorist-modal__header .directorist-modal-close:hover { - color: var(--directorist-color-body); - background-color: var(--directorist-color-light-hover); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + font-size: 20px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); +} +.directorist-modal__content + .directorist-modal__header + .directorist-modal-close { + position: absolute; + width: 28px; + height: 28px; + left: 25px; + top: 10px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + line-height: 1.45; + padding: 6px; + text-decoration: none; + transition: 0.2s background-color ease-in-out; + background-color: var(--directorist-color-bg-light); +} +.directorist-modal__content + .directorist-modal__header + .directorist-modal-close:hover { + color: var(--directorist-color-body); + background-color: var(--directorist-color-light-hover); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-modal__content .directorist-modal__body { - padding: 25px 40px; + padding: 25px 40px; } .directorist-modal__content .directorist-modal__footer { - border-top: 1px solid var(--directorist-color-border-gray); - padding: 18px; -} -.directorist-modal__content .directorist-modal__footer .directorist-modal__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - margin: -7.5px; -} -.directorist-modal__content .directorist-modal__footer .directorist-modal__action button { - margin: 7.5px; + border-top: 1px solid var(--directorist-color-border-gray); + padding: 18px; +} +.directorist-modal__content + .directorist-modal__footer + .directorist-modal__action { + display: flex; + justify-content: flex-end; + margin: -7.5px; +} +.directorist-modal__content + .directorist-modal__footer + .directorist-modal__action + button { + margin: 7.5px; } .directorist-modal__content .directorist-modal .directorist-form-group label { - font-size: 16px; + font-size: 16px; } -.directorist-modal__content .directorist-modal .directorist-form-group .directorist-form-element { - resize: none; +.directorist-modal__content + .directorist-modal + .directorist-form-group + .directorist-form-element { + resize: none; } .directorist-modal__dialog.directorist-modal--lg { - width: 800px; + width: 800px; } .directorist-modal__dialog.directorist-modal--xl { - width: 1140px; + width: 1140px; } .directorist-modal__dialog.directorist-modal--sm { - width: 300px; + width: 300px; } .directorist-modal.directorist-fade { - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 1; - visibility: visible; - z-index: 9999; + transition: 0.3s ease; + opacity: 1; + visibility: visible; + z-index: 9999; } .directorist-modal.directorist-fade:not(.directorist-show) { - opacity: 0; - visibility: hidden; + opacity: 0; + visibility: hidden; } .directorist-modal.directorist-show .directorist-modal__dialog { - opacity: 1; - visibility: visible; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + opacity: 1; + visibility: visible; + transition: 0.3s ease; } .directorist-search-modal__overlay { - position: fixed; - top: 0; - right: 0; - width: 100%; - height: 100%; - opacity: 0; - visibility: hidden; - z-index: 9999; + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 100%; + opacity: 0; + visibility: hidden; + z-index: 9999; } .directorist-search-modal__overlay:before { - content: ""; - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 100%; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - opacity: 1; - -webkit-transition: all ease 0.4s; - transition: all ease 0.4s; + content: ""; + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + opacity: 1; + transition: all ease 0.4s; } .directorist-search-modal__contents { - position: fixed; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - bottom: -100%; - width: 90%; - max-width: 600px; - margin-bottom: 100px; - overflow: hidden; - opacity: 0; - visibility: hidden; - z-index: 9999; - border-radius: 12px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-white); + position: fixed; + right: 50%; + transform: translateX(50%); + bottom: -100%; + width: 90%; + max-width: 600px; + margin-bottom: 100px; + overflow: hidden; + opacity: 0; + visibility: hidden; + z-index: 9999; + border-radius: 12px; + transition: all ease 0.3s; + background-color: var(--directorist-color-white); } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents { - width: 100%; - margin-bottom: 0; - border-radius: 16px 16px 0 0; - } + .directorist-search-modal__contents { + width: 100%; + margin-bottom: 0; + border-radius: 16px 16px 0 0; + } } .directorist-search-modal__contents__header { - position: fixed; - top: 0; - right: 0; - left: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 15px 40px 15px 25px; - border-radius: 16px 16px 0 0; - background-color: var(--directorist-color-white); - border-bottom: 1px solid var(--directorist-color-border); - z-index: 999; + position: fixed; + top: 0; + right: 0; + left: 0; + display: flex; + align-items: center; + justify-content: space-between; + padding: 15px 40px 15px 25px; + border-radius: 16px 16px 0 0; + background-color: var(--directorist-color-white); + border-bottom: 1px solid var(--directorist-color-border); + z-index: 999; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__header { - padding-right: 30px; - padding-left: 20px; - } + .directorist-search-modal__contents__header { + padding-right: 30px; + padding-left: 20px; + } } .directorist-search-modal__contents__body { - height: calc(100vh - 380px); - padding: 30px 40px 0; - overflow: auto; - margin-top: 70px; - margin-bottom: 80px; + height: calc(100vh - 380px); + padding: 30px 40px 0; + overflow: auto; + margin-top: 70px; + margin-bottom: 80px; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__body { - margin-top: 55px; - margin-bottom: 80px; - padding: 30px 30px 0; - height: calc(100dvh - 250px); - } + .directorist-search-modal__contents__body { + margin-top: 55px; + margin-bottom: 80px; + padding: 30px 30px 0; + height: calc(100dvh - 250px); + } } .directorist-search-modal__contents__body .directorist-search-field__label { - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - -webkit-transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; - transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder, .directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::placeholder, -.directorist-search-modal__contents__body .directorist-search-field__label ~ .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-form-group__prefix--start { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element { - padding-left: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=date], .directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=time], .directorist-search-modal__contents__body .directorist-search-field .directorist-search-field__input.directorist-form-element[type=number] { - padding-left: 0; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-search-modal__contents__body + .directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-form-group__prefix--start { + opacity: 0; + transition: opacity 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element { + padding-left: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="date"], +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="time"], +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-search-field__input.directorist-form-element[type="number"] { + padding-left: 0; } .directorist-search-modal__contents__body .directorist-search-field__btn { - position: absolute; - bottom: 12px; - cursor: pointer; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear { - opacity: 0; - visibility: hidden; - left: 0; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear i::after { - width: 16px; - height: 16px; - background-color: #bcbcbc; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; -} -.directorist-search-modal__contents__body .directorist-search-field__btn--clear:hover i::after { - background-color: var(--directorist-color-primary); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=number] { - appearance: none !important; - -webkit-appearance: none !important; - -moz-appearance: none !important; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=date] { - padding-left: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input[type=time] { - padding-left: 20px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-form-group__prefix--start { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__label { - top: 0; - font-size: 13px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__btn { - opacity: 1; - visibility: visible; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-field__input { - position: relative; - bottom: -5px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label { - opacity: 1; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-location-js { - padding-left: 45px; -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-search-form.select2-selection__rendered, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-dark); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-dark); -} -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused.atbdp-form-fade:after, -.directorist-search-modal__contents__body .directorist-search-field.input-is-focused .directorist-filter-location-icon { - margin-top: 0; -} -.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range { - position: relative; -} -.directorist-search-modal__contents__body .directorist-search-field.directorist-search-field-text_range .directorist-search-field__label { - font-size: 16px; - font-weight: 500; - position: unset; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-select .directorist-search-field__label { - opacity: 0; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - left: 25px; - bottom: 12px; -} -.directorist-search-modal__contents__body .directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after { - background-color: #808080; -} -.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-modal__contents__body .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-icon-mask:after { - width: 12px; - height: 12px; - background-color: #808080; + position: absolute; + bottom: 12px; + cursor: pointer; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear { + opacity: 0; + visibility: hidden; + left: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear + i::after { + width: 16px; + height: 16px; + background-color: #bcbcbc; + transition: background-color 0.3s ease; +} +.directorist-search-modal__contents__body + .directorist-search-field__btn--clear:hover + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="number"] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="date"] { + padding-left: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="time"] { + padding-left: 20px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: 0; + font-size: 13px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__btn { + opacity: 1; + visibility: visible; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-field__input { + position: relative; + bottom: -5px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select + .directorist-search-field__label { + opacity: 1; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-left: 45px; +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-search-form.select2-selection__rendered, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); +} +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused.atbdp-form-fade:after, +.directorist-search-modal__contents__body + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field.directorist-search-field-text_range { + position: relative; +} +.directorist-search-modal__contents__body + .directorist-search-field.directorist-search-field-text_range + .directorist-search-field__label { + font-size: 16px; + font-weight: 500; + position: unset; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-select + .directorist-search-field__label { + opacity: 0; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + left: 25px; + bottom: 12px; +} +.directorist-search-modal__contents__body + .directorist-search-field + .directorist-filter-location-icon + .directorist-icon-mask:after { + background-color: #808080; +} +.directorist-search-modal__contents__body + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-icon-mask { + display: flex; + flex: 1; + justify-content: flex-end; +} +.directorist-search-modal__contents__body + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-icon-mask:after { + width: 12px; + height: 12px; + background-color: #808080; } .directorist-search-modal__contents__body .directorist-search-form-dropdown { - border-bottom: 1px solid var(--directorist-color-border); + border-bottom: 1px solid var(--directorist-color-border); } .directorist-search-modal__contents__body .wp-picker-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap { - margin: 0 !important; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label { - width: 70px; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap label input { - padding-left: 10px !important; - bottom: 0; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-input-wrap .wp-picker-clear { - margin: 0; - width: 100px; -} -.directorist-search-modal__contents__body .wp-picker-container .wp-picker-holder { - top: 45px; + display: flex; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap { + margin: 0 !important; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + label { + width: 70px; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + label + input { + padding-left: 10px !important; + bottom: 0; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.directorist-search-modal__contents__body + .wp-picker-container + .wp-picker-holder { + top: 45px; } .directorist-search-modal__contents__footer { - position: fixed; - bottom: 0; - right: 0; - left: 0; - border-radius: 0 0 16px 16px; - background-color: var(--directorist-color-light); - z-index: 9; + position: fixed; + bottom: 0; + right: 0; + left: 0; + border-radius: 0 0 16px 16px; + background-color: var(--directorist-color-light); + z-index: 9; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__footer { - border-radius: 0; - } - .directorist-search-modal__contents__footer .directorist-advanced-filter__action { - padding: 15px 30px; - } -} -.directorist-search-modal__contents__footer .directorist-advanced-filter__action .directorist-btn { - font-size: 15px; + .directorist-search-modal__contents__footer { + border-radius: 0; + } + .directorist-search-modal__contents__footer + .directorist-advanced-filter__action { + padding: 15px 30px; + } +} +.directorist-search-modal__contents__footer + .directorist-advanced-filter__action + .directorist-btn { + font-size: 15px; } .directorist-search-modal__contents__footer .directorist-btn-reset-js { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; - padding: 0; - text-transform: none; - border: none; - background: transparent; - cursor: pointer; + order: -1; + padding: 0; + text-transform: none; + border: none; + background: transparent; + cursor: pointer; } .directorist-search-modal__contents__footer .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + opacity: 0.5; + cursor: not-allowed; } .directorist-search-modal__contents__title { - font-size: 20px; - font-weight: 500; - margin: 0; + font-size: 20px; + font-weight: 500; + margin: 0; } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__title { - font-size: 18px; - } + .directorist-search-modal__contents__title { + font-size: 18px; + } } .directorist-search-modal__contents__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - padding: 0; - background-color: var(--directorist-color-light); - border-radius: 100%; - border: none; - cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + padding: 0; + background-color: var(--directorist-color-light); + border-radius: 100%; + border: none; + cursor: pointer; } .directorist-search-modal__contents__btn i::after { - width: 10px; - height: 10px; - -webkit-transition: background-color ease 0.3s; - transition: background-color ease 0.3s; - background-color: var(--directorist-color-dark); + width: 10px; + height: 10px; + transition: background-color ease 0.3s; + background-color: var(--directorist-color-dark); } .directorist-search-modal__contents__btn:hover i::after { - background-color: var(--directorist-color-danger); + background-color: var(--directorist-color-danger); } @media only screen and (max-width: 575px) { - .directorist-search-modal__contents__btn { - width: auto; - height: auto; - background: transparent; - } - .directorist-search-modal__contents__btn i::after { - width: 12px; - height: 12px; - } -} -.directorist-search-modal .directorist-advanced-filter__form .directorist-search-modal__contents__body { - height: calc(100vh - 350px); + .directorist-search-modal__contents__btn { + width: auto; + height: auto; + background: transparent; + } + .directorist-search-modal__contents__btn i::after { + width: 12px; + height: 12px; + } +} +.directorist-search-modal + .directorist-advanced-filter__form + .directorist-search-modal__contents__body { + height: calc(100vh - 350px); } @media only screen and (max-width: 575px) { - .directorist-search-modal .directorist-advanced-filter__form .directorist-search-modal__contents__body { - height: calc(100vh - 200px); - } + .directorist-search-modal + .directorist-advanced-filter__form + .directorist-search-modal__contents__body { + height: calc(100vh - 200px); + } } .directorist-search-modal__minimizer { - content: ""; - position: absolute; - top: 10px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - width: 50px; - height: 5px; - border-radius: 8px; - background-color: var(--directorist-color-border); - opacity: 0; - visibility: hidden; + content: ""; + position: absolute; + top: 10px; + right: 50%; + transform: translateX(50%); + width: 50px; + height: 5px; + border-radius: 8px; + background-color: var(--directorist-color-border); + opacity: 0; + visibility: hidden; } @media only screen and (max-width: 575px) { - .directorist-search-modal__minimizer { - opacity: 1; - visibility: visible; - } + .directorist-search-modal__minimizer { + opacity: 1; + visibility: visible; + } } .directorist-search-modal--basic .directorist-search-modal__contents__body { - margin: 0; - padding: 30px; - height: calc(100vh - 260px); + margin: 0; + padding: 30px; + height: calc(100vh - 260px); } @media only screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__contents__body { - height: calc(100vh - 110px); - } + .directorist-search-modal--basic .directorist-search-modal__contents__body { + height: calc(100vh - 110px); + } } @media only screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__contents { - margin: 0; - border-radius: 16px 16px 0 0; - } + .directorist-search-modal--basic .directorist-search-modal__contents { + margin: 0; + border-radius: 16px 16px 0 0; + } } .directorist-search-modal--basic .directorist-search-query { - position: relative; + position: relative; } .directorist-search-modal--basic .directorist-search-query:after { - content: ""; - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - width: 16px; - height: 16px; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - background-color: var(--directorist-color-body); - -webkit-mask-image: url(../js/d900b2f795c7e6714e7b.svg); - mask-image: url(../js/d900b2f795c7e6714e7b.svg); -} -.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search { - border-radius: 8px; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); -} -.directorist-search-modal--basic .directorist-search-form-action__modal__btn-search i::after { - background-color: currentColor; + content: ""; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + transition: all ease 0.3s; + width: 16px; + height: 16px; + mask-position: center; + mask-repeat: no-repeat; + background-color: var(--directorist-color-body); + mask-image: url(../js/../images/9ddfe727fdcddbb985d69ce2e9a06358.svg); +} +.directorist-search-modal--basic + .directorist-search-form-action__modal__btn-search { + border-radius: 8px; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); +} +.directorist-search-modal--basic + .directorist-search-form-action__modal__btn-search + i::after { + background-color: currentColor; } @media screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input { - min-height: 42px; - border-radius: 8px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field { - width: 100%; - margin: 0 20px; - padding-left: 15px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__label:before { - content: ""; - width: 14px; - height: 14px; - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/e6b033cae029287f53b3.svg); - mask-image: url(../js/e6b033cae029287f53b3.svg); - opacity: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__btn { - bottom: unset; - left: 20px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-filter-location-icon { - margin-top: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-search-field__input { - width: 100%; - padding-left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select { - width: calc(100% + 20px); - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - left: 5px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value { - border-bottom: none; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field .directorist-custom-range-slider__value:focus-within { - outline: none; - border-bottom: 2px solid var(--directorist-color-primary); - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-text_range { - padding: 5px 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search { - width: auto; - padding-left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap { - left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) { - margin: 0 40px; - } + .directorist-search-modal--basic .directorist-search-modal__input { + min-height: 42px; + border-radius: 8px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field { + width: 100%; + margin: 0 20px; + padding-left: 15px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__label:before { + content: ""; + width: 14px; + height: 14px; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + background-color: var(--directorist-color-body); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + opacity: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__btn { + bottom: unset; + left: 20px; + top: 50%; + transform: translateY(-50%); + transition: all 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-search-field__input { + width: 100%; + padding-left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select { + width: calc(100% + 20px); + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + left: 5px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-custom-range-slider__value { + border-bottom: none; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field + .directorist-custom-range-slider__value:focus-within { + outline: none; + border-bottom: 2px solid var(--directorist-color-primary); + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-text_range { + padding: 5px 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-radius_search { + width: auto; + padding-left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) { + margin: 0 40px; + } } @media screen and (max-width: 575px) and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select { - width: calc(100% + 20px); - } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select { + width: calc(100% + 20px); + } } @media screen and (max-width: 575px) { - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label { - font-size: 0 !important; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - right: -25px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__label:before { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input { - bottom: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-moz-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input::placeholder { - opacity: 1; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__btn { - left: -20px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select ~ .directorist-search-field__btn--clear, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - left: 5px !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-search-field__input { - padding-left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-location-js { - padding-left: 30px; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel).atbdp-form-fade:after, - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-filter-location-icon { - margin-top: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__label { - opacity: 0; - font-size: 0 !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value { - padding-left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select { - width: 100%; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - left: 0; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear { - left: 20px !important; - } - .directorist-search-modal--basic .directorist-search-modal__input .directorist-search-form-dropdown { - margin-left: 20px !important; - border-bottom: none; - } - .directorist-search-modal--basic .directorist-price-ranges:after { - top: 30px; - } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__label { + font-size: 0 !important; + top: 50%; + transform: translateY(-50%); + right: -25px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__label:before { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input { + bottom: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input::placeholder { + opacity: 1; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__btn { + left: -20px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + left: 5px !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-search-field__input { + padding-left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-location-js { + padding-left: 30px; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not( + .input-has-noLabel + ).atbdp-form-fade:after, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__label { + opacity: 0; + font-size: 0 !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value { + padding-left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select { + width: 100%; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + left: 0; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear { + left: 20px !important; + } + .directorist-search-modal--basic + .directorist-search-modal__input + .directorist-search-form-dropdown { + margin-left: 20px !important; + border-bottom: none; + } + .directorist-search-modal--basic .directorist-price-ranges:after { + top: 30px; + } } .directorist-search-modal--basic .open_now > label { - display: none; + display: none; } .directorist-search-modal--basic .open_now .check-btn, -.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges { - padding: 10px 0; -} -.directorist-search-modal--basic .directorist-search-modal__input .directorist-price-ranges__price-frequency__btn { - display: block; -} -.directorist-search-modal--basic .directorist-advanced-filter__advanced__element .directorist-search-field { - margin: 0; - padding: 10px 0; +.directorist-search-modal--basic + .directorist-search-modal__input + .directorist-price-ranges { + padding: 10px 0; +} +.directorist-search-modal--basic + .directorist-search-modal__input + .directorist-price-ranges__price-frequency__btn { + display: block; +} +.directorist-search-modal--basic + .directorist-advanced-filter__advanced__element + .directorist-search-field { + margin: 0; + padding: 10px 0; } .directorist-search-modal--basic .directorist-checkbox-wrapper, .directorist-search-modal--basic .directorist-radio-wrapper, .directorist-search-modal--basic .directorist-search-tags { - width: 100%; - margin: 10px 0; -} -.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-checkbox, -.directorist-search-modal--basic .directorist-checkbox-wrapper .directorist-radio, -.directorist-search-modal--basic .directorist-radio-wrapper .directorist-checkbox, + width: 100%; + margin: 10px 0; +} +.directorist-search-modal--basic + .directorist-checkbox-wrapper + .directorist-checkbox, +.directorist-search-modal--basic + .directorist-checkbox-wrapper + .directorist-radio, +.directorist-search-modal--basic + .directorist-radio-wrapper + .directorist-checkbox, .directorist-search-modal--basic .directorist-radio-wrapper .directorist-radio, .directorist-search-modal--basic .directorist-search-tags .directorist-checkbox, .directorist-search-modal--basic .directorist-search-tags .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } -.directorist-search-modal--basic .directorist-search-tags ~ .directorist-btn-ml { - margin-bottom: 10px; +.directorist-search-modal--basic + .directorist-search-tags + ~ .directorist-btn-ml { + margin-bottom: 10px; } -.directorist-search-modal--basic .directorist-select .select2-container.select2-container--default .select2-selection--single { - min-height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; +.directorist-search-modal--basic + .directorist-select + .select2-container.select2-container--default + .select2-selection--single { + min-height: 40px; + display: flex; } .directorist-search-modal--basic .directorist-search-field-pricing > label, .directorist-search-modal--basic .directorist-search-field__number > label, .directorist-search-modal--basic .directorist-search-field-text_range > label, .directorist-search-modal--basic .directorist-search-field-price_range > label, -.directorist-search-modal--basic .directorist-search-field-radius_search > label { - position: unset; - -webkit-transform: unset; - transform: unset; - display: block; - font-size: 14px; - margin-bottom: 15px; -} -.directorist-search-modal--advanced .directorist-search-modal__contents__body .directorist-search-field__btn { - bottom: 12px; +.directorist-search-modal--basic + .directorist-search-field-radius_search + > label { + position: unset; + transform: unset; + display: block; + font-size: 14px; + margin-bottom: 15px; +} +.directorist-search-modal--advanced + .directorist-search-modal__contents__body + .directorist-search-field__btn { + bottom: 12px; } .directorist-search-modal--full .directorist-search-field { - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + transition: margin 0.3s ease; } -.directorist-search-modal--full .directorist-search-field .directorist-search-field__label { - font-size: 14px; - font-weight: 400; +.directorist-search-modal--full + .directorist-search-field + .directorist-search-field__label { + font-size: 14px; + font-weight: 400; } .directorist-search-modal--full .directorist-search-field.input-is-focused { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-top: 40px; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__label { - top: -35px; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; - margin: 0; - z-index: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - width: 100%; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal--full .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; + width: 100%; + display: inline-flex; + margin-top: 40px; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0; + z-index: 1; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.directorist-search-modal--full + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; } .directorist-search-modal--full .directorist-search-field-pricing > label, .directorist-search-modal--full .directorist-search-field-text_range > label, -.directorist-search-modal--full .directorist-search-field-radius_search > label { - display: block; - font-size: 16px; - font-weight: 500; - margin-bottom: 18px; +.directorist-search-modal--full + .directorist-search-field-radius_search + > label { + display: block; + font-size: 16px; + font-weight: 500; + margin-bottom: 18px; } .directorist-search-modal__input { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border: 1px solid var(--directorist-color-border); - border-radius: 8px; - min-height: 40px; - margin: 0 0 15px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + display: flex; + align-items: center; + border: 1px solid var(--directorist-color-border); + border-radius: 8px; + min-height: 40px; + margin: 0 0 15px; + transition: all ease 0.3s; } .directorist-search-modal__input .directorist-select { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + display: inline-flex; + flex-wrap: wrap; + flex: 1; } .directorist-search-modal__input .select2.select2-container .select2-selection, -.directorist-search-modal__input .directorist-form-group .directorist-form-element, -.directorist-search-modal__input .directorist-form-group .directorist-form-element:focus { - border: 0 none; +.directorist-search-modal__input + .directorist-form-group + .directorist-form-element, +.directorist-search-modal__input + .directorist-form-group + .directorist-form-element:focus { + border: 0 none; } .directorist-search-modal__input__btn { - width: 0; - padding: 0 10px; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; + width: 0; + padding: 0 10px; + transition: all ease 0.3s; } .directorist-search-modal__input__btn .directorist-icon-mask::after { - width: 14px; - height: 14px; - opacity: 0; - visibility: hidden; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; - background-color: var(--directorist-color-body); -} -.directorist-search-modal__input .input-is-focused.directorist-search-query::after { - display: none; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-modal__input .input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; + width: 14px; + height: 14px; + opacity: 0; + visibility: hidden; + transition: all ease 0.3s; + background-color: var(--directorist-color-body); +} +.directorist-search-modal__input + .input-is-focused.directorist-search-query::after { + display: none; +} +.directorist-search-modal__input + .input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; } .directorist-search-modal .directorist-checkbox-wrapper, .directorist-search-modal .directorist-radio-wrapper, .directorist-search-modal .directorist-search-tags { - padding: 0; - gap: 12px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + gap: 12px; + flex-wrap: wrap; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-form-dropdown { - padding: 0 !important; - } - .directorist-search-modal .directorist-search-form-dropdown .directorist-search-field__btn { - left: 0; - } -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused { - margin-top: 0 !important; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - bottom: 0 !important; - padding-left: 25px; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label { - opacity: 1 !important; - visibility: visible; - margin: 0; - font-size: 14px !important; - font-weight: 500; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item { - font-weight: 600; - margin-right: 5px; -} -.directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { - opacity: 1; - visibility: visible; + .directorist-search-modal .directorist-search-form-dropdown { + padding: 0 !important; + } + .directorist-search-modal + .directorist-search-form-dropdown + .directorist-search-field__btn { + left: 0; + } +} +.directorist-search-modal .directorist-search-form-dropdown.input-has-value, +.directorist-search-modal .directorist-search-form-dropdown.input-is-focused { + margin-top: 0 !important; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + bottom: 0 !important; + padding-left: 25px; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label { + opacity: 1 !important; + visibility: visible; + margin: 0; + font-size: 14px !important; + font-weight: 500; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item { + font-weight: 600; + margin-right: 5px; +} +.directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, +.directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + opacity: 1; + visibility: visible; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - padding-left: 0 !important; - } - .directorist-search-modal .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-modal .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { - left: 25px !important; - } + .directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, + .directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-left: 0 !important; + } + .directorist-search-modal + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, + .directorist-search-modal + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + left: 25px !important; + } } .directorist-search-modal .directorist-search-basic-dropdown { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - padding: 0; - width: 100%; - max-width: unset; - height: 40px; - line-height: 40px; - font-size: 14px; - font-weight: 500; - cursor: pointer; - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; - color: var(--directorist-color-dark); -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-prefix:not(:empty) { - -webkit-margin-end: 5px; - margin-inline-end: 5px; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-count:not(:empty) { - width: 20px; - height: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - font-size: 10px; - border-radius: 100%; - -webkit-margin-start: 10px; - margin-inline-start: 10px; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i:after { - width: 12px; - height: 12px; - background-color: #808080; + position: relative; + box-sizing: border-box; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + position: relative; + padding: 0; + width: 100%; + max-width: unset; + height: 40px; + line-height: 40px; + font-size: 14px; + font-weight: 500; + cursor: pointer; + position: unset !important; + transform: unset !important; + color: var(--directorist-color-dark); +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-prefix:not(:empty) { + margin-inline-end: 5px; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-count:not(:empty) { + width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + font-size: 10px; + border-radius: 100%; + margin-inline-start: 10px; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: flex; + flex: 1; + justify-content: flex-end; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i:after { + width: 12px; + height: 12px; + background-color: #808080; } @media screen and (max-width: 575px) { - .directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before { - right: -20px !important; - } -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content { - position: absolute; - top: 100%; - right: 0; - width: 100%; - min-width: 150px; - padding: 15px 20px; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - max-height: 250px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - overflow-y: auto; - z-index: 100; - display: none; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content.dropdown-content-show { - display: block; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-search-tags { - gap: 12px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox__label { - width: 100%; -} -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-radio-wrapper, -.directorist-search-modal .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox-wrapper { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-modal .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-dark); + .directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label:before { + right: -20px !important; + } +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content { + position: absolute; + top: 100%; + right: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + max-height: 250px; + box-sizing: border-box; + overflow-y: auto; + z-index: 100; + display: none; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content.dropdown-content-show { + display: block; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-search-tags { + gap: 12px; + flex-direction: column; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox__label { + width: 100%; +} +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-radio-wrapper, +.directorist-search-modal + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox-wrapper { + flex-direction: column; +} +.directorist-search-modal + .select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); } .directorist-content-active.directorist-overlay-active { - overflow: hidden; + overflow: hidden; } -.directorist-content-active .directorist-search-modal__input .select2.select2-container .select2-selection { - border: 0 none !important; +.directorist-content-active + .directorist-search-modal__input + .select2.select2-container + .select2-selection { + border: 0 none !important; } /* Responsive CSS */ /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) and (max-width: 1199.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) and (max-width: 767.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 30px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 30px); + } } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { - -webkit-transition: background-color 5000s ease-in-out 0s !important; - transition: background-color 5000s ease-in-out 0s !important; + transition: background-color 5000s ease-in-out 0s !important; } .directorist-content-active .directorist-card { - border: none; - padding: 0; - border-radius: 12px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + border: none; + padding: 0; + border-radius: 12px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-content-active .directorist-card__header { - padding: 20px 25px; - border-bottom: 1px solid var(--directorist-color-border); - border-radius: 16px 16px 0 0; + padding: 20px 25px; + border-bottom: 1px solid var(--directorist-color-border); + border-radius: 16px 16px 0 0; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-card__header { - padding: 15px 20px; - } + .directorist-content-active .directorist-card__header { + padding: 15px 20px; + } } .directorist-content-active .directorist-card__header__title { - font-size: 18px; - font-weight: 500; - line-height: 1.2; - color: var(--directorist-color-dark); - letter-spacing: normal; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0; - margin: 0; + font-size: 18px; + font-weight: 500; + line-height: 1.2; + color: var(--directorist-color-dark); + letter-spacing: normal; + display: flex; + align-items: center; + padding: 0; + margin: 0; } .directorist-content-active .directorist-card__body { - padding: 25px; - border-radius: 0 0 16px 16px; + padding: 25px; + border-radius: 0 0 16px 16px; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-card__body { - padding: 20px; - } + .directorist-content-active .directorist-card__body { + padding: 20px; + } } .directorist-content-active .directorist-card__body .directorist-review-single, -.directorist-content-active .directorist-card__body .directorist-widget-tags ul { - padding: 0; +.directorist-content-active + .directorist-card__body + .directorist-widget-tags + ul { + padding: 0; } .directorist-content-active .directorist-card__body p { - font-size: 15px; - margin-top: 0; + font-size: 15px; + margin-top: 0; } .directorist-content-active .directorist-card__body p:last-child { - margin-bottom: 0; + margin-bottom: 0; } .directorist-content-active .directorist-card__body p:empty { - display: none; + display: none; } .directorist-color-picker-wrap .wp-color-result { - text-decoration: none; - margin: 0 0 0 6px !important; + text-decoration: none; + margin: 0 0 0 6px !important; } .directorist-color-picker-wrap .wp-color-result:hover { - background-color: #F9F9F9; + background-color: #f9f9f9; } .directorist-color-picker-wrap .wp-picker-input-wrap label input { - width: auto !important; + width: auto !important; } -.directorist-color-picker-wrap .wp-picker-input-wrap label input.directorist-color-picker { - width: 100% !important; +.directorist-color-picker-wrap + .wp-picker-input-wrap + label + input.directorist-color-picker { + width: 100% !important; } .directorist-color-picker-wrap .wp-picker-clear { - padding: 0 15px; - margin-top: 3px; - font-size: 14px; - font-weight: 500; - line-height: 2.4; + padding: 0 15px; + margin-top: 3px; + font-size: 14px; + font-weight: 500; + line-height: 2.4; } .directorist-form-group { - position: relative; - width: 100%; + position: relative; + width: 100%; } .directorist-form-group textarea, .directorist-form-group textarea.directorist-form-element { - min-height: unset; - height: auto !important; - max-width: 100%; - width: 100%; + min-height: unset; + height: auto !important; + max-width: 100%; + width: 100%; } .directorist-form-group__with-prefix { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-bottom: 1px solid #d9d9d9; - width: 100%; - gap: 10px; + display: flex; + align-items: center; + border-bottom: 1px solid #d9d9d9; + width: 100%; + gap: 10px; } .directorist-form-group__with-prefix:focus-within { - border-bottom: 2px solid var(--directorist-color-dark); + border-bottom: 2px solid var(--directorist-color-dark); } .directorist-form-group__with-prefix .directorist-form-element { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0 !important; - border: none !important; + flex: 1; + margin: 0 !important; + border: none !important; } .directorist-form-group__with-prefix .directorist-single-info__value { - font-size: 14px; - font-weight: 500; - margin: 0 !important; + font-size: 14px; + font-weight: 500; + margin: 0 !important; } .directorist-form-group__prefix { - height: 40px; - line-height: 40px; - font-size: 14px; - font-weight: 500; - color: #828282; + height: 40px; + line-height: 40px; + font-size: 14px; + font-weight: 500; + color: #828282; } .directorist-form-group__prefix--start { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; + order: -1; } .directorist-form-group__prefix--end { - -webkit-box-ordinal-group: 3; - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; + order: 2; } -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input { - padding-left: 0 !important; +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-form-group__with-prefix + .directorist-search-field__input { + padding-left: 0 !important; } .directorist-form-group label { - margin: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + margin: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-form-group .directorist-form-element { - position: relative; - padding: 0; - width: 100%; - max-width: unset; - min-height: unset; - height: 40px; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); - border: none; - border-radius: 0; - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-bottom: 1px solid var(--directorist-color-border-gray); + position: relative; + padding: 0; + width: 100%; + max-width: unset; + min-height: unset; + height: 40px; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); + border: none; + border-radius: 0; + background: transparent; + box-sizing: border-box; + border-bottom: 1px solid var(--directorist-color-border-gray); } .directorist-form-group .directorist-form-element:focus { - outline: none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; - border: none; - border-bottom: 2px solid var(--directorist-color-primary); + outline: none; + box-shadow: 0 0; + border: none; + border-bottom: 2px solid var(--directorist-color-primary); } .directorist-form-group .directorist-form-description { - font-size: 14px; - margin-top: 10px; - color: var(--directorist-color-deep-gray); + font-size: 14px; + margin-top: 10px; + color: var(--directorist-color-deep-gray); } .directorist-form-element.directorist-form-element-lg { - height: 50px; + height: 50px; } .directorist-form-element.directorist-form-element-lg__prefix { - height: 50px; - line-height: 50px; + height: 50px; + line-height: 50px; } .directorist-form-element.directorist-form-element-sm { - height: 30px; + height: 30px; } .directorist-form-element.directorist-form-element-sm__prefix { - height: 30px; - line-height: 30px; + height: 30px; + line-height: 30px; } .directorist-form-group.directorist-icon-left .directorist-input-icon { - right: 0; + right: 0; } .directorist-form-group.directorist-icon-left .location-name { - padding-right: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding-right: 25px; + box-sizing: border-box; } .directorist-form-group.directorist-icon-right .directorist-input-icon { - left: 0; + left: 0; } .directorist-form-group.directorist-icon-right .location-name { - padding-left: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + padding-left: 25px; + box-sizing: border-box; } .directorist-form-group .directorist-input-icon { - position: absolute; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - line-height: 1.45; - z-index: 99; - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + position: absolute; + top: 50%; + transform: translateY(-50%); + line-height: 1.45; + z-index: 99; + transition: margin 0.3s ease; } .directorist-form-group .directorist-input-icon i, .directorist-form-group .directorist-input-icon span, .directorist-form-group .directorist-input-icon svg { - font-size: 14px; + font-size: 14px; } .directorist-form-group .directorist-input-icon .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-body); + width: 16px; + height: 16px; + background-color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-form-group .directorist-input-icon { - margin-top: 0; - } + .directorist-form-group .directorist-input-icon { + margin-top: 0; + } } .directorist-label { - margin-bottom: 0; + margin-bottom: 0; } input.directorist-toggle-input { - display: none; + display: none; } .directorist-toggle-input-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex; + align-items: center; + justify-content: space-between; } span.directorist-toggle-input-label-text { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - padding-left: 10px; + flex-grow: 1; + padding-left: 10px; } span.directorist-toggle-input-label-icon { - position: relative; - display: inline-block; - width: 50px; - height: 25px; - border-radius: 30px; - background-color: #d9d9d9; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + position: relative; + display: inline-block; + width: 50px; + height: 25px; + border-radius: 30px; + background-color: #d9d9d9; + transition: all ease-in-out 300ms; } span.directorist-toggle-input-label-icon::after { - content: ""; - position: absolute; - display: inline-block; - width: 15px; - height: 15px; - border-radius: 50%; - background-color: var(--directorist-color-white); - top: 50%; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; + content: ""; + position: absolute; + display: inline-block; + width: 15px; + height: 15px; + border-radius: 50%; + background-color: var(--directorist-color-white); + top: 50%; + transform: translate(0, -50%); + transition: all ease-in-out 300ms; } -input.directorist-toggle-input:checked + .directorist-toggle-input-label span.directorist-toggle-input-label-icon { - background-color: #4353ff; +input.directorist-toggle-input:checked + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon { + background-color: #4353ff; } -input.directorist-toggle-input:not(:checked) + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after { - right: 5px; +input.directorist-toggle-input:not(:checked) + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon::after { + right: 5px; } -input.directorist-toggle-input:checked + .directorist-toggle-input-label span.directorist-toggle-input-label-icon::after { - right: calc(100% - 20px); +input.directorist-toggle-input:checked + + .directorist-toggle-input-label + span.directorist-toggle-input-label-icon::after { + right: calc(100% - 20px); } .directorist-tab-navigation { - padding: 0; - margin: 0 -10px 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + padding: 0; + margin: 0 -10px 20px; + display: flex; + justify-content: center; + align-items: center; } .directorist-tab-navigation-list-item { - position: relative; - list-style: none; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; - text-align: center; - margin: 10px; - padding: 15px 20px; - border-radius: 4px; - -webkit-flex-basis: 50%; - -ms-flex-preferred-size: 50%; - flex-basis: 50%; - background-color: var(--directorist-color-bg-light); + position: relative; + list-style: none; + flex-grow: 1; + text-align: center; + margin: 10px; + padding: 15px 20px; + border-radius: 4px; + flex-basis: 50%; + background-color: var(--directorist-color-bg-light); } .directorist-tab-navigation-list-item.--is-active { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-tab-navigation-list-item.--is-active::after { - content: ""; - position: absolute; - right: 50%; - bottom: -10px; - width: 0; - height: 0; - border-right: 10px solid transparent; - border-left: 10px solid transparent; - border-top: 10px solid var(--directorist-color-primary); - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); -} -.directorist-tab-navigation-list-item .directorist-tab-navigation-list-item-link { - margin: -15px -20px; + content: ""; + position: absolute; + right: 50%; + bottom: -10px; + width: 0; + height: 0; + border-right: 10px solid transparent; + border-left: 10px solid transparent; + border-top: 10px solid var(--directorist-color-primary); + transform: translate(50%, 0); +} +.directorist-tab-navigation-list-item + .directorist-tab-navigation-list-item-link { + margin: -15px -20px; } .directorist-tab-navigation-list-item-link { - position: relative; - display: block; - text-decoration: none; - padding: 15px 20px; - border-radius: 4px; - color: var(--directorist-color-body); - background-color: var(--directorist-color-bg-light); -} -.directorist-tab-navigation-list-item-link:active, .directorist-tab-navigation-list-item-link:visited, .directorist-tab-navigation-list-item-link:focus { - outline: none; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); + position: relative; + display: block; + text-decoration: none; + padding: 15px 20px; + border-radius: 4px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-bg-light); +} +.directorist-tab-navigation-list-item-link:active, +.directorist-tab-navigation-list-item-link:visited, +.directorist-tab-navigation-list-item-link:focus { + outline: none; + box-shadow: none; + color: var(--directorist-color-body); } .directorist-tab-navigation-list-item-link.--is-active { - cursor: default; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); + cursor: default; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } .directorist-tab-navigation-list-item-link.--is-active::after { - content: ""; - position: absolute; - right: 50%; - bottom: -10px; - width: 0; - height: 0; - border-right: 10px solid transparent; - border-left: 10px solid transparent; - border-top: 10px solid var(--directorist-color-primary); - -webkit-transform: translate(50%, 0); - transform: translate(50%, 0); + content: ""; + position: absolute; + right: 50%; + bottom: -10px; + width: 0; + height: 0; + border-right: 10px solid transparent; + border-left: 10px solid transparent; + border-top: 10px solid var(--directorist-color-primary); + transform: translate(50%, 0); } .directorist-tab-content { - display: none; + display: none; } .directorist-tab-content.--is-active { - display: block; + display: block; } .directorist-headline-4 { - margin: 0 0 15px 0; - font-size: 15px; - font-weight: normal; + margin: 0 0 15px 0; + font-size: 15px; + font-weight: normal; } .directorist-label-addon-prepend { - margin-left: 10px; + margin-left: 10px; } .--is-hidden { - display: none; + display: none; } .directorist-flex-center { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } .directorist-checkbox, .directorist-radio { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-checkbox input[type=checkbox], -.directorist-checkbox input[type=radio], -.directorist-radio input[type=checkbox], -.directorist-radio input[type=radio] { - display: none !important; -} -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label, .directorist-checkbox input[type=checkbox] + .directorist-radio__label, -.directorist-checkbox input[type=radio] + .directorist-checkbox__label, -.directorist-checkbox input[type=radio] + .directorist-radio__label, -.directorist-radio input[type=checkbox] + .directorist-checkbox__label, -.directorist-radio input[type=checkbox] + .directorist-radio__label, -.directorist-radio input[type=radio] + .directorist-checkbox__label, -.directorist-radio input[type=radio] + .directorist-radio__label { - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - position: relative; - display: inline-block; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - padding-right: 30px; - margin-bottom: 0; - margin-right: 0; - line-height: 1.4; - color: var(--directorist-color-body); - -webkit-box-sizing: content-box; - box-sizing: content-box; -} -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, -.directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, -.directorist-checkbox input[type=radio] + .directorist-radio__label:after, -.directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, -.directorist-radio input[type=checkbox] + .directorist-radio__label:after, -.directorist-radio input[type=radio] + .directorist-checkbox__label:after, -.directorist-radio input[type=radio] + .directorist-radio__label:after { - content: ""; - position: absolute; - right: 0; - top: 0; - width: 20px; - height: 20px; - border-radius: 5px; - background: transparent; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border: 2px solid var(--directorist-color-gray); - background-color: transparent; + display: flex; + align-items: center; +} +.directorist-checkbox input[type="checkbox"], +.directorist-checkbox input[type="radio"], +.directorist-radio input[type="checkbox"], +.directorist-radio input[type="radio"] { + display: none !important; +} +.directorist-checkbox input[type="checkbox"] + .directorist-checkbox__label, +.directorist-checkbox input[type="checkbox"] + .directorist-radio__label, +.directorist-checkbox input[type="radio"] + .directorist-checkbox__label, +.directorist-checkbox input[type="radio"] + .directorist-radio__label, +.directorist-radio input[type="checkbox"] + .directorist-checkbox__label, +.directorist-radio input[type="checkbox"] + .directorist-radio__label, +.directorist-radio input[type="radio"] + .directorist-checkbox__label, +.directorist-radio input[type="radio"] + .directorist-radio__label { + font-size: 14px; + display: flex; + flex-flow: column; + position: relative; + display: inline-block; + user-select: none; + padding-right: 30px; + margin-bottom: 0; + margin-right: 0; + line-height: 1.4; + color: var(--directorist-color-body); + box-sizing: content-box; +} +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-checkbox input[type="checkbox"] + .directorist-radio__label:after, +.directorist-checkbox input[type="radio"] + .directorist-checkbox__label:after, +.directorist-checkbox input[type="radio"] + .directorist-radio__label:after, +.directorist-radio input[type="checkbox"] + .directorist-checkbox__label:after, +.directorist-radio input[type="checkbox"] + .directorist-radio__label:after, +.directorist-radio input[type="radio"] + .directorist-checkbox__label:after, +.directorist-radio input[type="radio"] + .directorist-radio__label:after { + content: ""; + position: absolute; + right: 0; + top: 0; + width: 20px; + height: 20px; + border-radius: 5px; + background: transparent; + box-sizing: border-box; + border: 2px solid var(--directorist-color-gray); + background-color: transparent; } @media only screen and (max-width: 575px) { - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label, .directorist-checkbox input[type=checkbox] + .directorist-radio__label, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label, - .directorist-checkbox input[type=radio] + .directorist-radio__label, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label, - .directorist-radio input[type=checkbox] + .directorist-radio__label, - .directorist-radio input[type=radio] + .directorist-checkbox__label, - .directorist-radio input[type=radio] + .directorist-radio__label { - line-height: 1.2; - padding-right: 25px; - } - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label:after, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label:after, - .directorist-checkbox input[type=radio] + .directorist-radio__label:after, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label:after, - .directorist-radio input[type=checkbox] + .directorist-radio__label:after, - .directorist-radio input[type=radio] + .directorist-checkbox__label:after, - .directorist-radio input[type=radio] + .directorist-radio__label:after { - top: 1px; - width: 16px; - height: 16px; - } - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, .directorist-checkbox input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-checkbox input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-checkbox input[type=radio] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-radio input[type=checkbox] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-radio input[type=checkbox] + .directorist-radio__label .directorist-icon-mask:after, - .directorist-radio input[type=radio] + .directorist-checkbox__label .directorist-icon-mask:after, - .directorist-radio input[type=radio] + .directorist-radio__label .directorist-icon-mask:after { - width: 12px; - height: 12px; - } -} -.directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox input[type=radio]:checked + .directorist-radio__label:after, -.directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:after, -.directorist-radio input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-radio input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox input[type=checkbox]:checked + .directorist-checkbox__label:before, .directorist-checkbox input[type=checkbox]:checked + .directorist-radio__label:before, -.directorist-checkbox input[type=radio]:checked + .directorist-checkbox__label:before, -.directorist-checkbox input[type=radio]:checked + .directorist-radio__label:before, -.directorist-radio input[type=checkbox]:checked + .directorist-checkbox__label:before, -.directorist-radio input[type=checkbox]:checked + .directorist-radio__label:before, -.directorist-radio input[type=radio]:checked + .directorist-checkbox__label:before, -.directorist-radio input[type=radio]:checked + .directorist-radio__label:before { - opacity: 1; - visibility: visible; -} - -.directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before { - position: absolute; - right: 5px; - top: 5px; - content: ""; - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: var(--directorist-color-white); - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; + .directorist-checkbox input[type="checkbox"] + .directorist-checkbox__label, + .directorist-checkbox input[type="checkbox"] + .directorist-radio__label, + .directorist-checkbox input[type="radio"] + .directorist-checkbox__label, + .directorist-checkbox input[type="radio"] + .directorist-radio__label, + .directorist-radio input[type="checkbox"] + .directorist-checkbox__label, + .directorist-radio input[type="checkbox"] + .directorist-radio__label, + .directorist-radio input[type="radio"] + .directorist-checkbox__label, + .directorist-radio input[type="radio"] + .directorist-radio__label { + line-height: 1.2; + padding-right: 25px; + } + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:after, + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label:after, + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label:after, + .directorist-checkbox input[type="radio"] + .directorist-radio__label:after, + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label:after, + .directorist-radio input[type="checkbox"] + .directorist-radio__label:after, + .directorist-radio input[type="radio"] + .directorist-checkbox__label:after, + .directorist-radio input[type="radio"] + .directorist-radio__label:after { + top: 1px; + width: 16px; + height: 16px; + } + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="checkbox"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="radio"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-checkbox + input[type="radio"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-radio + input[type="checkbox"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-radio + input[type="checkbox"] + + .directorist-radio__label + .directorist-icon-mask:after, + .directorist-radio + input[type="radio"] + + .directorist-checkbox__label + .directorist-icon-mask:after, + .directorist-radio + input[type="radio"] + + .directorist-radio__label + .directorist-icon-mask:after { + width: 12px; + height: 12px; + } +} +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:after, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-checkbox__label:before, +.directorist-checkbox + input[type="checkbox"]:checked + + .directorist-radio__label:before, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-checkbox__label:before, +.directorist-checkbox + input[type="radio"]:checked + + .directorist-radio__label:before, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-checkbox__label:before, +.directorist-radio + input[type="checkbox"]:checked + + .directorist-radio__label:before, +.directorist-radio + input[type="radio"]:checked + + .directorist-checkbox__label:before, +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:before { + opacity: 1; + visibility: visible; +} + +.directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + position: absolute; + right: 5px; + top: 5px; + content: ""; + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); + display: block; + opacity: 0; + transition: all 0.3s ease 0s; + z-index: 2; } @media only screen and (max-width: 575px) { - .directorist-checkbox input[type=checkbox] + .directorist-checkbox__label:before { - top: 4px; - right: 3px; - } -} - -.directorist-radio input[type=radio] + .directorist-radio__label:before { - position: absolute; - right: 5px; - top: 5px; - width: 8px; - height: 8px; - border-radius: 50%; - background-color: var(--directorist-color-white); - border: 0 none; - opacity: 0; - visibility: hidden; - z-index: 2; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - content: ""; + .directorist-checkbox + input[type="checkbox"] + + .directorist-checkbox__label:before { + top: 4px; + right: 3px; + } +} + +.directorist-radio input[type="radio"] + .directorist-radio__label:before { + position: absolute; + right: 5px; + top: 5px; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: var(--directorist-color-white); + border: 0 none; + opacity: 0; + visibility: hidden; + z-index: 2; + transition: all 0.3s ease 0s; + content: ""; } @media only screen and (max-width: 575px) { - .directorist-radio input[type=radio] + .directorist-radio__label:before { - right: 3px; - top: 4px; - } -} -.directorist-radio input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); -} -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:before { - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: var(--directorist-color-white); -} - -.directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-circle input[type=checkbox] + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-circle input[type=radio] + .directorist-radio__label:after, -.directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-checkbox__label:after, -.directorist-radio.directorist-radio-circle input[type=checkbox] + .directorist-radio__label:after, -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-checkbox__label:after, -.directorist-radio.directorist-radio-circle input[type=radio] + .directorist-radio__label:after { - border-radius: 50%; -} - -.directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-primary input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-primary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-secondary input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-secondary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-secondary); - border-color: var(--directorist-color-secondary); -} -.directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-success input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-success input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-success); - border-color: var(--directorist-color-success); -} -.directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked + .directorist-checkbox__label:after, .directorist-checkbox.directorist-checkbox-blue input[type=checkbox]:checked + .directorist-radio__label:after, -.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked + .directorist-checkbox__label:after, -.directorist-checkbox.directorist-checkbox-blue input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} - -.directorist-radio.directorist-radio-primary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: var(--directorist-color-primary) !important; -} -.directorist-radio.directorist-radio-primary input[type=radio]:checked + .directorist-radio__label:before { - background-color: var(--directorist-color-primary) !important; -} -.directorist-radio.directorist-radio-secondary input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: var(--directorist-color-secondary) !important; -} -.directorist-radio.directorist-radio-secondary input[type=radio]:checked + .directorist-radio__label:before { - background-color: var(--directorist-color-secondary) !important; -} -.directorist-radio.directorist-radio-blue input[type=radio]:checked + .directorist-radio__label:after { - background-color: var(--directorist-color-white); - border-color: #3e62f5 !important; -} -.directorist-radio.directorist-radio-blue input[type=radio]:checked + .directorist-radio__label:before { - background-color: #3e62f5 !important; + .directorist-radio input[type="radio"] + .directorist-radio__label:before { + right: 3px; + top: 4px; + } +} +.directorist-radio + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); +} +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:before { + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); +} + +.directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="checkbox"] + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-circle + input[type="radio"] + + .directorist-radio__label:after, +.directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-checkbox__label:after, +.directorist-radio.directorist-radio-circle + input[type="checkbox"] + + .directorist-radio__label:after, +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-checkbox__label:after, +.directorist-radio.directorist-radio-circle + input[type="radio"] + + .directorist-radio__label:after { + border-radius: 50%; +} + +.directorist-checkbox.directorist-checkbox-primary + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-primary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox.directorist-checkbox-secondary + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-secondary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-secondary); + border-color: var(--directorist-color-secondary); +} +.directorist-checkbox.directorist-checkbox-success + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-success + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-success); + border-color: var(--directorist-color-success); +} +.directorist-checkbox.directorist-checkbox-blue + input[type="checkbox"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="checkbox"]:checked + + .directorist-radio__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="radio"]:checked + + .directorist-checkbox__label:after, +.directorist-checkbox.directorist-checkbox-blue + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} + +.directorist-radio.directorist-radio-primary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: var(--directorist-color-primary) !important; +} +.directorist-radio.directorist-radio-primary + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: var(--directorist-color-primary) !important; +} +.directorist-radio.directorist-radio-secondary + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: var(--directorist-color-secondary) !important; +} +.directorist-radio.directorist-radio-secondary + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: var(--directorist-color-secondary) !important; +} +.directorist-radio.directorist-radio-blue + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: var(--directorist-color-white); + border-color: #3e62f5 !important; +} +.directorist-radio.directorist-radio-blue + input[type="radio"]:checked + + .directorist-radio__label:before { + background-color: #3e62f5 !important; } .directorist-checkbox-rating { - gap: 20px; - width: 100%; - padding: 10px 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.directorist-checkbox-rating input[type=checkbox] + .directorist-checkbox__label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; + gap: 20px; + width: 100%; + padding: 10px 0; + flex-wrap: wrap; + flex-direction: column; + align-items: flex-start; +} +.directorist-checkbox-rating + input[type="checkbox"] + + .directorist-checkbox__label { + display: flex; + flex-direction: row; } .directorist-checkbox-rating .directorist-icon-mask:after { - width: 14px; - height: 14px; - margin-top: 1px; -} - -.directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:before { - width: 10px; - height: 10px; - top: 5px; - right: 5px; - background-color: var(--directorist-color-white) !important; -} -.directorist-radio.directorist-radio-theme-admin input[type=radio] + .directorist-radio__label:after { - width: 20px; - height: 20px; - border-color: #C6D0DC; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-radio.directorist-radio-theme-admin input[type=radio]:checked + .directorist-radio__label:after { - background-color: #3e62f5; - border-color: #3e62f5; + width: 14px; + height: 14px; + margin-top: 1px; +} + +.directorist-radio.directorist-radio-theme-admin + input[type="radio"] + + .directorist-radio__label:before { + width: 10px; + height: 10px; + top: 5px; + right: 5px; + background-color: var(--directorist-color-white) !important; +} +.directorist-radio.directorist-radio-theme-admin + input[type="radio"] + + .directorist-radio__label:after { + width: 20px; + height: 20px; + border-color: #c6d0dc; + box-sizing: border-box; +} +.directorist-radio.directorist-radio-theme-admin + input[type="radio"]:checked + + .directorist-radio__label:after { + background-color: #3e62f5; + border-color: #3e62f5; } .directorist-radio.directorist-radio-theme-admin .directorist-radio__label { - padding-right: 35px !important; -} - -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox] + .directorist-checkbox__label:before { - width: 8px; - height: 8px; - top: 6px !important; - right: 6px !important; - border-radius: 50%; - background-color: var(--directorist-color-white) !important; - content: ""; -} -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox] + .directorist-checkbox__label:after { - width: 20px; - height: 20px; - border-color: #C6D0DC; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-checkbox.directorist-checkbox-theme-admin input[type=checkbox]:checked + .directorist-checkbox__label:after { - background-color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-checkbox.directorist-checkbox-theme-admin .directorist-checkbox__label { - padding-right: 35px !important; + padding-right: 35px !important; +} + +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"] + + .directorist-checkbox__label:before { + width: 8px; + height: 8px; + top: 6px !important; + right: 6px !important; + border-radius: 50%; + background-color: var(--directorist-color-white) !important; + content: ""; +} +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"] + + .directorist-checkbox__label:after { + width: 20px; + height: 20px; + border-color: #c6d0dc; + box-sizing: border-box; +} +.directorist-checkbox.directorist-checkbox-theme-admin + input[type="checkbox"]:checked + + .directorist-checkbox__label:after { + background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-checkbox.directorist-checkbox-theme-admin + .directorist-checkbox__label { + padding-right: 35px !important; } .directorist-content-active { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } .directorist-content-active .directorist-author-profile { - padding: 0; + padding: 0; } .directorist-content-active .directorist-author-profile__wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 15px; - padding: 25px 30px; - margin: 0 0 40px; + display: flex; + align-items: center; + justify-content: space-between; + gap: 15px; + padding: 25px 30px; + margin: 0 0 40px; } .directorist-content-active .directorist-author-profile__wrap__body { - padding: 0; + padding: 0; } @media only screen and (max-width: 991px) { - .directorist-content-active .directorist-author-profile__wrap { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-content-active .directorist-author-profile__wrap { + flex-direction: column; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__wrap { - gap: 8px; - } + .directorist-content-active .directorist-author-profile__wrap { + gap: 8px; + } } .directorist-content-active .directorist-author-profile__avatar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 20px; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__avatar { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - text-align: center; - gap: 15px; - } + .directorist-content-active .directorist-author-profile__avatar { + flex-direction: column; + text-align: center; + gap: 15px; + } } .directorist-content-active .directorist-author-profile__avatar img { - max-width: 100px !important; - max-height: 100px; - border-radius: 50%; - background-color: var(--directorist-color-bg-gray); + max-width: 100px !important; + max-height: 100px; + border-radius: 50%; + background-color: var(--directorist-color-bg-gray); } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__avatar img { - max-width: 75px !important; - max-height: 75px !important; - } + .directorist-content-active .directorist-author-profile__avatar img { + max-width: 75px !important; + max-height: 75px !important; + } } -.directorist-content-active .directorist-author-profile__avatar__info .directorist-author-profile__avatar__info__name { - margin: 0 0 5px; +.directorist-content-active + .directorist-author-profile__avatar__info + .directorist-author-profile__avatar__info__name { + margin: 0 0 5px; } .directorist-content-active .directorist-author-profile__avatar__info__name { - font-size: 20px; - font-weight: 500; - color: var(--directorist-color-dark); - margin: 0 0 5px; + font-size: 20px; + font-weight: 500; + color: var(--directorist-color-dark); + margin: 0 0 5px; } @media only screen and (max-width: 991px) { - .directorist-content-active .directorist-author-profile__avatar__info__name { - margin: 0; - } + .directorist-content-active + .directorist-author-profile__avatar__info__name { + margin: 0; + } } .directorist-content-active .directorist-author-profile__avatar__info p { - margin: 0; - font-size: 14px; - color: var(--directorist-color-body); + margin: 0; + font-size: 14px; + color: var(--directorist-color-body); } .directorist-content-active .directorist-author-profile__meta-list { - margin: 0; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; - list-style-type: none; + margin: 0; + padding: 0; + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 15px; + list-style-type: none; } @media only screen and (max-width: 991px) { - .directorist-content-active .directorist-author-profile__meta-list { - gap: 5px 20px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-content-active .directorist-author-profile__meta-list { + gap: 5px 20px; + justify-content: center; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__meta-list { - -webkit-box-orient: horizontal; - -webkit-box-direction: reverse; - -webkit-flex-direction: row-reverse; - -ms-flex-direction: row-reverse; - flex-direction: row-reverse; - } + .directorist-content-active .directorist-author-profile__meta-list { + flex-direction: row-reverse; + } } .directorist-content-active .directorist-author-profile__meta-list__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; - padding: 18px; - margin: 0; - padding-left: 75px; - border-radius: 10px; - background-color: var(--directorist-color-bg-gray); + display: flex; + align-items: center; + gap: 15px; + padding: 18px; + margin: 0; + padding-left: 75px; + border-radius: 10px; + background-color: var(--directorist-color-bg-gray); } .directorist-content-active .directorist-author-profile__meta-list__item i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 44px; - height: 44px; - background-color: var(--directorist-color-primary); - border-radius: 10px; -} -.directorist-content-active .directorist-author-profile__meta-list__item i:after { - width: 18px; - height: 18px; - background-color: var(--directorist-color-white); + display: flex; + align-items: center; + justify-content: center; + width: 44px; + height: 44px; + background-color: var(--directorist-color-primary); + border-radius: 10px; +} +.directorist-content-active + .directorist-author-profile__meta-list__item + i:after { + width: 18px; + height: 18px; + background-color: var(--directorist-color-white); } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__meta-list__item i { - width: auto; - height: auto; - background-color: transparent; - } - .directorist-content-active .directorist-author-profile__meta-list__item i:after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-warning); - } + .directorist-content-active .directorist-author-profile__meta-list__item i { + width: auto; + height: auto; + background-color: transparent; + } + .directorist-content-active + .directorist-author-profile__meta-list__item + i:after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-warning); + } } .directorist-content-active .directorist-author-profile__meta-list__item span { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-content-active .directorist-author-profile__meta-list__item span span { - font-size: 18px; - font-weight: 500; - line-height: 1.1; - color: var(--directorist-color-primary); + display: flex; + flex-direction: column; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-author-profile__meta-list__item + span + span { + font-size: 18px; + font-weight: 500; + line-height: 1.1; + color: var(--directorist-color-primary); } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__meta-list__item span { - gap: 6px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: unset; - -webkit-box-direction: unset; - -webkit-flex-direction: unset; - -ms-flex-direction: unset; - flex-direction: unset; - } - .directorist-content-active .directorist-author-profile__meta-list__item span span { - font-size: 15px; - line-height: 1; - } + .directorist-content-active + .directorist-author-profile__meta-list__item + span { + gap: 6px; + align-items: center; + flex-direction: unset; + } + .directorist-content-active + .directorist-author-profile__meta-list__item + span + span { + font-size: 15px; + line-height: 1; + } } @media only screen and (max-width: 767px) { - .directorist-content-active .directorist-author-profile__meta-list__item { - padding-left: 50px; - } + .directorist-content-active .directorist-author-profile__meta-list__item { + padding-left: 50px; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-author-profile__meta-list__item { - padding: 0; - gap: 5px; - background: transparent; - border-radius: 0; - } - .directorist-content-active .directorist-author-profile__meta-list__item:not(:first-child) i { - display: none; - } + .directorist-content-active .directorist-author-profile__meta-list__item { + padding: 0; + gap: 5px; + background: transparent; + border-radius: 0; + } + .directorist-content-active + .directorist-author-profile__meta-list__item:not(:first-child) + i { + display: none; + } } .directorist-content-active .directorist-author-profile-content { - -webkit-box-sizing: border-box; - box-sizing: border-box; - max-width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active .directorist-author-profile-content .directorist-card__header__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - margin: 0; -} -.directorist-content-active .directorist-author-profile-content .directorist-card__header__title i { - width: 34px; - height: 34px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - border-radius: 100%; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-light); -} -.directorist-content-active .directorist-author-profile-content .directorist-card__header__title i:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-body); + box-sizing: border-box; + max-width: 100%; + display: flex; +} +.directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title { + display: flex; + gap: 12px; + margin: 0; +} +.directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title + i { + width: 34px; + height: 34px; + display: flex; + border-radius: 100%; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-light); +} +.directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title + i:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-body); } @media screen and (min-width: 576px) { - .directorist-content-active .directorist-author-profile-content .directorist-card__header__title i { - display: none; - } + .directorist-content-active + .directorist-author-profile-content + .directorist-card__header__title + i { + display: none; + } } .directorist-content-active .directorist-author-info-list { - padding: 0; - margin: 0; + padding: 0; + margin: 0; } .directorist-content-active .directorist-author-info-list li { - margin-right: 0; + margin-right: 0; } .directorist-content-active .directorist-author-info-list__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 12px; - font-size: 15px; - color: var(--directorist-color-body); + display: flex; + align-items: flex-start; + gap: 12px; + font-size: 15px; + color: var(--directorist-color-body); } .directorist-content-active .directorist-author-info-list__item i { - margin-top: 5px; + margin-top: 5px; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-author-info-list__item i { - margin-top: 0; - height: 34px; - width: 34px; - min-width: 34px; - border-radius: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-light); - } -} -.directorist-content-active .directorist-author-info-list__item .directorist-label { - display: none; - min-width: 70px; - padding-left: 10px; - margin-left: 8px; - margin-top: 5px; - position: relative; -} -.directorist-content-active .directorist-author-info-list__item .directorist-label:before { - content: ":"; - position: absolute; - left: 0; - top: 0; + .directorist-content-active .directorist-author-info-list__item i { + margin-top: 0; + height: 34px; + width: 34px; + min-width: 34px; + border-radius: 100%; + display: flex; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-light); + } +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-label { + display: none; + min-width: 70px; + padding-left: 10px; + margin-left: 8px; + margin-top: 5px; + position: relative; +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-label:before { + content: ":"; + position: absolute; + left: 0; + top: 0; } @media screen and (max-width: 375px) { - .directorist-content-active .directorist-author-info-list__item .directorist-label { - min-width: 60px; - } -} -.directorist-content-active .directorist-author-info-list__item .directorist-icon-mask::after { - width: 15px; - height: 15px; - background-color: var(--directorist-color-deep-gray); -} -.directorist-content-active .directorist-author-info-list__item .directorist-info { - word-break: break-all; + .directorist-content-active + .directorist-author-info-list__item + .directorist-label { + min-width: 60px; + } +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-icon-mask::after { + width: 15px; + height: 15px; + background-color: var(--directorist-color-deep-gray); +} +.directorist-content-active + .directorist-author-info-list__item + .directorist-info { + word-break: break-all; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-author-info-list__item .directorist-info { - margin-top: 5px; - word-break: break-all; - } + .directorist-content-active + .directorist-author-info-list__item + .directorist-info { + margin-top: 5px; + word-break: break-all; + } } .directorist-content-active .directorist-author-info-list__item a { - color: var(--directorist-color-body); - text-decoration: none; + color: var(--directorist-color-body); + text-decoration: none; } .directorist-content-active .directorist-author-info-list__item a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-content-active .directorist-author-info-list__item:not(:last-child) { - margin-bottom: 8px; +.directorist-content-active + .directorist-author-info-list__item:not(:last-child) { + margin-bottom: 8px; } -.directorist-content-active .directorist-card__body .directorist-author-info-list { - padding: 0; - margin: 0; +.directorist-content-active + .directorist-card__body + .directorist-author-info-list { + padding: 0; + margin: 0; } .directorist-content-active .directorist-author-social { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; - padding: 0; - margin: 22px 0 0; - list-style: none; + display: flex; + flex-wrap: wrap; + gap: 10px; + padding: 0; + margin: 22px 0 0; + list-style: none; } .directorist-content-active .directorist-author-social__item { - margin: 0; + margin: 0; } .directorist-content-active .directorist-author-social__item a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - height: 36px; - width: 36px; - text-align: center; - background-color: var(--directorist-color-light); - border-radius: 8px; - font-size: 15px; - overflow: hidden; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - text-decoration: none; -} -.directorist-content-active .directorist-author-social__item a .directorist-icon-mask::after { - background-color: #808080; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + display: flex; + justify-content: center; + align-items: center; + height: 36px; + width: 36px; + text-align: center; + background-color: var(--directorist-color-light); + border-radius: 8px; + font-size: 15px; + overflow: hidden; + transition: 0.3s ease; + text-decoration: none; +} +.directorist-content-active + .directorist-author-social__item + a + .directorist-icon-mask::after { + background-color: #808080; + transition: 0.3s ease; } .directorist-content-active .directorist-author-social__item a span { - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + transition: 0.3s ease; } .directorist-content-active .directorist-author-social__item a:hover { - background-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-social__item a:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + /* Legacy Icon */ } -.directorist-content-active .directorist-author-social__item a:hover { - /* Legacy Icon */ +.directorist-content-active + .directorist-author-social__item + a:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-content-active .directorist-author-social__item a:hover span.la, .directorist-content-active .directorist-author-social__item a:hover span.fa { - background: none; - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-author-contact .directorist-author-social { - margin: 22px 0 0; -} -.directorist-content-active .directorist-author-contact .directorist-author-social li { - margin: 0; -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item { - display: inline-block; - margin: 0; -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item a { - font-size: 15px; - display: block; - line-height: 35px; - width: 36px; - height: 36px; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-light); - border-radius: 4px; - color: var(--directorist-color-white); - overflow: hidden; - -webkit-transition: all ease-in-out 300ms; - transition: all ease-in-out 300ms; -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a .directorist-icon-mask:after, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a .directorist-icon-mask:after, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a .directorist-icon-mask:after, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item a .directorist-icon-mask:after { - background-color: var(--directorist-color-body); -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a:hover, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a:hover, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a:hover, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item a:hover { - background-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-info-widget--light .directorist-author-social-item a:hover .directorist-icon-mask:after, -.directorist-content-active .directorist-single-author-info--light .directorist-author-social-item a:hover .directorist-icon-mask:after, -.directorist-content-active .directorist-authors-section--light .directorist-author-social-item a:hover .directorist-icon-mask:after, -.directorist-content-active .directorist-author-social--light .directorist-author-social-item a:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-white); + background: none; + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-author-contact + .directorist-author-social { + margin: 22px 0 0; +} +.directorist-content-active + .directorist-author-contact + .directorist-author-social + li { + margin: 0; +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item { + display: inline-block; + margin: 0; +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a { + font-size: 15px; + display: block; + line-height: 35px; + width: 36px; + height: 36px; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-light); + border-radius: 4px; + color: var(--directorist-color-white); + overflow: hidden; + transition: all ease-in-out 300ms; +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a + .directorist-icon-mask:after, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a + .directorist-icon-mask:after, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a + .directorist-icon-mask:after, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a + .directorist-icon-mask:after { + background-color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a:hover, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a:hover, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a:hover, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a:hover { + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-info-widget--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after, +.directorist-content-active + .directorist-single-author-info--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after, +.directorist-content-active + .directorist-authors-section--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after, +.directorist-content-active + .directorist-author-social--light + .directorist-author-social-item + a:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); } .directorist-content-active .directorist-author-listing-top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin-bottom: 30px; - border-bottom: 1px solid var(--directorist-color-border); + display: flex; + flex-direction: column; + margin-bottom: 30px; + border-bottom: 1px solid var(--directorist-color-border); } .directorist-content-active .directorist-author-listing-top__title { - font-size: 30px; - font-weight: 400; - margin: 0 0 52px; - text-align: center; + font-size: 30px; + font-weight: 400; + margin: 0 0 52px; + text-align: center; } .directorist-content-active .directorist-author-listing-top__filter { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: baseline; - -webkit-align-items: baseline; - -ms-flex-align: baseline; - align-items: baseline; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 30px; -} -.directorist-content-active .directorist-author-listing-top__filter .directorist-dropdown__links { - max-height: 300px; - overflow-y: auto; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - gap: 7px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-deep-gray); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link i { - margin: 0; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link i:after { - background-color: var(--directorist-color-deep-gray); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link:hover { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__link:hover i::after { - background-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list li { - margin: 0; - padding: 0; -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list__current { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-listing-top .directorist-type-nav__list__current i::after { - background-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle { - position: relative; - top: -10px; - gap: 10px; - background: transparent !important; - border: none; - padding: 0; - min-height: 30px; - color: var(--directorist-color-body); + display: flex; + align-items: baseline; + justify-content: space-between; + flex-wrap: wrap; + gap: 30px; +} +.directorist-content-active + .directorist-author-listing-top__filter + .directorist-dropdown__links { + max-height: 300px; + overflow-y: auto; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav { + display: flex; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link { + flex-direction: row; + gap: 7px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-deep-gray); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link + i { + margin: 0; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link + i:after { + background-color: var(--directorist-color-deep-gray); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__link:hover + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list { + display: inline-flex; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list + li { + margin: 0; + padding: 0; +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list__current { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-type-nav__list__current + i::after { + background-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-author-listing-top + .directorist-dropdown__toggle { + position: relative; + top: -10px; + gap: 10px; + background: transparent !important; + border: none; + padding: 0; + min-height: 30px; + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle { - font-size: 0; - top: -5px; - } - .directorist-content-active .directorist-author-listing-top .directorist-dropdown__toggle:after { - -webkit-mask-image: url(../js/473b10424d896278fcda.svg); - mask-image: url(../js/473b10424d896278fcda.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 16px; - height: 12px; - background-color: var(--directorist-color-body); - } + .directorist-content-active + .directorist-author-listing-top + .directorist-dropdown__toggle { + font-size: 0; + top: -5px; + } + .directorist-content-active + .directorist-author-listing-top + .directorist-dropdown__toggle:after { + mask-image: url(../js/../images/87cd0434594c4fe6756c2af1404a5f32.svg); + mask-repeat: no-repeat; + width: 16px; + height: 12px; + background-color: var(--directorist-color-body); + } } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-author-listing-top .directorist-type-nav .directorist-type-nav__link i { - display: none; - } + .directorist-content-active + .directorist-author-listing-top + .directorist-type-nav + .directorist-type-nav__link + i { + display: none; + } } .directorist-content-active .directorist-author-listing-content { - padding: 0; + padding: 0; } -.directorist-content-active .directorist-author-listing-content .directorist-pagination { - padding-top: 35px; +.directorist-content-active + .directorist-author-listing-content + .directorist-pagination { + padding-top: 35px; } -.directorist-content-active .directorist-author-listing-type .directorist-type-nav { - background: none; +.directorist-content-active + .directorist-author-listing-type + .directorist-type-nav { + background: none; } /* category style three */ .directorist-category-child__card { - border: 1px solid #eee; - border-radius: 4px; + border: 1px solid #eee; + border-radius: 4px; } .directorist-category-child__card__header { - padding: 10px 20px; - border-bottom: 1px solid #eee; + padding: 10px 20px; + border-bottom: 1px solid #eee; } .directorist-category-child__card__header a { - font-size: 18px; - font-weight: 600; - color: #222 !important; + font-size: 18px; + font-weight: 600; + color: #222 !important; } .directorist-category-child__card__header i { - width: 35px; - height: 35px; - border-radius: 50%; - background-color: #2C99FF; - color: var(--directorist-color-white); - font-size: 16px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: 5px; + width: 35px; + height: 35px; + border-radius: 50%; + background-color: #2c99ff; + color: var(--directorist-color-white); + font-size: 16px; + display: inline-flex; + align-items: center; + justify-content: center; + margin-left: 5px; } .directorist-category-child__card__body { - padding: 15px 20px; + padding: 15px 20px; } .directorist-category-child__card__body li:not(:last-child) { - margin-bottom: 5px; + margin-bottom: 5px; } .directorist-category-child__card__body li a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - color: #444752; + display: flex; + align-items: center; + justify-content: space-between; + color: #444752; } .directorist-category-child__card__body li a span { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } /* All listing archive page styles */ .directorist-archive-contents { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } -.directorist-archive-contents .directorist-archive-items .directorist-pagination { - margin-top: 35px; +.directorist-archive-contents + .directorist-archive-items + .directorist-pagination { + margin-top: 35px; } .directorist-archive-contents .gm-style-iw-chr, .directorist-archive-contents .gm-style-iw-tc { - display: none; + display: none; } @media screen and (max-width: 575px) { - .directorist-archive-contents .directorist-archive-contents__top { - padding: 15px 20px 0; - } - .directorist-archive-contents .directorist-archive-contents__top .directorist-type-nav { - margin: 0 0 25px; - } - .directorist-archive-contents .directorist-type-nav__link .directorist-icon-mask { - display: none; - } + .directorist-archive-contents .directorist-archive-contents__top { + padding: 15px 20px 0; + } + .directorist-archive-contents + .directorist-archive-contents__top + .directorist-type-nav { + margin: 0 0 25px; + } + .directorist-archive-contents + .directorist-type-nav__link + .directorist-icon-mask { + display: none; + } } /* Directory type nav */ .directorist-content-active .directorist-type-nav__link { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-size: 15px; - font-weight: 500; - line-height: 20px; - text-decoration: none; - white-space: nowrap; - padding: 0 0 8px; - border-bottom: 2px solid transparent; - color: var(--directorist-color-body); + position: relative; + display: flex; + align-items: center; + flex-direction: column; + font-size: 15px; + font-weight: 500; + line-height: 20px; + text-decoration: none; + white-space: nowrap; + padding: 0 0 8px; + border-bottom: 2px solid transparent; + color: var(--directorist-color-body); } .directorist-content-active .directorist-type-nav__link:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-content-active .directorist-type-nav__link:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-primary); +.directorist-content-active + .directorist-type-nav__link:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); } .directorist-content-active .directorist-type-nav__link:focus { - background-color: transparent; + background-color: transparent; } .directorist-content-active .directorist-type-nav__link .directorist-icon-mask { - display: inline-block; - margin: 0 0 10px; + display: inline-block; + margin: 0 0 10px; } -.directorist-content-active .directorist-type-nav__link .directorist-icon-mask::after { - width: 22px; - height: 20px; - background-color: var(--directorist-color-body); +.directorist-content-active + .directorist-type-nav__link + .directorist-icon-mask::after { + width: 22px; + height: 20px; + background-color: var(--directorist-color-body); } .directorist-content-active .directorist-type-nav__list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: end; - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 25px; - padding: 0; - margin: 0; - list-style-type: none; - overflow-x: auto; - scrollbar-width: thin; + display: flex; + justify-content: center; + align-items: flex-end; + flex-wrap: wrap; + gap: 25px; + padding: 0; + margin: 0; + list-style-type: none; + overflow-x: auto; + scrollbar-width: thin; } @media only screen and (max-width: 767px) { - .directorist-content-active .directorist-type-nav__list { - overflow-x: auto; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - } + .directorist-content-active .directorist-type-nav__list { + overflow-x: auto; + flex-wrap: nowrap; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-type-nav__list { - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-content-active .directorist-type-nav__list { + justify-content: flex-start; + } } .directorist-content-active .directorist-type-nav__list::-webkit-scrollbar { - display: none; + display: none; } .directorist-content-active .directorist-type-nav__list li { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - margin: 0; - list-style: none; - line-height: 1; + flex: none; + margin: 0; + list-style: none; + line-height: 1; } .directorist-content-active .directorist-type-nav__list a { - text-decoration: unset; -} -.directorist-content-active .directorist-type-nav__list .current .directorist-type-nav__link, -.directorist-content-active .directorist-type-nav__list .directorist-type-nav__list__current .directorist-type-nav__link { - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-type-nav__list .current .directorist-icon-mask::after, -.directorist-content-active .directorist-type-nav__list .directorist-type-nav__list__current .directorist-icon-mask::after { - background-color: var(--directorist-color-primary); + text-decoration: unset; +} +.directorist-content-active + .directorist-type-nav__list + .current + .directorist-type-nav__link, +.directorist-content-active + .directorist-type-nav__list + .directorist-type-nav__list__current + .directorist-type-nav__link { + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-type-nav__list + .current + .directorist-icon-mask::after, +.directorist-content-active + .directorist-type-nav__list + .directorist-type-nav__list__current + .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); } /* Archive header bar contents */ -.directorist-content-active .directorist-archive-contents__top .directorist-type-nav { - margin-bottom: 30px; +.directorist-content-active + .directorist-archive-contents__top + .directorist-type-nav { + margin-bottom: 30px; } -.directorist-content-active .directorist-archive-contents__top .directorist-header-bar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 30px 0; +.directorist-content-active + .directorist-archive-contents__top + .directorist-header-bar { + display: flex; + margin: 30px 0; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-listings-header .directorist-modal-btn--full { - display: none; - } - .directorist-content-active .directorist-archive-contents__top .directorist-header-bar .directorist-container-fluid { - padding: 0; - } + .directorist-content-active + .directorist-archive-contents__top + .directorist-header-bar + .directorist-listings-header + .directorist-modal-btn--full { + display: none; + } + .directorist-content-active + .directorist-archive-contents__top + .directorist-header-bar + .directorist-container-fluid { + padding: 0; + } } .directorist-content-active .directorist-listings-header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - width: 100%; -} -.directorist-content-active .directorist-listings-header .directorist-dropdown .directorist-dropdown__links { - top: 42px; -} -.directorist-content-active .directorist-listings-header .directorist-header-found-title { - margin: 0; - padding: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 15px; + width: 100%; +} +.directorist-content-active + .directorist-listings-header + .directorist-dropdown + .directorist-dropdown__links { + top: 42px; +} +.directorist-content-active + .directorist-listings-header + .directorist-header-found-title { + margin: 0; + padding: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-content-active .directorist-listings-header__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; -} -.directorist-content-active .directorist-listings-header__left .directorist-filter-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - background-color: var(--directorist-color-light) !important; - border: 2px solid var(--directorist-color-white); - padding: 0 20px; - border-radius: 8px; - cursor: pointer; - -webkit-transition: all ease 0.3s; - transition: all ease 0.3s; -} -.directorist-content-active .directorist-listings-header__left .directorist-filter-btn .directorist-icon-mask::after { - width: 14px; - height: 14px; - margin-left: 2px; -} -.directorist-content-active .directorist-listings-header__left .directorist-filter-btn:hover { - background-color: var(--directorist-color-bg-gray) !important; - color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 15px; +} +.directorist-content-active + .directorist-listings-header__left + .directorist-filter-btn { + display: flex; + align-items: center; + gap: 5px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + background-color: var(--directorist-color-light) !important; + border: 2px solid var(--directorist-color-white); + padding: 0 20px; + border-radius: 8px; + cursor: pointer; + transition: all ease 0.3s; +} +.directorist-content-active + .directorist-listings-header__left + .directorist-filter-btn + .directorist-icon-mask::after { + width: 14px; + height: 14px; + margin-left: 2px; +} +.directorist-content-active + .directorist-listings-header__left + .directorist-filter-btn:hover { + background-color: var(--directorist-color-bg-gray) !important; + color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); } .directorist-content-active .directorist-listings-header__right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; + display: flex; + flex-wrap: wrap; + gap: 10px; } @media screen and (max-width: 425px) { - .directorist-content-active .directorist-listings-header__right { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } - .directorist-content-active .directorist-listings-header__right .directorist-dropdown__links { - left: unset; - right: 0; - max-width: 250px; - } -} -.directorist-content-active .directorist-listings-header__right .directorist-dropdown .directorist-dropdown__links__single { - cursor: pointer; -} -.directorist-content-active .directorist-listings-header__right .directorist-dropdown .directorist-dropdown__links__single:hover { - background-color: var(--directorist-color-light); + .directorist-content-active .directorist-listings-header__right { + flex: 0 0 100%; + flex-direction: column; + } + .directorist-content-active + .directorist-listings-header__right + .directorist-dropdown__links { + left: unset; + right: 0; + max-width: 250px; + } +} +.directorist-content-active + .directorist-listings-header__right + .directorist-dropdown + .directorist-dropdown__links__single { + cursor: pointer; +} +.directorist-content-active + .directorist-listings-header__right + .directorist-dropdown + .directorist-dropdown__links__single:hover { + background-color: var(--directorist-color-light); } .directorist-content-active .directorist-archive-items { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + flex-direction: column; } -.directorist-content-active .directorist-archive-items .directorist-archive-notfound { - padding: 15px; +.directorist-content-active + .directorist-archive-items + .directorist-archive-notfound { + padding: 15px; } .directorist-viewas { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 8px; } .directorist-viewas__item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 40px; - height: 40px; - border-radius: 8px; - border: 2px solid var(--directorist-color-white); - background-color: var(--directorist-color-light); - color: var(--directorist-color-body); + display: flex; + justify-content: center; + align-items: center; + box-sizing: border-box; + width: 40px; + height: 40px; + border-radius: 8px; + border: 2px solid var(--directorist-color-white); + background-color: var(--directorist-color-light); + color: var(--directorist-color-body); } .directorist-viewas__item i::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-body); + width: 16px; + height: 16px; + background-color: var(--directorist-color-body); } .directorist-viewas__item.active { - border-color: var(--directorist-color-primary); - background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-viewas__item.active i::after { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } @media only screen and (max-width: 575px) { - .directorist-viewas__item--list { - display: none; - } + .directorist-viewas__item--list { + display: none; + } } .listing-with-sidebar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + gap: 30px; + flex-wrap: wrap; } @media only screen and (max-width: 991px) { - .listing-with-sidebar { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } - .listing-with-sidebar .directorist-advanced-filter__form { - width: 100%; - } + .listing-with-sidebar { + flex-direction: column; + } + .listing-with-sidebar .directorist-advanced-filter__form { + width: 100%; + } } @media only screen and (max-width: 575px) { - .listing-with-sidebar .directorist-search-form__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - width: 100%; - margin: 0; - } - .listing-with-sidebar .directorist-search-form-action__submit { - display: block; - } - .listing-with-sidebar .listing-with-sidebar__header .directorist-header-bar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } + .listing-with-sidebar .directorist-search-form__top { + display: flex; + gap: 10px; + width: 100%; + margin: 0; + } + .listing-with-sidebar .directorist-search-form-action__submit { + display: block; + } + .listing-with-sidebar + .listing-with-sidebar__header + .directorist-header-bar { + display: flex; + } } .listing-with-sidebar__wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + gap: 30px; + flex-direction: column; } .listing-with-sidebar__type-nav { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } .listing-with-sidebar__type-nav .directorist-type-nav__list { - gap: 40px; + gap: 40px; } .listing-with-sidebar__searchform { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } @media only screen and (max-width: 767px) { - .listing-with-sidebar__searchform .directorist-search-form__box { - padding: 15px; - } + .listing-with-sidebar__searchform .directorist-search-form__box { + padding: 15px; + } } @media only screen and (max-width: 575px) { - .listing-with-sidebar__searchform .directorist-search-form__box { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - } + .listing-with-sidebar__searchform .directorist-search-form__box { + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + } } .listing-with-sidebar__searchform .directorist-search-form { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.listing-with-sidebar__searchform .directorist-search-form .directorist-filter-location-icon { - left: 15px; - top: unset; - -webkit-transform: unset; - transform: unset; - bottom: 8px; + display: flex; +} +.listing-with-sidebar__searchform + .directorist-search-form + .directorist-filter-location-icon { + left: 15px; + top: unset; + transform: unset; + bottom: 8px; } .listing-with-sidebar__searchform .directorist-advanced-filter__form { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 100%; - gap: 20px; + display: flex; + width: 100%; + gap: 20px; } @media only screen and (max-width: 767px) { - .listing-with-sidebar__searchform .directorist-advanced-filter__form { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .listing-with-sidebar__searchform .directorist-advanced-filter__form { + flex-direction: column; + } } .listing-with-sidebar__searchform .directorist-search-contents { - padding: 0; + padding: 0; } -.listing-with-sidebar__searchform .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .listing-with-sidebar__searchform .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - bottom: 0; +.listing-with-sidebar__searchform + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.listing-with-sidebar__searchform + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + bottom: 0; } .listing-with-sidebar__searchform .directorist-search-field-pricing > label, .listing-with-sidebar__searchform .directorist-search-field__number > label, .listing-with-sidebar__searchform .directorist-search-field-text_range > label, .listing-with-sidebar__searchform .directorist-search-field-price_range > label, -.listing-with-sidebar__searchform .directorist-search-field-radius_search > label { - position: unset; - -webkit-transform: unset; - transform: unset; - display: block; - font-size: 14px; - margin-bottom: 15px; +.listing-with-sidebar__searchform + .directorist-search-field-radius_search + > label { + position: unset; + transform: unset; + display: block; + font-size: 14px; + margin-bottom: 15px; } .listing-with-sidebar__header { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + flex: 0 0 100%; } .listing-with-sidebar__header .directorist-header-bar { - margin: 0; + margin: 0; } .listing-with-sidebar__header .directorist-container-fluid { - padding: 0; + padding: 0; } .listing-with-sidebar__header .directorist-archive-sidebar-toggle { - width: auto; - padding: 0 20px; - font-size: 14px; - font-weight: 400; - min-height: 40px; - padding: 0 20px; - border-radius: 8px; - text-transform: capitalize; - text-decoration: none !important; - color: var(--directorist-color-primary); - background-color: var(--directorist-color-light); - border: 2px solid var(--directorist-color-white); - cursor: pointer; - display: none; -} -.listing-with-sidebar__header .directorist-archive-sidebar-toggle .directorist-icon-mask { - margin-left: 5px; -} -.listing-with-sidebar__header .directorist-archive-sidebar-toggle .directorist-icon-mask::after { - background-color: currentColor; - width: 14px; - height: 14px; + width: auto; + padding: 0 20px; + font-size: 14px; + font-weight: 400; + min-height: 40px; + padding: 0 20px; + border-radius: 8px; + text-transform: capitalize; + text-decoration: none !important; + color: var(--directorist-color-primary); + background-color: var(--directorist-color-light); + border: 2px solid var(--directorist-color-white); + cursor: pointer; + display: none; +} +.listing-with-sidebar__header + .directorist-archive-sidebar-toggle + .directorist-icon-mask { + margin-left: 5px; +} +.listing-with-sidebar__header + .directorist-archive-sidebar-toggle + .directorist-icon-mask::after { + background-color: currentColor; + width: 14px; + height: 14px; } @media only screen and (max-width: 991px) { - .listing-with-sidebar__header .directorist-archive-sidebar-toggle { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - } + .listing-with-sidebar__header .directorist-archive-sidebar-toggle { + display: inline-flex; + align-items: center; + } } .listing-with-sidebar__header .directorist-archive-sidebar-toggle--active { - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); } -.listing-with-sidebar__header .directorist-archive-sidebar-toggle--active .directorist-icon-mask::after { - background-color: var(--directorist-color-white); +.listing-with-sidebar__header + .directorist-archive-sidebar-toggle--active + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .listing-with-sidebar__sidebar { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - height: 100%; - max-width: 350px; + display: inline-flex; + flex: 1; + height: 100%; + max-width: 350px; } .listing-with-sidebar__sidebar form { - width: 100%; + width: 100%; } .listing-with-sidebar__sidebar .directorist-advanced-filter__close { - display: none; + display: none; } @media screen and (max-width: 1199px) { - .listing-with-sidebar__sidebar { - max-width: 300px; - min-width: 300px; - } + .listing-with-sidebar__sidebar { + max-width: 300px; + min-width: 300px; + } } @media only screen and (max-width: 991px) { - .listing-with-sidebar__sidebar { - position: fixed; - right: -360px; - top: 0; - height: 100svh; - background-color: white; - z-index: 9999; - overflow: auto; - -webkit-box-shadow: 0 10px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - box-shadow: 0 10px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - visibility: hidden; - opacity: 0; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - } - .listing-with-sidebar__sidebar .directorist-search-form__box-wrap { - padding-bottom: 30px; - } - .listing-with-sidebar__sidebar .directorist-advanced-filter__close { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - width: 40px; - height: 40px; - border-radius: 100%; - background-color: var(--directorist-color-light); - } + .listing-with-sidebar__sidebar { + position: fixed; + right: -360px; + top: 0; + height: 100svh; + background-color: white; + z-index: 9999; + overflow: auto; + box-shadow: 0 10px 15px rgba(var(--directorist-color-dark-rgb), 0.15); + visibility: hidden; + opacity: 0; + transition: 0.3s ease; + } + .listing-with-sidebar__sidebar .directorist-search-form__box-wrap { + padding-bottom: 30px; + } + .listing-with-sidebar__sidebar .directorist-advanced-filter__close { + display: flex; + width: 40px; + height: 40px; + border-radius: 100%; + background-color: var(--directorist-color-light); + } } @media only screen and (max-width: 575px) { - .listing-with-sidebar__sidebar .directorist-search-field .directorist-price-ranges { - margin-top: 15px; - } + .listing-with-sidebar__sidebar + .directorist-search-field + .directorist-price-ranges { + margin-top: 15px; + } } .listing-with-sidebar__sidebar--open { - right: 0; - visibility: visible; - opacity: 1; + right: 0; + visibility: visible; + opacity: 1; } .listing-with-sidebar__sidebar .directorist-form-group label { - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-dark); } .listing-with-sidebar__sidebar .directorist-search-contents { - padding: 0; + padding: 0; } .listing-with-sidebar__sidebar .directorist-search-basic-dropdown-content { - display: block !important; + display: block !important; } .listing-with-sidebar__sidebar .directorist-search-form__box { - padding: 0; + padding: 0; } @media only screen and (max-width: 991px) { - .listing-with-sidebar__sidebar .directorist-search-form__box { - display: block; - height: 100svh; - -webkit-box-shadow: none; - box-shadow: none; - border: none; - } - .listing-with-sidebar__sidebar .directorist-search-form__box .directorist-advanced-filter__advanced { - display: block; - } -} -.listing-with-sidebar__sidebar .directorist-search-field__input.directorist-form-element:not([type=number]) { - padding-left: 20px; + .listing-with-sidebar__sidebar .directorist-search-form__box { + display: block; + height: 100svh; + box-shadow: none; + border: none; + } + .listing-with-sidebar__sidebar + .directorist-search-form__box + .directorist-advanced-filter__advanced { + display: block; + } +} +.listing-with-sidebar__sidebar + .directorist-search-field__input.directorist-form-element:not( + [type="number"] + ) { + padding-left: 20px; } .listing-with-sidebar__sidebar .directorist-advanced-filter__top { - width: 100%; - padding: 25px 30px 20px; - border-bottom: 1px solid var(--directorist-color-light); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100%; + padding: 25px 30px 20px; + border-bottom: 1px solid var(--directorist-color-light); + display: flex; + align-items: center; + justify-content: space-between; + box-sizing: border-box; } .listing-with-sidebar__sidebar .directorist-advanced-filter__title { - margin: 0; - font-size: 20px; - font-weight: 500; - color: var(--directorist-color-dark); + margin: 0; + font-size: 20px; + font-weight: 500; + color: var(--directorist-color-dark); } .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 25px 30px 0; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field > label { - font-size: 16px; - font-weight: 500; - margin: 0; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-radius_search > label, .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-price_range > label, .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-text_range > label { - position: unset; - margin-bottom: 15px; - color: var(--directorist-color-body); -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field__number > label { - position: unset; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-tags, -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-review, -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-radio-wrapper, -.listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-checkbox-wrapper { - margin-top: 13px; + flex: 1; + box-sizing: border-box; + padding: 25px 30px 0; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + > label { + font-size: 16px; + font-weight: 500; + margin: 0; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-radius_search + > label, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-price_range + > label, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-text_range + > label { + position: unset; + margin-bottom: 15px; + color: var(--directorist-color-body); +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field__number + > label { + position: unset; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-tags, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-review, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-radio-wrapper, +.listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-checkbox-wrapper { + margin-top: 13px; } @media only screen and (max-width: 575px) { - .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-tags, - .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-review, - .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-radio-wrapper, - .listing-with-sidebar__sidebar .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-checkbox-wrapper { - margin-top: 5px; - } -} -.listing-with-sidebar__sidebar .directorist-form-group:last-child .directorist-search-field { - margin-bottom: 0; + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-tags, + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-review, + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-radio-wrapper, + .listing-with-sidebar__sidebar + .directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-checkbox-wrapper { + margin-top: 5px; + } +} +.listing-with-sidebar__sidebar + .directorist-form-group:last-child + .directorist-search-field { + margin-bottom: 0; } .listing-with-sidebar__sidebar .directorist-advanced-filter__action { - width: 100%; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 25px 30px 30px; - border-top: 1px solid var(--directorist-color-light); - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax { - padding: 0; - border: none; - text-align: end; - margin: -20px 0 20px; - z-index: 1; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax .directorist-btn-reset-ajax { - padding: 0; - color: var(--directorist-color-info); - background: transparent; - width: auto; - height: auto; - line-height: normal; - font-size: 14px; -} -.listing-with-sidebar__sidebar .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax.reset-btn-disabled { - display: none; + width: 100%; + flex-direction: column; + align-items: flex-start; + padding: 25px 30px 30px; + border-top: 1px solid var(--directorist-color-light); + box-sizing: border-box; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax { + padding: 0; + border: none; + text-align: end; + margin: -20px 0 20px; + z-index: 1; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax + .directorist-btn-reset-ajax { + padding: 0; + color: var(--directorist-color-info); + background: transparent; + width: auto; + height: auto; + line-height: normal; + font-size: 14px; +} +.listing-with-sidebar__sidebar + .directorist-advanced-filter__action.directorist-advanced-filter__action--ajax.reset-btn-disabled { + display: none; } .listing-with-sidebar__sidebar .directorist-search-modal__contents__footer { - position: relative; - background-color: transparent; + position: relative; + background-color: transparent; } .listing-with-sidebar__sidebar .directorist-btn-reset-js { - width: 100%; - height: 50px; - line-height: 50px; - padding: 0 32px; - border: none; - border-radius: 8px; - text-align: center; - text-transform: none; - text-decoration: none; - cursor: pointer; - background-color: var(--directorist-color-light); + width: 100%; + height: 50px; + line-height: 50px; + padding: 0 32px; + border: none; + border-radius: 8px; + text-align: center; + text-transform: none; + text-decoration: none; + cursor: pointer; + background-color: var(--directorist-color-light); } .listing-with-sidebar__sidebar .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + opacity: 0.5; + cursor: not-allowed; } .listing-with-sidebar__sidebar .directorist-btn-submit { - width: 100%; + width: 100%; } -.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn .directorist-pf-range { - width: 54px; +.listing-with-sidebar__sidebar + .directorist-price-ranges__price-frequency__btn + .directorist-pf-range { + width: 54px; } @media screen and (max-width: 575px) { - .listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn .directorist-pf-range { - width: 100%; - } + .listing-with-sidebar__sidebar + .directorist-price-ranges__price-frequency__btn + .directorist-pf-range { + width: 100%; + } } -.listing-with-sidebar__sidebar .directorist-price-ranges__price-frequency__btn:last-child { - border: 0 none; +.listing-with-sidebar__sidebar + .directorist-price-ranges__price-frequency__btn:last-child { + border: 0 none; } .listing-with-sidebar__sidebar .directorist-checkbox-wrapper, .listing-with-sidebar__sidebar .directorist-radio-wrapper, .listing-with-sidebar__sidebar .directorist-search-tags { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .listing-with-sidebar__sidebar.right-sidebar-contents { - -webkit-box-ordinal-group: 3; - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label { - position: unset; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label i, -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__label.directorist-search-basic-dropdown-label span { - display: none; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-top: 40px; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__label { - top: -35px; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; - margin: 0 0 10px; - z-index: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - width: 100%; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-search-field.input-is-focused.input-has-noLabel { - margin-top: 0; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-icon-right .directorist-input-icon { - left: 0; -} -.listing-with-sidebar__sidebar .directorist-form-group.directorist-icon-left .directorist-input-icon { - right: 0; -} -.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-input-wrap { - margin-bottom: 0; -} -.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-input-wrap .wp-picker-clear { - margin: 0; - width: 100px; -} -.listing-with-sidebar__sidebar .directorist-color-picker-wrap .wp-picker-container .wp-picker-holder { - margin-top: 10px; + order: 2; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label.directorist-search-basic-dropdown-label { + position: unset; + transform: unset; + font-size: 16px; + font-weight: 500; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label.directorist-search-basic-dropdown-label + i, +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__label.directorist-search-basic-dropdown-label + span { + display: none; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field + .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused { + width: 100%; + display: inline-flex; + margin-top: 40px; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0 0 10px; + z-index: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-search-field.input-is-focused.input-has-noLabel { + margin-top: 0; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-icon-right + .directorist-input-icon { + left: 0; +} +.listing-with-sidebar__sidebar + .directorist-form-group.directorist-icon-left + .directorist-input-icon { + right: 0; +} +.listing-with-sidebar__sidebar + .directorist-color-picker-wrap + .wp-picker-container + .wp-picker-input-wrap { + margin-bottom: 0; +} +.listing-with-sidebar__sidebar + .directorist-color-picker-wrap + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.listing-with-sidebar__sidebar + .directorist-color-picker-wrap + .wp-picker-container + .wp-picker-holder { + margin-top: 10px; } .listing-with-sidebar__listing { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - padding: 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: inline-flex; + flex: 1; + padding: 0; + flex-wrap: wrap; + flex-direction: column; } .listing-with-sidebar__listing .directorist-header-bar, .listing-with-sidebar__listing .directorist-archive-items { - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + width: 100%; + display: flex; } -.listing-with-sidebar__listing .directorist-header-bar .directorist-container-fluid, -.listing-with-sidebar__listing .directorist-archive-items .directorist-container-fluid { - padding: 0; +.listing-with-sidebar__listing + .directorist-header-bar + .directorist-container-fluid, +.listing-with-sidebar__listing + .directorist-archive-items + .directorist-container-fluid { + padding: 0; } .listing-with-sidebar__listing .directorist-archive-items { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + flex-direction: column; } .listing-with-sidebar__listing .directorist-search-modal-advanced { - display: none; + display: none; } .listing-with-sidebar__contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 30px; + display: flex; + gap: 30px; } @media screen and (max-width: 575px) { - .listing-with-sidebar .directorist-search-form__top .directorist-search-field { - padding: 0; - margin: 0 0 0 20px; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field .directorist-select { - width: calc(100% + 20px); - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value, .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused { - margin: 0 25px; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel, .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel { - margin: 0; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-filter-location-icon, .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-filter-location-icon { - left: 0; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-select, .listing-with-sidebar .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-select { - width: 100%; - } - .listing-with-sidebar .directorist-search-form__top .directorist-search-field .directorist-filter-location-icon { - left: -15px; - } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field { + padding: 0; + margin: 0 0 0 20px; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field + .directorist-select { + width: calc(100% + 20px); + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused { + margin: 0 25px; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel { + margin: 0; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel + .directorist-filter-location-icon, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel + .directorist-filter-location-icon { + left: 0; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel + .directorist-select, + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel + .directorist-select { + width: 100%; + } + .listing-with-sidebar + .directorist-search-form__top + .directorist-search-field + .directorist-filter-location-icon { + left: -15px; + } } @media only screen and (max-width: 991px) { - .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { - padding-top: 30px; - } + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 30px; + } } @media only screen and (max-width: 767px) { - .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { - padding-top: 46px; - } + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 46px; + } } @media only screen and (max-width: 600px) { - .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { - padding-top: 0; - } + .logged-in .listing-with-sidebar__sidebar .directorist-search-form__box { + padding-top: 0; + } } .directorist-advanced-filter__basic { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + flex-direction: column; } .directorist-advanced-filter__basic__element { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-advanced-filter__basic__element .directorist-search-field { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 100%; - padding: 0; - margin: 0 0 40px; + flex-direction: column; + align-items: flex-start; + flex-wrap: wrap; + width: 100%; + padding: 0; + margin: 0 0 40px; } @media screen and (max-width: 575px) { - .directorist-advanced-filter__basic__element .directorist-search-field { - margin: 0 0 20px; - } + .directorist-advanced-filter__basic__element .directorist-search-field { + margin: 0 0 20px; + } } .directorist-advanced-filter__basic__element .directorist-checkbox-wrapper, .directorist-advanced-filter__basic__element .directorist-radio-wrapper, .directorist-advanced-filter__basic__element .directorist-search-tags { - gap: 15px; - margin: 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-checkbox, -.directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-radio, -.directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-checkbox, -.directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-radio, -.directorist-advanced-filter__basic__element .directorist-search-tags .directorist-checkbox, -.directorist-advanced-filter__basic__element .directorist-search-tags .directorist-radio { - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 0 46%; - -ms-flex: 0 0 46%; - flex: 0 0 46%; + gap: 15px; + margin: 0; + flex-wrap: wrap; +} +.directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-checkbox, +.directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-radio, +.directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-checkbox, +.directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-radio, +.directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-checkbox, +.directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-radio { + margin: 0; + flex: 0 0 46%; } @media only screen and (max-width: 575px) { - .directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-checkbox, - .directorist-advanced-filter__basic__element .directorist-checkbox-wrapper .directorist-radio, - .directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-checkbox, - .directorist-advanced-filter__basic__element .directorist-radio-wrapper .directorist-radio, - .directorist-advanced-filter__basic__element .directorist-search-tags .directorist-checkbox, - .directorist-advanced-filter__basic__element .directorist-search-tags .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } -} -.directorist-advanced-filter__basic__element .directorist-form-group .directorist-filter-location-icon { - margin-top: 3px; - z-index: 99; + .directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-checkbox, + .directorist-advanced-filter__basic__element + .directorist-checkbox-wrapper + .directorist-radio, + .directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-checkbox, + .directorist-advanced-filter__basic__element + .directorist-radio-wrapper + .directorist-radio, + .directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-checkbox, + .directorist-advanced-filter__basic__element + .directorist-search-tags + .directorist-radio { + flex: 0 0 100%; + } +} +.directorist-advanced-filter__basic__element + .directorist-form-group + .directorist-filter-location-icon { + margin-top: 3px; + z-index: 99; } .directorist-advanced-filter__basic__element .form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 20px; - padding: 0; - margin: 0 0 40px; + display: flex; + align-items: center; + justify-content: space-between; + gap: 20px; + padding: 0; + margin: 0 0 40px; } @media screen and (max-width: 575px) { - .directorist-advanced-filter__basic__element .form-group { - margin: 0 0 20px; - } + .directorist-advanced-filter__basic__element .form-group { + margin: 0 0 20px; + } } .directorist-advanced-filter__basic__element .form-group > label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: 16px; - font-weight: 500; - margin: 0; - color: var(--directorist-color-dark); + display: inline-flex; + font-size: 16px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); } .directorist-advanced-filter__advanced { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + flex-direction: column; } .directorist-advanced-filter__advanced__element { - overflow: hidden; + overflow: hidden; } -.directorist-advanced-filter__advanced__element.directorist-search-field-location .directorist-search-field.input-is-focused, .directorist-advanced-filter__advanced__element.directorist-search-field-category .directorist-search-field.input-is-focused { - margin-top: 0; +.directorist-advanced-filter__advanced__element.directorist-search-field-location + .directorist-search-field.input-is-focused, +.directorist-advanced-filter__advanced__element.directorist-search-field-category + .directorist-search-field.input-is-focused { + margin-top: 0; } .directorist-advanced-filter__advanced__element .directorist-search-field { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 0; - margin: 0 0 40px; - -webkit-transition: margin 0.3s ease; - transition: margin 0.3s ease; + flex-direction: column; + align-items: flex-start; + padding: 0; + margin: 0 0 40px; + transition: margin 0.3s ease; } @media screen and (max-width: 575px) { - .directorist-advanced-filter__advanced__element .directorist-search-field { - margin: 0 0 20px; - } -} -.directorist-advanced-filter__advanced__element .directorist-search-field > label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin: 0 0 15px; - font-size: 16px; - font-weight: 500; - color: var(--directorist-color-dark); -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label { - top: 6px; - -webkit-transform: unset; - transform: unset; - font-size: 14px; - font-weight: 400; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder, .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder, .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder, .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder, .directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::placeholder, -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__label ~ .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-form-group__prefix--start { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__input[type=date] { - padding-left: 0; -} -.directorist-advanced-filter__advanced__element .directorist-search-field .directorist-search-field__input[type=time] { - padding-left: 0; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-top: 40px; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__label { - top: -35px; - -webkit-transform: unset; - transform: unset; - font-size: 16px; - font-weight: 500; - margin: 0; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-form-group__prefix--start { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - width: 100%; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input[type=date] { - padding-left: 20px; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-is-focused .directorist-search-field__input[type=time] { - padding-left: 20px; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.input-has-noLabel .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-radius_search > label, .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-price_range > label, .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field-text_range > label, .directorist-advanced-filter__advanced__element .directorist-search-field.directorist-search-field__number > label { - position: unset; - -webkit-transform: unset; - transform: unset; + .directorist-advanced-filter__advanced__element .directorist-search-field { + margin: 0 0 20px; + } +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + > label { + display: inline-flex; + margin: 0 0 15px; + font-size: 16px; + font-weight: 500; + color: var(--directorist-color-dark); +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label { + top: 6px; + transform: unset; + font-size: 14px; + font-weight: 400; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-form-group__prefix--start { + opacity: 0; + transition: opacity 0.3s ease; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__input[type="date"] { + padding-left: 0; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field + .directorist-search-field__input[type="time"] { + padding-left: 0; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused { + width: 100%; + display: inline-flex; + margin-top: 40px; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__label { + top: -35px; + transform: unset; + font-size: 16px; + font-weight: 500; + margin: 0; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + width: 100%; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="date"] { + padding-left: 20px; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-is-focused + .directorist-search-field__input[type="time"] { + padding-left: 20px; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.input-has-noLabel + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-radius_search + > label, +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-price_range + > label, +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field-text_range + > label, +.directorist-advanced-filter__advanced__element + .directorist-search-field.directorist-search-field__number + > label { + position: unset; + transform: unset; } .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper, .directorist-advanced-filter__advanced__element .directorist-radio-wrapper, .directorist-advanced-filter__advanced__element .directorist-search-tags { - gap: 15px; - margin: 0; - padding: 10px 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + gap: 15px; + margin: 0; + padding: 10px 0; + flex-wrap: wrap; } @media only screen and (max-width: 575px) { - .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper, - .directorist-advanced-filter__advanced__element .directorist-radio-wrapper, - .directorist-advanced-filter__advanced__element .directorist-search-tags { - gap: 10px; - } -} -.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-checkbox, -.directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-radio, -.directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-checkbox, -.directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-radio, -.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox, -.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-radio { - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 0 46%; - -ms-flex: 0 0 46%; - flex: 0 0 46%; + .directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper, + .directorist-advanced-filter__advanced__element .directorist-radio-wrapper, + .directorist-advanced-filter__advanced__element .directorist-search-tags { + gap: 10px; + } +} +.directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-checkbox, +.directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-radio, +.directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-checkbox, +.directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-radio, +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox, +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-radio { + margin: 0; + flex: 0 0 46%; } @media only screen and (max-width: 575px) { - .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-checkbox, - .directorist-advanced-filter__advanced__element .directorist-checkbox-wrapper .directorist-radio, - .directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-checkbox, - .directorist-advanced-filter__advanced__element .directorist-radio-wrapper .directorist-radio, - .directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox, - .directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-radio { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } -} -.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox { - display: none; -} -.directorist-advanced-filter__advanced__element .directorist-search-tags .directorist-checkbox:nth-child(-n+4) { - display: block; -} -.directorist-advanced-filter__advanced__element .directorist-form-group .directorist-filter-location-icon { - margin-top: 1px; - z-index: 99; + .directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-checkbox, + .directorist-advanced-filter__advanced__element + .directorist-checkbox-wrapper + .directorist-radio, + .directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-checkbox, + .directorist-advanced-filter__advanced__element + .directorist-radio-wrapper + .directorist-radio, + .directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox, + .directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-radio { + flex: 0 0 100%; + } +} +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox { + display: none; +} +.directorist-advanced-filter__advanced__element + .directorist-search-tags + .directorist-checkbox:nth-child(-n + 4) { + display: block; +} +.directorist-advanced-filter__advanced__element + .directorist-form-group + .directorist-filter-location-icon { + margin-top: 1px; + z-index: 99; } .directorist-advanced-filter__advanced__element .form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - gap: 20px; - padding: 0; - margin: 0 0 40px; + display: flex; + align-items: center; + justify-content: space-between; + gap: 20px; + padding: 0; + margin: 0 0 40px; } @media screen and (max-width: 575px) { - .directorist-advanced-filter__advanced__element .form-group { - margin: 0 0 20px; - } + .directorist-advanced-filter__advanced__element .form-group { + margin: 0 0 20px; + } } .directorist-advanced-filter__advanced__element .form-group > label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - font-size: 16px; - font-weight: 500; - margin: 0; - color: var(--directorist-color-dark); -} -.directorist-advanced-filter__advanced__element.directorist-search-field-tag, .directorist-advanced-filter__advanced__element.directorist-search-field-radio, .directorist-advanced-filter__advanced__element.directorist-search-field-review, .directorist-advanced-filter__advanced__element.directorist-search-field-checkbox, .directorist-advanced-filter__advanced__element.directorist-search-field-location, .directorist-advanced-filter__advanced__element.directorist-search-field-pricing, .directorist-advanced-filter__advanced__element.directorist-search-field-color_picker { - overflow: visible; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-advanced-filter__advanced__element.directorist-search-field-tag .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-radio .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-review .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-checkbox .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-location .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-pricing .directorist-search-field, .directorist-advanced-filter__advanced__element.directorist-search-field-color_picker .directorist-search-field { - width: 100%; + display: inline-flex; + font-size: 16px; + font-weight: 500; + margin: 0; + color: var(--directorist-color-dark); +} +.directorist-advanced-filter__advanced__element.directorist-search-field-tag, +.directorist-advanced-filter__advanced__element.directorist-search-field-radio, +.directorist-advanced-filter__advanced__element.directorist-search-field-review, +.directorist-advanced-filter__advanced__element.directorist-search-field-checkbox, +.directorist-advanced-filter__advanced__element.directorist-search-field-location, +.directorist-advanced-filter__advanced__element.directorist-search-field-pricing, +.directorist-advanced-filter__advanced__element.directorist-search-field-color_picker { + overflow: visible; + display: flex; +} +.directorist-advanced-filter__advanced__element.directorist-search-field-tag + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-radio + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-review + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-checkbox + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-location + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-pricing + .directorist-search-field, +.directorist-advanced-filter__advanced__element.directorist-search-field-color_picker + .directorist-search-field { + width: 100%; } .directorist-advanced-filter__action { - gap: 10px; - padding: 17px 40px; + gap: 10px; + padding: 17px 40px; } .directorist-advanced-filter__action .directorist-btn-reset-js { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - cursor: pointer; - -webkit-transition: background-color 0.3s ease, color 0.3s ease; - transition: background-color 0.3s ease, color 0.3s ease; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); + justify-content: center; + text-decoration: none; + cursor: pointer; + transition: + background-color 0.3s ease, + color 0.3s ease; } .directorist-advanced-filter__action .directorist-btn-reset-js:disabled { - opacity: 0.5; - cursor: not-allowed; + opacity: 0.5; + cursor: not-allowed; } .directorist-advanced-filter__action .directorist-btn { - font-size: 15px; - font-weight: 700; - border-radius: 8px; - padding: 0 32px; - height: 50px; - letter-spacing: 0; + font-size: 15px; + font-weight: 700; + border-radius: 8px; + padding: 0 32px; + height: 50px; + letter-spacing: 0; } @media only screen and (max-width: 375px) { - .directorist-advanced-filter__action .directorist-btn { - padding: 0 14.5px; - } -} -.directorist-advanced-filter__action.reset-btn-disabled .directorist-btn-reset-js { - opacity: 0.5; - cursor: not-allowed; - pointer-events: none; -} -.directorist-advanced-filter .directorist-form-group.directorist-icon-right .directorist-input-icon { - left: 0; -} -.directorist-advanced-filter .directorist-form-group.directorist-icon-left .directorist-input-icon { - right: 0; + .directorist-advanced-filter__action .directorist-btn { + padding: 0 14.5px; + } +} +.directorist-advanced-filter__action.reset-btn-disabled + .directorist-btn-reset-js { + opacity: 0.5; + cursor: not-allowed; + pointer-events: none; +} +.directorist-advanced-filter + .directorist-form-group.directorist-icon-right + .directorist-input-icon { + left: 0; +} +.directorist-advanced-filter + .directorist-form-group.directorist-icon-left + .directorist-input-icon { + right: 0; } .directorist-advanced-filter .directorist-date .directorist-form-group, .directorist-advanced-filter .directorist-time .directorist-form-group { - width: 100%; + width: 100%; } .directorist-advanced-filter .directorist-btn-ml { - display: inline-block; - margin-top: 10px; - font-size: 13px; - font-weight: 500; - color: var(--directorist-color-body); + display: inline-block; + margin-top: 10px; + font-size: 13px; + font-weight: 500; + color: var(--directorist-color-body); } .directorist-advanced-filter .directorist-btn-ml:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-advanced-filter .directorist-btn-ml { - margin-top: 10px; - } + .directorist-advanced-filter .directorist-btn-ml { + margin-top: 10px; + } } .directorist-search-field-radius_search { - position: relative; + position: relative; } -.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap { - position: absolute; - left: 0; - top: 0; +.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + position: absolute; + left: 0; + top: 0; } .directorist-search-field-review .directorist-checkbox { - display: block; - width: auto; -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - font-size: 13px; - font-weight: 400; - padding-right: 35px; - color: var(--directorist-color-body); -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:not(:last-child) { - margin-bottom: 20px; + display: block; + width: auto; +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label { + display: flex; + align-items: center; + flex-direction: row; + font-size: 13px; + font-weight: 400; + padding-right: 35px; + color: var(--directorist-color-body); +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:not(:last-child) { + margin-bottom: 20px; } @media screen and (max-width: 575px) { - .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:not(:last-child) { - margin-bottom: 10px; - } -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:before { - top: 3px; -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:after { - top: -2px; + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:not(:last-child) { + margin-bottom: 10px; + } +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:before { + top: 3px; +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:after { + top: -2px; } @media only screen and (max-width: 575px) { - .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label:after { - top: 0; - } + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label:after { + top: 0; + } } @media only screen and (max-width: 575px) { - .directorist-search-field-review .directorist-checkbox input[type=checkbox] + label { - padding-right: 28px; - } -} -.directorist-search-field-review .directorist-checkbox input[type=checkbox] + label .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-light); -} -.directorist-search-field-review .directorist-checkbox input[value="5"] + label .directorist-icon-mask:after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review .directorist-checkbox input[value="4"] + label .directorist-icon-mask:not(:nth-child(5)):after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(1):after, .directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(2):after, .directorist-search-field-review .directorist-checkbox input[value="3"] + label .directorist-icon-mask:nth-child(3):after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review .directorist-checkbox input[value="2"] + label .directorist-icon-mask:nth-child(1):after, .directorist-search-field-review .directorist-checkbox input[value="2"] + label .directorist-icon-mask:nth-child(2):after { - background-color: var(--directorist-color-star); -} -.directorist-search-field-review .directorist-checkbox input[value="1"] + label .directorist-icon-mask:nth-child(1):after { - background-color: var(--directorist-color-star); + .directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label { + padding-right: 28px; + } +} +.directorist-search-field-review + .directorist-checkbox + input[type="checkbox"] + + label + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-light); +} +.directorist-search-field-review + .directorist-checkbox + input[value="5"] + + label + .directorist-icon-mask:after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="4"] + + label + .directorist-icon-mask:not(:nth-child(5)):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="3"] + + label + .directorist-icon-mask:nth-child(1):after, +.directorist-search-field-review + .directorist-checkbox + input[value="3"] + + label + .directorist-icon-mask:nth-child(2):after, +.directorist-search-field-review + .directorist-checkbox + input[value="3"] + + label + .directorist-icon-mask:nth-child(3):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="2"] + + label + .directorist-icon-mask:nth-child(1):after, +.directorist-search-field-review + .directorist-checkbox + input[value="2"] + + label + .directorist-icon-mask:nth-child(2):after { + background-color: var(--directorist-color-star); +} +.directorist-search-field-review + .directorist-checkbox + input[value="1"] + + label + .directorist-icon-mask:nth-child(1):after { + background-color: var(--directorist-color-star); } .directorist-search-field .directorist-price-ranges { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: flex; + flex-wrap: wrap; + gap: 20px; } @media (max-width: 575px) { - .directorist-search-field .directorist-price-ranges { - gap: 12px 35px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - } - .directorist-search-field .directorist-price-ranges:after { - content: ""; - position: absolute; - top: 20px; - right: 50%; - -webkit-transform: translateX(50%); - transform: translateX(50%); - width: 10px; - height: 2px; - background-color: var(--directorist-color-border); - } - .directorist-search-field .directorist-price-ranges .directorist-form-group:last-child { - margin-right: 15px; - } + .directorist-search-field .directorist-price-ranges { + gap: 12px 35px; + justify-content: space-between; + position: relative; + } + .directorist-search-field .directorist-price-ranges:after { + content: ""; + position: absolute; + top: 20px; + right: 50%; + transform: translateX(50%); + width: 10px; + height: 2px; + background-color: var(--directorist-color-border); + } + .directorist-search-field + .directorist-price-ranges + .directorist-form-group:last-child { + margin-right: 15px; + } } @media (max-width: 480px) { - .directorist-search-field .directorist-price-ranges { - gap: 20px; - } + .directorist-search-field .directorist-price-ranges { + gap: 20px; + } } .directorist-search-field .directorist-price-ranges__item { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - position: relative; -} -.directorist-search-field .directorist-price-ranges__item.directorist-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background: transparent; - border-bottom: 1px solid var(--directorist-color-border); -} -.directorist-search-field .directorist-price-ranges__item.directorist-form-group .directorist-form-element { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - border: 0 none !important; -} -.directorist-search-field .directorist-price-ranges__item.directorist-form-group:focus-within { - border-bottom: 2px solid var(--directorist-color-primary); + flex: 1; + position: relative; +} +.directorist-search-field + .directorist-price-ranges__item.directorist-form-group { + display: flex; + align-items: center; + background: transparent; + border-bottom: 1px solid var(--directorist-color-border); +} +.directorist-search-field + .directorist-price-ranges__item.directorist-form-group + .directorist-form-element { + flex: 1; + border: 0 none !important; +} +.directorist-search-field + .directorist-price-ranges__item.directorist-form-group:focus-within { + border-bottom: 2px solid var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-search-field .directorist-price-ranges__item.directorist-form-group { - padding: 0 15px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); - } - .directorist-search-field .directorist-price-ranges__item.directorist-form-group:focus { - padding-bottom: 0; - border: 2px solid var(--directorist-color-primary); - } - .directorist-search-field .directorist-price-ranges__item.directorist-form-group__prefix { - height: 34px; - line-height: 34px; - } + .directorist-search-field + .directorist-price-ranges__item.directorist-form-group { + padding: 0 15px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); + } + .directorist-search-field + .directorist-price-ranges__item.directorist-form-group:focus { + padding-bottom: 0; + border: 2px solid var(--directorist-color-primary); + } + .directorist-search-field + .directorist-price-ranges__item.directorist-form-group__prefix { + height: 34px; + line-height: 34px; + } } .directorist-search-field .directorist-price-ranges__label { - margin-left: 5px; + margin-left: 5px; } .directorist-search-field .directorist-price-ranges__currency { - line-height: 1; - margin-left: 4px; + line-height: 1; + margin-left: 4px; } .directorist-search-field .directorist-price-ranges__price-frequency { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - width: 100%; - gap: 6px; - margin: 11px 0 0; + display: flex; + flex-wrap: wrap; + flex: 0 0 100%; + width: 100%; + gap: 6px; + margin: 11px 0 0; } @media screen and (max-width: 575px) { - .directorist-search-field .directorist-price-ranges__price-frequency { - gap: 0; - margin: 0; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); - } - .directorist-search-field .directorist-price-ranges__price-frequency label { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin: 0; - } - .directorist-search-field .directorist-price-ranges__price-frequency label:first-child .directorist-pf-range { - border-radius: 0 10px 10px 0; - } - .directorist-search-field .directorist-price-ranges__price-frequency label:last-child .directorist-pf-range { - border-radius: 10px 0 0 10px; - } - .directorist-search-field .directorist-price-ranges__price-frequency label:not(last-child) { - border-left: 1px solid var(--directorist-color-border); - } -} -.directorist-search-field .directorist-price-ranges__price-frequency input[type=radio] { - display: none; -} -.directorist-search-field .directorist-price-ranges__price-frequency input[type=radio]:checked + .directorist-pf-range { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + .directorist-search-field .directorist-price-ranges__price-frequency { + gap: 0; + margin: 0; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); + } + .directorist-search-field .directorist-price-ranges__price-frequency label { + flex: 1; + margin: 0; + } + .directorist-search-field + .directorist-price-ranges__price-frequency + label:first-child + .directorist-pf-range { + border-radius: 0 10px 10px 0; + } + .directorist-search-field + .directorist-price-ranges__price-frequency + label:last-child + .directorist-pf-range { + border-radius: 10px 0 0 10px; + } + .directorist-search-field + .directorist-price-ranges__price-frequency + label:not(last-child) { + border-left: 1px solid var(--directorist-color-border); + } +} +.directorist-search-field + .directorist-price-ranges__price-frequency + input[type="radio"] { + display: none; +} +.directorist-search-field + .directorist-price-ranges__price-frequency + input[type="radio"]:checked + + .directorist-pf-range { + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-search-field .directorist-price-ranges .directorist-pf-range { - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-dark); - background-color: var(--directorist-color-border); - border-radius: 8px; - width: 70px; - height: 36px; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + color: var(--directorist-color-dark); + background-color: var(--directorist-color-border); + border-radius: 8px; + width: 70px; + height: 36px; } @media screen and (max-width: 575px) { - .directorist-search-field .directorist-price-ranges .directorist-pf-range { - width: 100%; - border-radius: 0; - background-color: var(--directorist-color-white); - } + .directorist-search-field .directorist-price-ranges .directorist-pf-range { + width: 100%; + border-radius: 0; + background-color: var(--directorist-color-white); + } } .directorist-search-field { - font-size: 15px; + font-size: 15px; } .directorist-search-field .wp-picker-container .wp-picker-clear, .directorist-search-field .wp-picker-container .wp-color-result { - position: relative; - height: 40px; - border: 0 none; - width: 140px; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - border-radius: 3px; - text-decoration: none; + position: relative; + height: 40px; + border: 0 none; + width: 140px; + transition: all 0.2s ease-in-out; + border-radius: 3px; + text-decoration: none; } .directorist-search-field .wp-picker-container .wp-color-result { - position: relative; - height: 40px; - border: 0 none; - width: 140px; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - border-radius: 3px; + position: relative; + height: 40px; + border: 0 none; + width: 140px; + transition: all 0.2s ease-in-out; + border-radius: 3px; } .directorist-search-field .wp-picker-container .wp-color-result-text { - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - height: 100%; - width: 102px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-transform: capitalize; - line-height: 1; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + height: 100%; + width: 102px; + display: flex; + align-items: center; + justify-content: center; + text-transform: capitalize; + line-height: 1; } .directorist-search-field .wp-picker-holder { - position: absolute; - z-index: 22; + position: absolute; + z-index: 22; } .check-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + flex-wrap: wrap; } .check-btn label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + display: inline-flex; } .check-btn label input { - display: none; + display: none; } .check-btn label input:checked + span:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .check-btn label input:checked + span:after { - border-color: var(--directorist-color-primary); - background-color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .check-btn label span { - position: relative; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 8px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - height: 42px; - padding-left: 18px; - padding-right: 45px; - font-weight: 400; - font-size: 14px; - border-radius: 8px; - background-color: var(--directorist-color-light); - color: var(--directorist-color-body); - cursor: pointer; + position: relative; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + gap: 8px; + transition: 0.3s ease; + height: 42px; + padding-left: 18px; + padding-right: 45px; + font-weight: 400; + font-size: 14px; + border-radius: 8px; + background-color: var(--directorist-color-light); + color: var(--directorist-color-body); + cursor: pointer; } .check-btn label span i { - display: none; + display: none; } .check-btn label span:before { - position: absolute; - right: 23px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - content: ""; - -webkit-mask-image: url(../js/8e8fd399bdec79a7750e.svg); - mask-image: url(../js/8e8fd399bdec79a7750e.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 10px; - height: 10px; - background-color: var(--directorist-color-white); - display: block; - opacity: 0; - -webkit-transition: all 0.3s ease 0s; - transition: all 0.3s ease 0s; - z-index: 2; + position: absolute; + right: 23px; + top: 50%; + transform: translateY(-50%); + content: ""; + mask-image: url(../js/../images/e986e970b493125f349fc279b4b3d57b.svg); + mask-repeat: no-repeat; + width: 10px; + height: 10px; + background-color: var(--directorist-color-white); + display: block; + opacity: 0; + transition: all 0.3s ease 0s; + z-index: 2; } .check-btn label span:after { - position: absolute; - right: 18px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - width: 16px; - height: 16px; - border-radius: 5px; - content: ""; - border: 2px solid #d9d9d9; - background-color: var(--directorist-color-white); - -webkit-box-sizing: content-box; - box-sizing: content-box; + position: absolute; + right: 18px; + top: 50%; + transform: translateY(-50%); + width: 16px; + height: 16px; + border-radius: 5px; + content: ""; + border: 2px solid #d9d9d9; + background-color: var(--directorist-color-white); + box-sizing: content-box; } /* google map location suggestion container */ .pac-container { - z-index: 99999; + z-index: 99999; } .directorist-search-top { - text-align: center; - margin-bottom: 34px; + text-align: center; + margin-bottom: 34px; } .directorist-search-top__title { - color: var(--directorist-color-dark); - font-size: 36px; - font-weight: 500; - margin-bottom: 18px; + color: var(--directorist-color-dark); + font-size: 36px; + font-weight: 500; + margin-bottom: 18px; } .directorist-search-top__subtitle { - color: var(--directorist-color-body); - font-size: 18px; - opacity: 0.8; - text-align: center; + color: var(--directorist-color-body); + font-size: 18px; + opacity: 0.8; + text-align: center; } .directorist-search-contents { - background-size: cover; - padding: 100px 0 120px; + background-size: cover; + padding: 100px 0 120px; } .directorist-search-field__label { - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - -webkit-transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; - transition: opacity 0.3s ease, top 0.3s ease, font-size 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-webkit-input-placeholder, .directorist-search-field__label ~ .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-moz-placeholder, .directorist-search-field__label ~ .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element:-ms-input-placeholder, .directorist-search-field__label ~ .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::-ms-input-placeholder, .directorist-search-field__label ~ .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; -} -.directorist-search-field__label ~ .directorist-form-group__with-prefix .directorist-form-element::placeholder, -.directorist-search-field__label ~ .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + transition: + opacity 0.3s ease, + top 0.3s ease, + font-size 0.3s ease; +} +.directorist-search-field__label + ~ .directorist-form-group__with-prefix + .directorist-form-element::placeholder, +.directorist-search-field__label + ~ .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; } .directorist-search-field .directorist-form-group__prefix--start { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; + opacity: 0; + transition: opacity 0.3s ease; } .directorist-search-field__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - position: absolute; - bottom: 12px; - cursor: pointer; + display: flex; + position: absolute; + bottom: 12px; + cursor: pointer; } .directorist-search-field__btn--clear { - left: 0; - opacity: 0; - visibility: hidden; + left: 0; + opacity: 0; + visibility: hidden; } .directorist-search-field__btn--clear i::after { - width: 16px; - height: 16px; - background-color: #bcbcbc; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; + width: 16px; + height: 16px; + background-color: #bcbcbc; + transition: background-color 0.3s ease; } .directorist-search-field__btn--clear:hover i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-search-field .directorist-filter-location-icon { - left: -15px; - } -} -.directorist-search-field.input-has-value .directorist-search-field__input:not(.directorist-select), .directorist-search-field.input-is-focused .directorist-search-field__input:not(.directorist-select) { - padding-left: 25px; -} -.directorist-search-field.input-has-value .directorist-search-field__input.directorist-location-js, .directorist-search-field.input-is-focused .directorist-search-field__input.directorist-location-js { - padding-left: 45px; -} -.directorist-search-field.input-has-value .directorist-search-field__input[type=number], .directorist-search-field.input-is-focused .directorist-search-field__input[type=number] { - appearance: none !important; - -webkit-appearance: none !important; - -moz-appearance: none !important; -} -.directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__input::placeholder, .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-search-field__label, .directorist-search-field.input-is-focused .directorist-search-field__label { - top: 0; - font-size: 13px; - font-weight: 400; - color: var(--directorist-color-body); + .directorist-search-field .directorist-filter-location-icon { + left: -15px; + } +} +.directorist-search-field.input-has-value + .directorist-search-field__input:not(.directorist-select), +.directorist-search-field.input-is-focused + .directorist-search-field__input:not(.directorist-select) { + padding-left: 25px; +} +.directorist-search-field.input-has-value + .directorist-search-field__input.directorist-location-js, +.directorist-search-field.input-is-focused + .directorist-search-field__input.directorist-location-js { + padding-left: 45px; +} +.directorist-search-field.input-has-value + .directorist-search-field__input[type="number"], +.directorist-search-field.input-is-focused + .directorist-search-field__input[type="number"] { + appearance: none !important; + -webkit-appearance: none !important; + -moz-appearance: none !important; +} +.directorist-search-field.input-has-value + .directorist-search-field__input::placeholder, +.directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-field.input-has-value .directorist-search-field__label, +.directorist-search-field.input-is-focused .directorist-search-field__label { + top: 0; + font-size: 13px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-search-field.input-has-value .directorist-search-field__btn--clear, -.directorist-search-field.input-has-value .directorist-search-field__btn i::after, .directorist-search-field.input-is-focused .directorist-search-field__btn--clear, -.directorist-search-field.input-is-focused .directorist-search-field__btn i::after { - opacity: 1; - visibility: visible; -} -.directorist-search-field.input-has-value .directorist-form-group__with-prefix, .directorist-search-field.input-is-focused .directorist-form-group__with-prefix { - border-bottom: 2px solid var(--directorist-color-primary); -} -.directorist-search-field.input-has-value .directorist-form-group__prefix--start, .directorist-search-field.input-is-focused .directorist-form-group__prefix--start { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-form-group__with-prefix, .directorist-search-field.input-is-focused .directorist-form-group__with-prefix { - padding-left: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -.directorist-search-field.input-has-value .directorist-form-group__with-prefix .directorist-search-field__input, .directorist-search-field.input-is-focused .directorist-form-group__with-prefix .directorist-search-field__input { - bottom: 0; +.directorist-search-field.input-has-value + .directorist-search-field__btn + i::after, +.directorist-search-field.input-is-focused + .directorist-search-field__btn--clear, +.directorist-search-field.input-is-focused + .directorist-search-field__btn + i::after { + opacity: 1; + visibility: visible; +} +.directorist-search-field.input-has-value .directorist-form-group__with-prefix, +.directorist-search-field.input-is-focused + .directorist-form-group__with-prefix { + border-bottom: 2px solid var(--directorist-color-primary); +} +.directorist-search-field.input-has-value + .directorist-form-group__prefix--start, +.directorist-search-field.input-is-focused + .directorist-form-group__prefix--start { + opacity: 1; +} +.directorist-search-field.input-has-value .directorist-form-group__with-prefix, +.directorist-search-field.input-is-focused + .directorist-form-group__with-prefix { + padding-left: 25px; + box-sizing: border-box; +} +.directorist-search-field.input-has-value + .directorist-form-group__with-prefix + .directorist-search-field__input, +.directorist-search-field.input-is-focused + .directorist-form-group__with-prefix + .directorist-search-field__input { + bottom: 0; } .directorist-search-field.input-has-value .directorist-select, -.directorist-search-field.input-has-value .directorist-search-field__input, .directorist-search-field.input-is-focused .directorist-select, +.directorist-search-field.input-has-value .directorist-search-field__input, +.directorist-search-field.input-is-focused .directorist-select, .directorist-search-field.input-is-focused .directorist-search-field__input { - position: relative; - bottom: -5px; + position: relative; + bottom: -5px; } .directorist-search-field.input-has-value.input-has-noLabel .directorist-select, -.directorist-search-field.input-has-value.input-has-noLabel .directorist-search-field__input, .directorist-search-field.input-is-focused.input-has-noLabel .directorist-select, -.directorist-search-field.input-is-focused.input-has-noLabel .directorist-search-field__input { - bottom: 0; - margin-top: 0 !important; -} -.directorist-search-field.input-has-value.directorist-date .directorist-search-field__label, .directorist-search-field.input-has-value.directorist-time .directorist-search-field__label, .directorist-search-field.input-has-value.directorist-color .directorist-search-field__label, -.directorist-search-field.input-has-value .directorist-select .directorist-search-field__label, .directorist-search-field.input-is-focused.directorist-date .directorist-search-field__label, .directorist-search-field.input-is-focused.directorist-time .directorist-search-field__label, .directorist-search-field.input-is-focused.directorist-color .directorist-search-field__label, -.directorist-search-field.input-is-focused .directorist-select .directorist-search-field__label { - opacity: 1; -} -.directorist-search-field.input-has-value .directorist-location-js, .directorist-search-field.input-is-focused .directorist-location-js { - padding-left: 45px; -} -.directorist-search-field.input-has-value .select2-selection--single .select2-selection__rendered, -.directorist-search-field.input-has-value .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, .directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered, -.directorist-search-field.input-is-focused .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-dark); -} -.directorist-search-field.input-has-value .directorist-select2-addons-area .directorist-icon-mask:after, .directorist-search-field.input-is-focused .directorist-select2-addons-area .directorist-icon-mask:after { - background-color: var(--directorist-color-dark); -} -.directorist-search-field.directorist-date .directorist-search-field__label, .directorist-search-field.directorist-time .directorist-search-field__label, .directorist-search-field.directorist-color .directorist-search-field__label, +.directorist-search-field.input-has-value.input-has-noLabel + .directorist-search-field__input, +.directorist-search-field.input-is-focused.input-has-noLabel + .directorist-select, +.directorist-search-field.input-is-focused.input-has-noLabel + .directorist-search-field__input { + bottom: 0; + margin-top: 0 !important; +} +.directorist-search-field.input-has-value.directorist-date + .directorist-search-field__label, +.directorist-search-field.input-has-value.directorist-time + .directorist-search-field__label, +.directorist-search-field.input-has-value.directorist-color + .directorist-search-field__label, +.directorist-search-field.input-has-value + .directorist-select + .directorist-search-field__label, +.directorist-search-field.input-is-focused.directorist-date + .directorist-search-field__label, +.directorist-search-field.input-is-focused.directorist-time + .directorist-search-field__label, +.directorist-search-field.input-is-focused.directorist-color + .directorist-search-field__label, +.directorist-search-field.input-is-focused + .directorist-select + .directorist-search-field__label { + opacity: 1; +} +.directorist-search-field.input-has-value .directorist-location-js, +.directorist-search-field.input-is-focused .directorist-location-js { + padding-left: 45px; +} +.directorist-search-field.input-has-value + .select2-selection--single + .select2-selection__rendered, +.directorist-search-field.input-has-value + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder, +.directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered, +.directorist-search-field.input-is-focused + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-dark); +} +.directorist-search-field.input-has-value + .directorist-select2-addons-area + .directorist-icon-mask:after, +.directorist-search-field.input-is-focused + .directorist-select2-addons-area + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); +} +.directorist-search-field.directorist-date .directorist-search-field__label, +.directorist-search-field.directorist-time .directorist-search-field__label, +.directorist-search-field.directorist-color .directorist-search-field__label, .directorist-search-field .directorist-select .directorist-search-field__label { - opacity: 0; + opacity: 0; } -.directorist-search-field .directorist-select ~ .directorist-search-field__btn--clear, -.directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - left: 25px; +.directorist-search-field + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + left: 25px; } .directorist-search-field .directorist-select .directorist-icon-mask:after, -.directorist-search-field .directorist-filter-location-icon .directorist-icon-mask:after { - background-color: #808080; +.directorist-search-field + .directorist-filter-location-icon + .directorist-icon-mask:after { + background-color: #808080; } -.directorist-search-field .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - bottom: 8px; +.directorist-search-field + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + bottom: 8px; } -.directorist-preload .directorist-search-form-top .directorist-search-field__label ~ .directorist-search-field__input { - opacity: 0; - pointer-events: none; +.directorist-preload + .directorist-search-form-top + .directorist-search-field__label + ~ .directorist-search-field__input { + opacity: 0; + pointer-events: none; } .directorist-search-form__box { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - width: 100%; - border: none; - border-radius: 10px; - padding: 22px 25px 22px 22px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-box-sizing: border-box; - box-sizing: border-box; + display: flex; + align-items: flex-start; + justify-content: space-between; + flex-wrap: wrap; + width: 100%; + border: none; + border-radius: 10px; + padding: 22px 25px 22px 22px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + box-sizing: border-box; } @media screen and (max-width: 767px) { - .directorist-search-form__box { - gap: 15px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-search-form__box { + gap: 15px; + flex-direction: column; + } } @media only screen and (max-width: 575px) { - .directorist-search-form__box { - padding: 0; - -webkit-box-shadow: unset; - box-shadow: unset; - border: none; - } - .directorist-search-form__box .directorist-search-form-action { - display: none; - } + .directorist-search-form__box { + padding: 0; + box-shadow: unset; + border: none; + } + .directorist-search-form__box .directorist-search-form-action { + display: none; + } } .directorist-search-form__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 18px; + display: flex; + flex-wrap: wrap; + flex: 1; + gap: 18px; } @media screen and (max-width: 767px) { - .directorist-search-form__top { - width: 100%; - } + .directorist-search-form__top { + width: 100%; + } } @media screen and (min-width: 576px) { - .directorist-search-form__top { - margin-top: 5px; - } - .directorist-search-form__top .directorist-search-modal__minimizer { - display: none; - } - .directorist-search-form__top .directorist-search-modal__contents { - border-radius: 0; - z-index: 1; - } - .directorist-search-form__top .directorist-search-query:after { - display: none; - } - .directorist-search-form__top .directorist-search-modal__input { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 30%; - -webkit-flex: 30%; - -ms-flex: 30%; - flex: 30%; - margin: 0; - border: none; - border-radius: 0; - } - .directorist-search-form__top .directorist-search-modal__input .directorist-search-modal__input__btn { - display: none; - } - .directorist-search-form__top .directorist-search-modal__input .directorist-form-group .directorist-form-element:focus { - border-bottom: 2px solid var(--directorist-color-primary); - } - .directorist-search-form__top .directorist-search-modal__contents__body .directorist-search-modal__input .directorist-search-field { - border: 0 none; - } - .directorist-search-form__top .directorist-search-modal__input:not(:nth-last-child(1)) .directorist-search-field { - border-left: 1px solid var(--directorist-color-border); - } - .directorist-search-form__top .directorist-search-adv-filter.directorist-advanced-filter.directorist-search-modal__contents { - position: unset; - opacity: 1 !important; - visibility: visible !important; - -webkit-transform: unset; - transform: unset; - width: 100%; - margin: 0; - max-width: unset; - overflow: visible; - } - .directorist-search-form__top .directorist-search-modal__contents__body { - height: auto; - padding: 0; - gap: 18px; - margin: 0; - overflow: unset; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } - .directorist-search-form__top .directorist-advanced-filter .directorist-form-group.directorist-icon-left .directorist-input-icon { - right: 15px; - } - .directorist-search-form__top .directorist-advanced-filter .directorist-form-group.directorist-icon-right .directorist-input-icon, - .directorist-search-form__top .select2-container[dir=ltr] .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - left: 15px; - } - .directorist-search-form__top .select2-container[dir=ltr] .directorist-select2-addons-area .directorist-select2-dropdown-close { - left: 30px; - } - .directorist-search-form__top .directorist-search-modal__input:focus .directorist-select2-dropdown-toggle, - .directorist-search-form__top .directorist-search-modal__input:focus-within .directorist-select2-dropdown-toggle { - display: block; - } - .directorist-search-form__top .directorist-select, - .directorist-search-form__top .directorist-search-category { - width: calc(100% + 15px); - } + .directorist-search-form__top { + margin-top: 5px; + } + .directorist-search-form__top .directorist-search-modal__minimizer { + display: none; + } + .directorist-search-form__top .directorist-search-modal__contents { + border-radius: 0; + z-index: 1; + } + .directorist-search-form__top .directorist-search-query:after { + display: none; + } + .directorist-search-form__top .directorist-search-modal__input { + display: flex; + flex: 30%; + margin: 0; + border: none; + border-radius: 0; + } + .directorist-search-form__top + .directorist-search-modal__input + .directorist-search-modal__input__btn { + display: none; + } + .directorist-search-form__top + .directorist-search-modal__input + .directorist-form-group + .directorist-form-element:focus { + border-bottom: 2px solid var(--directorist-color-primary); + } + .directorist-search-form__top + .directorist-search-modal__contents__body + .directorist-search-modal__input + .directorist-search-field { + border: 0 none; + } + .directorist-search-form__top + .directorist-search-modal__input:not(:nth-last-child(1)) + .directorist-search-field { + border-left: 1px solid var(--directorist-color-border); + } + .directorist-search-form__top + .directorist-search-adv-filter.directorist-advanced-filter.directorist-search-modal__contents { + position: unset; + opacity: 1 !important; + visibility: visible !important; + transform: unset; + width: 100%; + margin: 0; + max-width: unset; + overflow: visible; + } + .directorist-search-form__top .directorist-search-modal__contents__body { + height: auto; + padding: 0; + gap: 18px; + margin: 0; + overflow: unset; + display: flex; + flex-wrap: wrap; + align-items: flex-start; + } + .directorist-search-form__top + .directorist-advanced-filter + .directorist-form-group.directorist-icon-left + .directorist-input-icon { + right: 15px; + } + .directorist-search-form__top + .directorist-advanced-filter + .directorist-form-group.directorist-icon-right + .directorist-input-icon, + .directorist-search-form__top + .select2-container[dir="ltr"] + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + left: 15px; + } + .directorist-search-form__top + .select2-container[dir="ltr"] + .directorist-select2-addons-area + .directorist-select2-dropdown-close { + left: 30px; + } + .directorist-search-form__top + .directorist-search-modal__input:focus + .directorist-select2-dropdown-toggle, + .directorist-search-form__top + .directorist-search-modal__input:focus-within + .directorist-select2-dropdown-toggle { + display: block; + } + .directorist-search-form__top .directorist-select, + .directorist-search-form__top .directorist-search-category { + width: calc(100% + 15px); + } } @media screen and (max-width: 767px) { - .directorist-search-form__top .directorist-search-modal__input { - -webkit-box-flex: 44%; - -webkit-flex: 44%; - -ms-flex: 44%; - flex: 44%; - } + .directorist-search-form__top .directorist-search-modal__input { + flex: 44%; + } } -.directorist-search-form__top .directorist-search-modal__input .directorist-select2-dropdown-close { - display: none; +.directorist-search-form__top + .directorist-search-modal__input + .directorist-select2-dropdown-close { + display: none; } .directorist-search-form__top .directorist-search-form__single-category { - cursor: not-allowed; -} -.directorist-search-form__top .directorist-search-form__single-category .directorist-category-select { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top .directorist-search-form__single-category .directorist-category-select ~ .select2-container { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top .directorist-search-form__single-category ~ .directorist-search-field__btn { - cursor: not-allowed; - pointer-events: none; + cursor: not-allowed; +} +.directorist-search-form__top + .directorist-search-form__single-category + .directorist-category-select { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-category + .directorist-category-select + ~ .select2-container { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-category + ~ .directorist-search-field__btn { + cursor: not-allowed; + pointer-events: none; } .directorist-search-form__top .directorist-search-form__single-location { - cursor: not-allowed; -} -.directorist-search-form__top .directorist-search-form__single-location .directorist-location-select { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top .directorist-search-form__single-location .directorist-location-select ~ .select2-container { - opacity: 0.6; - pointer-events: none; -} -.directorist-search-form__top .directorist-search-form__single-location ~ .directorist-search-field__btn { - cursor: not-allowed; - pointer-events: none; + cursor: not-allowed; +} +.directorist-search-form__top + .directorist-search-form__single-location + .directorist-location-select { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-location + .directorist-location-select + ~ .select2-container { + opacity: 0.6; + pointer-events: none; +} +.directorist-search-form__top + .directorist-search-form__single-location + ~ .directorist-search-field__btn { + cursor: not-allowed; + pointer-events: none; } .directorist-search-form__top .directorist-search-field { - -webkit-box-flex: 30%; - -webkit-flex: 30%; - -ms-flex: 30%; - flex: 30%; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - margin: 0; - position: relative; - padding-bottom: 0; - padding-left: 15px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + flex: 30%; + flex-direction: column; + align-items: flex-start; + margin: 0; + position: relative; + padding-bottom: 0; + padding-left: 15px; + box-sizing: border-box; } .directorist-search-form__top .directorist-search-field:not(:last-child) { - border-left: 1px solid var(--directorist-color-border); + border-left: 1px solid var(--directorist-color-border); } .directorist-search-form__top .directorist-search-field__btn--clear { - left: 15px; - bottom: 8px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input { - padding-left: 25px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input.directorist-select, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input.directorist-select { - padding-left: 0; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-location-js, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-location-js { - padding-left: 45px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .select2-container .select2-selection, .directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .select2-selection { - width: 100%; -} -.directorist-search-form__top .directorist-search-field.input-has-value .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle, .directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - left: 15px; + left: 15px; + bottom: 8px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input { + padding-left: 25px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input.directorist-select, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input.directorist-select { + padding-left: 0; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::placeholder, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-location-js, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-left: 45px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .select2-container + .select2-selection, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .select2-container + .select2-selection { + width: 100%; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + left: 15px; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle, .directorist-search-form__top .directorist-search-field.input-is-focused .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - left: 5px; - } -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select, -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select, -.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon { - margin-top: 3px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear, -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear, -.directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - left: 38px; - bottom: 8px; - top: unset; - -webkit-transform: unset; - transform: unset; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear { - bottom: 10px; + .directorist-search-form__top + .directorist-search-field.input-has-value + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + left: 5px; + } +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select, +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 3px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + left: 38px; + bottom: 8px; + top: unset; + transform: unset; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear { + bottom: 10px; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear { - left: 25px !important; - } -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap { - top: 12px; -} -.directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap ~ .directorist-search-field__btn--clear { - bottom: 0; + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear { + left: 25px !important; + } +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap { + top: 12px; +} +.directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear { + bottom: 0; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap { - top: 0; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-color-picker-wrap ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-color-picker-wrap ~ .directorist-search-field__btn--clear { - bottom: unset; - } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap { + top: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-color-picker-wrap + ~ .directorist-search-field__btn--clear { + bottom: unset; + } } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-has-noLabel) .directorist-select ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused:not(.input-has-noLabel) .directorist-select ~ .directorist-search-field__btn--clear { - left: 10px !important; - } -} -.directorist-search-form__top .directorist-search-field.input-has-value.atbdp-form-fade:after, .directorist-search-form__top .directorist-search-field.input-is-focused.atbdp-form-fade:after { - margin-top: 3px; -} -.directorist-search-form__top .directorist-search-field .directorist-form-element { - border: 0 none; - background-color: transparent; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border-bottom: 2px solid transparent; -} -.directorist-search-form__top .directorist-search-field .directorist-form-element:focus { - border-color: var(--directorist-color-primary); + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused:not(.input-has-noLabel) + .directorist-select + ~ .directorist-search-field__btn--clear { + left: 10px !important; + } +} +.directorist-search-form__top + .directorist-search-field.input-has-value.atbdp-form-fade:after, +.directorist-search-form__top + .directorist-search-field.input-is-focused.atbdp-form-fade:after { + margin-top: 3px; +} +.directorist-search-form__top + .directorist-search-field + .directorist-form-element { + border: 0 none; + background-color: transparent; + transition: all 0.3s ease-in-out; + border-bottom: 2px solid transparent; +} +.directorist-search-form__top + .directorist-search-field + .directorist-form-element:focus { + border-color: var(--directorist-color-primary); } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field .directorist-form-element { - border: 0 none; - border-radius: 0; - overflow: hidden; - -ms-text-overflow: ellipsis; - text-overflow: ellipsis; - } -} -.directorist-search-form__top .directorist-search-field .directorist-year-ranges__item .directorist-form-element { - border-bottom: 2px solid var(--directorist-color-border); -} -.directorist-search-form__top .directorist-search-field .directorist-year-ranges__item .directorist-form-element:focus { - border-color: var(--directorist-color-primary); -} -.directorist-search-form__top .directorist-search-field .directorist-price-ranges__item .directorist-form-element { - border: none !important; -} -.directorist-search-form__top .directorist-search-field .directorist-price-ranges__item .directorist-form-element:focus { - border: none !important; -} -.directorist-search-form__top .directorist-search-field.directorist-search-field-radius_search .directorist-custom-range-slider__range__wrap { - left: 15px; -} -.directorist-search-form__top .directorist-search-field .directorist-select select, -.directorist-search-form__top .directorist-search-field .directorist-select .directorist-select__label { - border: 0 none; + .directorist-search-form__top + .directorist-search-field + .directorist-form-element { + border: 0 none; + border-radius: 0; + overflow: hidden; + -o-text-overflow: ellipsis; + -ms-text-overflow: ellipsis; + text-overflow: ellipsis; + } +} +.directorist-search-form__top + .directorist-search-field + .directorist-year-ranges__item + .directorist-form-element { + border-bottom: 2px solid var(--directorist-color-border); +} +.directorist-search-form__top + .directorist-search-field + .directorist-year-ranges__item + .directorist-form-element:focus { + border-color: var(--directorist-color-primary); +} +.directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__item + .directorist-form-element { + border: none !important; +} +.directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__item + .directorist-form-element:focus { + border: none !important; +} +.directorist-search-form__top + .directorist-search-field.directorist-search-field-radius_search + .directorist-custom-range-slider__range__wrap { + left: 15px; +} +.directorist-search-form__top + .directorist-search-field + .directorist-select + select, +.directorist-search-form__top + .directorist-search-field + .directorist-select + .directorist-select__label { + border: 0 none; } .directorist-search-form__top .directorist-search-field .wp-picker-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap { - margin: 0; +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap { + margin: 0; } @media screen and (max-width: 480px) { - .directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap label { - width: 70px; -} -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap label input { - padding-left: 10px; - bottom: 0; -} -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-input-wrap .wp-picker-clear { - margin: 0; - width: 100px; -} -.directorist-search-form__top .directorist-search-field .wp-picker-container .wp-picker-holder { - top: 45px; -} -.directorist-search-form__top .directorist-search-field .directorist-checkbox-wrapper, -.directorist-search-form__top .directorist-search-field .directorist-radio-wrapper, -.directorist-search-form__top .directorist-search-field .directorist-search-tags { - padding: 0; - gap: 20px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-search-form__top .directorist-search-field .select2.select2-container.select2-container--default .select2-selection__rendered { - font-size: 14px; - font-weight: 500; + .directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap { + flex-direction: column; + } +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap + label { + width: 70px; +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap + label + input { + padding-left: 10px; + bottom: 0; +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-input-wrap + .wp-picker-clear { + margin: 0; + width: 100px; +} +.directorist-search-form__top + .directorist-search-field + .wp-picker-container + .wp-picker-holder { + top: 45px; +} +.directorist-search-form__top + .directorist-search-field + .directorist-checkbox-wrapper, +.directorist-search-form__top + .directorist-search-field + .directorist-radio-wrapper, +.directorist-search-form__top + .directorist-search-field + .directorist-search-tags { + padding: 0; + gap: 20px; + flex-wrap: wrap; + flex-direction: column; +} +.directorist-search-form__top + .directorist-search-field + .select2.select2-container.select2-container--default + .select2-selection__rendered { + font-size: 14px; + font-weight: 500; } .directorist-search-form__top .directorist-search-field .directorist-btn-ml { - display: block; - font-size: 13px; - font-weight: 500; - margin-top: 10px; - color: var(--directorist-color-body); + display: block; + font-size: 13px; + font-weight: 500; + margin-top: 10px; + color: var(--directorist-color-body); } -.directorist-search-form__top .directorist-search-field .directorist-btn-ml:hover { - color: var(--directorist-color-primary); +.directorist-search-form__top + .directorist-search-field + .directorist-btn-ml:hover { + color: var(--directorist-color-primary); } @media screen and (max-width: 767px) { - .directorist-search-form__top .directorist-search-field { - -webkit-box-flex: 44%; - -webkit-flex: 44%; - -ms-flex: 44%; - flex: 44%; - } + .directorist-search-form__top .directorist-search-field { + flex: 44%; + } } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field { - -webkit-box-flex: 100%; - -webkit-flex: 100%; - -ms-flex: 100%; - flex: 100%; - margin: 0 20px; - border: none !important; - } - .directorist-search-form__top .directorist-search-field__label { - right: 0; - min-width: 14px; - } - .directorist-search-form__top .directorist-search-field__label:before { - content: ""; - width: 14px; - height: 14px; - position: absolute; - right: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - background-color: var(--directorist-color-body); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/e6b033cae029287f53b3.svg); - mask-image: url(../js/e6b033cae029287f53b3.svg); - opacity: 0; - } - .directorist-search-form__top .directorist-search-field__btn { - bottom: unset; - left: 40px; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - -webkit-transition: all 0.3s ease; - transition: all 0.3s ease; - } - .directorist-search-form__top .directorist-search-field__btn i::after { - width: 14px; - height: 14px; - } - .directorist-search-form__top .directorist-search-field .select2-container.select2-container--default .select2-selection--single { - width: 100%; - } - .directorist-search-form__top .directorist-search-field .select2-container .directorist-select2-addons-area .directorist-select2-dropdown-toggle { - position: absolute; - left: 5px; - padding: 0; - width: auto; - } - .directorist-search-form__top .directorist-search-field.input-has-value, .directorist-search-form__top .directorist-search-field.input-is-focused { - padding: 0; - margin: 0 40px; - } + .directorist-search-form__top .directorist-search-field { + flex: 100%; + margin: 0 20px; + border: none !important; + } + .directorist-search-form__top .directorist-search-field__label { + right: 0; + min-width: 14px; + } + .directorist-search-form__top .directorist-search-field__label:before { + content: ""; + width: 14px; + height: 14px; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + background-color: var(--directorist-color-body); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/447c512963a6e865700c065e70bb46b7.svg); + opacity: 0; + } + .directorist-search-form__top .directorist-search-field__btn { + bottom: unset; + left: 40px; + top: 50%; + transform: translateY(-50%); + transition: all 0.3s ease; + } + .directorist-search-form__top .directorist-search-field__btn i::after { + width: 14px; + height: 14px; + } + .directorist-search-form__top + .directorist-search-field + .select2-container.select2-container--default + .select2-selection--single { + width: 100%; + } + .directorist-search-form__top + .directorist-search-field + .select2-container + .directorist-select2-addons-area + .directorist-select2-dropdown-toggle { + position: absolute; + left: 5px; + padding: 0; + width: auto; + } + .directorist-search-form__top .directorist-search-field.input-has-value, + .directorist-search-form__top .directorist-search-field.input-is-focused { + padding: 0; + margin: 0 40px; + } } @media screen and (max-width: 575px) and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel, .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel { - margin: 0 20px; - } - .directorist-search-form__top .directorist-search-field.input-has-value.input-has-noLabel .directorist-search-field__btn, .directorist-search-form__top .directorist-search-field.input-is-focused.input-has-noLabel .directorist-search-field__btn { - left: 0; - } + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel, + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel { + margin: 0 20px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.input-has-noLabel + .directorist-search-field__btn, + .directorist-search-form__top + .directorist-search-field.input-is-focused.input-has-noLabel + .directorist-search-field__btn { + left: 0; + } } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input { - bottom: 0; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-webkit-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-webkit-input-placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-moz-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-moz-placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input:-ms-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input:-ms-input-placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::-ms-input-placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::-ms-input-placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input::placeholder, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input::placeholder { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__label, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__label { - font-size: 0 !important; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - right: -25px; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__label:before, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__label:before { - opacity: 1; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__btn, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__btn { - left: -20px; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__btn i::after, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__btn i::after { - width: 14px; - height: 14px; - opacity: 1; - visibility: visible; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - left: 25px; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-select ~ .directorist-search-field__btn--clear, - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon ~ .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select ~ .directorist-search-field__btn--clear, - .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon ~ .directorist-search-field__btn--clear { - bottom: 12px; - top: unset; - -webkit-transform: unset; - transform: unset; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-select, - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-select, - .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-search-field__input { - padding-left: 0; - } - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-location-js, .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-location-js { - padding-left: 30px; - } - .directorist-search-form__top .directorist-search-field.input-has-value.atbdp-form-fade:after, - .directorist-search-form__top .directorist-search-field.input-has-value .directorist-filter-location-icon, .directorist-search-form__top .directorist-search-field.input-is-focused.atbdp-form-fade:after, - .directorist-search-form__top .directorist-search-field.input-is-focused .directorist-filter-location-icon { - margin-top: 0; - } - .directorist-search-form__top .directorist-search-field.input-has-value.directorist-icon-right .directorist-input-icon, .directorist-search-form__top .directorist-search-field.input-is-focused.directorist-icon-right .directorist-input-icon { - left: -20px; - bottom: 12px; - } - .directorist-search-form__top .directorist-search-field.input-has-value.directorist-icon-right .directorist-input-icon.directorist-filter-location-icon, .directorist-search-form__top .directorist-search-field.input-is-focused.directorist-icon-right .directorist-input-icon.directorist-filter-location-icon { - left: 0; - bottom: 8px; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__label { - opacity: 0; - font-size: 0 !important; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-webkit-input-placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-moz-placeholder { - opacity: 0; - -moz-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input:-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::-ms-input-placeholder { - opacity: 0; - -ms-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field.input-has-value:not(.input-is-focused) .directorist-search-field__input::placeholder { - opacity: 0; - -webkit-transition: opacity 0.3s ease; - transition: opacity 0.3s ease; - } - .directorist-search-form__top .directorist-search-field .directorist-price-ranges__label { - top: 12px; - right: 0; - } - .directorist-search-form__top .directorist-search-field .directorist-price-ranges__currency { - top: 12px; - right: 32px; - } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input { + bottom: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input::placeholder, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input::placeholder { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__label, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__label { + font-size: 0 !important; + top: 50%; + transform: translateY(-50%); + right: -25px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__label:before, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__label:before { + opacity: 1; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__btn, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__btn { + left: -20px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__btn + i::after, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__btn + i::after { + width: 14px; + height: 14px; + opacity: 1; + visibility: visible; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + left: 25px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select + ~ .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon + ~ .directorist-search-field__btn--clear { + bottom: 12px; + top: unset; + transform: unset; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-select, + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-search-field__input, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-select, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-search-field__input { + padding-left: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-location-js, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-location-js { + padding-left: 30px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.atbdp-form-fade:after, + .directorist-search-form__top + .directorist-search-field.input-has-value + .directorist-filter-location-icon, + .directorist-search-form__top + .directorist-search-field.input-is-focused.atbdp-form-fade:after, + .directorist-search-form__top + .directorist-search-field.input-is-focused + .directorist-filter-location-icon { + margin-top: 0; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.directorist-icon-right + .directorist-input-icon, + .directorist-search-form__top + .directorist-search-field.input-is-focused.directorist-icon-right + .directorist-input-icon { + left: -20px; + bottom: 12px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value.directorist-icon-right + .directorist-input-icon.directorist-filter-location-icon, + .directorist-search-form__top + .directorist-search-field.input-is-focused.directorist-icon-right + .directorist-input-icon.directorist-filter-location-icon { + left: 0; + bottom: 8px; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__label { + opacity: 0; + font-size: 0 !important; + } + .directorist-search-form__top + .directorist-search-field.input-has-value:not(.input-is-focused) + .directorist-search-field__input::placeholder { + opacity: 0; + transition: opacity 0.3s ease; + } + .directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__label { + top: 12px; + right: 0; + } + .directorist-search-form__top + .directorist-search-field + .directorist-price-ranges__currency { + top: 12px; + right: 32px; + } } .directorist-search-form__top .select2-container { - width: 100%; -} -.directorist-search-form__top .select2-container.select2-container--default .select2-selection--single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 5px 0; - border: 0 none !important; - width: calc(100% - 15px); -} -.directorist-search-form__top .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder { - color: var(--directorist-color-body); -} -.directorist-search-form__top .select2-container.select2-container--default .directorist-select2-addons-area .directorist-icon-mask { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-form__top .select2-container.select2-container--default .directorist-select2-addons-area .directorist-icon-mask:after { - width: 12px; - height: 12px; - background-color: #808080; -} -.directorist-search-form__top .select2-container .directorist-select2-dropdown-close { - display: none; -} -.directorist-search-form__top .select2-container .directorist-select2-dropdown-toggle { - position: absolute; - padding: 0; - width: auto; -} -.directorist-search-form__top input[type=number]::-webkit-outer-spin-button, -.directorist-search-form__top input[type=number]::-webkit-inner-spin-button { - -webkit-appearance: none; - appearance: none; - margin: 0; + width: 100%; +} +.directorist-search-form__top + .select2-container.select2-container--default + .select2-selection--single { + display: flex; + align-items: center; + padding: 5px 0; + border: 0 none !important; + width: calc(100% - 15px); +} +.directorist-search-form__top + .select2-container.select2-container--default + .select2-selection--single + .select2-selection__rendered + .select2-selection__placeholder { + color: var(--directorist-color-body); +} +.directorist-search-form__top + .select2-container.select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask { + display: flex; + flex: 1; + justify-content: flex-end; +} +.directorist-search-form__top + .select2-container.select2-container--default + .directorist-select2-addons-area + .directorist-icon-mask:after { + width: 12px; + height: 12px; + background-color: #808080; +} +.directorist-search-form__top + .select2-container + .directorist-select2-dropdown-close { + display: none; +} +.directorist-search-form__top + .select2-container + .directorist-select2-dropdown-toggle { + position: absolute; + padding: 0; + width: auto; +} +.directorist-search-form__top input[type="number"]::-webkit-outer-spin-button, +.directorist-search-form__top input[type="number"]::-webkit-inner-spin-button { + appearance: none; + margin: 0; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-form-dropdown { - padding: 0 !important; - margin-left: 5px !important; - } - .directorist-search-form__top .directorist-search-form-dropdown .directorist-search-field__btn { - left: 0; - } -} -.directorist-search-form__top .directorist-search-form-dropdown .directorist-search-field__btn--clear { - bottom: 12px; - opacity: 0; - visibility: hidden; -} -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - padding-left: 25px; -} -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label { - opacity: 1 !important; - visibility: visible; - font-size: 14px !important; - font-weight: 500; -} -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-item { - font-weight: 600; - margin-right: 5px; -} -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn--clear, -.directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn i::after, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn--clear, -.directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn i::after { - opacity: 1; - visibility: visible; + .directorist-search-form__top .directorist-search-form-dropdown { + padding: 0 !important; + margin-left: 5px !important; + } + .directorist-search-form__top + .directorist-search-form-dropdown + .directorist-search-field__btn { + left: 0; + } +} +.directorist-search-form__top + .directorist-search-form-dropdown + .directorist-search-field__btn--clear { + bottom: 12px; + opacity: 0; + visibility: hidden; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-left: 25px; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label { + opacity: 1 !important; + visibility: visible; + font-size: 14px !important; + font-weight: 500; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-item { + font-weight: 600; + margin-right: 5px; +} +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn + i::after, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn--clear, +.directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn + i::after { + opacity: 1; + visibility: visible; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-form-dropdown.input-has-value, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused { - margin-left: 20px !important; - } - .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__input, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__input { - padding-left: 0 !important; - } - .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn { - left: 20px; - } - .directorist-search-form__top .directorist-search-form-dropdown.input-has-value .directorist-search-field__btn--clear, .directorist-search-form__top .directorist-search-form-dropdown.input-is-focused .directorist-search-field__btn--clear { - bottom: 5px; - } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused { + margin-left: 20px !important; + } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__input, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__input { + padding-left: 0 !important; + } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn { + left: 20px; + } + .directorist-search-form__top + .directorist-search-form-dropdown.input-has-value + .directorist-search-field__btn--clear, + .directorist-search-form__top + .directorist-search-form-dropdown.input-is-focused + .directorist-search-field__btn--clear { + bottom: 5px; + } } .directorist-search-form__top .directorist-search-basic-dropdown { - position: relative; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - position: relative; - padding: 0; - width: 100%; - max-width: unset; - height: 40px; - line-height: 40px; - margin-bottom: 0 !important; - font-size: 14px; - font-weight: 400; - cursor: pointer; - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; - color: var(--directorist-color-body); -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-prefix:not(:empty) { - -webkit-margin-end: 5px; - margin-inline-end: 5px; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label .directorist-search-basic-dropdown-selected-count:not(:empty) { - width: 20px; - height: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-white); - background-color: var(--directorist-color-primary); - font-size: 10px; - border-radius: 100%; - -webkit-margin-start: 10px; - margin-inline-start: 10px; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label i:after { - width: 12px; - height: 12px; - background-color: #808080; + position: relative; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + position: relative; + padding: 0; + width: 100%; + max-width: unset; + height: 40px; + line-height: 40px; + margin-bottom: 0 !important; + font-size: 14px; + font-weight: 400; + cursor: pointer; + position: unset !important; + transform: unset !important; + color: var(--directorist-color-body); +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-prefix:not(:empty) { + margin-inline-end: 5px; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + .directorist-search-basic-dropdown-selected-count:not(:empty) { + width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + font-size: 10px; + border-radius: 100%; + margin-inline-start: 10px; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i { + display: flex; + flex: 1; + justify-content: flex-end; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label + i:after { + width: 12px; + height: 12px; + background-color: #808080; } @media screen and (max-width: 575px) { - .directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-label:before { - right: -20px !important; - } -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content { - position: absolute; - top: 100%; - right: 0; - width: 100%; - min-width: 150px; - padding: 15px 20px; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - -webkit-box-sizing: border-box; - box-sizing: border-box; - max-height: 250px; - overflow-y: auto; - z-index: 100; - display: none; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content.dropdown-content-show { - display: block; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-search-tags, -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-radio-wrapper, -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox-wrapper { - gap: 12px; -} -.directorist-search-form__top .directorist-search-basic-dropdown .directorist-search-basic-dropdown-content .directorist-checkbox__label { - width: 100%; + .directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-label:before { + right: -20px !important; + } +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content { + position: absolute; + top: 100%; + right: 0; + width: 100%; + min-width: 150px; + padding: 15px 20px; + border-radius: 8px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + box-sizing: border-box; + max-height: 250px; + overflow-y: auto; + z-index: 100; + display: none; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content.dropdown-content-show { + display: block; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-search-tags, +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-radio-wrapper, +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox-wrapper { + gap: 12px; +} +.directorist-search-form__top + .directorist-search-basic-dropdown + .directorist-search-basic-dropdown-content + .directorist-checkbox__label { + width: 100%; } .directorist-search-form__top .directorist-form-group__with-prefix { - border: none; + border: none; } -.directorist-search-form__top .directorist-form-group__with-prefix .directorist-search-field__input { - padding-left: 0 !important; - border: none !important; - bottom: 0; +.directorist-search-form__top + .directorist-form-group__with-prefix + .directorist-search-field__input { + padding-left: 0 !important; + border: none !important; + bottom: 0; } -.directorist-search-form__top .directorist-form-group__with-prefix .directorist-search-field__input:focus { - border: none !important; +.directorist-search-form__top + .directorist-form-group__with-prefix + .directorist-search-field__input:focus { + border: none !important; } -.directorist-search-form__top .directorist-form-group__with-prefix .directorist-form-element { - padding-right: 0 !important; +.directorist-search-form__top + .directorist-form-group__with-prefix + .directorist-form-element { + padding-right: 0 !important; } -.directorist-search-form__top .directorist-form-group__with-prefix ~ .directorist-search-field__btn--clear { - bottom: 12px; +.directorist-search-form__top + .directorist-form-group__with-prefix + ~ .directorist-search-field__btn--clear { + bottom: 12px; } .directorist-search-form-action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-margin-end: auto; - margin-inline-end: auto; - -webkit-padding-start: 10px; - padding-inline-start: 10px; - gap: 10px; + display: flex; + align-items: center; + margin-inline-end: auto; + padding-inline-start: 10px; + gap: 10px; } @media only screen and (max-width: 767px) { - .directorist-search-form-action { - -webkit-padding-start: 0; - padding-inline-start: 0; - } + .directorist-search-form-action { + padding-inline-start: 0; + } } @media only screen and (max-width: 575px) { - .directorist-search-form-action { - width: 100%; - } + .directorist-search-form-action { + width: 100%; + } } .directorist-search-form-action button { - text-decoration: none; - text-transform: capitalize; + text-decoration: none; + text-transform: capitalize; } .directorist-search-form-action__filter .directorist-filter-btn { - gap: 6px; - height: 50px; - padding: 0 18px; - font-weight: 400; - background-color: var(--directorist-color-white) !important; - border-color: var(--directorist-color-white); - color: var(--directorist-color-btn-primary-bg); -} -.directorist-search-form-action__filter .directorist-filter-btn .directorist-icon-mask::after { - height: 12px; - width: 14px; - background-color: var(--directorist-color-btn-primary-bg); + gap: 6px; + height: 50px; + padding: 0 18px; + font-weight: 400; + background-color: var(--directorist-color-white) !important; + border-color: var(--directorist-color-white); + color: var(--directorist-color-btn-primary-bg); +} +.directorist-search-form-action__filter + .directorist-filter-btn + .directorist-icon-mask::after { + height: 12px; + width: 14px; + background-color: var(--directorist-color-btn-primary-bg); } .directorist-search-form-action__filter .directorist-filter-btn:hover { - color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); + color: rgba(var(--directorist-color-btn-primary-rgb), 0.8); } @media only screen and (max-width: 767px) { - .directorist-search-form-action__filter .directorist-filter-btn { - padding-right: 0; - } + .directorist-search-form-action__filter .directorist-filter-btn { + padding-right: 0; + } } @media only screen and (max-width: 575px) { - .directorist-search-form-action__filter { - display: none; - } + .directorist-search-form-action__filter { + display: none; + } } .directorist-search-form-action__submit .directorist-btn-search { - gap: 8px; - height: 50px; - padding: 0 25px; - font-size: 15px; - font-weight: 700; - border-radius: 8px; -} -.directorist-search-form-action__submit .directorist-btn-search .directorist-icon-mask::after { - height: 16px; - width: 16px; - background-color: var(--directorist-color-white); - -webkit-transform: rotate(-270deg); - transform: rotate(-270deg); + gap: 8px; + height: 50px; + padding: 0 25px; + font-size: 15px; + font-weight: 700; + border-radius: 8px; +} +.directorist-search-form-action__submit + .directorist-btn-search + .directorist-icon-mask::after { + height: 16px; + width: 16px; + background-color: var(--directorist-color-white); + transform: rotate(-270deg); } @media only screen and (max-width: 575px) { - .directorist-search-form-action__submit { - display: none; - } + .directorist-search-form-action__submit { + display: none; + } } .directorist-search-form-action__modal { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: flex; + flex-wrap: wrap; + gap: 20px; } @media only screen and (max-width: 575px) { - .directorist-search-form-action__modal { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .directorist-search-form-action__modal { + flex: 0 0 100%; + } } @media only screen and (min-width: 576px) { - .directorist-search-form-action__modal { - display: none; - } + .directorist-search-form-action__modal { + display: none; + } } .directorist-search-form-action__modal__btn-search { - gap: 8px; - width: 100%; - height: 44px; - padding: 0 25px; - font-weight: 600; - border-radius: 22px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + gap: 8px; + width: 100%; + height: 44px; + padding: 0 25px; + font-weight: 600; + border-radius: 22px; + flex: 1; } .directorist-search-form-action__modal__btn-search i::after { - width: 16px; - height: 16px; - -webkit-transform: rotate(-270deg); - transform: rotate(-270deg); + width: 16px; + height: 16px; + transform: rotate(-270deg); } .directorist-search-form-action__modal__btn-advanced { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-search-form-action__modal__btn-advanced .directorist-icon-mask:after { - height: 16px; - width: 16px; + display: flex; + align-items: center; + justify-content: center; +} +.directorist-search-form-action__modal__btn-advanced + .directorist-icon-mask:after { + height: 16px; + width: 16px; } .atbdp-form-fade { - position: relative; - border-radius: 8px; - overflow: visible; + position: relative; + border-radius: 8px; + overflow: visible; } .atbdp-form-fade.directorist-search-form__box { - padding: 15px; - border-radius: 10px; + padding: 15px; + border-radius: 10px; } .atbdp-form-fade.directorist-search-form__box:after { - border-radius: 10px; + border-radius: 10px; } -.atbdp-form-fade.directorist-search-field input[type=text] { - padding-right: 15px; +.atbdp-form-fade.directorist-search-field input[type="text"] { + padding-right: 15px; } .atbdp-form-fade:before { - position: absolute; - content: ""; - width: 25px; - height: 25px; - border: 2px solid var(--directorist-color-primary); - border-top-color: transparent; - border-radius: 50%; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); - -webkit-animation: atbd_spin2 2s linear infinite; - animation: atbd_spin2 2s linear infinite; - z-index: 9999; + position: absolute; + content: ""; + width: 25px; + height: 25px; + border: 2px solid var(--directorist-color-primary); + border-top-color: transparent; + border-radius: 50%; + right: 50%; + top: 50%; + transform: translate(50%, -50%); + animation: atbd_spin2 2s linear infinite; + z-index: 9999; } .atbdp-form-fade:after { - position: absolute; - content: ""; - width: 100%; - height: 100%; - right: 0; - top: 0; - border-radius: 8px; - background: rgba(var(--directorist-color-primary-rgb), 0.3); - z-index: 9998; + position: absolute; + content: ""; + width: 100%; + height: 100%; + right: 0; + top: 0; + border-radius: 8px; + background: rgba(var(--directorist-color-primary-rgb), 0.3); + z-index: 9998; } .directorist-on-scroll-loading { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-align: center; - font-size: 18px; - font-weight: 500; - color: var(--directorist-color-primary); - gap: 8px; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + font-size: 18px; + font-weight: 500; + color: var(--directorist-color-primary); + gap: 8px; } .directorist-on-scroll-loading .directorist-spinner { - width: 25px; - height: 25px; - margin: 0; - background: transparent; - border-top: 3px solid var(--directorist-color-primary); - border-left: 3px solid transparent; - border-radius: 50%; - -webkit-animation: 1s rotate360 linear infinite; - animation: 1s rotate360 linear infinite; + width: 25px; + height: 25px; + margin: 0; + background: transparent; + border-top: 3px solid var(--directorist-color-primary); + border-left: 3px solid transparent; + border-radius: 50%; + animation: 1s rotate360 linear infinite; } .directorist-listing-type-selection { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: end; - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - list-style-type: none; + display: flex; + justify-content: center; + align-items: flex-end; + flex-wrap: wrap; + list-style-type: none; } @media only screen and (max-width: 767px) { - .directorist-listing-type-selection { - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - overflow-x: auto; - } + .directorist-listing-type-selection { + flex-wrap: nowrap; + overflow-x: auto; + } } @media only screen and (max-width: 575px) { - .directorist-listing-type-selection { - max-width: -webkit-fit-content; - max-width: -moz-fit-content; - max-width: fit-content; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-listing-type-selection { + max-width: fit-content; + justify-content: flex-start; + } } .directorist-listing-type-selection__item { - margin-bottom: 25px; - list-style: none; + margin-bottom: 25px; + list-style: none; } @media screen and (max-width: 575px) { - .directorist-listing-type-selection__item { - margin-bottom: 15px; - } + .directorist-listing-type-selection__item { + margin-bottom: 15px; + } } .directorist-listing-type-selection__item:not(:last-child) { - margin-left: 25px; + margin-left: 25px; } @media screen and (max-width: 575px) { - .directorist-listing-type-selection__item:not(:last-child) { - margin-left: 20px; - } + .directorist-listing-type-selection__item:not(:last-child) { + margin-left: 20px; + } } .directorist-listing-type-selection__item a { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - font-size: 15px; - font-weight: 500; - text-decoration: none; - white-space: nowrap; - padding: 0 0 8px; - color: var(--directorist-color-body); + position: relative; + display: flex; + align-items: center; + flex-direction: column; + font-size: 15px; + font-weight: 500; + text-decoration: none; + white-space: nowrap; + padding: 0 0 8px; + color: var(--directorist-color-body); } .directorist-listing-type-selection__item a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-listing-type-selection__item a:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } .directorist-listing-type-selection__item a:focus { - background-color: transparent; + background-color: transparent; } .directorist-listing-type-selection__item a:after { - content: ""; - position: absolute; - right: 0; - bottom: 0; - width: 100%; - height: 2px; - border-radius: 6px; - opacity: 0; - visibility: hidden; - background-color: var(--directorist-color-primary); + content: ""; + position: absolute; + right: 0; + bottom: 0; + width: 100%; + height: 2px; + border-radius: 6px; + opacity: 0; + visibility: hidden; + background-color: var(--directorist-color-primary); } .directorist-listing-type-selection__item a .directorist-icon-mask { - display: inline-block; - margin: 0 0 7px; + display: inline-block; + margin: 0 0 7px; } .directorist-listing-type-selection__item a .directorist-icon-mask:after { - width: 20px; - height: 20px; - background-color: var(--directorist-color-body); + width: 20px; + height: 20px; + background-color: var(--directorist-color-body); } -.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current { - font-weight: 700; - color: var(--directorist-color-primary); +.directorist-listing-type-selection__item + .directorist-listing-type-selection__link--current { + font-weight: 700; + color: var(--directorist-color-primary); } -.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current .directorist-icon-mask::after { - background-color: var(--directorist-color-primary); +.directorist-listing-type-selection__item + .directorist-listing-type-selection__link--current + .directorist-icon-mask::after { + background-color: var(--directorist-color-primary); } -.directorist-listing-type-selection__item .directorist-listing-type-selection__link--current:after { - opacity: 1; - visibility: visible; +.directorist-listing-type-selection__item + .directorist-listing-type-selection__link--current:after { + opacity: 1; + visibility: visible; } .directorist-search-form-wrap .directorist-listing-type-selection { - padding: 0; - margin: 0; + padding: 0; + margin: 0; } @media only screen and (max-width: 575px) { - .directorist-search-form-wrap .directorist-listing-type-selection { - margin: 0 auto; - } + .directorist-search-form-wrap .directorist-listing-type-selection { + margin: 0 auto; + } } .directorist-search-contents .directorist-btn-ml:after { - content: ""; - display: inline-block; - margin-right: 5px; - -webkit-mask-image: url(../js/664d0b74d206cf7349ab.svg); - mask-image: url(../js/664d0b74d206cf7349ab.svg); - width: 12px; - height: 12px; - background-color: var(--directorist-color-body); + content: ""; + display: inline-block; + margin-right: 5px; + mask-image: url(../js/../images/05feea3d261c8b97573023a74fd26f03.svg); + width: 12px; + height: 12px; + background-color: var(--directorist-color-body); } .directorist-search-contents .directorist-btn-ml.active:after { - -webkit-mask-image: url(../js/2d9a2bdcde23b75a6392.svg); - mask-image: url(../js/2d9a2bdcde23b75a6392.svg); + mask-image: url(../js/../images/c90867d23032298fc0ff1d456a6fdb30.svg); } .directorist-listing-category-top { - text-align: center; - margin-top: 35px; + text-align: center; + margin-top: 35px; } @media screen and (max-width: 575px) { - .directorist-listing-category-top { - margin-top: 20px; - } + .directorist-listing-category-top { + margin-top: 20px; + } } .directorist-listing-category-top h3 { - font-size: 18px; - font-weight: 400; - color: var(--directorist-color-body); - margin-bottom: 0; - display: none; + font-size: 18px; + font-weight: 400; + color: var(--directorist-color-body); + margin-bottom: 0; + display: none; } .directorist-listing-category-top ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 20px 35px; - margin: 0; - list-style: none; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + gap: 20px 35px; + margin: 0; + list-style: none; } @media only screen and (max-width: 575px) { - .directorist-listing-category-top ul { - gap: 12px; - overflow-x: auto; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - } + .directorist-listing-category-top ul { + gap: 12px; + overflow-x: auto; + flex-wrap: nowrap; + justify-content: flex-start; + } } .directorist-listing-category-top li a { - color: var(--directorist-color-body); - font-size: 14px; - font-weight: 500; - text-decoration: none; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; - gap: 10px; + color: var(--directorist-color-body); + font-size: 14px; + font-weight: 500; + text-decoration: none; + display: inline-flex; + align-items: center; + width: max-content; + gap: 10px; } .directorist-listing-category-top li a i, .directorist-listing-category-top li a span, @@ -14381,4826 +14422,5043 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-listing-category-top li a span.fab, .directorist-listing-category-top li a span.fas, .directorist-listing-category-top li a span.la { - font-size: 15px; - color: var(--directorist-color-body); + font-size: 15px; + color: var(--directorist-color-body); } .directorist-listing-category-top li a .directorist-icon-mask::after { - position: relative; - height: 15px; - width: 15px; - background-color: var(--directorist-color-body); + position: relative; + height: 15px; + width: 15px; + background-color: var(--directorist-color-body); } .directorist-listing-category-top li a p { - font-size: 14px; - line-height: 1; - font-weight: 400; - margin: 0; - color: var(--directorist-color-body); + font-size: 14px; + line-height: 1; + font-weight: 400; + margin: 0; + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-listing-category-top li a i { - display: none; - } + .directorist-listing-category-top li a i { + display: none; + } } .directorist-search-field .directorist-location-js + .address_result { - position: absolute; - width: 100%; - right: 0; - top: 45px; - z-index: 1; - min-width: 250px; - max-height: 345px !important; - overflow-y: scroll; - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - z-index: 10; + position: absolute; + width: 100%; + right: 0; + top: 45px; + z-index: 1; + min-width: 250px; + max-height: 345px !important; + overflow-y: scroll; + border-radius: 8px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + z-index: 10; } .directorist-search-field .directorist-location-js + .address_result ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 10px; - padding: 7px; - margin: 0 0 15px; - list-style-type: none; + display: flex; + flex-direction: column; + gap: 10px; + padding: 7px; + margin: 0 0 15px; + list-style-type: none; } .directorist-search-field .directorist-location-js + .address_result ul a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 15px; - font-size: 14px; - line-height: 18px; - margin: 0 13px; - color: var(--directorist-color-body); - background-color: var(--directorist-color-white); - border-radius: 8px; - text-decoration: none; -} -.directorist-search-field .directorist-location-js + .address_result ul a .location-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-width: 36px; - max-width: 36px; - height: 36px; - border-radius: 8px; - background-color: var(--directorist-color-bg-gray); -} -.directorist-search-field .directorist-location-js + .address_result ul a .location-icon i:after { - width: 16px; - height: 16px; -} -.directorist-search-field .directorist-location-js + .address_result ul a .location-address { - position: relative; - top: 2px; -} -.directorist-search-field .directorist-location-js + .address_result ul a.current-location { - height: 50px; - margin: 0 0 13px; - padding: 0 8px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: var(--directorist-color-primary); - background-color: var(--directorist-color-bg-gray); -} -.directorist-search-field .directorist-location-js + .address_result ul a.current-location .location-address { - position: relative; - top: 0; -} -.directorist-search-field .directorist-location-js + .address_result ul a.current-location .location-address:before { - content: "Current Location"; -} -.directorist-search-field .directorist-location-js + .address_result ul a:hover { - color: var(--directorist-color-primary); + display: flex; + align-items: flex-start; + gap: 15px; + font-size: 14px; + line-height: 18px; + margin: 0 13px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-white); + border-radius: 8px; + text-decoration: none; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a + .location-icon { + display: flex; + align-items: center; + justify-content: center; + min-width: 36px; + max-width: 36px; + height: 36px; + border-radius: 8px; + background-color: var(--directorist-color-bg-gray); +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a + .location-icon + i:after { + width: 16px; + height: 16px; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a + .location-address { + position: relative; + top: 2px; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a.current-location { + height: 50px; + margin: 0 0 13px; + padding: 0 8px; + align-items: center; + color: var(--directorist-color-primary); + background-color: var(--directorist-color-bg-gray); +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a.current-location + .location-address { + position: relative; + top: 0; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a.current-location + .location-address:before { + content: "Current Location"; +} +.directorist-search-field + .directorist-location-js + + .address_result + ul + a:hover { + color: var(--directorist-color-primary); } .directorist-search-field .directorist-location-js + .address_result ul li { - border: none; - padding: 0; - margin: 0; + border: none; + padding: 0; + margin: 0; } .directorist-zipcode-search .directorist-search-country { - position: absolute; - width: 100%; - right: 0; - top: 45px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); - box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); - border-radius: 3px; - z-index: 1; - max-height: 300px; - overflow-y: scroll; + position: absolute; + width: 100%; + right: 0; + top: 45px; + background-color: var(--directorist-color-white); + box-shadow: 0 5px 10px rgba(145, 146, 163, 0.2); + border-radius: 3px; + z-index: 1; + max-height: 300px; + overflow-y: scroll; } .directorist-zipcode-search .directorist-search-country ul { - list-style: none; - padding: 0; + list-style: none; + padding: 0; } .directorist-zipcode-search .directorist-search-country ul a { - font-size: 14px; - color: var(--directorist-color-gray); - line-height: 22px; - display: block; + font-size: 14px; + color: var(--directorist-color-gray); + line-height: 22px; + display: block; } .directorist-zipcode-search .directorist-search-country ul li { - border-bottom: 1px solid var(--directorist-color-border); - padding: 10px 15px 10px; - margin: 0; + border-bottom: 1px solid var(--directorist-color-border); + padding: 10px 15px 10px; + margin: 0; } .directorist-search-contents .directorist-search-form-top .form-group.open_now { - -webkit-box-flex: 30.8%; - -webkit-flex: 30.8%; - -ms-flex: 30.8%; - flex: 30.8%; - border-left: 1px solid var(--directorist-color-border); + flex: 30.8%; + border-left: 1px solid var(--directorist-color-border); } .directorist-custom-range-slider { - width: 100%; + width: 100%; } .directorist-custom-range-slider__wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 20px; + flex: 0 0 100%; } .directorist-custom-range-slider__value { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background: transparent; - border-bottom: 1px solid var(--directorist-color-border); - -webkit-transition: border ease 0.3s; - transition: border ease 0.3s; + position: relative; + display: flex; + flex: 1; + align-items: center; + background: transparent; + border-bottom: 1px solid var(--directorist-color-border); + transition: border ease 0.3s; } .directorist-custom-range-slider__value:focus-within { - border-bottom: 2px solid var(--directorist-color-primary); + border-bottom: 2px solid var(--directorist-color-primary); } .directorist-custom-range-slider__value input { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - width: 100%; - height: 40px; - margin: 0; - padding: 0 !important; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); - border: none !important; - outline: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; + flex: 1; + width: 100%; + height: 40px; + margin: 0; + padding: 0 !important; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); + border: none !important; + outline: none !important; + box-shadow: none !important; } .directorist-custom-range-slider__label { - font-size: 14px; - font-weight: 400; - margin: 0 0 0 10px; - color: var(--directorist-color-light-gray); + font-size: 14px; + font-weight: 400; + margin: 0 0 0 10px; + color: var(--directorist-color-light-gray); } .directorist-custom-range-slider__prefix { - line-height: 1; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-primary); + line-height: 1; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-primary); } .directorist-custom-range-slider__range__wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - font-size: 14px; - font-weight: 500; + display: flex; + gap: 5px; + align-items: center; + justify-content: flex-end; + font-size: 14px; + font-weight: 500; } .directorist-pagination { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + justify-content: center; + gap: 8px; + flex-wrap: wrap; } .directorist-pagination .page-numbers { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - width: 40px; - height: 40px; - font-size: 14px; - font-weight: 400; - border-radius: 8px; - color: var(--directorist-color-body); - background-color: var(--directorist-color-white); - border: 2px solid var(--directorist-color-border); - -webkit-transition: border 0.3s ease, color 0.3s ease; - transition: border 0.3s ease, color 0.3s ease; + display: inline-flex; + align-items: center; + justify-content: center; + text-decoration: none; + width: 40px; + height: 40px; + font-size: 14px; + font-weight: 400; + border-radius: 8px; + color: var(--directorist-color-body); + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border); + transition: + border 0.3s ease, + color 0.3s ease; } .directorist-pagination .page-numbers .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-body); + width: 14px; + height: 14px; + background-color: var(--directorist-color-body); } .directorist-pagination .page-numbers span { - border: 0 none; - min-width: auto; - margin: 0; + border: 0 none; + min-width: auto; + margin: 0; } -.directorist-pagination .page-numbers:hover, .directorist-pagination .page-numbers.current { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); +.directorist-pagination .page-numbers:hover, +.directorist-pagination .page-numbers.current { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-pagination .page-numbers:hover .directorist-icon-mask:after, .directorist-pagination .page-numbers.current .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); +.directorist-pagination .page-numbers:hover .directorist-icon-mask:after, +.directorist-pagination .page-numbers.current .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } /* New Styles */ .directorist-categories { - margin-top: 15px; + margin-top: 15px; } .directorist-categories__single { - border-radius: 12px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-white); + border-radius: 12px; + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + display: flex; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-white); + /* Styles */ } .directorist-categories__single--image { - background-position: center; - background-repeat: no-repeat; - background-size: cover; - -o-object-fit: cover; - object-fit: cover; - position: relative; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + object-fit: cover; + position: relative; } .directorist-categories__single--image::before { - position: absolute; - content: ""; - border-radius: inherit; - width: 100%; - height: 100%; - right: 0; - top: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - z-index: 0; + position: absolute; + content: ""; + border-radius: inherit; + width: 100%; + height: 100%; + right: 0; + top: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + z-index: 0; } .directorist-categories__single--image .directorist-categories__single__name, .directorist-categories__single--image .directorist-categories__single__total { - color: var(--directorist-color-white); + color: var(--directorist-color-white); } .directorist-categories__single__content { - position: relative; - z-index: 1; - text-align: center; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - text-align: center; - padding: 50px 30px; + position: relative; + z-index: 1; + text-align: center; + flex: 1; + text-align: center; + padding: 50px 30px; } .directorist-categories__single__content .directorist-icon-mask { - display: inline-block; + display: inline-block; } .directorist-categories__single__name { - text-decoration: none; - font-weight: 500; - font-size: 16px; - color: var(--directorist-color-dark); + text-decoration: none; + font-weight: 500; + font-size: 16px; + color: var(--directorist-color-dark); } .directorist-categories__single__name::before { - content: ""; - position: absolute; - right: 0; - top: 0; - width: 100%; - height: 100%; -} -.directorist-categories__single { - /* Styles */ -} -.directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask::after { - width: 50px; - height: 50px; + content: ""; + position: absolute; + right: 0; + top: 0; + width: 100%; + height: 100%; +} +.directorist-categories__single--style-one + .directorist-categories__single__content + .directorist-icon-mask::after { + width: 50px; + height: 50px; } @media screen and (max-width: 991px) { - .directorist-categories__single--style-one .directorist-categories__single__content .directorist-icon-mask::after { - width: 40px; - height: 40px; - } -} -.directorist-categories__single--style-one.directorist-categories__single--image .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-icon-mask { - background-color: var(--directorist-color-primary); - border-radius: 50%; - padding: 17px; -} -.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-icon-mask::after { - width: 36px; - height: 36px; - background-color: var(--directorist-color-white); -} -.directorist-categories__single--style-one:not(.directorist-categories__single--image) .directorist-categories__single__total { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-deep-gray); + .directorist-categories__single--style-one + .directorist-categories__single__content + .directorist-icon-mask::after { + width: 40px; + height: 40px; + } +} +.directorist-categories__single--style-one.directorist-categories__single--image + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-categories__single--style-one:not( + .directorist-categories__single--image + ) + .directorist-icon-mask { + background-color: var(--directorist-color-primary); + border-radius: 50%; + padding: 17px; +} +.directorist-categories__single--style-one:not( + .directorist-categories__single--image + ) + .directorist-icon-mask::after { + width: 36px; + height: 36px; + background-color: var(--directorist-color-white); +} +.directorist-categories__single--style-one:not( + .directorist-categories__single--image + ) + .directorist-categories__single__total { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-deep-gray); } .directorist-categories__single--style-two .directorist-icon-mask { - border: 4px solid var(--directorist-color-primary); - border-radius: 50%; - padding: 16px; + border: 4px solid var(--directorist-color-primary); + border-radius: 50%; + padding: 16px; } .directorist-categories__single--style-two .directorist-icon-mask::after { - width: 40px; - height: 40px; + width: 40px; + height: 40px; } -.directorist-categories__single--style-two.directorist-categories__single--image .directorist-icon-mask { - border-color: var(--directorist-color-white); +.directorist-categories__single--style-two.directorist-categories__single--image + .directorist-icon-mask { + border-color: var(--directorist-color-white); } -.directorist-categories__single--style-two.directorist-categories__single--image .directorist-icon-mask::after { - background-color: var(--directorist-color-white); +.directorist-categories__single--style-two.directorist-categories__single--image + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-categories__single--style-three { - height: var(--directorist-category-box-width); - border-radius: 50%; + height: var(--directorist-category-box-width); + border-radius: 50%; } .directorist-categories__single--style-three .directorist-icon-mask::after { - width: 40px; - height: 40px; + width: 40px; + height: 40px; } .directorist-categories__single--style-three .directorist-category-term { - display: none; + display: none; } .directorist-categories__single--style-three .directorist-category-count { - font-size: 16px; - font-weight: 600; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 48px; - height: 48px; - border-radius: 50%; - border: 3px solid var(--directorist-color-primary); - margin-top: 15px; -} -.directorist-categories__single--style-three.directorist-categories__single--image .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + font-size: 16px; + font-weight: 600; + display: inline-flex; + align-items: center; + justify-content: center; + width: 48px; + height: 48px; + border-radius: 50%; + border: 3px solid var(--directorist-color-primary); + margin-top: 15px; +} +.directorist-categories__single--style-three.directorist-categories__single--image + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-categories__single--style-three .directorist-category-count { - border-color: var(--directorist-color-white); + border-color: var(--directorist-color-white); } .directorist-categories__single--style-four .directorist-icon-mask { - background-color: var(--directorist-color-primary); - border-radius: 50%; - padding: 17px; + background-color: var(--directorist-color-primary); + border-radius: 50%; + padding: 17px; } .directorist-categories__single--style-four .directorist-icon-mask::after { - width: 36px; - height: 36px; - background-color: var(--directorist-color-white); + width: 36px; + height: 36px; + background-color: var(--directorist-color-white); } -.directorist-categories__single--style-four.directorist-categories__single--image .directorist-icon-mask { - border-color: var(--directorist-color-white); +.directorist-categories__single--style-four.directorist-categories__single--image + .directorist-icon-mask { + border-color: var(--directorist-color-white); } -.directorist-categories__single--style-four.directorist-categories__single--image .directorist-icon-mask:after { - background-color: var(--directorist-color-white); +.directorist-categories__single--style-four.directorist-categories__single--image + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); } -.directorist-categories__single--style-four:not(.directorist-categories__single--image) .directorist-categories__single__total { - color: var(--directorist-color-deep-gray); +.directorist-categories__single--style-four:not( + .directorist-categories__single--image + ) + .directorist-categories__single__total { + color: var(--directorist-color-deep-gray); } .directorist-categories .directorist-row > * { - margin-top: 30px; + margin-top: 30px; } .directorist-categories .directorist-type-nav { - margin-bottom: 15px; + margin-bottom: 15px; } /* Taxonomy List Style One */ +.directorist-taxonomy-list-one .directorist-taxonomy-list { + /* Sub Item */ + /* Sub Item Toggle */ +} .directorist-taxonomy-list-one .directorist-taxonomy-list__card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background-color: var(--directorist-color-light); - border-radius: var(--directorist-border-radius-lg); - padding: 8px 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; - font-size: 15px; - font-weight: 500; - text-decoration: none; - position: relative; - min-height: 40px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 1; + display: flex; + background-color: var(--directorist-color-light); + border-radius: var(--directorist-border-radius-lg); + padding: 8px 20px; + align-items: center; + gap: 12px; + font-size: 15px; + font-weight: 500; + text-decoration: none; + position: relative; + min-height: 40px; + transition: 0.3s ease; + z-index: 1; } .directorist-taxonomy-list-one .directorist-taxonomy-list__card span { - font-weight: var(--directorist-fw-medium); + font-weight: var(--directorist-fw-medium); } .directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-padding-start: 12px; - padding-inline-start: 12px; + flex-wrap: wrap; + padding-inline-start: 12px; } .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - padding-bottom: 5px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open .directorist-taxonomy-list__toggler .directorist-icon-mask::after { - -webkit-transform: rotate(-180deg); - transform: rotate(-180deg); -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: var(--directorist-color-white); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__icon .directorist-icon-mask::after { - width: 15px; - height: 15px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + padding-bottom: 5px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__toggler + .directorist-icon-mask::after { + transform: rotate(-180deg); +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__icon + .directorist-icon-mask { + width: 40px; + height: 40px; + border-radius: 50%; + background-color: var(--directorist-color-white); + display: flex; + align-items: center; + justify-content: center; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__icon + .directorist-icon-mask::after { + width: 15px; + height: 15px; } .directorist-taxonomy-list-one .directorist-taxonomy-list__name { - color: var(--directorist-color-dark); + color: var(--directorist-color-dark); } .directorist-taxonomy-list-one .directorist-taxonomy-list__count { - color: var(--directorist-color-dark); + color: var(--directorist-color-dark); } .directorist-taxonomy-list-one .directorist-taxonomy-list__toggler { - -webkit-margin-start: auto; - margin-inline-start: auto; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__toggler .directorist-icon-mask::after { - width: 10px; - height: 10px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + margin-inline-start: auto; } -.directorist-taxonomy-list-one .directorist-taxonomy-list { - /* Sub Item */ +.directorist-taxonomy-list-one + .directorist-taxonomy-list__toggler + .directorist-icon-mask::after { + width: 10px; + height: 10px; + transition: 0.3s ease; } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item { - margin: 0; - list-style: none; - overflow-y: auto; + margin: 0; + list-style: none; + overflow-y: auto; } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item a { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-size: 15px; - text-decoration: none; - color: var(--directorist-color-dark); + flex-wrap: wrap; + display: flex; + font-size: 15px; + text-decoration: none; + color: var(--directorist-color-dark); } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item ul { - -webkit-padding-start: 10px; - padding-inline-start: 10px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item { - background-color: var(--directorist-color-light); - border-radius: 12px; - -webkit-padding-start: 35px; - padding-inline-start: 35px; - -webkit-padding-end: 20px; - padding-inline-end: 20px; - height: 0; - overflow: hidden; - visibility: hidden; - opacity: 0; - padding-bottom: 20px; - margin-top: -20px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item li { - margin: 0; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item li > .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 15px; - padding-inline-start: 15px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon + .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 64px; - padding-inline-start: 64px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__card--icon + .directorist-taxonomy-list__sub-item li > .directorist-taxonomy-list__sub-item { - -webkit-padding-start: 15px; - padding-inline-start: 15px; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - border-radius: 0 0 16px 16px; - height: auto; - visibility: visible; - opacity: 1; - margin-top: 0; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list { - /* Sub Item Toggle */ + padding-inline-start: 10px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item { + background-color: var(--directorist-color-light); + border-radius: 12px; + padding-inline-start: 35px; + padding-inline-end: 20px; + height: 0; + overflow: hidden; + visibility: hidden; + opacity: 0; + padding-bottom: 20px; + margin-top: -20px; + transition: 0.3s ease; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item + li { + margin: 0; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item + li + > .directorist-taxonomy-list__sub-item { + padding-inline-start: 15px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card--icon + + .directorist-taxonomy-list__sub-item { + padding-inline-start: 64px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__card--icon + + .directorist-taxonomy-list__sub-item + li + > .directorist-taxonomy-list__sub-item { + padding-inline-start: 15px; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + border-radius: 0 0 16px 16px; + height: auto; + visibility: visible; + opacity: 1; + margin-top: 0; } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle + .directorist-taxonomy-list__sub-item { - height: 0; - opacity: 0; - padding: 0; - visibility: hidden; - overflow: hidden; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - opacity: 1; - height: auto; - visibility: visible; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open .directorist-taxonomy-list__sub-item-toggler::after { - content: none; + display: flex; + align-items: center; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggle + + .directorist-taxonomy-list__sub-item { + height: 0; + opacity: 0; + padding: 0; + visibility: hidden; + overflow: hidden; + transition: 0.3s ease; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + opacity: 1; + height: auto; + visibility: visible; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggle.directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item-toggler::after { + content: none; } .directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler { - -webkit-margin-start: auto; - margin-inline-start: auto; - position: relative; - width: 10px; - height: 10px; - display: inline-block; -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler::before { - position: absolute; - content: ""; - right: 0; - top: 50%; - width: 10px; - height: 1px; - background-color: var(--directorist-color-deep-gray); - -webkit-transform: translateY(-50%); - transform: translateY(-50%); -} -.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggler::after { - position: absolute; - content: ""; - width: 1px; - height: 10px; - right: 50%; - top: 0; - background-color: var(--directorist-color-deep-gray); - -webkit-transform: translateX(50%); - transform: translateX(50%); + margin-inline-start: auto; + position: relative; + width: 10px; + height: 10px; + display: inline-block; +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggler::before { + position: absolute; + content: ""; + right: 0; + top: 50%; + width: 10px; + height: 1px; + background-color: var(--directorist-color-deep-gray); + transform: translateY(-50%); +} +.directorist-taxonomy-list-one + .directorist-taxonomy-list__sub-item-toggler::after { + position: absolute; + content: ""; + width: 1px; + height: 10px; + right: 50%; + top: 0; + background-color: var(--directorist-color-deep-gray); + transform: translateX(50%); } /* Taxonomy List Style Two */ .directorist-taxonomy-list-two .directorist-taxonomy-list { - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - border-radius: var(--directorist-border-radius-lg); - background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + border-radius: var(--directorist-border-radius-lg); + background-color: var(--directorist-color-white); } .directorist-taxonomy-list-two .directorist-taxonomy-list__card { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 10px 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 12px; - text-decoration: none; - min-height: 40px; - -webkit-transition: 0.6s ease; - transition: 0.6s ease; + display: flex; + padding: 10px 20px; + align-items: center; + gap: 12px; + text-decoration: none; + min-height: 40px; + transition: 0.6s ease; } .directorist-taxonomy-list-two .directorist-taxonomy-list__card:focus { - background: none; + background: none; } .directorist-taxonomy-list-two .directorist-taxonomy-list__name { - font-weight: var(--directorist-fw-medium); - color: var(--directorist-color-dark); + font-weight: var(--directorist-fw-medium); + color: var(--directorist-color-dark); } .directorist-taxonomy-list-two .directorist-taxonomy-list__count { - color: var(--directorist-color-dark); -} -.directorist-taxonomy-list-two .directorist-taxonomy-list__icon .directorist-icon-mask { - width: 40px; - height: 40px; - border-radius: 50%; - background-color: var(--directorist-color-dark); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-taxonomy-list-two .directorist-taxonomy-list__icon .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + color: var(--directorist-color-dark); +} +.directorist-taxonomy-list-two + .directorist-taxonomy-list__icon + .directorist-icon-mask { + width: 40px; + height: 40px; + border-radius: 50%; + background-color: var(--directorist-color-dark); + display: flex; + align-items: center; + justify-content: center; +} +.directorist-taxonomy-list-two + .directorist-taxonomy-list__icon + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-taxonomy-list-two .directorist-taxonomy-list__toggle { - border-bottom: 1px solid var(--directorist-color-border); + border-bottom: 1px solid var(--directorist-color-border); } .directorist-taxonomy-list-two .directorist-taxonomy-list__toggler { - display: none; + display: none; } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item { - margin: 0; - padding: 15px 20px 25px; - list-style: none; + margin: 0; + padding: 15px 20px 25px; + list-style: none; } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item li { - margin-bottom: 7px; + margin-bottom: 7px; } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item a { - text-decoration: none; - color: var(--directorist-color-dark); + text-decoration: none; + color: var(--directorist-color-dark); } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item ul { - margin: 0; - padding: 0; - list-style: none; + margin: 0; + padding: 0; + list-style: none; } .directorist-taxonomy-list-two .directorist-taxonomy-list__sub-item ul li { - -webkit-padding-start: 10px; - padding-inline-start: 10px; + padding-inline-start: 10px; } /* Location: Grid One */ .directorist-location { - margin-top: 30px; + margin-top: 30px; } .directorist-location--grid-one .directorist-location__single { - border-radius: var(--directorist-border-radius-lg); - position: relative; + border-radius: var(--directorist-border-radius-lg); + position: relative; } .directorist-location--grid-one .directorist-location__single--img { - height: 300px; + height: 300px; } .directorist-location--grid-one .directorist-location__single--img::before { - position: absolute; - content: ""; - width: 100%; - height: inherit; - right: 0; - top: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - border-radius: inherit; -} -.directorist-location--grid-one .directorist-location__single--img .directorist-location__content { - position: absolute; - right: 0; - bottom: 0; - z-index: 1; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - height: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-location--grid-one .directorist-location__single--img .directorist-location__content a { - color: var(--directorist-color-white); -} -.directorist-location--grid-one .directorist-location__single--img .directorist-location__count { - color: var(--directorist-color-white); + position: absolute; + content: ""; + width: 100%; + height: inherit; + right: 0; + top: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + border-radius: inherit; +} +.directorist-location--grid-one + .directorist-location__single--img + .directorist-location__content { + position: absolute; + right: 0; + bottom: 0; + z-index: 1; + box-sizing: border-box; + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + justify-content: flex-end; +} +.directorist-location--grid-one + .directorist-location__single--img + .directorist-location__content + a { + color: var(--directorist-color-white); +} +.directorist-location--grid-one + .directorist-location__single--img + .directorist-location__count { + color: var(--directorist-color-white); } .directorist-location--grid-one .directorist-location__single__img { - height: inherit; - border-radius: inherit; + height: inherit; + border-radius: inherit; } .directorist-location--grid-one .directorist-location__single img { - width: 100%; - height: inherit; - border-radius: inherit; - -o-object-fit: cover; - object-fit: cover; -} -.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) { - height: 300px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-white); -} -.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content h3, -.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content a, -.directorist-location--grid-one .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content span { - text-align: center; + width: 100%; + height: inherit; + border-radius: inherit; + object-fit: cover; +} +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) { + height: 300px; + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + display: flex; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-white); +} +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + h3, +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + a, +.directorist-location--grid-one + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + span { + text-align: center; } .directorist-location--grid-one .directorist-location__content { - padding: 22px; + padding: 22px; } .directorist-location--grid-one .directorist-location__content h3 { - margin: 0; - font-size: 16px; - font-weight: 500; + margin: 0; + font-size: 16px; + font-weight: 500; } .directorist-location--grid-one .directorist-location__content a { - color: var(--directorist-color-dark); - text-decoration: none; + color: var(--directorist-color-dark); + text-decoration: none; } .directorist-location--grid-one .directorist-location__content a::after { - position: absolute; - content: ""; - width: 100%; - height: 100%; - right: 0; - top: 0; + position: absolute; + content: ""; + width: 100%; + height: 100%; + right: 0; + top: 0; } .directorist-location--grid-one .directorist-location__count { - display: block; - font-size: 14px; - font-weight: 400; + display: block; + font-size: 14px; + font-weight: 400; } .directorist-location--grid-two .directorist-location__single { - border-radius: var(--directorist-border-radius-lg); - position: relative; + border-radius: var(--directorist-border-radius-lg); + position: relative; } .directorist-location--grid-two .directorist-location__single--img { - height: auto; + height: auto; } -.directorist-location--grid-two .directorist-location__single--img .directorist-location__content { - padding: 10px 0 0 0; +.directorist-location--grid-two + .directorist-location__single--img + .directorist-location__content { + padding: 10px 0 0 0; } .directorist-location--grid-two .directorist-location__single img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - border-radius: var(--directorist-border-radius-lg); + width: 100%; + height: 100%; + object-fit: cover; + border-radius: var(--directorist-border-radius-lg); } .directorist-location--grid-two .directorist-location__single__img { - position: relative; - height: 240px; + position: relative; + height: 240px; } .directorist-location--grid-two .directorist-location__single__img::before { - position: absolute; - content: ""; - width: 100%; - height: 100%; - right: 0; - top: 0; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - border-radius: var(--directorist-border-radius-lg); -} -.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) { - height: 300px; - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content h3, -.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content a, -.directorist-location--grid-two .directorist-location__single:not(.directorist-location__single--img) .directorist-location__content span { - text-align: center; + position: absolute; + content: ""; + width: 100%; + height: 100%; + right: 0; + top: 0; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + border-radius: var(--directorist-border-radius-lg); +} +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) { + height: 300px; + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + display: flex; + align-items: center; + justify-content: center; +} +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + h3, +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + a, +.directorist-location--grid-two + .directorist-location__single:not(.directorist-location__single--img) + .directorist-location__content + span { + text-align: center; } .directorist-location--grid-two .directorist-location__content { - padding: 22px; + padding: 22px; } .directorist-location--grid-two .directorist-location__content h3 { - margin: 0; - font-size: 20px; - font-weight: var(--directorist-fw-medium); + margin: 0; + font-size: 20px; + font-weight: var(--directorist-fw-medium); } .directorist-location--grid-two .directorist-location__content a { - text-decoration: none; + text-decoration: none; } .directorist-location--grid-two .directorist-location__content a::after { - position: absolute; - content: ""; - width: 100%; - height: 100%; - right: 0; - top: 0; + position: absolute; + content: ""; + width: 100%; + height: 100%; + right: 0; + top: 0; } .directorist-location--grid-two .directorist-location__count { - display: block; + display: block; } .directorist-location .directorist-row > * { - margin-top: 30px; + margin-top: 30px; } .directorist-location .directorist-type-nav { - margin-bottom: 15px; + margin-bottom: 15px; } /* Modal Core Styles */ .atm-open { - overflow: hidden; + overflow: hidden; } .atm-open .at-modal { - overflow-x: hidden; - overflow-y: auto; + overflow-x: hidden; + overflow-y: auto; } .at-modal { - position: fixed; - width: 100%; - height: 100%; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - right: 0; - top: 0; - z-index: 9999; - display: none; - overflow: hidden; - outline: 0; + position: fixed; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + right: 0; + top: 0; + z-index: 9999; + display: none; + overflow: hidden; + outline: 0; } .at-modal-content { - position: relative; - width: 500px; - margin: 30px auto; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - opacity: 0; - visibility: hidden; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - min-height: calc(100% - 5rem); - pointer-events: none; + position: relative; + width: 500px; + margin: 30px auto; + transition: 0.3s ease; + opacity: 0; + visibility: hidden; + display: flex; + align-items: center; + justify-content: center; + min-height: calc(100% - 5rem); + pointer-events: none; } .atm-contents-inner { - width: 100%; - background-color: var(--directorist-color-white); - pointer-events: auto; - border-radius: 3px; - position: relative; + width: 100%; + background-color: var(--directorist-color-white); + pointer-events: auto; + border-radius: 3px; + position: relative; } .at-modal-content.at-modal-lg { - width: 800px; + width: 800px; } .at-modal-content.at-modal-xl { - width: 1140px; + width: 1140px; } .at-modal-content.at-modal-sm { - width: 300px; + width: 300px; } .at-modal.atm-fade { - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + transition: 0.3s ease; } .at-modal.atm-fade:not(.atm-show) { - opacity: 0; - visibility: hidden; + opacity: 0; + visibility: hidden; } .at-modal.atm-show .at-modal-content { - opacity: 1; - visibility: visible; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + opacity: 1; + visibility: visible; + transition: 0.3s ease; } .at-modal .atm-contents-inner .at-modal-close { - width: 32px; - height: 32px; - top: 20px; - left: 20px; - position: absolute; - -webkit-transform: none; - transform: none; - background-color: #444752; - color: var(--directorist-color-white); - border-radius: 300px; - opacity: 1; - font-weight: 300; - z-index: 2; - font-size: 16px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; + width: 32px; + height: 32px; + top: 20px; + left: 20px; + position: absolute; + transform: none; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 300px; + opacity: 1; + font-weight: 300; + z-index: 2; + font-size: 16px; + padding: 0; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; } .at-modal .atm-contents-inner .close span { - display: block; - line-height: 0; + display: block; + line-height: 0; } /* Responsive CSS */ /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) and (max-width: 1199.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) and (max-width: 991.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) and (max-width: 767.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 60px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 60px); + } } /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { - .at-modal-content.at-modal-xl, - .at-modal-content.at-modal-lg, - .at-modal-content.at-modal-md, - .at-modal-content.at-modal-sm { - width: calc(100% - 30px); - } + .at-modal-content.at-modal-xl, + .at-modal-content.at-modal-lg, + .at-modal-content.at-modal-md, + .at-modal-content.at-modal-sm { + width: calc(100% - 30px); + } } /* Authentication style */ .directorist-author__form { - max-width: 540px; - margin: 0 auto; - padding: 50px 40px; - border-radius: 12px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + max-width: 540px; + margin: 0 auto; + padding: 50px 40px; + border-radius: 12px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } @media only screen and (max-width: 480px) { - .directorist-author__form { - padding: 40px 25px; - } + .directorist-author__form { + padding: 40px 25px; + } } .directorist-author__form__btn { - width: 100%; - height: 50px; - border-radius: 8px; + width: 100%; + height: 50px; + border-radius: 8px; } .directorist-author__form__actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 28px 0 33px; + display: flex; + flex-wrap: wrap; + gap: 15px; + justify-content: space-between; + padding: 28px 0 33px; } .directorist-author__form__actions a { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-deep-gray); - border-bottom: 1px dashed var(--directorist-color-deep-gray); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-deep-gray); + border-bottom: 1px dashed var(--directorist-color-deep-gray); } .directorist-author__form__actions a:hover { - color: var(--directorist-color-primary); - border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); } .directorist-author__form__actions label { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-author__form__toggle-area { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-author__form__toggle-area a { - margin-right: 5px; - color: var(--directorist-color-info); + margin-right: 5px; + color: var(--directorist-color-info); } .directorist-author__form__toggle-area a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-author__form__recover-pass-modal .directorist-form-group { - padding: 25px; + padding: 25px; } .directorist-author__form__recover-pass-modal p { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - margin: 0 0 20px; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + margin: 0 0 20px; } .directorist-author__message__text { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } /* Authentication style */ .directorist-authentication { - height: 0; - opacity: 0; - visibility: hidden; - -webkit-transition: height 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; - transition: height 0.3s ease, opacity 0.3s ease, visibility 0.3s ease; + height: 0; + opacity: 0; + visibility: hidden; + transition: + height 0.3s ease, + opacity 0.3s ease, + visibility 0.3s ease; } .directorist-authentication__form { - max-width: 540px; - margin: 0 auto 15px; - padding: 50px 40px; - border-radius: 12px; - background-color: #fff; - -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); - box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); + max-width: 540px; + margin: 0 auto 15px; + padding: 50px 40px; + border-radius: 12px; + background-color: #fff; + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); } @media only screen and (max-width: 480px) { - .directorist-authentication__form { - padding: 40px 25px; - } + .directorist-authentication__form { + padding: 40px 25px; + } } .directorist-authentication__form__btn { - width: 100%; - height: 50px; - border: none; - border-radius: 8px; - -webkit-transition: background-color 0.3s ease; - transition: background-color 0.3s ease; + width: 100%; + height: 50px; + border: none; + border-radius: 8px; + transition: background-color 0.3s ease; } .directorist-authentication__form__actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 15px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 28px 0 33px; + display: flex; + flex-wrap: wrap; + gap: 15px; + justify-content: space-between; + padding: 28px 0 33px; } .directorist-authentication__form__actions a { - font-size: 14px; - font-weight: 400; - color: #808080; - border-bottom: 1px dashed #808080; + font-size: 14px; + font-weight: 400; + color: #808080; + border-bottom: 1px dashed #808080; } .directorist-authentication__form__actions a:hover { - color: #000000; - border-color: #000000; + color: #000000; + border-color: #000000; } .directorist-authentication__form__actions label { - font-size: 14px; - font-weight: 400; - color: #404040; + font-size: 14px; + font-weight: 400; + color: #404040; } .directorist-authentication__form__toggle-area { - font-size: 14px; - font-weight: 400; - color: #404040; + font-size: 14px; + font-weight: 400; + color: #404040; } .directorist-authentication__form__toggle-area a { - margin-right: 5px; - color: #2c99ff; - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; + margin-right: 5px; + color: #2c99ff; + transition: color 0.3s ease; } .directorist-authentication__form__toggle-area a:hover { - color: #000000; + color: #000000; } .directorist-authentication__form__recover-pass-modal { - display: none; + display: none; } .directorist-authentication__form__recover-pass-modal .directorist-form-group { - margin: 0; - padding: 25px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - border-radius: 8px; - border: 1px solid #e9e9e9; + margin: 0; + padding: 25px; + box-sizing: border-box; + border-radius: 8px; + border: 1px solid #e9e9e9; } .directorist-authentication__form__recover-pass-modal p { - font-size: 14px; - font-weight: 400; - color: #404040; - margin: 0 0 20px; + font-size: 14px; + font-weight: 400; + color: #404040; + margin: 0 0 20px; } .directorist-authentication__form .directorist-form-element { - border: none; - padding: 15px 0; - border-radius: 0; - border-bottom: 1px solid #ececec; + border: none; + padding: 15px 0; + border-radius: 0; + border-bottom: 1px solid #ececec; } .directorist-authentication__form .directorist-form-group > label { - margin: 0; - font-size: 14px; - font-weight: 400; - color: #404040; + margin: 0; + font-size: 14px; + font-weight: 400; + color: #404040; } .directorist-authentication__btn { - border: none; - outline: none; - cursor: pointer; - -webkit-box-shadow: none; - box-shadow: none; - color: #000000; - font-size: 13px; - font-weight: 400; - padding: 0 6px; - text-transform: capitalize; - background: transparent; - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; + border: none; + outline: none; + cursor: pointer; + box-shadow: none; + color: #000000; + font-size: 13px; + font-weight: 400; + padding: 0 6px; + text-transform: capitalize; + background: transparent; + transition: color 0.3s ease; } .directorist-authentication__btn:hover { - opacity: 0.75; + opacity: 0.75; } .directorist-authentication__message__text { - font-size: 14px; - font-weight: 400; - color: #404040; + font-size: 14px; + font-weight: 400; + color: #404040; } .directorist-authentication.active { - height: auto; - opacity: 1; - visibility: visible; + height: auto; + opacity: 1; + visibility: visible; } /* Password toggle */ .directorist-password-group { - position: relative; + position: relative; } .directorist-password-group-input { - padding-left: 40px !important; + padding-left: 40px !important; } .directorist-password-group-toggle { - position: absolute; - top: calc(50% + 16px); - left: 15px; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - cursor: pointer; + position: absolute; + top: calc(50% + 16px); + left: 15px; + transform: translateY(-50%); + cursor: pointer; } .directorist-password-group-toggle svg { - width: 22px; - height: 22px; - fill: none; - stroke: #888; - stroke-width: 2; + width: 22px; + height: 22px; + fill: none; + stroke: #888; + stroke-width: 2; } /* Directorist all authors card */ .directorist-authors-section { - position: relative; + position: relative; } .directorist-content-active .directorist-authors__cards { - margin-top: -30px; + margin-top: -30px; } .directorist-content-active .directorist-authors__cards .directorist-row > * { - margin-top: 30px; + margin-top: 30px; } .directorist-content-active .directorist-authors__nav { - margin-bottom: 30px; + margin-bottom: 30px; } .directorist-content-active .directorist-authors__nav ul { - list-style-type: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin: 0; - padding: 0; + list-style-type: none; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + margin: 0; + padding: 0; } .directorist-content-active .directorist-authors__nav li { - list-style: none; + list-style: none; } .directorist-content-active .directorist-authors__nav li a { - display: block; - line-height: 20px; - padding: 0 17px 10px; - border-bottom: 2px solid transparent; - font-size: 15px; - font-weight: 500; - text-transform: capitalize; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + display: block; + line-height: 20px; + padding: 0 17px 10px; + border-bottom: 2px solid transparent; + font-size: 15px; + font-weight: 500; + text-transform: capitalize; + box-shadow: none; + text-decoration: none; + transition: 0.3s ease; } .directorist-content-active .directorist-authors__nav li a:hover { - border-bottom-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-content-active .directorist-authors__nav li.active a { - border-bottom-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + border-bottom-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-content-active .directorist-authors__card { - padding: 20px; - border-radius: 10px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + padding: 20px; + border-radius: 10px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-content-active .directorist-authors__card__img { - margin-bottom: 15px; - text-align: center; + margin-bottom: 15px; + text-align: center; } .directorist-content-active .directorist-authors__card__img img { - border-radius: 50%; - width: 150px; - height: 150px; - display: inline-block; - -o-object-fit: cover; - object-fit: cover; + border-radius: 50%; + width: 150px; + height: 150px; + display: inline-block; + object-fit: cover; } .directorist-content-active .directorist-authors__card__details__top { - text-align: center; - border-bottom: 1px solid var(--directorist-color-border); - margin: 5px 0 15px; + text-align: center; + border-bottom: 1px solid var(--directorist-color-border); + margin: 5px 0 15px; } .directorist-content-active .directorist-authors__card h2 { - font-size: 20px; - font-weight: 500; - margin: 0 0 16px 0 !important; - line-height: normal; + font-size: 20px; + font-weight: 500; + margin: 0 0 16px 0 !important; + line-height: normal; } .directorist-content-active .directorist-authors__card h2:before { - content: none; + content: none; } .directorist-content-active .directorist-authors__card h3 { - font-size: 14px; - font-weight: 400; - color: #8f8e9f; - margin: 0 0 15px 0 !important; - line-height: normal; - text-transform: none; - letter-spacing: normal; + font-size: 14px; + font-weight: 400; + color: #8f8e9f; + margin: 0 0 15px 0 !important; + line-height: normal; + text-transform: none; + letter-spacing: normal; } .directorist-content-active .directorist-authors__card__info-list { - list-style-type: none; - padding: 0; - margin: 0; - margin-bottom: 15px !important; + list-style-type: none; + padding: 0; + margin: 0; + margin-bottom: 15px !important; } .directorist-content-active .directorist-authors__card__info-list li { - font-size: 14px; - color: #767792; - list-style: none; - word-wrap: break-word; - word-break: break-all; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 0; -} -.directorist-content-active .directorist-authors__card__info-list li:not(:last-child) { - margin-bottom: 5px; + font-size: 14px; + color: #767792; + list-style: none; + word-wrap: break-word; + word-break: break-all; + display: flex; + margin: 0; + /* Legacy Icon */ +} +.directorist-content-active + .directorist-authors__card__info-list + li:not(:last-child) { + margin-bottom: 5px; } .directorist-content-active .directorist-authors__card__info-list li a { - color: #767792; - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; -} -.directorist-content-active .directorist-authors__card__info-list li .directorist-icon-mask { - margin-left: 5px; - margin-top: 3px; -} -.directorist-content-active .directorist-authors__card__info-list li .directorist-icon-mask:after { - width: 16px; - height: 16px; -} -.directorist-content-active .directorist-authors__card__info-list li { - /* Legacy Icon */ -} -.directorist-content-active .directorist-authors__card__info-list li > i:not(.directorist-icon-mask) { - display: inline-block; - margin-left: 5px; - margin-top: 5px; - font-size: 16px; -} -.directorist-content-active .directorist-authors__card .directorist-author-social { - margin: 0 0 15px; -} -.directorist-content-active .directorist-authors__card .directorist-author-social li { - margin: 0; -} -.directorist-content-active .directorist-authors__card .directorist-author-social a { - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; -} -.directorist-content-active .directorist-authors__card .directorist-author-social a:hover { - background-color: var(--directorist-color-primary); - /* Legacy Icon */ -} -.directorist-content-active .directorist-authors__card .directorist-author-social a:hover > span { - background: none; - color: var(--directorist-color-white); + color: #767792; + border: 0 none; + box-shadow: none; + text-decoration: none; +} +.directorist-content-active + .directorist-authors__card__info-list + li + .directorist-icon-mask { + margin-left: 5px; + margin-top: 3px; +} +.directorist-content-active + .directorist-authors__card__info-list + li + .directorist-icon-mask:after { + width: 16px; + height: 16px; +} +.directorist-content-active + .directorist-authors__card__info-list + li + > i:not(.directorist-icon-mask) { + display: inline-block; + margin-left: 5px; + margin-top: 5px; + font-size: 16px; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social { + margin: 0 0 15px; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + li { + margin: 0; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + a { + border: 0 none; + box-shadow: none; + text-decoration: none; +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + a:hover { + background-color: var(--directorist-color-primary); + /* Legacy Icon */ +} +.directorist-content-active + .directorist-authors__card + .directorist-author-social + a:hover + > span { + background: none; + color: var(--directorist-color-white); } .directorist-content-active .directorist-authors__card p { - font-size: 14px; - color: #767792; - margin-bottom: 20px; + font-size: 14px; + color: #767792; + margin-bottom: 20px; } .directorist-content-active .directorist-authors__card .directorist-btn { - border: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + border: 0 none; + box-shadow: none; + transition: 0.3s ease; } .directorist-content-active .directorist-authors__card .directorist-btn:hover { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } /* Directorist All author Grid */ .directorist-authors__pagination { - margin-top: 25px; + margin-top: 25px; } .select2-selection__arrow, .select2-selection__clear { - display: none !important; + display: none !important; } .directorist-select2-addons-area { - position: absolute; - left: 5px; - top: 50%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - cursor: pointer; - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - z-index: 8; + position: absolute; + left: 5px; + top: 50%; + text-align: center; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + transform: translate(0, -50%); + z-index: 8; } .directorist-select2-addon { - padding: 0 5px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + padding: 0 5px; + display: flex; + align-items: center; + justify-content: center; } .directorist-select2-dropdown-toggle { - height: auto; - width: 25px; + height: auto; + width: 25px; } .directorist-select2-dropdown-close { - height: auto; - width: 25px; + height: auto; + width: 25px; } .directorist-select2-dropdown-close .directorist-icon-mask::after { - width: 15px; - height: 15px; + width: 15px; + height: 15px; } .directorist-select2-addon .directorist-icon-mask::after { - width: 13px; - height: 13px; + width: 13px; + height: 13px; } .directorist-form-section { - font-size: 15px; + font-size: 15px; } /* Display Each Grid Info on Single Line */ -.directorist-archive-contents .directorist-single-line .directorist-listing-title, -.directorist-archive-contents .directorist-single-line .directorist-listing-tagline, -.directorist-archive-contents .directorist-single-line .directorist-listing-single__info__list ul li div, -.directorist-archive-contents .directorist-single-line .directorist-listing-single__info__excerpt { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; +.directorist-archive-contents + .directorist-single-line + .directorist-listing-title, +.directorist-archive-contents + .directorist-single-line + .directorist-listing-tagline, +.directorist-archive-contents + .directorist-single-line + .directorist-listing-single__info__list + ul + li + div, +.directorist-archive-contents + .directorist-single-line + .directorist-listing-single__info__excerpt { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } .directorist-all-listing-btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-bottom: 20px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex; + gap: 20px; + align-items: center; + padding-bottom: 20px; + justify-content: space-between; } .directorist-all-listing-btn__basic { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; + flex: 1; } .directorist-all-listing-btn .directorist-btn__back i::after { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } .directorist-all-listing-btn .directorist-modal-btn--basic { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 10px; - min-height: 40px; - border-radius: 30px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex: 1; + gap: 10px; + min-height: 40px; + border-radius: 30px; + align-items: center; } .directorist-all-listing-btn .directorist-modal-btn--basic i::after { - width: 16px; - height: 16px; - -webkit-transform: rotate(-270deg); - transform: rotate(-270deg); + width: 16px; + height: 16px; + transform: rotate(-270deg); } .directorist-all-listing-btn .directorist-modal-btn--advanced i::after { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } @media screen and (min-width: 576px) { - .directorist-all-listing-btn, - .directorist-all-listing-modal { - display: none; - } + .directorist-all-listing-btn, + .directorist-all-listing-modal { + display: none; + } } .directorist-content-active .directorist-listing-single { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - font-size: 15px; - margin-bottom: 15px; + flex: 1; + font-size: 15px; + margin-bottom: 15px; } .directorist-content-active .directorist-listing-single--bg { - border-radius: 10px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + border-radius: 10px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } .directorist-content-active .directorist-listing-single__content { - border-radius: 4px; + border-radius: 4px; } .directorist-content-active .directorist-listing-single__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; - position: relative; - padding: 33px 20px 24px; + display: flex; + flex-wrap: wrap; + gap: 8px; + position: relative; + padding: 33px 20px 24px; } .directorist-content-active .directorist-listing-single__info:empty { - display: none; + display: none; } .directorist-content-active .directorist-listing-single__info__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 6px; -} -.directorist-content-active .directorist-listing-single__info__top .directorist-badge.directorist-badge-close { - background-color: transparent; - color: var(--directorist-color-danger); -} -.directorist-content-active .directorist-listing-single__info__top .directorist-badge.directorist-badge-open { - background-color: transparent; - color: var(--directorist-color-success); -} -.directorist-content-active .directorist-listing-single__info__top .atbd_badge.atbd_badge_open { - background-color: transparent; - color: var(--directorist-color-success); -} -.directorist-content-active .directorist-listing-single__info__top .directorist-info-item.directorist-rating-meta { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - -webkit-box-ordinal-group: 2; - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; - margin: 0; - font-size: 13px; - color: var(--directorist-color-light-gray); -} -.directorist-content-active .directorist-listing-single__info__top .directorist-listing-card-posted-on i { - display: none; + display: flex; + align-items: center; + flex-wrap: wrap; + flex: 1; + gap: 6px; +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-badge.directorist-badge-close { + background-color: transparent; + color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-badge.directorist-badge-open { + background-color: transparent; + color: var(--directorist-color-success); +} +.directorist-content-active + .directorist-listing-single__info__top + .atbd_badge.atbd_badge_open { + background-color: transparent; + color: var(--directorist-color-success); +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-info-item.directorist-rating-meta { + display: inline-flex; + align-items: center; +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-listing-card-posted-on { + display: inline-flex; + align-items: center; + flex: 0 0 100%; + order: 1; + margin: 0; + font-size: 13px; + color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__info__top + .directorist-listing-card-posted-on + i { + display: none; } .directorist-content-active .directorist-listing-single__info__list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 10px 0 0; - padding: 0; - width: 100%; + display: flex; + gap: 10px; + flex-direction: column; + margin: 10px 0 0; + padding: 0; + width: 100%; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single__info__list { - gap: 8px; - } + .directorist-content-active .directorist-listing-single__info__list { + gap: 8px; + } } .directorist-content-active .directorist-listing-single__info__list li, .directorist-content-active .directorist-listing-single__info__list > div { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - margin: 0; - font-size: 14px; - line-height: 18px; - color: var(--directorist-color-body); -} -.directorist-content-active .directorist-listing-single__info__list li .directorist-icon-mask, -.directorist-content-active .directorist-listing-single__info__list > div .directorist-icon-mask { - position: relative; - top: 2px; -} -.directorist-content-active .directorist-listing-single__info__list li .directorist-icon-mask:after, -.directorist-content-active .directorist-listing-single__info__list > div .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-light-gray); -} -.directorist-content-active .directorist-listing-single__info__list li .directorist-listing-card-info-label, -.directorist-content-active .directorist-listing-single__info__list > div .directorist-listing-card-info-label { - display: none; -} -.directorist-content-active .directorist-listing-single__info__list .directorist-icon { - font-size: 17px; - color: var(--directorist-color-body); - margin-left: 8px; + display: flex; + gap: 10px; + margin: 0; + font-size: 14px; + line-height: 18px; + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-listing-single__info__list + li + .directorist-icon-mask, +.directorist-content-active + .directorist-listing-single__info__list + > div + .directorist-icon-mask { + position: relative; + top: 2px; +} +.directorist-content-active + .directorist-listing-single__info__list + li + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single__info__list + > div + .directorist-icon-mask:after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__info__list + li + .directorist-listing-card-info-label, +.directorist-content-active + .directorist-listing-single__info__list + > div + .directorist-listing-card-info-label { + display: none; +} +.directorist-content-active + .directorist-listing-single__info__list + .directorist-icon { + font-size: 17px; + color: var(--directorist-color-body); + margin-left: 8px; } .directorist-content-active .directorist-listing-single__info__list a { - text-decoration: none; - color: var(--directorist-color-body); - word-break: break-word; + text-decoration: none; + color: var(--directorist-color-body); + word-break: break-word; } .directorist-content-active .directorist-listing-single__info__list a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-content-active .directorist-listing-single__info__list .directorist-listing-card-location-list { - display: block; - margin: 0; +.directorist-content-active + .directorist-listing-single__info__list + .directorist-listing-card-location-list { + display: block; + margin: 0; } .directorist-content-active .directorist-listing-single__info__list__label { - display: inline-block; - margin-left: 5px; + display: inline-block; + margin-left: 5px; } .directorist-content-active .directorist-listing-single__info--right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 20px; - position: absolute; - left: 20px; - top: 20px; + display: flex; + align-items: center; + gap: 20px; + position: absolute; + left: 20px; + top: 20px; } @media screen and (max-width: 991px) { - .directorist-content-active .directorist-listing-single__info--right { - gap: 15px; - } + .directorist-content-active .directorist-listing-single__info--right { + gap: 15px; + } } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single__info--right { - gap: 10px; - } + .directorist-content-active .directorist-listing-single__info--right { + gap: 10px; + } } .directorist-content-active .directorist-listing-single__info__excerpt { - margin: 10px 0 0; - font-size: 14px; - color: var(--directorist-color-body); - line-height: 20px; - text-align: right; + margin: 10px 0 0; + font-size: 14px; + color: var(--directorist-color-body); + line-height: 20px; + text-align: right; } .directorist-content-active .directorist-listing-single__info__excerpt a { - color: var(--directorist-color-primary); - text-decoration: underline; + color: var(--directorist-color-primary); + text-decoration: underline; } .directorist-content-active .directorist-listing-single__info__excerpt a:hover { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .directorist-content-active .directorist-listing-single__info__top-right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 20px; - width: 100%; + display: flex; + align-items: flex-start; + gap: 20px; + width: 100%; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single__info__top-right { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 5px; - } - .directorist-content-active .directorist-listing-single__info__top-right .directorist-mark-as-favorite { - position: absolute; - top: 20px; - right: -30px; - } -} -.directorist-content-active .directorist-listing-single__info__top-right .directorist-listing-single__info--right { - position: unset; + .directorist-content-active .directorist-listing-single__info__top-right { + flex-wrap: wrap; + gap: 5px; + } + .directorist-content-active + .directorist-listing-single__info__top-right + .directorist-mark-as-favorite { + position: absolute; + top: 20px; + right: -30px; + } +} +.directorist-content-active + .directorist-listing-single__info__top-right + .directorist-listing-single__info--right { + position: unset; } .directorist-content-active .directorist-listing-single__info a { - text-decoration: none; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; + text-decoration: none; + box-shadow: none; + color: var(--directorist-color-body); + transition: color 0.3s ease; } .directorist-content-active .directorist-listing-single__info a:hover { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item { - font-size: 14px; - line-height: 18px; - position: relative; - display: inline-block; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type) { - padding-left: 10px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type):after { - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - border-radius: 50%; - width: 3px; - height: 3px; - content: ""; - background-color: #bcbcbc; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type).directorist-badge { - margin-left: 8px; - padding-left: 3px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item:not(:last-of-type).directorist-badge:after { - left: -8px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - line-height: 1; - color: var(--directorist-color-body); -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta .directorist-icon-mask { - margin-left: 4px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-rating-meta .directorist-icon-mask:after { - width: 12px; - height: 12px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - width: auto; - height: 21px; - line-height: 21px; - margin: 0; - border-radius: 4px; - font-size: 10px; - font-weight: 700; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item .directorist-review { - display: block; - margin-right: 6px; - font-size: 14px; - color: var(--directorist-color-light-gray); - text-decoration: underline; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category, .directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - gap: 5px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category .directorist-icon-mask, .directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location .directorist-icon-mask { - margin-top: 2px; -} -.directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-category:after, .directorist-content-active .directorist-listing-single__info .directorist-info-item.directorist-listing-location:after { - top: 10px; - -webkit-transform: unset; - transform: unset; -} -.directorist-content-active .directorist-listing-single__info .directorist-badge + .directorist-badge { - margin-right: 3px; -} -.directorist-content-active .directorist-listing-single__info .directorist-listing-tagline { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - margin: 0; - font-size: 14px; - line-height: 18px; - color: var(--directorist-color-light-gray); -} -.directorist-content-active .directorist-listing-single__info .directorist-listing-title { - font-size: 18px; - font-weight: 500; - padding: 0; - text-transform: none; - line-height: 20px; - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; -} -.directorist-content-active .directorist-listing-single__info .directorist-listing-title a { - text-decoration: none; - color: var(--directorist-color-dark); -} -.directorist-content-active .directorist-listing-single__info .directorist-listing-title a:hover { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-listing-single__info .directorist-pricing-meta .directorist-listing-price { - font-size: 14px; - font-weight: 700; - padding: 0; - background: transparent; - color: var(--directorist-color-body); + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item { + font-size: 14px; + line-height: 18px; + position: relative; + display: inline-block; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type) { + padding-left: 10px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type):after { + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + border-radius: 50%; + width: 3px; + height: 3px; + content: ""; + background-color: #bcbcbc; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type).directorist-badge { + margin-left: 8px; + padding-left: 3px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item:not(:last-of-type).directorist-badge:after { + left: -8px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-rating-meta { + display: inline-flex; + align-items: center; + font-size: 14px; + font-weight: 500; + line-height: 1; + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-rating-meta + .directorist-icon-mask { + margin-left: 4px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-rating-meta + .directorist-icon-mask:after { + width: 12px; + height: 12px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-badge { + display: flex; + align-items: center; + width: auto; + height: 21px; + line-height: 21px; + margin: 0; + border-radius: 4px; + font-size: 10px; + font-weight: 700; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item + .directorist-review { + display: block; + margin-right: 6px; + font-size: 14px; + color: var(--directorist-color-light-gray); + text-decoration: underline; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-category, +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-location { + display: inline-flex; + align-items: flex-start; + gap: 5px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-category + .directorist-icon-mask, +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-location + .directorist-icon-mask { + margin-top: 2px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-category:after, +.directorist-content-active + .directorist-listing-single__info + .directorist-info-item.directorist-listing-location:after { + top: 10px; + transform: unset; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-badge + + .directorist-badge { + margin-right: 3px; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-tagline { + flex: 0 0 100%; + margin: 0; + font-size: 14px; + line-height: 18px; + color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-title { + font-size: 18px; + font-weight: 500; + padding: 0; + text-transform: none; + line-height: 20px; + margin: 0; + flex: 0 0 100%; +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-title + a { + text-decoration: none; + color: var(--directorist-color-dark); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-listing-title + a:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-listing-single__info + .directorist-pricing-meta + .directorist-listing-price { + font-size: 14px; + font-weight: 700; + padding: 0; + background: transparent; + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single__info .directorist-pricing-meta .directorist-listing-price { - font-weight: 700; - } + .directorist-content-active + .directorist-listing-single__info + .directorist-pricing-meta + .directorist-listing-price { + font-weight: 700; + } } .directorist-content-active .directorist-listing-single__meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px; - position: relative; - padding: 14px 20px; - font-size: 14px; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - border-top: 1px solid var(--directorist-color-border); + display: flex; + flex-wrap: wrap; + gap: 10px; + position: relative; + padding: 14px 20px; + font-size: 14px; + justify-content: space-between; + border-top: 1px solid var(--directorist-color-border); } .directorist-content-active .directorist-listing-single__meta__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 20px; } .directorist-content-active .directorist-listing-single__meta__right { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 20px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category a { - text-decoration: none; - font-size: 14px; - color: var(--directorist-color-body); - border-bottom: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - word-break: break-word; - -webkit-transition: color 0.3s ease; - transition: color 0.3s ease; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category a:hover { - color: var(--directorist-color-primary); -} -.directorist-content-active .directorist-listing-single__meta .directorist-view-count { - font-size: 14px; - color: var(--directorist-color-body); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-view-count .directorist-icon-mask:after { - width: 15px; - height: 15px; - background-color: var(--directorist-color-light-gray); -} -.directorist-content-active .directorist-listing-single__meta .directorist-view-count { - /* Legacy Icon */ -} -.directorist-content-active .directorist-listing-single__meta .directorist-view-count > span { - display: inline-block; - margin-left: 5px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-thumb-listing-author a { - width: 38px; - height: 38px; - display: inline-block; - vertical-align: middle; -} -.directorist-content-active .directorist-listing-single__meta .directorist-thumb-listing-author img { - width: 100%; - height: 100%; - border-radius: 50%; -} -.directorist-content-active .directorist-listing-single__meta .directorist-mark-as-favorite__btn { - width: auto; - height: auto; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a .directorist-icon-mask { - height: 34px; - width: 34px; - border-radius: 50%; - background-color: var(--directorist-color-light); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: 10px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); - width: 14px; - height: 14px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a { - /* Legacy Icon */ -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a > span { - width: 36px; - height: 36px; - border-radius: 50%; - background-color: #f3f3f3; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: 10px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category > a > span:before { - color: var(--directorist-color-body); -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-category__extran-count { - font-size: 14px; - font-weight: 500; -} -.directorist-content-active .directorist-listing-single__meta .directorist-rating-meta, -.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone { - gap: 5px; -} -.directorist-content-active .directorist-listing-single__meta .directorist-listing-card-phone a { - text-decoration: none; + display: flex; + align-items: center; + flex-wrap: wrap; + gap: 20px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + a { + text-decoration: none; + font-size: 14px; + color: var(--directorist-color-body); + border-bottom: 0 none; + box-shadow: none; + display: flex; + align-items: center; + word-break: break-word; + transition: color 0.3s ease; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + a:hover { + color: var(--directorist-color-primary); +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-view-count { + font-size: 14px; + color: var(--directorist-color-body); + display: flex; + align-items: center; + gap: 5px; + /* Legacy Icon */ +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-view-count + .directorist-icon-mask:after { + width: 15px; + height: 15px; + background-color: var(--directorist-color-light-gray); +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-view-count + > span { + display: inline-block; + margin-left: 5px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-thumb-listing-author + a { + width: 38px; + height: 38px; + display: inline-block; + vertical-align: middle; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-thumb-listing-author + img { + width: 100%; + height: 100%; + border-radius: 50%; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-mark-as-favorite__btn { + width: auto; + height: auto; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a { + /* Legacy Icon */ +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + .directorist-icon-mask { + height: 34px; + width: 34px; + border-radius: 50%; + background-color: var(--directorist-color-light); + display: inline-flex; + align-items: center; + justify-content: center; + margin-left: 10px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); + width: 14px; + height: 14px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + > span { + width: 36px; + height: 36px; + border-radius: 50%; + background-color: #f3f3f3; + display: inline-flex; + align-items: center; + justify-content: center; + margin-left: 10px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category + > a + > span:before { + color: var(--directorist-color-body); +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-category__extran-count { + font-size: 14px; + font-weight: 500; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-rating-meta, +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-card-phone { + display: flex; + align-items: center; + font-size: 14px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-card-phone { + gap: 5px; +} +.directorist-content-active + .directorist-listing-single__meta + .directorist-listing-card-phone + a { + text-decoration: none; } .directorist-content-active .directorist-listing-single__thumb { - position: relative; - margin: 0; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card { - position: relative; - width: 100%; - height: 100%; - border-radius: 10px; - overflow: hidden; - z-index: 0; - background-color: var(--directorist-color-bg-gray); -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-wrap, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-back-wrap { - position: absolute; - top: 0; - bottom: 0; - right: 0; - left: 0; - height: 100%; - width: 100%; - overflow: hidden; - z-index: 2; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-wrap figure, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-back-wrap figure { - width: 100%; - height: 100%; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card.directorist-card-contain .directorist-thumnail-card-front-img { - -o-object-fit: contain; - object-fit: contain; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card.directorist-card-full { - min-height: 300px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-wrap { - z-index: 1; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-front-img, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-img { - width: 100%; - height: 100%; - -o-object-fit: cover; - object-fit: cover; - margin: 0; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumnail-card-back-img { - -webkit-filter: blur(5px); - filter: blur(5px); -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left { - right: 20px; - top: 20px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right { - top: 20px; - left: 20px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left { - right: 20px; - bottom: 30px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right { - left: 20px; - bottom: 30px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right { - position: absolute; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; -} -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn i, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.la, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.las, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fa, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fas, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.lab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-right .directorist-compare-btn span.fab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn i, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.la, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.las, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fa, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fas, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.lab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-top-left .directorist-compare-btn span.fab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn i, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.la, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.las, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fa, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fas, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.lab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-left .directorist-compare-btn span.fab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn i, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.la, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.las, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fa, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fas, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.lab, -.directorist-content-active .directorist-listing-single__thumb .directorist-thumb-bottom-right .directorist-compare-btn span.fab { - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single__header__left .directorist-thumb-listing-author { - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; + position: relative; + margin: 0; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card { + position: relative; + width: 100%; + height: 100%; + border-radius: 10px; + overflow: hidden; + z-index: 0; + background-color: var(--directorist-color-bg-gray); +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-front-wrap, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-back-wrap { + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + height: 100%; + width: 100%; + overflow: hidden; + z-index: 2; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-front-wrap + figure, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-back-wrap + figure { + width: 100%; + height: 100%; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card.directorist-card-contain + .directorist-thumnail-card-front-img { + object-fit: contain; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card.directorist-card-full { + min-height: 300px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-back-wrap { + z-index: 1; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-front-img, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-back-img { + width: 100%; + height: 100%; + object-fit: cover; + margin: 0; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumnail-card-back-img { + filter: blur(5px); +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left { + right: 20px; + top: 20px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right { + top: 20px; + left: 20px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left { + right: 20px; + bottom: 30px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right { + left: 20px; + bottom: 30px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right { + position: absolute; + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 6px; +} +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-right + .directorist-compare-btn + span.fab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-top-left + .directorist-compare-btn + span.fab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-left + .directorist-compare-btn + span.fab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + i, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.la, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.las, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.fa, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.fas, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.lab, +.directorist-content-active + .directorist-listing-single__thumb + .directorist-thumb-bottom-right + .directorist-compare-btn + span.fab { + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single__header__left + .directorist-thumb-listing-author { + position: unset !important; + transform: unset !important; } .directorist-content-active .directorist-listing-single figure { - margin: 0; -} -.directorist-content-active .directorist-listing-single .directorist-listing-single__header__left .directorist-thumb-listing-author, -.directorist-content-active .directorist-listing-single .directorist-listing-single__header__right .directorist-thumb-listing-author, -.directorist-content-active .directorist-listing-single .directorist-thumb-bottom-left .directorist-thumb-listing-author, -.directorist-content-active .directorist-listing-single .directorist-thumb-bottom-right .directorist-thumb-listing-author { - position: unset !important; - -webkit-transform: unset !important; - transform: unset !important; + margin: 0; +} +.directorist-content-active + .directorist-listing-single + .directorist-listing-single__header__left + .directorist-thumb-listing-author, +.directorist-content-active + .directorist-listing-single + .directorist-listing-single__header__right + .directorist-thumb-listing-author, +.directorist-content-active + .directorist-listing-single + .directorist-thumb-bottom-left + .directorist-thumb-listing-author, +.directorist-content-active + .directorist-listing-single + .directorist-thumb-bottom-right + .directorist-thumb-listing-author { + position: unset !important; + transform: unset !important; } .directorist-content-active .directorist-listing-single .directorist-badge { - margin: 3px; -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-popular { - background-color: #f51957; -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-open { - background-color: var(--directorist-color-success); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-close { - background-color: var(--directorist-color-danger); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-new { - background-color: var(--directorist-color-new-badge); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-featured { - background-color: #fa8b0c; -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-negotiation { - background-color: var(--directorist-color-info); -} -.directorist-content-active .directorist-listing-single .directorist-badge.directorist-badge-sold { - background-color: var(--directorist-color-danger); -} -.directorist-content-active .directorist-listing-single .directorist_open_status_badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active .directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span { - top: auto; - bottom: 35px; -} -.directorist-content-active .directorist-listing-single .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span:before { - top: auto; - bottom: -7px; - -webkit-transform: rotate(-180deg); - transform: rotate(-180deg); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb { - margin: 0; - position: relative; - padding: 10px 10px 0 10px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb .directorist-pricing-meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 26px; - margin: 0; - border-radius: 3px; - background: var(--directorist-color-white); - padding: 0 8px; - font-weight: 700; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-listing-single__thumb .directorist-pricing-meta .directorist-listing-price { - color: var(--directorist-color-danger); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumnail-card-front-img { - border-radius: 10px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author { - position: absolute; - bottom: 0; - top: unset; - -webkit-transform: translateY(50%); - transform: translateY(50%); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - z-index: 1; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-left { - right: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-right { - left: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author.directorist-alignment-center { - right: 50%; - -webkit-transform: translate(50%, 50%); - transform: translate(50%, 50%); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author img { - width: 100%; - border-radius: 50%; - height: auto; - background-color: var(--directorist-color-bg-gray); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-thumb-listing-author a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - width: 100%; - border-radius: 50%; - width: 42px; - height: 42px; - border: 3px solid var(--directorist-color-border); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-mark-as-favorite__btn { - width: 30px; - height: 30px; - background-color: var(--directorist-color-white); + margin: 3px; +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-popular { + background-color: #f51957; +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-open { + background-color: var(--directorist-color-success); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-close { + background-color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-new { + background-color: var(--directorist-color-new-badge); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-featured { + background-color: #fa8b0c; +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-negotiation { + background-color: var(--directorist-color-info); +} +.directorist-content-active + .directorist-listing-single + .directorist-badge.directorist-badge-sold { + background-color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single + .directorist_open_status_badge { + display: flex; +} +.directorist-content-active + .directorist-listing-single + .directorist-mark-as-favorite__btn + .directorist-favorite-tooltip + span { + top: auto; + bottom: 35px; +} +.directorist-content-active + .directorist-listing-single + .directorist-mark-as-favorite__btn + .directorist-favorite-tooltip + span:before { + top: auto; + bottom: -7px; + transform: rotate(-180deg); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-listing-single__thumb { + margin: 0; + position: relative; + padding: 10px 10px 0 10px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-listing-single__thumb + .directorist-pricing-meta { + display: flex; + align-items: center; + justify-content: center; + height: 26px; + margin: 0; + border-radius: 3px; + background: var(--directorist-color-white); + padding: 0 8px; + font-weight: 700; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-listing-single__thumb + .directorist-pricing-meta + .directorist-listing-price { + color: var(--directorist-color-danger); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumnail-card-front-img { + border-radius: 10px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author { + position: absolute; + bottom: 0; + top: unset; + transform: translateY(50%); + display: flex; + z-index: 1; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author.directorist-alignment-left { + right: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author.directorist-alignment-right { + left: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author.directorist-alignment-center { + right: 50%; + transform: translate(50%, 50%); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author + img { + width: 100%; + border-radius: 50%; + height: auto; + background-color: var(--directorist-color-bg-gray); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-thumb-listing-author + a { + display: inline-flex; + width: 100%; + border-radius: 50%; + width: 42px; + height: 42px; + border: 3px solid var(--directorist-color-border); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-mark-as-favorite__btn { + width: 30px; + height: 30px; + background-color: var(--directorist-color-white); } @media screen and (min-width: 576.99px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } + .directorist-content-active + .directorist-listing-single.directorist-listing-list { + display: flex; + flex-wrap: wrap; + } } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta i:not(:first-child) { - display: none; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-icon-mask:after { - width: 10px; - height: 10px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-rating-avg { - margin-right: 0; - font-size: 12px; - font-weight: normal; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-rating-meta .directorist-total-review { - font-size: 12px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-price { - font-size: 12px; - font-weight: 600; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__meta { - font-size: 12px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-icon-mask:after { - width: 14px; - height: 14px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__excerpt { - font-size: 12px; - line-height: 1.6; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list > li, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list > div { - font-size: 12px; - line-height: 1.2; - gap: 8px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-view-count, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category a, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category__extran-count { - font-size: 12px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category__popup { - margin-right: 5px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-listing-author a, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-category > a .directorist-icon-mask { - width: 30px; - height: 30px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list .directorist-icon-mask { - top: 0; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list .directorist-icon-mask:after { - width: 12px; - height: 14px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb { - margin: 0; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + i:not(:first-child) { + display: none; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + .directorist-icon-mask:after { + width: 10px; + height: 10px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + .directorist-rating-avg { + margin-right: 0; + font-size: 12px; + font-weight: normal; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-rating-meta + .directorist-total-review { + font-size: 12px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-price { + font-size: 12px; + font-weight: 600; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__meta { + font-size: 12px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-icon-mask:after { + width: 14px; + height: 14px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__excerpt { + font-size: 12px; + line-height: 1.6; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + > li, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + > div { + font-size: 12px; + line-height: 1.2; + gap: 8px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-view-count, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category + a, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category__extran-count { + font-size: 12px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category__popup { + margin-right: 5px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-listing-author + a, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-category + > a + .directorist-icon-mask { + width: 30px; + height: 30px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + .directorist-icon-mask { + top: 0; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list + .directorist-icon-mask:after { + width: 12px; + height: 14px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb { + margin: 0; } @media only screen and (min-width: 576.99px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - max-width: 320px; - min-height: 240px; - padding: 10px 10px 10px 0; - } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb { + flex: 1; + max-width: 320px; + min-height: 240px; + padding: 10px 10px 10px 0; + } } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb { - padding: 10px 10px 0 10px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-badge { - width: 20px; - height: 20px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-favorite-icon:before, - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-badge .directorist-icon-mask:after { - width: 10px; - height: 10px; - } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb { + padding: 10px 10px 0 10px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-badge { + width: 20px; + height: 20px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-favorite-icon:before, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-badge + .directorist-icon-mask:after { + width: 10px; + height: 10px; + } } @media only screen and (min-width: 576.99px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-thumnail-card { - height: 100% !important; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__thumb .directorist-thumnail-card .directorist-thumnail-card-front-img { - border-radius: 10px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-flex: 2; - -webkit-flex: 2; - -ms-flex: 2; - flex: 2; - padding: 10px 0 10px; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-thumnail-card { + height: 100% !important; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__thumb + .directorist-thumnail-card + .directorist-thumnail-card-front-img { + border-radius: 10px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__content { + display: flex; + flex-direction: column; + justify-content: space-between; + flex: 2; + padding: 10px 0 10px; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content { - padding: 0; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__content .directorist-listing-single__meta { - display: none; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__mobile-view-meta { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__content { + padding: 0; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__content + .directorist-listing-single__meta { + display: none; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__mobile-view-meta { + flex: 0 0 100%; } @media screen and (min-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__mobile-view-meta { - display: none; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 18px 20px 15px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info:empty { - display: none; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__list { - margin: 10px 0 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info__excerpt { - margin: 10px 0 0; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__mobile-view-meta { + display: none; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info { + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 18px 20px 15px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info:empty { + display: none; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__list { + margin: 10px 0 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info__excerpt { + margin: 10px 0 0; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info { - padding-top: 10px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-listing-title { - margin: 0; - font-size: 14px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-badge { - margin: 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-badge:after { - display: none; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info { + padding-top: 10px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info + .directorist-listing-title { + margin: 0; + font-size: 14px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__action { + display: flex; + gap: 20px; + align-items: center; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-badge { + margin: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-badge:after { + display: none; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right { - left: unset; - right: -30px; - top: 20px; - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-favorite-icon { - width: 20px; - height: 20px; - border-radius: 100%; - background-color: var(--directorist-color-white); - } - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info--right .directorist-favorite-icon:before { - width: 10px; - height: 10px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-left { - right: 20px; - top: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-right { - top: 20px; - left: 10px; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right { + left: unset; + right: -30px; + top: 20px; + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-favorite-icon { + width: 20px; + height: 20px; + border-radius: 100%; + background-color: var(--directorist-color-white); + } + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info--right + .directorist-favorite-icon:before { + width: 10px; + height: 10px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-top-left { + right: 20px; + top: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-top-right { + top: 20px; + left: 10px; } @media only screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-top-right { - left: unset; - right: 20px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-bottom-left { - right: 20px; - bottom: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-thumb-bottom-right { - left: 10px; - bottom: 20px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-badge { - margin: 0; - padding: 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__info .directorist-badge:after { - display: none; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-top-right { + left: unset; + right: 20px; + flex-direction: column; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-bottom-left { + right: 20px; + bottom: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-thumb-bottom-right { + left: 10px; + bottom: 20px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info + .directorist-badge { + margin: 0; + padding: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__info + .directorist-badge:after { + display: none; } @media only screen and (min-width: 576.99px) { - .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-listing-single__meta { - padding: 14px 20px 7px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 26px; - height: 26px; - margin: 0; - padding: 0; - border-radius: 100%; - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge .directorist-icon-mask:after, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge .directorist-icon-mask:after { - width: 12px; - height: 12px; -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-close, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-close { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - height: 21px; - line-height: 21px; - width: auto; - padding: 0 5px; - border-radius: 4px; + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-listing-single__meta { + padding: 14px 20px 7px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge { + display: flex; + align-items: center; + justify-content: center; + width: 26px; + height: 26px; + margin: 0; + padding: 0; + border-radius: 100%; + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge + .directorist-icon-mask:after, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge + .directorist-icon-mask:after { + width: 12px; + height: 12px; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text, +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-open, +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-close, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-open, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-close { + display: inline-flex; + height: 21px; + line-height: 21px; + width: auto; + padding: 0 5px; + border-radius: 4px; } @media screen and (max-width: 575px) { - .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-close, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-open, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-close { - height: 18px; - line-height: 18px; - font-size: 8px; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-popular, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-popular { - background-color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-new, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-new { - background-color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge-featured, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge-featured { - background-color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-featured, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-featured { - background-color: var(--directorist-color-featured-badge); - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-popular, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-popular { - background-color: var(--directorist-color-popular-badge); - color: var(--directorist-color-white); -} -.directorist-content-active .directorist-listing-single.directorist-listing-card .directorist-badge.directorist-badge--only-text.directorist-badge-new, .directorist-content-active .directorist-listing-single.directorist-listing-list .directorist-badge.directorist-badge--only-text.directorist-badge-new { - background-color: var(--directorist-color-new-badge); - color: var(--directorist-color-white); + .directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text, + .directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-open, + .directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-close, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-open, + .directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-close { + height: 18px; + line-height: 18px; + font-size: 8px; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-popular, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-popular { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-new, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-new { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge-featured, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge-featured { + background-color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-featured, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-featured { + background-color: var(--directorist-color-featured-badge); + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-popular, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-popular { + background-color: var(--directorist-color-popular-badge); + color: var(--directorist-color-white); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-card + .directorist-badge.directorist-badge--only-text.directorist-badge-new, +.directorist-content-active + .directorist-listing-single.directorist-listing-list + .directorist-badge.directorist-badge--only-text.directorist-badge-new { + background-color: var(--directorist-color-new-badge); + color: var(--directorist-color-white); } .directorist-content-active .directorist-listing-single.directorist-featured { - border: 1px solid var(--directorist-color-featured-badge); -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist_open_status_badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info { - z-index: 1; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header figure { - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__left:empty, -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-single__header__right:empty { - display: none; + border: 1px solid var(--directorist-color-featured-badge); +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist_open_status_badge { + display: flex; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info { + z-index: 1; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header { + align-items: center; + justify-content: space-between; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + figure { + margin: 0; + flex: none; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-single__header__left:empty, +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-single__header__right:empty { + display: none; } @media screen and (max-width: 991px) { - .directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__title { - -webkit-box-ordinal-group: 3; - -webkit-order: 2; - -ms-flex-order: 2; - order: 2; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb .directorist-mark-as-favorite__btn { - background: transparent; - width: auto; - height: auto; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-list .directorist-listing-single__content { - padding: 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header .directorist-listing-single__header__left { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding-left: 0; -} -.directorist-content-active .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix .directorist-listing-single__header .directorist-listing-single__header__right { - margin-top: 15px; + .directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__title { + order: 2; + flex: 0 0 100%; + } +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb + .directorist-mark-as-favorite__btn { + background: transparent; + width: auto; + height: auto; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-list + .directorist-listing-single__content { + padding: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix + .directorist-listing-single__header { + flex-wrap: wrap; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix + .directorist-listing-single__header + .directorist-listing-single__header__left { + flex: 0 0 100%; + flex-wrap: wrap; + padding-left: 0; +} +.directorist-content-active + .directorist-listing-single.directorist-listing-no-thumb.directorist-listing-no-thumb--fix + .directorist-listing-single__header + .directorist-listing-single__header__right { + margin-top: 15px; } .directorist-rating-meta { - padding: 0; + padding: 0; } .directorist-rating-meta i.directorist-icon-mask:after { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } .directorist-rating-meta i.directorist-icon-mask.star-empty:after { - background-color: #d1d1d1; + background-color: #d1d1d1; } .directorist-rating-meta .directorist-rating-avg { - font-size: 14px; - color: var(--directorist-color-body); - margin: 0 6px 0 3px; + font-size: 14px; + color: var(--directorist-color-body); + margin: 0 6px 0 3px; } .directorist-rating-meta .directorist-total-review { - font-weight: 400; - color: var(--directorist-color-light-gray); + font-weight: 400; + color: var(--directorist-color-light-gray); } .directorist-rating-meta.directorist-info-item-rating i, .directorist-rating-meta.directorist-info-item-rating span.la, .directorist-rating-meta.directorist-info-item-rating span.fa { - margin-right: 4px; + margin-right: 4px; } /* mark as favorite btn */ .directorist-mark-as-favorite__btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 50%; - position: relative; - text-decoration: none; - padding: 0; - font-weight: unset; - line-height: unset; - text-transform: unset; - letter-spacing: unset; - background: transparent; - border: none; - cursor: pointer; -} -.directorist-mark-as-favorite__btn:hover, .directorist-mark-as-favorite__btn:focus { - outline: 0; - text-decoration: none; -} -.directorist-mark-as-favorite__btn:hover .directorist-favorite-icon:before, .directorist-mark-as-favorite__btn:focus .directorist-favorite-icon:before { - background-color: var(--directorist-color-danger); + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + position: relative; + text-decoration: none; + padding: 0; + font-weight: unset; + line-height: unset; + text-transform: unset; + letter-spacing: unset; + background: transparent; + border: none; + cursor: pointer; +} +.directorist-mark-as-favorite__btn:hover, +.directorist-mark-as-favorite__btn:focus { + outline: 0; + text-decoration: none; +} +.directorist-mark-as-favorite__btn:hover .directorist-favorite-icon:before, +.directorist-mark-as-favorite__btn:focus .directorist-favorite-icon:before { + background-color: var(--directorist-color-danger); } .directorist-mark-as-favorite__btn .directorist-favorite-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } .directorist-mark-as-favorite__btn .directorist-favorite-icon:before { - content: ""; - -webkit-mask-image: url(../js/3aebaee5331b23d457d3.svg); - mask-image: url(../js/3aebaee5331b23d457d3.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 15px; - height: 15px; - background-color: var(--directorist-color-danger); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-mark-as-favorite__btn.directorist-added-to-favorite .directorist-favorite-icon:before { - -webkit-mask-image: url(../js/83fcf4b334b68700256a.svg); - mask-image: url(../js/83fcf4b334b68700256a.svg); - background-color: var(--directorist-color-danger); + content: ""; + mask-image: url(../js/../images/6bf407d27842391bbcd90343624e694b.svg); + mask-repeat: no-repeat; + width: 15px; + height: 15px; + background-color: var(--directorist-color-danger); + transition: 0.3s ease; +} +.directorist-mark-as-favorite__btn.directorist-added-to-favorite + .directorist-favorite-icon:before { + mask-image: url(../js/../images/2e589ffc784b0c43089b0222cab8ed4f.svg); + background-color: var(--directorist-color-danger); } .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span { - position: absolute; - min-width: 120px; - left: 0; - top: 35px; - background-color: var(--directorist-color-dark); - color: var(--directorist-color-white); - font-size: 13px; - border-radius: 3px; - text-align: center; - padding: 5px; - z-index: 111; + position: absolute; + min-width: 120px; + left: 0; + top: 35px; + background-color: var(--directorist-color-dark); + color: var(--directorist-color-white); + font-size: 13px; + border-radius: 3px; + text-align: center; + padding: 5px; + z-index: 111; } .directorist-mark-as-favorite__btn .directorist-favorite-tooltip span::before { - content: ""; - position: absolute; - border-bottom: 8px solid var(--directorist-color-dark); - border-left: 6px solid transparent; - border-right: 6px solid transparent; - left: 8px; - top: -7px; + content: ""; + position: absolute; + border-bottom: 8px solid var(--directorist-color-dark); + border-left: 6px solid transparent; + border-right: 6px solid transparent; + left: 8px; + top: -7px; } /* listing card without thumbnail */ -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - position: relative; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - padding: 20px 22px 0 22px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - gap: 12px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left .directorist-listing-single__badge { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - position: relative; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__left .directorist-badge { - background-color: #f4f4f4; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header__title { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author { - position: unset; - -webkit-transform: unset; - transform: unset; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-thumb-listing-author img { - height: 100%; - width: 100%; - max-width: none; - border-radius: 50%; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title { - font-size: 18px; - font-weight: 500; - padding: 0; - text-transform: none; - line-height: 1.2; - margin: 0; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header { + display: flex; + gap: 15px; + flex-wrap: wrap; + position: relative; + align-items: flex-start; + padding: 20px 22px 0 22px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__left { + display: flex; + flex: 1; + gap: 12px; + align-items: center; + flex-wrap: wrap; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__left + .directorist-listing-single__badge { + display: flex; + gap: 12px; + flex-wrap: wrap; + align-items: center; + position: relative; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__left + .directorist-badge { + background-color: #f4f4f4; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header__title { + flex: 1; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-thumb-listing-author { + position: unset; + transform: unset; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-thumb-listing-author + a { + display: flex; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-thumb-listing-author + img { + height: 100%; + width: 100%; + max-width: none; + border-radius: 50%; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title { + font-size: 18px; + font-weight: 500; + padding: 0; + text-transform: none; + line-height: 1.2; + margin: 0; + flex: 0 0 100%; } @media screen and (max-width: 575px) { - .directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title { - font-size: 16px; - } -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title a { - text-decoration: none; - color: var(--directorist-color-dark); -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-title a:hover { - color: var(--directorist-color-primary); -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__header .directorist-listing-tagline { - margin-bottom: 0; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info { - padding: 10px 22px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info:empty { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list { - margin: 16px 0 10px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-icon-mask { - position: relative; - top: 4px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-listing-card-info-label { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li .directorist-icon { - font-size: 17px; - color: #444752; - margin-left: 8px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li a, -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__list li span { - text-decoration: none; - color: var(--directorist-color-body); - border-bottom: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.7; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt { - margin: 15px 0 0; - font-size: 14px; - color: var(--directorist-color-body); - line-height: 24px; - text-align: right; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li { - color: var(--directorist-color-body); - margin: 0; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li:not(:last-child) { - margin: 0 0 10px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li > div { - margin-bottom: 2px; - font-size: 14px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li > div .directorist-icon-mask { - position: relative; - top: 4px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li > div .directorist-listing-card-info-label { - display: none; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li .directorist-icon { - font-size: 17px; - color: #444752; - margin-left: 8px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li a { - text-decoration: none; - color: var(--directorist-color-body); - border-bottom: 0 none; - -webkit-box-shadow: none; - box-shadow: none; - line-height: 1.7; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt li a:hover { - color: var(--directorist-color-primary); -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt a { - color: var(--directorist-color-primary); - text-decoration: underline; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__info__excerpt a:hover { - color: var(--directorist-color-body); -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__content { - border: 0 none; - padding: 10px 22px 25px; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__meta__right .directorist-mark-as-favorite__btn { - width: auto; - height: auto; -} -.directorist-listing-single.directorist-listing-no-thumb .directorist-listing-single__action { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 6px; + .directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title { + font-size: 16px; + } +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title + a { + text-decoration: none; + color: var(--directorist-color-dark); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-title + a:hover { + color: var(--directorist-color-primary); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__header + .directorist-listing-tagline { + margin-bottom: 0; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info { + padding: 10px 22px 0; + display: flex; + flex-wrap: wrap; + align-items: center; + flex-direction: row; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info:empty { + display: none; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list { + margin: 16px 0 10px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + .directorist-icon-mask { + position: relative; + top: 4px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + .directorist-listing-card-info-label { + display: none; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + .directorist-icon { + font-size: 17px; + color: #444752; + margin-left: 8px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + a, +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__list + li + span { + text-decoration: none; + color: var(--directorist-color-body); + border-bottom: 0 none; + box-shadow: none; + line-height: 1.7; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt { + margin: 15px 0 0; + font-size: 14px; + color: var(--directorist-color-body); + line-height: 24px; + text-align: right; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li { + color: var(--directorist-color-body); + margin: 0; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li:not(:last-child) { + margin: 0 0 10px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + > div { + margin-bottom: 2px; + font-size: 14px; + display: flex; + gap: 10px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + > div + .directorist-icon-mask { + position: relative; + top: 4px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + > div + .directorist-listing-card-info-label { + display: none; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + .directorist-icon { + font-size: 17px; + color: #444752; + margin-left: 8px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + a { + text-decoration: none; + color: var(--directorist-color-body); + border-bottom: 0 none; + box-shadow: none; + line-height: 1.7; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + li + a:hover { + color: var(--directorist-color-primary); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + a { + color: var(--directorist-color-primary); + text-decoration: underline; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__info__excerpt + a:hover { + color: var(--directorist-color-body); +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__content { + border: 0 none; + padding: 10px 22px 25px; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__meta__right + .directorist-mark-as-favorite__btn { + width: auto; + height: auto; +} +.directorist-listing-single.directorist-listing-no-thumb + .directorist-listing-single__action { + display: flex; + align-items: center; + gap: 6px; } /* listing card without thumbnail list view */ -.directorist-listing-single.directorist-listing-list .directorist-listing-single__header { - width: 100%; - margin-bottom: 13px; +.directorist-listing-single.directorist-listing-list + .directorist-listing-single__header { + width: 100%; + margin-bottom: 13px; } -.directorist-listing-single.directorist-listing-list .directorist-listing-single__header .directorist-listing-single__info { - padding: 0; +.directorist-listing-single.directorist-listing-list + .directorist-listing-single__header + .directorist-listing-single__info { + padding: 0; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge { - padding: 0; - margin: 0; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-info-item.directorist-badge { + padding: 0; + margin: 0; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge:after { - display: none; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-info-item.directorist-badge:after { + display: none; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge.directorist-badge-open, .directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-info-item.directorist-badge.directorist-badge-close { - padding: 0 5px; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-info-item.directorist-badge.directorist-badge-open, +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-info-item.directorist-badge.directorist-badge-close { + padding: 0 5px; } -.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb .directorist-mark-as-favorite__btn { - width: auto; - height: auto; +.directorist-listing-single.directorist-listing-list.directorist-listing-no-thumb + .directorist-mark-as-favorite__btn { + width: auto; + height: auto; } .directorist-listing-category { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } .directorist-listing-category__popup { - position: relative; - margin-right: 10px; - cursor: pointer; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + position: relative; + margin-right: 10px; + cursor: pointer; + display: flex; } .directorist-listing-category__popup__content { - display: block; - position: absolute; - width: 150px; - visibility: hidden; - opacity: 0; - pointer-events: none; - bottom: 25px; - right: -30px; - padding: 10px; - border: none; - border-radius: 10px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - line-break: auto; - word-break: break-all; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - z-index: 1; + display: block; + position: absolute; + width: 150px; + visibility: hidden; + opacity: 0; + pointer-events: none; + bottom: 25px; + right: -30px; + padding: 10px; + border: none; + border-radius: 10px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + line-break: auto; + word-break: break-all; + transition: 0.3s ease; + z-index: 1; } .directorist-listing-category__popup__content:after { - content: ""; - right: 40px; - bottom: -11px; - border: 6px solid transparent; - border-top-color: var(--directorist-color-white); - display: inline-block; - position: absolute; + content: ""; + right: 40px; + bottom: -11px; + border: 6px solid transparent; + border-top-color: var(--directorist-color-white); + display: inline-block; + position: absolute; } .directorist-listing-category__popup__content a { - color: var(--directorist-color-body); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 12px; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - line-height: normal; - padding: 10px; - border-radius: 8px; + color: var(--directorist-color-body); + display: flex; + gap: 12px; + align-items: flex-start; + line-height: normal; + padding: 10px; + border-radius: 8px; } .directorist-listing-category__popup__content a:last-child { - margin-bottom: 0; + margin-bottom: 0; } .directorist-listing-category__popup__content a i { - height: unset; - width: unset; - min-width: unset; + height: unset; + width: unset; + min-width: unset; } .directorist-listing-category__popup__content a i::after { - height: 14px; - width: 14px; - background-color: var(--directorist-color-body); + height: 14px; + width: 14px; + background-color: var(--directorist-color-body); } .directorist-listing-category__popup__content a:hover { - color: var(--directorist-color-primary); - background-color: var(--directorist-color-light); + color: var(--directorist-color-primary); + background-color: var(--directorist-color-light); } .directorist-listing-category__popup__content a:hover i::after { - background-color: var(--directorist-color-primary); + background-color: var(--directorist-color-primary); } -.directorist-listing-category__popup:hover .directorist-listing-category__popup__content { - visibility: visible; - opacity: 1; - pointer-events: all; +.directorist-listing-category__popup:hover + .directorist-listing-category__popup__content { + visibility: visible; + opacity: 1; + pointer-events: all; } -.directorist-listing-single__meta__right .directorist-listing-category__popup__content { - right: unset; - left: -30px; +.directorist-listing-single__meta__right + .directorist-listing-category__popup__content { + right: unset; + left: -30px; } -.directorist-listing-single__meta__right .directorist-listing-category__popup__content:after { - right: unset; - left: 40px; +.directorist-listing-single__meta__right + .directorist-listing-category__popup__content:after { + right: unset; + left: 40px; } .directorist-listing-price-range span { - font-weight: 600; - color: rgba(122, 130, 166, 0.3); + font-weight: 600; + color: rgba(122, 130, 166, 0.3); } .directorist-listing-price-range span.directorist-price-active { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } #map.leaflet-container, #gmap.leaflet-container, .directorist-single-map.leaflet-container { - direction: ltr; + direction: ltr; } #map.leaflet-container .leaflet-popup-content-wrapper, #gmap.leaflet-container .leaflet-popup-content-wrapper, .directorist-single-map.leaflet-container .leaflet-popup-content-wrapper { - border-radius: 8px; - padding: 0; + border-radius: 8px; + padding: 0; } #map.leaflet-container .leaflet-popup-content, #gmap.leaflet-container .leaflet-popup-content, .directorist-single-map.leaflet-container .leaflet-popup-content { - margin: 0; - line-height: 1; - width: 350px !important; + margin: 0; + line-height: 1; + width: 350px !important; } @media only screen and (max-width: 480px) { - #map.leaflet-container .leaflet-popup-content, - #gmap.leaflet-container .leaflet-popup-content, - .directorist-single-map.leaflet-container .leaflet-popup-content { - width: 300px !important; - } + #map.leaflet-container .leaflet-popup-content, + #gmap.leaflet-container .leaflet-popup-content, + .directorist-single-map.leaflet-container .leaflet-popup-content { + width: 300px !important; + } } @media only screen and (max-width: 375px) { - #map.leaflet-container .leaflet-popup-content, - #gmap.leaflet-container .leaflet-popup-content, - .directorist-single-map.leaflet-container .leaflet-popup-content { - width: 250px !important; - } + #map.leaflet-container .leaflet-popup-content, + #gmap.leaflet-container .leaflet-popup-content, + .directorist-single-map.leaflet-container .leaflet-popup-content { + width: 250px !important; + } } #map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, #gmap.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, -.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img { - width: 100%; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .atbdp-map.atbdp-body + img { + width: 100%; } #map.leaflet-container .leaflet-popup-content .media-body, #gmap.leaflet-container .leaflet-popup-content .media-body, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body { - padding: 10px 15px; + padding: 10px 15px; } #map.leaflet-container .leaflet-popup-content .media-body a, #gmap.leaflet-container .leaflet-popup-content .media-body a, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body a { - text-decoration: none; + text-decoration: none; } #map.leaflet-container .leaflet-popup-content .media-body h3 a, #gmap.leaflet-container .leaflet-popup-content .media-body h3 a, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body h3 a { - font-weight: 500; - line-height: 1.2; - color: #272b41; - letter-spacing: normal; - font-size: 18px; - text-decoration: none; -} -#map.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin, -#gmap.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin, -.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-listings-title-block h3.atbdp-no-margin { - font-size: 14px; - margin: 0 0 10px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + h3 + a { + font-weight: 500; + line-height: 1.2; + color: #272b41; + letter-spacing: normal; + font-size: 18px; + text-decoration: none; +} +#map.leaflet-container + .leaflet-popup-content + .atbdp-listings-title-block + h3.atbdp-no-margin, +#gmap.leaflet-container + .leaflet-popup-content + .atbdp-listings-title-block + h3.atbdp-no-margin, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .atbdp-listings-title-block + h3.atbdp-no-margin { + font-size: 14px; + margin: 0 0 10px; } #map.leaflet-container .leaflet-popup-content .osm-iw-location, #gmap.leaflet-container .leaflet-popup-content .osm-iw-location, -.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-location { - margin-bottom: 6px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container .leaflet-popup-content .osm-iw-location .directorist-icon-mask, -#gmap.leaflet-container .leaflet-popup-content .osm-iw-location .directorist-icon-mask, -.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-location .directorist-icon-mask { - display: inline-block; - margin-left: 4px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-location { + margin-bottom: 6px; + display: flex; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .osm-iw-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .osm-iw-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-location + .directorist-icon-mask { + display: inline-block; + margin-left: 4px; } #map.leaflet-container .leaflet-popup-content .osm-iw-get-location, #gmap.leaflet-container .leaflet-popup-content .osm-iw-get-location, -.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-get-location { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container .leaflet-popup-content .osm-iw-get-location .directorist-icon-mask, -#gmap.leaflet-container .leaflet-popup-content .osm-iw-get-location .directorist-icon-mask, -.directorist-single-map.leaflet-container .leaflet-popup-content .osm-iw-get-location .directorist-icon-mask { - display: inline-block; - margin-right: 5px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-get-location { + display: flex; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .osm-iw-get-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .osm-iw-get-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .osm-iw-get-location + .directorist-icon-mask { + display: inline-block; + margin-right: 5px; } #map.leaflet-container .leaflet-popup-content .atbdp-map, #gmap.leaflet-container .leaflet-popup-content .atbdp-map, .directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map { - margin: 0; - line-height: 1; - width: 350px !important; + margin: 0; + line-height: 1; + width: 350px !important; } #map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, #gmap.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img, -.directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map.atbdp-body img { - width: 100%; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .atbdp-map.atbdp-body + img { + width: 100%; } #map.leaflet-container .leaflet-popup-content .media-body, #gmap.leaflet-container .leaflet-popup-content .media-body, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body { - padding: 10px 15px; + padding: 10px 15px; } #map.leaflet-container .leaflet-popup-content .media-body a, #gmap.leaflet-container .leaflet-popup-content .media-body a, .directorist-single-map.leaflet-container .leaflet-popup-content .media-body a { - text-decoration: none; + text-decoration: none; } #map.leaflet-container .leaflet-popup-content .media-body h3 a, #gmap.leaflet-container .leaflet-popup-content .media-body h3 a, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body h3 a { - font-weight: 500; - line-height: 1.2; - color: #272b41; - letter-spacing: normal; - font-size: 18px; - text-decoration: none; -} -#map.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin, -#gmap.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .atbdp-listings-title-block h3.atbdp-no-margin { - font-size: 14px; - margin: 0 0 10px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + h3 + a { + font-weight: 500; + line-height: 1.2; + color: #272b41; + letter-spacing: normal; + font-size: 18px; + text-decoration: none; +} +#map.leaflet-container + .leaflet-popup-content + .media-body + .atbdp-listings-title-block + h3.atbdp-no-margin, +#gmap.leaflet-container + .leaflet-popup-content + .media-body + .atbdp-listings-title-block + h3.atbdp-no-margin, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .atbdp-listings-title-block + h3.atbdp-no-margin { + font-size: 14px; + margin: 0 0 10px; } #map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location, #gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-location, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location { - margin-bottom: 6px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location .directorist-icon-mask, -#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-location .directorist-icon-mask, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-location .directorist-icon-mask { - display: inline-block; - margin-left: 4px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location { + margin-bottom: 6px; + display: flex; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-location + .directorist-icon-mask { + display: inline-block; + margin-left: 4px; } #map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location, #gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -#map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location .directorist-icon-mask, -#gmap.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location .directorist-icon-mask, -.directorist-single-map.leaflet-container .leaflet-popup-content .media-body .osm-iw-get-location .directorist-icon-mask { - display: inline-block; - margin-right: 5px; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location { + display: flex; + align-items: center; +} +#map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location + .directorist-icon-mask, +#gmap.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location + .directorist-icon-mask, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .media-body + .osm-iw-get-location + .directorist-icon-mask { + display: inline-block; + margin-right: 5px; } #map.leaflet-container .leaflet-popup-content .atbdp-map, #gmap.leaflet-container .leaflet-popup-content .atbdp-map, .directorist-single-map.leaflet-container .leaflet-popup-content .atbdp-map { - margin: 0; + margin: 0; } #map.leaflet-container .leaflet-popup-content .map-info-wrapper img, #gmap.leaflet-container .leaflet-popup-content .map-info-wrapper img, -.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper img { - width: 100%; -} -#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details, -#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details, -.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details { - padding: 15px; -} -#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3, -#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3, -.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details h3 { - font-size: 16px; - margin-bottom: 0; - margin-top: 0; -} -#map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn, -#gmap.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn, -.directorist-single-map.leaflet-container .leaflet-popup-content .map-info-wrapper .map-info-details .miw-contents-footer .iw-close-btn { - display: none; +.directorist-single-map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + img { + width: 100%; +} +#map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details, +#gmap.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details { + padding: 15px; +} +#map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + h3, +#gmap.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + h3, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + h3 { + font-size: 16px; + margin-bottom: 0; + margin-top: 0; +} +#map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + .miw-contents-footer + .iw-close-btn, +#gmap.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + .miw-contents-footer + .iw-close-btn, +.directorist-single-map.leaflet-container + .leaflet-popup-content + .map-info-wrapper + .map-info-details + .miw-contents-footer + .iw-close-btn { + display: none; } #map.leaflet-container .leaflet-popup-close-button, #gmap.leaflet-container .leaflet-popup-close-button, .directorist-single-map.leaflet-container .leaflet-popup-close-button { - position: absolute; - width: 25px; - height: 25px; - background: rgba(68, 71, 82, 0.5); - border-radius: 50%; - color: var(--directorist-color-white); - left: 10px; - right: auto; - top: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 13px; - cursor: pointer; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - line-height: inherit; - padding: 0; - display: none; + position: absolute; + width: 25px; + height: 25px; + background: rgba(68, 71, 82, 0.5); + border-radius: 50%; + color: var(--directorist-color-white); + left: 10px; + right: auto; + top: 10px; + display: flex; + align-items: center; + justify-content: center; + font-size: 13px; + cursor: pointer; + transition: 0.3s ease; + line-height: inherit; + padding: 0; + display: none; } #map.leaflet-container .leaflet-popup-close-button:hover, #gmap.leaflet-container .leaflet-popup-close-button:hover, .directorist-single-map.leaflet-container .leaflet-popup-close-button:hover { - background-color: #444752; + background-color: #444752; } #map.leaflet-container .leaflet-popup-tip-container, #gmap.leaflet-container .leaflet-popup-tip-container, .directorist-single-map.leaflet-container .leaflet-popup-tip-container { - display: none; + display: none; } .directorist-single-map .gm-style-iw-c, .directorist-single-map .gm-style-iw-d { - max-height: unset !important; + max-height: unset !important; } .directorist-single-map .gm-style-iw-tc, .directorist-single-map .gm-style-iw-chr { - display: none; + display: none; } .map-listing-card-single { - position: relative; - padding: 10px; - border-radius: 8px; - -webkit-box-shadow: 0px 5px 20px rgba(var(--directorist-color-dark-rgb), 0.33); - box-shadow: 0px 5px 20px rgba(var(--directorist-color-dark-rgb), 0.33); - background-color: var(--directorist-color-white); + position: relative; + padding: 10px; + border-radius: 8px; + box-shadow: 0px 5px 20px rgba(var(--directorist-color-dark-rgb), 0.33); + background-color: var(--directorist-color-white); } .map-listing-card-single figure { - margin: 0; + margin: 0; } .map-listing-card-single .directorist-mark-as-favorite__btn { - position: absolute; - top: 20px; - left: 20px; - width: 30px; - height: 30px; - border-radius: 100%; - background-color: var(--directorist-color-white); -} -.map-listing-card-single .directorist-mark-as-favorite__btn .directorist-favorite-icon::before { - width: 16px; - height: 16px; + position: absolute; + top: 20px; + left: 20px; + width: 30px; + height: 30px; + border-radius: 100%; + background-color: var(--directorist-color-white); +} +.map-listing-card-single + .directorist-mark-as-favorite__btn + .directorist-favorite-icon::before { + width: 16px; + height: 16px; } .map-listing-card-single__img .atbd_tooltip { - margin-right: 10px; - margin-bottom: 10px; + margin-right: 10px; + margin-bottom: 10px; } .map-listing-card-single__img .atbd_tooltip img { - width: auto; + width: auto; } .map-listing-card-single__img a { - width: 100%; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; + width: 100%; + display: inline-flex; } .map-listing-card-single__img figure { - width: 100%; - margin: 0; + width: 100%; + margin: 0; } .map-listing-card-single__img img { - width: 100%; - max-width: 100%; - max-height: 200px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 8px; + width: 100%; + max-width: 100%; + max-height: 200px; + object-fit: cover; + border-radius: 8px; } .map-listing-card-single__author + .map-listing-card-single__content { - padding-top: 0; + padding-top: 0; } .map-listing-card-single__author a { - width: 42px; - height: 42px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - border-radius: 100%; - margin-top: -24px; - margin-right: 7px; - margin-bottom: 5px; - border: 3px solid var(--directorist-color-white); + width: 42px; + height: 42px; + display: inline-flex; + border-radius: 100%; + margin-top: -24px; + margin-right: 7px; + margin-bottom: 5px; + border: 3px solid var(--directorist-color-white); } .map-listing-card-single__author img { - width: 100%; - height: 100%; - border-radius: 100%; + width: 100%; + height: 100%; + border-radius: 100%; } .map-listing-card-single__content { - padding: 15px 10px 10px; + padding: 15px 10px 10px; } .map-listing-card-single__content__title { - font-size: 16px; - font-weight: 500; - margin: 0 0 10px !important; - color: var(--directorist-color-dark); + font-size: 16px; + font-weight: 500; + margin: 0 0 10px !important; + color: var(--directorist-color-dark); } .map-listing-card-single__content__title a { - text-decoration: unset; - color: var(--directorist-color-dark); + text-decoration: unset; + color: var(--directorist-color-dark); } .map-listing-card-single__content__title a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .map-listing-card-single__content__meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 0 0 20px; - gap: 10px 0; + display: flex; + flex-wrap: wrap; + align-items: center; + margin: 0 0 20px; + gap: 10px 0; } .map-listing-card-single__content__meta .directorist-rating-meta { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-body); - padding: 0; + display: inline-flex; + align-items: center; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-body); + padding: 0; } .map-listing-card-single__content__meta .directorist-icon-mask { - margin-left: 4px; + margin-left: 4px; } .map-listing-card-single__content__meta .directorist-icon-mask:after { - width: 15px; - height: 15px; - background-color: var(--directorist-color-warning); + width: 15px; + height: 15px; + background-color: var(--directorist-color-warning); } -.map-listing-card-single__content__meta .directorist-icon-mask.star-empty:after { - background-color: #d1d1d1; +.map-listing-card-single__content__meta + .directorist-icon-mask.star-empty:after { + background-color: #d1d1d1; } .map-listing-card-single__content__meta .directorist-rating-avg { - font-size: 14px; - color: var(--directorist-color-body); - margin: 0 6px 0 3px; + font-size: 14px; + color: var(--directorist-color-body); + margin: 0 6px 0 3px; } .map-listing-card-single__content__meta .directorist-listing-price { - font-size: 14px; - color: var(--directorist-color-body); + font-size: 14px; + color: var(--directorist-color-body); } .map-listing-card-single__content__meta .directorist-info-item { - position: relative; -} -.map-listing-card-single__content__meta .directorist-info-item:not(:last-child) { - padding-left: 8px; - margin-left: 8px; -} -.map-listing-card-single__content__meta .directorist-info-item:not(:last-child):before { - content: ""; - position: absolute; - left: 0; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - width: 3px; - height: 3px; - border-radius: 100%; - background-color: var(--directorist-color-gray-hover); + position: relative; +} +.map-listing-card-single__content__meta + .directorist-info-item:not(:last-child) { + padding-left: 8px; + margin-left: 8px; +} +.map-listing-card-single__content__meta + .directorist-info-item:not(:last-child):before { + content: ""; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + width: 3px; + height: 3px; + border-radius: 100%; + background-color: var(--directorist-color-gray-hover); } .map-listing-card-single__content__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; + display: flex; + gap: 10px; + flex-direction: column; } .map-listing-card-single__content__info .directorist-info-item { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; + display: flex; + gap: 10px; } .map-listing-card-single__content__info a { - font-size: 14px; - font-weight: 400; - line-height: 1.3; - text-decoration: unset; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + line-height: 1.3; + text-decoration: unset; + color: var(--directorist-color-body); } .map-listing-card-single__content__info a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .map-listing-card-single__content__info .directorist-icon-mask:after { - width: 15px; - height: 15px; - margin-top: 2px; - background-color: var(--directorist-color-gray-hover); + width: 15px; + height: 15px; + margin-top: 2px; + background-color: var(--directorist-color-gray-hover); } .map-listing-card-single__content__location { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + align-items: center; } .map-listing-card-single__content__location a:not(:first-child) { - margin-right: 5px; + margin-right: 5px; } -.leaflet-popup-content-wrapper .leaflet-popup-content .map-info-wrapper .map-info-details .iw-close-btn { - display: none; +.leaflet-popup-content-wrapper + .leaflet-popup-content + .map-info-wrapper + .map-info-details + .iw-close-btn { + display: none; } .myDivIcon { - text-align: center !important; - line-height: 20px !important; - position: relative; + text-align: center !important; + line-height: 20px !important; + position: relative; } .atbd_map_shape { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 40px; - height: 40px; - cursor: pointer; - border-radius: 100%; - background-color: var(--directorist-color-marker-shape); + position: relative; + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + cursor: pointer; + border-radius: 100%; + background-color: var(--directorist-color-marker-shape); } .atbd_map_shape:before { - content: ""; - position: absolute; - right: -20px; - top: -20px; - width: 0; - height: 0; - opacity: 0; - visibility: hidden; - border-radius: 50%; - -webkit-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - border: none; - border: 40px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); - -webkit-animation: atbd_scale 3s linear alternate infinite; - animation: atbd_scale 3s linear alternate infinite; + content: ""; + position: absolute; + right: -20px; + top: -20px; + width: 0; + height: 0; + opacity: 0; + visibility: hidden; + border-radius: 50%; + transition: all 0.3s ease-in-out; + border: none; + border: 40px solid rgba(var(--directorist-color-marker-shape-rgb), 0.2); + animation: atbd_scale 3s linear alternate infinite; } .atbd_map_shape .directorist-icon-mask:after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-marker-icon); - -webkit-mask-image: url(../js/80f124fcb604319ca80e.svg); - mask-image: url(../js/80f124fcb604319ca80e.svg); + width: 16px; + height: 16px; + background-color: var(--directorist-color-marker-icon); + mask-image: url(../js/../images/ed83bad2b8ea2a7680575ff079fc63af.svg); } .atbd_map_shape:hover:before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .marker-cluster-shape { - width: 35px; - height: 35px; - background-color: var(--directorist-color-marker-shape); - border-radius: 50%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - color: var(--directorist-color-marker-icon); - font-size: 15px; - font-weight: 700; - position: relative; - cursor: pointer; + width: 35px; + height: 35px; + background-color: var(--directorist-color-marker-shape); + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + color: var(--directorist-color-marker-icon); + font-size: 15px; + font-weight: 700; + position: relative; + cursor: pointer; } .marker-cluster-shape:before { - position: absolute; - content: ""; - width: 47px; - height: 47px; - right: -6px; - top: -6px; - background: rgba(var(--directorist-color-marker-shape-rgb), 0.15); - border-radius: 50%; + position: absolute; + content: ""; + width: 47px; + height: 47px; + right: -6px; + top: -6px; + background: rgba(var(--directorist-color-marker-shape-rgb), 0.15); + border-radius: 50%; } /*style the box*/ .atbdp-map .gm-style .gm-style-iw, .atbd_google_map .gm-style .gm-style-iw, .directorist-details-info-wrap .gm-style .gm-style-iw { - width: 350px; - padding: 0; - border-radius: 8px; - -webkit-box-shadow: unset; - box-shadow: unset; - max-height: none !important; + width: 350px; + padding: 0; + border-radius: 8px; + box-shadow: unset; + max-height: none !important; } @media only screen and (max-width: 375px) { - .atbdp-map .gm-style .gm-style-iw, - .atbd_google_map .gm-style .gm-style-iw, - .directorist-details-info-wrap .gm-style .gm-style-iw { - width: 275px; - max-width: unset !important; - } + .atbdp-map .gm-style .gm-style-iw, + .atbd_google_map .gm-style .gm-style-iw, + .directorist-details-info-wrap .gm-style .gm-style-iw { + width: 275px; + max-width: unset !important; + } } .atbdp-map .gm-style .gm-style-iw .gm-style-iw-d, .atbd_google_map .gm-style .gm-style-iw .gm-style-iw-d, .directorist-details-info-wrap .gm-style .gm-style-iw .gm-style-iw-d { - overflow: hidden !important; - max-height: 100% !important; + overflow: hidden !important; + max-height: 100% !important; } .atbdp-map .gm-style .gm-style-iw button.gm-ui-hover-effect, .atbd_google_map .gm-style .gm-style-iw button.gm-ui-hover-effect, -.directorist-details-info-wrap .gm-style .gm-style-iw button.gm-ui-hover-effect { - display: none !important; +.directorist-details-info-wrap + .gm-style + .gm-style-iw + button.gm-ui-hover-effect { + display: none !important; } .atbdp-map .gm-style .gm-style-iw .map-info-wrapper--show, .atbd_google_map .gm-style .gm-style-iw .map-info-wrapper--show, .directorist-details-info-wrap .gm-style .gm-style-iw .map-info-wrapper--show { - display: block !important; + display: block !important; } -.gm-style div[aria-label=Map] div[role=button] { - display: none; +.gm-style div[aria-label="Map"] div[role="button"] { + display: none; } .directorist-report-abuse-modal .directorist-modal__header { - padding: 20px 0 15px; -} -.directorist-report-abuse-modal .directorist-modal__header .directorist-modal-title { - font-size: 1.75rem; - margin: 0; - margin-bottom: 0.5rem; - font-weight: 500; - line-height: 1.2; - color: var(--directorist-color-dark); - letter-spacing: normal; -} -.directorist-report-abuse-modal .directorist-modal__header .directorist-modal-close { - width: 32px; - height: 32px; - left: -40px !important; - top: -30px !important; - right: auto; - position: absolute; - -webkit-transform: none; - transform: none; - background-color: #444752; - color: var(--directorist-color-white); - border-radius: 300px; - opacity: 1; - font-weight: 300; - z-index: 2; - font-size: 16px; - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - text-decoration: none; - border: none; - cursor: pointer; + padding: 20px 0 15px; +} +.directorist-report-abuse-modal + .directorist-modal__header + .directorist-modal-title { + font-size: 1.75rem; + margin: 0; + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; + color: var(--directorist-color-dark); + letter-spacing: normal; +} +.directorist-report-abuse-modal + .directorist-modal__header + .directorist-modal-close { + width: 32px; + height: 32px; + left: -40px !important; + top: -30px !important; + right: auto; + position: absolute; + transform: none; + background-color: #444752; + color: var(--directorist-color-white); + border-radius: 300px; + opacity: 1; + font-weight: 300; + z-index: 2; + font-size: 16px; + padding: 0; + display: flex; + align-items: center; + justify-content: center; + text-decoration: none; + border: none; + cursor: pointer; } .directorist-report-abuse-modal .directorist-modal__body { - padding: 20px 0; - border: none; + padding: 20px 0; + border: none; } .directorist-report-abuse-modal .directorist-modal__body label { - font-size: 18px; - margin-bottom: 12px; - text-align: right; - display: block; + font-size: 18px; + margin-bottom: 12px; + text-align: right; + display: block; } .directorist-report-abuse-modal .directorist-modal__body textarea { - min-height: 90px; - resize: none; - padding: 10px 16px; - border-radius: 8px; - border: 1px solid var(--directorist-color-border); + min-height: 90px; + resize: none; + padding: 10px 16px; + border-radius: 8px; + border: 1px solid var(--directorist-color-border); } .directorist-report-abuse-modal .directorist-modal__body textarea:focus { - border: 1px solid var(--directorist-color-primary); + border: 1px solid var(--directorist-color-primary); } .directorist-report-abuse-modal #directorist-report-abuse-message-display { - color: var(--directorist-color-body); - margin-top: 15px; + color: var(--directorist-color-body); + margin-top: 15px; } -.directorist-report-abuse-modal #directorist-report-abuse-message-display:empty { - margin: 0; +.directorist-report-abuse-modal + #directorist-report-abuse-message-display:empty { + margin: 0; } .directorist-report-abuse-modal .directorist-modal__footer { - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - border: none; + padding: 0; + display: flex; + justify-content: flex-end; + border: none; } .directorist-report-abuse-modal .directorist-modal__footer .directorist-btn { - text-transform: capitalize; - padding: 0 15px; -} -.directorist-report-abuse-modal .directorist-modal__footer .directorist-btn.directorist-btn-loading:after { - content: ""; - border: 2px solid #f3f3f3; - border-radius: 50%; - border-top: 2px solid #656a7a; - width: 20px; - height: 20px; - -webkit-animation: rotate360 2s linear infinite; - animation: rotate360 2s linear infinite; - display: inline-block; - margin: 0 10px 0 0; - position: relative; - top: 4px; + text-transform: capitalize; + padding: 0 15px; +} +.directorist-report-abuse-modal + .directorist-modal__footer + .directorist-btn.directorist-btn-loading:after { + content: ""; + border: 2px solid #f3f3f3; + border-radius: 50%; + border-top: 2px solid #656a7a; + width: 20px; + height: 20px; + animation: rotate360 2s linear infinite; + display: inline-block; + margin: 0 10px 0 0; + position: relative; + top: 4px; } .directorist-report-abuse-modal .directorist-modal__content { - padding: 20px 30px 20px; + padding: 20px 30px 20px; } .directorist-report-abuse-modal #directorist-report-abuse-form { - text-align: right; + text-align: right; } .directorist-rated-stars ul, .atbd_rated_stars ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist-rated-stars li, .atbd_rated_stars li { - display: inline-block; - padding: 0; - margin: 0; + display: inline-block; + padding: 0; + margin: 0; } .directorist-rated-stars span, .atbd_rated_stars span { - color: #d4d3f3; - display: block; - width: 14px; - height: 14px; - position: relative; + color: #d4d3f3; + display: block; + width: 14px; + height: 14px; + position: relative; } .directorist-rated-stars span:before, .atbd_rated_stars span:before { - content: ""; - -webkit-mask-image: url(../js/944a378f42cb4f464a3a.svg); - mask-image: url(../js/944a378f42cb4f464a3a.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 15px; - height: 15px; - background-color: #d4d3f3; - position: absolute; - right: 0; - top: 0; + content: ""; + mask-image: url(../js/../images/9a1043337f37b65647d77feb64df21dd.svg); + mask-repeat: no-repeat; + width: 15px; + height: 15px; + background-color: #d4d3f3; + position: absolute; + right: 0; + top: 0; } .directorist-rated-stars span.directorist-rate-active:before, .atbd_rated_stars span.directorist-rate-active:before { - background-color: var(--directorist-color-warning); + background-color: var(--directorist-color-warning); } -.directorist-single .directorist-single-listing-top button:not(:hover):not(:active):not(.has-background).directorist-btn.directorist-btn-light { - background-color: var(--directorist-color-light); - color: var(--directorist-color-dark); +.directorist-single + .directorist-single-listing-top + button:not(:hover):not(:active):not( + .has-background + ).directorist-btn.directorist-btn-light { + background-color: var(--directorist-color-light); + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-single .directorist-single-listing-top button:not(:hover):not(:active):not(.has-background).directorist-btn.directorist-btn-light { - background-color: transparent; - } + .directorist-single + .directorist-single-listing-top + button:not(:hover):not(:active):not( + .has-background + ).directorist-btn.directorist-btn-light { + background-color: transparent; + } } .directorist-listing-details .directorist-listing-single { - border: 0 none; + border: 0 none; } .directorist-single-listing-notice { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-single-tag-list li { - margin: 0 0 10px; + margin: 0 0 10px; } .directorist-single-tag-list a { - text-decoration: none; - color: var(--directorist-color-body); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; + text-decoration: none; + color: var(--directorist-color-body); + transition: 0.3s ease; + display: flex; + gap: 10px; + /* Legacy Icon */ } .directorist-single-tag-list a .directorist-icon-mask { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 35px; - height: 35px; - min-width: 35px; - border-radius: 50%; - background-color: var(--directorist-color-bg-light); - position: relative; - top: -5px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + display: inline-flex; + align-items: center; + justify-content: center; + width: 35px; + height: 35px; + min-width: 35px; + border-radius: 50%; + background-color: var(--directorist-color-bg-light); + position: relative; + top: -5px; + transition: 0.3s ease; } .directorist-single-tag-list a .directorist-icon-mask:after { - font-size: 15px; -} -.directorist-single-tag-list a { - /* Legacy Icon */ + font-size: 15px; } .directorist-single-tag-list a > span:not(.directorist-icon-mask) { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 35px; - height: 35px; - border-radius: 50%; - background-color: var(--directorist-color-bg-light); - margin-left: 10px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - font-size: 15px; + display: inline-flex; + align-items: center; + justify-content: center; + width: 35px; + height: 35px; + border-radius: 50%; + background-color: var(--directorist-color-bg-light); + margin-left: 10px; + transition: 0.3s ease; + font-size: 15px; } .directorist-single-tag-list a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-single-tag-list a:hover span { - background-color: var(--directorist-color-primary); - color: var(--directorist-color-white); + background-color: var(--directorist-color-primary); + color: var(--directorist-color-white); } .directorist-single-dummy-shortcode { - width: 100%; - background-color: #556166; - color: var(--directorist-color-white); - margin: 10px 0; - text-align: center; - padding: 40px 10px; - font-weight: 700; - font-size: 16px; - line-height: 1.2; + width: 100%; + background-color: #556166; + color: var(--directorist-color-white); + margin: 10px 0; + text-align: center; + padding: 40px 10px; + font-weight: 700; + font-size: 16px; + line-height: 1.2; } .directorist-sidebar .directorist-search-contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-sidebar .directorist-search-form .directorist-search-form-action { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + flex-wrap: wrap; } -.directorist-sidebar .directorist-search-form .directorist-search-form-action .directorist-modal-btn--advanced { - padding-right: 0; +.directorist-sidebar + .directorist-search-form + .directorist-search-form-action + .directorist-modal-btn--advanced { + padding-right: 0; } .directorist-sidebar .directorist-add-listing-types { - padding: 25px; + padding: 25px; } .directorist-sidebar .directorist-add-listing-types__single { - margin: 0; + margin: 0; } -.directorist-sidebar .directorist-add-listing-types .directorist-container-fluid { - padding: 0; +.directorist-sidebar + .directorist-add-listing-types + .directorist-container-fluid { + padding: 0; } .directorist-sidebar .directorist-add-listing-types .directorist-row { - gap: 15px; - margin: 0; -} -.directorist-sidebar .directorist-add-listing-types .directorist-col-lg-3.directorist-col-md-4.directorist-col-sm-6 { - width: 100%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 45%; - -ms-flex: 0 0 45%; - flex: 0 0 45%; - padding: 0; - margin: 0; -} -.directorist-sidebar .directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open:not(.directorist-taxonomy-list__card--icon) + .directorist-taxonomy-list__sub-item { - padding: 0; -} -.directorist-sidebar .directorist-widget-taxonomy .directorist-taxonomy-list-one .directorist-taxonomy-list > .directorist-taxonomy-list__toggle--open ~ .directorist-taxonomy-list__sub-item { - margin-top: 10px; - padding: 10px 20px; -} -.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__card + .directorist-taxonomy-list__sub-item { - padding: 0; - margin-top: 0; -} -.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item { - background-color: var(--directorist-color-light); - border-radius: 12px; -} -.directorist-sidebar .directorist-taxonomy-list-one .directorist-taxonomy-list__toggle--open + .directorist-taxonomy-list__sub-item li { - margin-top: 0; + gap: 15px; + margin: 0; +} +.directorist-sidebar + .directorist-add-listing-types + .directorist-col-lg-3.directorist-col-md-4.directorist-col-sm-6 { + width: 100%; + flex: 0 0 45%; + padding: 0; + margin: 0; +} +.directorist-sidebar + .directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open:not( + .directorist-taxonomy-list__card--icon + ) + + .directorist-taxonomy-list__sub-item { + padding: 0; +} +.directorist-sidebar + .directorist-widget-taxonomy + .directorist-taxonomy-list-one + .directorist-taxonomy-list + > .directorist-taxonomy-list__toggle--open + ~ .directorist-taxonomy-list__sub-item { + margin-top: 10px; + padding: 10px 20px; +} +.directorist-sidebar + .directorist-taxonomy-list-one + .directorist-taxonomy-list__card + + .directorist-taxonomy-list__sub-item { + padding: 0; + margin-top: 0; +} +.directorist-sidebar + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item { + background-color: var(--directorist-color-light); + border-radius: 12px; +} +.directorist-sidebar + .directorist-taxonomy-list-one + .directorist-taxonomy-list__toggle--open + + .directorist-taxonomy-list__sub-item + li { + margin-top: 0; } .directorist-single-listing-top { - gap: 20px; - margin: 15px 0 30px; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + gap: 20px; + margin: 15px 0 30px; + align-items: flex-start; } @media screen and (max-width: 575px) { - .directorist-single-listing-top { - gap: 10px; - } + .directorist-single-listing-top { + gap: 10px; + } } .directorist-single-listing-top .directorist-return-back { - gap: 8px; - margin: 0; - -webkit-box-flex: unset; - -webkit-flex: unset; - -ms-flex: unset; - flex: unset; - min-width: 120px; - text-decoration: none; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - border: 2px solid var(--directorist-color-white); + gap: 8px; + margin: 0; + flex: unset; + min-width: 120px; + text-decoration: none; + justify-content: flex-start; + border: 2px solid var(--directorist-color-white); } @media screen and (max-width: 575px) { - .directorist-single-listing-top .directorist-return-back { - border: none; - min-width: auto; - } + .directorist-single-listing-top .directorist-return-back { + border: none; + min-width: auto; + } } -.directorist-single-listing-top .directorist-return-back .directorist-single-listing-action__text { - display: block; +.directorist-single-listing-top + .directorist-return-back + .directorist-single-listing-action__text { + display: block; } @media screen and (max-width: 575px) { - .directorist-single-listing-top .directorist-return-back .directorist-single-listing-action__text { - display: none; - } + .directorist-single-listing-top + .directorist-return-back + .directorist-single-listing-action__text { + display: none; + } } .directorist-single-listing-top__btn-wrapper { - position: fixed; - width: 100%; - height: 80px; - bottom: 0; - right: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background-color: rgba(0, 0, 0, 0.8); - z-index: 999; + position: fixed; + width: 100%; + height: 80px; + bottom: 0; + right: 0; + display: flex; + justify-content: center; + align-items: center; + background-color: rgba(0, 0, 0, 0.8); + z-index: 999; } .directorist-single-listing-top__btn-continue.directorist-btn { - height: 46px; - border-radius: 8px; - font-size: 15px; - font-weight: 600; - padding: 0 25px; - background-color: #394dff !important; - color: var(--directorist-color-white); + height: 46px; + border-radius: 8px; + font-size: 15px; + font-weight: 600; + padding: 0 25px; + background-color: #394dff !important; + color: var(--directorist-color-white); } .directorist-single-listing-top__btn-continue.directorist-btn:hover { - background-color: #2a3cd9 !important; - color: var(--directorist-color-white); - border-color: var(--directorist-color-white) !important; + background-color: #2a3cd9 !important; + color: var(--directorist-color-white); + border-color: var(--directorist-color-white) !important; } -.directorist-single-listing-top__btn-continue.directorist-btn .directorist-single-listing-action__text { - display: block; +.directorist-single-listing-top__btn-continue.directorist-btn + .directorist-single-listing-action__text { + display: block; } .directorist-single-contents-area { - -webkit-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; } .directorist-single-contents-area .directorist-card { - padding: 0; - -webkit-filter: none; - filter: none; - margin-bottom: 35px; + padding: 0; + filter: none; + margin-bottom: 35px; } .directorist-single-contents-area .directorist-card .directorist-card__body { - padding: 30px; + padding: 30px; } @media screen and (max-width: 575px) { - .directorist-single-contents-area .directorist-card .directorist-card__body { - padding: 20px 15px; - } + .directorist-single-contents-area + .directorist-card + .directorist-card__body { + padding: 20px 15px; + } } .directorist-single-contents-area .directorist-card .directorist-card__header { - padding: 20px 30px; + padding: 20px 30px; } @media screen and (max-width: 575px) { - .directorist-single-contents-area .directorist-card .directorist-card__header { - padding: 15px 20px; - } -} -.directorist-single-contents-area .directorist-card .directorist-single-author-name h4 { - margin: 0; + .directorist-single-contents-area + .directorist-card + .directorist-card__header { + padding: 15px 20px; + } +} +.directorist-single-contents-area + .directorist-card + .directorist-single-author-name + h4 { + margin: 0; } .directorist-single-contents-area .directorist-card__header__title { - gap: 12px; - font-size: 18px; - font-weight: 500; - color: var(--directorist-color-dark); + gap: 12px; + font-size: 18px; + font-weight: 500; + color: var(--directorist-color-dark); } -.directorist-single-contents-area .directorist-card__header__title #directorist-review-counter { - margin-left: 10px; +.directorist-single-contents-area + .directorist-card__header__title + #directorist-review-counter { + margin-left: 10px; } .directorist-single-contents-area .directorist-card__header-icon { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - min-width: 34px; - height: 34px; - border-radius: 50%; - background-color: var(--directorist-color-bg-light); -} -.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask { - color: var(--directorist-color-dark); -} -.directorist-single-contents-area .directorist-card__header-icon .directorist-icon-mask:after { - width: 14px; - height: 14px; + display: flex; + justify-content: center; + align-items: center; + min-width: 34px; + height: 34px; + border-radius: 50%; + background-color: var(--directorist-color-bg-light); +} +.directorist-single-contents-area + .directorist-card__header-icon + .directorist-icon-mask { + color: var(--directorist-color-dark); +} +.directorist-single-contents-area + .directorist-card__header-icon + .directorist-icon-mask:after { + width: 14px; + height: 14px; } .directorist-single-contents-area .directorist-details-info-wrap a { - font-size: 15px; - text-decoration: none; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); + font-size: 15px; + text-decoration: none; + box-shadow: none; + color: var(--directorist-color-body); } .directorist-single-contents-area .directorist-details-info-wrap a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-single-contents-area .directorist-details-info-wrap ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 0 10px; - margin: 0; - list-style-type: none; - padding: 0; + display: flex; + flex-wrap: wrap; + gap: 0 10px; + margin: 0; + list-style-type: none; + padding: 0; } .directorist-single-contents-area .directorist-details-info-wrap li { - -webkit-box-flex: 0; - -webkit-flex: 0 0 49%; - -ms-flex: 0 0 49%; - flex: 0 0 49%; -} -.directorist-single-contents-area .directorist-details-info-wrap .directorist-social-links a:hover { - background-color: var(--directorist-color-primary); -} -.directorist-single-contents-area .directorist-details-info-wrap .directorist-single-map__location { - padding-top: 18px; -} -.directorist-single-contents-area .directorist-single-info__label-icon .directorist-icon-mask:after { - background-color: #808080; -} -.directorist-single-contents-area .directorist-single-listing-slider .directorist-swiper__nav i:after { - background-color: var(--directorist-color-white); + flex: 0 0 49%; +} +.directorist-single-contents-area + .directorist-details-info-wrap + .directorist-social-links + a:hover { + background-color: var(--directorist-color-primary); +} +.directorist-single-contents-area + .directorist-details-info-wrap + .directorist-single-map__location { + padding-top: 18px; +} +.directorist-single-contents-area + .directorist-single-info__label-icon + .directorist-icon-mask:after { + background-color: #808080; +} +.directorist-single-contents-area + .directorist-single-listing-slider + .directorist-swiper__nav + i:after { + background-color: var(--directorist-color-white); } .directorist-single-contents-area .directorist-related { - padding: 0; + padding: 0; } .directorist-single-contents-area { - margin-top: 50px; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap { - gap: 12px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info { - margin: 0; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info.directorist-single-info-number .directorist-form-group__with-prefix { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info .directorist-form-group__with-prefix { - border: none; - margin-top: 4px; -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-details-info-wrap .directorist-single-info .directorist-form-group__prefix { - height: auto; - line-height: unset; - color: var(--directorist-color-body); -} -.directorist-single-contents-area .directorist-single-wrapper .directorist-single-formgent-form .formgent-form { - width: 100%; + margin-top: 50px; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap { + gap: 12px; + display: flex; + flex-direction: column; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info { + margin: 0; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info.directorist-single-info-number + .directorist-form-group__with-prefix { + flex: 1; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info + .directorist-form-group__with-prefix { + border: none; + margin-top: 4px; +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-details-info-wrap + .directorist-single-info + .directorist-form-group__prefix { + height: auto; + line-height: unset; + color: var(--directorist-color-body); +} +.directorist-single-contents-area + .directorist-single-wrapper + .directorist-single-formgent-form + .formgent-form { + width: 100%; } .directorist-single-contents-area .directorist-card { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-single-map__location { - gap: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding: 30px 0 0; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + gap: 10px; + display: flex; + flex-wrap: wrap; + padding: 30px 0 0; + justify-content: space-between; } @media screen and (max-width: 575px) { - .directorist-single-map__location { - padding: 20px 0 0; - } + .directorist-single-map__location { + padding: 20px 0 0; + } } .directorist-single-map__address { - gap: 10px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-size: 14px; + gap: 10px; + display: flex; + font-size: 14px; } .directorist-single-map__address i::after { - width: 14px; - height: 14px; - margin-top: 4px; + width: 14px; + height: 14px; + margin-top: 4px; } .directorist-single-map__direction a { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + gap: 10px; + align-items: center; } .directorist-single-contents-area .directorist-single-map__direction a { - font-size: 14px; - color: var(--directorist-color-info); + font-size: 14px; + color: var(--directorist-color-info); } -.directorist-single-contents-area .directorist-single-map__direction a .directorist-icon-mask:after { - background-color: var(--directorist-color-info); +.directorist-single-contents-area + .directorist-single-map__direction + a + .directorist-icon-mask:after { + background-color: var(--directorist-color-info); } .directorist-single-contents-area .directorist-single-map__direction a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } -.directorist-single-contents-area .directorist-single-map__direction a:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); +.directorist-single-contents-area + .directorist-single-map__direction + a:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } -.directorist-single-contents-area .directorist-single-map__direction .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-info); +.directorist-single-contents-area + .directorist-single-map__direction + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-info); } .directorist-single-listing-header { - margin-bottom: 25px; - margin-top: -15px; - padding: 0; + margin-bottom: 25px; + margin-top: -15px; + padding: 0; } .directorist-single-wrapper .directorist-single-listing-slider-wrap { - padding: 0; - margin: 15px 0; + padding: 0; + margin: 15px 0; } -.directorist-single-wrapper .directorist-single-listing-slider-wrap.background-contain .directorist-single-listing-slider .swiper-slide img { - -o-object-fit: contain; - object-fit: contain; +.directorist-single-wrapper + .directorist-single-listing-slider-wrap.background-contain + .directorist-single-listing-slider + .swiper-slide + img { + object-fit: contain; } .directorist-single-listing-quick-action { - gap: 8px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + gap: 8px; + flex-wrap: wrap; } @media screen and (max-width: 767px) { - .directorist-single-listing-quick-action { - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - } + .directorist-single-listing-quick-action { + justify-content: flex-end; + } } @media screen and (max-width: 575px) { - .directorist-single-listing-quick-action { - gap: 12px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-single-listing-quick-action { + gap: 12px; + justify-content: center; + } } .directorist-single-listing-quick-action .directorist-social-share { - position: relative; + position: relative; } -.directorist-single-listing-quick-action .directorist-social-share:hover .directorist-social-share-links { - opacity: 1; - visibility: visible; - top: calc(100% + 5px); +.directorist-single-listing-quick-action + .directorist-social-share:hover + .directorist-social-share-links { + opacity: 1; + visibility: visible; + top: calc(100% + 5px); } @media screen and (max-width: 575px) { - .directorist-single-listing-quick-action .directorist-social-share { - font-size: 0; - } + .directorist-single-listing-quick-action .directorist-social-share { + font-size: 0; + } } .directorist-single-listing-quick-action .directorist-social-share-links { - position: absolute; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - z-index: 2; - visibility: hidden; - opacity: 0; - left: 0; - top: calc(100% + 30px); - background-color: var(--directorist-color-white); - border-radius: 8px; - width: 150px; - -webkit-box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); - list-style-type: none; - padding: 10px; - margin: 0; + position: absolute; + transition: all 0.2s ease-in-out; + z-index: 2; + visibility: hidden; + opacity: 0; + left: 0; + top: calc(100% + 30px); + background-color: var(--directorist-color-white); + border-radius: 8px; + width: 150px; + box-shadow: 0 5px 15px rgba(var(--directorist-color-dark-rgb), 0.15); + list-style-type: none; + padding: 10px; + margin: 0; } .directorist-single-listing-quick-action .directorist-social-links__item { - padding-right: 0; - margin: 0; + padding-right: 0; + margin: 0; } .directorist-single-listing-quick-action .directorist-social-links__item a { - padding: 8px 12px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 5px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-decoration: none; - font-size: 14px; - font-weight: 500; - border: 0 none; - border-radius: 8px; - color: var(--directorist-color-body); - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.directorist-single-listing-quick-action .directorist-social-links__item a span.la, -.directorist-single-listing-quick-action .directorist-social-links__item a span.lab, -.directorist-single-listing-quick-action .directorist-social-links__item a span.fa, + padding: 8px 12px; + display: flex; + gap: 5px; + align-items: center; + text-decoration: none; + font-size: 14px; + font-weight: 500; + border: 0 none; + border-radius: 8px; + color: var(--directorist-color-body); + transition: 0.3s ease; +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.la, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.lab, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.fa, .directorist-single-listing-quick-action .directorist-social-links__item a i { - color: var(--directorist-color-body); -} -.directorist-single-listing-quick-action .directorist-social-links__item a span.la:after, -.directorist-single-listing-quick-action .directorist-social-links__item a span.lab:after, -.directorist-single-listing-quick-action .directorist-social-links__item a span.fa:after, -.directorist-single-listing-quick-action .directorist-social-links__item a i:after { - width: 18px; - height: 18px; -} -.directorist-single-listing-quick-action .directorist-social-links__item a .directorist-icon-mask:after { - background-color: var(--directorist-color-body); -} -.directorist-single-listing-quick-action .directorist-social-links__item a span.fa { - font-family: "Font Awesome 5 Brands"; - font-weight: 900; - font-size: 15px; -} -.directorist-single-listing-quick-action .directorist-social-links__item a:hover { - font-weight: 500; - background-color: rgba(var(--directorist-color-primary-rgb), 0.1); - color: var(--directorist-color-primary); -} -.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.la, -.directorist-single-listing-quick-action .directorist-social-links__item a:hover span.fa, -.directorist-single-listing-quick-action .directorist-social-links__item a:hover i { - color: var(--directorist-color-primary); -} -.directorist-single-listing-quick-action .directorist-social-links__item a:hover .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); + color: var(--directorist-color-body); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.la:after, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.lab:after, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.fa:after, +.directorist-single-listing-quick-action + .directorist-social-links__item + a + i:after { + width: 18px; + height: 18px; +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + .directorist-icon-mask:after { + background-color: var(--directorist-color-body); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a + span.fa { + font-family: "Font Awesome 5 Brands"; + font-weight: 900; + font-size: 15px; +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover { + font-weight: 500; + background-color: rgba(var(--directorist-color-primary-rgb), 0.1); + color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + span.la, +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + span.fa, +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + i { + color: var(--directorist-color-primary); +} +.directorist-single-listing-quick-action + .directorist-social-links__item + a:hover + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } .directorist-single-listing-action { - gap: 8px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - font-size: 13px; - font-weight: 400; - border: 0 none; - border-radius: 8px; - padding: 0 16px; - cursor: pointer; - text-decoration: none; - color: var(--directorist-color-body); - border: 2px solid var(--directorist-color-white) !important; - -webkit-transition: 0.2s background-color ease-in-out; - transition: 0.2s background-color ease-in-out; + gap: 8px; + justify-content: center; + font-size: 13px; + font-weight: 400; + border: 0 none; + border-radius: 8px; + padding: 0 16px; + cursor: pointer; + text-decoration: none; + color: var(--directorist-color-body); + border: 2px solid var(--directorist-color-white) !important; + transition: 0.2s background-color ease-in-out; } .directorist-single-listing-action:hover { - background-color: var(--directorist-color-white) !important; - border-color: var(--directorist-color-primary) !important; + background-color: var(--directorist-color-white) !important; + border-color: var(--directorist-color-primary) !important; } @media screen and (max-width: 575px) { - .directorist-single-listing-action { - gap: 0; - border: none; - } - .directorist-single-listing-action.directorist-btn.directorist-btn-light { - background-color: var(--directorist-color-white); - border: 1px solid var(--directorist-color-light) !important; - } - .directorist-single-listing-action.directorist-single-listing-top__btn-edit .directorist-single-listing-action__text { - display: none; - } + .directorist-single-listing-action { + gap: 0; + border: none; + } + .directorist-single-listing-action.directorist-btn.directorist-btn-light { + background-color: var(--directorist-color-white); + border: 1px solid var(--directorist-color-light) !important; + } + .directorist-single-listing-action.directorist-single-listing-top__btn-edit + .directorist-single-listing-action__text { + display: none; + } } @media screen and (max-width: 480px) { - .directorist-single-listing-action { - padding: 0 10px; - font-size: 12px; - } + .directorist-single-listing-action { + padding: 0 10px; + font-size: 12px; + } } @media screen and (max-width: 380px) { - .directorist-single-listing-action.directorist-btn-sm { - min-height: 38px; - } + .directorist-single-listing-action.directorist-btn-sm { + min-height: 38px; + } } -.directorist-single-listing-action.directorist-action-bookmark .directorist-icon-mask:after { - background-color: var(--directorist-color-dark); +.directorist-single-listing-action.directorist-action-bookmark + .directorist-icon-mask:after { + background-color: var(--directorist-color-dark); } -.directorist-single-listing-action.directorist-action-bookmark .directorist-icon-mask.directorist-added-to-favorite:after { - background-color: var(--directorist-color-danger); +.directorist-single-listing-action.directorist-action-bookmark + .directorist-icon-mask.directorist-added-to-favorite:after { + background-color: var(--directorist-color-danger); } .directorist-single-listing-action .directorist-icon-mask::after { - width: 15px; - height: 15px; + width: 15px; + height: 15px; } .directorist-single-listing-action a { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .directorist-single-listing-action .atbdp-require-login, .directorist-single-listing-action .directorist-action-report-not-loggedin { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 100%; - height: 100%; + display: flex; + align-items: center; + justify-content: center; + width: 100%; + height: 100%; } .directorist-single-listing-action .atbdp-require-login i, .directorist-single-listing-action .directorist-action-report-not-loggedin i { - pointer-events: none; + pointer-events: none; } .directorist-listing-details { - margin: 15px 0 30px; + margin: 15px 0 30px; } .directorist-listing-details__text p { - margin: 0 0 15px; - color: var(--directorist-color-body); - line-height: 24px; + margin: 0 0 15px; + color: var(--directorist-color-body); + line-height: 24px; } .directorist-listing-details__text ul { - list-style: disc; - padding-right: 20px; - margin-right: 0; + list-style: disc; + padding-right: 20px; + margin-right: 0; } .directorist-listing-details__text li { - list-style: disc; + list-style: disc; } .directorist-listing-details__listing-title { - font-size: 30px; - font-weight: 600; - display: inline-block; - margin: 15px 0 0; - color: var(--directorist-color-dark); + font-size: 30px; + font-weight: 600; + display: inline-block; + margin: 15px 0 0; + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-listing-details__listing-title { - font-size: 24px; - } + .directorist-listing-details__listing-title { + font-size: 24px; + } } .directorist-listing-details__tagline { - margin: 10px 0; - color: var(--directorist-color-body); + margin: 10px 0; + color: var(--directorist-color-body); } -.directorist-listing-details .directorist-pricing-meta .directorist-listing-price { - padding: 5px 10px; - border-radius: 6px; - background-color: var(--directorist-color-light); +.directorist-listing-details + .directorist-pricing-meta + .directorist-listing-price { + padding: 5px 10px; + border-radius: 6px; + background-color: var(--directorist-color-light); } .directorist-listing-details .directorist-listing-single__info { - padding: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + padding: 0; + display: flex; + align-items: center; + flex-wrap: wrap; } .directorist-single-contents-area .directorist-embaded-video { - width: 100%; - height: 400px; - border: 0 none; - border-radius: 12px; + width: 100%; + height: 400px; + border: 0 none; + border-radius: 12px; } @media (max-width: 768px) { - .directorist-single-contents-area .directorist-embaded-video { - height: 56.25vw; - } + .directorist-single-contents-area .directorist-embaded-video { + height: 56.25vw; + } } .directorist-single-contents-area .directorist-single-map { - border-radius: 12px; - z-index: 1; + border-radius: 12px; + z-index: 1; } -.directorist-single-contents-area .directorist-single-map .directorist-info-item a { - font-size: 14px; +.directorist-single-contents-area + .directorist-single-map + .directorist-info-item + a { + font-size: 14px; } .directorist-related-listing-header h1, @@ -19209,4443 +19467,4436 @@ input.directorist-toggle-input:checked + .directorist-toggle-input-label span.di .directorist-related-listing-header h4, .directorist-related-listing-header h5, .directorist-related-listing-header h6 { - font-size: 18px; - margin: 0 0 15px; + font-size: 18px; + margin: 0 0 15px; } .directorist-single-author-info figure { - margin: 0; + margin: 0; } .directorist-single-author-info .diretorist-view-profile-btn { - margin-top: 22px; - padding: 0 30px; + margin-top: 22px; + padding: 0 30px; } .directorist-single-author-avatar { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + align-items: center; } .directorist-single-author-avatar .directorist-single-author-avatar-inner { - margin-left: 10px; - width: auto; + margin-left: 10px; + width: auto; } .directorist-single-author-avatar .directorist-single-author-avatar-inner img { - width: 50px; - height: 50px; - border-radius: 50%; -} -.directorist-single-author-avatar .directorist-single-author-name h1, .directorist-single-author-avatar .directorist-single-author-name h2, .directorist-single-author-avatar .directorist-single-author-name h3, .directorist-single-author-avatar .directorist-single-author-name h4, .directorist-single-author-avatar .directorist-single-author-name h5, .directorist-single-author-avatar .directorist-single-author-name h6 { - font-size: 16px; - font-weight: 500; - line-height: 1.2; - letter-spacing: normal; - margin: 0 0 3px; - color: var(--color-dark); + width: 50px; + height: 50px; + border-radius: 50%; +} +.directorist-single-author-avatar .directorist-single-author-name h1, +.directorist-single-author-avatar .directorist-single-author-name h2, +.directorist-single-author-avatar .directorist-single-author-name h3, +.directorist-single-author-avatar .directorist-single-author-name h4, +.directorist-single-author-avatar .directorist-single-author-name h5, +.directorist-single-author-avatar .directorist-single-author-name h6 { + font-size: 16px; + font-weight: 500; + line-height: 1.2; + letter-spacing: normal; + margin: 0 0 3px; + color: var(--color-dark); } .directorist-single-author-avatar .directorist-single-author-membership { - font-size: 14px; - color: var(--directorist-color-light-gray); + font-size: 14px; + color: var(--directorist-color-light-gray); } .directorist-single-author-contact-info { - margin-top: 15px; + margin-top: 15px; } .directorist-single-author-contact-info ul { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - margin: 0; - padding: 0; + flex-direction: column; + margin: 0; + padding: 0; } .directorist-single-author-contact-info ul li { - width: 100%; - -webkit-box-flex: 100%; - -webkit-flex: 100%; - -ms-flex: 100%; - flex: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-right: 0; - margin-right: 0; + width: 100%; + flex: 100%; + display: flex; + align-items: center; + padding-right: 0; + margin-right: 0; } .directorist-single-author-contact-info ul li:not(:last-child) { - margin-bottom: 12px; + margin-bottom: 12px; } .directorist-single-author-contact-info ul a { - text-decoration: none; - color: var(--directorist-color-body); + text-decoration: none; + color: var(--directorist-color-body); } .directorist-single-author-contact-info ul a:hover { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-single-author-contact-info ul .directorist-icon-mask::after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-light-gray); + width: 14px; + height: 14px; + background-color: var(--directorist-color-light-gray); } .directorist-single-author-contact-info-text { - font-size: 15px; - margin-right: 12px; - -webkit-box-shadow: none; - box-shadow: none; - color: var(--directorist-color-body); + font-size: 15px; + margin-right: 12px; + box-shadow: none; + color: var(--directorist-color-body); } .directorist-single-author-info .directorist-social-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin: 25px -5px -5px; + display: flex; + margin: 25px -5px -5px; } .directorist-single-author-info .directorist-social-wrap a { - margin: 5px; - display: block; - line-height: 35px; - width: 35px; - text-align: center; - background-color: var(--directorist-color-body) !important; - border-radius: 4px; - color: var(--directorist-color-white) !important; - overflow: hidden; - -webkit-transition: all ease-in-out 300ms !important; - transition: all ease-in-out 300ms !important; + margin: 5px; + display: block; + line-height: 35px; + width: 35px; + text-align: center; + background-color: var(--directorist-color-body) !important; + border-radius: 4px; + color: var(--directorist-color-white) !important; + overflow: hidden; + transition: all ease-in-out 300ms !important; } .directorist-details-info-wrap .directorist-single-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - font-size: 15px; - word-break: break-word; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 10px 15px; + display: flex; + font-size: 15px; + word-break: break-word; + flex-wrap: wrap; + gap: 10px 15px; } .directorist-details-info-wrap .directorist-single-info:not(:last-child) { - margin-bottom: 12px; + margin-bottom: 12px; } .directorist-details-info-wrap .directorist-single-info a { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } -.directorist-details-info-wrap .directorist-single-info.directorist-single-info-picker .directorist-field-type-color { - width: 30px; - height: 30px; - border-radius: 5px; +.directorist-details-info-wrap + .directorist-single-info.directorist-single-info-picker + .directorist-field-type-color { + width: 30px; + height: 30px; + border-radius: 5px; } -.directorist-details-info-wrap .directorist-single-info.directorist-listing-details__text { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; +.directorist-details-info-wrap + .directorist-single-info.directorist-listing-details__text { + flex-direction: column; } .directorist-details-info-wrap .directorist-single-info__label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - min-width: 140px; - color: var(--directorist-color-dark); + display: flex; + min-width: 140px; + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-details-info-wrap .directorist-single-info__label { - min-width: 130px; - } + .directorist-details-info-wrap .directorist-single-info__label { + min-width: 130px; + } } @media screen and (max-width: 375px) { - .directorist-details-info-wrap .directorist-single-info__label { - min-width: 100px; - } + .directorist-details-info-wrap .directorist-single-info__label { + min-width: 100px; + } } .directorist-details-info-wrap .directorist-single-info__label-icon { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 34px; - height: 34px; - border-radius: 50%; - margin-left: 10px; - font-size: 14px; - text-align: center; - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - color: var(--directorist-color-light-gray); - background-color: var(--directorist-color-bg-light); -} -.directorist-details-info-wrap .directorist-single-info__label-icon .directorist-icon-mask:after { - width: 14px; - height: 14px; + display: inline-flex; + align-items: center; + justify-content: center; + width: 34px; + height: 34px; + border-radius: 50%; + margin-left: 10px; + font-size: 14px; + text-align: center; + flex: none; + color: var(--directorist-color-light-gray); + background-color: var(--directorist-color-bg-light); +} +.directorist-details-info-wrap + .directorist-single-info__label-icon + .directorist-icon-mask:after { + width: 14px; + height: 14px; } .directorist-details-info-wrap .directorist-single-info__label__text { - position: relative; - min-width: 70px; - margin-top: 5px; - padding-left: 10px; + position: relative; + min-width: 70px; + margin-top: 5px; + padding-left: 10px; } .directorist-details-info-wrap .directorist-single-info__label__text:before { - content: ":"; - position: absolute; - left: 0; - top: 0; + content: ":"; + position: absolute; + left: 0; + top: 0; } @media screen and (max-width: 375px) { - .directorist-details-info-wrap .directorist-single-info__label__text { - min-width: 60px; - } + .directorist-details-info-wrap .directorist-single-info__label__text { + min-width: 60px; + } } -.directorist-details-info-wrap .directorist-single-info-number .directorist-single-info__value { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; +.directorist-details-info-wrap + .directorist-single-info-number + .directorist-single-info__value { + flex: none; } .directorist-details-info-wrap .directorist-single-info__value { - margin-top: 4px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - color: var(--directorist-color-body); + margin-top: 4px; + flex: 1; + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-details-info-wrap .directorist-single-info__value { - -webkit-box-flex: 100%; - -webkit-flex: 100%; - -ms-flex: 100%; - flex: 100%; - margin-top: 0; - } + .directorist-details-info-wrap .directorist-single-info__value { + flex: 100%; + margin-top: 0; + } } .directorist-details-info-wrap .directorist-single-info__value a { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } @media screen and (max-width: 575px) { - .directorist-details-info-wrap .directorist-single-info-socials .directorist-single-info__label { - display: none; - } + .directorist-details-info-wrap + .directorist-single-info-socials + .directorist-single-info__label { + display: none; + } } .directorist-social-links { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 8px; + display: flex; + flex-wrap: wrap; + gap: 8px; } .directorist-social-links a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 36px; - width: 36px; - background-color: var(--directorist-color-light); - border-radius: 8px; - overflow: hidden; - -webkit-transition: all ease-in-out 300ms !important; - transition: all ease-in-out 300ms !important; + display: inline-flex; + align-items: center; + justify-content: center; + height: 36px; + width: 36px; + background-color: var(--directorist-color-light); + border-radius: 8px; + overflow: hidden; + transition: all ease-in-out 300ms !important; } .directorist-social-links a .directorist-icon-mask::after { - background-color: var(--directorist-color-body); + background-color: var(--directorist-color-body); } .directorist-social-links a:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-social-links a:hover.facebook { - background-color: #4267b2; + background-color: #4267b2; } .directorist-social-links a:hover.twitter { - background-color: #1da1f2; + background-color: #1da1f2; } -.directorist-social-links a:hover.youtube, .directorist-social-links a:hover.youtube-play { - background-color: #ff0000; +.directorist-social-links a:hover.youtube, +.directorist-social-links a:hover.youtube-play { + background-color: #ff0000; } .directorist-social-links a:hover.instagram { - background-color: #c32aa3; + background-color: #c32aa3; } .directorist-social-links a:hover.linkedin { - background-color: #007bb5; + background-color: #007bb5; } .directorist-social-links a:hover.google-plus { - background-color: #db4437; + background-color: #db4437; } -.directorist-social-links a:hover.snapchat, .directorist-social-links a:hover.snapchat-ghost { - background-color: #eae800; +.directorist-social-links a:hover.snapchat, +.directorist-social-links a:hover.snapchat-ghost { + background-color: #eae800; } .directorist-social-links a:hover.reddit { - background-color: #ff4500; + background-color: #ff4500; } .directorist-social-links a:hover.pinterest { - background-color: #bd081c; + background-color: #bd081c; } .directorist-social-links a:hover.tumblr { - background-color: #35465d; + background-color: #35465d; } .directorist-social-links a:hover.flickr { - background-color: #f40083; + background-color: #f40083; } .directorist-social-links a:hover.vimeo { - background-color: #1ab7ea; + background-color: #1ab7ea; } .directorist-social-links a:hover.vine { - background-color: #00b489; + background-color: #00b489; } .directorist-social-links a:hover.github { - background-color: #444752; + background-color: #444752; } .directorist-social-links a:hover.dribbble { - background-color: #ea4c89; + background-color: #ea4c89; } .directorist-social-links a:hover.behance { - background-color: #196ee3; + background-color: #196ee3; } .directorist-social-links a:hover.soundcloud { - background-color: #ff5500; + background-color: #ff5500; } .directorist-social-links a:hover.stack-overflow { - background-color: #ff5500; + background-color: #ff5500; } .directorist-contact-owner-form-inner .directorist-form-group { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-contact-owner-form-inner .directorist-form-element { - border-color: var(--directorist-color-border-gray); + border-color: var(--directorist-color-border-gray); } .directorist-contact-owner-form-inner textarea { - resize: none; + resize: none; } .directorist-contact-owner-form-inner .directorist-btn-submit { - padding: 0 30px; - text-decoration: none; - text-transform: capitalize; + padding: 0 30px; + text-decoration: none; + text-transform: capitalize; } .directorist-author-social a .fa { - font-family: "Font Awesome 5 Brands"; + font-family: "Font Awesome 5 Brands"; } .directorist-google-map, .directorist-single-map { - height: 400px; + height: 400px; } @media screen and (max-width: 480px) { - .directorist-google-map, - .directorist-single-map { - height: 320px; - } + .directorist-google-map, + .directorist-single-map { + height: 320px; + } } .directorist-rating-review-block { - display: inline-block; - border: 1px solid #e3e6ef; - padding: 10px 20px; - border-radius: 2px; - margin-bottom: 20px; + display: inline-block; + border: 1px solid #e3e6ef; + padding: 10px 20px; + border-radius: 2px; + margin-bottom: 20px; } .directorist-review-area .directorist-review-form-action { - margin-top: 16px; + margin-top: 16px; } .directorist-review-area .directorist-form-group-guest-user { - margin-top: 12px; + margin-top: 12px; } .directorist-rating-given-block .directorist-rating-given-block__label, .directorist-rating-given-block .directorist-rating-given-block__stars { - display: inline-block; - vertical-align: middle; - margin-left: 10px; + display: inline-block; + vertical-align: middle; + margin-left: 10px; } .directorist-rating-given-block .directorist-rating-given-block__label a, .directorist-rating-given-block .directorist-rating-given-block__stars a { - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } .directorist-rating-given-block .directorist-rating-given-block__label { - margin-left: 10px; - margin: 0 0 0 10px; + margin-left: 10px; + margin: 0 0 0 10px; } .directorist-rating-given-block__stars .br-widget a:before { - content: ""; - -webkit-mask-image: url(../js/60b8c48296c3c553bf39.svg); - mask-image: url(../js/60b8c48296c3c553bf39.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 14px; - height: 14px; - background-color: #d4d3f3; -} -.directorist-rating-given-block__stars .br-widget a.br-selected:before, .directorist-rating-given-block__stars .br-widget a.br-active:before { - color: var(--directorist-color-warning); + content: ""; + mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); + mask-repeat: no-repeat; + width: 14px; + height: 14px; + background-color: #d4d3f3; +} +.directorist-rating-given-block__stars .br-widget a.br-selected:before, +.directorist-rating-given-block__stars .br-widget a.br-active:before { + color: var(--directorist-color-warning); } .directorist-rating-given-block__stars .br-current-rating { - display: inline-block; - margin-right: 20px; + display: inline-block; + margin-right: 20px; } .directorist-review-current-rating { - margin-bottom: 16px; + margin-bottom: 16px; } .directorist-review-current-rating .directorist-review-current-rating__label { - margin-left: 10px; - margin-bottom: 0; + margin-left: 10px; + margin-bottom: 0; } .directorist-review-current-rating .directorist-review-current-rating__label, .directorist-review-current-rating .directorist-review-current-rating__stars { - display: inline-block; - vertical-align: middle; + display: inline-block; + vertical-align: middle; } -.directorist-review-current-rating .directorist-review-current-rating__stars li { - display: inline-block; +.directorist-review-current-rating + .directorist-review-current-rating__stars + li { + display: inline-block; } -.directorist-review-current-rating .directorist-review-current-rating__stars span { - color: #d4d3f3; +.directorist-review-current-rating + .directorist-review-current-rating__stars + span { + color: #d4d3f3; } -.directorist-review-current-rating .directorist-review-current-rating__stars span:before { - content: "\f005"; - font-size: 14px; - font-family: "Font Awesome 5 Free"; - font-weight: 900; +.directorist-review-current-rating + .directorist-review-current-rating__stars + span:before { + content: "\f005"; + font-size: 14px; + font-family: "Font Awesome 5 Free"; + font-weight: 900; } -.directorist-review-current-rating .directorist-review-current-rating__stars span.directorist-rate-active { - color: #fa8b0c; +.directorist-review-current-rating + .directorist-review-current-rating__stars + span.directorist-rate-active { + color: #fa8b0c; } .directorist-single-review { - padding-bottom: 26px; - padding-top: 30px; - border-bottom: 1px solid #e3e6ef; + padding-bottom: 26px; + padding-top: 30px; + border-bottom: 1px solid #e3e6ef; } .directorist-single-review:first-child { - padding-top: 0; + padding-top: 0; } .directorist-single-review:last-child { - padding-bottom: 0; - border-bottom: 0; + padding-bottom: 0; + border-bottom: 0; } .directorist-single-review .directorist-single-review__top { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; + display: flex; + justify-content: space-between; } .directorist-single-review .directorist-single-review-avatar-wrap { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 22px; + display: flex; + align-items: center; + margin-bottom: 22px; } .directorist-single-review .directorist-single-review-avatar { - margin-left: 12px; + margin-left: 12px; } .directorist-single-review .directorist-single-review-avatar img { - max-width: 50px; - border-radius: 50%; + max-width: 50px; + border-radius: 50%; } -.directorist-single-review .directorist-rated-stars ul li span.directorist-rate-active { - color: #fa8b0c; +.directorist-single-review + .directorist-rated-stars + ul + li + span.directorist-rate-active { + color: #fa8b0c; } .atbdp-universal-pagination ul { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: -5px; - padding: 0; + display: flex; + flex-wrap: wrap; + align-items: center; + margin: -5px; + padding: 0; } .atbdp-universal-pagination li { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - margin: 5px; - padding: 0 10px; - border: 1px solid var(--directorist-color-border); - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - line-height: 28px; - border-radius: 3px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - background-color: var(--directorist-color-white); + flex: none; + margin: 5px; + padding: 0 10px; + border: 1px solid var(--directorist-color-border); + display: inline-flex; + align-items: center; + justify-content: center; + line-height: 28px; + border-radius: 3px; + transition: 0.3s ease; + background-color: var(--directorist-color-white); } .atbdp-universal-pagination li i { - line-height: 28px; + line-height: 28px; } .atbdp-universal-pagination li.atbd-active { - cursor: pointer; + cursor: pointer; } .atbdp-universal-pagination li.atbd-active:hover { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .atbdp-universal-pagination li.atbd-selected { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .atbdp-universal-pagination li.atbd-inactive { - opacity: 0.5; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-] { - min-width: 30px; - min-height: 30px; - position: relative; - cursor: pointer; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-] .la { - position: absolute; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); -} -.atbdp-universal-pagination li[class^=atbd-page-jump-] .la_h { - visibility: hidden; - opacity: 0; - right: 70%; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-] .la_d { - visibility: visible; - opacity: 1; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-]:hover { - color: var(--directorist-color-primary); -} -.atbdp-universal-pagination li[class^=atbd-page-jump-]:hover .la_h { - visibility: visible; - opacity: 1; - right: 50%; -} -.atbdp-universal-pagination li[class^=atbd-page-jump-]:hover .la_d { - visibility: hidden; - opacity: 0; - right: 30%; + opacity: 0.5; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] { + min-width: 30px; + min-height: 30px; + position: relative; + cursor: pointer; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] .la { + position: absolute; + right: 50%; + top: 50%; + transform: translate(50%, -50%); +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] .la_h { + visibility: hidden; + opacity: 0; + right: 70%; + transition: 0.3s ease; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"] .la_d { + visibility: visible; + opacity: 1; + transition: 0.3s ease; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover { + color: var(--directorist-color-primary); +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover .la_h { + visibility: visible; + opacity: 1; + right: 50%; +} +.atbdp-universal-pagination li[class^="atbd-page-jump-"]:hover .la_d { + visibility: hidden; + opacity: 0; + right: 30%; } .directorist-card-review-block .directorist-btn-add-review { - padding: 0 14px; - line-height: 2.55; + padding: 0 14px; + line-height: 2.55; } /*================================== Review: New Style ===================================*/ .directorist-review-container { - padding: 0; - margin-bottom: 35px; + padding: 0; + margin-bottom: 35px; } .directorist-review-container .comment-notes, .directorist-review-container .comment-form-cookies-consent { - margin-bottom: 20px; - font-style: italic; - font-size: 14px; - font-weight: normal; + margin-bottom: 20px; + font-style: italic; + font-size: 14px; + font-weight: normal; } .directorist-review-content a > i { - font-size: 13.5px; + font-size: 13.5px; } .directorist-review-content .directorist-btn > i { - margin-left: 5px; + margin-left: 5px; } .directorist-review-content #cancel-comment-reply-link, .directorist-review-content .directorist-js-cancel-comment-edit { - font-size: 14px; - margin-right: 15px; - color: var(--directorist-color-deep-gray); + font-size: 14px; + margin-right: 15px; + color: var(--directorist-color-deep-gray); } -.directorist-review-content #cancel-comment-reply-link:hover, .directorist-review-content #cancel-comment-reply-link:focus, +.directorist-review-content #cancel-comment-reply-link:hover, +.directorist-review-content #cancel-comment-reply-link:focus, .directorist-review-content .directorist-js-cancel-comment-edit:hover, .directorist-review-content .directorist-js-cancel-comment-edit:focus { - color: var(--directorist-color-dark); + color: var(--directorist-color-dark); } @media screen and (max-width: 575px) { - .directorist-review-content #cancel-comment-reply-link, - .directorist-review-content .directorist-js-cancel-comment-edit { - margin-right: 0; - } + .directorist-review-content #cancel-comment-reply-link, + .directorist-review-content .directorist-js-cancel-comment-edit { + margin-right: 0; + } } .directorist-review-content .directorist-review-content__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 6px 20px; - border: 1px solid #EFF1F6; - border-bottom-color: #f2f2f2; - background-color: var(--directorist-color-white); - border-radius: 16px 16px 0 0; -} -.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) { - font-size: 16px; - font-weight: 500; - color: #1A1B29; - margin: 10px 0; -} -.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) span { - color: var(--directorist-color-body); -} -.directorist-review-content .directorist-review-content__header h3:not(.directorist-card__header__title) span:before { - content: "-"; - color: #8F8E9F; - padding-left: 5px; -} -.directorist-review-content .directorist-review-content__header .directorist-btn { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-review-content .directorist-review-content__header .directorist-btn .directorist-icon-mask { - display: inline-block; - margin-left: 4px; -} -.directorist-review-content .directorist-review-content__header .directorist-btn .directorist-icon-mask::after { - background-color: var(--directorist-color-white); -} -.directorist-review-content .directorist-review-content__header .directorist-btn:hover { - opacity: 0.8; -} -.directorist-review-content .directorist-review-content__header .directorist-noreviews { - font-size: 16px; - margin-bottom: 0; - padding: 19px 20px 15px; -} -.directorist-review-content .directorist-review-content__header .directorist-noreviews a { - color: #2C99FF; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + padding: 6px 20px; + border: 1px solid #eff1f6; + border-bottom-color: #f2f2f2; + background-color: var(--directorist-color-white); + border-radius: 16px 16px 0 0; +} +.directorist-review-content + .directorist-review-content__header + h3:not(.directorist-card__header__title) { + font-size: 16px; + font-weight: 500; + color: #1a1b29; + margin: 10px 0; +} +.directorist-review-content + .directorist-review-content__header + h3:not(.directorist-card__header__title) + span { + color: var(--directorist-color-body); +} +.directorist-review-content + .directorist-review-content__header + h3:not(.directorist-card__header__title) + span:before { + content: "-"; + color: #8f8e9f; + padding-left: 5px; +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn { + align-items: center; +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn + .directorist-icon-mask { + display: inline-block; + margin-left: 4px; +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); +} +.directorist-review-content + .directorist-review-content__header + .directorist-btn:hover { + opacity: 0.8; +} +.directorist-review-content + .directorist-review-content__header + .directorist-noreviews { + font-size: 16px; + margin-bottom: 0; + padding: 19px 20px 15px; +} +.directorist-review-content + .directorist-review-content__header + .directorist-noreviews + a { + color: #2c99ff; } .directorist-review-content .directorist-review-content__overview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 30px 50px; + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: space-between; + padding: 30px 50px; } .directorist-review-content .directorist-review-content__overview__rating { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - text-align: center; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-point { - font-size: 34px; - font-weight: 600; - color: #1A1B29; - display: block; - margin-left: 15px; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars { - font-size: 15px; - color: #EF8000; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 3px; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask:after { - width: 15px; - height: 15px; - background-color: #EF8000; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask.directorist_fraction_star { - position: relative; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-stars .directorist-icon-mask.directorist_fraction_star:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - right: 0; - -webkit-mask-image: url(../js/479b663ce5839f8d7fdc.svg); - mask-image: url(../js/479b663ce5839f8d7fdc.svg); - background-color: #EF8000; -} -.directorist-review-content .directorist-review-content__overview__rating .directorist-rating-overall { - font-size: 14px; - color: #8C90A4; - display: block; + flex: 0 0 50%; + text-align: center; + display: flex; + align-items: center; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-point { + font-size: 34px; + font-weight: 600; + color: #1a1b29; + display: block; + margin-left: 15px; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars { + font-size: 15px; + color: #ef8000; + display: flex; + align-items: center; + margin-bottom: 3px; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars + .directorist-icon-mask:after { + width: 15px; + height: 15px; + background-color: #ef8000; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars + .directorist-icon-mask.directorist_fraction_star { + position: relative; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-stars + .directorist-icon-mask.directorist_fraction_star:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + right: 0; + mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); + background-color: #ef8000; +} +.directorist-review-content + .directorist-review-content__overview__rating + .directorist-rating-overall { + font-size: 14px; + color: #8c90a4; + display: block; } .directorist-review-content .directorist-review-content__overview__benchmarks { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - padding: 25px; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -6px; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single > * { - margin: 6px !important; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single label { - -webkit-box-flex: 0.1; - -webkit-flex: 0.1; - -ms-flex: 0.1; - flex: 0.1; - min-width: 70px; - display: inline-block; - word-wrap: break-word; - word-break: break-all; - margin-bottom: 0; - font-size: 15px; - color: var(--directorist-color-body); -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress { - -webkit-box-flex: 1.5; - -webkit-flex: 1.5; - -ms-flex: 1.5; - flex: 1.5; - border-radius: 2px; - height: 5px; - -webkit-box-shadow: none; - box-shadow: none; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-webkit-progress-bar { - background-color: #F2F3F5; - border-radius: 2px; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-webkit-progress-value { - background-color: #EF8000; - border-radius: 2px; - -webkit-box-shadow: none; - box-shadow: none; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-moz-progress-bar { - background-color: #F2F3F5; - border-radius: 2px; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single progress::-moz-progress-value { - background-color: #EF8000; - border-radius: 2px; - box-shadow: none; -} -.directorist-review-content .directorist-review-content__overview__benchmarks .directorist-benchmark-single strong { - -webkit-box-flex: 0.1; - -webkit-flex: 0.1; - -ms-flex: 0.1; - flex: 0.1; - font-size: 15px; - font-weight: 500; - color: #090E30; - text-align: left; -} -.directorist-review-content .directorist-review-content__reviews, .directorist-review-content .directorist-review-content__reviews ul { - padding: 0; - margin: 10px 0 0 0; - list-style-type: none; -} -.directorist-review-content .directorist-review-content__reviews li, .directorist-review-content .directorist-review-content__reviews ul li { - list-style-type: none; - margin-right: 0; + flex: 0 0 50%; + padding: 25px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single { + display: flex; + align-items: center; + flex-wrap: wrap; + margin: -6px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + > * { + margin: 6px !important; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + label { + flex: 0.1; + min-width: 70px; + display: inline-block; + word-wrap: break-word; + word-break: break-all; + margin-bottom: 0; + font-size: 15px; + color: var(--directorist-color-body); +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress { + flex: 1.5; + border-radius: 2px; + height: 5px; + box-shadow: none; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-webkit-progress-bar { + background-color: #f2f3f5; + border-radius: 2px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-webkit-progress-value { + background-color: #ef8000; + border-radius: 2px; + box-shadow: none; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-moz-progress-bar { + background-color: #f2f3f5; + border-radius: 2px; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + progress::-moz-progress-value { + background-color: #ef8000; + border-radius: 2px; + box-shadow: none; +} +.directorist-review-content + .directorist-review-content__overview__benchmarks + .directorist-benchmark-single + strong { + flex: 0.1; + font-size: 15px; + font-weight: 500; + color: #090e30; + text-align: left; +} +.directorist-review-content .directorist-review-content__reviews, +.directorist-review-content .directorist-review-content__reviews ul { + padding: 0; + margin: 10px 0 0 0; + list-style-type: none; +} +.directorist-review-content .directorist-review-content__reviews li, +.directorist-review-content .directorist-review-content__reviews ul li { + list-style-type: none; + margin-right: 0; } .directorist-review-content .directorist-review-content__reviews > li { - border-top: 1px solid #EFF1F6; -} -.directorist-review-content .directorist-review-content__reviews > li:not(:last-child) { - margin-bottom: 10px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request { - position: relative; -} -.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request::after { - content: ""; - display: block; - position: absolute; - right: 0; - top: 0; - height: 100%; - width: 100%; - z-index: 99; - background-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-comment-edit-request::before { - position: absolute; - z-index: 100; - right: 50%; - top: 50%; - display: block; - content: ""; - width: 24px; - height: 24px; - border-radius: 50%; - border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); - border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); - -webkit-animation: directoristCommentEditLoading 0.6s linear infinite; - animation: directoristCommentEditLoading 0.6s linear infinite; -} -.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__report, -.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__content, -.directorist-review-content .directorist-review-content__reviews .directorist-comment-editing .directorist-review-single__reply { - display: none; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single { - padding: 25px; - border-radius: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single a { - text-decoration: none; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .comment-body { - margin-bottom: 0; - padding: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap { - margin: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-bottom: 20px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: -8px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__img { - padding: 8px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__img img { - width: 50px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 50%; - position: static; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details { - padding: 8px; - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 { - font-size: 15px; - font-weight: 500; - color: #090E30; - margin: 0 0 5px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2:before, .directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2:after { - content: none; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 time { - display: inline-block; - font-size: 14px; - color: #8C90A4; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details h2 time::before { - content: "-"; - padding-left: 8px; - padding-right: 3px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details .directorist-rating-stars { - font-size: 11px; - color: #EF8000; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 3px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask::after { - width: 11px; - height: 11px; - background-color: #EF8000; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__header .directorist-review-single__report a { - font-size: 13px; - color: #8C90A4; - display: block; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content { - font-size: 16px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content__img { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 15px -5px 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-single__contents-wrap .directorist-review-single__content__img img { - max-width: 100px; - -o-object-fit: cover; - object-fit: cover; - margin: 5px; - border-radius: 6px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__feedback { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 15px -5px 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__feedback a { - margin: 5px; - font-size: 13px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply { - margin: 20px -8px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a { - color: #8C90A4; - font-size: 13px; - display: block; - margin: 0 8px; - background: none; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link .directorist-icon-mask { - margin-left: 3px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__reply a.directorist-comment-edit-link .directorist-icon-mask::after { - width: 0.9em; - height: 0.9em; - background-color: #8C90A4; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment { - padding-right: 40px; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment .directorist-review-single__contents-wrap { - position: relative; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single__comments .directorist-review-single--comment .directorist-review-single__contents-wrap::before { - content: ""; - height: 100%; - background-color: #F2F2F2; - width: 2px; - right: -20px; - position: absolute; - top: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit { - margin-top: 0 !important; - margin-bottom: 0 !important; - border: 0 none !important; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit__header { - padding-right: 0; - padding-left: 0; -} -.directorist-review-content .directorist-review-content__reviews .directorist-review-single .directorist-review-submit__header h3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - max-width: 100%; - width: 100%; - margin: 0 !important; + border-top: 1px solid #eff1f6; +} +.directorist-review-content + .directorist-review-content__reviews + > li:not(:last-child) { + margin-bottom: 10px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-edit-request { + position: relative; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-edit-request::after { + content: ""; + display: block; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-edit-request::before { + position: absolute; + z-index: 100; + right: 50%; + top: 50%; + display: block; + content: ""; + width: 24px; + height: 24px; + border-radius: 50%; + border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); + border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); + animation: directoristCommentEditLoading 0.6s linear infinite; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-editing + .directorist-review-single__report, +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-editing + .directorist-review-single__content, +.directorist-review-content + .directorist-review-content__reviews + .directorist-comment-editing + .directorist-review-single__reply { + display: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single { + padding: 25px; + border-radius: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + a { + text-decoration: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .comment-body { + margin-bottom: 0; + padding: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap { + margin: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + margin-bottom: 20px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author { + display: flex; + flex-wrap: wrap; + align-items: center; + margin: -8px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__img { + padding: 8px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__img + img { + width: 50px; + object-fit: cover; + border-radius: 50%; + position: static; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details { + padding: 8px; + flex: 1; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2 { + font-size: 15px; + font-weight: 500; + color: #090e30; + margin: 0 0 5px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2:before, +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2:after { + content: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2 + time { + display: inline-block; + font-size: 14px; + color: #8c90a4; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + h2 + time::before { + content: "-"; + padding-left: 8px; + padding-right: 3px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + .directorist-rating-stars { + font-size: 11px; + color: #ef8000; + display: flex; + align-items: center; + margin-bottom: 3px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__author__details + .directorist-rating-stars + .directorist-icon-mask::after { + width: 11px; + height: 11px; + background-color: #ef8000; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__header + .directorist-review-single__report + a { + font-size: 13px; + color: #8c90a4; + display: block; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__content { + font-size: 16px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__content__img { + display: flex; + flex-wrap: wrap; + margin: 15px -5px 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-single__contents-wrap + .directorist-review-single__content__img + img { + max-width: 100px; + object-fit: cover; + margin: 5px; + border-radius: 6px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__feedback { + display: flex; + flex-wrap: wrap; + align-items: center; + margin: 15px -5px 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__feedback + a { + margin: 5px; + font-size: 13px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply { + margin: 20px -8px 0; + display: flex; + align-items: center; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a { + color: #8c90a4; + font-size: 13px; + display: block; + margin: 0 8px; + background: none; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a.directorist-comment-edit-link { + display: inline-flex; + align-items: center; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a.directorist-comment-edit-link + .directorist-icon-mask { + margin-left: 3px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__reply + a.directorist-comment-edit-link + .directorist-icon-mask::after { + width: 0.9em; + height: 0.9em; + background-color: #8c90a4; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__comments + .directorist-review-single--comment { + padding-right: 40px; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__comments + .directorist-review-single--comment + .directorist-review-single__contents-wrap { + position: relative; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single__comments + .directorist-review-single--comment + .directorist-review-single__contents-wrap::before { + content: ""; + height: 100%; + background-color: #f2f2f2; + width: 2px; + right: -20px; + position: absolute; + top: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-submit { + margin-top: 0 !important; + margin-bottom: 0 !important; + border: 0 none !important; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-submit__header { + padding-right: 0; + padding-left: 0; +} +.directorist-review-content + .directorist-review-content__reviews + .directorist-review-single + .directorist-review-submit__header + h3 { + display: flex; + align-items: center; + justify-content: space-between; + max-width: 100%; + width: 100%; + margin: 0 !important; } .directorist-review-content .directorist-review-content__pagination { - padding: 0; - margin: 25px 0 0; + padding: 0; + margin: 25px 0 0; } .directorist-review-content .directorist-review-content__pagination ul { - border: 0 none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -4px; - padding-top: 0; - list-style-type: none; - height: auto; - background: none; + border: 0 none; + display: flex; + align-items: center; + flex-wrap: wrap; + margin: -4px; + padding-top: 0; + list-style-type: none; + height: auto; + background: none; } .directorist-review-content .directorist-review-content__pagination ul li { - padding: 4px; - list-style-type: none; -} -.directorist-review-content .directorist-review-content__pagination ul li .page-numbers { - width: 40px; - height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 6px; - border: 1px solid #E1E4EC; - color: #090E30; - font-weight: 500; - font-size: 14px; - background-color: var(--directorist-color-white); -} -.directorist-review-content .directorist-review-content__pagination ul li .page-numbers.current { - border-color: #090E30; + padding: 4px; + list-style-type: none; +} +.directorist-review-content + .directorist-review-content__pagination + ul + li + .page-numbers { + width: 40px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 6px; + border: 1px solid #e1e4ec; + color: #090e30; + font-weight: 500; + font-size: 14px; + background-color: var(--directorist-color-white); +} +.directorist-review-content + .directorist-review-content__pagination + ul + li + .page-numbers.current { + border-color: #090e30; } .directorist-review-submit { - margin-top: 25px; - margin-bottom: 25px; - background-color: var(--directorist-color-white); - border-radius: 4px; - border: 1px solid #EFF1F6; + margin-top: 25px; + margin-bottom: 25px; + background-color: var(--directorist-color-white); + border-radius: 4px; + border: 1px solid #eff1f6; } .directorist-review-submit__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + gap: 15px; } .directorist-review-submit__header h3 { - font-size: 16px; - font-weight: 500; - color: #1A1B29; - margin: 0; + font-size: 16px; + font-weight: 500; + color: #1a1b29; + margin: 0; } .directorist-review-submit__header h3 span { - color: var(--directorist-color-body); + color: var(--directorist-color-body); } .directorist-review-submit__header h3 span:before { - content: "-"; - color: #8F8E9F; - padding-left: 5px; + content: "-"; + color: #8f8e9f; + padding-left: 5px; } .directorist-review-submit__header .directorist-btn { - font-size: 13px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding: 0 20px; - min-height: 40px; - border-radius: 8px; + font-size: 13px; + align-items: center; + padding: 0 20px; + min-height: 40px; + border-radius: 8px; } .directorist-review-submit__header .directorist-btn .directorist-icon-mask { - display: inline-block; - margin-left: 4px; + display: inline-block; + margin-left: 4px; } -.directorist-review-submit__header .directorist-btn .directorist-icon-mask::after { - width: 13px; - height: 13px; - background-color: var(--directorist-color-white); +.directorist-review-submit__header + .directorist-btn + .directorist-icon-mask::after { + width: 13px; + height: 13px; + background-color: var(--directorist-color-white); } .directorist-review-submit__overview { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 30px 50px; - border-top: 0 none; + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: space-between; + padding: 30px 50px; + border-top: 0 none; } .directorist-review-submit__overview__rating { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 20px; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-align: center; + display: flex; + gap: 20px; + align-items: center; + text-align: center; } @media (max-width: 480px) { - .directorist-review-submit__overview__rating { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } - .directorist-review-submit__overview__rating .directorist-rating-stars { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-review-submit__overview__rating { + flex: 0 0 100%; + } + .directorist-review-submit__overview__rating .directorist-rating-stars { + justify-content: center; + } } .directorist-review-submit__overview__rating .directorist-rating-point { - font-size: 40px; - font-weight: 600; - display: block; - color: var(--directorist-color-dark); + font-size: 40px; + font-weight: 600; + display: block; + color: var(--directorist-color-dark); } .directorist-review-submit__overview__rating .directorist-rating-stars { - font-size: 15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin-bottom: 5px; - color: var(--directorist-color-warning); + font-size: 15px; + display: flex; + align-items: center; + margin-bottom: 5px; + color: var(--directorist-color-warning); } .directorist-review-submit__overview__rating .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-warning); -} -.directorist-review-submit__overview__rating .directorist-icon-mask.directorist_fraction_star { - position: relative; -} -.directorist-review-submit__overview__rating .directorist-icon-mask.directorist_fraction_star:before { - content: ""; - width: 100%; - height: 100%; - position: absolute; - right: 0; - -webkit-mask-image: url(../js/479b663ce5839f8d7fdc.svg); - mask-image: url(../js/479b663ce5839f8d7fdc.svg); - background-color: var(--directorist-color-warning); + width: 16px; + height: 16px; + background-color: var(--directorist-color-warning); +} +.directorist-review-submit__overview__rating + .directorist-icon-mask.directorist_fraction_star { + position: relative; +} +.directorist-review-submit__overview__rating + .directorist-icon-mask.directorist_fraction_star:before { + content: ""; + width: 100%; + height: 100%; + position: absolute; + right: 0; + mask-image: url(../js/../images/b6ad67158aa2d6258e619021127e704f.svg); + background-color: var(--directorist-color-warning); } .directorist-review-submit__overview__rating .directorist-rating-overall { - font-size: 14px; - color: var(--directorist-color-body); - display: block; + font-size: 14px; + color: var(--directorist-color-body); + display: block; } .directorist-review-submit__overview__benchmarks { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - padding: 25px; + flex: 0 0 50%; + padding: 25px; } .directorist-review-submit__overview__benchmarks .directorist-benchmark-single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -6px; -} -.directorist-review-submit__overview__benchmarks .directorist-benchmark-single > * { - margin: 6px !important; -} -.directorist-review-submit__overview__benchmarks .directorist-benchmark-single label { - -webkit-box-flex: 0.1; - -webkit-flex: 0.1; - -ms-flex: 0.1; - flex: 0.1; - min-width: 70px; - display: inline-block; - margin-left: 4px; -} -.directorist-review-submit__overview__benchmarks .directorist-benchmark-single label:after { - width: 12px; - height: 12px; - background-color: var(--directorist-color-white); -} -.directorist-review-submit__reviews, .directorist-review-submit__reviews ul { - padding: 0; - margin: 10px 0 0 0; - list-style-type: none; - margin-right: 0; + display: flex; + align-items: center; + flex-wrap: wrap; + margin: -6px; +} +.directorist-review-submit__overview__benchmarks + .directorist-benchmark-single + > * { + margin: 6px !important; +} +.directorist-review-submit__overview__benchmarks + .directorist-benchmark-single + label { + flex: 0.1; + min-width: 70px; + display: inline-block; + margin-left: 4px; +} +.directorist-review-submit__overview__benchmarks + .directorist-benchmark-single + label:after { + width: 12px; + height: 12px; + background-color: var(--directorist-color-white); +} +.directorist-review-submit__reviews, +.directorist-review-submit__reviews ul { + padding: 0; + margin: 10px 0 0 0; + list-style-type: none; + margin-right: 0; } .directorist-review-submit > li { - border-top: 1px solid var(--directorist-color-border); + border-top: 1px solid var(--directorist-color-border); } .directorist-review-submit .directorist-comment-edit-request { - position: relative; + position: relative; } .directorist-review-submit .directorist-comment-edit-request::after { - content: ""; - display: block; - position: absolute; - right: 0; - top: 0; - height: 100%; - width: 100%; - z-index: 99; - background-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; + content: ""; + display: block; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; } .directorist-review-submit .directorist-comment-edit-request > li { - border-top: 1px solid var(--directorist-color-border); -} -.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request { - position: relative; -} -.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request:after { - content: ""; - display: block; - position: absolute; - right: 0; - top: 0; - height: 100%; - width: 100%; - z-index: 99; - background-color: rgba(255, 255, 255, 0.8); - border-radius: 4px; -} -.directorist-review-submit .directorist-comment-edit-request .directorist-comment-edit-request:before { - position: absolute; - z-index: 100; - right: 50%; - top: 50%; - display: block; - content: ""; - width: 24px; - height: 24px; - border-radius: 50%; - border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); - border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); - -webkit-animation: directoristCommentEditLoading 0.6s linear infinite; - animation: directoristCommentEditLoading 0.6s linear infinite; -} - -.directorist-review-single .directorist-comment-editing .directorist-review-single__report, -.directorist-review-single .directorist-comment-editing .directorist-review-single__content, -.directorist-review-single .directorist-comment-editing .directorist-review-single__actions { - display: none; + border-top: 1px solid var(--directorist-color-border); +} +.directorist-review-submit + .directorist-comment-edit-request + .directorist-comment-edit-request { + position: relative; +} +.directorist-review-submit + .directorist-comment-edit-request + .directorist-comment-edit-request:after { + content: ""; + display: block; + position: absolute; + right: 0; + top: 0; + height: 100%; + width: 100%; + z-index: 99; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; +} +.directorist-review-submit + .directorist-comment-edit-request + .directorist-comment-edit-request:before { + position: absolute; + z-index: 100; + right: 50%; + top: 50%; + display: block; + content: ""; + width: 24px; + height: 24px; + border-radius: 50%; + border: 2px solid rgba(var(--directorist-color-dark-rgb), 0.2); + border-top-color: rgba(var(--directorist-color-dark-rgb), 0.8); + animation: directoristCommentEditLoading 0.6s linear infinite; +} + +.directorist-review-single + .directorist-comment-editing + .directorist-review-single__report, +.directorist-review-single + .directorist-comment-editing + .directorist-review-single__content, +.directorist-review-single + .directorist-comment-editing + .directorist-review-single__actions { + display: none; } .directorist-review-content__pagination { - padding: 0; - margin: 25px 0 35px; + padding: 0; + margin: 25px 0 35px; } .directorist-review-content__pagination ul { - border: 0 none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -4px; - padding-top: 0; - list-style-type: none; - height: auto; - background: none; + border: 0 none; + display: flex; + align-items: center; + flex-wrap: wrap; + margin: -4px; + padding-top: 0; + list-style-type: none; + height: auto; + background: none; } .directorist-review-content__pagination li { - padding: 4px; - list-style-type: none; + padding: 4px; + list-style-type: none; } .directorist-review-content__pagination li .page-numbers { - width: 40px; - height: 40px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 6px; - border: 1px solid #E1E4EC; - color: #090E30; - font-weight: 500; - font-size: 14px; - background-color: var(--directorist-color-white); + width: 40px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 6px; + border: 1px solid #e1e4ec; + color: #090e30; + font-weight: 500; + font-size: 14px; + background-color: var(--directorist-color-white); } .directorist-review-content__pagination li .page-numbers.current { - border-color: #090E30; + border-color: #090e30; } .directorist-review-single { - padding: 40px 30px; - margin: 0; + padding: 40px 30px; + margin: 0; } @media screen and (max-width: 575px) { - .directorist-review-single { - padding: 30px 20px; - } + .directorist-review-single { + padding: 30px 20px; + } } .directorist-review-single a { - text-decoration: none; + text-decoration: none; } .directorist-review-single .comment-body { - margin-bottom: 0; - padding: 0; + margin-bottom: 0; + padding: 0; } .directorist-review-single .comment-body p { - font-size: 15px; - margin: 0; - color: var(--directorist-color-body); + font-size: 15px; + margin: 0; + color: var(--directorist-color-body); } .directorist-review-single .comment-body em { - font-style: normal; + font-style: normal; } .directorist-review-single .directorist-review-single__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin-bottom: 20px; + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + margin-bottom: 20px; } .directorist-review-single__author { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; + display: flex; + flex-wrap: wrap; + align-items: flex-start; } .directorist-review-single__author__img { - width: 50px; - height: 50px; - padding: 0; + width: 50px; + height: 50px; + padding: 0; } .directorist-review-single__author__img img { - width: 50px; - height: 50px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 50%; - position: static; + width: 50px; + height: 50px; + object-fit: cover; + border-radius: 50%; + position: static; } .directorist-review-single__author__details { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - margin-right: 15px; + flex: 1; + margin-right: 15px; } .directorist-review-single__author__details h2 { - font-size: 15px; - font-weight: 500; - margin: 0 0 5px; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 500; + margin: 0 0 5px; + color: var(--directorist-color-dark); } .directorist-review-single__author__details .directorist-rating-stars { - font-size: 11px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: var(--directorist-color-warning); -} -.directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask { - margin: 1px; -} -.directorist-review-single__author__details .directorist-rating-stars .directorist-icon-mask:after { - width: 11px; - height: 11px; - background-color: var(--directorist-color-warning); + font-size: 11px; + display: flex; + align-items: center; + color: var(--directorist-color-warning); +} +.directorist-review-single__author__details + .directorist-rating-stars + .directorist-icon-mask { + margin: 1px; +} +.directorist-review-single__author__details + .directorist-rating-stars + .directorist-icon-mask:after { + width: 11px; + height: 11px; + background-color: var(--directorist-color-warning); } .directorist-review-single__author__details .directorist-review-date { - display: inline-block; - font-size: 13px; - margin-right: 14px; - color: var(--directorist-color-deep-gray); + display: inline-block; + font-size: 13px; + margin-right: 14px; + color: var(--directorist-color-deep-gray); } .directorist-review-single__report a { - font-size: 13px; - color: #8C90A4; - display: block; + font-size: 13px; + color: #8c90a4; + display: block; } .directorist-review-single__content p { - font-size: 15px; - color: var(--directorist-color-body); + font-size: 15px; + color: var(--directorist-color-body); } .directorist-review-single__feedback { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - margin: 15px -5px 0; + display: flex; + flex-wrap: wrap; + align-items: center; + margin: 15px -5px 0; } .directorist-review-single__feedback a { - margin: 5px; - font-size: 13px; + margin: 5px; + font-size: 13px; } .directorist-review-single__actions { - margin: 20px -8px 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + margin: 20px -8px 0; + display: flex; + align-items: center; } .directorist-review-single__actions a { - font-size: 13px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background: none; - margin: 0 8px; - color: var(--directorist-color-deep-gray); + font-size: 13px; + display: inline-flex; + align-items: center; + background: none; + margin: 0 8px; + color: var(--directorist-color-deep-gray); } .directorist-review-single__actions a .directorist-icon-mask { - margin-left: 6px; + margin-left: 6px; } .directorist-review-single__actions a .directorist-icon-mask::after { - width: 13.5px; - height: 13.5px; - background-color: var(--directorist-color-deep-gray); + width: 13.5px; + height: 13.5px; + background-color: var(--directorist-color-deep-gray); } .directorist-review-single .directorist-review-meta { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 15px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + display: flex; + gap: 15px; + flex-wrap: wrap; } @media screen and (max-width: 575px) { - .directorist-review-single .directorist-review-meta { - gap: 10px; - } + .directorist-review-single .directorist-review-meta { + gap: 10px; + } } .directorist-review-single .directorist-review-meta .directorist-review-date { - margin: 0; + margin: 0; } .directorist-review-single .directorist-review-submit { - margin-top: 0; - margin-bottom: 0; - border: 0 none; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; + margin-top: 0; + margin-bottom: 0; + border: 0 none; + box-shadow: 0 0; } .directorist-review-single .directorist-review-submit__header { - padding-right: 0; - padding-left: 0; -} -.directorist-review-single .directorist-review-submit .directorist-card__header__title { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - font-size: 13px; - max-width: 100%; - width: 100%; - margin: 0; + padding-right: 0; + padding-left: 0; +} +.directorist-review-single + .directorist-review-submit + .directorist-card__header__title { + display: flex; + align-items: center; + justify-content: space-between; + font-size: 13px; + max-width: 100%; + width: 100%; + margin: 0; } .directorist-review-single .directorist-review-single { - padding: 18px 40px; + padding: 18px 40px; } .directorist-review-single .directorist-review-single:last-child { - padding-bottom: 0; -} -.directorist-review-single .directorist-review-single .directorist-review-single__header { - margin-bottom: 15px; -} -.directorist-review-single .directorist-review-single .directorist-review-single__info { - position: relative; -} -.directorist-review-single .directorist-review-single .directorist-review-single__info:before { - position: absolute; - right: -20px; - top: 0; - width: 2px; - height: 100%; - content: ""; - background-color: var(--directorist-color-border-gray); + padding-bottom: 0; +} +.directorist-review-single + .directorist-review-single + .directorist-review-single__header { + margin-bottom: 15px; +} +.directorist-review-single + .directorist-review-single + .directorist-review-single__info { + position: relative; +} +.directorist-review-single + .directorist-review-single + .directorist-review-single__info:before { + position: absolute; + right: -20px; + top: 0; + width: 2px; + height: 100%; + content: ""; + background-color: var(--directorist-color-border-gray); } .directorist-review-submit__header { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; } .directorist-review-submit__form { - margin: 0 !important; + margin: 0 !important; } .directorist-review-submit__form:not(.directorist-form-comment-edit) { - padding: 25px; -} -.directorist-review-submit__form#commentform .directorist-form-group, .directorist-review-submit__form.directorist-form-comment-edit .directorist-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; -} -.directorist-review-submit__form .directorist-review-single .directorist-card__body { - padding-right: 0; - padding-left: 0; + padding: 25px; +} +.directorist-review-submit__form#commentform .directorist-form-group, +.directorist-review-submit__form.directorist-form-comment-edit + .directorist-form-group { + display: flex; + gap: 10px; + flex-wrap: wrap; + align-items: center; + justify-content: flex-start; +} +.directorist-review-submit__form + .directorist-review-single + .directorist-card__body { + padding-right: 0; + padding-left: 0; } .directorist-review-submit__form .directorist-alert { - margin-bottom: 20px; - padding: 10px 20px; + margin-bottom: 20px; + padding: 10px 20px; } .directorist-review-submit__form .directorist-review-criteria { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-review-submit__form .directorist-review-criteria__single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 15px; + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 15px; } .directorist-review-submit__form .directorist-review-criteria__single__label { - width: 100px; - word-wrap: break-word; - word-break: break-all; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - margin: 0; -} -.directorist-review-submit__form .directorist-review-criteria__single .br-widget { - margin: -1px; + width: 100px; + word-wrap: break-word; + word-break: break-all; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + margin: 0; +} +.directorist-review-submit__form + .directorist-review-criteria__single + .br-widget { + margin: -1px; } .directorist-review-submit__form .directorist-review-criteria__single a { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - width: 24px; - height: 24px; - border-radius: 4px; - background-color: #E1E4EC; - margin: 1px; - text-decoration: none; - outline: 0; + display: inline-flex; + align-items: center; + justify-content: center; + width: 24px; + height: 24px; + border-radius: 4px; + background-color: #e1e4ec; + margin: 1px; + text-decoration: none; + outline: 0; } .directorist-review-submit__form .directorist-review-criteria__single a:before { - content: ""; - -webkit-mask-image: url(../js/60b8c48296c3c553bf39.svg); - mask-image: url(../js/60b8c48296c3c553bf39.svg); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - width: 14px; - height: 14px; - background-color: var(--directorist-color-white); + content: ""; + mask-image: url(../js/../images/c8cb6a06142934b1fac8df29a41ebf7c.svg); + mask-repeat: no-repeat; + width: 14px; + height: 14px; + background-color: var(--directorist-color-white); } .directorist-review-submit__form .directorist-review-criteria__single a:focus { - background-color: #E1E4EC !important; - text-decoration: none !important; - outline: 0; -} -.directorist-review-submit__form .directorist-review-criteria__single a.br-selected, .directorist-review-submit__form .directorist-review-criteria__single a.br-active { - background-color: var(--directorist-color-warning) !important; - text-decoration: none; - outline: 0; -} -.directorist-review-submit__form .directorist-review-criteria__single .br-current-rating { - display: inline-block; - margin-right: 20px; - font-size: 14px; - font-weight: 500; + background-color: #e1e4ec !important; + text-decoration: none !important; + outline: 0; +} +.directorist-review-submit__form + .directorist-review-criteria__single + a.br-selected, +.directorist-review-submit__form + .directorist-review-criteria__single + a.br-active { + background-color: var(--directorist-color-warning) !important; + text-decoration: none; + outline: 0; +} +.directorist-review-submit__form + .directorist-review-criteria__single + .br-current-rating { + display: inline-block; + margin-right: 20px; + font-size: 14px; + font-weight: 500; } .directorist-review-submit__form .directorist-form-group:not(:last-child) { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-review-submit__form .directorist-form-group textarea { - background-color: #F6F7F9; - font-size: 15px; - display: block; - resize: vertical; - margin: 0; + background-color: #f6f7f9; + font-size: 15px; + display: block; + resize: vertical; + margin: 0; } .directorist-review-submit__form .directorist-form-group textarea:focus { - background-color: #F6F7F9; + background-color: #f6f7f9; } .directorist-review-submit__form .directorist-form-group label { - display: block; - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-dark); - margin-bottom: 5px; -} -.directorist-review-submit__form .directorist-form-group input[type=text], -.directorist-review-submit__form .directorist-form-group input[type=email], -.directorist-review-submit__form .directorist-form-group input[type=url] { - height: 46px; - background-color: var(--directorist-color-white); - margin: 0; -} -.directorist-review-submit__form .directorist-form-group input[type=text]::-webkit-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]::-webkit-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]::-webkit-input-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form .directorist-form-group input[type=text]::-moz-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]::-moz-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]::-moz-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form .directorist-form-group input[type=text]:-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]:-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]:-ms-input-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form .directorist-form-group input[type=text]::-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=email]::-ms-input-placeholder, .directorist-review-submit__form .directorist-form-group input[type=url]::-ms-input-placeholder { - color: var(--directorist-color-deep-gray); -} -.directorist-review-submit__form .directorist-form-group input[type=text]::placeholder, -.directorist-review-submit__form .directorist-form-group input[type=email]::placeholder, -.directorist-review-submit__form .directorist-form-group input[type=url]::placeholder { - color: var(--directorist-color-deep-gray); + display: block; + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-dark); + margin-bottom: 5px; +} +.directorist-review-submit__form .directorist-form-group input[type="text"], +.directorist-review-submit__form .directorist-form-group input[type="email"], +.directorist-review-submit__form .directorist-form-group input[type="url"] { + height: 46px; + background-color: var(--directorist-color-white); + margin: 0; +} +.directorist-review-submit__form + .directorist-form-group + input[type="text"]::placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="email"]::placeholder, +.directorist-review-submit__form + .directorist-form-group + input[type="url"]::placeholder { + color: var(--directorist-color-deep-gray); } .directorist-review-submit__form .form-group-comment { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + display: flex; } .directorist-review-submit__form .form-group-comment.directorist-form-group { - margin-bottom: 42px; + margin-bottom: 42px; } @media screen and (max-width: 575px) { - .directorist-review-submit__form .form-group-comment.directorist-form-group { - margin-bottom: 30px; - } + .directorist-review-submit__form + .form-group-comment.directorist-form-group { + margin-bottom: 30px; + } } .directorist-review-submit__form .form-group-comment textarea { - border-radius: 12px; - resize: none; - padding: 20px; - min-height: 140px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - background-color: var(--directorist-color-white); - border: 2px solid var(--directorist-color-border); + border-radius: 12px; + resize: none; + padding: 20px; + min-height: 140px; + box-sizing: border-box; + background-color: var(--directorist-color-white); + border: 2px solid var(--directorist-color-border); } .directorist-review-submit__form .form-group-comment textarea:focus { - border: 2px solid var(--directorist-color-border-gray); + border: 2px solid var(--directorist-color-border-gray); } .directorist-review-submit__form .directorist-review-media-upload { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.directorist-review-submit__form .directorist-review-media-upload input[type=file] { - display: none; + display: flex; + align-items: center; + flex-wrap: wrap; +} +.directorist-review-submit__form + .directorist-review-media-upload + input[type="file"] { + display: none; } .directorist-review-submit__form .directorist-review-media-upload label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - width: 115px; - height: 100px; - border-radius: 8px; - border: 1px dashed #C6D0DC; - cursor: pointer; - margin-bottom: 0; + display: inline-flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 115px; + height: 100px; + border-radius: 8px; + border: 1px dashed #c6d0dc; + cursor: pointer; + margin-bottom: 0; } .directorist-review-submit__form .directorist-review-media-upload label i { - font-size: 26px; - color: #AFB2C4; + font-size: 26px; + color: #afb2c4; } .directorist-review-submit__form .directorist-review-media-upload label span { - display: block; - font-size: 14px; - color: var(--directorist-color-body); - margin-top: 6px; + display: block; + font-size: 14px; + color: var(--directorist-color-body); + margin-top: 6px; } .directorist-review-submit__form .directorist-review-img-gallery { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: -5px 5px -5px -5px; + display: flex; + flex-wrap: wrap; + margin: -5px 5px -5px -5px; } .directorist-review-submit__form .directorist-review-gallery-preview { - position: relative; - margin: 5px; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-img-gallery { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - gap: 5px; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview { - position: relative; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview:hover .directorist-btn-delete { - opacity: 1; - visibility: visible; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview img { - width: 115px; - height: 100px; - max-width: 115px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 8px; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-review-gallery-preview .directorist-btn-delete { - position: absolute; - top: 6px; - left: 6px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 30px; - width: 30px; - border-radius: 50%; - color: var(--directorist-color-white); - background-color: var(--directorist-color-danger); - opacity: 0; - visibility: hidden; + position: relative; + margin: 5px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-img-gallery { + display: flex; + flex-wrap: wrap; + gap: 5px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview { + position: relative; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview:hover + .directorist-btn-delete { + opacity: 1; + visibility: visible; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview + img { + width: 115px; + height: 100px; + max-width: 115px; + object-fit: cover; + border-radius: 8px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-review-gallery-preview + .directorist-btn-delete { + position: absolute; + top: 6px; + left: 6px; + display: inline-flex; + align-items: center; + justify-content: center; + height: 30px; + width: 30px; + border-radius: 50%; + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); + opacity: 0; + visibility: hidden; } .directorist-review-submit__form .directorist-review-gallery-preview img { - width: 115px; - height: 100px; - max-width: 115px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 8px; -} -.directorist-review-submit__form .directorist-review-gallery-preview .directorist-btn-delete { - position: absolute; - top: 6px; - left: 6px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - height: 30px; - width: 30px; - border-radius: 50%; - color: var(--directorist-color-white); - background-color: var(--directorist-color-danger); - opacity: 0; - visibility: hidden; + width: 115px; + height: 100px; + max-width: 115px; + object-fit: cover; + border-radius: 8px; +} +.directorist-review-submit__form + .directorist-review-gallery-preview + .directorist-btn-delete { + position: absolute; + top: 6px; + left: 6px; + display: inline-flex; + align-items: center; + justify-content: center; + height: 30px; + width: 30px; + border-radius: 50%; + color: var(--directorist-color-white); + background-color: var(--directorist-color-danger); + opacity: 0; + visibility: hidden; } .directorist-review-submit .directorist-btn { - padding: 0 20px; + padding: 0 20px; } -.directorist-review-content + .directorist-review-submit.directorist-review-submit--hidden { - display: none !important; -} - -@-webkit-keyframes directoristCommentEditLoading { - to { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } +.directorist-review-content + + .directorist-review-submit.directorist-review-submit--hidden { + display: none !important; } @keyframes directoristCommentEditLoading { - to { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + to { + transform: rotate(-360deg); + } } .directorist-favourite-items-wrap { - -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); - box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); } .directorist-favourite-items-wrap .directorist-favourirte-items { - background-color: var(--directorist-color-white); - padding: 20px 10px; - border-radius: 12px; + background-color: var(--directorist-color-white); + padding: 20px 10px; + border-radius: 12px; } .directorist-favourite-items-wrap .directorist-dashboard-items-list { - font-size: 15px; + font-size: 15px; } .directorist-favourite-items-wrap .directorist-dashboard-items-list__single { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding: 15px !important; - margin: 0; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-transition: 0.35s; - transition: 0.35s; + display: flex; + padding: 15px !important; + margin: 0; + justify-content: space-between; + align-items: center; + transition: 0.35s; } @media only screen and (max-width: 991px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single { - background-color: #F8F9FA; - border-radius: 5px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single:hover { - background-color: #F8F9FA; - border-radius: 5px; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single:hover .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn { - opacity: 1; - visibility: visible; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img { - margin-left: 20px; + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single { + background-color: #f8f9fa; + border-radius: 5px; + flex-direction: column; + align-items: flex-start; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single:hover { + background-color: #f8f9fa; + border-radius: 5px; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single:hover + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn { + opacity: 1; + visibility: visible; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-img { + margin-left: 20px; } @media only screen and (max-width: 479px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img { - margin-left: 0; - } -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-img img { - max-width: 100px; - border-radius: 6px; + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-img { + margin-left: 0; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-img + img { + max-width: 100px; + border-radius: 6px; } @media only screen and (max-width: 479px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-content { - margin-top: 10px; - } -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-title { - font-size: 15px; - font-weight: 500; - margin: 0 0 6px; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-title a { - color: var(--directorist-color-dark); - text-decoration: none; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category { - color: var(--directorist-color-primary); - text-decoration: none; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.la, -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.fa, -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category span.fas, -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single .directorist-listing-category i { - margin-left: 6px; - color: var(--directorist-color-light-gray); -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-content { + margin-top: 10px; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-title { + font-size: 15px; + font-weight: 500; + margin: 0 0 6px; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-title + a { + color: var(--directorist-color-dark); + text-decoration: none; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category { + color: var(--directorist-color-primary); + text-decoration: none; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + span.la, +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + span.fa, +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + span.fas, +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single + .directorist-listing-category + i { + margin-left: 6px; + color: var(--directorist-color-light-gray); +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__info { + display: flex; } @media only screen and (max-width: 991px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info { - margin-bottom: 15px; - } + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__info { + margin-bottom: 15px; + } } @media only screen and (max-width: 479px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__info { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn { - font-weight: 500; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - border-radius: 8px; - padding: 0px 14px; - color: var(--directorist-color-white) !important; - line-height: 2.65; - opacity: 0; - visibility: hidden; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn .directorist-icon-mask { - margin-left: 5px; -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn .directorist-icon-mask:after { - background-color: var(--directorist-color-white); -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn { - /* Legacy Icon */ -} -.directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn > i:not(.directorist-icon-mask) { - margin-left: 5px; + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__info { + flex-direction: column; + } +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn { + font-weight: 500; + display: inline-flex; + align-items: center; + border-radius: 8px; + padding: 0px 14px; + color: var(--directorist-color-white) !important; + line-height: 2.65; + opacity: 0; + visibility: hidden; + /* Legacy Icon */ +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn + .directorist-icon-mask { + margin-left: 5px; +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn + .directorist-icon-mask:after { + background-color: var(--directorist-color-white); +} +.directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn + > i:not(.directorist-icon-mask) { + margin-left: 5px; } @media only screen and (max-width: 991px) { - .directorist-favourite-items-wrap .directorist-dashboard-items-list__single__action .directorist-favourite-remove-btn { - opacity: 1; - visibility: visible; - } + .directorist-favourite-items-wrap + .directorist-dashboard-items-list__single__action + .directorist-favourite-remove-btn { + opacity: 1; + visibility: visible; + } } .directorist-user-dashboard { - width: 100% !important; - max-width: 100% !important; - overflow: hidden; - -webkit-box-sizing: border-box; - box-sizing: border-box; + width: 100% !important; + max-width: 100% !important; + overflow: hidden; + box-sizing: border-box; } .directorist-user-dashboard__contents { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - padding-bottom: 20px; + display: flex; + padding-bottom: 20px; } .directorist-user-dashboard__toggle { - margin-bottom: 20px; + margin-bottom: 20px; } .directorist-user-dashboard__toggle__link { - border: 1px solid #e3e6ef; - padding: 6.5px 8px 6.5px; - border-radius: 8px; - display: inline-block; - outline: 0; - background-color: var(--directorist-color-white); - line-height: 1; - color: var(--directorist-color-primary); + border: 1px solid #e3e6ef; + padding: 6.5px 8px 6.5px; + border-radius: 8px; + display: inline-block; + outline: 0; + background-color: var(--directorist-color-white); + line-height: 1; + color: var(--directorist-color-primary); } .directorist-user-dashboard__tab-content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - width: calc(100% - 250px); + flex: 1; + width: calc(100% - 250px); } .directorist-user-dashboard .directorist-alert { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-user-dashboard #directorist-preference-notice .directorist-alert { - margin-top: 15px; - margin-bottom: 0; + margin-top: 15px; + margin-bottom: 0; } /* user dashboard loader */ #directorist-dashboard-preloader { - height: 100%; - right: 0; - overflow: visible; - position: fixed; - top: 0; - width: 100%; - z-index: 9999999; - display: none; - background-color: rgba(var(--directorist-color-dark-rgb), 0.5); + height: 100%; + right: 0; + overflow: visible; + position: fixed; + top: 0; + width: 100%; + z-index: 9999999; + display: none; + background-color: rgba(var(--directorist-color-dark-rgb), 0.5); } #directorist-dashboard-preloader div { - -webkit-box-sizing: border-box; - box-sizing: border-box; - display: block; - position: absolute; - width: 64px; - height: 64px; - margin: 8px; - border: 8px solid var(--directorist-color-primary); - border-radius: 50%; - -webkit-animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - border-color: var(--directorist-color-primary) transparent transparent transparent; - right: 50%; - top: 50%; - -webkit-transform: translate(50%, -50%); - transform: translate(50%, -50%); + box-sizing: border-box; + display: block; + position: absolute; + width: 64px; + height: 64px; + margin: 8px; + border: 8px solid var(--directorist-color-primary); + border-radius: 50%; + animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + border-color: var(--directorist-color-primary) transparent transparent + transparent; + right: 50%; + top: 50%; + transform: translate(50%, -50%); } #directorist-dashboard-preloader div:nth-child(1) { - -webkit-animation-delay: -0.45s; - animation-delay: -0.45s; + animation-delay: -0.45s; } #directorist-dashboard-preloader div:nth-child(2) { - -webkit-animation-delay: -0.3s; - animation-delay: -0.3s; + animation-delay: -0.3s; } #directorist-dashboard-preloader div:nth-child(3) { - -webkit-animation-delay: -0.15s; - animation-delay: -0.15s; + animation-delay: -0.15s; } /* My listing tab */ .directorist-user-dashboard-tab__nav { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - padding: 0 20px; - border-radius: 12px; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: 0 20px; + border-radius: 12px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } @media screen and (max-width: 480px) { - .directorist-user-dashboard-tab__nav { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } + .directorist-user-dashboard-tab__nav { + align-items: flex-start; + } } .directorist-user-dashboard-tab ul { - margin: 0; - list-style: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-right: 0; + margin: 0; + list-style: none; + display: flex; + align-items: center; + padding-right: 0; } @media screen and (max-width: 480px) { - .directorist-user-dashboard-tab ul { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding-right: 0; - } + .directorist-user-dashboard-tab ul { + flex-wrap: wrap; + padding-right: 0; + } } .directorist-user-dashboard-tab li { - list-style: none; + list-style: none; } .directorist-user-dashboard-tab li:not(:last-child) { - margin-left: 20px; + margin-left: 20px; } .directorist-user-dashboard-tab li a { - display: inline-block; - font-size: 14px; - font-weight: 500; - padding: 20px 0; - text-decoration: none; - color: var(--directorist-color-dark); - position: relative; + display: inline-block; + font-size: 14px; + font-weight: 500; + padding: 20px 0; + text-decoration: none; + color: var(--directorist-color-dark); + position: relative; } .directorist-user-dashboard-tab li a:after { - position: absolute; - right: 0; - bottom: -4px; - width: 100%; - height: 2px; - border-radius: 8px; - opacity: 0; - visibility: hidden; - content: ""; - background-color: var(--directorist-color-primary); + position: absolute; + right: 0; + bottom: -4px; + width: 100%; + height: 2px; + border-radius: 8px; + opacity: 0; + visibility: hidden; + content: ""; + background-color: var(--directorist-color-primary); } .directorist-user-dashboard-tab li a.directorist-tab__nav__active { - color: var(--directorist-color-primary); + color: var(--directorist-color-primary); } .directorist-user-dashboard-tab li a.directorist-tab__nav__active:after { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } @media screen and (max-width: 480px) { - .directorist-user-dashboard-tab li a { - padding-bottom: 5px; - } + .directorist-user-dashboard-tab li a { + padding-bottom: 5px; + } } .directorist-user-dashboard-tab .directorist-user-dashboard-search { - position: relative; - border-radius: 12px; - margin: 16px 16px 16px 0; + position: relative; + border-radius: 12px; + margin: 16px 16px 16px 0; } .directorist-user-dashboard-tab .directorist-user-dashboard-search__icon { - position: absolute; - right: 16px; - top: 50%; - line-height: 1; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); + position: absolute; + right: 16px; + top: 50%; + line-height: 1; + transform: translateY(-50%); } .directorist-user-dashboard-tab .directorist-user-dashboard-search__icon i, .directorist-user-dashboard-tab .directorist-user-dashboard-search__icon span { - font-size: 16px; + font-size: 16px; } -.directorist-user-dashboard-tab .directorist-user-dashboard-search__icon .directorist-icon-mask::after { - width: 16px; - height: 16px; +.directorist-user-dashboard-tab + .directorist-user-dashboard-search__icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; } .directorist-user-dashboard-tab .directorist-user-dashboard-search input { - border: 0 none; - border-radius: 18px; - font-size: 14px; - font-weight: 400; - color: #8f8e9f; - padding: 10px 40px 10px 18px; - min-width: 260px; - height: 36px; - background-color: #f6f7f9; - margin-bottom: 0; - -webkit-box-sizing: border-box; - box-sizing: border-box; + border: 0 none; + border-radius: 18px; + font-size: 14px; + font-weight: 400; + color: #8f8e9f; + padding: 10px 40px 10px 18px; + min-width: 260px; + height: 36px; + background-color: #f6f7f9; + margin-bottom: 0; + box-sizing: border-box; } .directorist-user-dashboard-tab .directorist-user-dashboard-search input:focus { - outline: none; + outline: none; } @media screen and (max-width: 375px) { - .directorist-user-dashboard-tab .directorist-user-dashboard-search input { - min-width: unset; - } + .directorist-user-dashboard-tab .directorist-user-dashboard-search input { + min-width: unset; + } } .directorist-user-dashboard-tabcontent { - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); - border-radius: 12px; - margin-top: 15px; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); + border-radius: 12px; + margin-top: 15px; } .directorist-user-dashboard-tabcontent .directorist-listing-table { - border-radius: 10px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-table { - display: table; - border: 0 none; - border-collapse: collapse; - border-spacing: 0; - empty-cells: show; - margin-bottom: 0; - margin-top: 0; - overflow: visible !important; - width: 100%; + border-radius: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-table { + display: table; + border: 0 none; + border-collapse: collapse; + border-spacing: 0; + empty-cells: show; + margin-bottom: 0; + margin-top: 0; + overflow: visible !important; + width: 100%; } .directorist-user-dashboard-tabcontent .directorist-listing-table tr { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - text-align: right; + text-align: right; } -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { - min-width: 320px; +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing { + min-width: 320px; } @media (max-width: 1499px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { - min-width: 260px; - } + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing { + min-width: 260px; + } } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { - min-width: 230px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type { - min-width: 180px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing { + min-width: 230px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing-type { + min-width: 180px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type { - min-width: 160px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-category { - min-width: 180px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { - min-width: 250px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing-type { + min-width: 160px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-category { + min-width: 180px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-ex-date { + min-width: 250px; } @media (max-width: 1499px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { - min-width: 220px; - } + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-ex-date { + min-width: 220px; + } } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { - min-width: 200px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status { - min-width: 160px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-ex-date { + min-width: 200px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-status { + min-width: 160px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status { - min-width: 130px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan { - min-width: 120px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-status { + min-width: 130px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist_table-plan { + min-width: 120px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan { - min-width: 100px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions { - min-width: 200px; + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist_table-plan { + min-width: 100px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-actions { + min-width: 200px; } @media (max-width: 1399px) { - .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions { - min-width: 150px; - } -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child th { - padding-top: 22px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child td { - padding-top: 28px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child td, -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child th { - padding-bottom: 22px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:last-child .directorist-dropdown .directorist-dropdown-menu { - bottom: 100%; - top: auto; - -webkit-transform: translateY(-15px); - transform: translateY(-15px); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table tr:first-child .directorist-dropdown .directorist-dropdown-menu { - bottom: auto; - top: 35px; - -webkit-transform: translateY(0); - transform: translateY(0); + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-actions { + min-width: 150px; + } +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:first-child + th { + padding-top: 22px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:first-child + td { + padding-top: 28px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:last-child + td, +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:last-child + th { + padding-bottom: 22px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:last-child + .directorist-dropdown + .directorist-dropdown-menu { + bottom: 100%; + top: auto; + transform: translateY(-15px); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + tr:first-child + .directorist-dropdown + .directorist-dropdown-menu { + bottom: auto; + top: 35px; + transform: translateY(0); } .directorist-user-dashboard-tabcontent .directorist-listing-table tr td, .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); - padding: 12.5px 22px; - border: 0 none; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); + padding: 12.5px 22px; + border: 0 none; } .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - letter-spacing: 1.1px; - font-size: 12px; - font-weight: 500; - color: #8f8e9f; - text-transform: uppercase; - border-bottom: 1px solid #eff1f6; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__img { - margin-left: 12px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__img img { - width: 44px; - height: 44px; - -o-object-fit: cover; - object-fit: cover; - border-radius: 6px; - max-width: inherit; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-title { - margin: 0 0 5px; - font-size: 15px; - font-weight: 500; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-title a { - color: #0a0b1e; - -webkit-box-shadow: none; - box-shadow: none; - text-decoration: none; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-listing-table-listing-info__content .directorist-price { - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge { - font-size: 12px; - font-weight: 700; - border-radius: 4px; - padding: 3px 7px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.primary { - color: var(--directorist-color-primary); - background-color: rgba(var(--directorist-color-primary), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_publish { - color: var(--directorist-color-success); - background-color: rgba(var(--directorist-color-success-rgb), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_pending { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning-rgb), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.directorist_status_private { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger-rgb), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.danger { - color: var(--directorist-color-danger); - background-color: rgba(var(--directorist-color-danger), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist_badge.warning { - color: var(--directorist-color-warning); - background-color: rgba(var(--directorist-color-warning), 0.15); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a { - font-size: 13px; - text-decoration: none; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn { - color: var(--directorist-color-info); - font-weight: 500; - margin-left: 20px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 5px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: var(--directorist-color-info); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - background-color: var(--directorist-color-white); - font-weight: 500; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more i, -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more span, -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-btn-more svg { - position: relative; - top: 1.5px; - margin-left: 5px; - font-size: 14px; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions .directorist-checkbox label { - margin-bottom: 0; - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown { - position: relative; - border: 0 none; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown .directorist-dropdown-menu { - position: absolute; - left: 0; - top: 35px; - opacity: 0; - visibility: hidden; - background-color: var(--directorist-color-white); - -webkit-box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); - box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown .directorist-dropdown-menu.active { - opacity: 1; - visibility: visible; - z-index: 22; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu { - min-width: 230px; - border: 1px solid #eff1f6; - padding: 0 0 10px 0; - border-radius: 6px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list { - position: relative; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list:not(:last-child) { - padding-bottom: 10px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list:not(:last-child):after { - position: absolute; - right: 20px; - bottom: 0; - width: calc(100% - 40px); - height: 1px; - background-color: #eff1f6; - content: ""; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item { - padding: 10px 20px; - font-size: 14px; - color: var(--directorist-color-body); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - text-decoration: none; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item:hover { - background-color: #f6f7f9; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item:first-child { - margin-top: 10px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist-dropdown-item i { - font-size: 15px; - margin-left: 14px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox { - padding: 10px 20px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox:first-child { - margin-top: 10px; -} -.directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-dropdown-menu__list .directorist_custom-checkbox label { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); -} -.directorist-user-dashboard-tabcontent .directorist_dashboard_rating li:not(:last-child) { - margin-left: 4px; + letter-spacing: 1.1px; + font-size: 12px; + font-weight: 500; + color: #8f8e9f; + text-transform: uppercase; + border-bottom: 1px solid #eff1f6; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info { + display: flex; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__img { + margin-left: 12px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__img + img { + width: 44px; + height: 44px; + object-fit: cover; + border-radius: 6px; + max-width: inherit; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content { + flex: 1; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content + .directorist-title { + margin: 0 0 5px; + font-size: 15px; + font-weight: 500; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content + .directorist-title + a { + color: #0a0b1e; + box-shadow: none; + text-decoration: none; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-listing-table-listing-info__content + .directorist-price { + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge { + font-size: 12px; + font-weight: 700; + border-radius: 4px; + padding: 3px 7px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.primary { + color: var(--directorist-color-primary); + background-color: rgba(var(--directorist-color-primary), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.directorist_status_publish { + color: var(--directorist-color-success); + background-color: rgba(var(--directorist-color-success-rgb), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.directorist_status_pending { + color: var(--directorist-color-warning); + background-color: rgba(var(--directorist-color-warning-rgb), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.directorist_status_private { + color: var(--directorist-color-danger); + background-color: rgba(var(--directorist-color-danger-rgb), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.danger { + color: var(--directorist-color-danger); + background-color: rgba(var(--directorist-color-danger), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist_badge.warning { + color: var(--directorist-color-warning); + background-color: rgba(var(--directorist-color-warning), 0.15); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions { + display: flex; + align-items: center; + justify-content: flex-end; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a { + font-size: 13px; + text-decoration: none; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a.directorist-link-btn { + color: var(--directorist-color-info); + font-weight: 500; + margin-left: 20px; + display: flex; + align-items: center; + gap: 5px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a.directorist-link-btn + .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: var(--directorist-color-info); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more { + display: inline-flex; + align-items: center; + justify-content: center; + background-color: var(--directorist-color-white); + font-weight: 500; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more + i, +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more + span, +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-btn-more + svg { + position: relative; + top: 1.5px; + margin-left: 5px; + font-size: 14px; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + .directorist-checkbox + label { + margin-bottom: 0; + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown { + position: relative; + border: 0 none; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown + .directorist-dropdown-menu { + position: absolute; + left: 0; + top: 35px; + opacity: 0; + visibility: hidden; + background-color: var(--directorist-color-white); + box-shadow: 0 5px 15px rgba(143, 142, 159, 0.1254901961); +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown + .directorist-dropdown-menu.active { + opacity: 1; + visibility: visible; + z-index: 22; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu { + min-width: 230px; + border: 1px solid #eff1f6; + padding: 0 0 10px 0; + border-radius: 6px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list { + position: relative; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list:not(:last-child) { + padding-bottom: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list:not(:last-child):after { + position: absolute; + right: 20px; + bottom: 0; + width: calc(100% - 40px); + height: 1px; + background-color: #eff1f6; + content: ""; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item { + padding: 10px 20px; + font-size: 14px; + color: var(--directorist-color-body); + display: flex; + text-decoration: none; + flex-wrap: wrap; + align-items: center; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item:hover { + background-color: #f6f7f9; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item:first-child { + margin-top: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist-dropdown-item + i { + font-size: 15px; + margin-left: 14px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist_custom-checkbox { + padding: 10px 20px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist_custom-checkbox:first-child { + margin-top: 10px; +} +.directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-dropdown-menu__list + .directorist_custom-checkbox + label { + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); +} +.directorist-user-dashboard-tabcontent + .directorist_dashboard_rating + li:not(:last-child) { + margin-left: 4px; } .directorist-user-dashboard-tabcontent .directorist_dashboard_category ul { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} -.directorist-user-dashboard-tabcontent .directorist_dashboard_category li:not(:last-child) { - margin-left: 0px; - margin-bottom: 4px; + flex-direction: column; + align-items: flex-start; +} +.directorist-user-dashboard-tabcontent + .directorist_dashboard_category + li:not(:last-child) { + margin-left: 0px; + margin-bottom: 4px; } .directorist-user-dashboard-tabcontent .directorist_dashboard_category li i, -.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.fas, -.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.fa, -.directorist-user-dashboard-tabcontent .directorist_dashboard_category li span.la { - font-size: 15px; - margin-left: 4px; +.directorist-user-dashboard-tabcontent + .directorist_dashboard_category + li + span.fas, +.directorist-user-dashboard-tabcontent + .directorist_dashboard_category + li + span.fa, +.directorist-user-dashboard-tabcontent + .directorist_dashboard_category + li + span.la { + font-size: 15px; + margin-left: 4px; } .directorist-user-dashboard-tabcontent .directorist_dashboard_category li a { - padding: 0; + padding: 0; } .directorist-user-dashboard-tabcontent .directorist-dashboard-pagination { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - -ms-flex-pack: end; - justify-content: flex-end; - margin: 2px 22px 0 22px; - padding: 30px 0 40px; - border-top: 1px solid #eff1f6; -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers { - margin: 4px; - padding: 0; - line-height: normal; - height: 40px; - min-height: 40px; - width: 40px; - min-width: 40px; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border: 2px solid var(--directorist-color-border); - border-radius: 8px; - background-color: var(--directorist-color-white); - -webkit-transition: 0.3s; - transition: 0.3s; - color: var(--directorist-color-body); - text-align: center; - margin: 4px; - left: auto; - float: none; - font-size: 15px; - text-decoration: none; -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers:hover, .directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers.current { - border-color: var(--directorist-color-primary); - color: var(--directorist-color-primary); -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers:hover .directorist-icon-mask:after, .directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers.current .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); -} -.directorist-user-dashboard-tabcontent .directorist-dashboard-pagination .page-numbers .directorist-icon-mask:after { - width: 14px; - height: 14px; - background-color: var(--directorist-color-body); -} - -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing { - min-width: 218px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-listing-type { - min-width: 95px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-ex-date { - min-width: 140px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-status { - min-width: 115px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist_table-plan { - min-width: 120px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th.directorist-table-actions { - min-width: 155px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr td, -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table tr th { - padding: 12px; -} -.directorist-user-dashboard__contents.directorist-tab-content-grid-fix .directorist-user-dashboard-tabcontent .directorist-listing-table .directorist-actions a.directorist-link-btn { - margin-left: 15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: flex-end; + margin: 2px 22px 0 22px; + padding: 30px 0 40px; + border-top: 1px solid #eff1f6; +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers { + margin: 4px; + padding: 0; + line-height: normal; + height: 40px; + min-height: 40px; + width: 40px; + min-width: 40px; + display: inline-flex; + align-items: center; + justify-content: center; + border: 2px solid var(--directorist-color-border); + border-radius: 8px; + background-color: var(--directorist-color-white); + transition: 0.3s; + color: var(--directorist-color-body); + text-align: center; + margin: 4px; + left: auto; + float: none; + font-size: 15px; + text-decoration: none; +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers:hover, +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers.current { + border-color: var(--directorist-color-primary); + color: var(--directorist-color-primary); +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers:hover + .directorist-icon-mask:after, +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers.current + .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); +} +.directorist-user-dashboard-tabcontent + .directorist-dashboard-pagination + .page-numbers + .directorist-icon-mask:after { + width: 14px; + height: 14px; + background-color: var(--directorist-color-body); +} + +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing { + min-width: 218px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-listing-type { + min-width: 95px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-ex-date { + min-width: 140px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-status { + min-width: 115px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist_table-plan { + min-width: 120px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th.directorist-table-actions { + min-width: 155px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + td, +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + tr + th { + padding: 12px; +} +.directorist-user-dashboard__contents.directorist-tab-content-grid-fix + .directorist-user-dashboard-tabcontent + .directorist-listing-table + .directorist-actions + a.directorist-link-btn { + margin-left: 15px; + display: flex; + align-items: center; } .directorist-table-responsive { - display: block !important; - width: 100%; - overflow-x: auto; - overflow-y: visible; + display: block !important; + width: 100%; + overflow-x: auto; + overflow-y: visible; } @media (max-width: 767px) { - .directorist-user-dashboard-tab .directorist-user-dashboard-tab__nav { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-flow: column; - -ms-flex-flow: column; - flex-flow: column; - padding-bottom: 20px; - } - .directorist-user-dashboard-search { - margin-top: 15px; - } + .directorist-user-dashboard-tab .directorist-user-dashboard-tab__nav { + flex-flow: column; + padding-bottom: 20px; + } + .directorist-user-dashboard-search { + margin-top: 15px; + } } .atbdp__draft { - line-height: 24px; - display: inline-block; - font-size: 12px; - font-weight: 500; - padding: 0 10px; - border-radius: 10px; - margin-top: 9px; - color: var(--directorist-color-primary); - background: rgba(var(--directorist-color-primary), 0.1); + line-height: 24px; + display: inline-block; + font-size: 12px; + font-weight: 500; + padding: 0 10px; + border-radius: 10px; + margin-top: 9px; + color: var(--directorist-color-primary); + background: rgba(var(--directorist-color-primary), 0.1); } /* become author modal */ .directorist-become-author-modal { - position: fixed; - width: 100%; - height: 100%; - background: rgba(var(--directorist-color-dark-rgb), 0.5); - right: 0; - top: 0; - z-index: 9999; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - visibility: hidden; - opacity: 0; - pointer-events: none; + position: fixed; + width: 100%; + height: 100%; + background: rgba(var(--directorist-color-dark-rgb), 0.5); + right: 0; + top: 0; + z-index: 9999; + display: flex; + align-items: center; + justify-content: center; + visibility: hidden; + opacity: 0; + pointer-events: none; } .directorist-become-author-modal.directorist-become-author-modal__show { - visibility: visible; - opacity: 1; - pointer-events: all; + visibility: visible; + opacity: 1; + pointer-events: all; } .directorist-become-author-modal__content { - background-color: var(--directorist-color-white); - border-radius: 5px; - padding: 20px 30px 15px; - text-align: center; - position: relative; + background-color: var(--directorist-color-white); + border-radius: 5px; + padding: 20px 30px 15px; + text-align: center; + position: relative; } .directorist-become-author-modal__content p { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; + display: flex; + align-items: center; + justify-content: center; } .directorist-become-author-modal__content h3 { - font-size: 20px; -} -.directorist-become-author-modal__content .directorist-become-author-modal__approve { - background-color: #3e62f5; - display: inline-block; - color: var(--directorist-color-white); - text-align: center; - margin: 10px 5px 0 5px; - min-width: 100px; - padding: 8px 0 !important; - border-radius: 3px; -} -.directorist-become-author-modal__content .directorist-become-author-modal__approve:focus { - background-color: #3e62f5 !important; -} -.directorist-become-author-modal__content .directorist-become-author-modal__cancel { - background-color: #eee; - display: inline-block; - text-align: center; - margin: 10px 5px 0 5px; - min-width: 100px; - padding: 8px 0 !important; - border-radius: 3px; + font-size: 20px; +} +.directorist-become-author-modal__content + .directorist-become-author-modal__approve { + background-color: #3e62f5; + display: inline-block; + color: var(--directorist-color-white); + text-align: center; + margin: 10px 5px 0 5px; + min-width: 100px; + padding: 8px 0 !important; + border-radius: 3px; +} +.directorist-become-author-modal__content + .directorist-become-author-modal__approve:focus { + background-color: #3e62f5 !important; +} +.directorist-become-author-modal__content + .directorist-become-author-modal__cancel { + background-color: #eee; + display: inline-block; + text-align: center; + margin: 10px 5px 0 5px; + min-width: 100px; + padding: 8px 0 !important; + border-radius: 3px; } .directorist-become-author-modal span.directorist-become-author__loader { - border: 2px solid var(--directorist-color-primary); - width: 15px; - height: 15px; - display: inline-block; - border-radius: 50%; - border-left: 2px solid var(--directorist-color-white); - -webkit-animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; - visibility: hidden; - opacity: 0; + border: 2px solid var(--directorist-color-primary); + width: 15px; + height: 15px; + display: inline-block; + border-radius: 50%; + border-left: 2px solid var(--directorist-color-white); + animation: rotate360 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; + visibility: hidden; + opacity: 0; } .directorist-become-author-modal span.directorist-become-author__loader.active { - visibility: visible; - opacity: 1; + visibility: visible; + opacity: 1; } #directorist-become-author-success { - color: #388e3c !important; - margin-bottom: 15px !important; + color: #388e3c !important; + margin-bottom: 15px !important; } .directorist-shade { - position: fixed; - top: 0; - right: 0; - width: 100%; - height: 100%; - display: none; - opacity: 0; - z-index: -1; - background-color: var(--directorist-color-white); + position: fixed; + top: 0; + right: 0; + width: 100%; + height: 100%; + display: none; + opacity: 0; + z-index: -1; + background-color: var(--directorist-color-white); } .directorist-shade.directorist-active { - display: block; - z-index: 21; + display: block; + z-index: 21; } .table.atbd_single_saved_item { - margin: 0; - background-color: var(--directorist-color-white); - border-collapse: collapse; - width: 100%; - min-width: 240px; + margin: 0; + background-color: var(--directorist-color-white); + border-collapse: collapse; + width: 100%; + min-width: 240px; } .table.atbd_single_saved_item td, .table.atbd_single_saved_item th, .table.atbd_single_saved_item tr { - border: 1px solid #ececec; + border: 1px solid #ececec; } .table.atbd_single_saved_item td { - padding: 0 15px; + padding: 0 15px; } .table.atbd_single_saved_item td p { - margin: 5px 0; + margin: 5px 0; } .table.atbd_single_saved_item th { - text-align: right; - padding: 5px 15px; + text-align: right; + padding: 5px 15px; } .table.atbd_single_saved_item .action a.btn { - text-decoration: none; - font-size: 14px; - padding: 8px 15px; - border-radius: 8px; - display: inline-block; + text-decoration: none; + font-size: 14px; + padding: 8px 15px; + border-radius: 8px; + display: inline-block; } .directorist-user-dashboard__nav { - min-width: 230px; - padding: 20px 10px; - margin-left: 30px; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; - position: relative; - right: 0; - border-radius: 12px; - overflow: hidden; - overflow-y: auto; - background-color: var(--directorist-color-white); - -webkit-box-shadow: var(--directorist-box-shadow); - box-shadow: var(--directorist-box-shadow); - border: 1px solid var(--directorist-color-border-light); + min-width: 230px; + padding: 20px 10px; + margin-left: 30px; + transition: 0.3s ease; + position: relative; + right: 0; + border-radius: 12px; + overflow: hidden; + overflow-y: auto; + background-color: var(--directorist-color-white); + box-shadow: var(--directorist-box-shadow); + border: 1px solid var(--directorist-color-border-light); } @media only screen and (max-width: 1199px) { - .directorist-user-dashboard__nav { - position: fixed; - top: 0; - right: 0; - width: 230px; - height: 100vh; - background-color: var(--directorist-color-white); - padding-top: 100px; - -webkit-box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1); - box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1); - z-index: 2222; - } + .directorist-user-dashboard__nav { + position: fixed; + top: 0; + right: 0; + width: 230px; + height: 100vh; + background-color: var(--directorist-color-white); + padding-top: 100px; + box-shadow: 0 5px 10px rgba(143, 142, 159, 0.1); + z-index: 2222; + } } @media only screen and (max-width: 600px) { - .directorist-user-dashboard__nav { - left: 20px; - top: 10px; - } + .directorist-user-dashboard__nav { + left: 20px; + top: 10px; + } } .directorist-user-dashboard__nav .directorist-dashboard__nav__close { - display: none; - position: absolute; - left: 15px; - top: 50px; + display: none; + position: absolute; + left: 15px; + top: 50px; } @media only screen and (max-width: 1199px) { - .directorist-user-dashboard__nav .directorist-dashboard__nav__close { - display: block; - } + .directorist-user-dashboard__nav .directorist-dashboard__nav__close { + display: block; + } } @media only screen and (max-width: 600px) { - .directorist-user-dashboard__nav .directorist-dashboard__nav__close { - left: 20px; - top: 10px; - } + .directorist-user-dashboard__nav .directorist-dashboard__nav__close { + left: 20px; + top: 10px; + } } .directorist-user-dashboard__nav.directorist-dashboard-nav-collapsed { - min-width: unset; - width: 0 !important; - height: 0; - margin-left: 0; - right: -230px; - visibility: hidden; - opacity: 0; - padding: 0; - pointer-events: none; - -webkit-transition: 0.3s ease; - transition: 0.3s ease; + min-width: unset; + width: 0 !important; + height: 0; + margin-left: 0; + right: -230px; + visibility: hidden; + opacity: 0; + padding: 0; + pointer-events: none; + transition: 0.3s ease; } .directorist-tab__nav__items { - list-style-type: none; - padding: 0; - margin: 0; + list-style-type: none; + padding: 0; + margin: 0; } .directorist-tab__nav__items a { - text-decoration: none; + text-decoration: none; } .directorist-tab__nav__items li { - margin: 0; + margin: 0; } .directorist-tab__nav__items li ul { - display: none; - list-style-type: none; - padding: 0; - margin: 0; + display: none; + list-style-type: none; + padding: 0; + margin: 0; } .directorist-tab__nav__items li ul li a { - padding-right: 25px; - text-decoration: none; + padding-right: 25px; + text-decoration: none; } .directorist-tab__nav__link { - font-size: 14px; - border-radius: 4px; - padding: 10px; - outline: 0; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - color: var(--directorist-color-body); - text-decoration: none; + font-size: 14px; + border-radius: 4px; + padding: 10px; + outline: 0; + display: flex; + justify-content: space-between; + align-items: center; + color: var(--directorist-color-body); + text-decoration: none; } .directorist-tab__nav__link .directorist_menuItem-text { - pointer-events: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - gap: 10px; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} -.directorist-tab__nav__link .directorist_menuItem-text .directorist_menuItem-icon { - line-height: 0; + pointer-events: none; + display: flex; + gap: 10px; + flex-wrap: wrap; + align-items: center; +} +.directorist-tab__nav__link + .directorist_menuItem-text + .directorist_menuItem-icon { + line-height: 0; } .directorist-tab__nav__link .directorist_menuItem-text i, .directorist-tab__nav__link .directorist_menuItem-text span.fa { - pointer-events: none; - display: inline-block; - margin-left: 10px; + pointer-events: none; + display: inline-block; + margin-left: 10px; } -.directorist-tab__nav__link.directorist-tab__nav__active, .directorist-tab__nav__link:focus { - font-weight: 700; - background-color: var(--directorist-color-border); - color: var(--directorist-color-primary); +.directorist-tab__nav__link.directorist-tab__nav__active, +.directorist-tab__nav__link:focus { + font-weight: 700; + background-color: var(--directorist-color-border); + color: var(--directorist-color-primary); } -.directorist-tab__nav__link.directorist-tab__nav__active .directorist-icon-mask:after, .directorist-tab__nav__link:focus .directorist-icon-mask:after { - background-color: var(--directorist-color-primary); +.directorist-tab__nav__link.directorist-tab__nav__active + .directorist-icon-mask:after, +.directorist-tab__nav__link:focus .directorist-icon-mask:after { + background-color: var(--directorist-color-primary); } -.directorist-tab__nav__link.directorist-tab__nav__active.atbd-dash-nav-dropdown, .directorist-tab__nav__link:focus.atbd-dash-nav-dropdown { - background-color: transparent; +.directorist-tab__nav__link.directorist-tab__nav__active.atbd-dash-nav-dropdown, +.directorist-tab__nav__link:focus.atbd-dash-nav-dropdown { + background-color: transparent; } /* user dashboard sidebar nav action */ .directorist-tab__nav__action { - margin-top: 15px; + margin-top: 15px; } .directorist-tab__nav__action .directorist-btn { - display: block; + display: block; } .directorist-tab__nav__action .directorist-btn:not(:last-child) { - margin-bottom: 15px; + margin-bottom: 15px; } /* user dashboard tab style */ .directorist-tab__pane { - display: none; + display: none; } .directorist-tab__pane.directorist-tab__pane--active { - display: block; + display: block; } -#dashboard_profile #user_profile_form.directorist-profile-responsive .directorist-col-lg-3 { - width: 100%; +#dashboard_profile + #user_profile_form.directorist-profile-responsive + .directorist-col-lg-3 { + width: 100%; } -#dashboard_profile #user_profile_form.directorist-profile-responsive .directorist-col-lg-9 { - width: 100%; +#dashboard_profile + #user_profile_form.directorist-profile-responsive + .directorist-col-lg-9 { + width: 100%; } .directorist-image-profile-wrap { - padding: 25px; - background-color: var(--directorist-color-white); - border-radius: 12px; - border: 1px solid #ececec; + padding: 25px; + background-color: var(--directorist-color-white); + border-radius: 12px; + border: 1px solid #ececec; } .directorist-image-profile-wrap .ezmu__upload-button-wrap .ezmu__btn { - border-radius: 8px; - padding: 10.5px 30px; - background-color: #f6f7f9; - -webkit-box-shadow: 0 0; - box-shadow: 0 0; - font-size: 14px; - font-weight: 500; - color: var(--directorist-color-dark); + border-radius: 8px; + padding: 10.5px 30px; + background-color: #f6f7f9; + box-shadow: 0 0; + font-size: 14px; + font-weight: 500; + color: var(--directorist-color-dark); } .directorist-image-profile-wrap .directorist-profile-uploader { - border-radius: 12px; -} -.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__front-item__close-icon { - background-image: none; -} -.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__front-item__close-icon .directorist-icon-mask::after { - width: 16px; - height: 16px; -} -.directorist-image-profile-wrap .directorist-profile-uploader .ezmu__loading-icon-img-bg { - background-image: none; - background-color: var(--directorist-color-primary); - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-position: center; - mask-position: center; - -webkit-mask-image: url(../js/d3eaad4748ac9cd2b7ca.svg); - mask-image: url(../js/d3eaad4748ac9cd2b7ca.svg); -} -.directorist-image-profile-wrap .ezmu__thumbnail-list-item.ezmu__thumbnail_avater { - max-width: 140px; + border-radius: 12px; +} +.directorist-image-profile-wrap + .directorist-profile-uploader + .ezmu__front-item__close-icon { + background-image: none; +} +.directorist-image-profile-wrap + .directorist-profile-uploader + .ezmu__front-item__close-icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; +} +.directorist-image-profile-wrap + .directorist-profile-uploader + .ezmu__loading-icon-img-bg { + background-image: none; + background-color: var(--directorist-color-primary); + mask-repeat: no-repeat; + mask-position: center; + mask-image: url(../js/../images/232acb97ace4f437ace78cc02bdfd165.svg); +} +.directorist-image-profile-wrap + .ezmu__thumbnail-list-item.ezmu__thumbnail_avater { + max-width: 140px; } .directorist-user-profile-box .directorist-card__header { - padding: 18px 20px; + padding: 18px 20px; } .directorist-user-profile-box .directorist-card__body { - padding: 25px 25px 30px 25px; + padding: 25px 25px 30px 25px; } .directorist-user-info-wrap .directorist-form-group { - margin-bottom: 25px; + margin-bottom: 25px; } .directorist-user-info-wrap .directorist-form-group > label { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - margin-bottom: 5px; -} -.directorist-user-info-wrap .directorist-form-group .directorist-input-extra-info { - color: var(--directorist-color-light-gray); - display: inline-block; - font-size: 14px; - font-weight: 400; - margin-top: 4px; + display: inline-flex; + margin-bottom: 5px; +} +.directorist-user-info-wrap + .directorist-form-group + .directorist-input-extra-info { + color: var(--directorist-color-light-gray); + display: inline-block; + font-size: 14px; + font-weight: 400; + margin-top: 4px; } .directorist-user-info-wrap .directorist-btn-profile-save { - width: 100%; - text-align: center; - text-transform: capitalize; - text-decoration: none; + width: 100%; + text-align: center; + text-transform: capitalize; + text-decoration: none; } .directorist-user-info-wrap #directorist-profile-notice .directorist-alert { - margin-top: 15px; + margin-top: 15px; } /* User Preferences */ -.directorist-user_preferences .directorist-preference-toggle .directorist-form-group { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; -} -.directorist-user_preferences .directorist-preference-toggle .directorist-form-group label { - margin-bottom: 0; - color: var(--directorist-color-dark); - font-size: 14px; - font-weight: 400; -} -.directorist-user_preferences .directorist-preference-toggle .directorist-form-group input { - margin: 0; -} -.directorist-user_preferences .directorist-preference-toggle .directorist-toggle-label { - font-size: 14px; - color: var(--directorist-color-dark); - font-weight: 600; - line-height: normal; +.directorist-user_preferences + .directorist-preference-toggle + .directorist-form-group { + display: flex; + align-items: center; + gap: 10px; +} +.directorist-user_preferences + .directorist-preference-toggle + .directorist-form-group + label { + margin-bottom: 0; + color: var(--directorist-color-dark); + font-size: 14px; + font-weight: 400; +} +.directorist-user_preferences + .directorist-preference-toggle + .directorist-form-group + input { + margin: 0; +} +.directorist-user_preferences + .directorist-preference-toggle + .directorist-toggle-label { + font-size: 14px; + color: var(--directorist-color-dark); + font-weight: 600; + line-height: normal; } .directorist-user_preferences .directorist-preference-radio { - margin-top: 25px; -} -.directorist-user_preferences .directorist-preference-radio .directorist-preference-radio__label { - color: var(--directorist-color-dark); - font-weight: 700; - font-size: 14px; - margin-bottom: 10px; -} -.directorist-user_preferences .directorist-preference-radio .directorist-radio-wrapper { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - gap: 12px; -} -.directorist-user_preferences .select2.select2-container.select2-container--default .select2-selection__arrow b, -.directorist-user_preferences .select2-selection__arrow, .directorist-user_preferences .select2-selection__clear { - display: block !important; -} -.directorist-user_preferences .select2.select2-container.select2-container--default.select2-container--open .select2-selection { - border-bottom-color: var(--directorist-color-primary); + margin-top: 25px; +} +.directorist-user_preferences + .directorist-preference-radio + .directorist-preference-radio__label { + color: var(--directorist-color-dark); + font-weight: 700; + font-size: 14px; + margin-bottom: 10px; +} +.directorist-user_preferences + .directorist-preference-radio + .directorist-radio-wrapper { + flex-direction: column; + gap: 12px; +} +.directorist-user_preferences + .select2.select2-container.select2-container--default + .select2-selection__arrow + b, +.directorist-user_preferences .select2-selection__arrow, +.directorist-user_preferences .select2-selection__clear { + display: block !important; +} +.directorist-user_preferences + .select2.select2-container.select2-container--default.select2-container--open + .select2-selection { + border-bottom-color: var(--directorist-color-primary); } /* Directorist Toggle */ .directorist-toggle { - cursor: pointer; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - gap: 10px; + cursor: pointer; + display: inline-flex; + align-items: center; + gap: 10px; } .directorist-toggle-switch { - display: inline-block; - background: var(--directorist-color-border); - border-radius: 12px; - width: 44px; - height: 22px; - position: relative; - vertical-align: middle; - -webkit-transition: background 0.25s; - transition: background 0.25s; -} -.directorist-toggle-switch:before, .directorist-toggle-switch:after { - content: ""; + display: inline-block; + background: var(--directorist-color-border); + border-radius: 12px; + width: 44px; + height: 22px; + position: relative; + vertical-align: middle; + transition: background 0.25s; +} +.directorist-toggle-switch:before, +.directorist-toggle-switch:after { + content: ""; } .directorist-toggle-switch:before { - display: block; - background: white; - border-radius: 50%; - width: 16px; - height: 16px; - position: absolute; - top: 3px; - right: 4px; - -webkit-transition: right 0.25s; - transition: right 0.25s; + display: block; + background: white; + border-radius: 50%; + width: 16px; + height: 16px; + position: absolute; + top: 3px; + right: 4px; + transition: right 0.25s; } .directorist-toggle:hover .directorist-toggle-switch:before { - background: -webkit-gradient(linear, right top, right bottom, from(#fff), to(#fff)); - background: linear-gradient(to bottom, #fff 0%, #fff 100%); + background: linear-gradient(to bottom, #fff 0%, #fff 100%); } .directorist-toggle-checkbox:checked + .directorist-toggle-switch { - background: var(--directorist-color-primary); + background: var(--directorist-color-primary); } .directorist-toggle-checkbox:checked + .directorist-toggle-switch:before { - right: 25px; + right: 25px; } .directorist-toggle-checkbox { - position: absolute; - visibility: hidden; + position: absolute; + visibility: hidden; } .directorist-user-socials .directorist-user-social-label { - font-size: 18px; - padding-bottom: 18px; - margin-bottom: 28px !important; - border-bottom: 1px solid #eff1f6; + font-size: 18px; + padding-bottom: 18px; + margin-bottom: 28px !important; + border-bottom: 1px solid #eff1f6; } .directorist-user-socials label { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; + display: flex; + flex-wrap: wrap; + align-items: center; } .directorist-user-socials label .directorist-social-icon { - margin-left: 6px; + margin-left: 6px; } -.directorist-user-socials label .directorist-social-icon .directorist-icon-mask::after { - width: 16px; - height: 16px; - background-color: #0a0b1e; +.directorist-user-socials + label + .directorist-social-icon + .directorist-icon-mask::after { + width: 16px; + height: 16px; + background-color: #0a0b1e; } #directorist-prifile-notice .directorist-alert { - width: 100%; - display: inline-block; - margin-top: 15px; + width: 100%; + display: inline-block; + margin-top: 15px; } .directorist-announcement-wrapper { - background-color: var(--directorist-color-white); - border-radius: 12px; - padding: 20px 10px; - -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); - box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); + background-color: var(--directorist-color-white); + border-radius: 12px; + padding: 20px 10px; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); } .directorist-announcement-wrapper .directorist-announcement { - font-size: 15px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - padding-bottom: 15.5px; - margin-bottom: 15.5px; - border-bottom: 1px solid #f1f2f6; + font-size: 15px; + display: flex; + align-items: center; + padding-bottom: 15.5px; + margin-bottom: 15.5px; + border-bottom: 1px solid #f1f2f6; } .directorist-announcement-wrapper .directorist-announcement:last-child { - padding-bottom: 0; - margin-bottom: 0; - border-bottom: 0 none; + padding-bottom: 0; + margin-bottom: 0; + border-bottom: 0 none; } @media (max-width: 479px) { - .directorist-announcement-wrapper .directorist-announcement { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } + .directorist-announcement-wrapper .directorist-announcement { + flex-direction: column; + } } .directorist-announcement-wrapper .directorist-announcement__date { - -webkit-box-flex: 0.4217; - -webkit-flex: 0.4217; - -ms-flex: 0.4217; - flex: 0.4217; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - background-color: #f5f6f8; - border-radius: 6px; - padding: 10.5px; - min-width: 120px; + flex: 0.4217; + display: flex; + flex-direction: column; + align-items: center; + background-color: #f5f6f8; + border-radius: 6px; + padding: 10.5px; + min-width: 120px; } @media (max-width: 1199px) { - .directorist-announcement-wrapper .directorist-announcement__date { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; - } + .directorist-announcement-wrapper .directorist-announcement__date { + flex: 1; + } } @media (max-width: 479px) { - .directorist-announcement-wrapper .directorist-announcement__date { - -webkit-box-flex: 100%; - -webkit-flex: 100%; - -ms-flex: 100%; - flex: 100%; - width: 100%; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-announcement-wrapper .directorist-announcement__date { + flex: 100%; + width: 100%; + flex-direction: row; + justify-content: center; + } } .directorist-announcement-wrapper .directorist-announcement__date__part-one { - font-size: 18px; - line-height: 1.2; - font-weight: 500; - color: #171b2e; + font-size: 18px; + line-height: 1.2; + font-weight: 500; + color: #171b2e; } .directorist-announcement-wrapper .directorist-announcement__date__part-two { - font-size: 14px; - font-weight: 400; - color: #5a5f7d; + font-size: 14px; + font-weight: 400; + color: #5a5f7d; } .directorist-announcement-wrapper .directorist-announcement__date__part-three { - font-size: 14px; - font-weight: 500; - color: #171b2e; + font-size: 14px; + font-weight: 500; + color: #171b2e; } .directorist-announcement-wrapper .directorist-announcement__content { - -webkit-box-flex: 8; - -webkit-flex: 8; - -ms-flex: 8; - flex: 8; - padding-right: 15px; + flex: 8; + padding-right: 15px; } @media (max-width: 1199px) { - .directorist-announcement-wrapper .directorist-announcement__content { - -webkit-box-flex: 6; - -webkit-flex: 6; - -ms-flex: 6; - flex: 6; - } + .directorist-announcement-wrapper .directorist-announcement__content { + flex: 6; + } } @media (max-width: 479px) { - .directorist-announcement-wrapper .directorist-announcement__content { - padding-right: 0; - margin: 12px 0 6px; - text-align: center; - } -} -.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title { - font-size: 18px; - font-weight: 500; - color: var(--directorist-color-primary); - margin-bottom: 6px; - margin-top: 0; -} -.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title p { - font-size: 14px; - font-weight: 400; - color: #69708e; -} -.directorist-announcement-wrapper .directorist-announcement__content .directorist-announcement__title p:empty { - display: none; + .directorist-announcement-wrapper .directorist-announcement__content { + padding-right: 0; + margin: 12px 0 6px; + text-align: center; + } +} +.directorist-announcement-wrapper + .directorist-announcement__content + .directorist-announcement__title { + font-size: 18px; + font-weight: 500; + color: var(--directorist-color-primary); + margin-bottom: 6px; + margin-top: 0; +} +.directorist-announcement-wrapper + .directorist-announcement__content + .directorist-announcement__title + p { + font-size: 14px; + font-weight: 400; + color: #69708e; +} +.directorist-announcement-wrapper + .directorist-announcement__content + .directorist-announcement__title + p:empty { + display: none; } .directorist-announcement-wrapper .directorist-announcement__content p:empty { - display: none; + display: none; } .directorist-announcement-wrapper .directorist-announcement__close { - -webkit-box-flex: 0; - -webkit-flex: 0; - -ms-flex: 0; - flex: 0; -} -.directorist-announcement-wrapper .directorist-announcement__close .close-announcement { - height: 36px; - width: 36px; - border-radius: 50%; - background-color: #f5f5f5; - border: 0 none; - padding: 0; - -webkit-transition: 0.35s; - transition: 0.35s; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; - display: inline-flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-announcement-wrapper .directorist-announcement__close .close-announcement .directorist-icon-mask::after { - -webkit-transition: 0.35s; - transition: 0.35s; - background-color: #474868; -} -.directorist-announcement-wrapper .directorist-announcement__close .close-announcement:hover { - background-color: var(--directorist-color-danger); -} -.directorist-announcement-wrapper .directorist-announcement__close .close-announcement:hover .directorist-icon-mask::after { - background-color: var(--directorist-color-white); + flex: 0; +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement { + height: 36px; + width: 36px; + border-radius: 50%; + background-color: #f5f5f5; + border: 0 none; + padding: 0; + transition: 0.35s; + display: inline-flex; + align-items: center; + justify-content: center; +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement + .directorist-icon-mask::after { + transition: 0.35s; + background-color: #474868; +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement:hover { + background-color: var(--directorist-color-danger); +} +.directorist-announcement-wrapper + .directorist-announcement__close + .close-announcement:hover + .directorist-icon-mask::after { + background-color: var(--directorist-color-white); } .directorist-announcement-wrapper .directorist_not-found { - margin: 0; + margin: 0; } .directorist-announcement-count { - display: none; - border-radius: 30px; - min-width: 20px; - height: 20px; - line-height: 20px; - color: var(--directorist-color-white); - text-align: center; - margin: 0 10px; - vertical-align: middle; - background-color: #ff3c3c; + display: none; + border-radius: 30px; + min-width: 20px; + height: 20px; + line-height: 20px; + color: var(--directorist-color-white); + text-align: center; + margin: 0 10px; + vertical-align: middle; + background-color: #ff3c3c; } .directorist-announcement-count.show { - display: inline-block; + display: inline-block; } .directorist-payment-instructions, .directorist-payment-thanks-text { - font-size: 14px; - font-weight: 400; - color: var(--directorist-color-body); + font-size: 14px; + font-weight: 400; + color: var(--directorist-color-body); } .directorist-payment-instructions { - margin-bottom: 38px; + margin-bottom: 38px; } .directorist-payment-thanks-text { - font-size: 15px; + font-size: 15px; } .directorist-payment-table .directorist-table { - margin: 0; - border: none; + margin: 0; + border: none; } .directorist-payment-table th { - font-size: 14px; - font-weight: 500; - text-align: right; - padding: 9px 20px; - border: none; - color: var(--directorist-color-dark); - background-color: var(--directorist-color-bg-gray); + font-size: 14px; + font-weight: 500; + text-align: right; + padding: 9px 20px; + border: none; + color: var(--directorist-color-dark); + background-color: var(--directorist-color-bg-gray); } .directorist-payment-table tbody td { - font-size: 14px; - font-weight: 500; - padding: 5px 0; - vertical-align: top; - border: none; - color: var(--directorist-color-dark); + font-size: 14px; + font-weight: 500; + padding: 5px 0; + vertical-align: top; + border: none; + color: var(--directorist-color-dark); } .directorist-payment-table tbody tr:first-child td { - padding-top: 20px; + padding-top: 20px; } .directorist-payment-table__label { - font-weight: 400; - width: 140px; - color: var(--directorist-color-light-gray) !important; + font-weight: 400; + width: 140px; + color: var(--directorist-color-light-gray) !important; } .directorist-payment-table__title { - font-size: 15px; - font-weight: 600; - margin: 0 0 10px !important; - text-transform: capitalize; - color: var(--directorist-color-dark); + font-size: 15px; + font-weight: 600; + margin: 0 0 10px !important; + text-transform: capitalize; + color: var(--directorist-color-dark); } .directorist-payment-table__title.directorist-payment-table__title--large { - font-size: 16px; + font-size: 16px; } .directorist-payment-table p { - font-size: 13px; - margin: 0; - color: var(--directorist-color-light-gray); + font-size: 13px; + margin: 0; + color: var(--directorist-color-light-gray); } .directorist-payment-summery-table tbody td { - padding: 12px 0; + padding: 12px 0; } .directorist-payment-summery-table tbody td:nth-child(even) { - text-align: left; + text-align: left; } .directorist-payment-summery-table tbody tr.directorsit-payment-table-total td, -.directorist-payment-summery-table tbody tr.directorsit-payment-table-total .directorist-payment-table__title { - font-size: 16px; +.directorist-payment-summery-table + tbody + tr.directorsit-payment-table-total + .directorist-payment-table__title { + font-size: 16px; } .directorist-btn-view-listing { - min-height: 54px; - border-radius: 10px; + min-height: 54px; + border-radius: 10px; } .directorist-checkout-card { - -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); - box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); - -webkit-filter: none; - filter: none; + box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); + filter: none; } .directorist-checkout-card tr:not(:last-child) td { - padding-bottom: 15px; - border-bottom: 1px solid var(--directorist-color-border); + padding-bottom: 15px; + border-bottom: 1px solid var(--directorist-color-border); } .directorist-checkout-card tr:not(:first-child) td { - padding-top: 15px; + padding-top: 15px; } .directorist-checkout-card .directorist-card__header { - padding: 24px 40px; + padding: 24px 40px; } .directorist-checkout-card .directorist-card__header__title { - font-size: 24px; - font-weight: 600; + font-size: 24px; + font-weight: 600; } @media (max-width: 575px) { - .directorist-checkout-card .directorist-card__header__title { - font-size: 18px; - } + .directorist-checkout-card .directorist-card__header__title { + font-size: 18px; + } } .directorist-checkout-card .directorist-card__body { - padding: 20px 40px 40px; + padding: 20px 40px 40px; } .directorist-checkout-card .directorist-summery-label { - font-size: 15px; - font-weight: 500; - color: var(--color-dark); + font-size: 15px; + font-weight: 500; + color: var(--color-dark); } .directorist-checkout-card .directorist-summery-label-description { - font-size: 13px; - margin-top: 4px; - color: var(--directorist-color-light-gray); + font-size: 13px; + margin-top: 4px; + color: var(--directorist-color-light-gray); } .directorist-checkout-card .directorist-summery-amount { - font-size: 15px; - font-weight: 500; - color: var(--directorist-color-body); + font-size: 15px; + font-weight: 500; + color: var(--directorist-color-body); } .directorist-payment-gateways { - background-color: var(--directorist-color-white); + background-color: var(--directorist-color-white); } .directorist-payment-gateways ul { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .directorist-payment-gateways li { - list-style-type: none; - padding: 0; - margin: 0; + list-style-type: none; + padding: 0; + margin: 0; } .directorist-payment-gateways li:not(:last-child) { - margin-bottom: 15px; + margin-bottom: 15px; } .directorist-payment-gateways li .gateway_list { - margin-bottom: 10px; -} -.directorist-payment-gateways .directorist-radio input[type=radio] + .directorist-radio__label { - font-size: 16px; - font-weight: 500; - line-height: 1.15; - color: var(--directorist-color-dark); -} -.directorist-payment-gateways .directorist-card__body .directorist-payment-text { - font-size: 14px; - font-weight: 400; - line-height: 1.86; - margin-top: 4px; - color: var(--directorist-color-body); + margin-bottom: 10px; +} +.directorist-payment-gateways + .directorist-radio + input[type="radio"] + + .directorist-radio__label { + font-size: 16px; + font-weight: 500; + line-height: 1.15; + color: var(--directorist-color-dark); +} +.directorist-payment-gateways + .directorist-card__body + .directorist-payment-text { + font-size: 14px; + font-weight: 400; + line-height: 1.86; + margin-top: 4px; + color: var(--directorist-color-body); } .directorist-payment-action { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - margin: 42px -7px -7px -7px; + flex-wrap: wrap; + margin: 42px -7px -7px -7px; } .directorist-payment-action .directorist-btn { - min-height: 54px; - padding: 0 80px; - border-radius: 8px; - margin: 7px; - max-width: none; - width: auto; - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - gap: 8px; + min-height: 54px; + padding: 0 80px; + border-radius: 8px; + margin: 7px; + max-width: none; + width: auto; + position: relative; + display: flex; + align-items: center; + justify-content: center; + gap: 8px; } @media (max-width: 1399px) { - .directorist-payment-action .directorist-btn { - padding: 0 40px; - } + .directorist-payment-action .directorist-btn { + padding: 0 40px; + } } @media (max-width: 1199px) { - .directorist-payment-action .directorist-btn { - padding: 0 30px; - } + .directorist-payment-action .directorist-btn { + padding: 0 30px; + } } .directorist-payment-action .directorist-btn .directorist-btn-text { - display: inline-block; + display: inline-block; } .directorist-payment-action .directorist-btn .directorist-btn-spinner { - display: none; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} -.directorist-payment-action .directorist-btn .directorist-btn-spinner .directorist-spinner { - -webkit-animation: directorist-spin 1s linear infinite; - animation: directorist-spin 1s linear infinite; + display: none; + align-items: center; + justify-content: center; } -.directorist-payment-action .directorist-btn:disabled { - cursor: not-allowed; - opacity: 0.7; +.directorist-payment-action + .directorist-btn + .directorist-btn-spinner + .directorist-spinner { + animation: directorist-spin 1s linear infinite; } - -@-webkit-keyframes directorist-spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } +.directorist-payment-action .directorist-btn:disabled { + cursor: not-allowed; + opacity: 0.7; } @keyframes directorist-spin { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(-360deg); - transform: rotate(-360deg); - } + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(-360deg); + } } .directorist-summery-total .directorist-summery-label, .directorist-summery-total .directorist-summery-amount { - font-size: 18px; - font-weight: 500; - color: var(--color-dark); + font-size: 18px; + font-weight: 500; + color: var(--color-dark); } .directorist-iframe { - border: none; + border: none; } .ads-advanced .bottom-inputs { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - -ms-flex-positive: 1; - flex-grow: 1; + flex-grow: 1; } /*responsive css */ @media (min-width: 992px) and (max-width: 1199px) { - .atbd_content_active .widget.atbd_widget .atbdp, - .atbd_content_active .widget.atbd_widget .directorist, - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbdp, - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .directorist { - padding: 20px 20px 15px; - } - .atbd_content_active #directorist.atbd_wrapper .atbdp_column { - width: 33.3333% !important; - } - #directorist.atbd_wrapper .atbdp_col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; - max-width: 25%; - } + .atbd_content_active .widget.atbd_widget .atbdp, + .atbd_content_active .widget.atbd_widget .directorist, + .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbdp, + .atbd_content_active + #directorist.atbd_wrapper + .widget.atbd_widget + .directorist { + padding: 20px 20px 15px; + } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 33.3333% !important; + } + #directorist.atbd_wrapper .atbdp_col-5 { + flex: 0 0 25%; + max-width: 25%; + } } @media (min-width: 768px) and (max-width: 991px) { - .atbd_content_active #directorist.atbd_wrapper .atbdp_column { - width: 50% !important; - } - .atbd_content_active #directorist.atbd_wrapper.dashboard_area .user_pro_img_area .user_img .ezmu__thumbnail-img { - height: 114px; - width: 114px !important; - } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 50% !important; + } + .atbd_content_active + #directorist.atbd_wrapper.dashboard_area + .user_pro_img_area + .user_img + .ezmu__thumbnail-img { + height: 114px; + width: 114px !important; + } } @media (max-width: 991px) { - .ads-advanced .price-frequency { - margin-right: -2px; - } - #directorist.atbd_wrapper .atbdp_col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-width: 33.33%; - } - .ads-advanced .atbdp-custom-fields-search .form-group { - width: 50%; - } - .ads-advanced .atbd_seach_fields_wrapper .single_search_field { - margin-bottom: 10px; - margin-top: 0 !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form { - margin-right: -15px; - margin-left: -15px; - } + .ads-advanced .price-frequency { + margin-right: -2px; + } + #directorist.atbd_wrapper .atbdp_col-5 { + flex: 0 0 33.33%; + max-width: 33.33%; + } + .ads-advanced .atbdp-custom-fields-search .form-group { + width: 50%; + } + .ads-advanced .atbd_seach_fields_wrapper .single_search_field { + margin-bottom: 10px; + margin-top: 0 !important; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form { + margin-right: -15px; + margin-left: -15px; + } } @media (max-width: 767px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - margin-top: 0; - margin-top: 10px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field:last-child { - margin-top: 0; - margin-bottom: 0; - } - #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline .single_search_field { - border-left: 0; - } - #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline { - padding-left: 0; - } - #directorist .atbd_listing_details .atbd_area_title { - margin-bottom: 15px; - } - .atbd_content_active #directorist.atbd_wrapper .atbdp_column { - width: 50% !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { - padding: 20px 15px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta { - margin-top: 30px; - } - .ads-advanced .bottom-inputs > div { - width: 50%; - } - #directorist.atbd_wrapper .atbdp_col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.33%; - -ms-flex: 0 0 33.33%; - flex: 0 0 33.33%; - max-width: 33.33%; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_directry_gallery_wrapper .atbd_big_gallery img { - width: 100%; - } - .atbd_content_active #directorist.atbd_wrapper.atbd_add_listing_wrapper #atbdp_socialInFo .atbdp_social_field_wrapper .form-group { - margin-bottom: 15px; - } - .atbd_content_active #directorist.atbd_wrapper.atbd_add_listing_wrapper .atbdp_faqs_wrapper .form-group { - margin-bottom: 15px; - } - .atbd_content_active #directorist.atbd_wrapper.dashboard_area .user_pro_img_area { - margin-bottom: 30px; - } - .ads-advanced .atbdp-custom-fields-search .form-group { - width: 100%; - } - .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_select label, - .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_date label, - .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_time label, - .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_color label { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - } - .ads-advanced .bdas-filter-actions { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } - .edit_btn_wrap .atbdp_float_active { - bottom: 80px; - } - .edit_btn_wrap .atbdp_float_active .btn { - font-size: 15px !important; - padding: 13px 30px !important; - line-height: 20px !important; - } - .nav_button { - z-index: 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form .single_search_field { - padding-right: 0 !important; - padding-left: 0 !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_content_module_title_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap, - .atbd_content_active #directorist.atbd_wrapper .atbd_content_module__tittle_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap { - right: auto; - left: 0; - } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form + .single_search_field { + flex: 0 0 100%; + margin-top: 0; + margin-top: 10px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form + .single_search_field:last-child { + margin-top: 0; + margin-bottom: 0; + } + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form.atbdp-search-form-inline + .single_search_field { + border-left: 0; + } + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form.atbdp-search-form-inline { + padding-left: 0; + } + #directorist .atbd_listing_details .atbd_area_title { + margin-bottom: 15px; + } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 50% !important; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { + padding: 20px 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_meta { + margin-top: 30px; + } + .ads-advanced .bottom-inputs > div { + width: 50%; + } + #directorist.atbd_wrapper .atbdp_col-5 { + flex: 0 0 33.33%; + max-width: 33.33%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_directry_gallery_wrapper + .atbd_big_gallery + img { + width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper.atbd_add_listing_wrapper + #atbdp_socialInFo + .atbdp_social_field_wrapper + .form-group { + margin-bottom: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper.atbd_add_listing_wrapper + .atbdp_faqs_wrapper + .form-group { + margin-bottom: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper.dashboard_area + .user_pro_img_area { + margin-bottom: 30px; + } + .ads-advanced .atbdp-custom-fields-search .form-group { + width: 100%; + } + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_select label, + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_date label, + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_time label, + .ads-advanced .atbdp-custom-fields-search .form-group.atbdp_cf_color label { + flex: none; + } + .ads-advanced .bdas-filter-actions { + flex-wrap: wrap; + } + .edit_btn_wrap .atbdp_float_active { + bottom: 80px; + } + .edit_btn_wrap .atbdp_float_active .btn { + font-size: 15px !important; + padding: 13px 30px !important; + line-height: 20px !important; + } + .nav_button { + z-index: 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form + .single_search_field { + padding-right: 0 !important; + padding-left: 0 !important; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module_title_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module__tittle_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap { + right: auto; + left: 0; + } } @media (max-width: 650px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { - padding-top: 30px; - padding-bottom: 27px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar, - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - text-align: center; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar img { - width: 80px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd { - margin: 10px 0 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd p { - text-align: center; - } + .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area { + padding-top: 30px; + padding-bottom: 27px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_meta { + flex: none; + width: 100%; + justify-content: center; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar { + align-items: center; + flex-direction: column; + text-align: center; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + img { + width: 80px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd { + margin: 10px 0 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd + p { + text-align: center; + } } @media (max-width: 575px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - text-align: center; - width: 100%; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd { - margin-top: 10px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_meta { - width: 100%; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } - .atbd_content_active #directorist.atbd_wrapper.dashboard_area .atbd_saved_items_wrapper .atbd_single_saved_item { - border: 0 none; - padding: 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbdp_column { - width: 100% !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_author_listings_area { - display: block; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_author_listings_area .atbd_author_filter_area { - margin-top: 15px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_auhor_profile_area .atbd_author_avatar .atbd_auth_nd { - margin-right: 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields > li { - display: block; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_title, - .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_content { - width: 100%; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields .atbd_custom_field_content { - border: 0 none; - padding-top: 0; - padding-left: 30px; - padding-right: 30px; - } - .ads-advanced .bottom-inputs > div { - width: 100%; - } - .ads-advanced .price_ranges, - .ads-advanced .select-basic, - .ads-advanced .bads-tags, - .ads-advanced .bads-custom-checks, - .ads-advanced .atbdp_custom_radios, - .ads-advanced .wp-picker-container, - .ads-advanced .form-group > .form-control, - .ads-advanced .atbdp-custom-fields-search .form-group .form-control { - -webkit-box-flex: 1; - -webkit-flex: auto; - -ms-flex: auto; - flex: auto; - width: 100% !important; - } - .ads-advanced .form-group label { - margin-bottom: 10px !important; - } - .ads-advanced .more-less, - .ads-advanced .more-or-less { - text-align: right; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn { - margin-right: 0; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } - #directorist.atbd_wrapper .atbdp_col-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - max-width: 100%; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - -ms-flex-pack: start; - justify-content: flex-start; - margin: 5px 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title h3 { - margin-left: 10px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn { - margin: 5px 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_embeded_video { - margin-bottom: 0; - } - .ads-advanced .bdas-filter-actions .btn { - margin-top: 5px !important; - margin-bottom: 5px !important; - } - .atbdpr-range .atbd_slider-range-wrapper { - margin: 0; - } - .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range, - .atbdpr-range .atbd_slider-range-wrapper .d-flex { - -webkit-box-flex: 0; - -webkit-flex: none; - -ms-flex: none; - flex: none; - width: 100%; - } - .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range { - margin-right: 0; - margin-left: 0; - } - .atbdpr-range .atbd_slider-range-wrapper .d-flex { - padding: 0 !important; - margin: 5px 0 0 !important; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_single_listing.atbd_listing_list .atbd_single_listing_wrapper { - display: block; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_single_listing.atbd_listing_list .atbd_single_listing_wrapper .atbd_listing_thumbnail_area img { - border-radius: 3px 3px 0 0; - } - .edit_btn_wrap .atbdp_float_active { - left: 0; - bottom: 0; - width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - border-radius: 0; - } - .edit_btn_wrap .atbdp_float_active .btn { - margin: 0 5px !important; - font-size: 15px !important; - padding: 10px 20px !important; - line-height: 18px !important; - } - .atbd_post_draft { - padding-bottom: 80px; - } - .ads-advanced .atbd_seach_fields_wrapper .single_search_field { - margin-bottom: 10px !important; - margin-top: 0 !important; - } - .atbd-listing-tags .atbdb_content_module_contents ul li { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - } - #directorist.atbd_wrapper .atbd_seach_fields_wrapper .atbdp-search-form.atbdp-search-form-inline { - padding-left: 0; - } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar { + flex-wrap: wrap; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd { + margin-top: 10px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_meta { + width: 100%; + justify-content: center; + } + .atbd_content_active + #directorist.atbd_wrapper.dashboard_area + .atbd_saved_items_wrapper + .atbd_single_saved_item { + border: 0 none; + padding: 0; + } + .atbd_content_active #directorist.atbd_wrapper .atbdp_column { + width: 100% !important; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_author_listings_area { + display: block; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_author_listings_area + .atbd_author_filter_area { + margin-top: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_auhor_profile_area + .atbd_author_avatar + .atbd_auth_nd { + margin-right: 0; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_custom_fields > li { + display: block; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_custom_fields + .atbd_custom_field_title, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_custom_fields + .atbd_custom_field_content { + width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_custom_fields + .atbd_custom_field_content { + border: 0 none; + padding-top: 0; + padding-left: 30px; + padding-right: 30px; + } + .ads-advanced .bottom-inputs > div { + width: 100%; + } + .ads-advanced .price_ranges, + .ads-advanced .select-basic, + .ads-advanced .bads-tags, + .ads-advanced .bads-custom-checks, + .ads-advanced .atbdp_custom_radios, + .ads-advanced .wp-picker-container, + .ads-advanced .form-group > .form-control, + .ads-advanced .atbdp-custom-fields-search .form-group .form-control { + flex: auto; + width: 100% !important; + } + .ads-advanced .form-group label { + margin-bottom: 10px !important; + } + .ads-advanced .more-less, + .ads-advanced .more-or-less { + text-align: right; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_listing_action_btn { + margin-right: 0; + flex-wrap: wrap; + } + #directorist.atbd_wrapper .atbdp_col-5 { + flex: 0 0 100%; + max-width: 100%; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title { + flex-wrap: wrap; + justify-content: flex-start; + margin: 5px 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title + h3 { + margin-left: 10px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_listing_action_btn { + margin: 5px 0; + } + .atbd_content_active #directorist.atbd_wrapper .atbd_embeded_video { + margin-bottom: 0; + } + .ads-advanced .bdas-filter-actions .btn { + margin-top: 5px !important; + margin-bottom: 5px !important; + } + .atbdpr-range .atbd_slider-range-wrapper { + margin: 0; + } + .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range, + .atbdpr-range .atbd_slider-range-wrapper .d-flex { + flex: none; + width: 100%; + } + .atbdpr-range .atbd_slider-range-wrapper .atbd_slider-range { + margin-right: 0; + margin-left: 0; + } + .atbdpr-range .atbd_slider-range-wrapper .d-flex { + padding: 0 !important; + margin: 5px 0 0 !important; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_single_listing.atbd_listing_list + .atbd_single_listing_wrapper { + display: block; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_single_listing.atbd_listing_list + .atbd_single_listing_wrapper + .atbd_listing_thumbnail_area + img { + border-radius: 3px 3px 0 0; + } + .edit_btn_wrap .atbdp_float_active { + left: 0; + bottom: 0; + width: 100%; + display: flex; + align-items: center; + justify-content: center; + border-radius: 0; + } + .edit_btn_wrap .atbdp_float_active .btn { + margin: 0 5px !important; + font-size: 15px !important; + padding: 10px 20px !important; + line-height: 18px !important; + } + .atbd_post_draft { + padding-bottom: 80px; + } + .ads-advanced .atbd_seach_fields_wrapper .single_search_field { + margin-bottom: 10px !important; + margin-top: 0 !important; + } + .atbd-listing-tags .atbdb_content_module_contents ul li { + flex: 0 0 50%; + } + #directorist.atbd_wrapper + .atbd_seach_fields_wrapper + .atbdp-search-form.atbdp-search-form-inline { + padding-left: 0; + } } /* Utility */ .adbdp-d-none { - display: none; + display: none; } .atbdp-px-5 { - padding: 0 5px !important; + padding: 0 5px !important; } .atbdp-mx-5 { - margin: 0 5px !important; + margin: 0 5px !important; } .atbdp-form-actions { - margin: 30px 0; - text-align: center; + margin: 30px 0; + text-align: center; } .atbdp-icon { - display: inline-block; + display: inline-block; } .atbdp-icon-large { - display: block; - margin-bottom: 20px; - font-size: 45px; - text-align: center; + display: block; + margin-bottom: 20px; + font-size: 45px; + text-align: center; } @media (max-width: 400px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title .more-filter, - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_generic_header_title h3 { - margin-top: 3px; - margin-bottom: 3px; - } - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper, - .atbd_content_active .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper { - right: -90px; - } - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_listing_info .atbd_listing_category .atbd_cat_popup .atbd_cat_popup_wrapper:before, - .atbd_content_active #directorist.atbd_wrapper .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper:before, - .atbd_content_active .widget.atbd_widget .atbd_categorized_listings ul li .atbd_right_content .atbd_cat_popup .atbd_cat_popup_wrapper:before { - right: auto; - left: 15px; - } - .atbd_content_active #directorist.atbd_wrapper .at-modal .atm-contents-inner .dcl_pricing_plan .atbd_plan_core_features span { - display: block; - margin-left: 0; - padding-left: 0; - padding-right: 15px; - } - .atbd_content_active #directorist.atbd_wrapper .at-modal .atm-contents-inner .dcl_pricing_plan .atbd_plan_core_features span:after { - content: "-" !important; - left: auto; - right: 0; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_saved_items_wrapper .thumb_title .img_wrapper img { - max-width: none; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_content_module_title_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap, - .atbd_content_active #directorist.atbd_wrapper .atbd_content_module__tittle_area .atbd_listing_action_area .atbd_action.atbd_share:hover .atbd_directory_social_wrap { - left: -40px; - } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title + .more-filter, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_generic_header_title + h3 { + margin-top: 3px; + margin-bottom: 3px; + } + .atbd_content_active + #directorist.atbd_wrapper + .widget.atbd_widget + .atbd_categorized_listings + ul + li + .atbd_right_content + .atbd_cat_popup + .atbd_cat_popup_wrapper, + .atbd_content_active + .widget.atbd_widget + .atbd_categorized_listings + ul + li + .atbd_right_content + .atbd_cat_popup + .atbd_cat_popup_wrapper { + right: -90px; + } + .atbd_content_active + #directorist.atbd_wrapper + .widget.atbd_widget + .atbd_listing_info + .atbd_listing_category + .atbd_cat_popup + .atbd_cat_popup_wrapper:before, + .atbd_content_active + #directorist.atbd_wrapper + .widget.atbd_widget + .atbd_categorized_listings + ul + li + .atbd_right_content + .atbd_cat_popup + .atbd_cat_popup_wrapper:before, + .atbd_content_active + .widget.atbd_widget + .atbd_categorized_listings + ul + li + .atbd_right_content + .atbd_cat_popup + .atbd_cat_popup_wrapper:before { + right: auto; + left: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .at-modal + .atm-contents-inner + .dcl_pricing_plan + .atbd_plan_core_features + span { + display: block; + margin-left: 0; + padding-left: 0; + padding-right: 15px; + } + .atbd_content_active + #directorist.atbd_wrapper + .at-modal + .atm-contents-inner + .dcl_pricing_plan + .atbd_plan_core_features + span:after { + content: "-" !important; + left: auto; + right: 0; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_saved_items_wrapper + .thumb_title + .img_wrapper + img { + max-width: none; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module_title_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap, + .atbd_content_active + #directorist.atbd_wrapper + .atbd_content_module__tittle_area + .atbd_listing_action_area + .atbd_action.atbd_share:hover + .atbd_directory_social_wrap { + left: -40px; + } } @media (max-width: 340px) { - .atbd_content_active #directorist.atbd_wrapper .atbd_generic_header .atbd_listing_action_btn { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_listing_action_btn .dropdown { - margin-top: 3px; - margin-bottom: 3px; - } - .atbd_content_active #directorist.atbd_wrapper .atbd_listing_action_btn .dropdown + .dropdown { - margin-right: 0; - } - .atbd-listing-tags .atbdb_content_module_contents ul li { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_generic_header + .atbd_listing_action_btn { + display: flex; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_listing_action_btn + .dropdown { + margin-top: 3px; + margin-bottom: 3px; + } + .atbd_content_active + #directorist.atbd_wrapper + .atbd_listing_action_btn + .dropdown + + .dropdown { + margin-right: 0; + } + .atbd-listing-tags .atbdb_content_module_contents ul li { + flex: 0 0 100%; + } } @media only screen and (max-width: 1199px) { - .directorist-search-contents .directorist-search-form-top { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } - .directorist-search-contents .directorist-search-form-top .directorist-search-form-action { - margin-top: 15px; - margin-bottom: 15px; - } + .directorist-search-contents .directorist-search-form-top { + justify-content: center; + } + .directorist-search-contents + .directorist-search-form-top + .directorist-search-form-action { + margin-top: 15px; + margin-bottom: 15px; + } } @media only screen and (max-width: 575px) { - .directorist-modal__dialog { - width: calc(100% - 30px) !important; - } - .directorist-advanced-filter__basic__element { - width: 100%; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } - .directorist-author-profile-wrap .directorist-card__body { - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - } + .directorist-modal__dialog { + width: calc(100% - 30px) !important; + } + .directorist-advanced-filter__basic__element { + width: 100%; + flex: 0 0 100%; + } + .directorist-author-profile-wrap .directorist-card__body { + justify-content: center; + } } @media only screen and (max-width: 479px) { - .directorist-user-dashboard-tab .directorist-user-dashboard-search { - margin-right: 0; - margin-top: 30px; - } + .directorist-user-dashboard-tab .directorist-user-dashboard-search { + margin-right: 0; + margin-top: 30px; + } } @media only screen and (max-width: 375px) { - .directorist-user-dashboard-tab ul { - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - padding-right: 0; - } - .directorist-user-dashboard-tab ul li { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } - .directorist-user-dashboard-tab ul li a { - padding-bottom: 5px; - } - .directorist-user-dashboard-tab .directorist-user-dashboard-search { - margin-right: 0; - } - .directorist-author-profile-wrap .directorist-author-avatar { - display: block; - } - .directorist-author-profile-wrap .directorist-author-avatar img { - margin-bottom: 15px; - } - .directorist-author-profile-wrap .directorist-author-avatar { - text-align: center; - } - .directorist-author-profile-wrap .directorist-author-avatar .directorist-author-avatar__info { - text-align: center; - } - .directorist-author-profile-wrap .directorist-author-avatar .directorist-author-avatar__info p { - text-align: center; - } - .directorist-author-profile-wrap .directorist-author-avatar img { - margin-left: 0; - display: inline-block; - } -} \ No newline at end of file + .directorist-user-dashboard-tab ul { + flex-wrap: wrap; + padding-right: 0; + } + .directorist-user-dashboard-tab ul li { + flex: 0 0 100%; + } + .directorist-user-dashboard-tab ul li a { + padding-bottom: 5px; + } + .directorist-user-dashboard-tab .directorist-user-dashboard-search { + margin-right: 0; + } + .directorist-author-profile-wrap .directorist-author-avatar { + display: block; + } + .directorist-author-profile-wrap .directorist-author-avatar img { + margin-bottom: 15px; + } + .directorist-author-profile-wrap .directorist-author-avatar { + text-align: center; + } + .directorist-author-profile-wrap + .directorist-author-avatar + .directorist-author-avatar__info { + text-align: center; + } + .directorist-author-profile-wrap + .directorist-author-avatar + .directorist-author-avatar__info + p { + text-align: center; + } + .directorist-author-profile-wrap .directorist-author-avatar img { + margin-left: 0; + display: inline-block; + } +} diff --git a/assets/js/account.js b/assets/js/account.js index 272bc89b7c..9a10161c2a 100644 --- a/assets/js/account.js +++ b/assets/js/account.js @@ -1,407 +1,614 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/global/components/modal.js": -/*!**************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/global/components/modal.js': + /*!**************************************************!*\ !*** ./assets/src/js/global/components/modal.js ***! \**************************************************/ -/***/ (function() { - -var $ = jQuery; -$(document).ready(function () { - modalToggle(); -}); -function modalToggle() { - $('.atbdp_recovery_pass').on('click', function (e) { - e.preventDefault(); - $('#recover-pass-modal').slideToggle().show(); - }); - - // Contact form [on modal closed] - $('#atbdp-contact-modal').on('hidden.bs.modal', function (e) { - $('#atbdp-contact-message').val(''); - $('#atbdp-contact-message-display').html(''); - }); - - // Template Restructured - // Modal - var directoristModal = document.querySelector('.directorist-modal-js'); - $('body').on('click', '.directorist-btn-modal-js', function (e) { - e.preventDefault(); - var data_target = $(this).attr('data-directorist_target'); - document.querySelector(".".concat(data_target)).classList.add('directorist-show'); - }); - $('body').on('click', '.directorist-modal-close-js', function (e) { - e.preventDefault(); - $(this).closest('.directorist-modal-js').removeClass('directorist-show'); - }); - $(document).bind('click', function (e) { - if (e.target == directoristModal) { - directoristModal.classList.remove('directorist-show'); - } - }); -} - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristAlert.js": -/*!*************************************************************!*\ + /***/ function () { + var $ = jQuery; + $(document).ready(function () { + modalToggle(); + }); + function modalToggle() { + $('.atbdp_recovery_pass').on('click', function (e) { + e.preventDefault(); + $('#recover-pass-modal').slideToggle().show(); + }); + + // Contact form [on modal closed] + $('#atbdp-contact-modal').on( + 'hidden.bs.modal', + function (e) { + $('#atbdp-contact-message').val(''); + $('#atbdp-contact-message-display').html(''); + } + ); + + // Template Restructured + // Modal + var directoristModal = document.querySelector( + '.directorist-modal-js' + ); + $('body').on( + 'click', + '.directorist-btn-modal-js', + function (e) { + e.preventDefault(); + var data_target = $(this).attr( + 'data-directorist_target' + ); + document + .querySelector('.'.concat(data_target)) + .classList.add('directorist-show'); + } + ); + $('body').on( + 'click', + '.directorist-modal-close-js', + function (e) { + e.preventDefault(); + $(this) + .closest('.directorist-modal-js') + .removeClass('directorist-show'); + } + ); + $(document).bind('click', function (e) { + if (e.target == directoristModal) { + directoristModal.classList.remove( + 'directorist-show' + ); + } + }); + } + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristAlert.js': + /*!*************************************************************!*\ !*** ./assets/src/js/public/components/directoristAlert.js ***! \*************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_alert_executed === 'undefined') { - window.directorist_alert_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* Directorist alert dismiss */ - var getUrl = window.location.href; - var newUrl = getUrl.replace('notice=1', ''); - if ($('.directorist-alert__close') !== null) { - $('.directorist-alert__close').each(function (i, e) { - $(e).on('click', function (e) { - e.preventDefault(); - history.pushState({}, null, newUrl); - $(this).closest('.directorist-alert').remove(); - }); - }); - } - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/login.js": -/*!**************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_alert_executed === 'undefined' + ) { + window.directorist_alert_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* Directorist alert dismiss */ + var getUrl = window.location.href; + var newUrl = getUrl.replace('notice=1', ''); + if ($('.directorist-alert__close') !== null) { + $('.directorist-alert__close').each( + function (i, e) { + $(e).on('click', function (e) { + e.preventDefault(); + history.pushState({}, null, newUrl); + $(this) + .closest('.directorist-alert') + .remove(); + }); + } + ); + } + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/login.js': + /*!**************************************************!*\ !*** ./assets/src/js/public/components/login.js ***! \**************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_loginjs_executed === 'undefined') { - window.directorist_loginjs_executed = true; - } else { - return; - } - function initPasswordToggle() { - var passwordGroups = document.querySelectorAll('.directorist-password-group'); - passwordGroups.forEach(function (group) { - var passwordInput = group.querySelector('.directorist-password-group-input'); - var togglePassword = group.querySelector('.directorist-password-group-toggle'); - var eyeIcon = group.querySelector('.directorist-password-group-eyeIcon'); - if (passwordInput && togglePassword) { - togglePassword.addEventListener('click', function () { - var type = passwordInput.getAttribute('type') === 'password' ? 'text' : 'password'; - passwordInput.setAttribute('type', type); - - // Toggle eye icon (simple swap for open/closed) - if (eyeIcon) { - if (type === 'text') { - eyeIcon.innerHTML = "\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t"; - } else { - eyeIcon.innerHTML = "\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t"; - } - } - }); - } - }); - } - - // Call the function after DOM is ready - document.addEventListener('DOMContentLoaded', initPasswordToggle); - - // Trigger reset on form change - $('.directorist-authentication__btn').on('click', function () { - // Reset all forms with the specified class - $('.directorist__authentication__signin').each(function () { - this.reset(); // Reset the individual form - }); - - // Reset error and warning messages - $('#directorist__authentication__login p.status').hide().empty(); - }); - window.addEventListener('load', function () { - // Perform AJAX login on form submit - $('form#directorist__authentication__login').on('submit', function (e) { - e.preventDefault(); - var $this = $(this); - var $button = $(this).find('.directorist-authentication__form__btn'); - $button.addClass('directorist-btn-loading'); // Added loading class - - $('#directorist__authentication__login p.status').show().html('
' + directorist.loading_message + '
'); - var form_data = { - action: 'ajaxlogin', - username: $this.find('#username').val(), - password: $this.find('#password').val(), - rememberme: $this.find('#keep_signed_in').is(':checked') ? 1 : 0, - security: $this.find('#security').val() - }; - $.ajax({ - type: 'POST', - dataType: 'json', - url: directorist.ajax_url, - data: form_data, - success: function success(data) { - // Removed loading class - setTimeout(function () { - return $button.removeClass('directorist-btn-loading'); - }, 1000); - if ('nonce_faild' in data && data.nonce_faild) { - $('p.status').html('
' + data.message + '
'); - } - if (data.loggedin == true) { - $('p.status').html('
' + data.message + '
'); - document.location.href = directorist.redirect_url; - } else { - $('p.status').html('
' + data.message + '
'); - } - }, - error: function error(data) { - if ('nonce_faild' in data && data.nonce_faild) { - $('p.status').html('
' + data.message + '
'); - } - $('p.status').show().html('
' + directorist.login_error_message + '
'); - } - }); - e.preventDefault(); - }); - $('form#directorist__authentication__login .status').on('click', 'a', function (e) { - e.preventDefault(); - if ($(this).attr('href') === '#atbdp_recovery_pass') { - $('#recover-pass-modal').slideDown().show(); - window.scrollTo({ - top: $('#recover-pass-modal').offset().top - 100, - behavior: 'smooth' - }); - } else { - location.href = $(this).attr('href'); - } - }); - - // Alert users to login (only if applicable) - $('.atbdp-require-login, .directorist-action-report-not-loggedin').on('click', function (e) { - e.preventDefault(); - alert(directorist.login_alert_message); - return false; - }); - - // Remove URL params to avoid show message again and again - var current_url = location.href; - var url = new URL(current_url); - url.searchParams.delete('registration_status'); - url.searchParams.delete('errors'); - // url.searchParams.delete('key'); - url.searchParams.delete('password_reset'); - url.searchParams.delete('confirm_mail'); - // url.searchParams.delete('user'); - url.searchParams.delete('verification'); - url.searchParams.delete('send_verification_email'); - window.history.pushState(null, null, url.toString()); - - // Authentication Form Toggle - $('body').on('click', '.directorist-authentication__btn, .directorist-authentication__toggle', function (e) { - e.preventDefault(); - $('.directorist-login-wrapper').toggleClass('active'); - $('.directorist-registration-wrapper').toggleClass('active'); - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/register-form.js": -/*!**********************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_loginjs_executed === + 'undefined' + ) { + window.directorist_loginjs_executed = true; + } else { + return; + } + function initPasswordToggle() { + var passwordGroups = document.querySelectorAll( + '.directorist-password-group' + ); + passwordGroups.forEach(function (group) { + var passwordInput = group.querySelector( + '.directorist-password-group-input' + ); + var togglePassword = group.querySelector( + '.directorist-password-group-toggle' + ); + var eyeIcon = group.querySelector( + '.directorist-password-group-eyeIcon' + ); + if (passwordInput && togglePassword) { + togglePassword.addEventListener( + 'click', + function () { + var type = + passwordInput.getAttribute( + 'type' + ) === 'password' + ? 'text' + : 'password'; + passwordInput.setAttribute( + 'type', + type + ); + + // Toggle eye icon (simple swap for open/closed) + if (eyeIcon) { + if (type === 'text') { + eyeIcon.innerHTML = + '\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t'; + } else { + eyeIcon.innerHTML = + '\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t'; + } + } + } + ); + } + }); + } + + // Call the function after DOM is ready + document.addEventListener( + 'DOMContentLoaded', + initPasswordToggle + ); + + // Trigger reset on form change + $('.directorist-authentication__btn').on( + 'click', + function () { + // Reset all forms with the specified class + $('.directorist__authentication__signin').each( + function () { + this.reset(); // Reset the individual form + } + ); + + // Reset error and warning messages + $('#directorist__authentication__login p.status') + .hide() + .empty(); + } + ); + window.addEventListener('load', function () { + // Perform AJAX login on form submit + $('form#directorist__authentication__login').on( + 'submit', + function (e) { + e.preventDefault(); + var $this = $(this); + var $button = $(this).find( + '.directorist-authentication__form__btn' + ); + $button.addClass('directorist-btn-loading'); // Added loading class + + $( + '#directorist__authentication__login p.status' + ) + .show() + .html( + '
' + + directorist.loading_message + + '
' + ); + var form_data = { + action: 'ajaxlogin', + username: $this.find('#username').val(), + password: $this.find('#password').val(), + rememberme: $this + .find('#keep_signed_in') + .is(':checked') + ? 1 + : 0, + security: $this.find('#security').val(), + }; + $.ajax({ + type: 'POST', + dataType: 'json', + url: directorist.ajax_url, + data: form_data, + success: function success(data) { + // Removed loading class + setTimeout(function () { + return $button.removeClass( + 'directorist-btn-loading' + ); + }, 1000); + if ( + 'nonce_faild' in data && + data.nonce_faild + ) { + $('p.status').html( + '
' + + data.message + + '
' + ); + } + if (data.loggedin == true) { + $('p.status').html( + '
' + + data.message + + '
' + ); + document.location.href = + directorist.redirect_url; + } else { + $('p.status').html( + '
' + + data.message + + '
' + ); + } + }, + error: function error(data) { + if ( + 'nonce_faild' in data && + data.nonce_faild + ) { + $('p.status').html( + '
' + + data.message + + '
' + ); + } + $('p.status') + .show() + .html( + '
' + + directorist.login_error_message + + '
' + ); + }, + }); + e.preventDefault(); + } + ); + $('form#directorist__authentication__login .status').on( + 'click', + 'a', + function (e) { + e.preventDefault(); + if ( + $(this).attr('href') === + '#atbdp_recovery_pass' + ) { + $('#recover-pass-modal').slideDown().show(); + window.scrollTo({ + top: + $('#recover-pass-modal').offset() + .top - 100, + behavior: 'smooth', + }); + } else { + location.href = $(this).attr('href'); + } + } + ); + + // Alert users to login (only if applicable) + $( + '.atbdp-require-login, .directorist-action-report-not-loggedin' + ).on('click', function (e) { + e.preventDefault(); + alert(directorist.login_alert_message); + return false; + }); + + // Remove URL params to avoid show message again and again + var current_url = location.href; + var url = new URL(current_url); + url.searchParams.delete('registration_status'); + url.searchParams.delete('errors'); + // url.searchParams.delete('key'); + url.searchParams.delete('password_reset'); + url.searchParams.delete('confirm_mail'); + // url.searchParams.delete('user'); + url.searchParams.delete('verification'); + url.searchParams.delete('send_verification_email'); + window.history.pushState(null, null, url.toString()); + + // Authentication Form Toggle + $('body').on( + 'click', + '.directorist-authentication__btn, .directorist-authentication__toggle', + function (e) { + e.preventDefault(); + $('.directorist-login-wrapper').toggleClass( + 'active' + ); + $( + '.directorist-registration-wrapper' + ).toggleClass('active'); + } + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/register-form.js': + /*!**********************************************************!*\ !*** ./assets/src/js/public/components/register-form.js ***! \**********************************************************/ -/***/ (function() { - -jQuery(function ($) { - // Trigger reset on form change - $('.directorist-authentication__btn').on('click', function () { - // Reset the form values - $('.directorist__authentication__signup').each(function () { - this.reset(); // Reset the individual form - }); - - // Reset error and warning messages - $('.directorist-alert ').hide().empty(); - $('.directorist-register-error').hide().empty(); - }); - $('.directorist__authentication__signup .directorist-authentication__form__btn').on('click', function (e) { - e.preventDefault(); - $this = $(this); - $this.addClass('directorist-btn-loading'); // Added loading class - var form = $this.closest('.directorist__authentication__signup')[0]; - - // Trigger native validation - if (!form.checkValidity()) { - form.reportValidity(); // Display browser-native warnings for invalid fields - $this.removeClass('directorist-btn-loading'); // Removed loading class - return; // Stop submission if validation fails - } - var formData = new FormData(form); - formData.append('action', 'directorist_register_form'); - formData.append('params', JSON.stringify(directorist_signin_signup_params)); - $.ajax({ - url: directorist.ajaxurl, - type: 'POST', - data: formData, - contentType: false, - processData: false, - cache: false - }).done(function (_ref) { - var data = _ref.data, - success = _ref.success; - // Removed loading class - setTimeout(function () { - return $this.removeClass('directorist-btn-loading'); - }, 1000); - if (!success) { - $('.directorist-register-error').empty().show().append(data.error); - return; - } - $('.directorist-register-error').hide(); - if (data.message) { - $('.directorist-register-error').empty().show().append(data.message).css({ - color: '#009114', - 'background-color': '#d9efdc' - }); - } - if (data.redirect_url) { - setTimeout(function () { - return window.location.href = data.redirect_url; - }, 500); - } - }); - }); -}); - -/***/ }), - -/***/ "./assets/src/js/public/components/reset-password.js": -/*!***********************************************************!*\ + /***/ function () { + jQuery(function ($) { + // Trigger reset on form change + $('.directorist-authentication__btn').on( + 'click', + function () { + // Reset the form values + $('.directorist__authentication__signup').each( + function () { + this.reset(); // Reset the individual form + } + ); + + // Reset error and warning messages + $('.directorist-alert ').hide().empty(); + $('.directorist-register-error').hide().empty(); + } + ); + $( + '.directorist__authentication__signup .directorist-authentication__form__btn' + ).on('click', function (e) { + e.preventDefault(); + $this = $(this); + $this.addClass('directorist-btn-loading'); // Added loading class + var form = $this.closest( + '.directorist__authentication__signup' + )[0]; + + // Trigger native validation + if (!form.checkValidity()) { + form.reportValidity(); // Display browser-native warnings for invalid fields + $this.removeClass('directorist-btn-loading'); // Removed loading class + return; // Stop submission if validation fails + } + var formData = new FormData(form); + formData.append('action', 'directorist_register_form'); + formData.append( + 'params', + JSON.stringify(directorist_signin_signup_params) + ); + $.ajax({ + url: directorist.ajaxurl, + type: 'POST', + data: formData, + contentType: false, + processData: false, + cache: false, + }).done(function (_ref) { + var data = _ref.data, + success = _ref.success; + // Removed loading class + setTimeout(function () { + return $this.removeClass( + 'directorist-btn-loading' + ); + }, 1000); + if (!success) { + $('.directorist-register-error') + .empty() + .show() + .append(data.error); + return; + } + $('.directorist-register-error').hide(); + if (data.message) { + $('.directorist-register-error') + .empty() + .show() + .append(data.message) + .css({ + color: '#009114', + 'background-color': '#d9efdc', + }); + } + if (data.redirect_url) { + setTimeout(function () { + return (window.location.href = + data.redirect_url); + }, 500); + } + }); + }); + }); + + /***/ + }, + + /***/ './assets/src/js/public/components/reset-password.js': + /*!***********************************************************!*\ !*** ./assets/src/js/public/components/reset-password.js ***! \***********************************************************/ -/***/ (function() { - -jQuery(function ($) { - $('.directorist-ResetPassword').on('submit', function () { - var form = $(this); - if (form.find('#password_1').val() != form.find('#password_2').val()) { - form.find('.password-not-match').show(); - return false; - } - form.find('.password-not-match').hide(); - return true; - }); -}); - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!*************************************************!*\ + /***/ function () { + jQuery(function ($) { + $('.directorist-ResetPassword').on('submit', function () { + var form = $(this); + if ( + form.find('#password_1').val() != + form.find('#password_2').val() + ) { + form.find('.password-not-match').show(); + return false; + } + form.find('.password-not-match').hide(); + return true; + }); + }); + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!*************************************************!*\ !*** ./assets/src/js/public/modules/account.js ***! \*************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/directoristAlert */ "./assets/src/js/public/components/directoristAlert.js"); -/* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_components_directoristAlert__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _components_login__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/login */ "./assets/src/js/public/components/login.js"); -/* harmony import */ var _components_login__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_components_login__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _components_reset_password__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/reset-password */ "./assets/src/js/public/components/reset-password.js"); -/* harmony import */ var _components_reset_password__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_components_reset_password__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _components_register_form__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/register-form */ "./assets/src/js/public/components/register-form.js"); -/* harmony import */ var _components_register_form__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_components_register_form__WEBPACK_IMPORTED_MODULE_3__); -/* harmony import */ var _global_components_modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../global/components/modal */ "./assets/src/js/global/components/modal.js"); -/* harmony import */ var _global_components_modal__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_global_components_modal__WEBPACK_IMPORTED_MODULE_4__); -// General Components - - - - - -}(); -/******/ })() -; -//# sourceMappingURL=account.js.map \ No newline at end of file + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ../components/directoristAlert */ './assets/src/js/public/components/directoristAlert.js' + ); + /* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristAlert__WEBPACK_IMPORTED_MODULE_0__ + ); + /* harmony import */ var _components_login__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ../components/login */ './assets/src/js/public/components/login.js' + ); + /* harmony import */ var _components_login__WEBPACK_IMPORTED_MODULE_1___default = + /*#__PURE__*/ __webpack_require__.n( + _components_login__WEBPACK_IMPORTED_MODULE_1__ + ); + /* harmony import */ var _components_reset_password__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ../components/reset-password */ './assets/src/js/public/components/reset-password.js' + ); + /* harmony import */ var _components_reset_password__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _components_reset_password__WEBPACK_IMPORTED_MODULE_2__ + ); + /* harmony import */ var _components_register_form__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ../components/register-form */ './assets/src/js/public/components/register-form.js' + ); + /* harmony import */ var _components_register_form__WEBPACK_IMPORTED_MODULE_3___default = + /*#__PURE__*/ __webpack_require__.n( + _components_register_form__WEBPACK_IMPORTED_MODULE_3__ + ); + /* harmony import */ var _global_components_modal__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ../../global/components/modal */ './assets/src/js/global/components/modal.js' + ); + /* harmony import */ var _global_components_modal__WEBPACK_IMPORTED_MODULE_4___default = + /*#__PURE__*/ __webpack_require__.n( + _global_components_modal__WEBPACK_IMPORTED_MODULE_4__ + ); + // General Components + })(); + /******/ +})(); +//# sourceMappingURL=account.js.map diff --git a/assets/js/add-listing-google-map.js b/assets/js/add-listing-google-map.js index 26195dfbdf..4c1f81291f 100644 --- a/assets/js/add-listing-google-map.js +++ b/assets/js/add-listing-google-map.js @@ -1,422 +1,532 @@ -/******/ (function() { // webpackBootstrap -/******/ "use strict"; -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/lib/helper.js": -/*!*************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ 'use strict'; + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/lib/helper.js': + /*!*************************************!*\ !*** ./assets/src/js/lib/helper.js ***! \*************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ convertToSelect2: function() { return /* binding */ convertToSelect2; }, -/* harmony export */ get_dom_data: function() { return /* binding */ get_dom_data; } -/* harmony export */ }); -var $ = jQuery; -function get_dom_data(selector, parent) { - selector = '.directorist-dom-data-' + selector; - if (!parent) { - parent = document; - } - var el = parent.querySelector(selector); - if (!el || !el.dataset.value) { - return {}; - } - var IS_SCRIPT_DEBUGGING = directorist && directorist.script_debugging && directorist.script_debugging == '1'; - try { - var value = atob(el.dataset.value); - return JSON.parse(value); - } catch (error) { - if (IS_SCRIPT_DEBUGGING) { - console.log(el, error); - } - return {}; - } -} -function convertToSelect2(selector) { - var $selector = $(selector); - var args = { - allowClear: true, - width: '100%', - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - var iconURI = $(data.element).data('icon'); - var iconElm = ""); - var originalText = data.text; - var modifiedText = originalText.replace(/^(\s*)/, '$1' + iconElm); - var $state = $("
".concat(typeof iconURI !== 'undefined' && iconURI !== '' ? modifiedText : originalText, "
")); - return $state; - } - }; - var options = $selector.find('option'); - if (options.length && options[0].textContent.length) { - args.placeholder = options[0].textContent; - } - $selector.length && $selector.select2(args); -} - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. -!function() { -/*!********************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ convertToSelect2: function () { + return /* binding */ convertToSelect2; + }, + /* harmony export */ get_dom_data: function () { + return /* binding */ get_dom_data; + }, + /* harmony export */ + } + ); + var $ = jQuery; + function get_dom_data(selector, parent) { + selector = '.directorist-dom-data-' + selector; + if (!parent) { + parent = document; + } + var el = parent.querySelector(selector); + if (!el || !el.dataset.value) { + return {}; + } + var IS_SCRIPT_DEBUGGING = + directorist && + directorist.script_debugging && + directorist.script_debugging == '1'; + try { + var value = atob(el.dataset.value); + return JSON.parse(value); + } catch (error) { + if (IS_SCRIPT_DEBUGGING) { + console.log(el, error); + } + return {}; + } + } + function convertToSelect2(selector) { + var $selector = $(selector); + var args = { + allowClear: true, + width: '100%', + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + var iconURI = $(data.element).data('icon'); + var iconElm = + '' + ); + var originalText = data.text; + var modifiedText = originalText.replace( + /^(\s*)/, + '$1' + iconElm + ); + var $state = $( + '
'.concat( + typeof iconURI !== 'undefined' && + iconURI !== '' + ? modifiedText + : originalText, + '
' + ) + ); + return $state; + }, + }; + var options = $selector.find('option'); + if (options.length && options[0].textContent.length) { + args.placeholder = options[0].textContent; + } + $selector.length && $selector.select2(args); + } + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. + !(function () { + /*!********************************************************************!*\ !*** ./assets/src/js/global/map-scripts/add-listing/google-map.js ***! \********************************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ initAddListingMap: function() { return /* binding */ initAddListingMap; } -/* harmony export */ }); -/* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../../../lib/helper */ "./assets/src/js/lib/helper.js"); -/* Add listing google map */ - - -var $ = jQuery; - -// Add Listing Map Initialize -function initAddListingMap() { - if (typeof google === 'undefined' || !google.maps || !google.maps.Geocoder) { - return; - } - if ($('#gmap').length) { - // This function will help to get the current location of the user - var markerDragInit = function markerDragInit(marker) { - marker.addListener('dragend', function (event) { - // Get exact coordinates from the marker position - var exactLat = event.latLng.lat(); - var exactLng = event.latLng.lng(); - - // Set the exact coordinates to input fields (no geocoding transformation) - $manual_lat.val(exactLat); - $manual_lng.val(exactLng); - - // Optional: Update address field with reverse geocoding for display only - // This doesn't affect the stored coordinates - geocodeAddressForDisplay(geocoder, exactLat, exactLng); - }); - }; // Helper function to format address by removing plus code and using address components - var formatAddress = function formatAddress(result) { - if (!result || !result.address_components) { - return ''; - } - - // Check if first element contains plus code (has '+' character) - var components = result.address_components; - if (components.length > 0 && components[0].long_name && components[0].long_name.includes('+')) { - components = components.slice(1); - } - - // Join long_names with commas - return components.map(function (c) { - return c.long_name; - }).join(', '); - }; // Function to geocode address for display purposes only (doesn't modify coordinates) - var geocodeAddressForDisplay = function geocodeAddressForDisplay(geocoder, lat, lng) { - var latLng = new google.maps.LatLng(lat, lng); - var opt = { - location: latLng - }; - geocoder.geocode(opt, function (results, status) { - if (status === 'OK' && results[0]) { - // Clean the address by removing plus code prefix if present - var cleanedAddress = formatAddress(results[0]); - address_input.value = cleanedAddress; - } - }); - }; // this function will work on sites that uses SSL, it applies to Chrome especially, other browsers may allow location sharing without securing. - var geolocate = function geolocate() { - if (navigator.geolocation) { - navigator.geolocation.getCurrentPosition(function (position) { - var geolocation = { - lat: position.coords.latitude, - lng: position.coords.longitude - }; - var circle = new google.maps.Circle({ - center: geolocation, - radius: position.coords.accuracy - }); - autocomplete.setBounds(circle.getBounds()); - }); - } - }; - var initAutocomplete = function initAutocomplete() { - // Create the autocomplete object, restricting the search to geographical - var opt = { - types: ['geocode'], - componentRestrictions: { - country: directorist.restricted_countries - } - }; - var options = directorist.countryRestriction ? opt : { - types: [] - }; - - // location types. - autocomplete = new google.maps.places.Autocomplete(address_input, options); - - // When the user selects an address from the dropdown, populate the necessary input fields and draw a marker - autocomplete.addListener('place_changed', fillInAddress); - }; - var fillInAddress = function fillInAddress() { - // Get the place details from the autocomplete object. - var place = autocomplete.getPlace(); - - // set the value of input field to save them to the database - $manual_lat.val(place.geometry.location.lat()); - $manual_lng.val(place.geometry.location.lng()); - map.setCenter(place.geometry.location); - var marker = new google.maps.marker.AdvancedMarkerElement({ - map: map, - position: place.geometry.location, - gmpDraggable: true, - content: markerShape, - title: localized_data.marker_title - }); - - // Delete Previous Marker - deleteMarker(); - - // add the marker to the markers array to keep track of it, so that we can show/hide/delete them all later. - markers.push(marker); - markerDragInit(marker); - }; - // start google map place auto complete API call - // Map Initialize - var initMap = function initMap() { - /* Create new map instance */ - map = new google.maps.Map(document.getElementById('gmap'), { - zoom: loc_map_zoom_level, - center: saved_lat_lng, - mapId: 'add_listing_map' - }); - var marker = new google.maps.marker.AdvancedMarkerElement({ - map: map, - position: saved_lat_lng, - gmpDraggable: true, - content: markerShape, - title: localized_data.marker_title - }); - markers.push(marker); - document.getElementById('generate_admin_map').addEventListener('click', function (e) { - e.preventDefault(); - geocodeAddress(geocoder, map); - }); - - // This event listener calls addMarker() when the map is clicked. - marker.addListener('click', function (event) { - deleteMarker(); // at first remove previous marker and then set new marker; - - // Get exact coordinates from the click position - var exactLat = event.latLng.lat(); - var exactLng = event.latLng.lng(); - - // Set the exact coordinates to input fields (no geocoding transformation) - $manual_lat.val(exactLat); - $manual_lng.val(exactLng); - - // Optional: Update address field with reverse geocoding for display only - geocodeAddressForDisplay(geocoder, exactLat, exactLng); - - // add the marker to the given map. - addMarker(event.latLng, map); - }); - markerDragInit(marker); - }; - /* - * Geocode and address using google map javascript api and then populate the input fields for storing lat and long - * */ - var geocodeAddress = function geocodeAddress(geocoder, resultsMap) { - var lat = parseFloat(document.getElementById('manual_lat').value); - var lng = parseFloat(document.getElementById('manual_lng').value); - var latLng = new google.maps.LatLng(lat, lng); - var opt = { - location: latLng - }; - geocoder.geocode(opt, function (results, status) { - if (status === 'OK') { - // Keep the original exact coordinates (don't modify them) - $manual_lat.val(lat); - $manual_lng.val(lng); - - // Center map on the exact coordinates - resultsMap.setCenter(latLng); - var marker = new google.maps.marker.AdvancedMarkerElement({ - map: resultsMap, - position: latLng, - // Use original coordinates - gmpDraggable: true, - content: markerShape, - title: localized_data.marker_title - }); - deleteMarker(); - // add the marker to the markers array to keep track of it, so that we can show/hide/delete them all later. - markers.push(marker); - - // Clean the address by removing plus code prefix if present - var cleanedAddress = formatAddress(results[0]); - address_input.value = cleanedAddress; - markerDragInit(marker); - } else { - alert(localized_data.geocode_error_msg + status); - } - }); - }; - // adding features of creating marker manually on the map on add listing page. - /* var labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d(__webpack_exports__, { + /* harmony export */ initAddListingMap: function () { + return /* binding */ initAddListingMap; + }, + /* harmony export */ + }); + /* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./../../../lib/helper */ './assets/src/js/lib/helper.js' + ); + /* Add listing google map */ + + var $ = jQuery; + + // Add Listing Map Initialize + function initAddListingMap() { + if ( + typeof google === 'undefined' || + !google.maps || + !google.maps.Geocoder + ) { + return; + } + if ($('#gmap').length) { + var localized_data = (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)( + 'map_data' + ); + + // initialize all vars here to avoid hoisting related misunderstanding. + var map; + var autocomplete; + var address_input; + var markers; + var $manual_lat; + var $manual_lng; + var saved_lat_lng; + + // Localized Data + var loc_default_latitude = parseFloat( + localized_data.default_latitude + ); + var loc_default_longitude = parseFloat( + localized_data.default_longitude + ); + var loc_manual_lat = parseFloat(localized_data.manual_lat); + var loc_manual_lng = parseFloat(localized_data.manual_lng); + var loc_map_zoom_level = parseInt( + localized_data.map_zoom_level + ); + var searchIcon = ''; + var markerShape = document.createElement('div'); + markerShape.className = 'atbd_map_shape'; + markerShape.innerHTML = searchIcon; + loc_manual_lat = isNaN(loc_manual_lat) + ? loc_default_latitude + : loc_manual_lat; + loc_manual_lng = isNaN(loc_manual_lng) + ? loc_default_longitude + : loc_manual_lng; + $manual_lat = $('#manual_lat'); + $manual_lng = $('#manual_lng'); + saved_lat_lng = { + lat: loc_manual_lat, + lng: loc_manual_lng, + }; + + // default is London city + ((markers = []), + // initialize the array to keep track all the marker + (address_input = document.getElementById('address'))); + if (address_input !== null) { + address_input.addEventListener('focus', geolocate); + } + var geocoder = new google.maps.Geocoder(); + + // This function will help to get the current location of the user + function markerDragInit(marker) { + marker.addListener('dragend', function (event) { + // Get exact coordinates from the marker position + var exactLat = event.latLng.lat(); + var exactLng = event.latLng.lng(); + + // Set the exact coordinates to input fields (no geocoding transformation) + $manual_lat.val(exactLat); + $manual_lng.val(exactLng); + + // Optional: Update address field with reverse geocoding for display only + // This doesn't affect the stored coordinates + geocodeAddressForDisplay(geocoder, exactLat, exactLng); + }); + } + + // Helper function to format address by removing plus code and using address components + function formatAddress(result) { + if (!result || !result.address_components) { + return ''; + } + + // Check if first element contains plus code (has '+' character) + var components = result.address_components; + if ( + components.length > 0 && + components[0].long_name && + components[0].long_name.includes('+') + ) { + components = components.slice(1); + } + + // Join long_names with commas + return components + .map(function (c) { + return c.long_name; + }) + .join(', '); + } + + // Function to geocode address for display purposes only (doesn't modify coordinates) + function geocodeAddressForDisplay(geocoder, lat, lng) { + var latLng = new google.maps.LatLng(lat, lng); + var opt = { + location: latLng, + }; + geocoder.geocode(opt, function (results, status) { + if (status === 'OK' && results[0]) { + // Clean the address by removing plus code prefix if present + var cleanedAddress = formatAddress(results[0]); + address_input.value = cleanedAddress; + } + }); + } + + // this function will work on sites that uses SSL, it applies to Chrome especially, other browsers may allow location sharing without securing. + function geolocate() { + if (navigator.geolocation) { + navigator.geolocation.getCurrentPosition( + function (position) { + var geolocation = { + lat: position.coords.latitude, + lng: position.coords.longitude, + }; + var circle = new google.maps.Circle({ + center: geolocation, + radius: position.coords.accuracy, + }); + autocomplete.setBounds(circle.getBounds()); + } + ); + } + } + function initAutocomplete() { + // Create the autocomplete object, restricting the search to geographical + var opt = { + types: ['geocode'], + componentRestrictions: { + country: directorist.restricted_countries, + }, + }; + var options = directorist.countryRestriction + ? opt + : { + types: [], + }; + + // location types. + autocomplete = new google.maps.places.Autocomplete( + address_input, + options + ); + + // When the user selects an address from the dropdown, populate the necessary input fields and draw a marker + autocomplete.addListener('place_changed', fillInAddress); + } + function fillInAddress() { + // Get the place details from the autocomplete object. + var place = autocomplete.getPlace(); + + // set the value of input field to save them to the database + $manual_lat.val(place.geometry.location.lat()); + $manual_lng.val(place.geometry.location.lng()); + map.setCenter(place.geometry.location); + var marker = new google.maps.marker.AdvancedMarkerElement({ + map: map, + position: place.geometry.location, + gmpDraggable: true, + content: markerShape, + title: localized_data.marker_title, + }); + + // Delete Previous Marker + deleteMarker(); + + // add the marker to the markers array to keep track of it, so that we can show/hide/delete them all later. + markers.push(marker); + markerDragInit(marker); + } + initAutocomplete(); // start google map place auto complete API call + + // Map Initialize + function initMap() { + /* Create new map instance */ + map = new google.maps.Map(document.getElementById('gmap'), { + zoom: loc_map_zoom_level, + center: saved_lat_lng, + mapId: 'add_listing_map', + }); + var marker = new google.maps.marker.AdvancedMarkerElement({ + map: map, + position: saved_lat_lng, + gmpDraggable: true, + content: markerShape, + title: localized_data.marker_title, + }); + markers.push(marker); + document + .getElementById('generate_admin_map') + .addEventListener('click', function (e) { + e.preventDefault(); + geocodeAddress(geocoder, map); + }); + + // This event listener calls addMarker() when the map is clicked. + marker.addListener('click', function (event) { + deleteMarker(); // at first remove previous marker and then set new marker; + + // Get exact coordinates from the click position + var exactLat = event.latLng.lat(); + var exactLng = event.latLng.lng(); + + // Set the exact coordinates to input fields (no geocoding transformation) + $manual_lat.val(exactLat); + $manual_lng.val(exactLng); + + // Optional: Update address field with reverse geocoding for display only + geocodeAddressForDisplay(geocoder, exactLat, exactLng); + + // add the marker to the given map. + addMarker(event.latLng, map); + }); + markerDragInit(marker); + } + + /* + * Geocode and address using google map javascript api and then populate the input fields for storing lat and long + * */ + + function geocodeAddress(geocoder, resultsMap) { + var lat = parseFloat( + document.getElementById('manual_lat').value + ); + var lng = parseFloat( + document.getElementById('manual_lng').value + ); + var latLng = new google.maps.LatLng(lat, lng); + var opt = { + location: latLng, + }; + geocoder.geocode(opt, function (results, status) { + if (status === 'OK') { + // Keep the original exact coordinates (don't modify them) + $manual_lat.val(lat); + $manual_lng.val(lng); + + // Center map on the exact coordinates + resultsMap.setCenter(latLng); + var marker = + new google.maps.marker.AdvancedMarkerElement({ + map: resultsMap, + position: latLng, + // Use original coordinates + gmpDraggable: true, + content: markerShape, + title: localized_data.marker_title, + }); + deleteMarker(); + // add the marker to the markers array to keep track of it, so that we can show/hide/delete them all later. + markers.push(marker); + + // Clean the address by removing plus code prefix if present + var cleanedAddress = formatAddress(results[0]); + address_input.value = cleanedAddress; + markerDragInit(marker); + } else { + alert(localized_data.geocode_error_msg + status); + } + }); + } + initMap(); + + // adding features of creating marker manually on the map on add listing page. + /* var labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'; var labelIndex = 0; */ - // Adds a marker to the map. - var addMarker = function addMarker(location, map) { - // Add the marker at the clicked location, and add the next-available label; - - // from the array of alphabetical characters. - var marker = new google.maps.marker.AdvancedMarkerElement({ - map: map, - position: location, - gmpDraggable: true, - content: markerShape, - title: localized_data.marker_title - }); - - // add the marker to the markers array to keep track of it, so that we can show/hide/delete them all later. - markers.push(marker); - markerDragInit(marker); - }; // Delete Marker - var deleteMarker = function deleteMarker() { - for (var i = 0; i < markers.length; i++) { - markers[i].setMap(null); - } - markers = []; - }; - var localized_data = (0,_lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)('map_data'); - - // initialize all vars here to avoid hoisting related misunderstanding. - var map; - var autocomplete; - var address_input; - var markers; - var $manual_lat; - var $manual_lng; - var saved_lat_lng; - - // Localized Data - var loc_default_latitude = parseFloat(localized_data.default_latitude); - var loc_default_longitude = parseFloat(localized_data.default_longitude); - var loc_manual_lat = parseFloat(localized_data.manual_lat); - var loc_manual_lng = parseFloat(localized_data.manual_lng); - var loc_map_zoom_level = parseInt(localized_data.map_zoom_level); - var searchIcon = ""; - var markerShape = document.createElement('div'); - markerShape.className = 'atbd_map_shape'; - markerShape.innerHTML = searchIcon; - loc_manual_lat = isNaN(loc_manual_lat) ? loc_default_latitude : loc_manual_lat; - loc_manual_lng = isNaN(loc_manual_lng) ? loc_default_longitude : loc_manual_lng; - $manual_lat = $('#manual_lat'); - $manual_lng = $('#manual_lng'); - saved_lat_lng = { - lat: loc_manual_lat, - lng: loc_manual_lng - }; - - // default is London city - markers = [], - // initialize the array to keep track all the marker - address_input = document.getElementById('address'); - if (address_input !== null) { - address_input.addEventListener('focus', geolocate); - } - var geocoder = new google.maps.Geocoder(); - initAutocomplete(); - initMap(); - $('#delete_marker').on('click', function (e) { - e.preventDefault(); - deleteMarker(); - }); - } -} -$(document).ready(function () { - initAddListingMap(); -}); - -// Add Listing Map on Elementor EditMode -$(window).on('elementor/frontend/init', function () { - setTimeout(function () { - if ($('body').hasClass('elementor-editor-active')) { - initAddListingMap(); - } - }, 3000); -}); -$('body').on('click', function (e) { - if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { - initAddListingMap(); - } -}); -}(); -/******/ })() -; -//# sourceMappingURL=add-listing-google-map.js.map \ No newline at end of file + + // Adds a marker to the map. + function addMarker(location, map) { + // Add the marker at the clicked location, and add the next-available label; + + // from the array of alphabetical characters. + var marker = new google.maps.marker.AdvancedMarkerElement({ + map: map, + position: location, + gmpDraggable: true, + content: markerShape, + title: localized_data.marker_title, + }); + + // add the marker to the markers array to keep track of it, so that we can show/hide/delete them all later. + markers.push(marker); + markerDragInit(marker); + } + + // Delete Marker + $('#delete_marker').on('click', function (e) { + e.preventDefault(); + deleteMarker(); + }); + function deleteMarker() { + for (var i = 0; i < markers.length; i++) { + markers[i].setMap(null); + } + markers = []; + } + } + } + $(document).ready(function () { + initAddListingMap(); + }); + + // Add Listing Map on Elementor EditMode + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initAddListingMap(); + } + }, 3000); + }); + $('body').on('click', function (e) { + if ( + $('body').hasClass('elementor-editor-active') && + e.target.nodeName !== 'A' && + e.target.nodeName !== 'BUTTON' + ) { + initAddListingMap(); + } + }); + })(); + /******/ +})(); +//# sourceMappingURL=add-listing-google-map.js.map diff --git a/assets/js/add-listing-openstreet-map.js b/assets/js/add-listing-openstreet-map.js index 9981c91df6..88df9b5a02 100644 --- a/assets/js/add-listing-openstreet-map.js +++ b/assets/js/add-listing-openstreet-map.js @@ -1,393 +1,562 @@ -/******/ (function() { // webpackBootstrap -/******/ "use strict"; -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/global/components/debounce.js": -/*!*****************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ 'use strict'; + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/global/components/debounce.js': + /*!*****************************************************!*\ !*** ./assets/src/js/global/components/debounce.js ***! \*****************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ debounce; } -/* harmony export */ }); -function debounce(func, wait, immediate) { - var timeout; - return function () { - var context = this, - args = arguments; - var later = function later() { - timeout = null; - if (!immediate) func.apply(context, args); - }; - var callNow = immediate && !timeout; - clearTimeout(timeout); - timeout = setTimeout(later, wait); - if (callNow) func.apply(context, args); - }; -} + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ debounce; + }, + /* harmony export */ + } + ); + function debounce(func, wait, immediate) { + var timeout; + return function () { + var context = this, + args = arguments; + var later = function later() { + timeout = null; + if (!immediate) func.apply(context, args); + }; + var callNow = immediate && !timeout; + clearTimeout(timeout); + timeout = setTimeout(later, wait); + if (callNow) func.apply(context, args); + }; + } -/***/ }), + /***/ + }, -/***/ "./assets/src/js/lib/helper.js": -/*!*************************************!*\ + /***/ './assets/src/js/lib/helper.js': + /*!*************************************!*\ !*** ./assets/src/js/lib/helper.js ***! \*************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ convertToSelect2: function() { return /* binding */ convertToSelect2; }, -/* harmony export */ get_dom_data: function() { return /* binding */ get_dom_data; } -/* harmony export */ }); -var $ = jQuery; -function get_dom_data(selector, parent) { - selector = '.directorist-dom-data-' + selector; - if (!parent) { - parent = document; - } - var el = parent.querySelector(selector); - if (!el || !el.dataset.value) { - return {}; - } - var IS_SCRIPT_DEBUGGING = directorist && directorist.script_debugging && directorist.script_debugging == '1'; - try { - var value = atob(el.dataset.value); - return JSON.parse(value); - } catch (error) { - if (IS_SCRIPT_DEBUGGING) { - console.log(el, error); - } - return {}; - } -} -function convertToSelect2(selector) { - var $selector = $(selector); - var args = { - allowClear: true, - width: '100%', - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - var iconURI = $(data.element).data('icon'); - var iconElm = ""); - var originalText = data.text; - var modifiedText = originalText.replace(/^(\s*)/, '$1' + iconElm); - var $state = $("
".concat(typeof iconURI !== 'undefined' && iconURI !== '' ? modifiedText : originalText, "
")); - return $state; - } - }; - var options = $selector.find('option'); - if (options.length && options[0].textContent.length) { - args.placeholder = options[0].textContent; - } - $selector.length && $selector.select2(args); -} + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ convertToSelect2: function () { + return /* binding */ convertToSelect2; + }, + /* harmony export */ get_dom_data: function () { + return /* binding */ get_dom_data; + }, + /* harmony export */ + } + ); + var $ = jQuery; + function get_dom_data(selector, parent) { + selector = '.directorist-dom-data-' + selector; + if (!parent) { + parent = document; + } + var el = parent.querySelector(selector); + if (!el || !el.dataset.value) { + return {}; + } + var IS_SCRIPT_DEBUGGING = + directorist && + directorist.script_debugging && + directorist.script_debugging == '1'; + try { + var value = atob(el.dataset.value); + return JSON.parse(value); + } catch (error) { + if (IS_SCRIPT_DEBUGGING) { + console.log(el, error); + } + return {}; + } + } + function convertToSelect2(selector) { + var $selector = $(selector); + var args = { + allowClear: true, + width: '100%', + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + var iconURI = $(data.element).data('icon'); + var iconElm = + '' + ); + var originalText = data.text; + var modifiedText = originalText.replace( + /^(\s*)/, + '$1' + iconElm + ); + var $state = $( + '
'.concat( + typeof iconURI !== 'undefined' && + iconURI !== '' + ? modifiedText + : originalText, + '
' + ) + ); + return $state; + }, + }; + var options = $selector.find('option'); + if (options.length && options[0].textContent.length) { + args.placeholder = options[0].textContent; + } + $selector.length && $selector.select2(args); + } + /***/ + }, -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. -!function() { -/*!************************************************************************!*\ + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. + !(function () { + /*!************************************************************************!*\ !*** ./assets/src/js/global/map-scripts/add-listing/openstreet-map.js ***! \************************************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_debounce__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/debounce */ "./assets/src/js/global/components/debounce.js"); -/* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../../../lib/helper */ "./assets/src/js/lib/helper.js"); -/* Add listing OSMap */ - - + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _components_debounce__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ../../components/debounce */ './assets/src/js/global/components/debounce.js' + ); + /* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./../../../lib/helper */ './assets/src/js/lib/helper.js' + ); + /* Add listing OSMap */ -(function ($) { - // Add focus class to the parent field of .directorist-location-js - function addFocusClass(location) { - // Get the parent field of .directorist-location-js - var parentField = location.closest('.directorist-search-field'); + (function ($) { + // Add focus class to the parent field of .directorist-location-js + function addFocusClass(location) { + // Get the parent field of .directorist-location-js + var parentField = location.closest('.directorist-search-field'); - // Add the 'input-is-focused' class if not already present - if (parentField && !parentField.hasClass('input-is-focused')) { - parentField.addClass('input-is-focused'); - } - } + // Add the 'input-is-focused' class if not already present + if (parentField && !parentField.hasClass('input-is-focused')) { + parentField.addClass('input-is-focused'); + } + } - // Add Listing Map Initialize - function initAddListingMap() { - var mapData = (0,_lib_helper__WEBPACK_IMPORTED_MODULE_1__.get_dom_data)('map_data'); + // Add Listing Map Initialize + function initAddListingMap() { + var mapData = (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_1__.get_dom_data)( + 'map_data' + ); - // Localized Data - var loc_default_latitude = parseFloat(mapData.default_latitude); - var loc_default_longitude = parseFloat(mapData.default_longitude); - var loc_manual_lat = parseFloat(mapData.manual_lat); - var loc_manual_lng = parseFloat(mapData.manual_lng); - var loc_map_zoom_level = parseInt(mapData.map_zoom_level); - var loc_map_icon = mapData.map_icon; - loc_manual_lat = isNaN(loc_manual_lat) ? loc_default_latitude : loc_manual_lat; - loc_manual_lng = isNaN(loc_manual_lng) ? loc_default_longitude : loc_manual_lng; - function mapLeaflet(lat, lon) { - // @todo @kowsar / remove later. fix js error - if ($('#gmap').length == 0) { - return; - } - var fontAwesomeIcon = L.divIcon({ - html: "
".concat(loc_map_icon, "
"), - iconSize: [20, 20], - className: 'myDivIcon' - }); - var mymap = L.map('gmap').setView([lat, lon], loc_map_zoom_level); + // Localized Data + var loc_default_latitude = parseFloat(mapData.default_latitude); + var loc_default_longitude = parseFloat( + mapData.default_longitude + ); + var loc_manual_lat = parseFloat(mapData.manual_lat); + var loc_manual_lng = parseFloat(mapData.manual_lng); + var loc_map_zoom_level = parseInt(mapData.map_zoom_level); + var loc_map_icon = mapData.map_icon; + loc_manual_lat = isNaN(loc_manual_lat) + ? loc_default_latitude + : loc_manual_lat; + loc_manual_lng = isNaN(loc_manual_lng) + ? loc_default_longitude + : loc_manual_lng; + function mapLeaflet(lat, lon) { + // @todo @kowsar / remove later. fix js error + if ($('#gmap').length == 0) { + return; + } + var fontAwesomeIcon = L.divIcon({ + html: '
'.concat( + loc_map_icon, + '
' + ), + iconSize: [20, 20], + className: 'myDivIcon', + }); + var mymap = L.map('gmap').setView( + [lat, lon], + loc_map_zoom_level + ); - // Create draggable marker - var marker = L.marker([lat, lon], { - icon: fontAwesomeIcon, - draggable: true - }).addTo(mymap); + // Create draggable marker + var marker = L.marker([lat, lon], { + icon: fontAwesomeIcon, + draggable: true, + }).addTo(mymap); - // Trigger AJAX request when marker is dropped - marker.on('dragend', function (e) { - var position = marker.getLatLng(); - $('#manual_lat').val(position.lat); - $('#manual_lng').val(position.lng); + // Trigger AJAX request when marker is dropped + marker.on('dragend', function (e) { + var position = marker.getLatLng(); + $('#manual_lat').val(position.lat); + $('#manual_lng').val(position.lng); - // Make AJAX request after the drag ends (marker drop) - $.ajax({ - url: "https://nominatim.openstreetmap.org/reverse?format=json&lon=".concat(position.lng, "&lat=").concat(position.lat), - type: 'GET', - data: {}, - success: function success(data) { - $('.directorist-location-js').val(data.display_name); - addFocusClass($('.directorist-location-js')); - }, - error: function error() { - $('.directorist-location-js').val('Location not found'); - addFocusClass($('.directorist-location-js')); - } - }); - }); - L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { - attribution: '© OpenStreetMap contributors' - }).addTo(mymap); - function toggleFullscreen() { - var mapContainer = document.getElementById('gmap'); - var fullScreenEnable = document.querySelector('#gmap_full_screen_button .fullscreen-enable'); - var fullScreenDisable = document.querySelector('#gmap_full_screen_button .fullscreen-disable'); - if (!document.fullscreenElement && !document.webkitFullscreenElement) { - if (mapContainer.requestFullscreen) { - mapContainer.requestFullscreen(); - fullScreenEnable.style.display = 'none'; - fullScreenDisable.style.display = 'block'; - } else if (mapContainer.webkitRequestFullscreen) { - mapContainer.webkitRequestFullscreen(); - } - } else { - if (document.exitFullscreen) { - document.exitFullscreen(); - fullScreenDisable.style.display = 'none'; - fullScreenEnable.style.display = 'block'; - } else if (document.webkitExitFullscreen) { - document.webkitExitFullscreen(); - } - } - } - $('body').on('click', '#gmap_full_screen_button', function (event) { - event.preventDefault(); - toggleFullscreen(); - }); - } - $('.directorist-location-js').each(function (id, elm) { - var result_container = $(elm).siblings('.address_result'); - $(elm).on('keyup', (0,_components_debounce__WEBPACK_IMPORTED_MODULE_0__["default"])(function (event) { - event.preventDefault(); - var blockedKeyCodes = [16, 17, 18, 19, 20, 27, 33, 34, 35, 36, 37, 38, 39, 40, 45, 91, 93, 112, 113, 114, 115, 116, 117, 118, 119, 120, 121, 122, 123, 144, 145]; + // Make AJAX request after the drag ends (marker drop) + $.ajax({ + url: 'https://nominatim.openstreetmap.org/reverse?format=json&lon=' + .concat(position.lng, '&lat=') + .concat(position.lat), + type: 'GET', + data: {}, + success: function success(data) { + $('.directorist-location-js').val( + data.display_name + ); + addFocusClass($('.directorist-location-js')); + }, + error: function error() { + $('.directorist-location-js').val( + 'Location not found' + ); + addFocusClass($('.directorist-location-js')); + }, + }); + }); + L.tileLayer( + 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', + { + attribution: + '© OpenStreetMap contributors', + } + ).addTo(mymap); + function toggleFullscreen() { + var mapContainer = document.getElementById('gmap'); + var fullScreenEnable = document.querySelector( + '#gmap_full_screen_button .fullscreen-enable' + ); + var fullScreenDisable = document.querySelector( + '#gmap_full_screen_button .fullscreen-disable' + ); + if ( + !document.fullscreenElement && + !document.webkitFullscreenElement + ) { + if (mapContainer.requestFullscreen) { + mapContainer.requestFullscreen(); + fullScreenEnable.style.display = 'none'; + fullScreenDisable.style.display = 'block'; + } else if (mapContainer.webkitRequestFullscreen) { + mapContainer.webkitRequestFullscreen(); + } + } else { + if (document.exitFullscreen) { + document.exitFullscreen(); + fullScreenDisable.style.display = 'none'; + fullScreenEnable.style.display = 'block'; + } else if (document.webkitExitFullscreen) { + document.webkitExitFullscreen(); + } + } + } + $('body').on( + 'click', + '#gmap_full_screen_button', + function (event) { + event.preventDefault(); + toggleFullscreen(); + } + ); + } + $('.directorist-location-js').each(function (id, elm) { + var result_container = $(elm).siblings('.address_result'); + $(elm).on( + 'keyup', + (0, + _components_debounce__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(function (event) { + event.preventDefault(); + var blockedKeyCodes = [ + 16, 17, 18, 19, 20, 27, 33, 34, 35, 36, 37, 38, + 39, 40, 45, 91, 93, 112, 113, 114, 115, 116, + 117, 118, 119, 120, 121, 122, 123, 144, 145, + ]; - // Return early when blocked key is pressed. - if (blockedKeyCodes.includes(event.keyCode)) { - return; - } - var locationAddressField = $(this).parent('.directorist-form-address-field'); - var search = $(elm).val(); - if (search.length < 3) { - result_container.css({ - display: 'none' - }); - } else { - locationAddressField.addClass('atbdp-form-fade'); - result_container.css({ - display: 'block' - }); - $.ajax({ - url: "https://nominatim.openstreetmap.org/?q=%27+".concat(search, "+%27&format=json"), - type: 'GET', - data: {}, - success: function success(data) { - var res = ''; - for (var i = 0; i < data.length; i++) { - res += "
  • ").concat(data[i].display_name, "
  • "); - } - result_container.find('ul').html(res); - if (res.length) { - result_container.show(); - } else { - result_container.hide(); - } - locationAddressField.removeClass('atbdp-form-fade'); - } - }); - } - }, 750)); - }); - var lat = loc_manual_lat, - lon = loc_manual_lng; - mapLeaflet(lat, lon); + // Return early when blocked key is pressed. + if (blockedKeyCodes.includes(event.keyCode)) { + return; + } + var locationAddressField = $(this).parent( + '.directorist-form-address-field' + ); + var search = $(elm).val(); + if (search.length < 3) { + result_container.css({ + display: 'none', + }); + } else { + locationAddressField.addClass( + 'atbdp-form-fade' + ); + result_container.css({ + display: 'block', + }); + $.ajax({ + url: 'https://nominatim.openstreetmap.org/?q=%27+'.concat( + search, + '+%27&format=json' + ), + type: 'GET', + data: {}, + success: function success(data) { + var res = ''; + for (var i = 0; i < data.length; i++) { + res += '
  • ') + .concat( + data[i].display_name, + '
  • ' + ); + } + result_container.find('ul').html(res); + if (res.length) { + result_container.show(); + } else { + result_container.hide(); + } + locationAddressField.removeClass( + 'atbdp-form-fade' + ); + }, + }); + } + }, 750) + ); + }); + var lat = loc_manual_lat, + lon = loc_manual_lng; + mapLeaflet(lat, lon); - // Add Map on Add Listing Multistep - $('body').on('click', '.multistep-wizard__btn', function (event) { - if (document.getElementById('osm')) { - document.getElementById('osm').innerHTML = "
    "; - mapLeaflet(lat, lon); - } - }); - $('body').on('click', '.directorist-form-address-field .address_result ul li a', function (event) { - if (document.getElementById('osm')) { - document.getElementById('osm').innerHTML = "
    "; - } - event.preventDefault(); - var text = $(this).text(), - lat = $(this).data('lat'), - lon = $(this).data('lon'); - $('#manual_lat').val(lat); - $('#manual_lng').val(lon); - $(this).closest('.address_result').siblings('.directorist-location-js').val(text); - $('.address_result').css({ - display: 'none' - }); - mapLeaflet(lat, lon); - }); - $('body').on('click', '.location-names ul li a', function (event) { - event.preventDefault(); - var text = $(this).text(); - $(this).closest('.address_result').siblings('.directorist-location-js').val(text); - $('.address_result').css({ - display: 'none' - }); - }); - $('body').on('click', '#generate_admin_map', function (event) { - event.preventDefault(); - document.getElementById('osm').innerHTML = "
    "; - mapLeaflet($('#manual_lat').val(), $('#manual_lng').val()); - }); + // Add Map on Add Listing Multistep + $('body').on( + 'click', + '.multistep-wizard__btn', + function (event) { + if (document.getElementById('osm')) { + document.getElementById('osm').innerHTML = + "
    "; + mapLeaflet(lat, lon); + } + } + ); + $('body').on( + 'click', + '.directorist-form-address-field .address_result ul li a', + function (event) { + if (document.getElementById('osm')) { + document.getElementById('osm').innerHTML = + "
    "; + } + event.preventDefault(); + var text = $(this).text(), + lat = $(this).data('lat'), + lon = $(this).data('lon'); + $('#manual_lat').val(lat); + $('#manual_lng').val(lon); + $(this) + .closest('.address_result') + .siblings('.directorist-location-js') + .val(text); + $('.address_result').css({ + display: 'none', + }); + mapLeaflet(lat, lon); + } + ); + $('body').on( + 'click', + '.location-names ul li a', + function (event) { + event.preventDefault(); + var text = $(this).text(); + $(this) + .closest('.address_result') + .siblings('.directorist-location-js') + .val(text); + $('.address_result').css({ + display: 'none', + }); + } + ); + $('body').on('click', '#generate_admin_map', function (event) { + event.preventDefault(); + document.getElementById('osm').innerHTML = + "
    "; + mapLeaflet($('#manual_lat').val(), $('#manual_lng').val()); + }); - // Popup controller by keyboard - var index = 0; - $('.directorist-location-js').on('keyup', function (event) { - event.preventDefault(); - var length = $('#directorist.atbd_wrapper .address_result ul li a').length; - if (event.keyCode === 40) { - index++; - if (index > length) { - index = 0; - } - } else if (event.keyCode === 38) { - index--; - if (index < 0) { - index = length; - } - } - if ($('#directorist.atbd_wrapper .address_result ul li a').length > 0) { - $('#directorist.atbd_wrapper .address_result ul li a').removeClass('active'); - $($('#directorist.atbd_wrapper .address_result ul li a')[index]).addClass('active'); - if (event.keyCode === 13) { - $($('#directorist.atbd_wrapper .address_result ul li a')[index]).click(); - event.preventDefault(); - index = 0; - return false; - } - } - }); - } - $(document).ready(function () { - initAddListingMap(); - }); + // Popup controller by keyboard + var index = 0; + $('.directorist-location-js').on('keyup', function (event) { + event.preventDefault(); + var length = $( + '#directorist.atbd_wrapper .address_result ul li a' + ).length; + if (event.keyCode === 40) { + index++; + if (index > length) { + index = 0; + } + } else if (event.keyCode === 38) { + index--; + if (index < 0) { + index = length; + } + } + if ( + $('#directorist.atbd_wrapper .address_result ul li a') + .length > 0 + ) { + $( + '#directorist.atbd_wrapper .address_result ul li a' + ).removeClass('active'); + $( + $( + '#directorist.atbd_wrapper .address_result ul li a' + )[index] + ).addClass('active'); + if (event.keyCode === 13) { + $( + $( + '#directorist.atbd_wrapper .address_result ul li a' + )[index] + ).click(); + event.preventDefault(); + index = 0; + return false; + } + } + }); + } + $(document).ready(function () { + initAddListingMap(); + }); - // Add Listing Map on Elementor EditMode - $(window).on('elementor/frontend/init', function () { - setTimeout(function () { - if ($('body').hasClass('elementor-editor-active')) { - initAddListingMap(); - } - }, 3000); - }); - $('body').on('click', function (e) { - if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { - initAddListingMap(); - } - }); -})(jQuery); -}(); -/******/ })() -; -//# sourceMappingURL=add-listing-openstreet-map.js.map \ No newline at end of file + // Add Listing Map on Elementor EditMode + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initAddListingMap(); + } + }, 3000); + }); + $('body').on('click', function (e) { + if ( + $('body').hasClass('elementor-editor-active') && + e.target.nodeName !== 'A' && + e.target.nodeName !== 'BUTTON' + ) { + initAddListingMap(); + } + }); + })(jQuery); + })(); + /******/ +})(); +//# sourceMappingURL=add-listing-openstreet-map.js.map diff --git a/assets/js/add-listing.js b/assets/js/add-listing.js index 2466f79645..f26dd0dbb4 100644 --- a/assets/js/add-listing.js +++ b/assets/js/add-listing.js @@ -1,2315 +1,3828 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/global/components/debounce.js": -/*!*****************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/global/components/debounce.js': + /*!*****************************************************!*\ !*** ./assets/src/js/global/components/debounce.js ***! \*****************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ debounce; } -/* harmony export */ }); -function debounce(func, wait, immediate) { - var timeout; - return function () { - var context = this, - args = arguments; - var later = function later() { - timeout = null; - if (!immediate) func.apply(context, args); - }; - var callNow = immediate && !timeout; - clearTimeout(timeout); - timeout = setTimeout(later, wait); - if (callNow) func.apply(context, args); - }; -} - -/***/ }), - -/***/ "./assets/src/js/global/components/select2-custom-control.js": -/*!*******************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ debounce; + }, + /* harmony export */ + } + ); + function debounce(func, wait, immediate) { + var timeout; + return function () { + var context = this, + args = arguments; + var later = function later() { + timeout = null; + if (!immediate) func.apply(context, args); + }; + var callNow = immediate && !timeout; + clearTimeout(timeout); + timeout = setTimeout(later, wait); + if (callNow) func.apply(context, args); + }; + } + + /***/ + }, + + /***/ './assets/src/js/global/components/select2-custom-control.js': + /*!*******************************************************************!*\ !*** ./assets/src/js/global/components/select2-custom-control.js ***! \*******************************************************************/ -/***/ (function() { - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -var $ = jQuery; -window.addEventListener('load', waitAndInit); -window.addEventListener('directorist-search-form-nav-tab-reloaded', waitAndInit); -window.addEventListener('directorist-type-change', waitAndInit); -window.addEventListener('directorist-instant-search-reloaded', waitAndInit); -function waitAndInit() { - setTimeout(init, 0); -} - -// Initialize -function init() { - // Add custom dropdown toggle button - selec2_add_custom_dropdown_toggle_button(); - - // Add custom close button where needed - selec2_add_custom_close_button_if_needed(); - - // Add custom close button if field contains value on change - $('.select2-hidden-accessible').on('change', function (e) { - var value = $(this).children('option:selected').val(); - if (!value) { - return; - } - selec2_add_custom_close_button($(this)); - var selectItems = this.parentElement.querySelectorAll('.select2-selection__choice'); - selectItems.forEach(function (item) { - item.childNodes && item.childNodes.forEach(function (node) { - if (node.nodeType && node.nodeType === Node.TEXT_NODE) { - var originalString = node.textContent; - var modifiedString = originalString.replace(/^[\s\xa0]+/, ''); - node.textContent = modifiedString; - item.title = modifiedString; - } - }); - }); - var customSelectItem = this.parentElement.querySelector('.select2-selection__rendered'); - customSelectItem.childNodes && customSelectItem.childNodes.forEach(function (node) { - if (node.nodeType && node.nodeType === Node.TEXT_NODE) { - var originalString = node.textContent; - var modifiedString = originalString.replace(/^[\s\xa0]+/, ''); - node.textContent = modifiedString; - } - }); - }); -} -function selec2_add_custom_dropdown_toggle_button() { - // Remove Default - $('.select2-selection__arrow').css({ - display: 'none' - }); - var addon_container = selec2_get_addon_container('.select2-hidden-accessible'); - if (!addon_container) { - return; - } - var dropdown = addon_container.find('.directorist-select2-dropdown-toggle'); - if (!dropdown.length) { - // Add Dropdown Toggle Button - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/chevron-down.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - var dropdownHTML = "".concat(iconHTML, ""); - addon_container.append(dropdownHTML); - } - var selec2_custom_dropdown = addon_container.find('.directorist-select2-dropdown-toggle'); - - // Toggle --is-open class - $('.select2-hidden-accessible').on('select2:open', function (e) { - var dropdown_btn = $(this).next().find('.directorist-select2-dropdown-toggle'); - dropdown_btn.addClass('--is-open'); - }); - $('.select2-hidden-accessible').on('select2:close', function (e) { - var dropdown_btn = $(this).next().find('.directorist-select2-dropdown-toggle'); - dropdown_btn.removeClass('--is-open'); - var dropdownParent = $(this).closest('.directorist-search-field'); - var renderTitle = $(this).next().find('.select2-selection__rendered').attr('title'); - - // Check if renderTitle is empty and remove the focus class if so - if (!renderTitle) { - dropdownParent.removeClass('input-is-focused'); - } else { - dropdownParent.addClass('input-has-value'); - } - }); - - // Toggle Dropdown - selec2_custom_dropdown.on('click', function (e) { - var isOpen = $(this).hasClass('--is-open'); - var field = $(this).closest('.select2-container').siblings('select:enabled'); - if (isOpen) { - field.select2('close'); - } else { - field.select2('open'); - } - }); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_add_custom_close_button_if_needed() { - var select2_fields = $('.select2-hidden-accessible'); - if (!select2_fields && !select2_fields.length) { - return; - } - var _iterator = _createForOfIteratorHelper(select2_fields), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var field = _step.value; - var value = $(field).children('option:selected').val(); - if (!value) { - continue; - } - selec2_add_custom_close_button(field); - } - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } -} -function selec2_add_custom_close_button(field) { - // Remove Default - $('.select2-selection__clear').css({ - display: 'none' - }); - var addon_container = selec2_get_addon_container(field); - if (!(addon_container && addon_container.length)) { - return; - } - - // Remove if already exists - addon_container.find('.directorist-select2-dropdown-close').remove(); - - // Add - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/times.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - addon_container.prepend("".concat(iconHTML, "")); - var selec2_custom_close = addon_container.find('.directorist-select2-dropdown-close'); - selec2_custom_close.on('click', function (e) { - var field = $(this).closest('.select2-container').siblings('select:enabled'); - field.val(null).trigger('change'); - addon_container.find('.directorist-select2-dropdown-close').remove(); - selec2_adjust_space_for_addons(); - }); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_remove_custom_close_button(field) { - var addon_container = selec2_get_addon_container(field); - if (!(addon_container && addon_container.length)) { - return; - } - - // Remove - addon_container.find('.directorist-select2-dropdown-close').remove(); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_get_addon_container(field) { - var container = field ? $(field).next('.select2-container') : $('.select2-container'); - container = $(container).find('.directorist-select2-addons-area'); - if (!container.length) { - $('.select2-container').append(''); - container = $('.select2-container').find('.directorist-select2-addons-area'); - } - var container = field ? $(field).next('.select2-container') : null; - if (!container) { - return null; - } - var addonsArea = $(container).find('.directorist-select2-addons-area'); - if (!addonsArea.length) { - container.append(''); - return container.find('.directorist-select2-addons-area'); - } - return addonsArea; -} -function selec2_adjust_space_for_addons() { - var container = $('.select2-container').find('.directorist-select2-addons-area'); - if (!container.length) { - return; - } - var width = container.outerWidth(); - $('.select2-container').find('.select2-selection__rendered').css({ - 'padding-right': width + 'px' - }); -} - -/***/ }), - -/***/ "./assets/src/js/global/components/setup-select2.js": -/*!**********************************************************!*\ + /***/ function () { + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + var $ = jQuery; + window.addEventListener('load', waitAndInit); + window.addEventListener( + 'directorist-search-form-nav-tab-reloaded', + waitAndInit + ); + window.addEventListener('directorist-type-change', waitAndInit); + window.addEventListener( + 'directorist-instant-search-reloaded', + waitAndInit + ); + function waitAndInit() { + setTimeout(init, 0); + } + + // Initialize + function init() { + // Add custom dropdown toggle button + selec2_add_custom_dropdown_toggle_button(); + + // Add custom close button where needed + selec2_add_custom_close_button_if_needed(); + + // Add custom close button if field contains value on change + $('.select2-hidden-accessible').on('change', function (e) { + var value = $(this).children('option:selected').val(); + if (!value) { + return; + } + selec2_add_custom_close_button($(this)); + var selectItems = this.parentElement.querySelectorAll( + '.select2-selection__choice' + ); + selectItems.forEach(function (item) { + item.childNodes && + item.childNodes.forEach(function (node) { + if ( + node.nodeType && + node.nodeType === Node.TEXT_NODE + ) { + var originalString = node.textContent; + var modifiedString = + originalString.replace( + /^[\s\xa0]+/, + '' + ); + node.textContent = modifiedString; + item.title = modifiedString; + } + }); + }); + var customSelectItem = this.parentElement.querySelector( + '.select2-selection__rendered' + ); + customSelectItem.childNodes && + customSelectItem.childNodes.forEach( + function (node) { + if ( + node.nodeType && + node.nodeType === Node.TEXT_NODE + ) { + var originalString = node.textContent; + var modifiedString = + originalString.replace( + /^[\s\xa0]+/, + '' + ); + node.textContent = modifiedString; + } + } + ); + }); + } + function selec2_add_custom_dropdown_toggle_button() { + // Remove Default + $('.select2-selection__arrow').css({ + display: 'none', + }); + var addon_container = selec2_get_addon_container( + '.select2-hidden-accessible' + ); + if (!addon_container) { + return; + } + var dropdown = addon_container.find( + '.directorist-select2-dropdown-toggle' + ); + if (!dropdown.length) { + // Add Dropdown Toggle Button + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/chevron-down.svg'; + var iconHTML = directorist.icon_markup + .replace('##URL##', iconURL) + .replace('##CLASS##', ''); + var dropdownHTML = + ''.concat( + iconHTML, + '' + ); + addon_container.append(dropdownHTML); + } + var selec2_custom_dropdown = addon_container.find( + '.directorist-select2-dropdown-toggle' + ); + + // Toggle --is-open class + $('.select2-hidden-accessible').on( + 'select2:open', + function (e) { + var dropdown_btn = $(this) + .next() + .find('.directorist-select2-dropdown-toggle'); + dropdown_btn.addClass('--is-open'); + } + ); + $('.select2-hidden-accessible').on( + 'select2:close', + function (e) { + var dropdown_btn = $(this) + .next() + .find('.directorist-select2-dropdown-toggle'); + dropdown_btn.removeClass('--is-open'); + var dropdownParent = $(this).closest( + '.directorist-search-field' + ); + var renderTitle = $(this) + .next() + .find('.select2-selection__rendered') + .attr('title'); + + // Check if renderTitle is empty and remove the focus class if so + if (!renderTitle) { + dropdownParent.removeClass('input-is-focused'); + } else { + dropdownParent.addClass('input-has-value'); + } + } + ); + + // Toggle Dropdown + selec2_custom_dropdown.on('click', function (e) { + var isOpen = $(this).hasClass('--is-open'); + var field = $(this) + .closest('.select2-container') + .siblings('select:enabled'); + if (isOpen) { + field.select2('close'); + } else { + field.select2('open'); + } + }); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_add_custom_close_button_if_needed() { + var select2_fields = $('.select2-hidden-accessible'); + if (!select2_fields && !select2_fields.length) { + return; + } + var _iterator = _createForOfIteratorHelper(select2_fields), + _step; + try { + for (_iterator.s(); !(_step = _iterator.n()).done; ) { + var field = _step.value; + var value = $(field) + .children('option:selected') + .val(); + if (!value) { + continue; + } + selec2_add_custom_close_button(field); + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + } + function selec2_add_custom_close_button(field) { + // Remove Default + $('.select2-selection__clear').css({ + display: 'none', + }); + var addon_container = selec2_get_addon_container(field); + if (!(addon_container && addon_container.length)) { + return; + } + + // Remove if already exists + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + + // Add + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/times.svg'; + var iconHTML = directorist.icon_markup + .replace('##URL##', iconURL) + .replace('##CLASS##', ''); + addon_container.prepend( + ''.concat( + iconHTML, + '' + ) + ); + var selec2_custom_close = addon_container.find( + '.directorist-select2-dropdown-close' + ); + selec2_custom_close.on('click', function (e) { + var field = $(this) + .closest('.select2-container') + .siblings('select:enabled'); + field.val(null).trigger('change'); + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + selec2_adjust_space_for_addons(); + }); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_remove_custom_close_button(field) { + var addon_container = selec2_get_addon_container(field); + if (!(addon_container && addon_container.length)) { + return; + } + + // Remove + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_get_addon_container(field) { + var container = field + ? $(field).next('.select2-container') + : $('.select2-container'); + container = $(container).find( + '.directorist-select2-addons-area' + ); + if (!container.length) { + $('.select2-container').append( + '' + ); + container = $('.select2-container').find( + '.directorist-select2-addons-area' + ); + } + var container = field + ? $(field).next('.select2-container') + : null; + if (!container) { + return null; + } + var addonsArea = $(container).find( + '.directorist-select2-addons-area' + ); + if (!addonsArea.length) { + container.append( + '' + ); + return container.find( + '.directorist-select2-addons-area' + ); + } + return addonsArea; + } + function selec2_adjust_space_for_addons() { + var container = $('.select2-container').find( + '.directorist-select2-addons-area' + ); + if (!container.length) { + return; + } + var width = container.outerWidth(); + $('.select2-container') + .find('.select2-selection__rendered') + .css({ + 'padding-right': width + 'px', + }); + } + + /***/ + }, + + /***/ './assets/src/js/global/components/setup-select2.js': + /*!**********************************************************!*\ !*** ./assets/src/js/global/components/setup-select2.js ***! \**********************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js"); -/* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../../lib/helper */ "./assets/src/js/lib/helper.js"); -/* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./select2-custom-control */ "./assets/src/js/global/components/select2-custom-control.js"); -/* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_select2_custom_control__WEBPACK_IMPORTED_MODULE_2__); - -function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } -function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } - - -var $ = jQuery; -window.addEventListener('load', initSelect2); -document.body.addEventListener('directorist-search-form-nav-tab-reloaded', initSelect2); -document.body.addEventListener('directorist-reload-select2-fields', initSelect2); -window.addEventListener('directorist-instant-search-reloaded', initSelect2); - -// Init Static Select 2 Fields -function initSelect2() { - var selectors = ['.directorist-select select', '#directorist-select-js', - // Not found in any template - '#directorist-search-category-js', - // Not found in any template - // '#directorist-select-st-s-js', - // '#directorist-select-sn-s-js', - // '#directorist-select-mn-e-js', - // '#directorist-select-tu-e-js', - // '#directorist-select-wd-s-js', - // '#directorist-select-wd-e-js', - // '#directorist-select-th-e-js', - // '#directorist-select-fr-s-js', - // '#directorist-select-fr-e-js', - '.select-basic', - // Not found in any template - '#loc-type', '#cat-type', '#at_biz_dir-category', '.bdas-location-search', - // Not found in any template - '.bdas-category-search' // Not found in any template - ]; - selectors.forEach(function (selector) { - return (0,_lib_helper__WEBPACK_IMPORTED_MODULE_1__.convertToSelect2)(selector); - }); - initMaybeLazyLoadedTaxonomySelect2(); -} - -// Init Select2 Ajax Fields -function initMaybeLazyLoadedTaxonomySelect2() { - var restBase = "".concat(directorist.rest_url, "directorist/v1"); - maybeLazyLoadCategories({ - selector: '.directorist-search-category select', - url: "".concat(restBase, "/listings/categories") - }); - maybeLazyLoadCategories({ - selector: '.directorist-form-categories-field select', - url: "".concat(restBase, "/listings/categories") - }); - maybeLazyLoadLocations({ - selector: '.directorist-search-location select', - url: "".concat(restBase, "/listings/locations") - }); - maybeLazyLoadLocations({ - selector: '.directorist-form-location-field select', - url: "".concat(restBase, "/listings/locations") - }); - maybeLazyLoadTags({ - selector: '.directorist-form-tag-field select', - url: "".concat(restBase, "/listings/tags") - }); -} -function maybeLazyLoadCategories(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'categories' - }), args)); -} -function maybeLazyLoadLocations(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'locations' - }), args)); -} -function maybeLazyLoadTags(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'tags' - }), args)); -} - -// maybeLazyLoadTaxonomyTermsSelect2 -function maybeLazyLoadTaxonomyTermsSelect2(args) { - var defaults = { - selector: '', - url: '', - taxonomy: 'tags' - }; - args = _objectSpread(_objectSpread({}, defaults), args); - if (!args.selector) { - return; - } - var $el = $(args.selector); - var $addListing = $el.closest('.directorist-add-listing-form'); - var canCreate = $el.data('allow_new'); - var maxLength = $el.data('max'); - var directoryId = 0; - if (args.taxonomy !== 'tags') { - var $searchForm = $el.closest('.directorist-search-form'); - var $archivePage = $el.closest('.directorist-archive-contents'); - var $directory = $addListing.find('input[name="directory_type"]'); - var $navListItem = null; - - // If search page - if ($searchForm.length) { - $navListItem = $searchForm.find('.directorist-listing-type-selection__link--current'); - } - if ($archivePage.length) { - $navListItem = $archivePage.find('.directorist-type-nav__list li.directorist-type-nav__list__current .directorist-type-nav__link'); - } - if ($navListItem && $navListItem.length) { - directoryId = Number($navListItem.data('listing_type_id')); - } - if ($directory.length) { - directoryId = $directory.val(); - } - if (directoryId) { - directoryId = Number(directoryId); - } - } - var currentPage = 1; - var select2Options = { - allowClear: true, - tags: canCreate, - maximumSelectionLength: maxLength, - width: '100%', - escapeMarkup: function escapeMarkup(text) { - return text; - }, - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - - // Fetch the data-icon attribute - var iconURI = $(data.element).attr('data-icon'); - - // Get the original text - var originalText = data.text; - - // Match and count leading spaces - var leadingSpaces = originalText.match(/^\s+/); - var spaceCount = leadingSpaces ? leadingSpaces[0].length : 0; - - // Trim leading spaces from the original text - originalText = originalText.trim(); - - // Construct the icon element - var iconElm = iconURI ? "") : ''; - - // Prepare the combined text (icon + text) - var combinedText = iconElm + originalText; - - // Create the state container - var $state = $('
    '); - - // Determine the level based on space count - var level = Math.floor(spaceCount / 8) + 1; // 8 spaces = level 2, 16 spaces = level 3, etc. - if (level > 1) { - $state.addClass('item-level-' + level); // Add class for the level (e.g., level-1, level-2, etc.) - } - $state.html(combinedText); // Set the combined content (icon + text) - - return $state; - } - }; - if (directorist.lazy_load_taxonomy_fields) { - select2Options.ajax = { - url: args.url, - dataType: 'json', - cache: true, - delay: 250, - data: function data(params) { - currentPage = params.page || 1; - var query = { - page: currentPage, - per_page: args.perPage, - hide_empty: true - }; - - // Load empty terms on add listings. - if ($addListing.length) { - query.hide_empty = false; - } - if (params.term) { - query.search = params.term; - query.hide_empty = false; - } - if (directoryId) { - query.directory = directoryId; - } - return query; - }, - processResults: function processResults(data) { - return { - results: data.items, - pagination: { - more: data.paginationMore - } - }; - }, - transport: function transport(params, success, failure) { - var $request = $.ajax(params); - $request.then(function (data, textStatus, jqXHR) { - var totalPage = Number(jqXHR.getResponseHeader('x-wp-totalpages')); - var paginationMore = currentPage < totalPage; - var items = data.map(function (item) { - var text = item.name; - if (!$addListing.length && params.data.search) { - text = "".concat(item.name, " (").concat(item.count, ")"); - } - return { - id: item.id, - text: text - }; - }); - return { - items: items, - paginationMore: paginationMore - }; - }).then(success); - $request.fail(failure); - return $request; - } - }; - } - $el.length && $el.select2(select2Options); - if (directorist.lazy_load_taxonomy_fields) { - var setupSelectedItems = function setupSelectedItems($el, selectedId, selectedLabel) { - if (!$el.length || !selectedId) { - return; - } - var selectedIds = "".concat(selectedId).split(','); - var selectedLabels = selectedLabel ? "".concat(selectedLabel).split(',') : []; - selectedIds.forEach(function (id, index) { - var label = selectedLabels.length >= index + 1 ? selectedLabels[index] : ''; - var option = new Option(label, id, true, true); - $el.append(option); - $el.trigger({ - type: 'select2:select', - params: { - data: { - id: id, - text: label - } - } - }); - }); - }; - setupSelectedItems($el, $el.data('selected-id'), $el.data('selected-label')); - } -} - -/***/ }), - -/***/ "./assets/src/js/helper.js": -/*!*********************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/defineProperty */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/defineProperty.js' + ); + /* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./../../lib/helper */ './assets/src/js/lib/helper.js' + ); + /* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./select2-custom-control */ './assets/src/js/global/components/select2-custom-control.js' + ); + /* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ + ); + + function ownKeys(e, r) { + var t = Object.keys(e); + if (Object.getOwnPropertySymbols) { + var o = Object.getOwnPropertySymbols(e); + (r && + (o = o.filter(function (r) { + return Object.getOwnPropertyDescriptor(e, r) + .enumerable; + })), + t.push.apply(t, o)); + } + return t; + } + function _objectSpread(e) { + for (var r = 1; r < arguments.length; r++) { + var t = null != arguments[r] ? arguments[r] : {}; + r % 2 + ? ownKeys(Object(t), !0).forEach(function (r) { + (0, + _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(e, r, t[r]); + }) + : Object.getOwnPropertyDescriptors + ? Object.defineProperties( + e, + Object.getOwnPropertyDescriptors(t) + ) + : ownKeys(Object(t)).forEach(function (r) { + Object.defineProperty( + e, + r, + Object.getOwnPropertyDescriptor( + t, + r + ) + ); + }); + } + return e; + } + + var $ = jQuery; + window.addEventListener('load', initSelect2); + document.body.addEventListener( + 'directorist-search-form-nav-tab-reloaded', + initSelect2 + ); + document.body.addEventListener( + 'directorist-reload-select2-fields', + initSelect2 + ); + window.addEventListener( + 'directorist-instant-search-reloaded', + initSelect2 + ); + + // Init Static Select 2 Fields + function initSelect2() { + var selectors = [ + '.directorist-select select', + '#directorist-select-js', + // Not found in any template + '#directorist-search-category-js', + // Not found in any template + // '#directorist-select-st-s-js', + // '#directorist-select-sn-s-js', + // '#directorist-select-mn-e-js', + // '#directorist-select-tu-e-js', + // '#directorist-select-wd-s-js', + // '#directorist-select-wd-e-js', + // '#directorist-select-th-e-js', + // '#directorist-select-fr-s-js', + // '#directorist-select-fr-e-js', + '.select-basic', + // Not found in any template + '#loc-type', + '#cat-type', + '#at_biz_dir-category', + '.bdas-location-search', + // Not found in any template + '.bdas-category-search', // Not found in any template + ]; + selectors.forEach(function (selector) { + return (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_1__.convertToSelect2)( + selector + ); + }); + initMaybeLazyLoadedTaxonomySelect2(); + } + + // Init Select2 Ajax Fields + function initMaybeLazyLoadedTaxonomySelect2() { + var restBase = ''.concat( + directorist.rest_url, + 'directorist/v1' + ); + maybeLazyLoadCategories({ + selector: '.directorist-search-category select', + url: ''.concat(restBase, '/listings/categories'), + }); + maybeLazyLoadCategories({ + selector: '.directorist-form-categories-field select', + url: ''.concat(restBase, '/listings/categories'), + }); + maybeLazyLoadLocations({ + selector: '.directorist-search-location select', + url: ''.concat(restBase, '/listings/locations'), + }); + maybeLazyLoadLocations({ + selector: '.directorist-form-location-field select', + url: ''.concat(restBase, '/listings/locations'), + }); + maybeLazyLoadTags({ + selector: '.directorist-form-tag-field select', + url: ''.concat(restBase, '/listings/tags'), + }); + } + function maybeLazyLoadCategories(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'categories', + } + ), + args + ) + ); + } + function maybeLazyLoadLocations(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'locations', + } + ), + args + ) + ); + } + function maybeLazyLoadTags(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'tags', + } + ), + args + ) + ); + } + + // maybeLazyLoadTaxonomyTermsSelect2 + function maybeLazyLoadTaxonomyTermsSelect2(args) { + var defaults = { + selector: '', + url: '', + taxonomy: 'tags', + }; + args = _objectSpread(_objectSpread({}, defaults), args); + if (!args.selector) { + return; + } + var $el = $(args.selector); + var $addListing = $el.closest( + '.directorist-add-listing-form' + ); + var canCreate = $el.data('allow_new'); + var maxLength = $el.data('max'); + var directoryId = 0; + if (args.taxonomy !== 'tags') { + var $searchForm = $el.closest( + '.directorist-search-form' + ); + var $archivePage = $el.closest( + '.directorist-archive-contents' + ); + var $directory = $addListing.find( + 'input[name="directory_type"]' + ); + var $navListItem = null; + + // If search page + if ($searchForm.length) { + $navListItem = $searchForm.find( + '.directorist-listing-type-selection__link--current' + ); + } + if ($archivePage.length) { + $navListItem = $archivePage.find( + '.directorist-type-nav__list li.directorist-type-nav__list__current .directorist-type-nav__link' + ); + } + if ($navListItem && $navListItem.length) { + directoryId = Number( + $navListItem.data('listing_type_id') + ); + } + if ($directory.length) { + directoryId = $directory.val(); + } + if (directoryId) { + directoryId = Number(directoryId); + } + } + var currentPage = 1; + var select2Options = { + allowClear: true, + tags: canCreate, + maximumSelectionLength: maxLength, + width: '100%', + escapeMarkup: function escapeMarkup(text) { + return text; + }, + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + + // Fetch the data-icon attribute + var iconURI = $(data.element).attr('data-icon'); + + // Get the original text + var originalText = data.text; + + // Match and count leading spaces + var leadingSpaces = originalText.match(/^\s+/); + var spaceCount = leadingSpaces + ? leadingSpaces[0].length + : 0; + + // Trim leading spaces from the original text + originalText = originalText.trim(); + + // Construct the icon element + var iconElm = iconURI + ? '' + ) + : ''; + + // Prepare the combined text (icon + text) + var combinedText = iconElm + originalText; + + // Create the state container + var $state = $( + '
    ' + ); + + // Determine the level based on space count + var level = Math.floor(spaceCount / 8) + 1; // 8 spaces = level 2, 16 spaces = level 3, etc. + if (level > 1) { + $state.addClass('item-level-' + level); // Add class for the level (e.g., level-1, level-2, etc.) + } + $state.html(combinedText); // Set the combined content (icon + text) + + return $state; + }, + }; + if (directorist.lazy_load_taxonomy_fields) { + select2Options.ajax = { + url: args.url, + dataType: 'json', + cache: true, + delay: 250, + data: function data(params) { + currentPage = params.page || 1; + var query = { + page: currentPage, + per_page: args.perPage, + hide_empty: true, + }; + + // Load empty terms on add listings. + if ($addListing.length) { + query.hide_empty = false; + } + if (params.term) { + query.search = params.term; + query.hide_empty = false; + } + if (directoryId) { + query.directory = directoryId; + } + return query; + }, + processResults: function processResults(data) { + return { + results: data.items, + pagination: { + more: data.paginationMore, + }, + }; + }, + transport: function transport( + params, + success, + failure + ) { + var $request = $.ajax(params); + $request + .then(function (data, textStatus, jqXHR) { + var totalPage = Number( + jqXHR.getResponseHeader( + 'x-wp-totalpages' + ) + ); + var paginationMore = + currentPage < totalPage; + var items = data.map(function (item) { + var text = item.name; + if ( + !$addListing.length && + params.data.search + ) { + text = '' + .concat(item.name, ' (') + .concat(item.count, ')'); + } + return { + id: item.id, + text: text, + }; + }); + return { + items: items, + paginationMore: paginationMore, + }; + }) + .then(success); + $request.fail(failure); + return $request; + }, + }; + } + $el.length && $el.select2(select2Options); + if (directorist.lazy_load_taxonomy_fields) { + function setupSelectedItems( + $el, + selectedId, + selectedLabel + ) { + if (!$el.length || !selectedId) { + return; + } + var selectedIds = ''.concat(selectedId).split(','); + var selectedLabels = selectedLabel + ? ''.concat(selectedLabel).split(',') + : []; + selectedIds.forEach(function (id, index) { + var label = + selectedLabels.length >= index + 1 + ? selectedLabels[index] + : ''; + var option = new Option(label, id, true, true); + $el.append(option); + $el.trigger({ + type: 'select2:select', + params: { + data: { + id: id, + text: label, + }, + }, + }); + }); + } + setupSelectedItems( + $el, + $el.data('selected-id'), + $el.data('selected-label') + ); + } + } + + /***/ + }, + + /***/ './assets/src/js/helper.js': + /*!*********************************!*\ !*** ./assets/src/js/helper.js ***! \*********************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ directoristRequestHeaders: function() { return /* binding */ directoristRequestHeaders; }, -/* harmony export */ findObjectItem: function() { return /* binding */ findObjectItem; }, -/* harmony export */ isObject: function() { return /* binding */ isObject; } -/* harmony export */ }); -/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -var isObject = function isObject(value) { - return value && (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__["default"])(value) === 'object' && !Array.isArray(value); -}; -function findObjectItem(path, data, defaultValue) { - if (typeof path !== 'string') { - return defaultValue; - } - if (!isObject(data)) { - return defaultValue; - } - var pathItems = path.split('.'); - var targetItem = data; - var _iterator = _createForOfIteratorHelper(pathItems), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var key = _step.value; - if (!isObject(targetItem)) { - return defaultValue; - } - if (!targetItem.hasOwnProperty(key)) { - return defaultValue; - } - targetItem = targetItem[key]; - } - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } - return targetItem; -} -function directoristRequestHeaders() { - if (window.directorist && window.directorist.request_headers && (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__["default"])(window.directorist.request_headers) === 'object' && !Array.isArray(window.directorist.request_headers)) { - var headers = {}; - for (var key in window.directorist.request_headers) { - headers["Directorist-".concat(key)] = window.directorist.request_headers[key]; - } - return headers; - } - return {}; -} - -/***/ }), - -/***/ "./assets/src/js/lib/helper.js": -/*!*************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ directoristRequestHeaders: + function () { + return /* binding */ directoristRequestHeaders; + }, + /* harmony export */ findObjectItem: function () { + return /* binding */ findObjectItem; + }, + /* harmony export */ isObject: function () { + return /* binding */ isObject; + }, + /* harmony export */ + } + ); + /* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/typeof */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + var isObject = function isObject(value) { + return ( + value && + (0, + _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(value) === 'object' && + !Array.isArray(value) + ); + }; + function findObjectItem(path, data, defaultValue) { + if (typeof path !== 'string') { + return defaultValue; + } + if (!isObject(data)) { + return defaultValue; + } + var pathItems = path.split('.'); + var targetItem = data; + var _iterator = _createForOfIteratorHelper(pathItems), + _step; + try { + for (_iterator.s(); !(_step = _iterator.n()).done; ) { + var key = _step.value; + if (!isObject(targetItem)) { + return defaultValue; + } + if (!targetItem.hasOwnProperty(key)) { + return defaultValue; + } + targetItem = targetItem[key]; + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + return targetItem; + } + function directoristRequestHeaders() { + if ( + window.directorist && + window.directorist.request_headers && + (0, + _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(window.directorist.request_headers) === 'object' && + !Array.isArray(window.directorist.request_headers) + ) { + var headers = {}; + for (var key in window.directorist.request_headers) { + headers['Directorist-'.concat(key)] = + window.directorist.request_headers[key]; + } + return headers; + } + return {}; + } + + /***/ + }, + + /***/ './assets/src/js/lib/helper.js': + /*!*************************************!*\ !*** ./assets/src/js/lib/helper.js ***! \*************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ convertToSelect2: function() { return /* binding */ convertToSelect2; }, -/* harmony export */ get_dom_data: function() { return /* binding */ get_dom_data; } -/* harmony export */ }); -var $ = jQuery; -function get_dom_data(selector, parent) { - selector = '.directorist-dom-data-' + selector; - if (!parent) { - parent = document; - } - var el = parent.querySelector(selector); - if (!el || !el.dataset.value) { - return {}; - } - var IS_SCRIPT_DEBUGGING = directorist && directorist.script_debugging && directorist.script_debugging == '1'; - try { - var value = atob(el.dataset.value); - return JSON.parse(value); - } catch (error) { - if (IS_SCRIPT_DEBUGGING) { - console.log(el, error); - } - return {}; - } -} -function convertToSelect2(selector) { - var $selector = $(selector); - var args = { - allowClear: true, - width: '100%', - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - var iconURI = $(data.element).data('icon'); - var iconElm = ""); - var originalText = data.text; - var modifiedText = originalText.replace(/^(\s*)/, '$1' + iconElm); - var $state = $("
    ".concat(typeof iconURI !== 'undefined' && iconURI !== '' ? modifiedText : originalText, "
    ")); - return $state; - } - }; - var options = $selector.find('option'); - if (options.length && options[0].textContent.length) { - args.placeholder = options[0].textContent; - } - $selector.length && $selector.select2(args); -} - - -/***/ }), - -/***/ "./assets/src/js/public/components/colorPicker.js": -/*!********************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ convertToSelect2: function () { + return /* binding */ convertToSelect2; + }, + /* harmony export */ get_dom_data: function () { + return /* binding */ get_dom_data; + }, + /* harmony export */ + } + ); + var $ = jQuery; + function get_dom_data(selector, parent) { + selector = '.directorist-dom-data-' + selector; + if (!parent) { + parent = document; + } + var el = parent.querySelector(selector); + if (!el || !el.dataset.value) { + return {}; + } + var IS_SCRIPT_DEBUGGING = + directorist && + directorist.script_debugging && + directorist.script_debugging == '1'; + try { + var value = atob(el.dataset.value); + return JSON.parse(value); + } catch (error) { + if (IS_SCRIPT_DEBUGGING) { + console.log(el, error); + } + return {}; + } + } + function convertToSelect2(selector) { + var $selector = $(selector); + var args = { + allowClear: true, + width: '100%', + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + var iconURI = $(data.element).data('icon'); + var iconElm = + '' + ); + var originalText = data.text; + var modifiedText = originalText.replace( + /^(\s*)/, + '$1' + iconElm + ); + var $state = $( + '
    '.concat( + typeof iconURI !== 'undefined' && + iconURI !== '' + ? modifiedText + : originalText, + '
    ' + ) + ); + return $state; + }, + }; + var options = $selector.find('option'); + if (options.length && options[0].textContent.length) { + args.placeholder = options[0].textContent; + } + $selector.length && $selector.select2(args); + } + + /***/ + }, + + /***/ './assets/src/js/public/components/colorPicker.js': + /*!********************************************************!*\ !*** ./assets/src/js/public/components/colorPicker.js ***! \********************************************************/ -/***/ (function() { - -/* Initialize wpColorPicker */ -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_colorPicker_executed === 'undefined') { - window.directorist_colorPicker_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* Initialize wp color picker */ - function colorPickerInit() { - var wpColorPickers = document.querySelectorAll('.directorist-color-picker-wrap'); - wpColorPickers.forEach(function (wrap) { - var $pickerInput = $(wrap).find('.directorist-color-picker'); - if ($pickerInput) { - if ($.fn.wpColorPicker) { - $pickerInput.wpColorPicker({ - change: function change(event, ui) { - var color = ui.color.toString(); - - // Dispatch custom event - var colorChangeEvent = new CustomEvent('directorist-color-changed', { - detail: { - color: color, - input: event.target, - form: event.target.closest('form') - } - }); - window.dispatchEvent(colorChangeEvent); - } - }); - } else { - console.warn('wpColorPicker is NOT available!'); - } - } - }); - } - colorPickerInit(); - - /* Initialize on Directory type change */ - window.addEventListener('directorist-instant-search-reloaded', colorPickerInit); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristDropdown.js": -/*!****************************************************************!*\ + /***/ function () { + /* Initialize wpColorPicker */ + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_colorPicker_executed === + 'undefined' + ) { + window.directorist_colorPicker_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* Initialize wp color picker */ + function colorPickerInit() { + var wpColorPickers = document.querySelectorAll( + '.directorist-color-picker-wrap' + ); + wpColorPickers.forEach(function (wrap) { + var $pickerInput = $(wrap).find( + '.directorist-color-picker' + ); + if ($pickerInput) { + if ($.fn.wpColorPicker) { + $pickerInput.wpColorPicker({ + change: function change(event, ui) { + var color = ui.color.toString(); + + // Dispatch custom event + var colorChangeEvent = + new CustomEvent( + 'directorist-color-changed', + { + detail: { + color: color, + input: event.target, + form: event.target.closest( + 'form' + ), + }, + } + ); + window.dispatchEvent( + colorChangeEvent + ); + }, + }); + } else { + console.warn( + 'wpColorPicker is NOT available!' + ); + } + } + }); + } + colorPickerInit(); + + /* Initialize on Directory type change */ + window.addEventListener( + 'directorist-instant-search-reloaded', + colorPickerInit + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristDropdown.js': + /*!****************************************************************!*\ !*** ./assets/src/js/public/components/directoristDropdown.js ***! \****************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_dropdown_executed === 'undefined') { - window.directorist_dropdown_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* custom dropdown */ - var atbdDropdown = document.querySelectorAll('.directorist-dropdown-select'); - - // toggle dropdown - var clickCount = 0; - if (atbdDropdown !== null) { - atbdDropdown.forEach(function (el) { - el.querySelector('.directorist-dropdown-select-toggle').addEventListener('click', function (e) { - e.preventDefault(); - clickCount++; - if (clickCount % 2 === 1) { - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elem) { - elem.classList.remove('directorist-dropdown-select-show'); - }); - el.querySelector('.directorist-dropdown-select-items').classList.add('directorist-dropdown-select-show'); - } else { - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elem) { - elem.classList.remove('directorist-dropdown-select-show'); - }); - } - }); - }); - } - - // remvoe toggle when click outside - document.body.addEventListener('click', function (e) { - if (e.target.getAttribute('data-drop-toggle') !== 'directorist-dropdown-select-toggle') { - clickCount = 0; - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (el) { - el.classList.remove('directorist-dropdown-select-show'); - }); - } - }); - - //custom select - var atbdSelect = document.querySelectorAll('.atbd-drop-select'); - if (atbdSelect !== null) { - atbdSelect.forEach(function (el) { - el.querySelectorAll('.directorist-dropdown-select-items').forEach(function (item) { - item.addEventListener('click', function (e) { - e.preventDefault(); - el.querySelector('.directorist-dropdown-select-toggle').textContent = e.target.textContent; - el.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elm) { - elm.classList.remove('atbd-active'); - }); - item.classList.add('atbd-active'); - }); - }); - }); - } - - // Dropdown - $('body').on('click', '.directorist-dropdown .directorist-dropdown-toggle', function (e) { - e.preventDefault(); - $(this).siblings('.directorist-dropdown-option').toggle(); - }); - - // Select Option after click - $('body').on('click', '.directorist-dropdown .directorist-dropdown-option ul li a', function (e) { - e.preventDefault(); - var optionText = $(this).html(); - $(this).children('.directorist-dropdown-toggle__text').html(optionText); - $(this).closest('.directorist-dropdown-option').siblings('.directorist-dropdown-toggle').children('.directorist-dropdown-toggle__text').html(optionText); - $('.directorist-dropdown-option').hide(); - }); - - // Hide Clicked Anywhere - $(document).bind('click', function (e) { - var clickedDOM = $(e.target); - if (!clickedDOM.parents().hasClass('directorist-dropdown')) $('.directorist-dropdown-option').hide(); - }); - - //atbd_dropdown - $(document).on('click', '.atbd_dropdown', function (e) { - if ($(this).attr('class') === 'atbd_dropdown') { - e.preventDefault(); - $(this).siblings('.atbd_dropdown').removeClass('atbd_drop--active'); - $(this).toggleClass('atbd_drop--active'); - e.stopPropagation(); - } - }); - $(document).on('click', function (e) { - if ($(e.target).is('.atbd_dropdown, .atbd_drop--active') === false) { - $('.atbd_dropdown').removeClass('atbd_drop--active'); - } - }); - $('body').on('click', '.atbd_dropdown-toggle', function (e) { - e.preventDefault(); - }); - - // Directorist Dropdown - $('body').on('click', '.directorist-dropdown-js .directorist-dropdown__toggle-js', function (e) { - e.preventDefault(); - if (!$(this).siblings('.directorist-dropdown__links-js').is(':visible')) { - $('.directorist-dropdown__links').hide(); - } - $(this).siblings('.directorist-dropdown__links-js').toggle(); - }); - $('body').on('click', function (e) { - if (!e.target.closest('.directorist-dropdown-js')) { - $('.directorist-dropdown__links-js').hide(); - } - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristSelect.js": -/*!**************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_dropdown_executed === + 'undefined' + ) { + window.directorist_dropdown_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* custom dropdown */ + var atbdDropdown = document.querySelectorAll( + '.directorist-dropdown-select' + ); + + // toggle dropdown + var clickCount = 0; + if (atbdDropdown !== null) { + atbdDropdown.forEach(function (el) { + el.querySelector( + '.directorist-dropdown-select-toggle' + ).addEventListener('click', function (e) { + e.preventDefault(); + clickCount++; + if (clickCount % 2 === 1) { + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (elem) { + elem.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + el.querySelector( + '.directorist-dropdown-select-items' + ).classList.add( + 'directorist-dropdown-select-show' + ); + } else { + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (elem) { + elem.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + } + }); + }); + } + + // remvoe toggle when click outside + document.body.addEventListener('click', function (e) { + if ( + e.target.getAttribute('data-drop-toggle') !== + 'directorist-dropdown-select-toggle' + ) { + clickCount = 0; + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (el) { + el.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + } + }); + + //custom select + var atbdSelect = + document.querySelectorAll('.atbd-drop-select'); + if (atbdSelect !== null) { + atbdSelect.forEach(function (el) { + el.querySelectorAll( + '.directorist-dropdown-select-items' + ).forEach(function (item) { + item.addEventListener( + 'click', + function (e) { + e.preventDefault(); + el.querySelector( + '.directorist-dropdown-select-toggle' + ).textContent = + e.target.textContent; + el.querySelectorAll( + '.directorist-dropdown-select-items' + ).forEach(function (elm) { + elm.classList.remove( + 'atbd-active' + ); + }); + item.classList.add('atbd-active'); + } + ); + }); + }); + } + + // Dropdown + $('body').on( + 'click', + '.directorist-dropdown .directorist-dropdown-toggle', + function (e) { + e.preventDefault(); + $(this) + .siblings('.directorist-dropdown-option') + .toggle(); + } + ); + + // Select Option after click + $('body').on( + 'click', + '.directorist-dropdown .directorist-dropdown-option ul li a', + function (e) { + e.preventDefault(); + var optionText = $(this).html(); + $(this) + .children( + '.directorist-dropdown-toggle__text' + ) + .html(optionText); + $(this) + .closest('.directorist-dropdown-option') + .siblings('.directorist-dropdown-toggle') + .children( + '.directorist-dropdown-toggle__text' + ) + .html(optionText); + $('.directorist-dropdown-option').hide(); + } + ); + + // Hide Clicked Anywhere + $(document).bind('click', function (e) { + var clickedDOM = $(e.target); + if ( + !clickedDOM + .parents() + .hasClass('directorist-dropdown') + ) + $('.directorist-dropdown-option').hide(); + }); + + //atbd_dropdown + $(document).on('click', '.atbd_dropdown', function (e) { + if ($(this).attr('class') === 'atbd_dropdown') { + e.preventDefault(); + $(this) + .siblings('.atbd_dropdown') + .removeClass('atbd_drop--active'); + $(this).toggleClass('atbd_drop--active'); + e.stopPropagation(); + } + }); + $(document).on('click', function (e) { + if ( + $(e.target).is( + '.atbd_dropdown, .atbd_drop--active' + ) === false + ) { + $('.atbd_dropdown').removeClass( + 'atbd_drop--active' + ); + } + }); + $('body').on( + 'click', + '.atbd_dropdown-toggle', + function (e) { + e.preventDefault(); + } + ); + + // Directorist Dropdown + $('body').on( + 'click', + '.directorist-dropdown-js .directorist-dropdown__toggle-js', + function (e) { + e.preventDefault(); + if ( + !$(this) + .siblings( + '.directorist-dropdown__links-js' + ) + .is(':visible') + ) { + $('.directorist-dropdown__links').hide(); + } + $(this) + .siblings('.directorist-dropdown__links-js') + .toggle(); + } + ); + $('body').on('click', function (e) { + if (!e.target.closest('.directorist-dropdown-js')) { + $('.directorist-dropdown__links-js').hide(); + } + }); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristSelect.js': + /*!**************************************************************!*\ !*** ./assets/src/js/public/components/directoristSelect.js ***! \**************************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_select_executed === 'undefined') { - window.directorist_select_executed = true; - } else { - return; - } - //custom select - var atbdSelect = document.querySelectorAll('.atbd-drop-select'); - if (atbdSelect !== null) { - atbdSelect.forEach(function (el) { - el.querySelectorAll('.atbd-dropdown-item').forEach(function (item) { - item.addEventListener('click', function (e) { - e.preventDefault(); - el.querySelector('.atbd-dropdown-toggle').textContent = item.textContent; - el.querySelectorAll('.atbd-dropdown-item').forEach(function (elm) { - elm.classList.remove('atbd-active'); - }); - item.classList.add('atbd-active'); - }); - }); - }); - } - - // select data-status - var atbdSelectData = document.querySelectorAll('.atbd-drop-select.with-sort'); - atbdSelectData.forEach(function (el) { - el.querySelectorAll('.atbd-dropdown-item').forEach(function (item) { - var atbd_dropdown = el.querySelector('.atbd-dropdown-toggle'); - var dropdown_item = item.getAttribute('data-status'); - item.addEventListener('click', function (e) { - atbd_dropdown.setAttribute('data-status', "".concat(dropdown_item)); - }); - }); - }); -}); - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js": -/*!*********************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js ***! - \*********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _arrayLikeToArray; } -/* harmony export */ }); -function _arrayLikeToArray(r, a) { - (null == a || a > r.length) && (a = r.length); - for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; - return n; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js": -/*!*******************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js ***! - \*******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _arrayWithHoles; } -/* harmony export */ }); -function _arrayWithHoles(r) { - if (Array.isArray(r)) return r; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js": -/*!*******************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/defineProperty.js ***! - \*******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _defineProperty; } -/* harmony export */ }); -/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toPropertyKey.js */ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"); - -function _defineProperty(e, r, t) { - return (r = (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r)) in e ? Object.defineProperty(e, r, { - value: t, - enumerable: !0, - configurable: !0, - writable: !0 - }) : e[r] = t, e; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js": -/*!*************************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js ***! - \*************************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _iterableToArrayLimit; } -/* harmony export */ }); -function _iterableToArrayLimit(r, l) { - var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; - if (null != t) { - var e, - n, - i, - u, - a = [], - f = !0, - o = !1; - try { - if (i = (t = t.call(r)).next, 0 === l) { - if (Object(t) !== t) return; - f = !1; - } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); - } catch (r) { - o = !0, n = r; - } finally { - try { - if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; - } finally { - if (o) throw n; - } - } - return a; - } -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js": -/*!********************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js ***! - \********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _nonIterableRest; } -/* harmony export */ }); -function _nonIterableRest() { - throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js": -/*!******************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js ***! - \******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _slicedToArray; } -/* harmony export */ }); -/* harmony import */ var _arrayWithHoles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayWithHoles.js */ "./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js"); -/* harmony import */ var _iterableToArrayLimit_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./iterableToArrayLimit.js */ "./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js"); -/* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./unsupportedIterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js"); -/* harmony import */ var _nonIterableRest_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./nonIterableRest.js */ "./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js"); - - - - -function _slicedToArray(r, e) { - return (0,_arrayWithHoles_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r) || (0,_iterableToArrayLimit_js__WEBPACK_IMPORTED_MODULE_1__["default"])(r, e) || (0,_unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__["default"])(r, e) || (0,_nonIterableRest_js__WEBPACK_IMPORTED_MODULE_3__["default"])(); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js": -/*!****************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! - \****************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPrimitive; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); - -function toPrimitive(t, r) { - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(t) || !t) return t; - var e = t[Symbol.toPrimitive]; - if (void 0 !== e) { - var i = e.call(t, r || "default"); - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i)) return i; - throw new TypeError("@@toPrimitive must return a primitive value."); - } - return ("string" === r ? String : Number)(t); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js": -/*!******************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! - \******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPropertyKey; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); -/* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toPrimitive.js */ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js"); - - -function toPropertyKey(t) { - var i = (0,_toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__["default"])(t, "string"); - return "symbol" == (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i) ? i : i + ""; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js": -/*!***********************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***! - \***********************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _typeof; } -/* harmony export */ }); -function _typeof(o) { - "@babel/helpers - typeof"; - - return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { - return typeof o; - } : function (o) { - return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; - }, _typeof(o); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js": -/*!*******************************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js ***! - \*******************************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _unsupportedIterableToArray; } -/* harmony export */ }); -/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayLikeToArray.js */ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"); - -function _unsupportedIterableToArray(r, a) { - if (r) { - if ("string" == typeof r) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a); - var t = {}.toString.call(r).slice(8, -1); - return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a) : void 0; - } -} - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!*********************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_select_executed === + 'undefined' + ) { + window.directorist_select_executed = true; + } else { + return; + } + //custom select + var atbdSelect = + document.querySelectorAll('.atbd-drop-select'); + if (atbdSelect !== null) { + atbdSelect.forEach(function (el) { + el.querySelectorAll('.atbd-dropdown-item').forEach( + function (item) { + item.addEventListener( + 'click', + function (e) { + e.preventDefault(); + el.querySelector( + '.atbd-dropdown-toggle' + ).textContent = item.textContent; + el.querySelectorAll( + '.atbd-dropdown-item' + ).forEach(function (elm) { + elm.classList.remove( + 'atbd-active' + ); + }); + item.classList.add('atbd-active'); + } + ); + } + ); + }); + } + + // select data-status + var atbdSelectData = document.querySelectorAll( + '.atbd-drop-select.with-sort' + ); + atbdSelectData.forEach(function (el) { + el.querySelectorAll('.atbd-dropdown-item').forEach( + function (item) { + var atbd_dropdown = el.querySelector( + '.atbd-dropdown-toggle' + ); + var dropdown_item = + item.getAttribute('data-status'); + item.addEventListener('click', function (e) { + atbd_dropdown.setAttribute( + 'data-status', + ''.concat(dropdown_item) + ); + }); + } + ); + }); + }); + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js': + /*!**************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js ***! + \**************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _arrayLikeToArray; + }, + /* harmony export */ + } + ); + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js': + /*!************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js ***! + \************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _arrayWithHoles; + }, + /* harmony export */ + } + ); + function _arrayWithHoles(r) { + if (Array.isArray(r)) return r; + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/defineProperty.js': + /*!************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/defineProperty.js ***! + \************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _defineProperty; + }, + /* harmony export */ + } + ); + /* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./toPropertyKey.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js' + ); + + function _defineProperty(e, r, t) { + return ( + (r = (0, + _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r)) in e + ? Object.defineProperty(e, r, { + value: t, + enumerable: !0, + configurable: !0, + writable: !0, + }) + : (e[r] = t), + e + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js': + /*!******************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js ***! + \******************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _iterableToArrayLimit; + }, + /* harmony export */ + } + ); + function _iterableToArrayLimit(r, l) { + var t = + null == r + ? null + : ('undefined' != typeof Symbol && + r[Symbol.iterator]) || + r['@@iterator']; + if (null != t) { + var e, + n, + i, + u, + a = [], + f = !0, + o = !1; + try { + if (((i = (t = t.call(r)).next), 0 === l)) { + if (Object(t) !== t) return; + f = !1; + } else + for ( + ; + !(f = (e = i.call(t)).done) && + (a.push(e.value), a.length !== l); + f = !0 + ); + } catch (r) { + ((o = !0), (n = r)); + } finally { + try { + if ( + !f && + null != t['return'] && + ((u = t['return']()), Object(u) !== u) + ) + return; + } finally { + if (o) throw n; + } + } + return a; + } + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/nonIterableRest.js': + /*!*************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/nonIterableRest.js ***! + \*************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _nonIterableRest; + }, + /* harmony export */ + } + ); + function _nonIterableRest() { + throw new TypeError( + 'Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/slicedToArray.js': + /*!***********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/slicedToArray.js ***! + \***********************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _slicedToArray; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayWithHoles_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayWithHoles.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js' + ); + /* harmony import */ var _iterableToArrayLimit_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./iterableToArrayLimit.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js' + ); + /* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./unsupportedIterableToArray.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js' + ); + /* harmony import */ var _nonIterableRest_js__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ./nonIterableRest.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/nonIterableRest.js' + ); + + function _slicedToArray(r, e) { + return ( + (0, + _arrayWithHoles_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r) || + (0, + _iterableToArrayLimit_js__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(r, e) || + (0, + _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__[ + 'default' + ])(r, e) || + (0, + _nonIterableRest_js__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])() + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPrimitive.js': + /*!*********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! + \*********************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPrimitive; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + + function toPrimitive(t, r) { + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + t + ) || + !t + ) + return t; + var e = t[Symbol.toPrimitive]; + if (void 0 !== e) { + var i = e.call(t, r || 'default'); + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ) + return i; + throw new TypeError( + '@@toPrimitive must return a primitive value.' + ); + } + return ('string' === r ? String : Number)(t); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js': + /*!***********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! + \***********************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPropertyKey; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + /* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./toPrimitive.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPrimitive.js' + ); + + function toPropertyKey(t) { + var i = (0, + _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__['default'])( + t, + 'string' + ); + return 'symbol' == + (0, _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ? i + : i + ''; + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js': + /*!****************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js ***! + \****************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _typeof; + }, + /* harmony export */ + } + ); + function _typeof(o) { + '@babel/helpers - typeof'; + + return ( + (_typeof = + 'function' == typeof Symbol && + 'symbol' == typeof Symbol.iterator + ? function (o) { + return typeof o; + } + : function (o) { + return o && + 'function' == typeof Symbol && + o.constructor === Symbol && + o !== Symbol.prototype + ? 'symbol' + : typeof o; + }), + _typeof(o) + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js': + /*!************************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js ***! + \************************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _unsupportedIterableToArray; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayLikeToArray.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js' + ); + + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r, a) + : void 0 + ); + } + } + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!*********************************************!*\ !*** ./assets/src/js/global/add-listing.js ***! \*********************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"); -/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); -/* harmony import */ var _global_components_setup_select2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../global/components/setup-select2 */ "./assets/src/js/global/components/setup-select2.js"); -/* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../helper */ "./assets/src/js/helper.js"); -/* harmony import */ var _public_components_colorPicker__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../public/components/colorPicker */ "./assets/src/js/public/components/colorPicker.js"); -/* harmony import */ var _public_components_colorPicker__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_public_components_colorPicker__WEBPACK_IMPORTED_MODULE_4__); -/* harmony import */ var _public_components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../public/components/directoristDropdown */ "./assets/src/js/public/components/directoristDropdown.js"); -/* harmony import */ var _public_components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_public_components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5__); -/* harmony import */ var _public_components_directoristSelect__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../public/components/directoristSelect */ "./assets/src/js/public/components/directoristSelect.js"); -/* harmony import */ var _public_components_directoristSelect__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_public_components_directoristSelect__WEBPACK_IMPORTED_MODULE_6__); -/* harmony import */ var _components_debounce__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/debounce */ "./assets/src/js/global/components/debounce.js"); - - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -// General Components -// import { cacheCategoryCustomFields, getCategoryCustomFieldsCache } from '../global/components/cache-category-custom-fields'; -// import loadCategoryCustomFields from '../global/components/load-category-custom-fields'; - - - - - - - -/* eslint-disable */ -var $ = jQuery; -var localized_data = directorist.add_listing_data; -function getWrapper() { - return localized_data.is_admin ? '#post' : '#directorist-add-listing-form'; -} -function initColorField() { - var $colorField = $('.directorist-color-field-js', getWrapper()); - if ($colorField.length) { - $colorField.wpColorPicker(); - } -} -function scrollToEl(selector) { - document.querySelector(selector).scrollIntoView({ - block: 'start', - behavior: 'smooth' - }); -} - -/** - * Join Query String - * - * @param string url - * @param string queryString - * @return string - */ -function joinQueryString(url, queryString) { - return url.match(/[?]/) ? "".concat(url, "&").concat(queryString) : "".concat(url, "?").concat(queryString); -} -function scrollTo(selector) { - var _document$querySelect; - (_document$querySelect = document.querySelector(selector)) === null || _document$querySelect === void 0 || _document$querySelect.scrollIntoView({ - block: 'start', - behavior: 'smooth' - }); -} - -/* Show and hide manual coordinate input field */ -$(window).on('load', function () { - if ($('input#manual_coordinate').length) { - $('input#manual_coordinate').each(function (index, element) { - if (!$(element).is(':checked')) { - $('#hide_if_no_manual_cor').hide(); - $('.directorist-map-coordinates').hide(); - } - }); - } - - //initialize color picker - initColorField(); -}); -$(function () { - $('body').on('click', '#manual_coordinate', function (e) { - if ($('input#manual_coordinate').is(':checked')) { - $('.directorist-map-coordinates').show(); - $('#hide_if_no_manual_cor').show(); - } else { - $('.directorist-map-coordinates').hide(); - $('#hide_if_no_manual_cor').hide(); - } - }); - - // SOCIAL SECTION - // Rearrange the IDS and Add new social field - $('body').on('click', '#addNewSocial', function (e) { - var _this = this; - var social_wrap = $('#social_info_sortable_container'); // cache it - var currentItems = $('.directorist-form-social-fields').length; - var ID = "id=".concat(currentItems); // eg. 'id=3' - var iconBindingElement = jQuery('#addNewSocial'); - - // arrange names ID in order before adding new elements - $('.directorist-form-social-fields').each(function (index, element) { - var e = $(element); - e.attr('id', "socialID-".concat(index)); - e.find('select').attr('name', "social[".concat(index, "][id]")); - e.find('.atbdp_social_input').attr('name', "social[".concat(index, "][url]")); - e.find('.directorist-form-social-fields__remove').attr('data-id', index); - }); - - // now add the new elements. we could do it here without using ajax but it would require more markup here. - atbdp_do_ajax(iconBindingElement, 'atbdp_social_info_handler', ID, function (data) { - social_wrap.append(data); - }); - setTimeout(function () { - var socialSelect = _this.parentElement.querySelectorAll('.directorist-form-social-fields select'); - socialSelect.forEach(function (item) { - if (item.value !== '') { - item.classList.remove('placeholder-item'); - } - item.addEventListener('change', function () { - if (this.value !== '' && this.classList.contains('placeholder-item')) { - this.classList.remove('placeholder-item'); - } else if (this.value === '') { - this.classList.add('placeholder-item'); - } - }); - }); - }, 300); - }); - document.addEventListener('directorist-reload-plupload', function () { - initColorField(); - }); - - // remove the social field and then reset the ids while maintaining position - $('body').on('click', '.directorist-form-social-fields__remove', function (e) { - var id = $(this).data('id'); - var elementToRemove = $("div#socialID-".concat(id)); - /* Act on the event */ - swal({ - title: localized_data.i18n_text.confirmation_text, - text: localized_data.i18n_text.ask_conf_sl_lnk_del_txt, - type: 'warning', - showCancelButton: true, - confirmButtonColor: '#DD6B55', - confirmButtonText: localized_data.i18n_text.confirm_delete, - closeOnConfirm: false - }, function (isConfirm) { - if (isConfirm) { - // user has confirmed, no remove the item and reset the ids - elementToRemove.slideUp('fast', function () { - elementToRemove.remove(); - // reorder the index - $('.directorist-form-social-fields').each(function (index, element) { - var e = $(element); - e.attr('id', "socialID-".concat(index)); - e.find('select').attr('name', "social[".concat(index, "][id]")); - e.find('.atbdp_social_input').attr('name', "social[".concat(index, "][url]")); - e.find('.directorist-form-social-fields__remove').attr('data-id', index); - }); - }); - - // show success message - swal({ - title: localized_data.i18n_text.deleted, - // text: "Item has been deleted.", - type: 'success', - timer: 200, - showConfirmButton: false - }); - } - }); - }); - - /* This function handles all ajax request */ - function atbdp_do_ajax(ElementToShowLoadingIconAfter, ActionName, arg, CallBackHandler) { - var data; - if (ActionName) data = "action=".concat(ActionName); - if (arg) data = "".concat(arg, "&action=").concat(ActionName); - if (arg && !ActionName) data = arg; - // data = data ; - - var n = data.search(localized_data.nonceName); - if (n < 0) { - var nonce = typeof directorist !== 'undefined' ? directorist.directorist_nonce : directorist_admin.directorist_nonce; - data = "".concat(data, "&", 'directorist_nonce', "=").concat(nonce); - } - jQuery.ajax({ - type: 'post', - url: localized_data.ajaxurl, - data: data, - beforeSend: function beforeSend() { - jQuery("").insertAfter(ElementToShowLoadingIconAfter); - }, - success: function success(data) { - jQuery('.atbdp_ajax_loading').remove(); - CallBackHandler(data); - } - }); - } - - // Select2 js code - // if (!localized_data.is_admin) { - // Location - // const createLoc = $('#at_biz_dir-location').attr("data-allow_new"); - // let maxLocationLength = $('#at_biz_dir-location').attr("data-max"); - // if (createLoc) { - // $("#at_biz_dir-location").select2({ - // tags: true, - // maximumSelectionLength: maxLocationLength, - // language: { - // maximumSelected: function () { - // return localized_data.i18n_text.max_location_msg; - // } - // }, - // tokenSeparators: [","], - // }); - // } else { - // $("#at_biz_dir-location").select2({ - // allowClear: true, - // tags: false, - // maximumSelectionLength: maxLocationLength, - // tokenSeparators: [","], - // }); - // } - - // // Tags - // const createTag = $('#at_biz_dir-tags').attr("data-allow_new"); - // let maxTagLength = $('#at_biz_dir-tags').attr("data-max"); - // if (createTag) { - // $('#at_biz_dir-tags').select2({ - // tags: true, - // maximumSelectionLength: maxTagLength, - // tokenSeparators: [','], - // }); - // } else { - // $('#at_biz_dir-tags').select2({ - // allowClear: true, - // maximumSelectionLength: maxTagLength, - // tokenSeparators: [','], - // }); - // } - - // //Category - // const createCat = $('#at_biz_dir-categories').attr("data-allow_new"); - // let maxCatLength = $('#at_biz_dir-categories').attr("data-max"); - // if (createCat) { - // $('#at_biz_dir-categories').select2({ - // allowClear: true, - // tags: true, - // maximumSelectionLength: maxCatLength, - // tokenSeparators: [','], - // }); - // } else { - // $('#at_biz_dir-categories').select2({ - // maximumSelectionLength: maxCatLength, - // allowClear: true, - // }); - // } - // } - - /** - * Price field. - */ - function getPriceTypeInput(typeId) { - return $("#".concat($("[for=\"".concat(typeId, "\"]")).data('option'))); - } - $('.directorist-form-pricing-field__options').on('change', 'input', function () { - var $otherOptions = $(this).parent().siblings('.directorist-checkbox').find('input'); - $otherOptions.prop('checked', false); - getPriceTypeInput($otherOptions.attr('id')).hide(); - if (this.checked) { - getPriceTypeInput(this.id).show(); - } else { - getPriceTypeInput(this.id).hide(); - } - }); - if ($('.directorist-form-pricing-field').hasClass('price-type-both')) { - $('#price_range, #price').hide(); - var $selectedPriceType = $('.directorist-form-pricing-field__options input:checked'); - if ($selectedPriceType.length) { - getPriceTypeInput($selectedPriceType.attr('id')).show(); - } else { - $($('.directorist-form-pricing-field__options input').get(0)).prop('checked', true).trigger('change'); - } - } - var has_tagline = $('#has_tagline').val(); - var has_excerpt = $('#has_excerpt').val(); - if (has_excerpt && has_tagline) { - $('.atbd_tagline_moto_field').fadeIn(); - } else { - $('.atbd_tagline_moto_field').fadeOut(); - } - $('#atbd_optional_field_check').on('change', function () { - $(this).is(':checked') ? $('.atbd_tagline_moto_field').fadeIn() : $('.atbd_tagline_moto_field').fadeOut(); - }); - - // it shows the hidden term and conditions - $('#listing_t_c').on('click', function (e) { - e.preventDefault(); - $('#tc_container').toggleClass('active'); - }); - - // Load custom fields of the selected category in the custom post type "atbdp_listings" - var qs = function (a) { - if (a == '') return {}; - var b = {}; - for (var i = 0; i < a.length; ++i) { - var p = a[i].split('=', 2); - if (p.length == 1) b[p[0]] = '';else b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, ' ')); - } - return b; - }(window.location.search.substr(1).split('&')); - function renderCategoryCustomFields() { - if ((0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_1__["default"])(localized_data === null || localized_data === void 0 ? void 0 : localized_data.category_custom_field_relations) !== 'object') { - return; - } - var categoryIds = []; - var directoryId = 0; - var fieldsMap = localized_data.category_custom_field_relations; - var categoryInputSelector = directorist.is_admin ? '#at_biz_dir-categorychecklist input:checked' : '#at_biz_dir-categories option:selected'; - directoryId = $('select[name="directory_type"]', getWrapper()).val(); - if (!directoryId) { - directoryId = $('input[name="directory_type"]', getWrapper()).val(); - } - if (typeof fieldsMap[directoryId] === 'undefined' || fieldsMap[directoryId].length === 0) { - return; - } - var $selectedCategories = $(categoryInputSelector); - if ($selectedCategories.length) { - categoryIds = $selectedCategories.toArray().map(function (el) { - return Number(el.value); - }); - } - var $watchableSections = { - hide: new Set(), - show: new Set() - }; - categoryIds = new Set(categoryIds); - for (var _i = 0, _Object$entries = Object.entries(fieldsMap[directoryId]); _i < _Object$entries.length; _i++) { - var _Object$entries$_i = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_Object$entries[_i], 2), - fieldKey = _Object$entries$_i[0], - categoryId = _Object$entries$_i[1]; - var $input = $(fieldKey.includes('checkbox') ? "[name=\"".concat(fieldKey, "[]\"]") : "[name=\"".concat(fieldKey, "\"]")); - var $wrapper = $input.closest('.directorist-form-group'); - if (categoryIds.has(categoryId)) { - $input.removeAttr('disabled'); - $wrapper.show(); - $watchableSections.show.add($wrapper.closest('.directorist-form-section').get(0)); - } else { - $input.attr('disabled', true); - $wrapper.hide(); - $watchableSections.hide.add($wrapper.closest('.directorist-form-section').get(0)); - } - } - if ($watchableSections.show.size) { - var _iterator = _createForOfIteratorHelper($watchableSections.show), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var visible = _step.value; - var $visible = $(visible); - $visible.removeAttr('style'); - $visible.find('.directorist-content-module__title').show(); - $visible.find('.directorist-content-module__contents').show(); - $("a[href=\"#".concat($visible.attr('id'), "\"]")).show(); - } - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } - } - if ($watchableSections.hide.size) { - var _iterator2 = _createForOfIteratorHelper($watchableSections.hide), - _step2; - try { - for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) { - var hidable = _step2.value; - var $hidable = $(hidable); - if ($hidable.find('.directorist-form-group:visible').length) { - $hidable.removeAttr('style'); - $hidable.find('.directorist-content-module__title').show(); - $hidable.find('.directorist-content-module__contents').show(); - $("a[href=\"#".concat($hidable.attr('id'), "\"]")).show(); - } else { - $hidable.css({ - display: 'none', - height: 0, - padding: 0, - margin: 0, - border: 0, - overflow: 'hidden' - }); - $hidable.find('.directorist-content-module__title').hide(); - $hidable.find('.directorist-content-module__contents').hide(); - $("a[href=\"#".concat($hidable.attr('id'), "\"]")).hide(); - } - } - } catch (err) { - _iterator2.e(err); - } finally { - _iterator2.f(); - } - } - } - window.addEventListener('load', function () { - renderCategoryCustomFields(); - // cacheCategoryCustomFields(); - }); - window.addEventListener('directorist-type-change', function () { - renderCategoryCustomFields(); - // cacheCategoryCustomFields(); - }); - - // Render category based fields on category change (frontend) - $('#at_biz_dir-categories').on('change', function () { - renderCategoryCustomFields(); - // cacheCategoryCustomFields(); - }); - - // Render category based fields on category change (backend) - $('#at_biz_dir-categorychecklist').on('change', function () { - renderCategoryCustomFields(); - // cacheCategoryCustomFields(); - }); - - // Make sure to place the following event trigger after the event bindings. - if (!directorist.is_admin) { - if (directorist.lazy_load_taxonomy_fields) { - $('#at_biz_dir-categories').on('select2:select', function () { - $('#at_biz_dir-categories').trigger('change'); - }); - } else { - $('#at_biz_dir-categories').trigger('change'); - } - } - function atbdp_element_value(element) { - var field = $(element); - if (field.length) { - return field.val(); - } - } - var mediaUploaders = []; - if (localized_data.media_uploader) { - var _iterator3 = _createForOfIteratorHelper(localized_data.media_uploader), - _step3; - try { - for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) { - var uploader = _step3.value; - if ($('.' + uploader.element_id).length) { - var EzUploader = new EzMediaUploader({ - containerClass: uploader.element_id - }); - mediaUploaders.push({ - media_uploader: EzUploader, - uploaders_data: uploader - }); - EzUploader.init(); - // mediaUploaders[i].media_uploader.init(); - } - } - } catch (err) { - _iterator3.e(err); - } finally { - _iterator3.f(); - } - } - var on_processing = false; - var has_media = true; - var quickLoginModalSuccessCallback = null; - var $notification = $('#listing_notifier'); - - // ----------------------------- - // Submit The Form - // ----------------------------- - - $('body').on('submit', '#directorist-add-listing-form', function (e) { - e.preventDefault(); - var $form = $(e.target); - var error_count = 0; - var err_log = {}; - var $submitButton = $('.directorist-form-submit__btn'); - if (on_processing) { - return; - } - function disableSubmitButton() { - on_processing = true; - $submitButton.addClass('atbd_loading').attr('disabled', true); - } - function enableSubmitButton() { - on_processing = false; - $submitButton.removeClass('atbd_loading').attr('disabled', false); - } - - // images - var selectedImages = []; - var uploadedImages = []; - if (mediaUploaders.length) { - for (var _i2 = 0, _mediaUploaders = mediaUploaders; _i2 < _mediaUploaders.length; _i2++) { - var uploader = _mediaUploaders[_i2]; - if (!uploader.media_uploader || $(uploader.media_uploader.container).parents('form').get(0) !== $form.get(0)) { - continue; - } - if (!uploader.media_uploader.hasValidFiles()) { - $submitButton.removeClass('atbd_loading'); - err_log.listing_gallery = { - msg: uploader.uploaders_data['error_msg'] - }; - error_count++; - scrollTo('.' + uploader.uploaders_data.element_id); - break; - } - uploader.media_uploader.getTheFiles().forEach(function (file) { - selectedImages.push({ - field: uploader.uploaders_data.meta_name, - file: file - }); - }); - } - } - if (selectedImages.length) { - var _uploadImage = function uploadImage() { - var formData = new FormData(); - formData.append('action', 'directorist_upload_listing_image'); - formData.append('directorist_nonce', directorist.directorist_nonce); - formData.append('image', selectedImages[counter]); - formData.append('image', selectedImages[counter].file); - formData.append('field', selectedImages[counter].field); - $.ajax({ - method: 'POST', - processData: false, - contentType: false, - url: localized_data.ajaxurl, - data: formData, - beforeSend: function beforeSend() { - disableSubmitButton(); - var totalImages = selectedImages.length; - if (totalImages === 1) { - $notification.show().html("".concat(localized_data.i18n_text.image_uploading_msg, "")); - } else { - var completedPercent = Math.ceil((counter === 0 ? 1 : counter) * 100 / totalImages); - $notification.show().html("".concat(localized_data.i18n_text.image_uploading_msg, " (").concat(completedPercent, "%)")); - } - }, - success: function success(response) { - if (!response.success) { - enableSubmitButton(); - $notification.show().html("".concat(response.data, "")); - return; - } - uploadedImages.push({ - field: selectedImages[counter].field, - file: response.data - }); - counter++; - if (counter < selectedImages.length) { - _uploadImage(); - } else { - submitForm($form, uploadedImages); - } - }, - error: function error(response) { - enableSubmitButton(); - $notification.html("".concat(response.responseJSON.data, "")); - } - }); - }; - var counter = 0; - if (uploadedImages.length === selectedImages.length) { - submitForm($form, uploadedImages); - } else { - _uploadImage(); - } - } else { - submitForm($form); - } - function submitForm($form) { - var uploadedImages = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : []; - var error_count = 0; - var err_log = {}; - var form_data = new FormData(); - - // Add query vars from the URL to form_data - var urlParams = new URLSearchParams(window.location.search); - var _iterator4 = _createForOfIteratorHelper(urlParams.entries()), - _step4; - try { - for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) { - var _step4$value = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_step4.value, 2), - _key = _step4$value[0], - value = _step4$value[1]; - // Don't override any existing FormData key - if (!form_data.has(_key)) { - form_data.append(_key, value); - } - } - } catch (err) { - _iterator4.e(err); - } finally { - _iterator4.f(); - } - form_data.append('action', 'add_listing_action'); - form_data.append('directorist_nonce', directorist.directorist_nonce); - disableSubmitButton(); - var fieldValuePairs = $form.serializeArray(); - - // Append Form Fields Values - var _iterator5 = _createForOfIteratorHelper(fieldValuePairs), - _step5; - try { - for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) { - var field = _step5.value; - form_data.append(field.name, field.value); - } - - // Upload existing image - } catch (err) { - _iterator5.e(err); - } finally { - _iterator5.f(); - } - if (mediaUploaders.length) { - var _loop = function _loop() { - var uploader = _mediaUploaders2[_i3]; - if (!uploader.media_uploader || $(uploader.media_uploader.container).parents('form').get(0) !== $form.get(0)) { - return 1; // continue - } - if (uploader.media_uploader.hasValidFiles()) { - uploader.media_uploader.getFilesMeta().forEach(function (file_meta) { - if (file_meta.attachmentID) { - form_data.append("".concat(uploader.uploaders_data.meta_name, "_old[]"), file_meta.attachmentID); - } - }); - } else { - err_log.listing_gallery = { - msg: uploader.uploaders_data['error_msg'] - }; - error_count++; - if ($('.' + uploader.uploaders_data.element_id).length) { - scrollTo('.' + uploader.uploaders_data.element_id); - } - } - }; - for (var _i3 = 0, _mediaUploaders2 = mediaUploaders; _i3 < _mediaUploaders2.length; _i3++) { - if (_loop()) continue; - } - } - - // Upload new image - if (uploadedImages.length) { - uploadedImages.forEach(function (image) { - form_data.append("".concat(image.field, "[]"), image.file); - }); - } - - // categories - var categories = $form.find('#at_biz_dir-categories').val(); - if (Array.isArray(categories) && categories.length) { - for (var key in categories) { - form_data.append('tax_input[at_biz_dir-category][]', categories[key]); - } - } - if (typeof categories === 'string') { - form_data.append('tax_input[at_biz_dir-category][]', categories); - } - if (form_data.has('admin_category_select[]')) { - form_data.delete('admin_category_select[]'); - } - if (form_data.has('directory_type')) { - form_data.delete('directory_type'); - } - var form_directory_type = $form.find("input[name='directory_type']"); - var form_directory_type_value = form_directory_type !== undefined ? form_directory_type.val() : ''; - var directory_type = qs.directory_type ? qs.directory_type : form_directory_type_value; - form_data.append('directory_type', directory_type); - if (qs.plan) { - form_data.append('plan_id', qs.plan); - } - if (qs.order) { - form_data.append('order_id', qs.order); - } - if (error_count) { - enableSubmitButton(); - console.log('Form has invalid data'); - console.log(error_count, err_log); - return; - } - $.ajax({ - method: 'POST', - processData: false, - contentType: false, - url: localized_data.ajaxurl, - data: form_data, - headers: (0,_helper__WEBPACK_IMPORTED_MODULE_3__.directoristRequestHeaders)(), - beforeSend: function beforeSend() { - disableSubmitButton(); - $notification.show().html("".concat(localized_data.i18n_text.submission_wait_msg, "")); - }, - success: function success(response) { - var redirect_url = response && response.redirect_url ? encodeURIComponent(response.redirect_url) : ''; - if ((response === null || response === void 0 ? void 0 : response.nonce_expired) === true) { - updateLocalNonce(); - } - if (response.error === true) { - enableSubmitButton(); - $notification.show().html("".concat(response.error_msg, "")); - if (response.quick_login_required) { - var modal = $('#directorist-quick-login'); - var email = response.email; - - // Prepare fields - modal.find('input[name="email"]').val(email); - modal.find('input[name="email"]').prop('disabled', true); - - // Show alert - var alert = '
    ' + response.error_msg + '
    '; - modal.find('.directorist-modal-alerts-area').html(alert); - - // Show the modal - modal.addClass('show'); - quickLoginModalSuccessCallback = function quickLoginModalSuccessCallback($form, $submitButton) { - $('#guest_user_email').prop('disabled', true); - $notification.hide().html(''); - $submitButton.remove(); - $form.find('.directorist-form-actions').find('.directorist-toggle-modal').removeClass('directorist-d-none'); - }; - } - } else { - // preview on and no need to redirect to payment - if (response.preview_mode === true && response.need_payment !== true) { - if (response.edited_listing !== true) { - $notification.show().html("".concat(response.success_msg, "")); - var navigate_to = joinQueryString(response.preview_url, "preview=1&redirect=".concat(redirect_url)); - window.location.href = navigate_to; - } else { - $notification.show().html("".concat(response.success_msg, "")); - if (qs.redirect) { - window.location.href = joinQueryString(response.preview_url, "post_id=".concat(response.id, "&preview=1&payment=1&edited=1&redirect=").concat(qs.redirect)); - } else { - window.location.href = joinQueryString(response.preview_url, "preview=1&edited=1&redirect=".concat(redirect_url)); - } - } - // preview mode active and need payment - } else if (response.preview_mode === true && response.need_payment === true) { - window.location.href = joinQueryString(response.preview_url, "preview=1&payment=1&redirect=".concat(redirect_url)); - } else { - var is_edited = response.edited_listing ? "listing_id=".concat(response.id, "&edited=1") : ''; - if (response.need_payment === true) { - $notification.show().html("".concat(response.success_msg, "")); - window.location.href = redirect_url; - } else { - $notification.show().html("".concat(response.success_msg, "")); - window.location.href = joinQueryString(redirect_url, is_edited); - } - } - } - }, - error: function error(_error) { - enableSubmitButton(); - console.log(_error); - } - }); - } - }); - - // Custom Field Checkbox Button More - function customFieldSeeMore() { - if ($('.directorist-custom-field-btn-more').length) { - $('.directorist-custom-field-btn-more').each(function (index, element) { - var fieldWrapper = $(element).closest('.directorist-custom-field-checkbox, .directorist-custom-field-radio'); - var customField = $(fieldWrapper).find('.directorist-checkbox, .directorist-radio'); - $(customField).slice(20, customField.length).hide(); - if (customField.length <= 20) { - $(element).hide(); - } - }); - } - } - $(window).on('load', function () { - customFieldSeeMore(); - }); - $('body').on('click', '.directorist-custom-field-btn-more', function (event) { - event.preventDefault(); - var fieldWrapper = $(this).closest('.directorist-custom-field-checkbox, .directorist-custom-field-radio'); - var customField = $(fieldWrapper).find('.directorist-checkbox, .directorist-radio'); - $(customField).slice(20, customField.length).slideUp(); - $(this).toggleClass('active'); - if ($(this).hasClass('active')) { - $(this).text(localized_data.i18n_text.see_less_text); - $(customField).slice(20, customField.length).slideDown(); - } else { - $(this).text(localized_data.i18n_text.see_more_text); - $(customField).slice(20, customField.length).slideUp(); - } - }); - - // ------------------------------ - // Quick Login - // ------------------------------ - $('#directorist-quick-login .directorist-toggle-modal').on('click', function (e) { - e.preventDefault(); - $('#directorist-quick-login').removeClass('show'); - }); - $('#quick-login-from-submit-btn').on('click', function (e) { - e.preventDefault(); - var $form = $($(this).data('form')); - var $feedback = $form.find('.directorist-modal-alerts-area'); - $feedback = $feedback.length ? $feedback : $form.find('.directorist-form-feedback'); - var $email = $form.find('input[name="email"]'); - var $password = $form.find('input[name="password"]'); - var $token = $form.find('input[name="directorist-quick-login-security"]'); - var $submit_button = $(this); - var submit_button_html = $submit_button.html(); - var form_data = { - action: 'directorist_ajax_quick_login', - username: $email.val(), - password: $password.val(), - rememberme: false, - token: $token.val() - }; - $.ajax({ - method: 'POST', - url: directorist.ajaxurl, - data: form_data, - beforeSend: function beforeSend() { - $feedback.html(''); - $submit_button.prop('disabled', true); - $submit_button.prepend(' '); - }, - success: function success(response) { - $submit_button.html(submit_button_html); - if (response.loggedin) { - $password.prop('disabled', true); - var message = 'Successfully logged in, please continue to the listing submission'; - var msg = '
    ' + message + '
    '; - $feedback.html(msg); - if (quickLoginModalSuccessCallback) { - quickLoginModalSuccessCallback($form, $submit_button); - } - updateLocalNonce(); - } else { - var msg = '
    ' + response.message + '
    '; - $feedback.html(msg); - $submit_button.prop('disabled', false); - } - }, - error: function error(_error2) { - console.log({ - error: _error2 - }); - $submit_button.prop('disabled', false); - $submit_button.html(submit_button_html); - } - }); - }); - function addSticky() { - $(window).scroll((0,_components_debounce__WEBPACK_IMPORTED_MODULE_7__["default"])(function () { - var windowWidth = $(window).width(); - var sidebarWidth = $('.multistep-wizard__nav').width(); - var sidebarHeight = $('.multistep-wizard__nav').height(); - var multiStepWizardOffset = $('.multistep-wizard').offset() && $('.multistep-wizard').offset().top; - var multiStepWizardHeight = $('.multistep-wizard').outerHeight(); - if (windowWidth > 991) { - var scrollPos = $(window).scrollTop(); - - // Check if the user has scrolled down to the container position - if (scrollPos >= multiStepWizardOffset) { - $('.multistep-wizard__nav').addClass('sticky'); - $('.multistep-wizard__content').css('padding-inline-start', sidebarWidth + 30 + 'px'); - // Check if the user has fully scrolled the container - if (scrollPos >= multiStepWizardOffset + multiStepWizardHeight - sidebarHeight) { - $('.multistep-wizard__nav').removeClass('sticky'); - $('.multistep-wizard__content').css('padding-inline-start', '0px'); - } else { - $('.multistep-wizard__nav').addClass('sticky'); - $('.multistep-wizard__content').css('padding-inline-start', sidebarWidth + 30 + 'px'); - } - } else { - $('.multistep-wizard__nav').removeClass('sticky'); - $('.multistep-wizard__content').css('padding-inline-start', '0px'); - } - } else { - $('.multistep-wizard__nav').removeClass('sticky'); - $('.multistep-wizard__content').css('padding-inline-start', '0px'); - } - }, 100)); - } - addSticky(); - multiStepWizard(); - defaultAddListing(); -}); - -// MultiStep Wizard -function multiStepWizard() { - var defaultAddListing = document.querySelector('.multistep-wizard.default-add-listing'); - if (!defaultAddListing) { - // Active Wizard - var activeWizard = function activeWizard(value) { - // Add Active Class - totalWizard.forEach(function (item, index) { - if (item.classList.contains('active')) { - item.classList.remove('active'); - item.style.display = 'none'; - } else if (value - 1 === index) { - item.classList.add('active'); - item.style.display = 'block'; - } - }); - - // Add Completed Class - totalStep.forEach(function (item, index) { - if (index + 1 < value) { - item.classList.add('completed'); - } else { - item.classList.remove('completed'); - } - if (item.classList.contains('active')) { - item.classList.remove('active'); - } else if (value - 1 === index) { - item.classList.add('active'); - } - }); - - // Enable Previous Button - if (value > 1) { - $('.multistep-wizard__btn--prev').removeAttr('disabled'); - } - - // Change Button Text on Last Step - var nextBtn = document.querySelector('.multistep-wizard__btn--next'); - var previewBtn = document.querySelector('.multistep-wizard__btn--save-preview'); - var submitBtn = document.querySelector('.multistep-wizard__btn--skip-preview'); - if (value === totalWizard.length) { - nextBtn.style.cssText = 'display:none; width: 0; height: 0; opacity: 0; visibility: hidden;'; - previewBtn.style.cssText = 'height: 54px; flex: unset; opacity: 1; visibility: visible;'; - submitBtn.style.cssText = 'height: 54px; opacity: 1; visibility: visible;'; - } else { - nextBtn.style.cssText = 'display:inline-flex; width: 200px; height: 54px; opacity: 1; visibility: visible;'; - previewBtn.style.cssText = 'height: 0; flex: 0 0 100%; opacity: 0; visibility: hidden;'; - submitBtn.style.cssText = 'height: 0; opacity: 0; visibility: hidden;'; - } - - // Update Wizard Count & Progressbar - currentWizardCount.innerHTML = value; - progressWidth.style.width = progressPerStep * value + '%'; - progressWidth.style.transition = '0.5s ease'; - }; - var totalStep = document.querySelectorAll('.multistep-wizard .multistep-wizard__nav__btn'); - var totalWizard = document.querySelectorAll('.multistep-wizard .multistep-wizard__single'); - var totalWizardCount = document.querySelector('.multistep-wizard .multistep-wizard__count__total'); - var currentWizardCount = document.querySelector('.multistep-wizard .multistep-wizard__count__current'); - var progressWidth = document.querySelector('.multistep-wizard .multistep-wizard__progressbar__width'); - var stepCount = 1; - var progressPerStep = 100 / totalWizard.length; - - // Initialize Wizard Count & Progressbar - if (currentWizardCount) { - currentWizardCount.innerHTML = stepCount; - } - if (totalWizardCount) { - totalWizardCount.innerHTML = totalWizard.length; - } - if (progressWidth) { - progressWidth.style.width = progressPerStep + '%'; - } - - // Set data-id on Wizards - totalWizard.forEach(function (item, index) { - item.setAttribute('data-id', index); - item.style.display = 'none'; - if (index === 0) { - item.style.display = 'block'; - item.classList.add('active'); - } - }); - - // Set data-step on Nav Items - totalStep.forEach(function (item, index) { - item.setAttribute('data-step', index); - if (index === 0) { - item.classList.add('active'); - } - }); - - // Go Previous Step - $('.multistep-wizard__btn--prev').on('click', function (e) { - e.preventDefault(); - if (stepCount > 1) { - stepCount--; - activeWizard(stepCount); - if (stepCount <= 1) { - this.setAttribute('disabled', true); - } - } - }); - - // Go Next Step - $('.multistep-wizard__btn--next').on('click', function (e) { - e.preventDefault(); - if (stepCount < totalWizard.length) { - stepCount++; - activeWizard(stepCount); - } - }); - - // Go Random Step - $('.multistep-wizard__nav__btn').on('click', function (e) { - e.preventDefault(); - if (this.classList.contains('completed')) { - var currentStep = Number(this.attributes[3].value) + 1; - stepCount = currentStep; - activeWizard(stepCount); - } - if (stepCount <= 1) { - $('.multistep-wizard__btn--prev').attr('disabled', true); - } - }); - } -} - -// Default Add Listing -function defaultAddListing() { - var navLinks = document.querySelectorAll('.default-add-listing .multistep-wizard__nav .multistep-wizard__nav__btn'); - - // Add 'active' class to the first navigation item on page load - window.addEventListener('load', function () { - if (navLinks.length > 0) { - navLinks[0].classList.add('active'); - } - }); - - // Function to determine which section is currently in view - function getCurrentSectionInView() { - var currentSection = null; - var sections = document.querySelectorAll('.default-add-listing .multistep-wizard__content .multistep-wizard__single'); - if (sections) { - sections.forEach(function (section) { - var rect = section.getBoundingClientRect(); - if (rect.top <= 50 && rect.bottom >= 50) { - currentSection = section.getAttribute('id'); - } - }); - } - return currentSection; - } - - // Function to update active class on navigation items - function updateActiveNav() { - var currentSection = getCurrentSectionInView(); - if (currentSection == null) { - navLinks[0].classList.add('active'); - } else { - if (navLinks[0].classList.contains('active')) { - navLinks[0].classList.remove('active'); - } - navLinks.forEach(function (link) { - if (link.getAttribute('href') === "#".concat(currentSection)) { - link.classList.add('active'); - } else { - link.classList.remove('active'); - } - }); - } - } - - // Function to scroll smoothly to the target section - function smoothScroll(targetSection) { - var scrollDuration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000; - var targetElement = document.getElementById(targetSection); - if (!targetElement) return; - var targetPosition = targetElement.getBoundingClientRect().top + window.scrollY; - var startPosition = window.scrollY; - var scrollDistance = targetPosition - startPosition; - var startTime = null; - function scrollAnimation(currentTime) { - if (startTime === null) startTime = currentTime; - var timeElapsed = currentTime - startTime; - var run = easeInOutQuad(timeElapsed, startPosition, scrollDistance, scrollDuration); - window.scrollTo(0, run); - if (timeElapsed < scrollDuration) { - requestAnimationFrame(scrollAnimation); // Continue the scrollAnimation - } - } - function easeInOutQuad(t, b, c, d) { - t /= d / 2; - if (t < 1) return c / 2 * t * t + b; - t--; - return -c / 2 * (t * (t - 2) - 1) + b; - } - requestAnimationFrame(scrollAnimation); // Start the scrollAnimation - } - - // Initial update and update on scroll - if (navLinks.length > 0) { - updateActiveNav(); - window.addEventListener('scroll', updateActiveNav); - } - - // Add smooth scroll to navigation links - navLinks.forEach(function (link) { - link.addEventListener('click', function (e) { - e.preventDefault(); - var targetSection = this.getAttribute('href').substring(1); - smoothScroll(targetSection, 1250); - }); - }); -} - -// Add Listing Accordion -function addListingAccordion() { - $('body').on('click', '.directorist-add-listing-form .directorist-content-module__title', function (e) { - e.preventDefault(); - var windowScreen = window.innerWidth; - if (windowScreen <= 991) { - $(this).toggleClass('opened'); - $(this).next('.directorist-content-module__contents').toggleClass('active'); - } - }); -} -addListingAccordion(); - -// Multistep Add Listing on Elementor EditMode -$(window).on('elementor/frontend/init', function () { - setTimeout(function () { - if ($('body').hasClass('elementor-editor-active')) { - multiStepWizard(); - } - }, 3000); -}); -$('body').on('click', function (e) { - if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { - multiStepWizard(); - } -}); -function updateLocalNonce() { - $.ajax({ - type: 'POST', - url: localized_data.ajaxurl, - data: { - action: 'directorist_generate_nonce' - }, - success: function success(response) { - if (response.success) { - window.directorist.directorist_nonce = response.data.directorist_nonce; - } - } - }); -} -}(); -/******/ })() -; -//# sourceMappingURL=add-listing.js.map \ No newline at end of file + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/slicedToArray */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/slicedToArray.js' + ); + /* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! @babel/runtime/helpers/typeof */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + /* harmony import */ var _global_components_setup_select2__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ../global/components/setup-select2 */ './assets/src/js/global/components/setup-select2.js' + ); + /* harmony import */ var _helper__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__(/*! ../helper */ './assets/src/js/helper.js'); + /* harmony import */ var _public_components_colorPicker__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ../public/components/colorPicker */ './assets/src/js/public/components/colorPicker.js' + ); + /* harmony import */ var _public_components_colorPicker__WEBPACK_IMPORTED_MODULE_4___default = + /*#__PURE__*/ __webpack_require__.n( + _public_components_colorPicker__WEBPACK_IMPORTED_MODULE_4__ + ); + /* harmony import */ var _public_components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5__ = + __webpack_require__( + /*! ../public/components/directoristDropdown */ './assets/src/js/public/components/directoristDropdown.js' + ); + /* harmony import */ var _public_components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5___default = + /*#__PURE__*/ __webpack_require__.n( + _public_components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5__ + ); + /* harmony import */ var _public_components_directoristSelect__WEBPACK_IMPORTED_MODULE_6__ = + __webpack_require__( + /*! ../public/components/directoristSelect */ './assets/src/js/public/components/directoristSelect.js' + ); + /* harmony import */ var _public_components_directoristSelect__WEBPACK_IMPORTED_MODULE_6___default = + /*#__PURE__*/ __webpack_require__.n( + _public_components_directoristSelect__WEBPACK_IMPORTED_MODULE_6__ + ); + /* harmony import */ var _components_debounce__WEBPACK_IMPORTED_MODULE_7__ = + __webpack_require__( + /*! ./components/debounce */ './assets/src/js/global/components/debounce.js' + ); + + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && r.constructor && (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + // General Components + // import { cacheCategoryCustomFields, getCategoryCustomFieldsCache } from '../global/components/cache-category-custom-fields'; + // import loadCategoryCustomFields from '../global/components/load-category-custom-fields'; + + /* eslint-disable */ + var $ = jQuery; + var localized_data = directorist.add_listing_data; + function getWrapper() { + return localized_data.is_admin + ? '#post' + : '#directorist-add-listing-form'; + } + function initColorField() { + var $colorField = $('.directorist-color-field-js', getWrapper()); + if ($colorField.length) { + $colorField.wpColorPicker(); + } + } + function scrollToEl(selector) { + document.querySelector(selector).scrollIntoView({ + block: 'start', + behavior: 'smooth', + }); + } + + /** + * Join Query String + * + * @param string url + * @param string queryString + * @return string + */ + function joinQueryString(url, queryString) { + return url.match(/[?]/) + ? ''.concat(url, '&').concat(queryString) + : ''.concat(url, '?').concat(queryString); + } + function scrollTo(selector) { + var _document$querySelect; + (_document$querySelect = document.querySelector(selector)) === + null || + _document$querySelect === void 0 || + _document$querySelect.scrollIntoView({ + block: 'start', + behavior: 'smooth', + }); + } + + /* Show and hide manual coordinate input field */ + $(window).on('load', function () { + if ($('input#manual_coordinate').length) { + $('input#manual_coordinate').each(function (index, element) { + if (!$(element).is(':checked')) { + $('#hide_if_no_manual_cor').hide(); + $('.directorist-map-coordinates').hide(); + } + }); + } + + //initialize color picker + initColorField(); + }); + $(function () { + $('body').on('click', '#manual_coordinate', function (e) { + if ($('input#manual_coordinate').is(':checked')) { + $('.directorist-map-coordinates').show(); + $('#hide_if_no_manual_cor').show(); + } else { + $('.directorist-map-coordinates').hide(); + $('#hide_if_no_manual_cor').hide(); + } + }); + + // SOCIAL SECTION + // Rearrange the IDS and Add new social field + $('body').on('click', '#addNewSocial', function (e) { + var _this = this; + var social_wrap = $('#social_info_sortable_container'); // cache it + var currentItems = $('.directorist-form-social-fields').length; + var ID = 'id='.concat(currentItems); // eg. 'id=3' + var iconBindingElement = jQuery('#addNewSocial'); + + // arrange names ID in order before adding new elements + $('.directorist-form-social-fields').each( + function (index, element) { + var e = $(element); + e.attr('id', 'socialID-'.concat(index)); + e.find('select').attr( + 'name', + 'social['.concat(index, '][id]') + ); + e.find('.atbdp_social_input').attr( + 'name', + 'social['.concat(index, '][url]') + ); + e.find('.directorist-form-social-fields__remove').attr( + 'data-id', + index + ); + } + ); + + // now add the new elements. we could do it here without using ajax but it would require more markup here. + atbdp_do_ajax( + iconBindingElement, + 'atbdp_social_info_handler', + ID, + function (data) { + social_wrap.append(data); + } + ); + setTimeout(function () { + var socialSelect = _this.parentElement.querySelectorAll( + '.directorist-form-social-fields select' + ); + socialSelect.forEach(function (item) { + if (item.value !== '') { + item.classList.remove('placeholder-item'); + } + item.addEventListener('change', function () { + if ( + this.value !== '' && + this.classList.contains('placeholder-item') + ) { + this.classList.remove('placeholder-item'); + } else if (this.value === '') { + this.classList.add('placeholder-item'); + } + }); + }); + }, 300); + }); + document.addEventListener( + 'directorist-reload-plupload', + function () { + initColorField(); + } + ); + + // remove the social field and then reset the ids while maintaining position + $('body').on( + 'click', + '.directorist-form-social-fields__remove', + function (e) { + var id = $(this).data('id'); + var elementToRemove = $('div#socialID-'.concat(id)); + /* Act on the event */ + swal( + { + title: localized_data.i18n_text.confirmation_text, + text: localized_data.i18n_text + .ask_conf_sl_lnk_del_txt, + type: 'warning', + showCancelButton: true, + confirmButtonColor: '#DD6B55', + confirmButtonText: + localized_data.i18n_text.confirm_delete, + closeOnConfirm: false, + }, + function (isConfirm) { + if (isConfirm) { + // user has confirmed, no remove the item and reset the ids + elementToRemove.slideUp('fast', function () { + elementToRemove.remove(); + // reorder the index + $('.directorist-form-social-fields').each( + function (index, element) { + var e = $(element); + e.attr( + 'id', + 'socialID-'.concat(index) + ); + e.find('select').attr( + 'name', + 'social['.concat(index, '][id]') + ); + e.find('.atbdp_social_input').attr( + 'name', + 'social['.concat( + index, + '][url]' + ) + ); + e.find( + '.directorist-form-social-fields__remove' + ).attr('data-id', index); + } + ); + }); + + // show success message + swal({ + title: localized_data.i18n_text.deleted, + // text: "Item has been deleted.", + type: 'success', + timer: 200, + showConfirmButton: false, + }); + } + } + ); + } + ); + + /* This function handles all ajax request */ + function atbdp_do_ajax( + ElementToShowLoadingIconAfter, + ActionName, + arg, + CallBackHandler + ) { + var data; + if (ActionName) data = 'action='.concat(ActionName); + if (arg) data = ''.concat(arg, '&action=').concat(ActionName); + if (arg && !ActionName) data = arg; + // data = data ; + + var n = data.search(localized_data.nonceName); + if (n < 0) { + var nonce = + typeof directorist !== 'undefined' + ? directorist.directorist_nonce + : directorist_admin.directorist_nonce; + data = '' + .concat(data, '&', 'directorist_nonce', '=') + .concat(nonce); + } + jQuery.ajax({ + type: 'post', + url: localized_data.ajaxurl, + data: data, + beforeSend: function beforeSend() { + jQuery( + "" + ).insertAfter(ElementToShowLoadingIconAfter); + }, + success: function success(data) { + jQuery('.atbdp_ajax_loading').remove(); + CallBackHandler(data); + }, + }); + } + + // Select2 js code + // if (!localized_data.is_admin) { + // Location + // const createLoc = $('#at_biz_dir-location').attr("data-allow_new"); + // let maxLocationLength = $('#at_biz_dir-location').attr("data-max"); + // if (createLoc) { + // $("#at_biz_dir-location").select2({ + // tags: true, + // maximumSelectionLength: maxLocationLength, + // language: { + // maximumSelected: function () { + // return localized_data.i18n_text.max_location_msg; + // } + // }, + // tokenSeparators: [","], + // }); + // } else { + // $("#at_biz_dir-location").select2({ + // allowClear: true, + // tags: false, + // maximumSelectionLength: maxLocationLength, + // tokenSeparators: [","], + // }); + // } + + // // Tags + // const createTag = $('#at_biz_dir-tags').attr("data-allow_new"); + // let maxTagLength = $('#at_biz_dir-tags').attr("data-max"); + // if (createTag) { + // $('#at_biz_dir-tags').select2({ + // tags: true, + // maximumSelectionLength: maxTagLength, + // tokenSeparators: [','], + // }); + // } else { + // $('#at_biz_dir-tags').select2({ + // allowClear: true, + // maximumSelectionLength: maxTagLength, + // tokenSeparators: [','], + // }); + // } + + // //Category + // const createCat = $('#at_biz_dir-categories').attr("data-allow_new"); + // let maxCatLength = $('#at_biz_dir-categories').attr("data-max"); + // if (createCat) { + // $('#at_biz_dir-categories').select2({ + // allowClear: true, + // tags: true, + // maximumSelectionLength: maxCatLength, + // tokenSeparators: [','], + // }); + // } else { + // $('#at_biz_dir-categories').select2({ + // maximumSelectionLength: maxCatLength, + // allowClear: true, + // }); + // } + // } + + /** + * Price field. + */ + function getPriceTypeInput(typeId) { + return $( + '#'.concat($('[for="'.concat(typeId, '"]')).data('option')) + ); + } + $('.directorist-form-pricing-field__options').on( + 'change', + 'input', + function () { + var $otherOptions = $(this) + .parent() + .siblings('.directorist-checkbox') + .find('input'); + $otherOptions.prop('checked', false); + getPriceTypeInput($otherOptions.attr('id')).hide(); + if (this.checked) { + getPriceTypeInput(this.id).show(); + } else { + getPriceTypeInput(this.id).hide(); + } + } + ); + if ( + $('.directorist-form-pricing-field').hasClass('price-type-both') + ) { + $('#price_range, #price').hide(); + var $selectedPriceType = $( + '.directorist-form-pricing-field__options input:checked' + ); + if ($selectedPriceType.length) { + getPriceTypeInput($selectedPriceType.attr('id')).show(); + } else { + $( + $('.directorist-form-pricing-field__options input').get( + 0 + ) + ) + .prop('checked', true) + .trigger('change'); + } + } + var has_tagline = $('#has_tagline').val(); + var has_excerpt = $('#has_excerpt').val(); + if (has_excerpt && has_tagline) { + $('.atbd_tagline_moto_field').fadeIn(); + } else { + $('.atbd_tagline_moto_field').fadeOut(); + } + $('#atbd_optional_field_check').on('change', function () { + $(this).is(':checked') + ? $('.atbd_tagline_moto_field').fadeIn() + : $('.atbd_tagline_moto_field').fadeOut(); + }); + + // it shows the hidden term and conditions + $('#listing_t_c').on('click', function (e) { + e.preventDefault(); + $('#tc_container').toggleClass('active'); + }); + + // Load custom fields of the selected category in the custom post type "atbdp_listings" + var qs = (function (a) { + if (a == '') return {}; + var b = {}; + for (var i = 0; i < a.length; ++i) { + var p = a[i].split('=', 2); + if (p.length == 1) b[p[0]] = ''; + else b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, ' ')); + } + return b; + })(window.location.search.substr(1).split('&')); + function renderCategoryCustomFields() { + if ( + (0, + _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])( + localized_data === null || localized_data === void 0 + ? void 0 + : localized_data.category_custom_field_relations + ) !== 'object' + ) { + return; + } + var categoryIds = []; + var directoryId = 0; + var fieldsMap = localized_data.category_custom_field_relations; + var categoryInputSelector = directorist.is_admin + ? '#at_biz_dir-categorychecklist input:checked' + : '#at_biz_dir-categories option:selected'; + directoryId = $( + 'select[name="directory_type"]', + getWrapper() + ).val(); + if (!directoryId) { + directoryId = $( + 'input[name="directory_type"]', + getWrapper() + ).val(); + } + if ( + typeof fieldsMap[directoryId] === 'undefined' || + fieldsMap[directoryId].length === 0 + ) { + return; + } + var $selectedCategories = $(categoryInputSelector); + if ($selectedCategories.length) { + categoryIds = $selectedCategories + .toArray() + .map(function (el) { + return Number(el.value); + }); + } + var $watchableSections = { + hide: new Set(), + show: new Set(), + }; + categoryIds = new Set(categoryIds); + for ( + var _i = 0, + _Object$entries = Object.entries( + fieldsMap[directoryId] + ); + _i < _Object$entries.length; + _i++ + ) { + var _Object$entries$_i = (0, + _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(_Object$entries[_i], 2), + fieldKey = _Object$entries$_i[0], + categoryId = _Object$entries$_i[1]; + var $input = $( + fieldKey.includes('checkbox') + ? '[name="'.concat(fieldKey, '[]"]') + : '[name="'.concat(fieldKey, '"]') + ); + var $wrapper = $input.closest('.directorist-form-group'); + if (categoryIds.has(categoryId)) { + $input.removeAttr('disabled'); + $wrapper.show(); + $watchableSections.show.add( + $wrapper.closest('.directorist-form-section').get(0) + ); + } else { + $input.attr('disabled', true); + $wrapper.hide(); + $watchableSections.hide.add( + $wrapper.closest('.directorist-form-section').get(0) + ); + } + } + if ($watchableSections.show.size) { + var _iterator = _createForOfIteratorHelper( + $watchableSections.show + ), + _step; + try { + for (_iterator.s(); !(_step = _iterator.n()).done; ) { + var visible = _step.value; + var $visible = $(visible); + $visible.removeAttr('style'); + $visible + .find('.directorist-content-module__title') + .show(); + $visible + .find('.directorist-content-module__contents') + .show(); + $( + 'a[href="#'.concat($visible.attr('id'), '"]') + ).show(); + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + } + if ($watchableSections.hide.size) { + var _iterator2 = _createForOfIteratorHelper( + $watchableSections.hide + ), + _step2; + try { + for ( + _iterator2.s(); + !(_step2 = _iterator2.n()).done; + + ) { + var hidable = _step2.value; + var $hidable = $(hidable); + if ( + $hidable.find('.directorist-form-group:visible') + .length + ) { + $hidable.removeAttr('style'); + $hidable + .find('.directorist-content-module__title') + .show(); + $hidable + .find( + '.directorist-content-module__contents' + ) + .show(); + $( + 'a[href="#'.concat( + $hidable.attr('id'), + '"]' + ) + ).show(); + } else { + $hidable.css({ + display: 'none', + height: 0, + padding: 0, + margin: 0, + border: 0, + overflow: 'hidden', + }); + $hidable + .find('.directorist-content-module__title') + .hide(); + $hidable + .find( + '.directorist-content-module__contents' + ) + .hide(); + $( + 'a[href="#'.concat( + $hidable.attr('id'), + '"]' + ) + ).hide(); + } + } + } catch (err) { + _iterator2.e(err); + } finally { + _iterator2.f(); + } + } + } + window.addEventListener('load', function () { + renderCategoryCustomFields(); + // cacheCategoryCustomFields(); + }); + window.addEventListener('directorist-type-change', function () { + renderCategoryCustomFields(); + // cacheCategoryCustomFields(); + }); + + // Render category based fields on category change (frontend) + $('#at_biz_dir-categories').on('change', function () { + renderCategoryCustomFields(); + // cacheCategoryCustomFields(); + }); + + // Render category based fields on category change (backend) + $('#at_biz_dir-categorychecklist').on('change', function () { + renderCategoryCustomFields(); + // cacheCategoryCustomFields(); + }); + + // Make sure to place the following event trigger after the event bindings. + if (!directorist.is_admin) { + if (directorist.lazy_load_taxonomy_fields) { + $('#at_biz_dir-categories').on( + 'select2:select', + function () { + $('#at_biz_dir-categories').trigger('change'); + } + ); + } else { + $('#at_biz_dir-categories').trigger('change'); + } + } + function atbdp_element_value(element) { + var field = $(element); + if (field.length) { + return field.val(); + } + } + var mediaUploaders = []; + if (localized_data.media_uploader) { + var _iterator3 = _createForOfIteratorHelper( + localized_data.media_uploader + ), + _step3; + try { + for (_iterator3.s(); !(_step3 = _iterator3.n()).done; ) { + var uploader = _step3.value; + if ($('.' + uploader.element_id).length) { + var EzUploader = new EzMediaUploader({ + containerClass: uploader.element_id, + }); + mediaUploaders.push({ + media_uploader: EzUploader, + uploaders_data: uploader, + }); + EzUploader.init(); + // mediaUploaders[i].media_uploader.init(); + } + } + } catch (err) { + _iterator3.e(err); + } finally { + _iterator3.f(); + } + } + var on_processing = false; + var has_media = true; + var quickLoginModalSuccessCallback = null; + var $notification = $('#listing_notifier'); + + // ----------------------------- + // Submit The Form + // ----------------------------- + + $('body').on( + 'submit', + '#directorist-add-listing-form', + function (e) { + e.preventDefault(); + var $form = $(e.target); + var error_count = 0; + var err_log = {}; + var $submitButton = $('.directorist-form-submit__btn'); + if (on_processing) { + return; + } + function disableSubmitButton() { + on_processing = true; + $submitButton + .addClass('atbd_loading') + .attr('disabled', true); + } + function enableSubmitButton() { + on_processing = false; + $submitButton + .removeClass('atbd_loading') + .attr('disabled', false); + } + + // images + var selectedImages = []; + var uploadedImages = []; + if (mediaUploaders.length) { + for ( + var _i2 = 0, _mediaUploaders = mediaUploaders; + _i2 < _mediaUploaders.length; + _i2++ + ) { + var uploader = _mediaUploaders[_i2]; + if ( + !uploader.media_uploader || + $(uploader.media_uploader.container) + .parents('form') + .get(0) !== $form.get(0) + ) { + continue; + } + if (!uploader.media_uploader.hasValidFiles()) { + $submitButton.removeClass('atbd_loading'); + err_log.listing_gallery = { + msg: uploader.uploaders_data['error_msg'], + }; + error_count++; + scrollTo( + '.' + uploader.uploaders_data.element_id + ); + break; + } + uploader.media_uploader + .getTheFiles() + .forEach(function (file) { + selectedImages.push({ + field: uploader.uploaders_data + .meta_name, + file: file, + }); + }); + } + } + if (selectedImages.length) { + var counter = 0; + function uploadImage() { + var formData = new FormData(); + formData.append( + 'action', + 'directorist_upload_listing_image' + ); + formData.append( + 'directorist_nonce', + directorist.directorist_nonce + ); + formData.append('image', selectedImages[counter]); + formData.append( + 'image', + selectedImages[counter].file + ); + formData.append( + 'field', + selectedImages[counter].field + ); + $.ajax({ + method: 'POST', + processData: false, + contentType: false, + url: localized_data.ajaxurl, + data: formData, + beforeSend: function beforeSend() { + disableSubmitButton(); + var totalImages = selectedImages.length; + if (totalImages === 1) { + $notification + .show() + .html( + ''.concat( + localized_data.i18n_text + .image_uploading_msg, + '' + ) + ); + } else { + var completedPercent = Math.ceil( + ((counter === 0 ? 1 : counter) * + 100) / + totalImages + ); + $notification + .show() + .html( + '' + .concat( + localized_data.i18n_text + .image_uploading_msg, + ' (' + ) + .concat( + completedPercent, + '%)' + ) + ); + } + }, + success: function success(response) { + if (!response.success) { + enableSubmitButton(); + $notification + .show() + .html( + ''.concat( + response.data, + '' + ) + ); + return; + } + uploadedImages.push({ + field: selectedImages[counter].field, + file: response.data, + }); + counter++; + if (counter < selectedImages.length) { + uploadImage(); + } else { + submitForm($form, uploadedImages); + } + }, + error: function error(response) { + enableSubmitButton(); + $notification.html( + ''.concat( + response.responseJSON.data, + '' + ) + ); + }, + }); + } + if (uploadedImages.length === selectedImages.length) { + submitForm($form, uploadedImages); + } else { + uploadImage(); + } + } else { + submitForm($form); + } + function submitForm($form) { + var uploadedImages = + arguments.length > 1 && arguments[1] !== undefined + ? arguments[1] + : []; + var error_count = 0; + var err_log = {}; + var form_data = new FormData(); + + // Add query vars from the URL to form_data + var urlParams = new URLSearchParams( + window.location.search + ); + var _iterator4 = _createForOfIteratorHelper( + urlParams.entries() + ), + _step4; + try { + for ( + _iterator4.s(); + !(_step4 = _iterator4.n()).done; + + ) { + var _step4$value = (0, + _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(_step4.value, 2), + _key = _step4$value[0], + value = _step4$value[1]; + // Don't override any existing FormData key + if (!form_data.has(_key)) { + form_data.append(_key, value); + } + } + } catch (err) { + _iterator4.e(err); + } finally { + _iterator4.f(); + } + form_data.append('action', 'add_listing_action'); + form_data.append( + 'directorist_nonce', + directorist.directorist_nonce + ); + disableSubmitButton(); + var fieldValuePairs = $form.serializeArray(); + + // Append Form Fields Values + var _iterator5 = + _createForOfIteratorHelper(fieldValuePairs), + _step5; + try { + for ( + _iterator5.s(); + !(_step5 = _iterator5.n()).done; + + ) { + var field = _step5.value; + form_data.append(field.name, field.value); + } + + // Upload existing image + } catch (err) { + _iterator5.e(err); + } finally { + _iterator5.f(); + } + if (mediaUploaders.length) { + var _loop = function _loop() { + var uploader = _mediaUploaders2[_i3]; + if ( + !uploader.media_uploader || + $(uploader.media_uploader.container) + .parents('form') + .get(0) !== $form.get(0) + ) { + return 1; // continue + } + if (uploader.media_uploader.hasValidFiles()) { + uploader.media_uploader + .getFilesMeta() + .forEach(function (file_meta) { + if (file_meta.attachmentID) { + form_data.append( + ''.concat( + uploader.uploaders_data + .meta_name, + '_old[]' + ), + file_meta.attachmentID + ); + } + }); + } else { + err_log.listing_gallery = { + msg: uploader.uploaders_data[ + 'error_msg' + ], + }; + error_count++; + if ( + $( + '.' + + uploader.uploaders_data + .element_id + ).length + ) { + scrollTo( + '.' + + uploader.uploaders_data + .element_id + ); + } + } + }; + for ( + var _i3 = 0, _mediaUploaders2 = mediaUploaders; + _i3 < _mediaUploaders2.length; + _i3++ + ) { + if (_loop()) continue; + } + } + + // Upload new image + if (uploadedImages.length) { + uploadedImages.forEach(function (image) { + form_data.append( + ''.concat(image.field, '[]'), + image.file + ); + }); + } + + // categories + var categories = $form + .find('#at_biz_dir-categories') + .val(); + if (Array.isArray(categories) && categories.length) { + for (var key in categories) { + form_data.append( + 'tax_input[at_biz_dir-category][]', + categories[key] + ); + } + } + if (typeof categories === 'string') { + form_data.append( + 'tax_input[at_biz_dir-category][]', + categories + ); + } + if (form_data.has('admin_category_select[]')) { + form_data.delete('admin_category_select[]'); + } + if (form_data.has('directory_type')) { + form_data.delete('directory_type'); + } + var form_directory_type = $form.find( + "input[name='directory_type']" + ); + var form_directory_type_value = + form_directory_type !== undefined + ? form_directory_type.val() + : ''; + var directory_type = qs.directory_type + ? qs.directory_type + : form_directory_type_value; + form_data.append('directory_type', directory_type); + if (qs.plan) { + form_data.append('plan_id', qs.plan); + } + if (qs.order) { + form_data.append('order_id', qs.order); + } + if (error_count) { + enableSubmitButton(); + console.log('Form has invalid data'); + console.log(error_count, err_log); + return; + } + $.ajax({ + method: 'POST', + processData: false, + contentType: false, + url: localized_data.ajaxurl, + data: form_data, + headers: (0, + _helper__WEBPACK_IMPORTED_MODULE_3__.directoristRequestHeaders)(), + beforeSend: function beforeSend() { + disableSubmitButton(); + $notification + .show() + .html( + ''.concat( + localized_data.i18n_text + .submission_wait_msg, + '' + ) + ); + }, + success: function success(response) { + var redirect_url = + response && response.redirect_url + ? encodeURIComponent( + response.redirect_url + ) + : ''; + if ( + (response === null || response === void 0 + ? void 0 + : response.nonce_expired) === true + ) { + updateLocalNonce(); + } + if (response.error === true) { + enableSubmitButton(); + $notification + .show() + .html( + ''.concat( + response.error_msg, + '' + ) + ); + if (response.quick_login_required) { + var modal = $( + '#directorist-quick-login' + ); + var email = response.email; + + // Prepare fields + modal + .find('input[name="email"]') + .val(email); + modal + .find('input[name="email"]') + .prop('disabled', true); + + // Show alert + var alert = + '
    ' + + response.error_msg + + '
    '; + modal + .find( + '.directorist-modal-alerts-area' + ) + .html(alert); + + // Show the modal + modal.addClass('show'); + quickLoginModalSuccessCallback = + function quickLoginModalSuccessCallback( + $form, + $submitButton + ) { + $('#guest_user_email').prop( + 'disabled', + true + ); + $notification.hide().html(''); + $submitButton.remove(); + $form + .find( + '.directorist-form-actions' + ) + .find( + '.directorist-toggle-modal' + ) + .removeClass( + 'directorist-d-none' + ); + }; + } + } else { + // preview on and no need to redirect to payment + if ( + response.preview_mode === true && + response.need_payment !== true + ) { + if (response.edited_listing !== true) { + $notification + .show() + .html( + ''.concat( + response.success_msg, + '' + ) + ); + var navigate_to = joinQueryString( + response.preview_url, + 'preview=1&redirect='.concat( + redirect_url + ) + ); + window.location.href = navigate_to; + } else { + $notification + .show() + .html( + ''.concat( + response.success_msg, + '' + ) + ); + if (qs.redirect) { + window.location.href = + joinQueryString( + response.preview_url, + 'post_id=' + .concat( + response.id, + '&preview=1&payment=1&edited=1&redirect=' + ) + .concat(qs.redirect) + ); + } else { + window.location.href = + joinQueryString( + response.preview_url, + 'preview=1&edited=1&redirect='.concat( + redirect_url + ) + ); + } + } + // preview mode active and need payment + } else if ( + response.preview_mode === true && + response.need_payment === true + ) { + window.location.href = joinQueryString( + response.preview_url, + 'preview=1&payment=1&redirect='.concat( + redirect_url + ) + ); + } else { + var is_edited = response.edited_listing + ? 'listing_id='.concat( + response.id, + '&edited=1' + ) + : ''; + if (response.need_payment === true) { + $notification + .show() + .html( + ''.concat( + response.success_msg, + '' + ) + ); + window.location.href = redirect_url; + } else { + $notification + .show() + .html( + ''.concat( + response.success_msg, + '' + ) + ); + window.location.href = + joinQueryString( + redirect_url, + is_edited + ); + } + } + } + }, + error: function error(_error) { + enableSubmitButton(); + console.log(_error); + }, + }); + } + } + ); + + // Custom Field Checkbox Button More + function customFieldSeeMore() { + if ($('.directorist-custom-field-btn-more').length) { + $('.directorist-custom-field-btn-more').each( + function (index, element) { + var fieldWrapper = $(element).closest( + '.directorist-custom-field-checkbox, .directorist-custom-field-radio' + ); + var customField = $(fieldWrapper).find( + '.directorist-checkbox, .directorist-radio' + ); + $(customField).slice(20, customField.length).hide(); + if (customField.length <= 20) { + $(element).hide(); + } + } + ); + } + } + $(window).on('load', function () { + customFieldSeeMore(); + }); + $('body').on( + 'click', + '.directorist-custom-field-btn-more', + function (event) { + event.preventDefault(); + var fieldWrapper = $(this).closest( + '.directorist-custom-field-checkbox, .directorist-custom-field-radio' + ); + var customField = $(fieldWrapper).find( + '.directorist-checkbox, .directorist-radio' + ); + $(customField).slice(20, customField.length).slideUp(); + $(this).toggleClass('active'); + if ($(this).hasClass('active')) { + $(this).text(localized_data.i18n_text.see_less_text); + $(customField) + .slice(20, customField.length) + .slideDown(); + } else { + $(this).text(localized_data.i18n_text.see_more_text); + $(customField).slice(20, customField.length).slideUp(); + } + } + ); + + // ------------------------------ + // Quick Login + // ------------------------------ + $('#directorist-quick-login .directorist-toggle-modal').on( + 'click', + function (e) { + e.preventDefault(); + $('#directorist-quick-login').removeClass('show'); + } + ); + $('#quick-login-from-submit-btn').on('click', function (e) { + e.preventDefault(); + var $form = $($(this).data('form')); + var $feedback = $form.find('.directorist-modal-alerts-area'); + $feedback = $feedback.length + ? $feedback + : $form.find('.directorist-form-feedback'); + var $email = $form.find('input[name="email"]'); + var $password = $form.find('input[name="password"]'); + var $token = $form.find( + 'input[name="directorist-quick-login-security"]' + ); + var $submit_button = $(this); + var submit_button_html = $submit_button.html(); + var form_data = { + action: 'directorist_ajax_quick_login', + username: $email.val(), + password: $password.val(), + rememberme: false, + token: $token.val(), + }; + $.ajax({ + method: 'POST', + url: directorist.ajaxurl, + data: form_data, + beforeSend: function beforeSend() { + $feedback.html(''); + $submit_button.prop('disabled', true); + $submit_button.prepend( + ' ' + ); + }, + success: function success(response) { + $submit_button.html(submit_button_html); + if (response.loggedin) { + $password.prop('disabled', true); + var message = + 'Successfully logged in, please continue to the listing submission'; + var msg = + '
    ' + + message + + '
    '; + $feedback.html(msg); + if (quickLoginModalSuccessCallback) { + quickLoginModalSuccessCallback( + $form, + $submit_button + ); + } + updateLocalNonce(); + } else { + var msg = + '
    ' + + response.message + + '
    '; + $feedback.html(msg); + $submit_button.prop('disabled', false); + } + }, + error: function error(_error2) { + console.log({ + error: _error2, + }); + $submit_button.prop('disabled', false); + $submit_button.html(submit_button_html); + }, + }); + }); + function addSticky() { + $(window).scroll( + (0, + _components_debounce__WEBPACK_IMPORTED_MODULE_7__[ + 'default' + ])(function () { + var windowWidth = $(window).width(); + var sidebarWidth = $('.multistep-wizard__nav').width(); + var sidebarHeight = $( + '.multistep-wizard__nav' + ).height(); + var multiStepWizardOffset = + $('.multistep-wizard').offset() && + $('.multistep-wizard').offset().top; + var multiStepWizardHeight = + $('.multistep-wizard').outerHeight(); + if (windowWidth > 991) { + var scrollPos = $(window).scrollTop(); + + // Check if the user has scrolled down to the container position + if (scrollPos >= multiStepWizardOffset) { + $('.multistep-wizard__nav').addClass('sticky'); + $('.multistep-wizard__content').css( + 'padding-inline-start', + sidebarWidth + 30 + 'px' + ); + // Check if the user has fully scrolled the container + if ( + scrollPos >= + multiStepWizardOffset + + multiStepWizardHeight - + sidebarHeight + ) { + $('.multistep-wizard__nav').removeClass( + 'sticky' + ); + $('.multistep-wizard__content').css( + 'padding-inline-start', + '0px' + ); + } else { + $('.multistep-wizard__nav').addClass( + 'sticky' + ); + $('.multistep-wizard__content').css( + 'padding-inline-start', + sidebarWidth + 30 + 'px' + ); + } + } else { + $('.multistep-wizard__nav').removeClass( + 'sticky' + ); + $('.multistep-wizard__content').css( + 'padding-inline-start', + '0px' + ); + } + } else { + $('.multistep-wizard__nav').removeClass('sticky'); + $('.multistep-wizard__content').css( + 'padding-inline-start', + '0px' + ); + } + }, 100) + ); + } + addSticky(); + multiStepWizard(); + defaultAddListing(); + }); + + // MultiStep Wizard + function multiStepWizard() { + var defaultAddListing = document.querySelector( + '.multistep-wizard.default-add-listing' + ); + if (!defaultAddListing) { + var totalStep = document.querySelectorAll( + '.multistep-wizard .multistep-wizard__nav__btn' + ); + var totalWizard = document.querySelectorAll( + '.multistep-wizard .multistep-wizard__single' + ); + var totalWizardCount = document.querySelector( + '.multistep-wizard .multistep-wizard__count__total' + ); + var currentWizardCount = document.querySelector( + '.multistep-wizard .multistep-wizard__count__current' + ); + var progressWidth = document.querySelector( + '.multistep-wizard .multistep-wizard__progressbar__width' + ); + var stepCount = 1; + var progressPerStep = 100 / totalWizard.length; + + // Initialize Wizard Count & Progressbar + if (currentWizardCount) { + currentWizardCount.innerHTML = stepCount; + } + if (totalWizardCount) { + totalWizardCount.innerHTML = totalWizard.length; + } + if (progressWidth) { + progressWidth.style.width = progressPerStep + '%'; + } + + // Set data-id on Wizards + totalWizard.forEach(function (item, index) { + item.setAttribute('data-id', index); + item.style.display = 'none'; + if (index === 0) { + item.style.display = 'block'; + item.classList.add('active'); + } + }); + + // Set data-step on Nav Items + totalStep.forEach(function (item, index) { + item.setAttribute('data-step', index); + if (index === 0) { + item.classList.add('active'); + } + }); + + // Go Previous Step + $('.multistep-wizard__btn--prev').on('click', function (e) { + e.preventDefault(); + if (stepCount > 1) { + stepCount--; + activeWizard(stepCount); + if (stepCount <= 1) { + this.setAttribute('disabled', true); + } + } + }); + + // Go Next Step + $('.multistep-wizard__btn--next').on('click', function (e) { + e.preventDefault(); + if (stepCount < totalWizard.length) { + stepCount++; + activeWizard(stepCount); + } + }); + + // Go Random Step + $('.multistep-wizard__nav__btn').on('click', function (e) { + e.preventDefault(); + if (this.classList.contains('completed')) { + var currentStep = Number(this.attributes[3].value) + 1; + stepCount = currentStep; + activeWizard(stepCount); + } + if (stepCount <= 1) { + $('.multistep-wizard__btn--prev').attr( + 'disabled', + true + ); + } + }); + + // Active Wizard + function activeWizard(value) { + // Add Active Class + totalWizard.forEach(function (item, index) { + if (item.classList.contains('active')) { + item.classList.remove('active'); + item.style.display = 'none'; + } else if (value - 1 === index) { + item.classList.add('active'); + item.style.display = 'block'; + } + }); + + // Add Completed Class + totalStep.forEach(function (item, index) { + if (index + 1 < value) { + item.classList.add('completed'); + } else { + item.classList.remove('completed'); + } + if (item.classList.contains('active')) { + item.classList.remove('active'); + } else if (value - 1 === index) { + item.classList.add('active'); + } + }); + + // Enable Previous Button + if (value > 1) { + $('.multistep-wizard__btn--prev').removeAttr( + 'disabled' + ); + } + + // Change Button Text on Last Step + var nextBtn = document.querySelector( + '.multistep-wizard__btn--next' + ); + var previewBtn = document.querySelector( + '.multistep-wizard__btn--save-preview' + ); + var submitBtn = document.querySelector( + '.multistep-wizard__btn--skip-preview' + ); + if (value === totalWizard.length) { + nextBtn.style.cssText = + 'display:none; width: 0; height: 0; opacity: 0; visibility: hidden;'; + previewBtn.style.cssText = + 'height: 54px; flex: unset; opacity: 1; visibility: visible;'; + submitBtn.style.cssText = + 'height: 54px; opacity: 1; visibility: visible;'; + } else { + nextBtn.style.cssText = + 'display:inline-flex; width: 200px; height: 54px; opacity: 1; visibility: visible;'; + previewBtn.style.cssText = + 'height: 0; flex: 0 0 100%; opacity: 0; visibility: hidden;'; + submitBtn.style.cssText = + 'height: 0; opacity: 0; visibility: hidden;'; + } + + // Update Wizard Count & Progressbar + currentWizardCount.innerHTML = value; + progressWidth.style.width = progressPerStep * value + '%'; + progressWidth.style.transition = '0.5s ease'; + } + } + } + + // Default Add Listing + function defaultAddListing() { + var navLinks = document.querySelectorAll( + '.default-add-listing .multistep-wizard__nav .multistep-wizard__nav__btn' + ); + + // Add 'active' class to the first navigation item on page load + window.addEventListener('load', function () { + if (navLinks.length > 0) { + navLinks[0].classList.add('active'); + } + }); + + // Function to determine which section is currently in view + function getCurrentSectionInView() { + var currentSection = null; + var sections = document.querySelectorAll( + '.default-add-listing .multistep-wizard__content .multistep-wizard__single' + ); + if (sections) { + sections.forEach(function (section) { + var rect = section.getBoundingClientRect(); + if (rect.top <= 50 && rect.bottom >= 50) { + currentSection = section.getAttribute('id'); + } + }); + } + return currentSection; + } + + // Function to update active class on navigation items + function updateActiveNav() { + var currentSection = getCurrentSectionInView(); + if (currentSection == null) { + navLinks[0].classList.add('active'); + } else { + if (navLinks[0].classList.contains('active')) { + navLinks[0].classList.remove('active'); + } + navLinks.forEach(function (link) { + if ( + link.getAttribute('href') === + '#'.concat(currentSection) + ) { + link.classList.add('active'); + } else { + link.classList.remove('active'); + } + }); + } + } + + // Function to scroll smoothly to the target section + function smoothScroll(targetSection) { + var scrollDuration = + arguments.length > 1 && arguments[1] !== undefined + ? arguments[1] + : 1000; + var targetElement = document.getElementById(targetSection); + if (!targetElement) return; + var targetPosition = + targetElement.getBoundingClientRect().top + window.scrollY; + var startPosition = window.scrollY; + var scrollDistance = targetPosition - startPosition; + var startTime = null; + function scrollAnimation(currentTime) { + if (startTime === null) startTime = currentTime; + var timeElapsed = currentTime - startTime; + var run = easeInOutQuad( + timeElapsed, + startPosition, + scrollDistance, + scrollDuration + ); + window.scrollTo(0, run); + if (timeElapsed < scrollDuration) { + requestAnimationFrame(scrollAnimation); // Continue the scrollAnimation + } + } + function easeInOutQuad(t, b, c, d) { + t /= d / 2; + if (t < 1) return (c / 2) * t * t + b; + t--; + return (-c / 2) * (t * (t - 2) - 1) + b; + } + requestAnimationFrame(scrollAnimation); // Start the scrollAnimation + } + + // Initial update and update on scroll + if (navLinks.length > 0) { + updateActiveNav(); + window.addEventListener('scroll', updateActiveNav); + } + + // Add smooth scroll to navigation links + navLinks.forEach(function (link) { + link.addEventListener('click', function (e) { + e.preventDefault(); + var targetSection = this.getAttribute('href').substring(1); + smoothScroll(targetSection, 1250); + }); + }); + } + + // Add Listing Accordion + function addListingAccordion() { + $('body').on( + 'click', + '.directorist-add-listing-form .directorist-content-module__title', + function (e) { + e.preventDefault(); + var windowScreen = window.innerWidth; + if (windowScreen <= 991) { + $(this).toggleClass('opened'); + $(this) + .next('.directorist-content-module__contents') + .toggleClass('active'); + } + } + ); + } + addListingAccordion(); + + // Multistep Add Listing on Elementor EditMode + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + multiStepWizard(); + } + }, 3000); + }); + $('body').on('click', function (e) { + if ( + $('body').hasClass('elementor-editor-active') && + e.target.nodeName !== 'A' && + e.target.nodeName !== 'BUTTON' + ) { + multiStepWizard(); + } + }); + function updateLocalNonce() { + $.ajax({ + type: 'POST', + url: localized_data.ajaxurl, + data: { + action: 'directorist_generate_nonce', + }, + success: function success(response) { + if (response.success) { + window.directorist.directorist_nonce = + response.data.directorist_nonce; + } + }, + }); + } + })(); + /******/ +})(); +//# sourceMappingURL=add-listing.js.map diff --git a/assets/js/admin-builder-archive.js b/assets/js/admin-builder-archive.js index f6f81eee32..4072999c61 100644 --- a/assets/js/admin-builder-archive.js +++ b/assets/js/admin-builder-archive.js @@ -1,4922 +1,4165 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/admin/components/delete-directory-modal.js": -/*!******************************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/admin/components/delete-directory-modal.js': + /*!******************************************************************!*\ !*** ./assets/src/js/admin/components/delete-directory-modal.js ***! \******************************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - var $ = jQuery; - - // Open Delete Modal - $('.atbdp-directory-delete-link-action').on('click', function (e) { - e.preventDefault(); - var delete_link = $(this).data('delete-link'); - $('.atbdp-directory-delete-link').prop('href', delete_link); - }); - - // Delete Action - $('.atbdp-directory-delete-link').on('click', function (e) { - // e.preventDefault(); - $(this).prepend(' '); - $('.atbdp-directory-delete-cancel-link').removeClass('cptm-modal-toggle'); - $('.atbdp-directory-delete-cancel-link').addClass('atbdp-disabled'); - }); -}); - -/***/ }), - -/***/ "./assets/src/js/admin/components/directory-migration-modal.js": -/*!*********************************************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + var $ = jQuery; + + // Open Delete Modal + $('.atbdp-directory-delete-link-action').on( + 'click', + function (e) { + e.preventDefault(); + var delete_link = $(this).data('delete-link'); + $('.atbdp-directory-delete-link').prop( + 'href', + delete_link + ); + } + ); + + // Delete Action + $('.atbdp-directory-delete-link').on('click', function (e) { + // e.preventDefault(); + $(this).prepend( + ' ' + ); + $('.atbdp-directory-delete-cancel-link').removeClass( + 'cptm-modal-toggle' + ); + $('.atbdp-directory-delete-cancel-link').addClass( + 'atbdp-disabled' + ); + }); + }); + + /***/ + }, + + /***/ './assets/src/js/admin/components/directory-migration-modal.js': + /*!*********************************************************************!*\ !*** ./assets/src/js/admin/components/directory-migration-modal.js ***! \*********************************************************************/ -/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) { - -window.addEventListener('load', function () { - var $ = jQuery; - var axios = (__webpack_require__(/*! axios */ "./node_modules/axios/dist/browser/axios.cjs")["default"]); - - // Migration Link - $('.atbdp-directory-migration-link').on('click', function (e) { - e.preventDefault(); - var self = this; - $('.cptm-directory-migration-form').find('.cptm-comfirmation-text').html('Please wait...'); - $('.atbdp-directory-migration-cencel-link').remove(); - $(this).html(' Migrating'); - $(this).addClass('atbdp-disabled'); - var form_data = new FormData(); - form_data.append('action', 'directorist_force_migrate'); - - // Response Success Callback - var responseSuccessCallback = function responseSuccessCallback(response) { - var _response$data; - // console.log( { response } ); - - if (response !== null && response !== void 0 && (_response$data = response.data) !== null && _response$data !== void 0 && _response$data.success) { - var _response$data$messag, _response$data2; - var msg = (_response$data$messag = response === null || response === void 0 || (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.message) !== null && _response$data$messag !== void 0 ? _response$data$messag : 'Migration Successful'; - var alert_content = "\n
    \n
    \n \n
    \n\n
    ".concat(msg, "
    \n
    \n "); - $('.cptm-directory-migration-form').find('.cptm-comfirmation-text').html(alert_content); - $(self).remove(); - location.reload(); - return; - } - responseFaildCallback(response); - }; - - // Response Error Callback - var responseFaildCallback = function responseFaildCallback(response) { - var _response$data$messag2, _response$data3; - // console.log( { response } ); - - var msg = (_response$data$messag2 = response === null || response === void 0 || (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.message) !== null && _response$data$messag2 !== void 0 ? _response$data$messag2 : 'Something went wrong please try again'; - var alert_content = "\n
    \n
    \n \n
    \n\n
    ".concat(msg, "
    \n
    \n "); - $('.cptm-directory-migration-form').find('.cptm-comfirmation-text').html(alert_content); - $(self).remove(); - }; - - // Send Request - axios.post(directorist_admin.ajax_url, form_data).then(function (response) { - responseSuccessCallback(response); - }).catch(function (response) { - responseFaildCallback(response); - }); - }); -}); - -/***/ }), - -/***/ "./assets/src/js/admin/components/import-directory-modal.js": -/*!******************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __unused_webpack_exports, + __webpack_require__ + ) { + window.addEventListener('load', function () { + var $ = jQuery; + var axios = __webpack_require__( + /*! axios */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/index.js' + )['default']; + + // Migration Link + $('.atbdp-directory-migration-link').on( + 'click', + function (e) { + e.preventDefault(); + var self = this; + $('.cptm-directory-migration-form') + .find('.cptm-comfirmation-text') + .html('Please wait...'); + $( + '.atbdp-directory-migration-cencel-link' + ).remove(); + $(this).html( + ' Migrating' + ); + $(this).addClass('atbdp-disabled'); + var form_data = new FormData(); + form_data.append( + 'action', + 'directorist_force_migrate' + ); + + // Response Success Callback + var responseSuccessCallback = + function responseSuccessCallback(response) { + var _response$data; + // console.log( { response } ); + + if ( + response !== null && + response !== void 0 && + (_response$data = response.data) !== + null && + _response$data !== void 0 && + _response$data.success + ) { + var _response$data$messag, + _response$data2; + var msg = + (_response$data$messag = + response === null || + response === void 0 || + (_response$data2 = + response.data) === null || + _response$data2 === void 0 + ? void 0 + : _response$data2.message) !== + null && + _response$data$messag !== void 0 + ? _response$data$messag + : 'Migration Successful'; + var alert_content = + '\n
    \n
    \n \n
    \n\n
    '.concat( + msg, + '
    \n
    \n ' + ); + $('.cptm-directory-migration-form') + .find('.cptm-comfirmation-text') + .html(alert_content); + $(self).remove(); + location.reload(); + return; + } + responseFaildCallback(response); + }; + + // Response Error Callback + var responseFaildCallback = + function responseFaildCallback(response) { + var _response$data$messag2, _response$data3; + // console.log( { response } ); + + var msg = + (_response$data$messag2 = + response === null || + response === void 0 || + (_response$data3 = + response.data) === null || + _response$data3 === void 0 + ? void 0 + : _response$data3.message) !== + null && + _response$data$messag2 !== void 0 + ? _response$data$messag2 + : 'Something went wrong please try again'; + var alert_content = + '\n
    \n
    \n \n
    \n\n
    '.concat( + msg, + '
    \n
    \n ' + ); + $('.cptm-directory-migration-form') + .find('.cptm-comfirmation-text') + .html(alert_content); + $(self).remove(); + }; + + // Send Request + axios + .post(directorist_admin.ajax_url, form_data) + .then(function (response) { + responseSuccessCallback(response); + }) + .catch(function (response) { + responseFaildCallback(response); + }); + } + ); + }); + + /***/ + }, + + /***/ './assets/src/js/admin/components/import-directory-modal.js': + /*!******************************************************************!*\ !*** ./assets/src/js/admin/components/import-directory-modal.js ***! \******************************************************************/ -/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) { - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -window.addEventListener('load', function () { - var axios = (__webpack_require__(/*! axios */ "./node_modules/axios/dist/browser/axios.cjs")["default"]); - var $ = jQuery; - - // cptm-import-directory-form - var term_id = 0; - $('.cptm-import-directory-form').on('submit', function (e) { - e.preventDefault(); - var form_feedback = $(this).find('.cptm-form-group-feedback'); - var modal_content = $('.cptm-import-directory-modal').find('.cptm-modal-content'); - var modal_alert = $('.cptm-import-directory-modal-alert'); - var form_data = new FormData(); - form_data.append('action', 'save_imported_post_type_data'); - form_data.append('directorist_nonce', directorist_admin.directorist_nonce); - if (Number.isInteger(term_id) && term_id > 0) { - form_data.append('term_id', term_id); - } - var form_fields = $(this).find('.cptm-form-field'); - var general_fields = ['text', 'number']; - $(this).find('button[type=submit] .cptm-loading-icon').removeClass('cptm-d-none'); - var _iterator = _createForOfIteratorHelper(form_fields), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var field = _step.value; - if (!field.name.length) { - continue; - } - - // General fields - if (general_fields.includes(field.type)) { - form_data.append(field.name, $(field).val()); - } - - // Media fields - if ('file' === field.type) { - form_data.append(field.name, field.files[0]); - } - } - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } - var self = this; - form_feedback.html(''); - axios.post(directorist_admin.ajax_url, form_data).then(function (response) { - // console.log( { response } ); - $(self).find('button[type=submit] .cptm-loading-icon').addClass('cptm-d-none'); - - // Store term ID if exist - if (response.data.term_id && Number.isInteger(response.data.term_id) && response.data.term_id > 0) { - term_id = response.data.term_id; - // console.log( 'Term ID has been updated' ); - } - - // Show status log - if (response.data && response.data.status.status_log) { - var status_log = response.data.status.status_log; - for (var status in status_log) { - var alert = '
    ' + status_log[status].message + '
    '; - form_feedback.append(alert); - } - } - - // Reload the page if success - if (response.data && response.data.status && response.data.status.success) { - // console.log( 'reloading...' ); - - modal_content.addClass('cptm-d-none'); - modal_alert.removeClass('cptm-d-none'); - $(self).trigger('reset'); - location.reload(); - } - }).catch(function (error) { - console.log({ - error: error - }); - $(self).find('button[type=submit] .cptm-loading-icon').addClass('cptm-d-none'); - }); - }); -}); - -/***/ }), - -/***/ "./node_modules/axios/dist/browser/axios.cjs": -/*!***************************************************!*\ - !*** ./node_modules/axios/dist/browser/axios.cjs ***! - \***************************************************/ -/***/ (function(module, __unused_webpack_exports, __webpack_require__) { - -"use strict"; -/*! Axios v1.13.5 Copyright (c) 2026 Matt Zabriskie and contributors */ - - -/** - * Create a bound version of a function with a specified `this` context - * - * @param {Function} fn - The function to bind - * @param {*} thisArg - The value to be passed as the `this` parameter - * @returns {Function} A new function that will call the original function with the specified `this` context - */ -function bind(fn, thisArg) { - return function wrap() { - return fn.apply(thisArg, arguments); - }; -} - -// utils is a library of generic helper functions non-specific to axios - -const { toString } = Object.prototype; -const { getPrototypeOf } = Object; -const { iterator, toStringTag } = Symbol; - -const kindOf = ((cache) => (thing) => { - const str = toString.call(thing); - return cache[str] || (cache[str] = str.slice(8, -1).toLowerCase()); -})(Object.create(null)); - -const kindOfTest = (type) => { - type = type.toLowerCase(); - return (thing) => kindOf(thing) === type; -}; - -const typeOfTest = (type) => (thing) => typeof thing === type; - -/** - * Determine if a value is a non-null object - * - * @param {Object} val The value to test - * - * @returns {boolean} True if value is an Array, otherwise false - */ -const { isArray } = Array; - -/** - * Determine if a value is undefined - * - * @param {*} val The value to test - * - * @returns {boolean} True if the value is undefined, otherwise false - */ -const isUndefined = typeOfTest("undefined"); - -/** - * Determine if a value is a Buffer - * - * @param {*} val The value to test - * - * @returns {boolean} True if value is a Buffer, otherwise false - */ -function isBuffer(val) { - return ( - val !== null && - !isUndefined(val) && - val.constructor !== null && - !isUndefined(val.constructor) && - isFunction$1(val.constructor.isBuffer) && - val.constructor.isBuffer(val) - ); -} - -/** - * Determine if a value is an ArrayBuffer - * - * @param {*} val The value to test - * - * @returns {boolean} True if value is an ArrayBuffer, otherwise false - */ -const isArrayBuffer = kindOfTest("ArrayBuffer"); - -/** - * Determine if a value is a view on an ArrayBuffer - * - * @param {*} val The value to test - * - * @returns {boolean} True if value is a view on an ArrayBuffer, otherwise false - */ -function isArrayBufferView(val) { - let result; - if (typeof ArrayBuffer !== "undefined" && ArrayBuffer.isView) { - result = ArrayBuffer.isView(val); - } else { - result = val && val.buffer && isArrayBuffer(val.buffer); - } - return result; -} - -/** - * Determine if a value is a String - * - * @param {*} val The value to test - * - * @returns {boolean} True if value is a String, otherwise false - */ -const isString = typeOfTest("string"); - -/** - * Determine if a value is a Function - * - * @param {*} val The value to test - * @returns {boolean} True if value is a Function, otherwise false - */ -const isFunction$1 = typeOfTest("function"); - -/** - * Determine if a value is a Number - * - * @param {*} val The value to test - * - * @returns {boolean} True if value is a Number, otherwise false - */ -const isNumber = typeOfTest("number"); - -/** - * Determine if a value is an Object - * - * @param {*} thing The value to test - * - * @returns {boolean} True if value is an Object, otherwise false - */ -const isObject = (thing) => thing !== null && typeof thing === "object"; - -/** - * Determine if a value is a Boolean - * - * @param {*} thing The value to test - * @returns {boolean} True if value is a Boolean, otherwise false - */ -const isBoolean = (thing) => thing === true || thing === false; - -/** - * Determine if a value is a plain Object - * - * @param {*} val The value to test - * - * @returns {boolean} True if value is a plain Object, otherwise false - */ -const isPlainObject = (val) => { - if (kindOf(val) !== "object") { - return false; - } - - const prototype = getPrototypeOf(val); - return ( - (prototype === null || - prototype === Object.prototype || - Object.getPrototypeOf(prototype) === null) && - !(toStringTag in val) && - !(iterator in val) - ); -}; - -/** - * Determine if a value is an empty object (safely handles Buffers) - * - * @param {*} val The value to test - * - * @returns {boolean} True if value is an empty object, otherwise false - */ -const isEmptyObject = (val) => { - // Early return for non-objects or Buffers to prevent RangeError - if (!isObject(val) || isBuffer(val)) { - return false; - } - - try { - return ( - Object.keys(val).length === 0 && - Object.getPrototypeOf(val) === Object.prototype - ); - } catch (e) { - // Fallback for any other objects that might cause RangeError with Object.keys() - return false; - } -}; - -/** - * Determine if a value is a Date - * - * @param {*} val The value to test - * - * @returns {boolean} True if value is a Date, otherwise false - */ -const isDate = kindOfTest("Date"); - -/** - * Determine if a value is a File - * - * @param {*} val The value to test - * - * @returns {boolean} True if value is a File, otherwise false - */ -const isFile = kindOfTest("File"); - -/** - * Determine if a value is a Blob - * - * @param {*} val The value to test - * - * @returns {boolean} True if value is a Blob, otherwise false - */ -const isBlob = kindOfTest("Blob"); - -/** - * Determine if a value is a FileList - * - * @param {*} val The value to test - * - * @returns {boolean} True if value is a File, otherwise false - */ -const isFileList = kindOfTest("FileList"); - -/** - * Determine if a value is a Stream - * - * @param {*} val The value to test - * - * @returns {boolean} True if value is a Stream, otherwise false - */ -const isStream = (val) => isObject(val) && isFunction$1(val.pipe); - -/** - * Determine if a value is a FormData - * - * @param {*} thing The value to test - * - * @returns {boolean} True if value is an FormData, otherwise false - */ -const isFormData = (thing) => { - let kind; - return ( - thing && - ((typeof FormData === "function" && thing instanceof FormData) || - (isFunction$1(thing.append) && - ((kind = kindOf(thing)) === "formdata" || - // detect form-data instance - (kind === "object" && - isFunction$1(thing.toString) && - thing.toString() === "[object FormData]")))) - ); -}; - -/** - * Determine if a value is a URLSearchParams object - * - * @param {*} val The value to test - * - * @returns {boolean} True if value is a URLSearchParams object, otherwise false - */ -const isURLSearchParams = kindOfTest("URLSearchParams"); - -const [isReadableStream, isRequest, isResponse, isHeaders] = [ - "ReadableStream", - "Request", - "Response", - "Headers", -].map(kindOfTest); - -/** - * Trim excess whitespace off the beginning and end of a string - * - * @param {String} str The String to trim - * - * @returns {String} The String freed of excess whitespace - */ -const trim = (str) => - str.trim ? str.trim() : str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, ""); - -/** - * Iterate over an Array or an Object invoking a function for each item. - * - * If `obj` is an Array callback will be called passing - * the value, index, and complete array for each item. - * - * If 'obj' is an Object callback will be called passing - * the value, key, and complete object for each property. - * - * @param {Object|Array} obj The object to iterate - * @param {Function} fn The callback to invoke for each item - * - * @param {Object} [options] - * @param {Boolean} [options.allOwnKeys = false] - * @returns {any} - */ -function forEach(obj, fn, { allOwnKeys = false } = {}) { - // Don't bother if no value provided - if (obj === null || typeof obj === "undefined") { - return; - } - - let i; - let l; - - // Force an array if not already something iterable - if (typeof obj !== "object") { - /*eslint no-param-reassign:0*/ - obj = [obj]; - } - - if (isArray(obj)) { - // Iterate over array values - for (i = 0, l = obj.length; i < l; i++) { - fn.call(null, obj[i], i, obj); - } - } else { - // Buffer check - if (isBuffer(obj)) { - return; - } - - // Iterate over object keys - const keys = allOwnKeys - ? Object.getOwnPropertyNames(obj) - : Object.keys(obj); - const len = keys.length; - let key; - - for (i = 0; i < len; i++) { - key = keys[i]; - fn.call(null, obj[key], key, obj); - } - } -} - -function findKey(obj, key) { - if (isBuffer(obj)) { - return null; - } - - key = key.toLowerCase(); - const keys = Object.keys(obj); - let i = keys.length; - let _key; - while (i-- > 0) { - _key = keys[i]; - if (key === _key.toLowerCase()) { - return _key; - } - } - return null; -} - -const _global = (() => { - /*eslint no-undef:0*/ - if (typeof globalThis !== "undefined") return globalThis; - return typeof self !== "undefined" - ? self - : typeof window !== "undefined" - ? window - : __webpack_require__.g; -})(); - -const isContextDefined = (context) => - !isUndefined(context) && context !== _global; - -/** - * Accepts varargs expecting each argument to be an object, then - * immutably merges the properties of each object and returns result. - * - * When multiple objects contain the same key the later object in - * the arguments list will take precedence. - * - * Example: - * - * ```js - * const result = merge({foo: 123}, {foo: 456}); - * console.log(result.foo); // outputs 456 - * ``` - * - * @param {Object} obj1 Object to merge - * - * @returns {Object} Result of all merge properties - */ -function merge(/* obj1, obj2, obj3, ... */) { - const { caseless, skipUndefined } = (isContextDefined(this) && this) || {}; - const result = {}; - const assignValue = (val, key) => { - // Skip dangerous property names to prevent prototype pollution - if (key === "__proto__" || key === "constructor" || key === "prototype") { - return; - } - - const targetKey = (caseless && findKey(result, key)) || key; - if (isPlainObject(result[targetKey]) && isPlainObject(val)) { - result[targetKey] = merge(result[targetKey], val); - } else if (isPlainObject(val)) { - result[targetKey] = merge({}, val); - } else if (isArray(val)) { - result[targetKey] = val.slice(); - } else if (!skipUndefined || !isUndefined(val)) { - result[targetKey] = val; - } - }; - - for (let i = 0, l = arguments.length; i < l; i++) { - arguments[i] && forEach(arguments[i], assignValue); - } - return result; -} - -/** - * Extends object a by mutably adding to it the properties of object b. - * - * @param {Object} a The object to be extended - * @param {Object} b The object to copy properties from - * @param {Object} thisArg The object to bind function to - * - * @param {Object} [options] - * @param {Boolean} [options.allOwnKeys] - * @returns {Object} The resulting value of object a - */ -const extend = (a, b, thisArg, { allOwnKeys } = {}) => { - forEach( - b, - (val, key) => { - if (thisArg && isFunction$1(val)) { - Object.defineProperty(a, key, { - value: bind(val, thisArg), - writable: true, - enumerable: true, - configurable: true, - }); - } else { - Object.defineProperty(a, key, { - value: val, - writable: true, - enumerable: true, - configurable: true, - }); - } - }, - { allOwnKeys }, - ); - return a; -}; - -/** - * Remove byte order marker. This catches EF BB BF (the UTF-8 BOM) - * - * @param {string} content with BOM - * - * @returns {string} content value without BOM - */ -const stripBOM = (content) => { - if (content.charCodeAt(0) === 0xfeff) { - content = content.slice(1); - } - return content; -}; - -/** - * Inherit the prototype methods from one constructor into another - * @param {function} constructor - * @param {function} superConstructor - * @param {object} [props] - * @param {object} [descriptors] - * - * @returns {void} - */ -const inherits = (constructor, superConstructor, props, descriptors) => { - constructor.prototype = Object.create( - superConstructor.prototype, - descriptors, - ); - Object.defineProperty(constructor.prototype, "constructor", { - value: constructor, - writable: true, - enumerable: false, - configurable: true, - }); - Object.defineProperty(constructor, "super", { - value: superConstructor.prototype, - }); - props && Object.assign(constructor.prototype, props); -}; - -/** - * Resolve object with deep prototype chain to a flat object - * @param {Object} sourceObj source object - * @param {Object} [destObj] - * @param {Function|Boolean} [filter] - * @param {Function} [propFilter] - * - * @returns {Object} - */ -const toFlatObject = (sourceObj, destObj, filter, propFilter) => { - let props; - let i; - let prop; - const merged = {}; - - destObj = destObj || {}; - // eslint-disable-next-line no-eq-null,eqeqeq - if (sourceObj == null) return destObj; - - do { - props = Object.getOwnPropertyNames(sourceObj); - i = props.length; - while (i-- > 0) { - prop = props[i]; - if ( - (!propFilter || propFilter(prop, sourceObj, destObj)) && - !merged[prop] - ) { - destObj[prop] = sourceObj[prop]; - merged[prop] = true; - } - } - sourceObj = filter !== false && getPrototypeOf(sourceObj); - } while ( - sourceObj && - (!filter || filter(sourceObj, destObj)) && - sourceObj !== Object.prototype - ); - - return destObj; -}; - -/** - * Determines whether a string ends with the characters of a specified string - * - * @param {String} str - * @param {String} searchString - * @param {Number} [position= 0] - * - * @returns {boolean} - */ -const endsWith = (str, searchString, position) => { - str = String(str); - if (position === undefined || position > str.length) { - position = str.length; - } - position -= searchString.length; - const lastIndex = str.indexOf(searchString, position); - return lastIndex !== -1 && lastIndex === position; -}; - -/** - * Returns new array from array like object or null if failed - * - * @param {*} [thing] - * - * @returns {?Array} - */ -const toArray = (thing) => { - if (!thing) return null; - if (isArray(thing)) return thing; - let i = thing.length; - if (!isNumber(i)) return null; - const arr = new Array(i); - while (i-- > 0) { - arr[i] = thing[i]; - } - return arr; -}; - -/** - * Checking if the Uint8Array exists and if it does, it returns a function that checks if the - * thing passed in is an instance of Uint8Array - * - * @param {TypedArray} - * - * @returns {Array} - */ -// eslint-disable-next-line func-names -const isTypedArray = ((TypedArray) => { - // eslint-disable-next-line func-names - return (thing) => { - return TypedArray && thing instanceof TypedArray; - }; -})(typeof Uint8Array !== "undefined" && getPrototypeOf(Uint8Array)); - -/** - * For each entry in the object, call the function with the key and value. - * - * @param {Object} obj - The object to iterate over. - * @param {Function} fn - The function to call for each entry. - * - * @returns {void} - */ -const forEachEntry = (obj, fn) => { - const generator = obj && obj[iterator]; - - const _iterator = generator.call(obj); - - let result; - - while ((result = _iterator.next()) && !result.done) { - const pair = result.value; - fn.call(obj, pair[0], pair[1]); - } -}; - -/** - * It takes a regular expression and a string, and returns an array of all the matches - * - * @param {string} regExp - The regular expression to match against. - * @param {string} str - The string to search. - * - * @returns {Array} - */ -const matchAll = (regExp, str) => { - let matches; - const arr = []; - - while ((matches = regExp.exec(str)) !== null) { - arr.push(matches); - } - - return arr; -}; - -/* Checking if the kindOfTest function returns true when passed an HTMLFormElement. */ -const isHTMLForm = kindOfTest("HTMLFormElement"); - -const toCamelCase = (str) => { - return str - .toLowerCase() - .replace(/[-_\s]([a-z\d])(\w*)/g, function replacer(m, p1, p2) { - return p1.toUpperCase() + p2; - }); -}; - -/* Creating a function that will check if an object has a property. */ -const hasOwnProperty = ( - ({ hasOwnProperty }) => - (obj, prop) => - hasOwnProperty.call(obj, prop) -)(Object.prototype); - -/** - * Determine if a value is a RegExp object - * - * @param {*} val The value to test - * - * @returns {boolean} True if value is a RegExp object, otherwise false - */ -const isRegExp = kindOfTest("RegExp"); - -const reduceDescriptors = (obj, reducer) => { - const descriptors = Object.getOwnPropertyDescriptors(obj); - const reducedDescriptors = {}; - - forEach(descriptors, (descriptor, name) => { - let ret; - if ((ret = reducer(descriptor, name, obj)) !== false) { - reducedDescriptors[name] = ret || descriptor; - } - }); - - Object.defineProperties(obj, reducedDescriptors); -}; - -/** - * Makes all methods read-only - * @param {Object} obj - */ - -const freezeMethods = (obj) => { - reduceDescriptors(obj, (descriptor, name) => { - // skip restricted props in strict mode - if ( - isFunction$1(obj) && - ["arguments", "caller", "callee"].indexOf(name) !== -1 - ) { - return false; - } - - const value = obj[name]; - - if (!isFunction$1(value)) return; - - descriptor.enumerable = false; - - if ("writable" in descriptor) { - descriptor.writable = false; - return; - } - - if (!descriptor.set) { - descriptor.set = () => { - throw Error("Can not rewrite read-only method '" + name + "'"); - }; - } - }); -}; - -const toObjectSet = (arrayOrString, delimiter) => { - const obj = {}; - - const define = (arr) => { - arr.forEach((value) => { - obj[value] = true; - }); - }; - - isArray(arrayOrString) - ? define(arrayOrString) - : define(String(arrayOrString).split(delimiter)); - - return obj; -}; - -const noop = () => {}; - -const toFiniteNumber = (value, defaultValue) => { - return value != null && Number.isFinite((value = +value)) - ? value - : defaultValue; -}; - -/** - * If the thing is a FormData object, return true, otherwise return false. - * - * @param {unknown} thing - The thing to check. - * - * @returns {boolean} - */ -function isSpecCompliantForm(thing) { - return !!( - thing && - isFunction$1(thing.append) && - thing[toStringTag] === "FormData" && - thing[iterator] - ); -} - -const toJSONObject = (obj) => { - const stack = new Array(10); - - const visit = (source, i) => { - if (isObject(source)) { - if (stack.indexOf(source) >= 0) { - return; - } - - //Buffer check - if (isBuffer(source)) { - return source; - } - - if (!("toJSON" in source)) { - stack[i] = source; - const target = isArray(source) ? [] : {}; - - forEach(source, (value, key) => { - const reducedValue = visit(value, i + 1); - !isUndefined(reducedValue) && (target[key] = reducedValue); - }); - - stack[i] = undefined; - - return target; - } - } - - return source; - }; - - return visit(obj, 0); -}; - -const isAsyncFn = kindOfTest("AsyncFunction"); - -const isThenable = (thing) => - thing && - (isObject(thing) || isFunction$1(thing)) && - isFunction$1(thing.then) && - isFunction$1(thing.catch); - -// original code -// https://github.com/DigitalBrainJS/AxiosPromise/blob/16deab13710ec09779922131f3fa5954320f83ab/lib/utils.js#L11-L34 - -const _setImmediate = ((setImmediateSupported, postMessageSupported) => { - if (setImmediateSupported) { - return setImmediate; - } - - return postMessageSupported - ? ((token, callbacks) => { - _global.addEventListener( - "message", - ({ source, data }) => { - if (source === _global && data === token) { - callbacks.length && callbacks.shift()(); - } - }, - false, - ); - - return (cb) => { - callbacks.push(cb); - _global.postMessage(token, "*"); - }; - })(`axios@${Math.random()}`, []) - : (cb) => setTimeout(cb); -})(typeof setImmediate === "function", isFunction$1(_global.postMessage)); - -const asap = - typeof queueMicrotask !== "undefined" - ? queueMicrotask.bind(_global) - : (typeof process !== "undefined" && process.nextTick) || _setImmediate; - -// ********************* - -const isIterable = (thing) => thing != null && isFunction$1(thing[iterator]); - -var utils$1 = { - isArray, - isArrayBuffer, - isBuffer, - isFormData, - isArrayBufferView, - isString, - isNumber, - isBoolean, - isObject, - isPlainObject, - isEmptyObject, - isReadableStream, - isRequest, - isResponse, - isHeaders, - isUndefined, - isDate, - isFile, - isBlob, - isRegExp, - isFunction: isFunction$1, - isStream, - isURLSearchParams, - isTypedArray, - isFileList, - forEach, - merge, - extend, - trim, - stripBOM, - inherits, - toFlatObject, - kindOf, - kindOfTest, - endsWith, - toArray, - forEachEntry, - matchAll, - isHTMLForm, - hasOwnProperty, - hasOwnProp: hasOwnProperty, // an alias to avoid ESLint no-prototype-builtins detection - reduceDescriptors, - freezeMethods, - toObjectSet, - toCamelCase, - noop, - toFiniteNumber, - findKey, - global: _global, - isContextDefined, - isSpecCompliantForm, - toJSONObject, - isAsyncFn, - isThenable, - setImmediate: _setImmediate, - asap, - isIterable, -}; - -class AxiosError extends Error { - static from(error, code, config, request, response, customProps) { - const axiosError = new AxiosError(error.message, code || error.code, config, request, response); - axiosError.cause = error; - axiosError.name = error.name; - customProps && Object.assign(axiosError, customProps); - return axiosError; - } - - /** - * Create an Error with the specified message, config, error code, request and response. - * - * @param {string} message The error message. - * @param {string} [code] The error code (for example, 'ECONNABORTED'). - * @param {Object} [config] The config. - * @param {Object} [request] The request. - * @param {Object} [response] The response. - * - * @returns {Error} The created error. - */ - constructor(message, code, config, request, response) { - super(message); - this.name = 'AxiosError'; - this.isAxiosError = true; - code && (this.code = code); - config && (this.config = config); - request && (this.request = request); - if (response) { - this.response = response; - this.status = response.status; - } - } - - toJSON() { - return { - // Standard - message: this.message, - name: this.name, - // Microsoft - description: this.description, - number: this.number, - // Mozilla - fileName: this.fileName, - lineNumber: this.lineNumber, - columnNumber: this.columnNumber, - stack: this.stack, - // Axios - config: utils$1.toJSONObject(this.config), - code: this.code, - status: this.status, - }; - } -} - -// This can be changed to static properties as soon as the parser options in .eslint.cjs are updated. -AxiosError.ERR_BAD_OPTION_VALUE = 'ERR_BAD_OPTION_VALUE'; -AxiosError.ERR_BAD_OPTION = 'ERR_BAD_OPTION'; -AxiosError.ECONNABORTED = 'ECONNABORTED'; -AxiosError.ETIMEDOUT = 'ETIMEDOUT'; -AxiosError.ERR_NETWORK = 'ERR_NETWORK'; -AxiosError.ERR_FR_TOO_MANY_REDIRECTS = 'ERR_FR_TOO_MANY_REDIRECTS'; -AxiosError.ERR_DEPRECATED = 'ERR_DEPRECATED'; -AxiosError.ERR_BAD_RESPONSE = 'ERR_BAD_RESPONSE'; -AxiosError.ERR_BAD_REQUEST = 'ERR_BAD_REQUEST'; -AxiosError.ERR_CANCELED = 'ERR_CANCELED'; -AxiosError.ERR_NOT_SUPPORT = 'ERR_NOT_SUPPORT'; -AxiosError.ERR_INVALID_URL = 'ERR_INVALID_URL'; - -var AxiosError$1 = AxiosError; - -// eslint-disable-next-line strict -var httpAdapter = null; - -/** - * Determines if the given thing is a array or js object. - * - * @param {string} thing - The object or array to be visited. - * - * @returns {boolean} - */ -function isVisitable(thing) { - return utils$1.isPlainObject(thing) || utils$1.isArray(thing); -} - -/** - * It removes the brackets from the end of a string - * - * @param {string} key - The key of the parameter. - * - * @returns {string} the key without the brackets. - */ -function removeBrackets(key) { - return utils$1.endsWith(key, '[]') ? key.slice(0, -2) : key; -} - -/** - * It takes a path, a key, and a boolean, and returns a string - * - * @param {string} path - The path to the current key. - * @param {string} key - The key of the current object being iterated over. - * @param {string} dots - If true, the key will be rendered with dots instead of brackets. - * - * @returns {string} The path to the current key. - */ -function renderKey(path, key, dots) { - if (!path) return key; - return path.concat(key).map(function each(token, i) { - // eslint-disable-next-line no-param-reassign - token = removeBrackets(token); - return !dots && i ? '[' + token + ']' : token; - }).join(dots ? '.' : ''); -} - -/** - * If the array is an array and none of its elements are visitable, then it's a flat array. - * - * @param {Array} arr - The array to check - * - * @returns {boolean} - */ -function isFlatArray(arr) { - return utils$1.isArray(arr) && !arr.some(isVisitable); -} - -const predicates = utils$1.toFlatObject(utils$1, {}, null, function filter(prop) { - return /^is[A-Z]/.test(prop); -}); - -/** - * Convert a data object to FormData - * - * @param {Object} obj - * @param {?Object} [formData] - * @param {?Object} [options] - * @param {Function} [options.visitor] - * @param {Boolean} [options.metaTokens = true] - * @param {Boolean} [options.dots = false] - * @param {?Boolean} [options.indexes = false] - * - * @returns {Object} - **/ - -/** - * It converts an object into a FormData object - * - * @param {Object} obj - The object to convert to form data. - * @param {string} formData - The FormData object to append to. - * @param {Object} options - * - * @returns - */ -function toFormData(obj, formData, options) { - if (!utils$1.isObject(obj)) { - throw new TypeError('target must be an object'); - } - - // eslint-disable-next-line no-param-reassign - formData = formData || new (FormData)(); - - // eslint-disable-next-line no-param-reassign - options = utils$1.toFlatObject(options, { - metaTokens: true, - dots: false, - indexes: false - }, false, function defined(option, source) { - // eslint-disable-next-line no-eq-null,eqeqeq - return !utils$1.isUndefined(source[option]); - }); - - const metaTokens = options.metaTokens; - // eslint-disable-next-line no-use-before-define - const visitor = options.visitor || defaultVisitor; - const dots = options.dots; - const indexes = options.indexes; - const _Blob = options.Blob || typeof Blob !== 'undefined' && Blob; - const useBlob = _Blob && utils$1.isSpecCompliantForm(formData); - - if (!utils$1.isFunction(visitor)) { - throw new TypeError('visitor must be a function'); - } - - function convertValue(value) { - if (value === null) return ''; - - if (utils$1.isDate(value)) { - return value.toISOString(); - } - - if (utils$1.isBoolean(value)) { - return value.toString(); - } - - if (!useBlob && utils$1.isBlob(value)) { - throw new AxiosError$1('Blob is not supported. Use a Buffer instead.'); - } - - if (utils$1.isArrayBuffer(value) || utils$1.isTypedArray(value)) { - return useBlob && typeof Blob === 'function' ? new Blob([value]) : Buffer.from(value); - } - - return value; - } - - /** - * Default visitor. - * - * @param {*} value - * @param {String|Number} key - * @param {Array} path - * @this {FormData} - * - * @returns {boolean} return true to visit the each prop of the value recursively - */ - function defaultVisitor(value, key, path) { - let arr = value; - - if (value && !path && typeof value === 'object') { - if (utils$1.endsWith(key, '{}')) { - // eslint-disable-next-line no-param-reassign - key = metaTokens ? key : key.slice(0, -2); - // eslint-disable-next-line no-param-reassign - value = JSON.stringify(value); - } else if ( - (utils$1.isArray(value) && isFlatArray(value)) || - ((utils$1.isFileList(value) || utils$1.endsWith(key, '[]')) && (arr = utils$1.toArray(value)) - )) { - // eslint-disable-next-line no-param-reassign - key = removeBrackets(key); - - arr.forEach(function each(el, index) { - !(utils$1.isUndefined(el) || el === null) && formData.append( - // eslint-disable-next-line no-nested-ternary - indexes === true ? renderKey([key], index, dots) : (indexes === null ? key : key + '[]'), - convertValue(el) - ); - }); - return false; - } - } - - if (isVisitable(value)) { - return true; - } - - formData.append(renderKey(path, key, dots), convertValue(value)); - - return false; - } - - const stack = []; - - const exposedHelpers = Object.assign(predicates, { - defaultVisitor, - convertValue, - isVisitable - }); - - function build(value, path) { - if (utils$1.isUndefined(value)) return; - - if (stack.indexOf(value) !== -1) { - throw Error('Circular reference detected in ' + path.join('.')); - } - - stack.push(value); - - utils$1.forEach(value, function each(el, key) { - const result = !(utils$1.isUndefined(el) || el === null) && visitor.call( - formData, el, utils$1.isString(key) ? key.trim() : key, path, exposedHelpers - ); - - if (result === true) { - build(el, path ? path.concat(key) : [key]); - } - }); - - stack.pop(); - } - - if (!utils$1.isObject(obj)) { - throw new TypeError('data must be an object'); - } - - build(obj); - - return formData; -} - -/** - * It encodes a string by replacing all characters that are not in the unreserved set with - * their percent-encoded equivalents - * - * @param {string} str - The string to encode. - * - * @returns {string} The encoded string. - */ -function encode$1(str) { - const charMap = { - '!': '%21', - "'": '%27', - '(': '%28', - ')': '%29', - '~': '%7E', - '%20': '+', - '%00': '\x00' - }; - return encodeURIComponent(str).replace(/[!'()~]|%20|%00/g, function replacer(match) { - return charMap[match]; - }); -} - -/** - * It takes a params object and converts it to a FormData object - * - * @param {Object} params - The parameters to be converted to a FormData object. - * @param {Object} options - The options object passed to the Axios constructor. - * - * @returns {void} - */ -function AxiosURLSearchParams(params, options) { - this._pairs = []; - - params && toFormData(params, this, options); -} - -const prototype = AxiosURLSearchParams.prototype; - -prototype.append = function append(name, value) { - this._pairs.push([name, value]); -}; - -prototype.toString = function toString(encoder) { - const _encode = encoder ? function(value) { - return encoder.call(this, value, encode$1); - } : encode$1; - - return this._pairs.map(function each(pair) { - return _encode(pair[0]) + '=' + _encode(pair[1]); - }, '').join('&'); -}; - -/** - * It replaces all instances of the characters `:`, `$`, `,`, `+`, `[`, and `]` with their - * URI encoded counterparts - * - * @param {string} val The value to be encoded. - * - * @returns {string} The encoded value. - */ -function encode(val) { - return encodeURIComponent(val). - replace(/%3A/gi, ':'). - replace(/%24/g, '$'). - replace(/%2C/gi, ','). - replace(/%20/g, '+'); -} - -/** - * Build a URL by appending params to the end - * - * @param {string} url The base of the url (e.g., http://www.google.com) - * @param {object} [params] The params to be appended - * @param {?(object|Function)} options - * - * @returns {string} The formatted url - */ -function buildURL(url, params, options) { - if (!params) { - return url; - } - - const _encode = options && options.encode || encode; - - const _options = utils$1.isFunction(options) ? { - serialize: options - } : options; - - const serializeFn = _options && _options.serialize; - - let serializedParams; - - if (serializeFn) { - serializedParams = serializeFn(params, _options); - } else { - serializedParams = utils$1.isURLSearchParams(params) ? - params.toString() : - new AxiosURLSearchParams(params, _options).toString(_encode); - } - - if (serializedParams) { - const hashmarkIndex = url.indexOf("#"); - - if (hashmarkIndex !== -1) { - url = url.slice(0, hashmarkIndex); - } - url += (url.indexOf('?') === -1 ? '?' : '&') + serializedParams; - } - - return url; -} - -class InterceptorManager { - constructor() { - this.handlers = []; - } - - /** - * Add a new interceptor to the stack - * - * @param {Function} fulfilled The function to handle `then` for a `Promise` - * @param {Function} rejected The function to handle `reject` for a `Promise` - * @param {Object} options The options for the interceptor, synchronous and runWhen - * - * @return {Number} An ID used to remove interceptor later - */ - use(fulfilled, rejected, options) { - this.handlers.push({ - fulfilled, - rejected, - synchronous: options ? options.synchronous : false, - runWhen: options ? options.runWhen : null - }); - return this.handlers.length - 1; - } - - /** - * Remove an interceptor from the stack - * - * @param {Number} id The ID that was returned by `use` - * - * @returns {void} - */ - eject(id) { - if (this.handlers[id]) { - this.handlers[id] = null; - } - } - - /** - * Clear all interceptors from the stack - * - * @returns {void} - */ - clear() { - if (this.handlers) { - this.handlers = []; - } - } - - /** - * Iterate over all the registered interceptors - * - * This method is particularly useful for skipping over any - * interceptors that may have become `null` calling `eject`. - * - * @param {Function} fn The function to call for each interceptor - * - * @returns {void} - */ - forEach(fn) { - utils$1.forEach(this.handlers, function forEachHandler(h) { - if (h !== null) { - fn(h); - } - }); - } -} - -var InterceptorManager$1 = InterceptorManager; - -var transitionalDefaults = { - silentJSONParsing: true, - forcedJSONParsing: true, - clarifyTimeoutError: false, - legacyInterceptorReqResOrdering: true -}; - -var URLSearchParams$1 = typeof URLSearchParams !== 'undefined' ? URLSearchParams : AxiosURLSearchParams; - -var FormData$1 = typeof FormData !== 'undefined' ? FormData : null; - -var Blob$1 = typeof Blob !== 'undefined' ? Blob : null; - -var platform$1 = { - isBrowser: true, - classes: { - URLSearchParams: URLSearchParams$1, - FormData: FormData$1, - Blob: Blob$1 - }, - protocols: ['http', 'https', 'file', 'blob', 'url', 'data'] -}; - -const hasBrowserEnv = typeof window !== 'undefined' && typeof document !== 'undefined'; - -const _navigator = typeof navigator === 'object' && navigator || undefined; - -/** - * Determine if we're running in a standard browser environment - * - * This allows axios to run in a web worker, and react-native. - * Both environments support XMLHttpRequest, but not fully standard globals. - * - * web workers: - * typeof window -> undefined - * typeof document -> undefined - * - * react-native: - * navigator.product -> 'ReactNative' - * nativescript - * navigator.product -> 'NativeScript' or 'NS' - * - * @returns {boolean} - */ -const hasStandardBrowserEnv = hasBrowserEnv && - (!_navigator || ['ReactNative', 'NativeScript', 'NS'].indexOf(_navigator.product) < 0); - -/** - * Determine if we're running in a standard browser webWorker environment - * - * Although the `isStandardBrowserEnv` method indicates that - * `allows axios to run in a web worker`, the WebWorker will still be - * filtered out due to its judgment standard - * `typeof window !== 'undefined' && typeof document !== 'undefined'`. - * This leads to a problem when axios post `FormData` in webWorker - */ -const hasStandardBrowserWebWorkerEnv = (() => { - return ( - typeof WorkerGlobalScope !== 'undefined' && - // eslint-disable-next-line no-undef - self instanceof WorkerGlobalScope && - typeof self.importScripts === 'function' - ); -})(); - -const origin = hasBrowserEnv && window.location.href || 'http://localhost'; - -var utils = /*#__PURE__*/Object.freeze({ - __proto__: null, - hasBrowserEnv: hasBrowserEnv, - hasStandardBrowserWebWorkerEnv: hasStandardBrowserWebWorkerEnv, - hasStandardBrowserEnv: hasStandardBrowserEnv, - navigator: _navigator, - origin: origin -}); - -var platform = { - ...utils, - ...platform$1 -}; - -function toURLEncodedForm(data, options) { - return toFormData(data, new platform.classes.URLSearchParams(), { - visitor: function(value, key, path, helpers) { - if (platform.isNode && utils$1.isBuffer(value)) { - this.append(key, value.toString('base64')); - return false; - } - - return helpers.defaultVisitor.apply(this, arguments); - }, - ...options - }); -} - -/** - * It takes a string like `foo[x][y][z]` and returns an array like `['foo', 'x', 'y', 'z'] - * - * @param {string} name - The name of the property to get. - * - * @returns An array of strings. - */ -function parsePropPath(name) { - // foo[x][y][z] - // foo.x.y.z - // foo-x-y-z - // foo x y z - return utils$1.matchAll(/\w+|\[(\w*)]/g, name).map(match => { - return match[0] === '[]' ? '' : match[1] || match[0]; - }); -} - -/** - * Convert an array to an object. - * - * @param {Array} arr - The array to convert to an object. - * - * @returns An object with the same keys and values as the array. - */ -function arrayToObject(arr) { - const obj = {}; - const keys = Object.keys(arr); - let i; - const len = keys.length; - let key; - for (i = 0; i < len; i++) { - key = keys[i]; - obj[key] = arr[key]; - } - return obj; -} - -/** - * It takes a FormData object and returns a JavaScript object - * - * @param {string} formData The FormData object to convert to JSON. - * - * @returns {Object | null} The converted object. - */ -function formDataToJSON(formData) { - function buildPath(path, value, target, index) { - let name = path[index++]; - - if (name === '__proto__') return true; - - const isNumericKey = Number.isFinite(+name); - const isLast = index >= path.length; - name = !name && utils$1.isArray(target) ? target.length : name; - - if (isLast) { - if (utils$1.hasOwnProp(target, name)) { - target[name] = [target[name], value]; - } else { - target[name] = value; - } - - return !isNumericKey; - } - - if (!target[name] || !utils$1.isObject(target[name])) { - target[name] = []; - } - - const result = buildPath(path, value, target[name], index); - - if (result && utils$1.isArray(target[name])) { - target[name] = arrayToObject(target[name]); - } - - return !isNumericKey; - } - - if (utils$1.isFormData(formData) && utils$1.isFunction(formData.entries)) { - const obj = {}; - - utils$1.forEachEntry(formData, (name, value) => { - buildPath(parsePropPath(name), value, obj, 0); - }); - - return obj; - } - - return null; -} - -/** - * It takes a string, tries to parse it, and if it fails, it returns the stringified version - * of the input - * - * @param {any} rawValue - The value to be stringified. - * @param {Function} parser - A function that parses a string into a JavaScript object. - * @param {Function} encoder - A function that takes a value and returns a string. - * - * @returns {string} A stringified version of the rawValue. - */ -function stringifySafely(rawValue, parser, encoder) { - if (utils$1.isString(rawValue)) { - try { - (parser || JSON.parse)(rawValue); - return utils$1.trim(rawValue); - } catch (e) { - if (e.name !== 'SyntaxError') { - throw e; - } - } - } - - return (encoder || JSON.stringify)(rawValue); -} - -const defaults = { - - transitional: transitionalDefaults, - - adapter: ['xhr', 'http', 'fetch'], - - transformRequest: [function transformRequest(data, headers) { - const contentType = headers.getContentType() || ''; - const hasJSONContentType = contentType.indexOf('application/json') > -1; - const isObjectPayload = utils$1.isObject(data); - - if (isObjectPayload && utils$1.isHTMLForm(data)) { - data = new FormData(data); - } - - const isFormData = utils$1.isFormData(data); - - if (isFormData) { - return hasJSONContentType ? JSON.stringify(formDataToJSON(data)) : data; - } - - if (utils$1.isArrayBuffer(data) || - utils$1.isBuffer(data) || - utils$1.isStream(data) || - utils$1.isFile(data) || - utils$1.isBlob(data) || - utils$1.isReadableStream(data) - ) { - return data; - } - if (utils$1.isArrayBufferView(data)) { - return data.buffer; - } - if (utils$1.isURLSearchParams(data)) { - headers.setContentType('application/x-www-form-urlencoded;charset=utf-8', false); - return data.toString(); - } - - let isFileList; - - if (isObjectPayload) { - if (contentType.indexOf('application/x-www-form-urlencoded') > -1) { - return toURLEncodedForm(data, this.formSerializer).toString(); - } - - if ((isFileList = utils$1.isFileList(data)) || contentType.indexOf('multipart/form-data') > -1) { - const _FormData = this.env && this.env.FormData; - - return toFormData( - isFileList ? {'files[]': data} : data, - _FormData && new _FormData(), - this.formSerializer - ); - } - } - - if (isObjectPayload || hasJSONContentType ) { - headers.setContentType('application/json', false); - return stringifySafely(data); - } - - return data; - }], - - transformResponse: [function transformResponse(data) { - const transitional = this.transitional || defaults.transitional; - const forcedJSONParsing = transitional && transitional.forcedJSONParsing; - const JSONRequested = this.responseType === 'json'; - - if (utils$1.isResponse(data) || utils$1.isReadableStream(data)) { - return data; - } - - if (data && utils$1.isString(data) && ((forcedJSONParsing && !this.responseType) || JSONRequested)) { - const silentJSONParsing = transitional && transitional.silentJSONParsing; - const strictJSONParsing = !silentJSONParsing && JSONRequested; - - try { - return JSON.parse(data, this.parseReviver); - } catch (e) { - if (strictJSONParsing) { - if (e.name === 'SyntaxError') { - throw AxiosError$1.from(e, AxiosError$1.ERR_BAD_RESPONSE, this, null, this.response); - } - throw e; - } - } - } - - return data; - }], - - /** - * A timeout in milliseconds to abort a request. If set to 0 (default) a - * timeout is not created. - */ - timeout: 0, - - xsrfCookieName: 'XSRF-TOKEN', - xsrfHeaderName: 'X-XSRF-TOKEN', - - maxContentLength: -1, - maxBodyLength: -1, - - env: { - FormData: platform.classes.FormData, - Blob: platform.classes.Blob - }, - - validateStatus: function validateStatus(status) { - return status >= 200 && status < 300; - }, - - headers: { - common: { - 'Accept': 'application/json, text/plain, */*', - 'Content-Type': undefined - } - } -}; - -utils$1.forEach(['delete', 'get', 'head', 'post', 'put', 'patch'], (method) => { - defaults.headers[method] = {}; -}); - -var defaults$1 = defaults; - -// RawAxiosHeaders whose duplicates are ignored by node -// c.f. https://nodejs.org/api/http.html#http_message_headers -const ignoreDuplicateOf = utils$1.toObjectSet([ - 'age', 'authorization', 'content-length', 'content-type', 'etag', - 'expires', 'from', 'host', 'if-modified-since', 'if-unmodified-since', - 'last-modified', 'location', 'max-forwards', 'proxy-authorization', - 'referer', 'retry-after', 'user-agent' -]); - -/** - * Parse headers into an object - * - * ``` - * Date: Wed, 27 Aug 2014 08:58:49 GMT - * Content-Type: application/json - * Connection: keep-alive - * Transfer-Encoding: chunked - * ``` - * - * @param {String} rawHeaders Headers needing to be parsed - * - * @returns {Object} Headers parsed into an object - */ -var parseHeaders = rawHeaders => { - const parsed = {}; - let key; - let val; - let i; - - rawHeaders && rawHeaders.split('\n').forEach(function parser(line) { - i = line.indexOf(':'); - key = line.substring(0, i).trim().toLowerCase(); - val = line.substring(i + 1).trim(); - - if (!key || (parsed[key] && ignoreDuplicateOf[key])) { - return; - } - - if (key === 'set-cookie') { - if (parsed[key]) { - parsed[key].push(val); - } else { - parsed[key] = [val]; - } - } else { - parsed[key] = parsed[key] ? parsed[key] + ', ' + val : val; - } - }); - - return parsed; -}; - -const $internals = Symbol('internals'); - -function normalizeHeader(header) { - return header && String(header).trim().toLowerCase(); -} - -function normalizeValue(value) { - if (value === false || value == null) { - return value; - } - - return utils$1.isArray(value) ? value.map(normalizeValue) : String(value); -} - -function parseTokens(str) { - const tokens = Object.create(null); - const tokensRE = /([^\s,;=]+)\s*(?:=\s*([^,;]+))?/g; - let match; - - while ((match = tokensRE.exec(str))) { - tokens[match[1]] = match[2]; - } - - return tokens; -} - -const isValidHeaderName = (str) => /^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(str.trim()); - -function matchHeaderValue(context, value, header, filter, isHeaderNameFilter) { - if (utils$1.isFunction(filter)) { - return filter.call(this, value, header); - } - - if (isHeaderNameFilter) { - value = header; - } - - if (!utils$1.isString(value)) return; - - if (utils$1.isString(filter)) { - return value.indexOf(filter) !== -1; - } - - if (utils$1.isRegExp(filter)) { - return filter.test(value); - } -} - -function formatHeader(header) { - return header.trim() - .toLowerCase().replace(/([a-z\d])(\w*)/g, (w, char, str) => { - return char.toUpperCase() + str; - }); -} - -function buildAccessors(obj, header) { - const accessorName = utils$1.toCamelCase(' ' + header); - - ['get', 'set', 'has'].forEach(methodName => { - Object.defineProperty(obj, methodName + accessorName, { - value: function(arg1, arg2, arg3) { - return this[methodName].call(this, header, arg1, arg2, arg3); - }, - configurable: true - }); - }); -} - -class AxiosHeaders { - constructor(headers) { - headers && this.set(headers); - } - - set(header, valueOrRewrite, rewrite) { - const self = this; - - function setHeader(_value, _header, _rewrite) { - const lHeader = normalizeHeader(_header); - - if (!lHeader) { - throw new Error('header name must be a non-empty string'); - } - - const key = utils$1.findKey(self, lHeader); - - if(!key || self[key] === undefined || _rewrite === true || (_rewrite === undefined && self[key] !== false)) { - self[key || _header] = normalizeValue(_value); - } - } - - const setHeaders = (headers, _rewrite) => - utils$1.forEach(headers, (_value, _header) => setHeader(_value, _header, _rewrite)); - - if (utils$1.isPlainObject(header) || header instanceof this.constructor) { - setHeaders(header, valueOrRewrite); - } else if(utils$1.isString(header) && (header = header.trim()) && !isValidHeaderName(header)) { - setHeaders(parseHeaders(header), valueOrRewrite); - } else if (utils$1.isObject(header) && utils$1.isIterable(header)) { - let obj = {}, dest, key; - for (const entry of header) { - if (!utils$1.isArray(entry)) { - throw TypeError('Object iterator must return a key-value pair'); - } - - obj[key = entry[0]] = (dest = obj[key]) ? - (utils$1.isArray(dest) ? [...dest, entry[1]] : [dest, entry[1]]) : entry[1]; - } - - setHeaders(obj, valueOrRewrite); - } else { - header != null && setHeader(valueOrRewrite, header, rewrite); - } - - return this; - } - - get(header, parser) { - header = normalizeHeader(header); - - if (header) { - const key = utils$1.findKey(this, header); - - if (key) { - const value = this[key]; - - if (!parser) { - return value; - } - - if (parser === true) { - return parseTokens(value); - } - - if (utils$1.isFunction(parser)) { - return parser.call(this, value, key); - } - - if (utils$1.isRegExp(parser)) { - return parser.exec(value); - } - - throw new TypeError('parser must be boolean|regexp|function'); - } - } - } - - has(header, matcher) { - header = normalizeHeader(header); - - if (header) { - const key = utils$1.findKey(this, header); - - return !!(key && this[key] !== undefined && (!matcher || matchHeaderValue(this, this[key], key, matcher))); - } - - return false; - } - - delete(header, matcher) { - const self = this; - let deleted = false; - - function deleteHeader(_header) { - _header = normalizeHeader(_header); - - if (_header) { - const key = utils$1.findKey(self, _header); - - if (key && (!matcher || matchHeaderValue(self, self[key], key, matcher))) { - delete self[key]; - - deleted = true; - } - } - } - - if (utils$1.isArray(header)) { - header.forEach(deleteHeader); - } else { - deleteHeader(header); - } - - return deleted; - } - - clear(matcher) { - const keys = Object.keys(this); - let i = keys.length; - let deleted = false; - - while (i--) { - const key = keys[i]; - if(!matcher || matchHeaderValue(this, this[key], key, matcher, true)) { - delete this[key]; - deleted = true; - } - } - - return deleted; - } - - normalize(format) { - const self = this; - const headers = {}; - - utils$1.forEach(this, (value, header) => { - const key = utils$1.findKey(headers, header); - - if (key) { - self[key] = normalizeValue(value); - delete self[header]; - return; - } - - const normalized = format ? formatHeader(header) : String(header).trim(); - - if (normalized !== header) { - delete self[header]; - } - - self[normalized] = normalizeValue(value); - - headers[normalized] = true; - }); - - return this; - } - - concat(...targets) { - return this.constructor.concat(this, ...targets); - } - - toJSON(asStrings) { - const obj = Object.create(null); - - utils$1.forEach(this, (value, header) => { - value != null && value !== false && (obj[header] = asStrings && utils$1.isArray(value) ? value.join(', ') : value); - }); - - return obj; - } - - [Symbol.iterator]() { - return Object.entries(this.toJSON())[Symbol.iterator](); - } - - toString() { - return Object.entries(this.toJSON()).map(([header, value]) => header + ': ' + value).join('\n'); - } - - getSetCookie() { - return this.get("set-cookie") || []; - } - - get [Symbol.toStringTag]() { - return 'AxiosHeaders'; - } - - static from(thing) { - return thing instanceof this ? thing : new this(thing); - } - - static concat(first, ...targets) { - const computed = new this(first); - - targets.forEach((target) => computed.set(target)); - - return computed; - } - - static accessor(header) { - const internals = this[$internals] = (this[$internals] = { - accessors: {} - }); - - const accessors = internals.accessors; - const prototype = this.prototype; - - function defineAccessor(_header) { - const lHeader = normalizeHeader(_header); - - if (!accessors[lHeader]) { - buildAccessors(prototype, _header); - accessors[lHeader] = true; - } - } - - utils$1.isArray(header) ? header.forEach(defineAccessor) : defineAccessor(header); - - return this; - } -} - -AxiosHeaders.accessor(['Content-Type', 'Content-Length', 'Accept', 'Accept-Encoding', 'User-Agent', 'Authorization']); - -// reserved names hotfix -utils$1.reduceDescriptors(AxiosHeaders.prototype, ({value}, key) => { - let mapped = key[0].toUpperCase() + key.slice(1); // map `set` => `Set` - return { - get: () => value, - set(headerValue) { - this[mapped] = headerValue; - } - } -}); - -utils$1.freezeMethods(AxiosHeaders); - -var AxiosHeaders$1 = AxiosHeaders; - -/** - * Transform the data for a request or a response - * - * @param {Array|Function} fns A single function or Array of functions - * @param {?Object} response The response object - * - * @returns {*} The resulting transformed data - */ -function transformData(fns, response) { - const config = this || defaults$1; - const context = response || config; - const headers = AxiosHeaders$1.from(context.headers); - let data = context.data; - - utils$1.forEach(fns, function transform(fn) { - data = fn.call(config, data, headers.normalize(), response ? response.status : undefined); - }); - - headers.normalize(); - - return data; -} - -function isCancel(value) { - return !!(value && value.__CANCEL__); -} - -class CanceledError extends AxiosError$1 { - /** - * A `CanceledError` is an object that is thrown when an operation is canceled. - * - * @param {string=} message The message. - * @param {Object=} config The config. - * @param {Object=} request The request. - * - * @returns {CanceledError} The created error. - */ - constructor(message, config, request) { - super(message == null ? 'canceled' : message, AxiosError$1.ERR_CANCELED, config, request); - this.name = 'CanceledError'; - this.__CANCEL__ = true; - } -} - -var CanceledError$1 = CanceledError; - -/** - * Resolve or reject a Promise based on response status. - * - * @param {Function} resolve A function that resolves the promise. - * @param {Function} reject A function that rejects the promise. - * @param {object} response The response. - * - * @returns {object} The response. - */ -function settle(resolve, reject, response) { - const validateStatus = response.config.validateStatus; - if (!response.status || !validateStatus || validateStatus(response.status)) { - resolve(response); - } else { - reject(new AxiosError$1( - 'Request failed with status code ' + response.status, - [AxiosError$1.ERR_BAD_REQUEST, AxiosError$1.ERR_BAD_RESPONSE][Math.floor(response.status / 100) - 4], - response.config, - response.request, - response - )); - } -} - -function parseProtocol(url) { - const match = /^([-+\w]{1,25})(:?\/\/|:)/.exec(url); - return match && match[1] || ''; -} - -/** - * Calculate data maxRate - * @param {Number} [samplesCount= 10] - * @param {Number} [min= 1000] - * @returns {Function} - */ -function speedometer(samplesCount, min) { - samplesCount = samplesCount || 10; - const bytes = new Array(samplesCount); - const timestamps = new Array(samplesCount); - let head = 0; - let tail = 0; - let firstSampleTS; - - min = min !== undefined ? min : 1000; - - return function push(chunkLength) { - const now = Date.now(); - - const startedAt = timestamps[tail]; - - if (!firstSampleTS) { - firstSampleTS = now; - } - - bytes[head] = chunkLength; - timestamps[head] = now; - - let i = tail; - let bytesCount = 0; - - while (i !== head) { - bytesCount += bytes[i++]; - i = i % samplesCount; - } - - head = (head + 1) % samplesCount; - - if (head === tail) { - tail = (tail + 1) % samplesCount; - } - - if (now - firstSampleTS < min) { - return; - } - - const passed = startedAt && now - startedAt; - - return passed ? Math.round(bytesCount * 1000 / passed) : undefined; - }; -} - -/** - * Throttle decorator - * @param {Function} fn - * @param {Number} freq - * @return {Function} - */ -function throttle(fn, freq) { - let timestamp = 0; - let threshold = 1000 / freq; - let lastArgs; - let timer; - - const invoke = (args, now = Date.now()) => { - timestamp = now; - lastArgs = null; - if (timer) { - clearTimeout(timer); - timer = null; - } - fn(...args); - }; - - const throttled = (...args) => { - const now = Date.now(); - const passed = now - timestamp; - if ( passed >= threshold) { - invoke(args, now); - } else { - lastArgs = args; - if (!timer) { - timer = setTimeout(() => { - timer = null; - invoke(lastArgs); - }, threshold - passed); - } - } - }; - - const flush = () => lastArgs && invoke(lastArgs); - - return [throttled, flush]; -} - -const progressEventReducer = (listener, isDownloadStream, freq = 3) => { - let bytesNotified = 0; - const _speedometer = speedometer(50, 250); - - return throttle(e => { - const loaded = e.loaded; - const total = e.lengthComputable ? e.total : undefined; - const progressBytes = loaded - bytesNotified; - const rate = _speedometer(progressBytes); - const inRange = loaded <= total; - - bytesNotified = loaded; - - const data = { - loaded, - total, - progress: total ? (loaded / total) : undefined, - bytes: progressBytes, - rate: rate ? rate : undefined, - estimated: rate && total && inRange ? (total - loaded) / rate : undefined, - event: e, - lengthComputable: total != null, - [isDownloadStream ? 'download' : 'upload']: true - }; - - listener(data); - }, freq); -}; - -const progressEventDecorator = (total, throttled) => { - const lengthComputable = total != null; - - return [(loaded) => throttled[0]({ - lengthComputable, - total, - loaded - }), throttled[1]]; -}; - -const asyncDecorator = (fn) => (...args) => utils$1.asap(() => fn(...args)); - -var isURLSameOrigin = platform.hasStandardBrowserEnv ? ((origin, isMSIE) => (url) => { - url = new URL(url, platform.origin); - - return ( - origin.protocol === url.protocol && - origin.host === url.host && - (isMSIE || origin.port === url.port) - ); -})( - new URL(platform.origin), - platform.navigator && /(msie|trident)/i.test(platform.navigator.userAgent) -) : () => true; - -var cookies = platform.hasStandardBrowserEnv ? - - // Standard browser envs support document.cookie - { - write(name, value, expires, path, domain, secure, sameSite) { - if (typeof document === 'undefined') return; - - const cookie = [`${name}=${encodeURIComponent(value)}`]; - - if (utils$1.isNumber(expires)) { - cookie.push(`expires=${new Date(expires).toUTCString()}`); - } - if (utils$1.isString(path)) { - cookie.push(`path=${path}`); - } - if (utils$1.isString(domain)) { - cookie.push(`domain=${domain}`); - } - if (secure === true) { - cookie.push('secure'); - } - if (utils$1.isString(sameSite)) { - cookie.push(`SameSite=${sameSite}`); - } - - document.cookie = cookie.join('; '); - }, - - read(name) { - if (typeof document === 'undefined') return null; - const match = document.cookie.match(new RegExp('(?:^|; )' + name + '=([^;]*)')); - return match ? decodeURIComponent(match[1]) : null; - }, - - remove(name) { - this.write(name, '', Date.now() - 86400000, '/'); - } - } - - : - - // Non-standard browser env (web workers, react-native) lack needed support. - { - write() {}, - read() { - return null; - }, - remove() {} - }; - -/** - * Determines whether the specified URL is absolute - * - * @param {string} url The URL to test - * - * @returns {boolean} True if the specified URL is absolute, otherwise false - */ -function isAbsoluteURL(url) { - // A URL is considered absolute if it begins with "://" or "//" (protocol-relative URL). - // RFC 3986 defines scheme name as a sequence of characters beginning with a letter and followed - // by any combination of letters, digits, plus, period, or hyphen. - if (typeof url !== 'string') { - return false; - } - - return /^([a-z][a-z\d+\-.]*:)?\/\//i.test(url); -} - -/** - * Creates a new URL by combining the specified URLs - * - * @param {string} baseURL The base URL - * @param {string} relativeURL The relative URL - * - * @returns {string} The combined URL - */ -function combineURLs(baseURL, relativeURL) { - return relativeURL - ? baseURL.replace(/\/?\/$/, '') + '/' + relativeURL.replace(/^\/+/, '') - : baseURL; -} - -/** - * Creates a new URL by combining the baseURL with the requestedURL, - * only when the requestedURL is not already an absolute URL. - * If the requestURL is absolute, this function returns the requestedURL untouched. - * - * @param {string} baseURL The base URL - * @param {string} requestedURL Absolute or relative URL to combine - * - * @returns {string} The combined full path - */ -function buildFullPath(baseURL, requestedURL, allowAbsoluteUrls) { - let isRelativeUrl = !isAbsoluteURL(requestedURL); - if (baseURL && (isRelativeUrl || allowAbsoluteUrls == false)) { - return combineURLs(baseURL, requestedURL); - } - return requestedURL; -} - -const headersToObject = (thing) => - thing instanceof AxiosHeaders$1 ? { ...thing } : thing; - -/** - * Config-specific merge-function which creates a new config-object - * by merging two configuration objects together. - * - * @param {Object} config1 - * @param {Object} config2 - * - * @returns {Object} New object resulting from merging config2 to config1 - */ -function mergeConfig(config1, config2) { - // eslint-disable-next-line no-param-reassign - config2 = config2 || {}; - const config = {}; - - function getMergedValue(target, source, prop, caseless) { - if (utils$1.isPlainObject(target) && utils$1.isPlainObject(source)) { - return utils$1.merge.call({ caseless }, target, source); - } else if (utils$1.isPlainObject(source)) { - return utils$1.merge({}, source); - } else if (utils$1.isArray(source)) { - return source.slice(); - } - return source; - } - - function mergeDeepProperties(a, b, prop, caseless) { - if (!utils$1.isUndefined(b)) { - return getMergedValue(a, b, prop, caseless); - } else if (!utils$1.isUndefined(a)) { - return getMergedValue(undefined, a, prop, caseless); - } - } - - // eslint-disable-next-line consistent-return - function valueFromConfig2(a, b) { - if (!utils$1.isUndefined(b)) { - return getMergedValue(undefined, b); - } - } - - // eslint-disable-next-line consistent-return - function defaultToConfig2(a, b) { - if (!utils$1.isUndefined(b)) { - return getMergedValue(undefined, b); - } else if (!utils$1.isUndefined(a)) { - return getMergedValue(undefined, a); - } - } - - // eslint-disable-next-line consistent-return - function mergeDirectKeys(a, b, prop) { - if (prop in config2) { - return getMergedValue(a, b); - } else if (prop in config1) { - return getMergedValue(undefined, a); - } - } - - const mergeMap = { - url: valueFromConfig2, - method: valueFromConfig2, - data: valueFromConfig2, - baseURL: defaultToConfig2, - transformRequest: defaultToConfig2, - transformResponse: defaultToConfig2, - paramsSerializer: defaultToConfig2, - timeout: defaultToConfig2, - timeoutMessage: defaultToConfig2, - withCredentials: defaultToConfig2, - withXSRFToken: defaultToConfig2, - adapter: defaultToConfig2, - responseType: defaultToConfig2, - xsrfCookieName: defaultToConfig2, - xsrfHeaderName: defaultToConfig2, - onUploadProgress: defaultToConfig2, - onDownloadProgress: defaultToConfig2, - decompress: defaultToConfig2, - maxContentLength: defaultToConfig2, - maxBodyLength: defaultToConfig2, - beforeRedirect: defaultToConfig2, - transport: defaultToConfig2, - httpAgent: defaultToConfig2, - httpsAgent: defaultToConfig2, - cancelToken: defaultToConfig2, - socketPath: defaultToConfig2, - responseEncoding: defaultToConfig2, - validateStatus: mergeDirectKeys, - headers: (a, b, prop) => - mergeDeepProperties(headersToObject(a), headersToObject(b), prop, true), - }; - - utils$1.forEach( - Object.keys({ ...config1, ...config2 }), - function computeConfigValue(prop) { - if ( - prop === "__proto__" || - prop === "constructor" || - prop === "prototype" - ) - return; - const merge = utils$1.hasOwnProp(mergeMap, prop) - ? mergeMap[prop] - : mergeDeepProperties; - const configValue = merge(config1[prop], config2[prop], prop); - (utils$1.isUndefined(configValue) && merge !== mergeDirectKeys) || - (config[prop] = configValue); - }, - ); - - return config; -} - -var resolveConfig = (config) => { - const newConfig = mergeConfig({}, config); - - let { data, withXSRFToken, xsrfHeaderName, xsrfCookieName, headers, auth } = newConfig; - - newConfig.headers = headers = AxiosHeaders$1.from(headers); - - newConfig.url = buildURL(buildFullPath(newConfig.baseURL, newConfig.url, newConfig.allowAbsoluteUrls), config.params, config.paramsSerializer); - - // HTTP basic authentication - if (auth) { - headers.set('Authorization', 'Basic ' + - btoa((auth.username || '') + ':' + (auth.password ? unescape(encodeURIComponent(auth.password)) : '')) - ); - } - - if (utils$1.isFormData(data)) { - if (platform.hasStandardBrowserEnv || platform.hasStandardBrowserWebWorkerEnv) { - headers.setContentType(undefined); // browser handles it - } else if (utils$1.isFunction(data.getHeaders)) { - // Node.js FormData (like form-data package) - const formHeaders = data.getHeaders(); - // Only set safe headers to avoid overwriting security headers - const allowedHeaders = ['content-type', 'content-length']; - Object.entries(formHeaders).forEach(([key, val]) => { - if (allowedHeaders.includes(key.toLowerCase())) { - headers.set(key, val); - } - }); - } - } - - // Add xsrf header - // This is only done if running in a standard browser environment. - // Specifically not if we're in a web worker, or react-native. - - if (platform.hasStandardBrowserEnv) { - withXSRFToken && utils$1.isFunction(withXSRFToken) && (withXSRFToken = withXSRFToken(newConfig)); - - if (withXSRFToken || (withXSRFToken !== false && isURLSameOrigin(newConfig.url))) { - // Add xsrf header - const xsrfValue = xsrfHeaderName && xsrfCookieName && cookies.read(xsrfCookieName); - - if (xsrfValue) { - headers.set(xsrfHeaderName, xsrfValue); - } - } - } - - return newConfig; -}; - -const isXHRAdapterSupported = typeof XMLHttpRequest !== 'undefined'; - -var xhrAdapter = isXHRAdapterSupported && function (config) { - return new Promise(function dispatchXhrRequest(resolve, reject) { - const _config = resolveConfig(config); - let requestData = _config.data; - const requestHeaders = AxiosHeaders$1.from(_config.headers).normalize(); - let {responseType, onUploadProgress, onDownloadProgress} = _config; - let onCanceled; - let uploadThrottled, downloadThrottled; - let flushUpload, flushDownload; - - function done() { - flushUpload && flushUpload(); // flush events - flushDownload && flushDownload(); // flush events - - _config.cancelToken && _config.cancelToken.unsubscribe(onCanceled); - - _config.signal && _config.signal.removeEventListener('abort', onCanceled); - } - - let request = new XMLHttpRequest(); - - request.open(_config.method.toUpperCase(), _config.url, true); - - // Set the request timeout in MS - request.timeout = _config.timeout; - - function onloadend() { - if (!request) { - return; - } - // Prepare the response - const responseHeaders = AxiosHeaders$1.from( - 'getAllResponseHeaders' in request && request.getAllResponseHeaders() - ); - const responseData = !responseType || responseType === 'text' || responseType === 'json' ? - request.responseText : request.response; - const response = { - data: responseData, - status: request.status, - statusText: request.statusText, - headers: responseHeaders, - config, - request - }; - - settle(function _resolve(value) { - resolve(value); - done(); - }, function _reject(err) { - reject(err); - done(); - }, response); - - // Clean up request - request = null; - } - - if ('onloadend' in request) { - // Use onloadend if available - request.onloadend = onloadend; - } else { - // Listen for ready state to emulate onloadend - request.onreadystatechange = function handleLoad() { - if (!request || request.readyState !== 4) { - return; - } - - // The request errored out and we didn't get a response, this will be - // handled by onerror instead - // With one exception: request that using file: protocol, most browsers - // will return status as 0 even though it's a successful request - if (request.status === 0 && !(request.responseURL && request.responseURL.indexOf('file:') === 0)) { - return; - } - // readystate handler is calling before onerror or ontimeout handlers, - // so we should call onloadend on the next 'tick' - setTimeout(onloadend); - }; - } - - // Handle browser request cancellation (as opposed to a manual cancellation) - request.onabort = function handleAbort() { - if (!request) { - return; - } - - reject(new AxiosError$1('Request aborted', AxiosError$1.ECONNABORTED, config, request)); - - // Clean up request - request = null; - }; - - // Handle low level network errors - request.onerror = function handleError(event) { - // Browsers deliver a ProgressEvent in XHR onerror - // (message may be empty; when present, surface it) - // See https://developer.mozilla.org/docs/Web/API/XMLHttpRequest/error_event - const msg = event && event.message ? event.message : 'Network Error'; - const err = new AxiosError$1(msg, AxiosError$1.ERR_NETWORK, config, request); - // attach the underlying event for consumers who want details - err.event = event || null; - reject(err); - request = null; - }; - - // Handle timeout - request.ontimeout = function handleTimeout() { - let timeoutErrorMessage = _config.timeout ? 'timeout of ' + _config.timeout + 'ms exceeded' : 'timeout exceeded'; - const transitional = _config.transitional || transitionalDefaults; - if (_config.timeoutErrorMessage) { - timeoutErrorMessage = _config.timeoutErrorMessage; - } - reject(new AxiosError$1( - timeoutErrorMessage, - transitional.clarifyTimeoutError ? AxiosError$1.ETIMEDOUT : AxiosError$1.ECONNABORTED, - config, - request)); - - // Clean up request - request = null; - }; - - // Remove Content-Type if data is undefined - requestData === undefined && requestHeaders.setContentType(null); - - // Add headers to the request - if ('setRequestHeader' in request) { - utils$1.forEach(requestHeaders.toJSON(), function setRequestHeader(val, key) { - request.setRequestHeader(key, val); - }); - } - - // Add withCredentials to request if needed - if (!utils$1.isUndefined(_config.withCredentials)) { - request.withCredentials = !!_config.withCredentials; - } - - // Add responseType to request if needed - if (responseType && responseType !== 'json') { - request.responseType = _config.responseType; - } - - // Handle progress if needed - if (onDownloadProgress) { - ([downloadThrottled, flushDownload] = progressEventReducer(onDownloadProgress, true)); - request.addEventListener('progress', downloadThrottled); - } - - // Not all browsers support upload events - if (onUploadProgress && request.upload) { - ([uploadThrottled, flushUpload] = progressEventReducer(onUploadProgress)); - - request.upload.addEventListener('progress', uploadThrottled); - - request.upload.addEventListener('loadend', flushUpload); - } - - if (_config.cancelToken || _config.signal) { - // Handle cancellation - // eslint-disable-next-line func-names - onCanceled = cancel => { - if (!request) { - return; - } - reject(!cancel || cancel.type ? new CanceledError$1(null, config, request) : cancel); - request.abort(); - request = null; - }; - - _config.cancelToken && _config.cancelToken.subscribe(onCanceled); - if (_config.signal) { - _config.signal.aborted ? onCanceled() : _config.signal.addEventListener('abort', onCanceled); - } - } - - const protocol = parseProtocol(_config.url); - - if (protocol && platform.protocols.indexOf(protocol) === -1) { - reject(new AxiosError$1('Unsupported protocol ' + protocol + ':', AxiosError$1.ERR_BAD_REQUEST, config)); - return; - } - - - // Send the request - request.send(requestData || null); - }); -}; - -const composeSignals = (signals, timeout) => { - const {length} = (signals = signals ? signals.filter(Boolean) : []); - - if (timeout || length) { - let controller = new AbortController(); - - let aborted; - - const onabort = function (reason) { - if (!aborted) { - aborted = true; - unsubscribe(); - const err = reason instanceof Error ? reason : this.reason; - controller.abort(err instanceof AxiosError$1 ? err : new CanceledError$1(err instanceof Error ? err.message : err)); - } - }; - - let timer = timeout && setTimeout(() => { - timer = null; - onabort(new AxiosError$1(`timeout of ${timeout}ms exceeded`, AxiosError$1.ETIMEDOUT)); - }, timeout); - - const unsubscribe = () => { - if (signals) { - timer && clearTimeout(timer); - timer = null; - signals.forEach(signal => { - signal.unsubscribe ? signal.unsubscribe(onabort) : signal.removeEventListener('abort', onabort); - }); - signals = null; - } - }; - - signals.forEach((signal) => signal.addEventListener('abort', onabort)); - - const {signal} = controller; - - signal.unsubscribe = () => utils$1.asap(unsubscribe); - - return signal; - } -}; - -var composeSignals$1 = composeSignals; - -const streamChunk = function* (chunk, chunkSize) { - let len = chunk.byteLength; - - if (!chunkSize || len < chunkSize) { - yield chunk; - return; - } - - let pos = 0; - let end; - - while (pos < len) { - end = pos + chunkSize; - yield chunk.slice(pos, end); - pos = end; - } -}; - -const readBytes = async function* (iterable, chunkSize) { - for await (const chunk of readStream(iterable)) { - yield* streamChunk(chunk, chunkSize); - } -}; - -const readStream = async function* (stream) { - if (stream[Symbol.asyncIterator]) { - yield* stream; - return; - } - - const reader = stream.getReader(); - try { - for (;;) { - const {done, value} = await reader.read(); - if (done) { - break; - } - yield value; - } - } finally { - await reader.cancel(); - } -}; - -const trackStream = (stream, chunkSize, onProgress, onFinish) => { - const iterator = readBytes(stream, chunkSize); - - let bytes = 0; - let done; - let _onFinish = (e) => { - if (!done) { - done = true; - onFinish && onFinish(e); - } - }; - - return new ReadableStream({ - async pull(controller) { - try { - const {done, value} = await iterator.next(); - - if (done) { - _onFinish(); - controller.close(); - return; - } - - let len = value.byteLength; - if (onProgress) { - let loadedBytes = bytes += len; - onProgress(loadedBytes); - } - controller.enqueue(new Uint8Array(value)); - } catch (err) { - _onFinish(err); - throw err; - } - }, - cancel(reason) { - _onFinish(reason); - return iterator.return(); - } - }, { - highWaterMark: 2 - }) -}; - -const DEFAULT_CHUNK_SIZE = 64 * 1024; - -const {isFunction} = utils$1; - -const globalFetchAPI = (({Request, Response}) => ({ - Request, Response -}))(utils$1.global); - -const { - ReadableStream: ReadableStream$1, TextEncoder -} = utils$1.global; - - -const test = (fn, ...args) => { - try { - return !!fn(...args); - } catch (e) { - return false - } -}; - -const factory = (env) => { - env = utils$1.merge.call({ - skipUndefined: true - }, globalFetchAPI, env); - - const {fetch: envFetch, Request, Response} = env; - const isFetchSupported = envFetch ? isFunction(envFetch) : typeof fetch === 'function'; - const isRequestSupported = isFunction(Request); - const isResponseSupported = isFunction(Response); - - if (!isFetchSupported) { - return false; - } - - const isReadableStreamSupported = isFetchSupported && isFunction(ReadableStream$1); - - const encodeText = isFetchSupported && (typeof TextEncoder === 'function' ? - ((encoder) => (str) => encoder.encode(str))(new TextEncoder()) : - async (str) => new Uint8Array(await new Request(str).arrayBuffer()) - ); - - const supportsRequestStream = isRequestSupported && isReadableStreamSupported && test(() => { - let duplexAccessed = false; - - const hasContentType = new Request(platform.origin, { - body: new ReadableStream$1(), - method: 'POST', - get duplex() { - duplexAccessed = true; - return 'half'; - }, - }).headers.has('Content-Type'); - - return duplexAccessed && !hasContentType; - }); - - const supportsResponseStream = isResponseSupported && isReadableStreamSupported && - test(() => utils$1.isReadableStream(new Response('').body)); - - const resolvers = { - stream: supportsResponseStream && ((res) => res.body) - }; - - isFetchSupported && ((() => { - ['text', 'arrayBuffer', 'blob', 'formData', 'stream'].forEach(type => { - !resolvers[type] && (resolvers[type] = (res, config) => { - let method = res && res[type]; - - if (method) { - return method.call(res); - } - - throw new AxiosError$1(`Response type '${type}' is not supported`, AxiosError$1.ERR_NOT_SUPPORT, config); - }); - }); - })()); - - const getBodyLength = async (body) => { - if (body == null) { - return 0; - } - - if (utils$1.isBlob(body)) { - return body.size; - } - - if (utils$1.isSpecCompliantForm(body)) { - const _request = new Request(platform.origin, { - method: 'POST', - body, - }); - return (await _request.arrayBuffer()).byteLength; - } - - if (utils$1.isArrayBufferView(body) || utils$1.isArrayBuffer(body)) { - return body.byteLength; - } - - if (utils$1.isURLSearchParams(body)) { - body = body + ''; - } - - if (utils$1.isString(body)) { - return (await encodeText(body)).byteLength; - } - }; - - const resolveBodyLength = async (headers, body) => { - const length = utils$1.toFiniteNumber(headers.getContentLength()); - - return length == null ? getBodyLength(body) : length; - }; - - return async (config) => { - let { - url, - method, - data, - signal, - cancelToken, - timeout, - onDownloadProgress, - onUploadProgress, - responseType, - headers, - withCredentials = 'same-origin', - fetchOptions - } = resolveConfig(config); - - let _fetch = envFetch || fetch; - - responseType = responseType ? (responseType + '').toLowerCase() : 'text'; - - let composedSignal = composeSignals$1([signal, cancelToken && cancelToken.toAbortSignal()], timeout); - - let request = null; - - const unsubscribe = composedSignal && composedSignal.unsubscribe && (() => { - composedSignal.unsubscribe(); - }); - - let requestContentLength; - - try { - if ( - onUploadProgress && supportsRequestStream && method !== 'get' && method !== 'head' && - (requestContentLength = await resolveBodyLength(headers, data)) !== 0 - ) { - let _request = new Request(url, { - method: 'POST', - body: data, - duplex: "half" - }); - - let contentTypeHeader; - - if (utils$1.isFormData(data) && (contentTypeHeader = _request.headers.get('content-type'))) { - headers.setContentType(contentTypeHeader); - } - - if (_request.body) { - const [onProgress, flush] = progressEventDecorator( - requestContentLength, - progressEventReducer(asyncDecorator(onUploadProgress)) - ); - - data = trackStream(_request.body, DEFAULT_CHUNK_SIZE, onProgress, flush); - } - } - - if (!utils$1.isString(withCredentials)) { - withCredentials = withCredentials ? 'include' : 'omit'; - } - - // Cloudflare Workers throws when credentials are defined - // see https://github.com/cloudflare/workerd/issues/902 - const isCredentialsSupported = isRequestSupported && "credentials" in Request.prototype; - - const resolvedOptions = { - ...fetchOptions, - signal: composedSignal, - method: method.toUpperCase(), - headers: headers.normalize().toJSON(), - body: data, - duplex: "half", - credentials: isCredentialsSupported ? withCredentials : undefined - }; - - request = isRequestSupported && new Request(url, resolvedOptions); - - let response = await (isRequestSupported ? _fetch(request, fetchOptions) : _fetch(url, resolvedOptions)); - - const isStreamResponse = supportsResponseStream && (responseType === 'stream' || responseType === 'response'); - - if (supportsResponseStream && (onDownloadProgress || (isStreamResponse && unsubscribe))) { - const options = {}; - - ['status', 'statusText', 'headers'].forEach(prop => { - options[prop] = response[prop]; - }); - - const responseContentLength = utils$1.toFiniteNumber(response.headers.get('content-length')); - - const [onProgress, flush] = onDownloadProgress && progressEventDecorator( - responseContentLength, - progressEventReducer(asyncDecorator(onDownloadProgress), true) - ) || []; - - response = new Response( - trackStream(response.body, DEFAULT_CHUNK_SIZE, onProgress, () => { - flush && flush(); - unsubscribe && unsubscribe(); - }), - options - ); - } - - responseType = responseType || 'text'; - - let responseData = await resolvers[utils$1.findKey(resolvers, responseType) || 'text'](response, config); - - !isStreamResponse && unsubscribe && unsubscribe(); - - return await new Promise((resolve, reject) => { - settle(resolve, reject, { - data: responseData, - headers: AxiosHeaders$1.from(response.headers), - status: response.status, - statusText: response.statusText, - config, - request - }); - }) - } catch (err) { - unsubscribe && unsubscribe(); - - if (err && err.name === 'TypeError' && /Load failed|fetch/i.test(err.message)) { - throw Object.assign( - new AxiosError$1('Network Error', AxiosError$1.ERR_NETWORK, config, request, err && err.response), - { - cause: err.cause || err - } - ) - } - - throw AxiosError$1.from(err, err && err.code, config, request, err && err.response); - } - } -}; - -const seedCache = new Map(); - -const getFetch = (config) => { - let env = (config && config.env) || {}; - const {fetch, Request, Response} = env; - const seeds = [ - Request, Response, fetch - ]; - - let len = seeds.length, i = len, - seed, target, map = seedCache; - - while (i--) { - seed = seeds[i]; - target = map.get(seed); - - target === undefined && map.set(seed, target = (i ? new Map() : factory(env))); - - map = target; - } - - return target; -}; - -getFetch(); - -/** - * Known adapters mapping. - * Provides environment-specific adapters for Axios: - * - `http` for Node.js - * - `xhr` for browsers - * - `fetch` for fetch API-based requests - * - * @type {Object} - */ -const knownAdapters = { - http: httpAdapter, - xhr: xhrAdapter, - fetch: { - get: getFetch, - } -}; - -// Assign adapter names for easier debugging and identification -utils$1.forEach(knownAdapters, (fn, value) => { - if (fn) { - try { - Object.defineProperty(fn, 'name', { value }); - } catch (e) { - // eslint-disable-next-line no-empty - } - Object.defineProperty(fn, 'adapterName', { value }); - } -}); - -/** - * Render a rejection reason string for unknown or unsupported adapters - * - * @param {string} reason - * @returns {string} - */ -const renderReason = (reason) => `- ${reason}`; - -/** - * Check if the adapter is resolved (function, null, or false) - * - * @param {Function|null|false} adapter - * @returns {boolean} - */ -const isResolvedHandle = (adapter) => utils$1.isFunction(adapter) || adapter === null || adapter === false; - -/** - * Get the first suitable adapter from the provided list. - * Tries each adapter in order until a supported one is found. - * Throws an AxiosError if no adapter is suitable. - * - * @param {Array|string|Function} adapters - Adapter(s) by name or function. - * @param {Object} config - Axios request configuration - * @throws {AxiosError} If no suitable adapter is available - * @returns {Function} The resolved adapter function - */ -function getAdapter(adapters, config) { - adapters = utils$1.isArray(adapters) ? adapters : [adapters]; - - const { length } = adapters; - let nameOrAdapter; - let adapter; - - const rejectedReasons = {}; - - for (let i = 0; i < length; i++) { - nameOrAdapter = adapters[i]; - let id; - - adapter = nameOrAdapter; - - if (!isResolvedHandle(nameOrAdapter)) { - adapter = knownAdapters[(id = String(nameOrAdapter)).toLowerCase()]; - - if (adapter === undefined) { - throw new AxiosError$1(`Unknown adapter '${id}'`); - } - } - - if (adapter && (utils$1.isFunction(adapter) || (adapter = adapter.get(config)))) { - break; - } - - rejectedReasons[id || '#' + i] = adapter; - } - - if (!adapter) { - const reasons = Object.entries(rejectedReasons) - .map(([id, state]) => `adapter ${id} ` + - (state === false ? 'is not supported by the environment' : 'is not available in the build') - ); - - let s = length ? - (reasons.length > 1 ? 'since :\n' + reasons.map(renderReason).join('\n') : ' ' + renderReason(reasons[0])) : - 'as no adapter specified'; - - throw new AxiosError$1( - `There is no suitable adapter to dispatch the request ` + s, - 'ERR_NOT_SUPPORT' - ); - } - - return adapter; -} - -/** - * Exports Axios adapters and utility to resolve an adapter - */ -var adapters = { - /** - * Resolve an adapter from a list of adapter names or functions. - * @type {Function} - */ - getAdapter, - - /** - * Exposes all known adapters - * @type {Object} - */ - adapters: knownAdapters -}; - -/** - * Throws a `CanceledError` if cancellation has been requested. - * - * @param {Object} config The config that is to be used for the request - * - * @returns {void} - */ -function throwIfCancellationRequested(config) { - if (config.cancelToken) { - config.cancelToken.throwIfRequested(); - } - - if (config.signal && config.signal.aborted) { - throw new CanceledError$1(null, config); - } -} - -/** - * Dispatch a request to the server using the configured adapter. - * - * @param {object} config The config that is to be used for the request - * - * @returns {Promise} The Promise to be fulfilled - */ -function dispatchRequest(config) { - throwIfCancellationRequested(config); - - config.headers = AxiosHeaders$1.from(config.headers); - - // Transform request data - config.data = transformData.call( - config, - config.transformRequest - ); - - if (['post', 'put', 'patch'].indexOf(config.method) !== -1) { - config.headers.setContentType('application/x-www-form-urlencoded', false); - } - - const adapter = adapters.getAdapter(config.adapter || defaults$1.adapter, config); - - return adapter(config).then(function onAdapterResolution(response) { - throwIfCancellationRequested(config); - - // Transform response data - response.data = transformData.call( - config, - config.transformResponse, - response - ); - - response.headers = AxiosHeaders$1.from(response.headers); - - return response; - }, function onAdapterRejection(reason) { - if (!isCancel(reason)) { - throwIfCancellationRequested(config); - - // Transform response data - if (reason && reason.response) { - reason.response.data = transformData.call( - config, - config.transformResponse, - reason.response - ); - reason.response.headers = AxiosHeaders$1.from(reason.response.headers); - } - } - - return Promise.reject(reason); - }); -} - -const VERSION = "1.13.5"; - -const validators$1 = {}; - -// eslint-disable-next-line func-names -['object', 'boolean', 'number', 'function', 'string', 'symbol'].forEach((type, i) => { - validators$1[type] = function validator(thing) { - return typeof thing === type || 'a' + (i < 1 ? 'n ' : ' ') + type; - }; -}); - -const deprecatedWarnings = {}; - -/** - * Transitional option validator - * - * @param {function|boolean?} validator - set to false if the transitional option has been removed - * @param {string?} version - deprecated version / removed since version - * @param {string?} message - some message with additional info - * - * @returns {function} - */ -validators$1.transitional = function transitional(validator, version, message) { - function formatMessage(opt, desc) { - return '[Axios v' + VERSION + '] Transitional option \'' + opt + '\'' + desc + (message ? '. ' + message : ''); - } - - // eslint-disable-next-line func-names - return (value, opt, opts) => { - if (validator === false) { - throw new AxiosError$1( - formatMessage(opt, ' has been removed' + (version ? ' in ' + version : '')), - AxiosError$1.ERR_DEPRECATED - ); - } - - if (version && !deprecatedWarnings[opt]) { - deprecatedWarnings[opt] = true; - // eslint-disable-next-line no-console - console.warn( - formatMessage( - opt, - ' has been deprecated since v' + version + ' and will be removed in the near future' - ) - ); - } - - return validator ? validator(value, opt, opts) : true; - }; -}; - -validators$1.spelling = function spelling(correctSpelling) { - return (value, opt) => { - // eslint-disable-next-line no-console - console.warn(`${opt} is likely a misspelling of ${correctSpelling}`); - return true; - } -}; - -/** - * Assert object's properties type - * - * @param {object} options - * @param {object} schema - * @param {boolean?} allowUnknown - * - * @returns {object} - */ - -function assertOptions(options, schema, allowUnknown) { - if (typeof options !== 'object') { - throw new AxiosError$1('options must be an object', AxiosError$1.ERR_BAD_OPTION_VALUE); - } - const keys = Object.keys(options); - let i = keys.length; - while (i-- > 0) { - const opt = keys[i]; - const validator = schema[opt]; - if (validator) { - const value = options[opt]; - const result = value === undefined || validator(value, opt, options); - if (result !== true) { - throw new AxiosError$1('option ' + opt + ' must be ' + result, AxiosError$1.ERR_BAD_OPTION_VALUE); - } - continue; - } - if (allowUnknown !== true) { - throw new AxiosError$1('Unknown option ' + opt, AxiosError$1.ERR_BAD_OPTION); - } - } -} - -var validator = { - assertOptions, - validators: validators$1 -}; - -const validators = validator.validators; - -/** - * Create a new instance of Axios - * - * @param {Object} instanceConfig The default config for the instance - * - * @return {Axios} A new instance of Axios - */ -class Axios { - constructor(instanceConfig) { - this.defaults = instanceConfig || {}; - this.interceptors = { - request: new InterceptorManager$1(), - response: new InterceptorManager$1() - }; - } - - /** - * Dispatch a request - * - * @param {String|Object} configOrUrl The config specific for this request (merged with this.defaults) - * @param {?Object} config - * - * @returns {Promise} The Promise to be fulfilled - */ - async request(configOrUrl, config) { - try { - return await this._request(configOrUrl, config); - } catch (err) { - if (err instanceof Error) { - let dummy = {}; - - Error.captureStackTrace ? Error.captureStackTrace(dummy) : (dummy = new Error()); - - // slice off the Error: ... line - const stack = dummy.stack ? dummy.stack.replace(/^.+\n/, '') : ''; - try { - if (!err.stack) { - err.stack = stack; - // match without the 2 top stack lines - } else if (stack && !String(err.stack).endsWith(stack.replace(/^.+\n.+\n/, ''))) { - err.stack += '\n' + stack; - } - } catch (e) { - // ignore the case where "stack" is an un-writable property - } - } - - throw err; - } - } - - _request(configOrUrl, config) { - /*eslint no-param-reassign:0*/ - // Allow for axios('example/url'[, config]) a la fetch API - if (typeof configOrUrl === 'string') { - config = config || {}; - config.url = configOrUrl; - } else { - config = configOrUrl || {}; - } - - config = mergeConfig(this.defaults, config); - - const {transitional, paramsSerializer, headers} = config; - - if (transitional !== undefined) { - validator.assertOptions(transitional, { - silentJSONParsing: validators.transitional(validators.boolean), - forcedJSONParsing: validators.transitional(validators.boolean), - clarifyTimeoutError: validators.transitional(validators.boolean), - legacyInterceptorReqResOrdering: validators.transitional(validators.boolean) - }, false); - } - - if (paramsSerializer != null) { - if (utils$1.isFunction(paramsSerializer)) { - config.paramsSerializer = { - serialize: paramsSerializer - }; - } else { - validator.assertOptions(paramsSerializer, { - encode: validators.function, - serialize: validators.function - }, true); - } - } - - // Set config.allowAbsoluteUrls - if (config.allowAbsoluteUrls !== undefined) ; else if (this.defaults.allowAbsoluteUrls !== undefined) { - config.allowAbsoluteUrls = this.defaults.allowAbsoluteUrls; - } else { - config.allowAbsoluteUrls = true; - } - - validator.assertOptions(config, { - baseUrl: validators.spelling('baseURL'), - withXsrfToken: validators.spelling('withXSRFToken') - }, true); - - // Set config.method - config.method = (config.method || this.defaults.method || 'get').toLowerCase(); - - // Flatten headers - let contextHeaders = headers && utils$1.merge( - headers.common, - headers[config.method] - ); - - headers && utils$1.forEach( - ['delete', 'get', 'head', 'post', 'put', 'patch', 'common'], - (method) => { - delete headers[method]; - } - ); - - config.headers = AxiosHeaders$1.concat(contextHeaders, headers); - - // filter out skipped interceptors - const requestInterceptorChain = []; - let synchronousRequestInterceptors = true; - this.interceptors.request.forEach(function unshiftRequestInterceptors(interceptor) { - if (typeof interceptor.runWhen === 'function' && interceptor.runWhen(config) === false) { - return; - } - - synchronousRequestInterceptors = synchronousRequestInterceptors && interceptor.synchronous; - - const transitional = config.transitional || transitionalDefaults; - const legacyInterceptorReqResOrdering = transitional && transitional.legacyInterceptorReqResOrdering; - - if (legacyInterceptorReqResOrdering) { - requestInterceptorChain.unshift(interceptor.fulfilled, interceptor.rejected); - } else { - requestInterceptorChain.push(interceptor.fulfilled, interceptor.rejected); - } - }); - - const responseInterceptorChain = []; - this.interceptors.response.forEach(function pushResponseInterceptors(interceptor) { - responseInterceptorChain.push(interceptor.fulfilled, interceptor.rejected); - }); - - let promise; - let i = 0; - let len; - - if (!synchronousRequestInterceptors) { - const chain = [dispatchRequest.bind(this), undefined]; - chain.unshift(...requestInterceptorChain); - chain.push(...responseInterceptorChain); - len = chain.length; - - promise = Promise.resolve(config); - - while (i < len) { - promise = promise.then(chain[i++], chain[i++]); - } - - return promise; - } - - len = requestInterceptorChain.length; - - let newConfig = config; - - while (i < len) { - const onFulfilled = requestInterceptorChain[i++]; - const onRejected = requestInterceptorChain[i++]; - try { - newConfig = onFulfilled(newConfig); - } catch (error) { - onRejected.call(this, error); - break; - } - } - - try { - promise = dispatchRequest.call(this, newConfig); - } catch (error) { - return Promise.reject(error); - } - - i = 0; - len = responseInterceptorChain.length; - - while (i < len) { - promise = promise.then(responseInterceptorChain[i++], responseInterceptorChain[i++]); - } - - return promise; - } - - getUri(config) { - config = mergeConfig(this.defaults, config); - const fullPath = buildFullPath(config.baseURL, config.url, config.allowAbsoluteUrls); - return buildURL(fullPath, config.params, config.paramsSerializer); - } -} - -// Provide aliases for supported request methods -utils$1.forEach(['delete', 'get', 'head', 'options'], function forEachMethodNoData(method) { - /*eslint func-names:0*/ - Axios.prototype[method] = function(url, config) { - return this.request(mergeConfig(config || {}, { - method, - url, - data: (config || {}).data - })); - }; -}); - -utils$1.forEach(['post', 'put', 'patch'], function forEachMethodWithData(method) { - /*eslint func-names:0*/ - - function generateHTTPMethod(isForm) { - return function httpMethod(url, data, config) { - return this.request(mergeConfig(config || {}, { - method, - headers: isForm ? { - 'Content-Type': 'multipart/form-data' - } : {}, - url, - data - })); - }; - } - - Axios.prototype[method] = generateHTTPMethod(); - - Axios.prototype[method + 'Form'] = generateHTTPMethod(true); -}); - -var Axios$1 = Axios; - -/** - * A `CancelToken` is an object that can be used to request cancellation of an operation. - * - * @param {Function} executor The executor function. - * - * @returns {CancelToken} - */ -class CancelToken { - constructor(executor) { - if (typeof executor !== 'function') { - throw new TypeError('executor must be a function.'); - } - - let resolvePromise; - - this.promise = new Promise(function promiseExecutor(resolve) { - resolvePromise = resolve; - }); - - const token = this; - - // eslint-disable-next-line func-names - this.promise.then(cancel => { - if (!token._listeners) return; - - let i = token._listeners.length; - - while (i-- > 0) { - token._listeners[i](cancel); - } - token._listeners = null; - }); - - // eslint-disable-next-line func-names - this.promise.then = onfulfilled => { - let _resolve; - // eslint-disable-next-line func-names - const promise = new Promise(resolve => { - token.subscribe(resolve); - _resolve = resolve; - }).then(onfulfilled); - - promise.cancel = function reject() { - token.unsubscribe(_resolve); - }; - - return promise; - }; - - executor(function cancel(message, config, request) { - if (token.reason) { - // Cancellation has already been requested - return; - } - - token.reason = new CanceledError$1(message, config, request); - resolvePromise(token.reason); - }); - } - - /** - * Throws a `CanceledError` if cancellation has been requested. - */ - throwIfRequested() { - if (this.reason) { - throw this.reason; - } - } - - /** - * Subscribe to the cancel signal - */ - - subscribe(listener) { - if (this.reason) { - listener(this.reason); - return; - } - - if (this._listeners) { - this._listeners.push(listener); - } else { - this._listeners = [listener]; - } - } - - /** - * Unsubscribe from the cancel signal - */ - - unsubscribe(listener) { - if (!this._listeners) { - return; - } - const index = this._listeners.indexOf(listener); - if (index !== -1) { - this._listeners.splice(index, 1); - } - } - - toAbortSignal() { - const controller = new AbortController(); - - const abort = (err) => { - controller.abort(err); - }; - - this.subscribe(abort); - - controller.signal.unsubscribe = () => this.unsubscribe(abort); - - return controller.signal; - } - - /** - * Returns an object that contains a new `CancelToken` and a function that, when called, - * cancels the `CancelToken`. - */ - static source() { - let cancel; - const token = new CancelToken(function executor(c) { - cancel = c; - }); - return { - token, - cancel - }; - } -} - -var CancelToken$1 = CancelToken; - -/** - * Syntactic sugar for invoking a function and expanding an array for arguments. - * - * Common use case would be to use `Function.prototype.apply`. - * - * ```js - * function f(x, y, z) {} - * const args = [1, 2, 3]; - * f.apply(null, args); - * ``` - * - * With `spread` this example can be re-written. - * - * ```js - * spread(function(x, y, z) {})([1, 2, 3]); - * ``` - * - * @param {Function} callback - * - * @returns {Function} - */ -function spread(callback) { - return function wrap(arr) { - return callback.apply(null, arr); - }; -} - -/** - * Determines whether the payload is an error thrown by Axios - * - * @param {*} payload The value to test - * - * @returns {boolean} True if the payload is an error thrown by Axios, otherwise false - */ -function isAxiosError(payload) { - return utils$1.isObject(payload) && (payload.isAxiosError === true); -} - -const HttpStatusCode = { - Continue: 100, - SwitchingProtocols: 101, - Processing: 102, - EarlyHints: 103, - Ok: 200, - Created: 201, - Accepted: 202, - NonAuthoritativeInformation: 203, - NoContent: 204, - ResetContent: 205, - PartialContent: 206, - MultiStatus: 207, - AlreadyReported: 208, - ImUsed: 226, - MultipleChoices: 300, - MovedPermanently: 301, - Found: 302, - SeeOther: 303, - NotModified: 304, - UseProxy: 305, - Unused: 306, - TemporaryRedirect: 307, - PermanentRedirect: 308, - BadRequest: 400, - Unauthorized: 401, - PaymentRequired: 402, - Forbidden: 403, - NotFound: 404, - MethodNotAllowed: 405, - NotAcceptable: 406, - ProxyAuthenticationRequired: 407, - RequestTimeout: 408, - Conflict: 409, - Gone: 410, - LengthRequired: 411, - PreconditionFailed: 412, - PayloadTooLarge: 413, - UriTooLong: 414, - UnsupportedMediaType: 415, - RangeNotSatisfiable: 416, - ExpectationFailed: 417, - ImATeapot: 418, - MisdirectedRequest: 421, - UnprocessableEntity: 422, - Locked: 423, - FailedDependency: 424, - TooEarly: 425, - UpgradeRequired: 426, - PreconditionRequired: 428, - TooManyRequests: 429, - RequestHeaderFieldsTooLarge: 431, - UnavailableForLegalReasons: 451, - InternalServerError: 500, - NotImplemented: 501, - BadGateway: 502, - ServiceUnavailable: 503, - GatewayTimeout: 504, - HttpVersionNotSupported: 505, - VariantAlsoNegotiates: 506, - InsufficientStorage: 507, - LoopDetected: 508, - NotExtended: 510, - NetworkAuthenticationRequired: 511, - WebServerIsDown: 521, - ConnectionTimedOut: 522, - OriginIsUnreachable: 523, - TimeoutOccurred: 524, - SslHandshakeFailed: 525, - InvalidSslCertificate: 526, -}; - -Object.entries(HttpStatusCode).forEach(([key, value]) => { - HttpStatusCode[value] = key; -}); - -var HttpStatusCode$1 = HttpStatusCode; - -/** - * Create an instance of Axios - * - * @param {Object} defaultConfig The default config for the instance - * - * @returns {Axios} A new instance of Axios - */ -function createInstance(defaultConfig) { - const context = new Axios$1(defaultConfig); - const instance = bind(Axios$1.prototype.request, context); - - // Copy axios.prototype to instance - utils$1.extend(instance, Axios$1.prototype, context, {allOwnKeys: true}); - - // Copy context to instance - utils$1.extend(instance, context, null, {allOwnKeys: true}); - - // Factory for creating new instances - instance.create = function create(instanceConfig) { - return createInstance(mergeConfig(defaultConfig, instanceConfig)); - }; - - return instance; -} - -// Create the default instance to be exported -const axios = createInstance(defaults$1); - -// Expose Axios class to allow class inheritance -axios.Axios = Axios$1; - -// Expose Cancel & CancelToken -axios.CanceledError = CanceledError$1; -axios.CancelToken = CancelToken$1; -axios.isCancel = isCancel; -axios.VERSION = VERSION; -axios.toFormData = toFormData; - -// Expose AxiosError class -axios.AxiosError = AxiosError$1; - -// alias for CanceledError for backward compatibility -axios.Cancel = axios.CanceledError; - -// Expose all/spread -axios.all = function all(promises) { - return Promise.all(promises); -}; - -axios.spread = spread; - -// Expose isAxiosError -axios.isAxiosError = isAxiosError; - -// Expose mergeConfig -axios.mergeConfig = mergeConfig; - -axios.AxiosHeaders = AxiosHeaders$1; - -axios.formToJSON = thing => formDataToJSON(utils$1.isHTMLForm(thing) ? new FormData(thing) : thing); - -axios.getAdapter = adapters.getAdapter; - -axios.HttpStatusCode = HttpStatusCode$1; - -axios.default = axios; - -module.exports = axios; -//# sourceMappingURL=axios.cjs.map - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/global */ -/******/ !function() { -/******/ __webpack_require__.g = (function() { -/******/ if (typeof globalThis === 'object') return globalThis; -/******/ try { -/******/ return this || new Function('return this')(); -/******/ } catch (e) { -/******/ if (typeof window === 'object') return window; -/******/ } -/******/ })(); -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!********************************************************!*\ + /***/ function ( + __unused_webpack_module, + __unused_webpack_exports, + __webpack_require__ + ) { + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + window.addEventListener('load', function () { + var axios = __webpack_require__( + /*! axios */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/index.js' + )['default']; + var $ = jQuery; + + // cptm-import-directory-form + var term_id = 0; + $('.cptm-import-directory-form').on('submit', function (e) { + e.preventDefault(); + var form_feedback = $(this).find( + '.cptm-form-group-feedback' + ); + var modal_content = $( + '.cptm-import-directory-modal' + ).find('.cptm-modal-content'); + var modal_alert = $( + '.cptm-import-directory-modal-alert' + ); + var form_data = new FormData(); + form_data.append( + 'action', + 'save_imported_post_type_data' + ); + form_data.append( + 'directorist_nonce', + directorist_admin.directorist_nonce + ); + if (Number.isInteger(term_id) && term_id > 0) { + form_data.append('term_id', term_id); + } + var form_fields = $(this).find('.cptm-form-field'); + var general_fields = ['text', 'number']; + $(this) + .find('button[type=submit] .cptm-loading-icon') + .removeClass('cptm-d-none'); + var _iterator = _createForOfIteratorHelper(form_fields), + _step; + try { + for ( + _iterator.s(); + !(_step = _iterator.n()).done; + + ) { + var field = _step.value; + if (!field.name.length) { + continue; + } + + // General fields + if (general_fields.includes(field.type)) { + form_data.append( + field.name, + $(field).val() + ); + } + + // Media fields + if ('file' === field.type) { + form_data.append( + field.name, + field.files[0] + ); + } + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + var self = this; + form_feedback.html(''); + axios + .post(directorist_admin.ajax_url, form_data) + .then(function (response) { + // console.log( { response } ); + $(self) + .find( + 'button[type=submit] .cptm-loading-icon' + ) + .addClass('cptm-d-none'); + + // Store term ID if exist + if ( + response.data.term_id && + Number.isInteger(response.data.term_id) && + response.data.term_id > 0 + ) { + term_id = response.data.term_id; + // console.log( 'Term ID has been updated' ); + } + + // Show status log + if ( + response.data && + response.data.status.status_log + ) { + var status_log = + response.data.status.status_log; + for (var status in status_log) { + var alert = + '
    ' + + status_log[status].message + + '
    '; + form_feedback.append(alert); + } + } + + // Reload the page if success + if ( + response.data && + response.data.status && + response.data.status.success + ) { + // console.log( 'reloading...' ); + + modal_content.addClass('cptm-d-none'); + modal_alert.removeClass('cptm-d-none'); + $(self).trigger('reset'); + location.reload(); + } + }) + .catch(function (error) { + console.log({ + error: error, + }); + $(self) + .find( + 'button[type=submit] .cptm-loading-icon' + ) + .addClass('cptm-d-none'); + }); + }); + }); + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/index.js': + /*!*********************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/index.js ***! + \*********************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + module.exports = __webpack_require__( + /*! ./lib/axios */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/axios.js' + ); + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/adapters/xhr.js': + /*!********************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/adapters/xhr.js ***! + \********************************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var utils = __webpack_require__( + /*! ./../utils */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/utils.js' + ); + var settle = __webpack_require__( + /*! ./../core/settle */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/settle.js' + ); + var cookies = __webpack_require__( + /*! ./../helpers/cookies */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/cookies.js' + ); + var buildURL = __webpack_require__( + /*! ./../helpers/buildURL */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/buildURL.js' + ); + var buildFullPath = __webpack_require__( + /*! ../core/buildFullPath */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/buildFullPath.js' + ); + var parseHeaders = __webpack_require__( + /*! ./../helpers/parseHeaders */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/parseHeaders.js' + ); + var isURLSameOrigin = __webpack_require__( + /*! ./../helpers/isURLSameOrigin */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/isURLSameOrigin.js' + ); + var createError = __webpack_require__( + /*! ../core/createError */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/createError.js' + ); + + module.exports = function xhrAdapter(config) { + return new Promise(function dispatchXhrRequest( + resolve, + reject + ) { + var requestData = config.data; + var requestHeaders = config.headers; + var responseType = config.responseType; + + if (utils.isFormData(requestData)) { + delete requestHeaders['Content-Type']; // Let the browser set it + } + + var request = new XMLHttpRequest(); + + // HTTP basic authentication + if (config.auth) { + var username = config.auth.username || ''; + var password = config.auth.password + ? unescape( + encodeURIComponent(config.auth.password) + ) + : ''; + requestHeaders.Authorization = + 'Basic ' + btoa(username + ':' + password); + } + + var fullPath = buildFullPath( + config.baseURL, + config.url + ); + request.open( + config.method.toUpperCase(), + buildURL( + fullPath, + config.params, + config.paramsSerializer + ), + true + ); + + // Set the request timeout in MS + request.timeout = config.timeout; + + function onloadend() { + if (!request) { + return; + } + // Prepare the response + var responseHeaders = + 'getAllResponseHeaders' in request + ? parseHeaders( + request.getAllResponseHeaders() + ) + : null; + var responseData = + !responseType || + responseType === 'text' || + responseType === 'json' + ? request.responseText + : request.response; + var response = { + data: responseData, + status: request.status, + statusText: request.statusText, + headers: responseHeaders, + config: config, + request: request, + }; + + settle(resolve, reject, response); + + // Clean up request + request = null; + } + + if ('onloadend' in request) { + // Use onloadend if available + request.onloadend = onloadend; + } else { + // Listen for ready state to emulate onloadend + request.onreadystatechange = function handleLoad() { + if (!request || request.readyState !== 4) { + return; + } + + // The request errored out and we didn't get a response, this will be + // handled by onerror instead + // With one exception: request that using file: protocol, most browsers + // will return status as 0 even though it's a successful request + if ( + request.status === 0 && + !( + request.responseURL && + request.responseURL.indexOf('file:') === + 0 + ) + ) { + return; + } + // readystate handler is calling before onerror or ontimeout handlers, + // so we should call onloadend on the next 'tick' + setTimeout(onloadend); + }; + } + + // Handle browser request cancellation (as opposed to a manual cancellation) + request.onabort = function handleAbort() { + if (!request) { + return; + } + + reject( + createError( + 'Request aborted', + config, + 'ECONNABORTED', + request + ) + ); + + // Clean up request + request = null; + }; + + // Handle low level network errors + request.onerror = function handleError() { + // Real errors are hidden from us by the browser + // onerror should only fire if it's a network error + reject( + createError( + 'Network Error', + config, + null, + request + ) + ); + + // Clean up request + request = null; + }; + + // Handle timeout + request.ontimeout = function handleTimeout() { + var timeoutErrorMessage = + 'timeout of ' + config.timeout + 'ms exceeded'; + if (config.timeoutErrorMessage) { + timeoutErrorMessage = + config.timeoutErrorMessage; + } + reject( + createError( + timeoutErrorMessage, + config, + config.transitional && + config.transitional.clarifyTimeoutError + ? 'ETIMEDOUT' + : 'ECONNABORTED', + request + ) + ); + + // Clean up request + request = null; + }; + + // Add xsrf header + // This is only done if running in a standard browser environment. + // Specifically not if we're in a web worker, or react-native. + if (utils.isStandardBrowserEnv()) { + // Add xsrf header + var xsrfValue = + (config.withCredentials || + isURLSameOrigin(fullPath)) && + config.xsrfCookieName + ? cookies.read(config.xsrfCookieName) + : undefined; + + if (xsrfValue) { + requestHeaders[config.xsrfHeaderName] = + xsrfValue; + } + } + + // Add headers to the request + if ('setRequestHeader' in request) { + utils.forEach( + requestHeaders, + function setRequestHeader(val, key) { + if ( + typeof requestData === 'undefined' && + key.toLowerCase() === 'content-type' + ) { + // Remove Content-Type if data is undefined + delete requestHeaders[key]; + } else { + // Otherwise add header to the request + request.setRequestHeader(key, val); + } + } + ); + } + + // Add withCredentials to request if needed + if (!utils.isUndefined(config.withCredentials)) { + request.withCredentials = !!config.withCredentials; + } + + // Add responseType to request if needed + if (responseType && responseType !== 'json') { + request.responseType = config.responseType; + } + + // Handle progress if needed + if (typeof config.onDownloadProgress === 'function') { + request.addEventListener( + 'progress', + config.onDownloadProgress + ); + } + + // Not all browsers support upload events + if ( + typeof config.onUploadProgress === 'function' && + request.upload + ) { + request.upload.addEventListener( + 'progress', + config.onUploadProgress + ); + } + + if (config.cancelToken) { + // Handle cancellation + config.cancelToken.promise.then( + function onCanceled(cancel) { + if (!request) { + return; + } + + request.abort(); + reject(cancel); + // Clean up request + request = null; + } + ); + } + + if (!requestData) { + requestData = null; + } + + // Send the request + request.send(requestData); + }); + }; + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/axios.js': + /*!*************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/axios.js ***! + \*************************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var utils = __webpack_require__( + /*! ./utils */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/utils.js' + ); + var bind = __webpack_require__( + /*! ./helpers/bind */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/bind.js' + ); + var Axios = __webpack_require__( + /*! ./core/Axios */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/Axios.js' + ); + var mergeConfig = __webpack_require__( + /*! ./core/mergeConfig */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/mergeConfig.js' + ); + var defaults = __webpack_require__( + /*! ./defaults */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/defaults.js' + ); + + /** + * Create an instance of Axios + * + * @param {Object} defaultConfig The default config for the instance + * @return {Axios} A new instance of Axios + */ + function createInstance(defaultConfig) { + var context = new Axios(defaultConfig); + var instance = bind(Axios.prototype.request, context); + + // Copy axios.prototype to instance + utils.extend(instance, Axios.prototype, context); + + // Copy context to instance + utils.extend(instance, context); + + return instance; + } + + // Create the default instance to be exported + var axios = createInstance(defaults); + + // Expose Axios class to allow class inheritance + axios.Axios = Axios; + + // Factory for creating new instances + axios.create = function create(instanceConfig) { + return createInstance( + mergeConfig(axios.defaults, instanceConfig) + ); + }; + + // Expose Cancel & CancelToken + axios.Cancel = __webpack_require__( + /*! ./cancel/Cancel */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/cancel/Cancel.js' + ); + axios.CancelToken = __webpack_require__( + /*! ./cancel/CancelToken */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/cancel/CancelToken.js' + ); + axios.isCancel = __webpack_require__( + /*! ./cancel/isCancel */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/cancel/isCancel.js' + ); + + // Expose all/spread + axios.all = function all(promises) { + return Promise.all(promises); + }; + axios.spread = __webpack_require__( + /*! ./helpers/spread */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/spread.js' + ); + + // Expose isAxiosError + axios.isAxiosError = __webpack_require__( + /*! ./helpers/isAxiosError */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/isAxiosError.js' + ); + + module.exports = axios; + + // Allow use of default import syntax in TypeScript + module.exports['default'] = axios; + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/cancel/Cancel.js': + /*!*********************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/cancel/Cancel.js ***! + \*********************************************************************************/ + /***/ function (module) { + 'use strict'; + + /** + * A `Cancel` is an object that is thrown when an operation is canceled. + * + * @class + * @param {string=} message The message. + */ + function Cancel(message) { + this.message = message; + } + + Cancel.prototype.toString = function toString() { + return 'Cancel' + (this.message ? ': ' + this.message : ''); + }; + + Cancel.prototype.__CANCEL__ = true; + + module.exports = Cancel; + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/cancel/CancelToken.js': + /*!**************************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/cancel/CancelToken.js ***! + \**************************************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var Cancel = __webpack_require__( + /*! ./Cancel */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/cancel/Cancel.js' + ); + + /** + * A `CancelToken` is an object that can be used to request cancellation of an operation. + * + * @class + * @param {Function} executor The executor function. + */ + function CancelToken(executor) { + if (typeof executor !== 'function') { + throw new TypeError('executor must be a function.'); + } + + var resolvePromise; + this.promise = new Promise(function promiseExecutor( + resolve + ) { + resolvePromise = resolve; + }); + + var token = this; + executor(function cancel(message) { + if (token.reason) { + // Cancellation has already been requested + return; + } + + token.reason = new Cancel(message); + resolvePromise(token.reason); + }); + } + + /** + * Throws a `Cancel` if cancellation has been requested. + */ + CancelToken.prototype.throwIfRequested = + function throwIfRequested() { + if (this.reason) { + throw this.reason; + } + }; + + /** + * Returns an object that contains a new `CancelToken` and a function that, when called, + * cancels the `CancelToken`. + */ + CancelToken.source = function source() { + var cancel; + var token = new CancelToken(function executor(c) { + cancel = c; + }); + return { + token: token, + cancel: cancel, + }; + }; + + module.exports = CancelToken; + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/cancel/isCancel.js': + /*!***********************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/cancel/isCancel.js ***! + \***********************************************************************************/ + /***/ function (module) { + 'use strict'; + + module.exports = function isCancel(value) { + return !!(value && value.__CANCEL__); + }; + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/Axios.js': + /*!******************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/Axios.js ***! + \******************************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var utils = __webpack_require__( + /*! ./../utils */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/utils.js' + ); + var buildURL = __webpack_require__( + /*! ../helpers/buildURL */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/buildURL.js' + ); + var InterceptorManager = __webpack_require__( + /*! ./InterceptorManager */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/InterceptorManager.js' + ); + var dispatchRequest = __webpack_require__( + /*! ./dispatchRequest */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/dispatchRequest.js' + ); + var mergeConfig = __webpack_require__( + /*! ./mergeConfig */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/mergeConfig.js' + ); + var validator = __webpack_require__( + /*! ../helpers/validator */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/validator.js' + ); + + var validators = validator.validators; + /** + * Create a new instance of Axios + * + * @param {Object} instanceConfig The default config for the instance + */ + function Axios(instanceConfig) { + this.defaults = instanceConfig; + this.interceptors = { + request: new InterceptorManager(), + response: new InterceptorManager(), + }; + } + + /** + * Dispatch a request + * + * @param {Object} config The config specific for this request (merged with this.defaults) + */ + Axios.prototype.request = function request(config) { + /*eslint no-param-reassign:0*/ + // Allow for axios('example/url'[, config]) a la fetch API + if (typeof config === 'string') { + config = arguments[1] || {}; + config.url = arguments[0]; + } else { + config = config || {}; + } + + config = mergeConfig(this.defaults, config); + + // Set config.method + if (config.method) { + config.method = config.method.toLowerCase(); + } else if (this.defaults.method) { + config.method = this.defaults.method.toLowerCase(); + } else { + config.method = 'get'; + } + + var transitional = config.transitional; + + if (transitional !== undefined) { + validator.assertOptions( + transitional, + { + silentJSONParsing: validators.transitional( + validators.boolean, + '1.0.0' + ), + forcedJSONParsing: validators.transitional( + validators.boolean, + '1.0.0' + ), + clarifyTimeoutError: validators.transitional( + validators.boolean, + '1.0.0' + ), + }, + false + ); + } + + // filter out skipped interceptors + var requestInterceptorChain = []; + var synchronousRequestInterceptors = true; + this.interceptors.request.forEach( + function unshiftRequestInterceptors(interceptor) { + if ( + typeof interceptor.runWhen === 'function' && + interceptor.runWhen(config) === false + ) { + return; + } + + synchronousRequestInterceptors = + synchronousRequestInterceptors && + interceptor.synchronous; + + requestInterceptorChain.unshift( + interceptor.fulfilled, + interceptor.rejected + ); + } + ); + + var responseInterceptorChain = []; + this.interceptors.response.forEach( + function pushResponseInterceptors(interceptor) { + responseInterceptorChain.push( + interceptor.fulfilled, + interceptor.rejected + ); + } + ); + + var promise; + + if (!synchronousRequestInterceptors) { + var chain = [dispatchRequest, undefined]; + + Array.prototype.unshift.apply( + chain, + requestInterceptorChain + ); + chain = chain.concat(responseInterceptorChain); + + promise = Promise.resolve(config); + while (chain.length) { + promise = promise.then( + chain.shift(), + chain.shift() + ); + } + + return promise; + } + + var newConfig = config; + while (requestInterceptorChain.length) { + var onFulfilled = requestInterceptorChain.shift(); + var onRejected = requestInterceptorChain.shift(); + try { + newConfig = onFulfilled(newConfig); + } catch (error) { + onRejected(error); + break; + } + } + + try { + promise = dispatchRequest(newConfig); + } catch (error) { + return Promise.reject(error); + } + + while (responseInterceptorChain.length) { + promise = promise.then( + responseInterceptorChain.shift(), + responseInterceptorChain.shift() + ); + } + + return promise; + }; + + Axios.prototype.getUri = function getUri(config) { + config = mergeConfig(this.defaults, config); + return buildURL( + config.url, + config.params, + config.paramsSerializer + ).replace(/^\?/, ''); + }; + + // Provide aliases for supported request methods + utils.forEach( + ['delete', 'get', 'head', 'options'], + function forEachMethodNoData(method) { + /*eslint func-names:0*/ + Axios.prototype[method] = function (url, config) { + return this.request( + mergeConfig(config || {}, { + method: method, + url: url, + data: (config || {}).data, + }) + ); + }; + } + ); + + utils.forEach( + ['post', 'put', 'patch'], + function forEachMethodWithData(method) { + /*eslint func-names:0*/ + Axios.prototype[method] = function (url, data, config) { + return this.request( + mergeConfig(config || {}, { + method: method, + url: url, + data: data, + }) + ); + }; + } + ); + + module.exports = Axios; + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/InterceptorManager.js': + /*!*******************************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/InterceptorManager.js ***! + \*******************************************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var utils = __webpack_require__( + /*! ./../utils */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/utils.js' + ); + + function InterceptorManager() { + this.handlers = []; + } + + /** + * Add a new interceptor to the stack + * + * @param {Function} fulfilled The function to handle `then` for a `Promise` + * @param {Function} rejected The function to handle `reject` for a `Promise` + * + * @return {Number} An ID used to remove interceptor later + */ + InterceptorManager.prototype.use = function use( + fulfilled, + rejected, + options + ) { + this.handlers.push({ + fulfilled: fulfilled, + rejected: rejected, + synchronous: options ? options.synchronous : false, + runWhen: options ? options.runWhen : null, + }); + return this.handlers.length - 1; + }; + + /** + * Remove an interceptor from the stack + * + * @param {Number} id The ID that was returned by `use` + */ + InterceptorManager.prototype.eject = function eject(id) { + if (this.handlers[id]) { + this.handlers[id] = null; + } + }; + + /** + * Iterate over all the registered interceptors + * + * This method is particularly useful for skipping over any + * interceptors that may have become `null` calling `eject`. + * + * @param {Function} fn The function to call for each interceptor + */ + InterceptorManager.prototype.forEach = function forEach(fn) { + utils.forEach(this.handlers, function forEachHandler(h) { + if (h !== null) { + fn(h); + } + }); + }; + + module.exports = InterceptorManager; + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/buildFullPath.js': + /*!**************************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/buildFullPath.js ***! + \**************************************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var isAbsoluteURL = __webpack_require__( + /*! ../helpers/isAbsoluteURL */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/isAbsoluteURL.js' + ); + var combineURLs = __webpack_require__( + /*! ../helpers/combineURLs */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/combineURLs.js' + ); + + /** + * Creates a new URL by combining the baseURL with the requestedURL, + * only when the requestedURL is not already an absolute URL. + * If the requestURL is absolute, this function returns the requestedURL untouched. + * + * @param {string} baseURL The base URL + * @param {string} requestedURL Absolute or relative URL to combine + * @returns {string} The combined full path + */ + module.exports = function buildFullPath(baseURL, requestedURL) { + if (baseURL && !isAbsoluteURL(requestedURL)) { + return combineURLs(baseURL, requestedURL); + } + return requestedURL; + }; + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/createError.js': + /*!************************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/createError.js ***! + \************************************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var enhanceError = __webpack_require__( + /*! ./enhanceError */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/enhanceError.js' + ); + + /** + * Create an Error with the specified message, config, error code, request and response. + * + * @param {string} message The error message. + * @param {Object} config The config. + * @param {string} [code] The error code (for example, 'ECONNABORTED'). + * @param {Object} [request] The request. + * @param {Object} [response] The response. + * @returns {Error} The created error. + */ + module.exports = function createError( + message, + config, + code, + request, + response + ) { + var error = new Error(message); + return enhanceError(error, config, code, request, response); + }; + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/dispatchRequest.js': + /*!****************************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/dispatchRequest.js ***! + \****************************************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var utils = __webpack_require__( + /*! ./../utils */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/utils.js' + ); + var transformData = __webpack_require__( + /*! ./transformData */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/transformData.js' + ); + var isCancel = __webpack_require__( + /*! ../cancel/isCancel */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/cancel/isCancel.js' + ); + var defaults = __webpack_require__( + /*! ../defaults */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/defaults.js' + ); + + /** + * Throws a `Cancel` if cancellation has been requested. + */ + function throwIfCancellationRequested(config) { + if (config.cancelToken) { + config.cancelToken.throwIfRequested(); + } + } + + /** + * Dispatch a request to the server using the configured adapter. + * + * @param {object} config The config that is to be used for the request + * @returns {Promise} The Promise to be fulfilled + */ + module.exports = function dispatchRequest(config) { + throwIfCancellationRequested(config); + + // Ensure headers exist + config.headers = config.headers || {}; + + // Transform request data + config.data = transformData.call( + config, + config.data, + config.headers, + config.transformRequest + ); + + // Flatten headers + config.headers = utils.merge( + config.headers.common || {}, + config.headers[config.method] || {}, + config.headers + ); + + utils.forEach( + [ + 'delete', + 'get', + 'head', + 'post', + 'put', + 'patch', + 'common', + ], + function cleanHeaderConfig(method) { + delete config.headers[method]; + } + ); + + var adapter = config.adapter || defaults.adapter; + + return adapter(config).then( + function onAdapterResolution(response) { + throwIfCancellationRequested(config); + + // Transform response data + response.data = transformData.call( + config, + response.data, + response.headers, + config.transformResponse + ); + + return response; + }, + function onAdapterRejection(reason) { + if (!isCancel(reason)) { + throwIfCancellationRequested(config); + + // Transform response data + if (reason && reason.response) { + reason.response.data = transformData.call( + config, + reason.response.data, + reason.response.headers, + config.transformResponse + ); + } + } + + return Promise.reject(reason); + } + ); + }; + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/enhanceError.js': + /*!*************************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/enhanceError.js ***! + \*************************************************************************************/ + /***/ function (module) { + 'use strict'; + + /** + * Update an Error with the specified config, error code, and response. + * + * @param {Error} error The error to update. + * @param {Object} config The config. + * @param {string} [code] The error code (for example, 'ECONNABORTED'). + * @param {Object} [request] The request. + * @param {Object} [response] The response. + * @returns {Error} The error. + */ + module.exports = function enhanceError( + error, + config, + code, + request, + response + ) { + error.config = config; + if (code) { + error.code = code; + } + + error.request = request; + error.response = response; + error.isAxiosError = true; + + error.toJSON = function toJSON() { + return { + // Standard + message: this.message, + name: this.name, + // Microsoft + description: this.description, + number: this.number, + // Mozilla + fileName: this.fileName, + lineNumber: this.lineNumber, + columnNumber: this.columnNumber, + stack: this.stack, + // Axios + config: this.config, + code: this.code, + }; + }; + return error; + }; + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/mergeConfig.js': + /*!************************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/mergeConfig.js ***! + \************************************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var utils = __webpack_require__( + /*! ../utils */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/utils.js' + ); + + /** + * Config-specific merge-function which creates a new config-object + * by merging two configuration objects together. + * + * @param {Object} config1 + * @param {Object} config2 + * @returns {Object} New object resulting from merging config2 to config1 + */ + module.exports = function mergeConfig(config1, config2) { + // eslint-disable-next-line no-param-reassign + config2 = config2 || {}; + var config = {}; + + var valueFromConfig2Keys = ['url', 'method', 'data']; + var mergeDeepPropertiesKeys = [ + 'headers', + 'auth', + 'proxy', + 'params', + ]; + var defaultToConfig2Keys = [ + 'baseURL', + 'transformRequest', + 'transformResponse', + 'paramsSerializer', + 'timeout', + 'timeoutMessage', + 'withCredentials', + 'adapter', + 'responseType', + 'xsrfCookieName', + 'xsrfHeaderName', + 'onUploadProgress', + 'onDownloadProgress', + 'decompress', + 'maxContentLength', + 'maxBodyLength', + 'maxRedirects', + 'transport', + 'httpAgent', + 'httpsAgent', + 'cancelToken', + 'socketPath', + 'responseEncoding', + ]; + var directMergeKeys = ['validateStatus']; + + function getMergedValue(target, source) { + if ( + utils.isPlainObject(target) && + utils.isPlainObject(source) + ) { + return utils.merge(target, source); + } else if (utils.isPlainObject(source)) { + return utils.merge({}, source); + } else if (utils.isArray(source)) { + return source.slice(); + } + return source; + } + + function mergeDeepProperties(prop) { + if (!utils.isUndefined(config2[prop])) { + config[prop] = getMergedValue( + config1[prop], + config2[prop] + ); + } else if (!utils.isUndefined(config1[prop])) { + config[prop] = getMergedValue( + undefined, + config1[prop] + ); + } + } + + utils.forEach( + valueFromConfig2Keys, + function valueFromConfig2(prop) { + if (!utils.isUndefined(config2[prop])) { + config[prop] = getMergedValue( + undefined, + config2[prop] + ); + } + } + ); + + utils.forEach(mergeDeepPropertiesKeys, mergeDeepProperties); + + utils.forEach( + defaultToConfig2Keys, + function defaultToConfig2(prop) { + if (!utils.isUndefined(config2[prop])) { + config[prop] = getMergedValue( + undefined, + config2[prop] + ); + } else if (!utils.isUndefined(config1[prop])) { + config[prop] = getMergedValue( + undefined, + config1[prop] + ); + } + } + ); + + utils.forEach(directMergeKeys, function merge(prop) { + if (prop in config2) { + config[prop] = getMergedValue( + config1[prop], + config2[prop] + ); + } else if (prop in config1) { + config[prop] = getMergedValue( + undefined, + config1[prop] + ); + } + }); + + var axiosKeys = valueFromConfig2Keys + .concat(mergeDeepPropertiesKeys) + .concat(defaultToConfig2Keys) + .concat(directMergeKeys); + + var otherKeys = Object.keys(config1) + .concat(Object.keys(config2)) + .filter(function filterAxiosKeys(key) { + return axiosKeys.indexOf(key) === -1; + }); + + utils.forEach(otherKeys, mergeDeepProperties); + + return config; + }; + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/settle.js': + /*!*******************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/settle.js ***! + \*******************************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var createError = __webpack_require__( + /*! ./createError */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/createError.js' + ); + + /** + * Resolve or reject a Promise based on response status. + * + * @param {Function} resolve A function that resolves the promise. + * @param {Function} reject A function that rejects the promise. + * @param {object} response The response. + */ + module.exports = function settle(resolve, reject, response) { + var validateStatus = response.config.validateStatus; + if ( + !response.status || + !validateStatus || + validateStatus(response.status) + ) { + resolve(response); + } else { + reject( + createError( + 'Request failed with status code ' + + response.status, + response.config, + null, + response.request, + response + ) + ); + } + }; + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/transformData.js': + /*!**************************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/transformData.js ***! + \**************************************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var utils = __webpack_require__( + /*! ./../utils */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/utils.js' + ); + var defaults = __webpack_require__( + /*! ./../defaults */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/defaults.js' + ); + + /** + * Transform the data for a request or a response + * + * @param {Object|String} data The data to be transformed + * @param {Array} headers The headers for the request or response + * @param {Array|Function} fns A single function or Array of functions + * @returns {*} The resulting transformed data + */ + module.exports = function transformData(data, headers, fns) { + var context = this || defaults; + /*eslint no-param-reassign:0*/ + utils.forEach(fns, function transform(fn) { + data = fn.call(context, data, headers); + }); + + return data; + }; + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/defaults.js': + /*!****************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/defaults.js ***! + \****************************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var utils = __webpack_require__( + /*! ./utils */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/utils.js' + ); + var normalizeHeaderName = __webpack_require__( + /*! ./helpers/normalizeHeaderName */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/normalizeHeaderName.js' + ); + var enhanceError = __webpack_require__( + /*! ./core/enhanceError */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/core/enhanceError.js' + ); + + var DEFAULT_CONTENT_TYPE = { + 'Content-Type': 'application/x-www-form-urlencoded', + }; + + function setContentTypeIfUnset(headers, value) { + if ( + !utils.isUndefined(headers) && + utils.isUndefined(headers['Content-Type']) + ) { + headers['Content-Type'] = value; + } + } + + function getDefaultAdapter() { + var adapter; + if (typeof XMLHttpRequest !== 'undefined') { + // For browsers use XHR adapter + adapter = __webpack_require__( + /*! ./adapters/xhr */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/adapters/xhr.js' + ); + } else if ( + typeof process !== 'undefined' && + Object.prototype.toString.call(process) === + '[object process]' + ) { + // For node use HTTP adapter + adapter = __webpack_require__( + /*! ./adapters/http */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/adapters/xhr.js' + ); + } + return adapter; + } + + function stringifySafely(rawValue, parser, encoder) { + if (utils.isString(rawValue)) { + try { + (parser || JSON.parse)(rawValue); + return utils.trim(rawValue); + } catch (e) { + if (e.name !== 'SyntaxError') { + throw e; + } + } + } + + return (encoder || JSON.stringify)(rawValue); + } + + var defaults = { + transitional: { + silentJSONParsing: true, + forcedJSONParsing: true, + clarifyTimeoutError: false, + }, + + adapter: getDefaultAdapter(), + + transformRequest: [ + function transformRequest(data, headers) { + normalizeHeaderName(headers, 'Accept'); + normalizeHeaderName(headers, 'Content-Type'); + + if ( + utils.isFormData(data) || + utils.isArrayBuffer(data) || + utils.isBuffer(data) || + utils.isStream(data) || + utils.isFile(data) || + utils.isBlob(data) + ) { + return data; + } + if (utils.isArrayBufferView(data)) { + return data.buffer; + } + if (utils.isURLSearchParams(data)) { + setContentTypeIfUnset( + headers, + 'application/x-www-form-urlencoded;charset=utf-8' + ); + return data.toString(); + } + if ( + utils.isObject(data) || + (headers && + headers['Content-Type'] === + 'application/json') + ) { + setContentTypeIfUnset( + headers, + 'application/json' + ); + return stringifySafely(data); + } + return data; + }, + ], + + transformResponse: [ + function transformResponse(data) { + var transitional = this.transitional; + var silentJSONParsing = + transitional && transitional.silentJSONParsing; + var forcedJSONParsing = + transitional && transitional.forcedJSONParsing; + var strictJSONParsing = + !silentJSONParsing && + this.responseType === 'json'; + + if ( + strictJSONParsing || + (forcedJSONParsing && + utils.isString(data) && + data.length) + ) { + try { + return JSON.parse(data); + } catch (e) { + if (strictJSONParsing) { + if (e.name === 'SyntaxError') { + throw enhanceError( + e, + this, + 'E_JSON_PARSE' + ); + } + throw e; + } + } + } + + return data; + }, + ], + + /** + * A timeout in milliseconds to abort a request. If set to 0 (default) a + * timeout is not created. + */ + timeout: 0, + + xsrfCookieName: 'XSRF-TOKEN', + xsrfHeaderName: 'X-XSRF-TOKEN', + + maxContentLength: -1, + maxBodyLength: -1, + + validateStatus: function validateStatus(status) { + return status >= 200 && status < 300; + }, + }; + + defaults.headers = { + common: { + Accept: 'application/json, text/plain, */*', + }, + }; + + utils.forEach( + ['delete', 'get', 'head'], + function forEachMethodNoData(method) { + defaults.headers[method] = {}; + } + ); + + utils.forEach( + ['post', 'put', 'patch'], + function forEachMethodWithData(method) { + defaults.headers[method] = + utils.merge(DEFAULT_CONTENT_TYPE); + } + ); + + module.exports = defaults; + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/bind.js': + /*!********************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/bind.js ***! + \********************************************************************************/ + /***/ function (module) { + 'use strict'; + + module.exports = function bind(fn, thisArg) { + return function wrap() { + var args = new Array(arguments.length); + for (var i = 0; i < args.length; i++) { + args[i] = arguments[i]; + } + return fn.apply(thisArg, args); + }; + }; + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/buildURL.js': + /*!************************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/buildURL.js ***! + \************************************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var utils = __webpack_require__( + /*! ./../utils */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/utils.js' + ); + + function encode(val) { + return encodeURIComponent(val) + .replace(/%3A/gi, ':') + .replace(/%24/g, '$') + .replace(/%2C/gi, ',') + .replace(/%20/g, '+') + .replace(/%5B/gi, '[') + .replace(/%5D/gi, ']'); + } + + /** + * Build a URL by appending params to the end + * + * @param {string} url The base of the url (e.g., http://www.google.com) + * @param {object} [params] The params to be appended + * @returns {string} The formatted url + */ + module.exports = function buildURL( + url, + params, + paramsSerializer + ) { + /*eslint no-param-reassign:0*/ + if (!params) { + return url; + } + + var serializedParams; + if (paramsSerializer) { + serializedParams = paramsSerializer(params); + } else if (utils.isURLSearchParams(params)) { + serializedParams = params.toString(); + } else { + var parts = []; + + utils.forEach(params, function serialize(val, key) { + if (val === null || typeof val === 'undefined') { + return; + } + + if (utils.isArray(val)) { + key = key + '[]'; + } else { + val = [val]; + } + + utils.forEach(val, function parseValue(v) { + if (utils.isDate(v)) { + v = v.toISOString(); + } else if (utils.isObject(v)) { + v = JSON.stringify(v); + } + parts.push(encode(key) + '=' + encode(v)); + }); + }); + + serializedParams = parts.join('&'); + } + + if (serializedParams) { + var hashmarkIndex = url.indexOf('#'); + if (hashmarkIndex !== -1) { + url = url.slice(0, hashmarkIndex); + } + + url += + (url.indexOf('?') === -1 ? '?' : '&') + + serializedParams; + } + + return url; + }; + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/combineURLs.js': + /*!***************************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/combineURLs.js ***! + \***************************************************************************************/ + /***/ function (module) { + 'use strict'; + + /** + * Creates a new URL by combining the specified URLs + * + * @param {string} baseURL The base URL + * @param {string} relativeURL The relative URL + * @returns {string} The combined URL + */ + module.exports = function combineURLs(baseURL, relativeURL) { + return relativeURL + ? baseURL.replace(/\/+$/, '') + + '/' + + relativeURL.replace(/^\/+/, '') + : baseURL; + }; + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/cookies.js': + /*!***********************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/cookies.js ***! + \***********************************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var utils = __webpack_require__( + /*! ./../utils */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/utils.js' + ); + + module.exports = utils.isStandardBrowserEnv() + ? // Standard browser envs support document.cookie + (function standardBrowserEnv() { + return { + write: function write( + name, + value, + expires, + path, + domain, + secure + ) { + var cookie = []; + cookie.push( + name + '=' + encodeURIComponent(value) + ); + + if (utils.isNumber(expires)) { + cookie.push( + 'expires=' + + new Date(expires).toGMTString() + ); + } + + if (utils.isString(path)) { + cookie.push('path=' + path); + } + + if (utils.isString(domain)) { + cookie.push('domain=' + domain); + } + + if (secure === true) { + cookie.push('secure'); + } + + document.cookie = cookie.join('; '); + }, + + read: function read(name) { + var match = document.cookie.match( + new RegExp( + '(^|;\\s*)(' + name + ')=([^;]*)' + ) + ); + return match + ? decodeURIComponent(match[3]) + : null; + }, + + remove: function remove(name) { + this.write(name, '', Date.now() - 86400000); + }, + }; + })() + : // Non standard browser env (web workers, react-native) lack needed support. + (function nonStandardBrowserEnv() { + return { + write: function write() {}, + read: function read() { + return null; + }, + remove: function remove() {}, + }; + })(); + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/isAbsoluteURL.js': + /*!*****************************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/isAbsoluteURL.js ***! + \*****************************************************************************************/ + /***/ function (module) { + 'use strict'; + + /** + * Determines whether the specified URL is absolute + * + * @param {string} url The URL to test + * @returns {boolean} True if the specified URL is absolute, otherwise false + */ + module.exports = function isAbsoluteURL(url) { + // A URL is considered absolute if it begins with "://" or "//" (protocol-relative URL). + // RFC 3986 defines scheme name as a sequence of characters beginning with a letter and followed + // by any combination of letters, digits, plus, period, or hyphen. + return /^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(url); + }; + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/isAxiosError.js': + /*!****************************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/isAxiosError.js ***! + \****************************************************************************************/ + /***/ function (module) { + 'use strict'; + + /** + * Determines whether the payload is an error thrown by Axios + * + * @param {*} payload The value to test + * @returns {boolean} True if the payload is an error thrown by Axios, otherwise false + */ + module.exports = function isAxiosError(payload) { + return ( + typeof payload === 'object' && + payload.isAxiosError === true + ); + }; + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/isURLSameOrigin.js': + /*!*******************************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/isURLSameOrigin.js ***! + \*******************************************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var utils = __webpack_require__( + /*! ./../utils */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/utils.js' + ); + + module.exports = utils.isStandardBrowserEnv() + ? // Standard browser envs have full support of the APIs needed to test + // whether the request URL is of the same origin as current location. + (function standardBrowserEnv() { + var msie = /(msie|trident)/i.test( + navigator.userAgent + ); + var urlParsingNode = document.createElement('a'); + var originURL; + + /** + * Parse a URL to discover it's components + * + * @param {String} url The URL to be parsed + * @returns {Object} + */ + function resolveURL(url) { + var href = url; + + if (msie) { + // IE needs attribute set twice to normalize properties + urlParsingNode.setAttribute('href', href); + href = urlParsingNode.href; + } + + urlParsingNode.setAttribute('href', href); + + // urlParsingNode provides the UrlUtils interface - http://url.spec.whatwg.org/#urlutils + return { + href: urlParsingNode.href, + protocol: urlParsingNode.protocol + ? urlParsingNode.protocol.replace( + /:$/, + '' + ) + : '', + host: urlParsingNode.host, + search: urlParsingNode.search + ? urlParsingNode.search.replace( + /^\?/, + '' + ) + : '', + hash: urlParsingNode.hash + ? urlParsingNode.hash.replace(/^#/, '') + : '', + hostname: urlParsingNode.hostname, + port: urlParsingNode.port, + pathname: + urlParsingNode.pathname.charAt(0) === + '/' + ? urlParsingNode.pathname + : '/' + urlParsingNode.pathname, + }; + } + + originURL = resolveURL(window.location.href); + + /** + * Determine if a URL shares the same origin as the current location + * + * @param {String} requestURL The URL to test + * @returns {boolean} True if URL shares the same origin, otherwise false + */ + return function isURLSameOrigin(requestURL) { + var parsed = utils.isString(requestURL) + ? resolveURL(requestURL) + : requestURL; + return ( + parsed.protocol === originURL.protocol && + parsed.host === originURL.host + ); + }; + })() + : // Non standard browser envs (web workers, react-native) lack needed support. + (function nonStandardBrowserEnv() { + return function isURLSameOrigin() { + return true; + }; + })(); + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/normalizeHeaderName.js': + /*!***********************************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/normalizeHeaderName.js ***! + \***********************************************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var utils = __webpack_require__( + /*! ../utils */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/utils.js' + ); + + module.exports = function normalizeHeaderName( + headers, + normalizedName + ) { + utils.forEach(headers, function processHeader(value, name) { + if ( + name !== normalizedName && + name.toUpperCase() === normalizedName.toUpperCase() + ) { + headers[normalizedName] = value; + delete headers[name]; + } + }); + }; + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/parseHeaders.js': + /*!****************************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/parseHeaders.js ***! + \****************************************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var utils = __webpack_require__( + /*! ./../utils */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/utils.js' + ); + + // Headers whose duplicates are ignored by node + // c.f. https://nodejs.org/api/http.html#http_message_headers + var ignoreDuplicateOf = [ + 'age', + 'authorization', + 'content-length', + 'content-type', + 'etag', + 'expires', + 'from', + 'host', + 'if-modified-since', + 'if-unmodified-since', + 'last-modified', + 'location', + 'max-forwards', + 'proxy-authorization', + 'referer', + 'retry-after', + 'user-agent', + ]; + + /** + * Parse headers into an object + * + * ``` + * Date: Wed, 27 Aug 2014 08:58:49 GMT + * Content-Type: application/json + * Connection: keep-alive + * Transfer-Encoding: chunked + * ``` + * + * @param {String} headers Headers needing to be parsed + * @returns {Object} Headers parsed into an object + */ + module.exports = function parseHeaders(headers) { + var parsed = {}; + var key; + var val; + var i; + + if (!headers) { + return parsed; + } + + utils.forEach(headers.split('\n'), function parser(line) { + i = line.indexOf(':'); + key = utils.trim(line.substr(0, i)).toLowerCase(); + val = utils.trim(line.substr(i + 1)); + + if (key) { + if ( + parsed[key] && + ignoreDuplicateOf.indexOf(key) >= 0 + ) { + return; + } + if (key === 'set-cookie') { + parsed[key] = ( + parsed[key] ? parsed[key] : [] + ).concat([val]); + } else { + parsed[key] = parsed[key] + ? parsed[key] + ', ' + val + : val; + } + } + }); + + return parsed; + }; + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/spread.js': + /*!**********************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/spread.js ***! + \**********************************************************************************/ + /***/ function (module) { + 'use strict'; + + /** + * Syntactic sugar for invoking a function and expanding an array for arguments. + * + * Common use case would be to use `Function.prototype.apply`. + * + * ```js + * function f(x, y, z) {} + * var args = [1, 2, 3]; + * f.apply(null, args); + * ``` + * + * With `spread` this example can be re-written. + * + * ```js + * spread(function(x, y, z) {})([1, 2, 3]); + * ``` + * + * @param {Function} callback + * @returns {Function} + */ + module.exports = function spread(callback) { + return function wrap(arr) { + return callback.apply(null, arr); + }; + }; + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/validator.js': + /*!*************************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/validator.js ***! + \*************************************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var pkg = __webpack_require__( + /*! ./../../package.json */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/package.json' + ); + + var validators = {}; + + // eslint-disable-next-line func-names + [ + 'object', + 'boolean', + 'number', + 'function', + 'string', + 'symbol', + ].forEach(function (type, i) { + validators[type] = function validator(thing) { + return ( + typeof thing === type || + 'a' + (i < 1 ? 'n ' : ' ') + type + ); + }; + }); + + var deprecatedWarnings = {}; + var currentVerArr = pkg.version.split('.'); + + /** + * Compare package versions + * @param {string} version + * @param {string?} thanVersion + * @returns {boolean} + */ + function isOlderVersion(version, thanVersion) { + var pkgVersionArr = thanVersion + ? thanVersion.split('.') + : currentVerArr; + var destVer = version.split('.'); + for (var i = 0; i < 3; i++) { + if (pkgVersionArr[i] > destVer[i]) { + return true; + } else if (pkgVersionArr[i] < destVer[i]) { + return false; + } + } + return false; + } + + /** + * Transitional option validator + * @param {function|boolean?} validator + * @param {string?} version + * @param {string} message + * @returns {function} + */ + validators.transitional = function transitional( + validator, + version, + message + ) { + var isDeprecated = version && isOlderVersion(version); + + function formatMessage(opt, desc) { + return ( + '[Axios v' + + pkg.version + + "] Transitional option '" + + opt + + "'" + + desc + + (message ? '. ' + message : '') + ); + } + + // eslint-disable-next-line func-names + return function (value, opt, opts) { + if (validator === false) { + throw new Error( + formatMessage( + opt, + ' has been removed in ' + version + ) + ); + } + + if (isDeprecated && !deprecatedWarnings[opt]) { + deprecatedWarnings[opt] = true; + // eslint-disable-next-line no-console + console.warn( + formatMessage( + opt, + ' has been deprecated since v' + + version + + ' and will be removed in the near future' + ) + ); + } + + return validator ? validator(value, opt, opts) : true; + }; + }; + + /** + * Assert object's properties type + * @param {object} options + * @param {object} schema + * @param {boolean?} allowUnknown + */ + + function assertOptions(options, schema, allowUnknown) { + if (typeof options !== 'object') { + throw new TypeError('options must be an object'); + } + var keys = Object.keys(options); + var i = keys.length; + while (i-- > 0) { + var opt = keys[i]; + var validator = schema[opt]; + if (validator) { + var value = options[opt]; + var result = + value === undefined || + validator(value, opt, options); + if (result !== true) { + throw new TypeError( + 'option ' + opt + ' must be ' + result + ); + } + continue; + } + if (allowUnknown !== true) { + throw Error('Unknown option ' + opt); + } + } + } + + module.exports = { + isOlderVersion: isOlderVersion, + assertOptions: assertOptions, + validators: validators, + }; + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/utils.js': + /*!*************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/utils.js ***! + \*************************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + 'use strict'; + + var bind = __webpack_require__( + /*! ./helpers/bind */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/lib/helpers/bind.js' + ); + + // utils is a library of generic helper functions non-specific to axios + + var toString = Object.prototype.toString; + + /** + * Determine if a value is an Array + * + * @param {Object} val The value to test + * @returns {boolean} True if value is an Array, otherwise false + */ + function isArray(val) { + return toString.call(val) === '[object Array]'; + } + + /** + * Determine if a value is undefined + * + * @param {Object} val The value to test + * @returns {boolean} True if the value is undefined, otherwise false + */ + function isUndefined(val) { + return typeof val === 'undefined'; + } + + /** + * Determine if a value is a Buffer + * + * @param {Object} val The value to test + * @returns {boolean} True if value is a Buffer, otherwise false + */ + function isBuffer(val) { + return ( + val !== null && + !isUndefined(val) && + val.constructor !== null && + !isUndefined(val.constructor) && + typeof val.constructor.isBuffer === 'function' && + val.constructor.isBuffer(val) + ); + } + + /** + * Determine if a value is an ArrayBuffer + * + * @param {Object} val The value to test + * @returns {boolean} True if value is an ArrayBuffer, otherwise false + */ + function isArrayBuffer(val) { + return toString.call(val) === '[object ArrayBuffer]'; + } + + /** + * Determine if a value is a FormData + * + * @param {Object} val The value to test + * @returns {boolean} True if value is an FormData, otherwise false + */ + function isFormData(val) { + return ( + typeof FormData !== 'undefined' && + val instanceof FormData + ); + } + + /** + * Determine if a value is a view on an ArrayBuffer + * + * @param {Object} val The value to test + * @returns {boolean} True if value is a view on an ArrayBuffer, otherwise false + */ + function isArrayBufferView(val) { + var result; + if ( + typeof ArrayBuffer !== 'undefined' && + ArrayBuffer.isView + ) { + result = ArrayBuffer.isView(val); + } else { + result = + val && + val.buffer && + val.buffer instanceof ArrayBuffer; + } + return result; + } + + /** + * Determine if a value is a String + * + * @param {Object} val The value to test + * @returns {boolean} True if value is a String, otherwise false + */ + function isString(val) { + return typeof val === 'string'; + } + + /** + * Determine if a value is a Number + * + * @param {Object} val The value to test + * @returns {boolean} True if value is a Number, otherwise false + */ + function isNumber(val) { + return typeof val === 'number'; + } + + /** + * Determine if a value is an Object + * + * @param {Object} val The value to test + * @returns {boolean} True if value is an Object, otherwise false + */ + function isObject(val) { + return val !== null && typeof val === 'object'; + } + + /** + * Determine if a value is a plain Object + * + * @param {Object} val The value to test + * @return {boolean} True if value is a plain Object, otherwise false + */ + function isPlainObject(val) { + if (toString.call(val) !== '[object Object]') { + return false; + } + + var prototype = Object.getPrototypeOf(val); + return prototype === null || prototype === Object.prototype; + } + + /** + * Determine if a value is a Date + * + * @param {Object} val The value to test + * @returns {boolean} True if value is a Date, otherwise false + */ + function isDate(val) { + return toString.call(val) === '[object Date]'; + } + + /** + * Determine if a value is a File + * + * @param {Object} val The value to test + * @returns {boolean} True if value is a File, otherwise false + */ + function isFile(val) { + return toString.call(val) === '[object File]'; + } + + /** + * Determine if a value is a Blob + * + * @param {Object} val The value to test + * @returns {boolean} True if value is a Blob, otherwise false + */ + function isBlob(val) { + return toString.call(val) === '[object Blob]'; + } + + /** + * Determine if a value is a Function + * + * @param {Object} val The value to test + * @returns {boolean} True if value is a Function, otherwise false + */ + function isFunction(val) { + return toString.call(val) === '[object Function]'; + } + + /** + * Determine if a value is a Stream + * + * @param {Object} val The value to test + * @returns {boolean} True if value is a Stream, otherwise false + */ + function isStream(val) { + return isObject(val) && isFunction(val.pipe); + } + + /** + * Determine if a value is a URLSearchParams object + * + * @param {Object} val The value to test + * @returns {boolean} True if value is a URLSearchParams object, otherwise false + */ + function isURLSearchParams(val) { + return ( + typeof URLSearchParams !== 'undefined' && + val instanceof URLSearchParams + ); + } + + /** + * Trim excess whitespace off the beginning and end of a string + * + * @param {String} str The String to trim + * @returns {String} The String freed of excess whitespace + */ + function trim(str) { + return str.trim + ? str.trim() + : str.replace(/^\s+|\s+$/g, ''); + } + + /** + * Determine if we're running in a standard browser environment + * + * This allows axios to run in a web worker, and react-native. + * Both environments support XMLHttpRequest, but not fully standard globals. + * + * web workers: + * typeof window -> undefined + * typeof document -> undefined + * + * react-native: + * navigator.product -> 'ReactNative' + * nativescript + * navigator.product -> 'NativeScript' or 'NS' + */ + function isStandardBrowserEnv() { + if ( + typeof navigator !== 'undefined' && + (navigator.product === 'ReactNative' || + navigator.product === 'NativeScript' || + navigator.product === 'NS') + ) { + return false; + } + return ( + typeof window !== 'undefined' && + typeof document !== 'undefined' + ); + } + + /** + * Iterate over an Array or an Object invoking a function for each item. + * + * If `obj` is an Array callback will be called passing + * the value, index, and complete array for each item. + * + * If 'obj' is an Object callback will be called passing + * the value, key, and complete object for each property. + * + * @param {Object|Array} obj The object to iterate + * @param {Function} fn The callback to invoke for each item + */ + function forEach(obj, fn) { + // Don't bother if no value provided + if (obj === null || typeof obj === 'undefined') { + return; + } + + // Force an array if not already something iterable + if (typeof obj !== 'object') { + /*eslint no-param-reassign:0*/ + obj = [obj]; + } + + if (isArray(obj)) { + // Iterate over array values + for (var i = 0, l = obj.length; i < l; i++) { + fn.call(null, obj[i], i, obj); + } + } else { + // Iterate over object keys + for (var key in obj) { + if ( + Object.prototype.hasOwnProperty.call(obj, key) + ) { + fn.call(null, obj[key], key, obj); + } + } + } + } + + /** + * Accepts varargs expecting each argument to be an object, then + * immutably merges the properties of each object and returns result. + * + * When multiple objects contain the same key the later object in + * the arguments list will take precedence. + * + * Example: + * + * ```js + * var result = merge({foo: 123}, {foo: 456}); + * console.log(result.foo); // outputs 456 + * ``` + * + * @param {Object} obj1 Object to merge + * @returns {Object} Result of all merge properties + */ + function merge(/* obj1, obj2, obj3, ... */) { + var result = {}; + function assignValue(val, key) { + if (isPlainObject(result[key]) && isPlainObject(val)) { + result[key] = merge(result[key], val); + } else if (isPlainObject(val)) { + result[key] = merge({}, val); + } else if (isArray(val)) { + result[key] = val.slice(); + } else { + result[key] = val; + } + } + + for (var i = 0, l = arguments.length; i < l; i++) { + forEach(arguments[i], assignValue); + } + return result; + } + + /** + * Extends object a by mutably adding to it the properties of object b. + * + * @param {Object} a The object to be extended + * @param {Object} b The object to copy properties from + * @param {Object} thisArg The object to bind function to + * @return {Object} The resulting value of object a + */ + function extend(a, b, thisArg) { + forEach(b, function assignValue(val, key) { + if (thisArg && typeof val === 'function') { + a[key] = bind(val, thisArg); + } else { + a[key] = val; + } + }); + return a; + } + + /** + * Remove byte order marker. This catches EF BB BF (the UTF-8 BOM) + * + * @param {string} content with BOM + * @return {string} content value without BOM + */ + function stripBOM(content) { + if (content.charCodeAt(0) === 0xfeff) { + content = content.slice(1); + } + return content; + } + + module.exports = { + isArray: isArray, + isArrayBuffer: isArrayBuffer, + isBuffer: isBuffer, + isFormData: isFormData, + isArrayBufferView: isArrayBufferView, + isString: isString, + isNumber: isNumber, + isObject: isObject, + isPlainObject: isPlainObject, + isUndefined: isUndefined, + isDate: isDate, + isFile: isFile, + isBlob: isBlob, + isFunction: isFunction, + isStream: isStream, + isURLSearchParams: isURLSearchParams, + isStandardBrowserEnv: isStandardBrowserEnv, + forEach: forEach, + merge: merge, + extend: extend, + trim: trim, + stripBOM: stripBOM, + }; + + /***/ + }, + + /***/ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/package.json': + /*!*************************************************************************!*\ + !*** ./node_modules/.pnpm/axios@0.21.4/node_modules/axios/package.json ***! + \*************************************************************************/ + /***/ function (module) { + 'use strict'; + module.exports = /*#__PURE__*/ JSON.parse( + '{"name":"axios","version":"0.21.4","description":"Promise based HTTP client for the browser and node.js","main":"index.js","scripts":{"test":"grunt test","start":"node ./sandbox/server.js","build":"NODE_ENV=production grunt build","preversion":"npm test","version":"npm run build && grunt version && git add -A dist && git add CHANGELOG.md bower.json package.json","postversion":"git push && git push --tags","examples":"node ./examples/server.js","coveralls":"cat coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js","fix":"eslint --fix lib/**/*.js"},"repository":{"type":"git","url":"https://github.com/axios/axios.git"},"keywords":["xhr","http","ajax","promise","node"],"author":"Matt Zabriskie","license":"MIT","bugs":{"url":"https://github.com/axios/axios/issues"},"homepage":"https://axios-http.com","devDependencies":{"coveralls":"^3.0.0","es6-promise":"^4.2.4","grunt":"^1.3.0","grunt-banner":"^0.6.0","grunt-cli":"^1.2.0","grunt-contrib-clean":"^1.1.0","grunt-contrib-watch":"^1.0.0","grunt-eslint":"^23.0.0","grunt-karma":"^4.0.0","grunt-mocha-test":"^0.13.3","grunt-ts":"^6.0.0-beta.19","grunt-webpack":"^4.0.2","istanbul-instrumenter-loader":"^1.0.0","jasmine-core":"^2.4.1","karma":"^6.3.2","karma-chrome-launcher":"^3.1.0","karma-firefox-launcher":"^2.1.0","karma-jasmine":"^1.1.1","karma-jasmine-ajax":"^0.1.13","karma-safari-launcher":"^1.0.0","karma-sauce-launcher":"^4.3.6","karma-sinon":"^1.0.5","karma-sourcemap-loader":"^0.3.8","karma-webpack":"^4.0.2","load-grunt-tasks":"^3.5.2","minimist":"^1.2.0","mocha":"^8.2.1","sinon":"^4.5.0","terser-webpack-plugin":"^4.2.3","typescript":"^4.0.5","url-search-params":"^0.10.0","webpack":"^4.44.2","webpack-dev-server":"^3.11.0"},"browser":{"./lib/adapters/http.js":"./lib/adapters/xhr.js"},"jsdelivr":"dist/axios.min.js","unpkg":"dist/axios.min.js","typings":"./index.d.ts","dependencies":{"follow-redirects":"^1.14.0"},"bundlesize":[{"path":"./dist/axios.min.js","threshold":"5kB"}]}' + ); + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!********************************************************!*\ !*** ./assets/src/js/admin/multi-directory-archive.js ***! \********************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_delete_directory_modal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/delete-directory-modal */ "./assets/src/js/admin/components/delete-directory-modal.js"); -/* harmony import */ var _components_delete_directory_modal__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_components_delete_directory_modal__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _components_directory_migration_modal__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/directory-migration-modal */ "./assets/src/js/admin/components/directory-migration-modal.js"); -/* harmony import */ var _components_directory_migration_modal__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_components_directory_migration_modal__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _components_import_directory_modal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/import-directory-modal */ "./assets/src/js/admin/components/import-directory-modal.js"); -/* harmony import */ var _components_import_directory_modal__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_components_import_directory_modal__WEBPACK_IMPORTED_MODULE_2__); -// Scrips - - - -var $ = jQuery; -var axios = (__webpack_require__(/*! axios */ "./node_modules/axios/dist/browser/axios.cjs")["default"]); -window.addEventListener('load', function () { - // Migration Link - $('.directorist_directory_template_library').on('click', function (e) { - e.preventDefault(); - var self = this; - // Add 'disabled' class to all siblings with the specific class and also to self - $(self).siblings('.cptm-create-directory-modal__action__single').addBack().addClass('disabled'); - $('.cptm-create-directory-modal__action').after("Installing Templatiq, Please wait.."); - var form_data = new FormData(); - form_data.append('action', 'directorist_directory_type_library'); - form_data.append('directorist_nonce', directorist_admin.directorist_nonce); - - // Response Success Callback - var responseSuccessCallback = function responseSuccessCallback(response) { - var _response$data; - if (response !== null && response !== void 0 && (_response$data = response.data) !== null && _response$data !== void 0 && _response$data.success) { - var _response$data$messag, _response$data2; - var msg = (_response$data$messag = response === null || response === void 0 || (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.message) !== null && _response$data$messag !== void 0 ? _response$data$messag : 'Imported successfully!'; - $('.directorist_template_notice').addClass('cptm-section-alert-success').text(msg); - location.reload(); - return; - } - responseFieldCallback(response); - }; - - // Response Error Callback - var responseFieldCallback = function responseFieldCallback(response) { - var _response$data$messag2, _response$data3; - // Remove 'disabled' class from all siblings and self in case of failure - $(self).siblings('.cptm-create-directory-modal__action__single').addBack().removeClass('disabled'); - var msg = (_response$data$messag2 = response === null || response === void 0 || (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.message) !== null && _response$data$messag2 !== void 0 ? _response$data$messag2 : 'Something went wrong please try again'; - var alert_content = "\n
    \n
    \n \n
    \n\n
    ".concat(msg, "
    \n
    \n "); - $('.cptm-directory-migration-form').find('.cptm-comfirmation-text').html(alert_content); - $(self).remove(); - }; - - // Send Request - axios.post(directorist_admin.ajax_url, form_data).then(function (response) { - responseSuccessCallback(response); - }).catch(function (response) { - responseFieldCallback(response); - }); - }); - - // Show the form when the '.directorist-ai-directory-creation' element is clicked - $('.directorist-ai-directory-creation').on('click', function (e) { - e.preventDefault(); - - // Prepare form data for the request - var form_data = new FormData(); - form_data.append('action', 'directorist_ai_directory_form'); - - // Send the request using Axios - axios.post(directorist_admin.ajax_url, form_data).then(function (response) { - var _response$data4; - if (response !== null && response !== void 0 && (_response$data4 = response.data) !== null && _response$data4 !== void 0 && _response$data4.success) { - var _response$data5; - // Replace the content inside '#wpbody' with the response HTML - $('#wpbody').empty().html(response === null || response === void 0 || (_response$data5 = response.data) === null || _response$data5 === void 0 || (_response$data5 = _response$data5.data) === null || _response$data5 === void 0 ? void 0 : _response$data5.form); - - // Initialize Step Contents - initialStepContents(); - } else { - console.log(response.data); - } - }).catch(function (response) { - console.log(response.data); - }); - }); -}); -var totalStep = 3; -var currentStep = 1; -var directoryTitle = ''; -var directoryLocation = ''; -var directoryType = ''; -var directoryPrompt = 'I want to create a car directory'; -var maxPromptLength = 200; -var directoryKeywords = []; -var directoryFields = []; -var directoryPinnedFields = []; -var creationCompleted = false; - -// Update Step Title -function updateStepTitle(title) { - $('.directorist-create-directory__info__title').html(title); -} - -// Update Step Description -function updateStepDescription(desc) { - $('.directorist-create-directory__info__desc').html(desc); -} - -// Update Button Text -function updateButtonText(text) { - $('.directorist_generate_ai_directory .directorist_generate_ai_directory__text').html(text); -} - -// Update Directory Prompt -function updatePrompt() { - directoryPrompt = "I want to create a ".concat(directoryType, " directory").concat(directoryLocation ? " in ".concat(directoryLocation) : ''); - $('#directorist-ai-prompt').val(directoryPrompt); - $('#directorist-ai-prompt').siblings('.character-count').find('.current-count').text(directoryPrompt.length); - if (directoryType) { - handleCreateButtonEnable(); - } else { - handleCreateButtonDisable(); - } -} - -// Function to initialize Keyword Selected -function initializeKeyword() { - var tagList = []; // Internal list for selected keywords - var maxFreeTags = 5; // Max item limit for all users - - var tagListElem = document.getElementById('directorist-box__tagList'); - var newTagElem = document.getElementById('directorist-box__newTag'); - var recommendedTagsElem = document.getElementById('directorist-recommendedTags'); - var recommendedTags = Array.from(recommendedTagsElem.getElementsByTagName('li')); - var tagLimitMsgElem = document.getElementById('directorist-tagLimitMsg'); - var tagCountElem = document.getElementById('directorist-tagCount'); - var canAddMoreTags = function canAddMoreTags() { - return tagList.length < maxFreeTags; - }; - - // Update the global keywords list - var updateDirectoryKeywords = function updateDirectoryKeywords() { - directoryKeywords = [].concat(tagList); // Sync global keywords - }; - - // Update the tag count and recommended tags state - var updateTagCount = function updateTagCount() { - tagCountElem.textContent = "".concat(tagList.length, "/").concat(maxFreeTags); - tagLimitMsgElem.style.display = 'flex'; - recommendedTagsElem.classList.toggle('recommend-disable', !canAddMoreTags()); - }; - - // Update the recommended tags state based on the selected tags - var updateRecommendedTagsState = function updateRecommendedTagsState() { - recommendedTags.forEach(function (tagElem) { - var tagText = tagElem.textContent.trim(); - tagElem.classList.toggle('disabled', tagList.includes(tagText)); - }); - }; - - // Render the tag list - var renderTagList = function renderTagList() { - tagListElem.innerHTML = tagList.map(function (tag) { - return "
  • ".concat(tag, " ×
  • "); - }).join(''); - tagListElem.appendChild(newTagElem.parentNode || document.createElement('li').appendChild(newTagElem)); - updateRecommendedTagsState(); - updateTagCount(); - updateDirectoryKeywords(); - }; - - // Add a new tag to the list - var addTag = function addTag(tag) { - if (tag && !tagList.includes(tag) && canAddMoreTags()) { - tagList.push(tag); - renderTagList(); - } - }; - - // Remove a tag from the list - var removeTag = function removeTag(index) { - if (index !== -1) { - tagList.splice(index, 1); - renderTagList(); - } - }; - - // Event listener for adding tags via input - newTagElem.addEventListener('keyup', function (e) { - if (e.key === 'Enter') { - var newTag = newTagElem.value.trim(); - addTag(newTag); - newTagElem.value = ''; - } - }); - - // Event delegation for removing tags - tagListElem.addEventListener('click', function (e) { - if (e.target.classList.contains('directorist-rmTag')) { - var index = Array.from(tagListElem.children).indexOf(e.target.parentElement); - removeTag(index); - } - }); - - // Event listener for adding recommended tags - recommendedTagsElem.addEventListener('click', function (e) { - if (e.target.tagName === 'LI' && !e.target.classList.contains('disabled')) { - addTag(e.target.textContent.trim()); - } - }); - - // Initialize the tag management interface - renderTagList(); -} - -// Function to initialize Progress bar -function initializeProgressBar(finalProgress) { - if (finalProgress) { - $('#directorist-create-directory__generating .directory-img #directory-img__generating').hide(); - $('#directorist-create-directory__generating .directory-img #directory-img__building').show(); - $('#directory-generate-btn__content__text').html('Generating directory...'); - } else { - $('#directorist-create-directory__generating .directory-img #directory-img__generating').show(); - $('#directorist-create-directory__generating .directory-img #directory-img__building').hide(); - } - var generateBtnWrapper = document.querySelector('.directory-generate-btn__wrapper'); - var btnPercentage = document.querySelector('.directory-generate-btn__percentage'); - var progressBar = document.querySelector('.directory-generate-btn--bg'); - if (generateBtnWrapper) { - var finalWidth = generateBtnWrapper.getAttribute('data-width'); - var currentWidth = 0; - var intervalDuration = 20; // Interval time in milliseconds - var increment = finalWidth / (2000 / intervalDuration); - - // Update the progress bar width - var updateProgress = function updateProgress() { - if (creationCompleted) { - progressBar.style.width = "".concat(finalWidth, "%"); - btnPercentage.textContent = ''; - $('#directory-generate-btn__content__text').html('Generated Successfully'); - if (typeof updateProgressList === 'function') { - updateProgressList(finalWidth); - } - clearInterval(progressInterval); - return; - } else if (currentWidth <= finalWidth) { - btnPercentage.textContent = "".concat(currentWidth, "%"); - progressBar.style.width = "".concat(currentWidth, "%"); - if (typeof updateProgressList === 'function') { - updateProgressList(currentWidth); - } - currentWidth += increment; - } else { - if (!finalProgress) { - setTimeout(function () { - progressBar.style.width = '0'; - }, 3000); - } - clearInterval(progressInterval); - } - }; - var progressInterval = setInterval(updateProgress, intervalDuration); - } - var steps = document.querySelectorAll('.directory-generate-progress-list li'); - - // Update the progress list based on the current progress - var updateProgressList = function updateProgressList(progress) { - if (steps.length > 0) { - steps.forEach(function (step, index) { - var stepNumber = index + 1; - var stepThreshold = stepNumber * (100 / steps.length); - if (progress >= stepThreshold) { - step.setAttribute('data-type', 'completed'); - step.querySelector('.completed-icon').style.display = 'block'; - step.querySelector('.progress-icon').style.display = 'none'; - step.querySelector('.default-icon').style.display = 'none'; - } else if (progress < stepThreshold && progress >= stepThreshold - 100 / steps.length) { - step.setAttribute('data-type', 'progress'); - step.querySelector('.completed-icon').style.display = 'none'; - step.querySelector('.progress-icon').style.display = 'block'; - step.querySelector('.default-icon').style.display = 'none'; - } else { - step.setAttribute('data-type', 'default'); - step.querySelector('.completed-icon').style.display = 'none'; - step.querySelector('.progress-icon').style.display = 'none'; - step.querySelector('.default-icon').style.display = 'block'; - } - }); - } - }; -} - -//Function to initialize Dropdown -function initializeDropdownField() { - var dropdowns = document.querySelectorAll('.directorist-ai-generate-dropdown'); - var accordion = true; - $('#directorist-create-directory__ai-fields .fields-count').html(dropdowns.length); - var pinnedIconSVG = "\n \n \n \n \n "; - var unpinnedIconSVG = "\n \n \n \n "; - - // Initialize each dropdown - dropdowns.forEach(function (dropdown) { - var header = dropdown.querySelector('.directorist-ai-generate-dropdown__header.has-options'); - var content = dropdown.querySelector('.directorist-ai-generate-dropdown__content'); - var icon = dropdown.querySelector('.directorist-ai-generate-dropdown__header-icon'); - var pinIcon = dropdown.querySelector('.directorist-ai-generate-dropdown__pin-icon'); - var dropdownItem = dropdown.closest('.directorist-ai-generate-box__item'); - - // Pin Field - pinIcon.addEventListener('click', function (event) { - event.stopPropagation(); - if (dropdownItem.classList.contains('pinned')) { - dropdownItem.classList.remove('pinned'); - dropdownItem.classList.add('unpinned'); - - // Change to pinned SVG - pinIcon.innerHTML = unpinnedIconSVG; - } else { - dropdownItem.classList.remove('unpinned'); - dropdownItem.classList.add('pinned'); - - // Change to pinned SVG - pinIcon.innerHTML = pinnedIconSVG; - } - - // Find all pinned items - directoryPinnedFields = findAllPinnedItems(); - }); - - // Toggle the dropdown content - header && header.addEventListener('click', function (event) { - if (event.target === pinIcon || pinIcon.contains(event.target)) { - return; - } - var isExpanded = content && content.classList.toggle('directorist-ai-generate-dropdown__content--expanded'); - dropdown.setAttribute('aria-expanded', isExpanded); - content.setAttribute('aria-expanded', isExpanded); - icon.classList.toggle('rotate', isExpanded); - if (accordion) { - dropdowns.forEach(function (otherDropdown) { - if (otherDropdown !== dropdown) { - var otherContent = otherDropdown.querySelector('.directorist-ai-generate-dropdown__content'); - var otherIcon = otherDropdown.querySelector('.directorist-ai-generate-dropdown__header-icon'); - otherDropdown.setAttribute('aria-expanded', false); - if (otherContent) { - otherContent.classList.remove('directorist-ai-generate-dropdown__content--expanded'); - otherContent.setAttribute('aria-expanded', false); - } - if (otherIcon) { - otherIcon.classList.remove('rotate'); - } - } - }); - } - }); - }); - - // Function to find all pinned items - function findAllPinnedItems() { - var pinnedElements = document.querySelectorAll('.directorist-ai-generate-box__item.pinned'); - if (pinnedElements.length > 0) { - var titles = Array.from(pinnedElements).flatMap(function (pinnedElement) { - return Array.from(pinnedElement.querySelectorAll('.directorist-ai-generate-dropdown__title-main h6')).map(function (item) { - return item.innerText; - }); - }); - return titles; // Return the array of titles - } - return []; - } -} - -// Function to handle back button -function handleBackButton() { - currentStep = 1; - // Back to initial step - initialStepContents(); -} - -// handle back btn -$('body').on('click', '.directorist-create-directory__back__btn', function (e) { - e.preventDefault(); - handleBackButton(); -}); - -// Enable Submit Button -function handleCreateButtonEnable() { - $('.directorist_generate_ai_directory').removeClass('disabled'); -} - -// Disable Submit Button -function handleCreateButtonDisable() { - $('.directorist_generate_ai_directory').addClass('disabled'); -} - -// Initial Step Contents -function initialStepContents() { - // Hide all steps except the first one initially - $('#directorist-create-directory__creating').hide(); - $('#directorist-create-directory__ai-fields').hide(); - $('#directorist-create-directory__generating').hide(); - $('.directorist-create-directory__content__items').hide(); - $('.directorist-create-directory__back__btn').addClass('disabled'); - $('.directorist-create-directory__content__items[data-step="1"]').show(); - $('.directorist-create-directory__step .step-count .total-step').html(totalStep); - $('.directorist-create-directory__step .step-count .current-step').html(1); - $('#directorist-ai-prompt').siblings('.character-count').find('.max-count').text(maxPromptLength); - var $directoryName = $('.directorist-create-directory__content__input[name="directory-name"]'); - var $directoryLocation = $('.directorist-create-directory__content__input[name="directory-location"]'); - if (!$directoryName.val()) { - handleCreateButtonDisable(); - directoryTitle = ''; - } - if (!$directoryLocation.val()) { - directoryLocation = ''; - } - - // Directory Title Input Listener - $directoryName.on('input', function (e) { - directoryTitle = $(this).val(); - if (directoryTitle) { - handleCreateButtonEnable(); - updatePrompt(); - } else { - handleCreateButtonDisable(); - } - }); - - // Directory Location Input Listener - $directoryLocation.on('input', function (e) { - directoryLocation = $(this).val(); - updatePrompt(); - }); - - // Directory Prompt Input Listener - $('body').on('input keyup', '#directorist-ai-prompt', function (e) { - $('#directorist-ai-prompt').siblings('.character-count').find('.current-count').text(directoryPrompt.length); - if (e.target.value.length > maxPromptLength) { - // Limit to maxPromptLength characters by preventing additional input - e.target.value = e.target.value.substring(0, maxPromptLength); - - // Add a class to indicate the maximum character limit reached - $(e.target).addClass('max-char-reached'); - } else { - // Remove the class if below the maximum character limit - $(e.target).removeClass('max-char-reached'); - } - if (!e.target.value) { - directoryPrompt = ''; - handleCreateButtonDisable(); - } else { - directoryPrompt = e.target.value; - handleCreateButtonEnable(); - } - }); - - // Other Directory Type Input Listener - function checkOtherDirectoryType(type) { - updatePrompt(); - if (type === '') { - handleCreateButtonDisable(); - $('#new-directory-type').addClass('empty'); - } else { - handleCreateButtonEnable(); - $('#new-directory-type').removeClass('empty'); - } - } - - // Check if any item is initially checked - $('[name="directory_type[]"]').each(function () { - if ($(this).is(':checked')) { - directoryType = $(this).val(); - } - }); - - // Directory Type Input Listener - $('body').on('change', '[name="directory_type[]"]', function (e) { - directoryType = e.target.value; - // Show or hide the input based on the selected value - if (directoryType === 'others') { - directoryType = $('#new-directory-type').val(); - $('#directorist-create-directory__checkbox__others').show(); - checkOtherDirectoryType(directoryType); - $('#new-directory-type').focus(); - $('body').on('input', '[name="new-directory-type"]', function (e) { - directoryType = e.target.value; - checkOtherDirectoryType(directoryType); - }); - } else { - $('#directorist-create-directory__checkbox__others').hide(); - updatePrompt(); - } - }); -} - -// Handle Prompt Step -function handlePromptStep(response) { - $('.directorist-create-directory__content__items[data-step="2"]').hide(); - $('.directorist-create-directory__content__items[data-step="3"]').show(); - $('.directorist-create-directory__back__btn').hide(); - $('#directorist-recommendedTags').empty().html(response); - initializeKeyword(); - updateStepTitle('Select relevant keywords to
    optimize AI-generated content'); - updateStepDescription('Keywords helps AI to generate relevant categories and fields'); - updateButtonText('Generate Directory'); - currentStep = 3; -} - -// Handle Keyword Step -function handleKeywordStep() { - $('#directorist-create-directory__generating').show(); - $('.directorist-create-directory__top').hide(); - $('.directorist-create-directory__content__items').hide(); - $('.directorist-create-directory__header').hide(); - $('.directorist-create-directory__content__footer').hide(); - $('.directorist-create-directory__content').toggleClass('full-width'); - updateButtonText('Build Directory'); - initializeProgressBar(); -} - -// Handle Generated Fields -function handleGenerateFields(response) { - var _response$data6; - $('#directorist-create-directory__ai-fields').show(); - $('.directorist-create-directory__header').show(); - $('.directorist_regenerate_fields').show(); - $('#directorist-create-directory__generating').hide(); - $('.directorist-create-directory__content__footer').show(); - $('.directorist-create-directory__content').removeClass('full-width'); - $('#directorist-ai-generated-fields-array').val(JSON.stringify(response === null || response === void 0 || (_response$data6 = response.data) === null || _response$data6 === void 0 ? void 0 : _response$data6.fields)); - $('#directorist_ai_generated_fields').empty().html(response); - initializeDropdownField(); - currentStep = 4; -} - -// Handle Create Directory -function handleCreateDirectory(redirect_url) { - $('#directorist-create-directory__preview-btn').removeClass('disabled'); - $('#directorist-create-directory__preview-btn').attr('href', redirect_url); - $('#directorist-create-directory__generating .directory-title').html('Your directory is ready to use'); - creationCompleted = true; -} - -// Response Success Callback -function handleAIFormResponse(response) { - var _response$data7; - if (response !== null && response !== void 0 && (_response$data7 = response.data) !== null && _response$data7 !== void 0 && _response$data7.success) { - var nextStep = currentStep + 1; - $('.directorist-create-directory__content__items[data-step="' + currentStep + '"]').hide(); - $('.directorist-create-directory__step .step-count .current-step').html(nextStep); - $(".directorist-create-directory__step .atbdp-setup-steps li:nth-child(".concat(nextStep, ")")).addClass('active'); - if ($('.directorist-create-directory__content__items[data-step="' + nextStep + '"]').length) { - $('.directorist-create-directory__content__items[data-step="' + nextStep + '"]').show(); - } - if (currentStep == 2) { - var _response$data8; - handlePromptStep(response === null || response === void 0 || (_response$data8 = response.data) === null || _response$data8 === void 0 || (_response$data8 = _response$data8.data) === null || _response$data8 === void 0 ? void 0 : _response$data8.html); - } else if (currentStep == 3) { - var _response$data0; - setTimeout(function () { - var _response$data9; - handleGenerateFields(response === null || response === void 0 || (_response$data9 = response.data) === null || _response$data9 === void 0 || (_response$data9 = _response$data9.data) === null || _response$data9 === void 0 ? void 0 : _response$data9.html); - }, 1000); - directoryFields = JSON.stringify(response === null || response === void 0 || (_response$data0 = response.data) === null || _response$data0 === void 0 || (_response$data0 = _response$data0.data) === null || _response$data0 === void 0 ? void 0 : _response$data0.fields); - } else if (currentStep == 4) { - var _response$data1; - handleCreateDirectory(response === null || response === void 0 || (_response$data1 = response.data) === null || _response$data1 === void 0 || (_response$data1 = _response$data1.data) === null || _response$data1 === void 0 ? void 0 : _response$data1.url); - } - } else { - console.error(response === null || response === void 0 ? void 0 : response.data); - } -} - -// Generate AI Directory Form Submission Handler -$('body').on('click', '.directorist_generate_ai_directory', function (e) { - e.preventDefault(); - if (currentStep == 1) { - $('.directorist-create-directory__back__btn').removeClass('disabled'); - $('.directorist-create-directory__content__items[data-step="1"]').hide(); - $('.directorist-create-directory__content__items[data-step="2"]').show(); - $('.directorist-create-directory__step .step-count .current-step').html(2); - $(".directorist-create-directory__step .atbdp-setup-steps li:nth-child(2)").addClass('active'); - updateStepTitle('Describe your business in plain language'); - currentStep = 2; - return; - } else if (currentStep == 3) { - handleKeywordStep(); - } else if (currentStep == 4) { - $('#directorist-create-directory__generating').show(); - $('#directorist-create-directory__creating').show(); - $('#directorist-create-directory__ai-fields').hide(); - $('.directorist_regenerate_fields').hide(); - $('.directorist-create-directory__top').hide(); - $('.directorist-create-directory__content__items').hide(); - $('.directorist-create-directory__header').hide(); - $('.directorist-create-directory__content__footer').hide(); - $('.directorist-create-directory__content').addClass('full-width'); - $('#directorist-create-directory__preview-btn').addClass('disabled'); - $('#directorist-create-directory__generating .directory-title').html('Directory AI is Building your directory... '); - $('#directorist-create-directory__generating .directory-description').html("We're using your infomation to finalize your directory fields."); - initializeProgressBar('finalProgress'); - } - handleCreateButtonDisable(); - var form_data = new FormData(); - form_data.append('action', 'directorist_ai_directory_creation'); - form_data.append('name', directoryTitle); - form_data.append('prompt', directoryPrompt); - form_data.append('keywords', directoryKeywords); - form_data.append('fields', directoryFields); - form_data.append('step', currentStep - 1); - - // Handle Axios Request - axios.post(directorist_admin.ajax_url, form_data).then(function (response) { - handleCreateButtonEnable(); - handleAIFormResponse(response); - }).catch(function (error) { - var _error$response$data, _error$response$data2; - if (((_error$response$data = error.response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.success) === false && ((_error$response$data2 = error.response.data) === null || _error$response$data2 === void 0 || (_error$response$data2 = _error$response$data2.data) === null || _error$response$data2 === void 0 ? void 0 : _error$response$data2.code) === 'limit_exceeded') { - alert("🙌 You've exceeded the request/site beta limit."); - } - handleCreateButtonEnable(); - console.error(error.response.data); - }); -}); - -// Regenerate Fields -$('body').on('click', '.directorist_regenerate_fields', function (e) { - var _this = this; - e.preventDefault(); - $(this).addClass('loading'); - var form_data = new FormData(); - form_data.append('action', 'directorist_ai_directory_creation'); - form_data.append('name', directoryTitle); - form_data.append('prompt', directoryPrompt); - form_data.append('keywords', directoryKeywords); - form_data.append('pinned', directoryPinnedFields); - form_data.append('step', 2); - - // Handle Axios Request - axios.post(directorist_admin.ajax_url, form_data).then(function (response) { - var _response$data10; - $(_this).removeClass('loading'); - handleGenerateFields(response === null || response === void 0 || (_response$data10 = response.data) === null || _response$data10 === void 0 || (_response$data10 = _response$data10.data) === null || _response$data10 === void 0 ? void 0 : _response$data10.html); - $('.directorist_regenerate_fields').hide(); - directoryFields = JSON.stringify(response.data.data.fields); - }).catch(function (error) { - var _error$response$data3, _error$response$data4; - if (((_error$response$data3 = error.response.data) === null || _error$response$data3 === void 0 ? void 0 : _error$response$data3.success) === false && ((_error$response$data4 = error.response.data) === null || _error$response$data4 === void 0 || (_error$response$data4 = _error$response$data4.data) === null || _error$response$data4 === void 0 ? void 0 : _error$response$data4.code) === 'limit_exceeded') { - alert("🙌 You've exceeded the request/site beta limit."); - } - $(_this).removeClass('loading'); - console.error(error.response.data); - }); -}); -}(); -/******/ })() -; -//# sourceMappingURL=admin-builder-archive.js.map \ No newline at end of file + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _components_delete_directory_modal__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./components/delete-directory-modal */ './assets/src/js/admin/components/delete-directory-modal.js' + ); + /* harmony import */ var _components_delete_directory_modal__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _components_delete_directory_modal__WEBPACK_IMPORTED_MODULE_0__ + ); + /* harmony import */ var _components_directory_migration_modal__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./components/directory-migration-modal */ './assets/src/js/admin/components/directory-migration-modal.js' + ); + /* harmony import */ var _components_directory_migration_modal__WEBPACK_IMPORTED_MODULE_1___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directory_migration_modal__WEBPACK_IMPORTED_MODULE_1__ + ); + /* harmony import */ var _components_import_directory_modal__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./components/import-directory-modal */ './assets/src/js/admin/components/import-directory-modal.js' + ); + /* harmony import */ var _components_import_directory_modal__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _components_import_directory_modal__WEBPACK_IMPORTED_MODULE_2__ + ); + // Scrips + + var $ = jQuery; + var axios = __webpack_require__( + /*! axios */ './node_modules/.pnpm/axios@0.21.4/node_modules/axios/index.js' + )['default']; + window.addEventListener('load', function () { + // Migration Link + $('.directorist_directory_template_library').on( + 'click', + function (e) { + e.preventDefault(); + var self = this; + // Add 'disabled' class to all siblings with the specific class and also to self + $(self) + .siblings( + '.cptm-create-directory-modal__action__single' + ) + .addBack() + .addClass('disabled'); + $('.cptm-create-directory-modal__action').after( + "Installing Templatiq, Please wait.." + ); + var form_data = new FormData(); + form_data.append( + 'action', + 'directorist_directory_type_library' + ); + form_data.append( + 'directorist_nonce', + directorist_admin.directorist_nonce + ); + + // Response Success Callback + var responseSuccessCallback = + function responseSuccessCallback(response) { + var _response$data; + if ( + response !== null && + response !== void 0 && + (_response$data = response.data) !== null && + _response$data !== void 0 && + _response$data.success + ) { + var _response$data$messag, _response$data2; + var msg = + (_response$data$messag = + response === null || + response === void 0 || + (_response$data2 = response.data) === + null || + _response$data2 === void 0 + ? void 0 + : _response$data2.message) !== + null && _response$data$messag !== void 0 + ? _response$data$messag + : 'Imported successfully!'; + $('.directorist_template_notice') + .addClass('cptm-section-alert-success') + .text(msg); + location.reload(); + return; + } + responseFieldCallback(response); + }; + + // Response Error Callback + var responseFieldCallback = function responseFieldCallback( + response + ) { + var _response$data$messag2, _response$data3; + // Remove 'disabled' class from all siblings and self in case of failure + $(self) + .siblings( + '.cptm-create-directory-modal__action__single' + ) + .addBack() + .removeClass('disabled'); + var msg = + (_response$data$messag2 = + response === null || + response === void 0 || + (_response$data3 = response.data) === null || + _response$data3 === void 0 + ? void 0 + : _response$data3.message) !== null && + _response$data$messag2 !== void 0 + ? _response$data$messag2 + : 'Something went wrong please try again'; + var alert_content = + '\n
    \n
    \n \n
    \n\n
    '.concat( + msg, + '
    \n
    \n ' + ); + $('.cptm-directory-migration-form') + .find('.cptm-comfirmation-text') + .html(alert_content); + $(self).remove(); + }; + + // Send Request + axios + .post(directorist_admin.ajax_url, form_data) + .then(function (response) { + responseSuccessCallback(response); + }) + .catch(function (response) { + responseFieldCallback(response); + }); + } + ); + + // Show the form when the '.directorist-ai-directory-creation' element is clicked + $('.directorist-ai-directory-creation').on('click', function (e) { + e.preventDefault(); + + // Prepare form data for the request + var form_data = new FormData(); + form_data.append('action', 'directorist_ai_directory_form'); + + // Send the request using Axios + axios + .post(directorist_admin.ajax_url, form_data) + .then(function (response) { + var _response$data4; + if ( + response !== null && + response !== void 0 && + (_response$data4 = response.data) !== null && + _response$data4 !== void 0 && + _response$data4.success + ) { + var _response$data5; + // Replace the content inside '#wpbody' with the response HTML + $('#wpbody') + .empty() + .html( + response === null || + response === void 0 || + (_response$data5 = response.data) === + null || + _response$data5 === void 0 || + (_response$data5 = + _response$data5.data) === null || + _response$data5 === void 0 + ? void 0 + : _response$data5.form + ); + + // Initialize Step Contents + initialStepContents(); + } else { + console.log(response.data); + } + }) + .catch(function (response) { + console.log(response.data); + }); + }); + }); + var totalStep = 3; + var currentStep = 1; + var directoryTitle = ''; + var directoryLocation = ''; + var directoryType = ''; + var directoryPrompt = 'I want to create a car directory'; + var maxPromptLength = 200; + var directoryKeywords = []; + var directoryFields = []; + var directoryPinnedFields = []; + var creationCompleted = false; + + // Update Step Title + function updateStepTitle(title) { + $('.directorist-create-directory__info__title').html(title); + } + + // Update Step Description + function updateStepDescription(desc) { + $('.directorist-create-directory__info__desc').html(desc); + } + + // Update Button Text + function updateButtonText(text) { + $( + '.directorist_generate_ai_directory .directorist_generate_ai_directory__text' + ).html(text); + } + + // Update Directory Prompt + function updatePrompt() { + directoryPrompt = 'I want to create a ' + .concat(directoryType, ' directory') + .concat( + directoryLocation ? ' in '.concat(directoryLocation) : '' + ); + $('#directorist-ai-prompt').val(directoryPrompt); + $('#directorist-ai-prompt') + .siblings('.character-count') + .find('.current-count') + .text(directoryPrompt.length); + if (directoryType) { + handleCreateButtonEnable(); + } else { + handleCreateButtonDisable(); + } + } + + // Function to initialize Keyword Selected + function initializeKeyword() { + var tagList = []; // Internal list for selected keywords + var maxFreeTags = 5; // Max item limit for all users + + var tagListElem = document.getElementById( + 'directorist-box__tagList' + ); + var newTagElem = document.getElementById('directorist-box__newTag'); + var recommendedTagsElem = document.getElementById( + 'directorist-recommendedTags' + ); + var recommendedTags = Array.from( + recommendedTagsElem.getElementsByTagName('li') + ); + var tagLimitMsgElem = document.getElementById( + 'directorist-tagLimitMsg' + ); + var tagCountElem = document.getElementById('directorist-tagCount'); + var canAddMoreTags = function canAddMoreTags() { + return tagList.length < maxFreeTags; + }; + + // Update the global keywords list + var updateDirectoryKeywords = function updateDirectoryKeywords() { + directoryKeywords = [].concat(tagList); // Sync global keywords + }; + + // Update the tag count and recommended tags state + var updateTagCount = function updateTagCount() { + tagCountElem.textContent = '' + .concat(tagList.length, '/') + .concat(maxFreeTags); + tagLimitMsgElem.style.display = 'flex'; + recommendedTagsElem.classList.toggle( + 'recommend-disable', + !canAddMoreTags() + ); + }; + + // Update the recommended tags state based on the selected tags + var updateRecommendedTagsState = + function updateRecommendedTagsState() { + recommendedTags.forEach(function (tagElem) { + var tagText = tagElem.textContent.trim(); + tagElem.classList.toggle( + 'disabled', + tagList.includes(tagText) + ); + }); + }; + + // Render the tag list + var renderTagList = function renderTagList() { + tagListElem.innerHTML = tagList + .map(function (tag) { + return '
  • '.concat( + tag, + ' ×
  • ' + ); + }) + .join(''); + tagListElem.appendChild( + newTagElem.parentNode || + document.createElement('li').appendChild(newTagElem) + ); + updateRecommendedTagsState(); + updateTagCount(); + updateDirectoryKeywords(); + }; + + // Add a new tag to the list + var addTag = function addTag(tag) { + if (tag && !tagList.includes(tag) && canAddMoreTags()) { + tagList.push(tag); + renderTagList(); + } + }; + + // Remove a tag from the list + var removeTag = function removeTag(index) { + if (index !== -1) { + tagList.splice(index, 1); + renderTagList(); + } + }; + + // Event listener for adding tags via input + newTagElem.addEventListener('keyup', function (e) { + if (e.key === 'Enter') { + var newTag = newTagElem.value.trim(); + addTag(newTag); + newTagElem.value = ''; + } + }); + + // Event delegation for removing tags + tagListElem.addEventListener('click', function (e) { + if (e.target.classList.contains('directorist-rmTag')) { + var index = Array.from(tagListElem.children).indexOf( + e.target.parentElement + ); + removeTag(index); + } + }); + + // Event listener for adding recommended tags + recommendedTagsElem.addEventListener('click', function (e) { + if ( + e.target.tagName === 'LI' && + !e.target.classList.contains('disabled') + ) { + addTag(e.target.textContent.trim()); + } + }); + + // Initialize the tag management interface + renderTagList(); + } + + // Function to initialize Progress bar + function initializeProgressBar(finalProgress) { + if (finalProgress) { + $( + '#directorist-create-directory__generating .directory-img #directory-img__generating' + ).hide(); + $( + '#directorist-create-directory__generating .directory-img #directory-img__building' + ).show(); + $('#directory-generate-btn__content__text').html( + 'Generating directory...' + ); + } else { + $( + '#directorist-create-directory__generating .directory-img #directory-img__generating' + ).show(); + $( + '#directorist-create-directory__generating .directory-img #directory-img__building' + ).hide(); + } + var generateBtnWrapper = document.querySelector( + '.directory-generate-btn__wrapper' + ); + var btnPercentage = document.querySelector( + '.directory-generate-btn__percentage' + ); + var progressBar = document.querySelector( + '.directory-generate-btn--bg' + ); + if (generateBtnWrapper) { + var finalWidth = generateBtnWrapper.getAttribute('data-width'); + var currentWidth = 0; + var intervalDuration = 20; // Interval time in milliseconds + var increment = finalWidth / (2000 / intervalDuration); + + // Update the progress bar width + var updateProgress = function updateProgress() { + if (creationCompleted) { + progressBar.style.width = ''.concat(finalWidth, '%'); + btnPercentage.textContent = ''; + $('#directory-generate-btn__content__text').html( + 'Generated Successfully' + ); + if (typeof updateProgressList === 'function') { + updateProgressList(finalWidth); + } + clearInterval(progressInterval); + return; + } else if (currentWidth <= finalWidth) { + btnPercentage.textContent = ''.concat( + currentWidth, + '%' + ); + progressBar.style.width = ''.concat(currentWidth, '%'); + if (typeof updateProgressList === 'function') { + updateProgressList(currentWidth); + } + currentWidth += increment; + } else { + if (!finalProgress) { + setTimeout(function () { + progressBar.style.width = '0'; + }, 3000); + } + clearInterval(progressInterval); + } + }; + var progressInterval = setInterval( + updateProgress, + intervalDuration + ); + } + var steps = document.querySelectorAll( + '.directory-generate-progress-list li' + ); + + // Update the progress list based on the current progress + var updateProgressList = function updateProgressList(progress) { + if (steps.length > 0) { + steps.forEach(function (step, index) { + var stepNumber = index + 1; + var stepThreshold = stepNumber * (100 / steps.length); + if (progress >= stepThreshold) { + step.setAttribute('data-type', 'completed'); + step.querySelector( + '.completed-icon' + ).style.display = 'block'; + step.querySelector('.progress-icon').style.display = + 'none'; + step.querySelector('.default-icon').style.display = + 'none'; + } else if ( + progress < stepThreshold && + progress >= stepThreshold - 100 / steps.length + ) { + step.setAttribute('data-type', 'progress'); + step.querySelector( + '.completed-icon' + ).style.display = 'none'; + step.querySelector('.progress-icon').style.display = + 'block'; + step.querySelector('.default-icon').style.display = + 'none'; + } else { + step.setAttribute('data-type', 'default'); + step.querySelector( + '.completed-icon' + ).style.display = 'none'; + step.querySelector('.progress-icon').style.display = + 'none'; + step.querySelector('.default-icon').style.display = + 'block'; + } + }); + } + }; + } + + //Function to initialize Dropdown + function initializeDropdownField() { + var dropdowns = document.querySelectorAll( + '.directorist-ai-generate-dropdown' + ); + var accordion = true; + $('#directorist-create-directory__ai-fields .fields-count').html( + dropdowns.length + ); + var pinnedIconSVG = + '\n \n \n \n \n '; + var unpinnedIconSVG = + '\n \n \n \n '; + + // Initialize each dropdown + dropdowns.forEach(function (dropdown) { + var header = dropdown.querySelector( + '.directorist-ai-generate-dropdown__header.has-options' + ); + var content = dropdown.querySelector( + '.directorist-ai-generate-dropdown__content' + ); + var icon = dropdown.querySelector( + '.directorist-ai-generate-dropdown__header-icon' + ); + var pinIcon = dropdown.querySelector( + '.directorist-ai-generate-dropdown__pin-icon' + ); + var dropdownItem = dropdown.closest( + '.directorist-ai-generate-box__item' + ); + + // Pin Field + pinIcon.addEventListener('click', function (event) { + event.stopPropagation(); + if (dropdownItem.classList.contains('pinned')) { + dropdownItem.classList.remove('pinned'); + dropdownItem.classList.add('unpinned'); + + // Change to pinned SVG + pinIcon.innerHTML = unpinnedIconSVG; + } else { + dropdownItem.classList.remove('unpinned'); + dropdownItem.classList.add('pinned'); + + // Change to pinned SVG + pinIcon.innerHTML = pinnedIconSVG; + } + + // Find all pinned items + directoryPinnedFields = findAllPinnedItems(); + }); + + // Toggle the dropdown content + header && + header.addEventListener('click', function (event) { + if ( + event.target === pinIcon || + pinIcon.contains(event.target) + ) { + return; + } + var isExpanded = + content && + content.classList.toggle( + 'directorist-ai-generate-dropdown__content--expanded' + ); + dropdown.setAttribute('aria-expanded', isExpanded); + content.setAttribute('aria-expanded', isExpanded); + icon.classList.toggle('rotate', isExpanded); + if (accordion) { + dropdowns.forEach(function (otherDropdown) { + if (otherDropdown !== dropdown) { + var otherContent = + otherDropdown.querySelector( + '.directorist-ai-generate-dropdown__content' + ); + var otherIcon = otherDropdown.querySelector( + '.directorist-ai-generate-dropdown__header-icon' + ); + otherDropdown.setAttribute( + 'aria-expanded', + false + ); + if (otherContent) { + otherContent.classList.remove( + 'directorist-ai-generate-dropdown__content--expanded' + ); + otherContent.setAttribute( + 'aria-expanded', + false + ); + } + if (otherIcon) { + otherIcon.classList.remove('rotate'); + } + } + }); + } + }); + }); + + // Function to find all pinned items + function findAllPinnedItems() { + var pinnedElements = document.querySelectorAll( + '.directorist-ai-generate-box__item.pinned' + ); + if (pinnedElements.length > 0) { + var titles = Array.from(pinnedElements).flatMap( + function (pinnedElement) { + return Array.from( + pinnedElement.querySelectorAll( + '.directorist-ai-generate-dropdown__title-main h6' + ) + ).map(function (item) { + return item.innerText; + }); + } + ); + return titles; // Return the array of titles + } + return []; + } + } + + // Function to handle back button + function handleBackButton() { + currentStep = 1; + // Back to initial step + initialStepContents(); + } + + // handle back btn + $('body').on( + 'click', + '.directorist-create-directory__back__btn', + function (e) { + e.preventDefault(); + handleBackButton(); + } + ); + + // Enable Submit Button + function handleCreateButtonEnable() { + $('.directorist_generate_ai_directory').removeClass('disabled'); + } + + // Disable Submit Button + function handleCreateButtonDisable() { + $('.directorist_generate_ai_directory').addClass('disabled'); + } + + // Initial Step Contents + function initialStepContents() { + // Hide all steps except the first one initially + $('#directorist-create-directory__creating').hide(); + $('#directorist-create-directory__ai-fields').hide(); + $('#directorist-create-directory__generating').hide(); + $('.directorist-create-directory__content__items').hide(); + $('.directorist-create-directory__back__btn').addClass('disabled'); + $( + '.directorist-create-directory__content__items[data-step="1"]' + ).show(); + $( + '.directorist-create-directory__step .step-count .total-step' + ).html(totalStep); + $( + '.directorist-create-directory__step .step-count .current-step' + ).html(1); + $('#directorist-ai-prompt') + .siblings('.character-count') + .find('.max-count') + .text(maxPromptLength); + var $directoryName = $( + '.directorist-create-directory__content__input[name="directory-name"]' + ); + var $directoryLocation = $( + '.directorist-create-directory__content__input[name="directory-location"]' + ); + if (!$directoryName.val()) { + handleCreateButtonDisable(); + directoryTitle = ''; + } + if (!$directoryLocation.val()) { + directoryLocation = ''; + } + + // Directory Title Input Listener + $directoryName.on('input', function (e) { + directoryTitle = $(this).val(); + if (directoryTitle) { + handleCreateButtonEnable(); + updatePrompt(); + } else { + handleCreateButtonDisable(); + } + }); + + // Directory Location Input Listener + $directoryLocation.on('input', function (e) { + directoryLocation = $(this).val(); + updatePrompt(); + }); + + // Directory Prompt Input Listener + $('body').on('input keyup', '#directorist-ai-prompt', function (e) { + $('#directorist-ai-prompt') + .siblings('.character-count') + .find('.current-count') + .text(directoryPrompt.length); + if (e.target.value.length > maxPromptLength) { + // Limit to maxPromptLength characters by preventing additional input + e.target.value = e.target.value.substring( + 0, + maxPromptLength + ); + + // Add a class to indicate the maximum character limit reached + $(e.target).addClass('max-char-reached'); + } else { + // Remove the class if below the maximum character limit + $(e.target).removeClass('max-char-reached'); + } + if (!e.target.value) { + directoryPrompt = ''; + handleCreateButtonDisable(); + } else { + directoryPrompt = e.target.value; + handleCreateButtonEnable(); + } + }); + + // Other Directory Type Input Listener + function checkOtherDirectoryType(type) { + updatePrompt(); + if (type === '') { + handleCreateButtonDisable(); + $('#new-directory-type').addClass('empty'); + } else { + handleCreateButtonEnable(); + $('#new-directory-type').removeClass('empty'); + } + } + + // Check if any item is initially checked + $('[name="directory_type[]"]').each(function () { + if ($(this).is(':checked')) { + directoryType = $(this).val(); + } + }); + + // Directory Type Input Listener + $('body').on('change', '[name="directory_type[]"]', function (e) { + directoryType = e.target.value; + // Show or hide the input based on the selected value + if (directoryType === 'others') { + directoryType = $('#new-directory-type').val(); + $('#directorist-create-directory__checkbox__others').show(); + checkOtherDirectoryType(directoryType); + $('#new-directory-type').focus(); + $('body').on( + 'input', + '[name="new-directory-type"]', + function (e) { + directoryType = e.target.value; + checkOtherDirectoryType(directoryType); + } + ); + } else { + $('#directorist-create-directory__checkbox__others').hide(); + updatePrompt(); + } + }); + } + + // Handle Prompt Step + function handlePromptStep(response) { + $( + '.directorist-create-directory__content__items[data-step="2"]' + ).hide(); + $( + '.directorist-create-directory__content__items[data-step="3"]' + ).show(); + $('.directorist-create-directory__back__btn').hide(); + $('#directorist-recommendedTags').empty().html(response); + initializeKeyword(); + updateStepTitle( + 'Select relevant keywords to
    optimize AI-generated content' + ); + updateStepDescription( + 'Keywords helps AI to generate relevant categories and fields' + ); + updateButtonText('Generate Directory'); + currentStep = 3; + } + + // Handle Keyword Step + function handleKeywordStep() { + $('#directorist-create-directory__generating').show(); + $('.directorist-create-directory__top').hide(); + $('.directorist-create-directory__content__items').hide(); + $('.directorist-create-directory__header').hide(); + $('.directorist-create-directory__content__footer').hide(); + $('.directorist-create-directory__content').toggleClass( + 'full-width' + ); + updateButtonText('Build Directory'); + initializeProgressBar(); + } + + // Handle Generated Fields + function handleGenerateFields(response) { + var _response$data6; + $('#directorist-create-directory__ai-fields').show(); + $('.directorist-create-directory__header').show(); + $('.directorist_regenerate_fields').show(); + $('#directorist-create-directory__generating').hide(); + $('.directorist-create-directory__content__footer').show(); + $('.directorist-create-directory__content').removeClass( + 'full-width' + ); + $('#directorist-ai-generated-fields-array').val( + JSON.stringify( + response === null || + response === void 0 || + (_response$data6 = response.data) === null || + _response$data6 === void 0 + ? void 0 + : _response$data6.fields + ) + ); + $('#directorist_ai_generated_fields').empty().html(response); + initializeDropdownField(); + currentStep = 4; + } + + // Handle Create Directory + function handleCreateDirectory(redirect_url) { + $('#directorist-create-directory__preview-btn').removeClass( + 'disabled' + ); + $('#directorist-create-directory__preview-btn').attr( + 'href', + redirect_url + ); + $( + '#directorist-create-directory__generating .directory-title' + ).html('Your directory is ready to use'); + creationCompleted = true; + } + + // Response Success Callback + function handleAIFormResponse(response) { + var _response$data7; + if ( + response !== null && + response !== void 0 && + (_response$data7 = response.data) !== null && + _response$data7 !== void 0 && + _response$data7.success + ) { + var nextStep = currentStep + 1; + $( + '.directorist-create-directory__content__items[data-step="' + + currentStep + + '"]' + ).hide(); + $( + '.directorist-create-directory__step .step-count .current-step' + ).html(nextStep); + $( + '.directorist-create-directory__step .atbdp-setup-steps li:nth-child('.concat( + nextStep, + ')' + ) + ).addClass('active'); + if ( + $( + '.directorist-create-directory__content__items[data-step="' + + nextStep + + '"]' + ).length + ) { + $( + '.directorist-create-directory__content__items[data-step="' + + nextStep + + '"]' + ).show(); + } + if (currentStep == 2) { + var _response$data8; + handlePromptStep( + response === null || + response === void 0 || + (_response$data8 = response.data) === null || + _response$data8 === void 0 || + (_response$data8 = _response$data8.data) === null || + _response$data8 === void 0 + ? void 0 + : _response$data8.html + ); + } else if (currentStep == 3) { + var _response$data0; + setTimeout(function () { + var _response$data9; + handleGenerateFields( + response === null || + response === void 0 || + (_response$data9 = response.data) === null || + _response$data9 === void 0 || + (_response$data9 = _response$data9.data) === + null || + _response$data9 === void 0 + ? void 0 + : _response$data9.html + ); + }, 1000); + directoryFields = JSON.stringify( + response === null || + response === void 0 || + (_response$data0 = response.data) === null || + _response$data0 === void 0 || + (_response$data0 = _response$data0.data) === null || + _response$data0 === void 0 + ? void 0 + : _response$data0.fields + ); + } else if (currentStep == 4) { + var _response$data1; + handleCreateDirectory( + response === null || + response === void 0 || + (_response$data1 = response.data) === null || + _response$data1 === void 0 || + (_response$data1 = _response$data1.data) === null || + _response$data1 === void 0 + ? void 0 + : _response$data1.url + ); + } + } else { + console.error( + response === null || response === void 0 + ? void 0 + : response.data + ); + } + } + + // Generate AI Directory Form Submission Handler + $('body').on( + 'click', + '.directorist_generate_ai_directory', + function (e) { + e.preventDefault(); + if (currentStep == 1) { + $('.directorist-create-directory__back__btn').removeClass( + 'disabled' + ); + $( + '.directorist-create-directory__content__items[data-step="1"]' + ).hide(); + $( + '.directorist-create-directory__content__items[data-step="2"]' + ).show(); + $( + '.directorist-create-directory__step .step-count .current-step' + ).html(2); + $( + '.directorist-create-directory__step .atbdp-setup-steps li:nth-child(2)' + ).addClass('active'); + updateStepTitle('Describe your business in plain language'); + currentStep = 2; + return; + } else if (currentStep == 3) { + handleKeywordStep(); + } else if (currentStep == 4) { + $('#directorist-create-directory__generating').show(); + $('#directorist-create-directory__creating').show(); + $('#directorist-create-directory__ai-fields').hide(); + $('.directorist_regenerate_fields').hide(); + $('.directorist-create-directory__top').hide(); + $('.directorist-create-directory__content__items').hide(); + $('.directorist-create-directory__header').hide(); + $('.directorist-create-directory__content__footer').hide(); + $('.directorist-create-directory__content').addClass( + 'full-width' + ); + $('#directorist-create-directory__preview-btn').addClass( + 'disabled' + ); + $( + '#directorist-create-directory__generating .directory-title' + ).html('Directory AI is Building your directory... '); + $( + '#directorist-create-directory__generating .directory-description' + ).html( + "We're using your infomation to finalize your directory fields." + ); + initializeProgressBar('finalProgress'); + } + handleCreateButtonDisable(); + var form_data = new FormData(); + form_data.append('action', 'directorist_ai_directory_creation'); + form_data.append('name', directoryTitle); + form_data.append('prompt', directoryPrompt); + form_data.append('keywords', directoryKeywords); + form_data.append('fields', directoryFields); + form_data.append('step', currentStep - 1); + + // Handle Axios Request + axios + .post(directorist_admin.ajax_url, form_data) + .then(function (response) { + handleCreateButtonEnable(); + handleAIFormResponse(response); + }) + .catch(function (error) { + var _error$response$data, _error$response$data2; + if ( + ((_error$response$data = error.response.data) === + null || _error$response$data === void 0 + ? void 0 + : _error$response$data.success) === false && + ((_error$response$data2 = error.response.data) === + null || + _error$response$data2 === void 0 || + (_error$response$data2 = + _error$response$data2.data) === null || + _error$response$data2 === void 0 + ? void 0 + : _error$response$data2.code) === + 'limit_exceeded' + ) { + alert( + "🙌 You've exceeded the request/site beta limit." + ); + } + handleCreateButtonEnable(); + console.error(error.response.data); + }); + } + ); + + // Regenerate Fields + $('body').on('click', '.directorist_regenerate_fields', function (e) { + var _this = this; + e.preventDefault(); + $(this).addClass('loading'); + var form_data = new FormData(); + form_data.append('action', 'directorist_ai_directory_creation'); + form_data.append('name', directoryTitle); + form_data.append('prompt', directoryPrompt); + form_data.append('keywords', directoryKeywords); + form_data.append('pinned', directoryPinnedFields); + form_data.append('step', 2); + + // Handle Axios Request + axios + .post(directorist_admin.ajax_url, form_data) + .then(function (response) { + var _response$data10; + $(_this).removeClass('loading'); + handleGenerateFields( + response === null || + response === void 0 || + (_response$data10 = response.data) === null || + _response$data10 === void 0 || + (_response$data10 = _response$data10.data) === + null || + _response$data10 === void 0 + ? void 0 + : _response$data10.html + ); + $('.directorist_regenerate_fields').hide(); + directoryFields = JSON.stringify(response.data.data.fields); + }) + .catch(function (error) { + var _error$response$data3, _error$response$data4; + if ( + ((_error$response$data3 = error.response.data) === + null || _error$response$data3 === void 0 + ? void 0 + : _error$response$data3.success) === false && + ((_error$response$data4 = error.response.data) === + null || + _error$response$data4 === void 0 || + (_error$response$data4 = _error$response$data4.data) === + null || + _error$response$data4 === void 0 + ? void 0 + : _error$response$data4.code) === 'limit_exceeded' + ) { + alert( + "🙌 You've exceeded the request/site beta limit." + ); + } + $(_this).removeClass('loading'); + console.error(error.response.data); + }); + }); + })(); + /******/ +})(); +//# sourceMappingURL=admin-builder-archive.js.map diff --git a/assets/js/admin-import-export.js b/assets/js/admin-import-export.js index e64f0242cb..339660c679 100644 --- a/assets/js/admin-import-export.js +++ b/assets/js/admin-import-export.js @@ -1,315 +1,501 @@ -/******/ (function() { // webpackBootstrap -/******/ "use strict"; -/******/ var __webpack_modules__ = ({ +/******/ (function () { + // webpackBootstrap + /******/ 'use strict'; + /******/ var __webpack_modules__ = { + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/defineProperty.js': + /*!************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/defineProperty.js ***! + \************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _defineProperty; + }, + /* harmony export */ + } + ); + /* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./toPropertyKey.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js' + ); -/***/ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js": -/*!*******************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/defineProperty.js ***! - \*******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { + function _defineProperty(e, r, t) { + return ( + (r = (0, + _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r)) in e + ? Object.defineProperty(e, r, { + value: t, + enumerable: !0, + configurable: !0, + writable: !0, + }) + : (e[r] = t), + e + ); + } -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _defineProperty; } -/* harmony export */ }); -/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toPropertyKey.js */ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"); + /***/ + }, -function _defineProperty(e, r, t) { - return (r = (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r)) in e ? Object.defineProperty(e, r, { - value: t, - enumerable: !0, - configurable: !0, - writable: !0 - }) : e[r] = t, e; -} + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPrimitive.js': + /*!*********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! + \*********************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPrimitive; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + function toPrimitive(t, r) { + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + t + ) || + !t + ) + return t; + var e = t[Symbol.toPrimitive]; + if (void 0 !== e) { + var i = e.call(t, r || 'default'); + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ) + return i; + throw new TypeError( + '@@toPrimitive must return a primitive value.' + ); + } + return ('string' === r ? String : Number)(t); + } -/***/ }), + /***/ + }, -/***/ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js": -/*!****************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! - \****************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js': + /*!***********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! + \***********************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPropertyKey; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + /* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./toPrimitive.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPrimitive.js' + ); -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPrimitive; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); + function toPropertyKey(t) { + var i = (0, + _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__['default'])( + t, + 'string' + ); + return 'symbol' == + (0, _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ? i + : i + ''; + } -function toPrimitive(t, r) { - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(t) || !t) return t; - var e = t[Symbol.toPrimitive]; - if (void 0 !== e) { - var i = e.call(t, r || "default"); - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i)) return i; - throw new TypeError("@@toPrimitive must return a primitive value."); - } - return ("string" === r ? String : Number)(t); -} + /***/ + }, + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js': + /*!****************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js ***! + \****************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _typeof; + }, + /* harmony export */ + } + ); + function _typeof(o) { + '@babel/helpers - typeof'; -/***/ }), + return ( + (_typeof = + 'function' == typeof Symbol && + 'symbol' == typeof Symbol.iterator + ? function (o) { + return typeof o; + } + : function (o) { + return o && + 'function' == typeof Symbol && + o.constructor === Symbol && + o !== Symbol.prototype + ? 'symbol' + : typeof o; + }), + _typeof(o) + ); + } -/***/ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js": -/*!******************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! - \******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { + /***/ + }, -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPropertyKey; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); -/* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toPrimitive.js */ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js"); - - -function toPropertyKey(t) { - var i = (0,_toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__["default"])(t, "string"); - return "symbol" == (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i) ? i : i + ""; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js": -/*!***********************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***! - \***********************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _typeof; } -/* harmony export */ }); -function _typeof(o) { - "@babel/helpers - typeof"; - - return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { - return typeof o; - } : function (o) { - return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; - }, _typeof(o); -} - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. -!function() { -/*!**********************************************!*\ + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. + !(function () { + /*!**********************************************!*\ !*** ./assets/src/js/admin/import-export.js ***! \**********************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js"); + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/defineProperty */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/defineProperty.js' + ); -jQuery(document).ready(function ($) { - var query_string = function (a) { - if (a == '') return {}; - var b = {}; - for (var i = 0; i < a.length; ++i) { - var p = a[i].split('=', 2); - if (p.length == 1) b[p[0]] = '';else b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, ' ')); - } - return b; - }(window.location.search.substr(1).split('&')); - $('body').on('change', '.directorist_directory_type_in_import', function () { - admin_listing_form($(this).val()); - }); - function admin_listing_form(directory_type) { - var file_id = query_string.file_id; - var delimiter = query_string.delimiter; - $.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: { - action: 'directorist_update_csv_columns_to_listing_fields_table', - directory_type: directory_type, - delimiter: delimiter, - directorist_nonce: directorist_admin.directorist_nonce, - file_id: file_id - }, - beforeSend: function beforeSend() { - $('#directorist-type-preloader').show(); - }, - success: function success(response) { - if (response.error) { - console.log({ - response: response - }); - return; - } - $('.atbdp-importer-mapping-table').remove(); - $('.directory_type_wrapper').after(response); - }, - complete: function complete() { - $('#directorist-type-preloader').hide(); - } - }); - } - $('#atbdp_csv_step_two').on('submit', function (e) { - e.preventDefault(); - $('.atbdp-importer-mapping-table-wrapper').fadeOut(300); - $('.directorist-importer__importing').fadeIn(300); - $(this).parent('.csv-fields').fadeOut(300); - $('.atbdp-mapping-step').removeClass('active').addClass('done'); - $('.atbdp-progress-step').addClass('active'); - $('.importer-details').html("1/".concat($(this).data('total'))); - $('.directorist-importer-length').css('width', '10%'); - $('.directorist-importer-progress').val(10); - var configFields = $('.directorist-listings-importer-config-field'); - var _runImporter = function runImporter() { - var position = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0; - var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0; - var form_data = new FormData(); - form_data.set('action', 'directorist_import_listings'); - form_data.set('_position', position); - form_data.set('_offset', offset); - form_data.set('directorist_nonce', directorist_admin.directorist_nonce); + jQuery(document).ready(function ($) { + var query_string = (function (a) { + if (a == '') return {}; + var b = {}; + for (var i = 0; i < a.length; ++i) { + var p = a[i].split('=', 2); + if (p.length == 1) b[p[0]] = ''; + else b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, ' ')); + } + return b; + })(window.location.search.substr(1).split('&')); + $('body').on( + 'change', + '.directorist_directory_type_in_import', + function () { + admin_listing_form($(this).val()); + } + ); + function admin_listing_form(directory_type) { + var file_id = query_string.file_id; + var delimiter = query_string.delimiter; + $.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: { + action: 'directorist_update_csv_columns_to_listing_fields_table', + directory_type: directory_type, + delimiter: delimiter, + directorist_nonce: directorist_admin.directorist_nonce, + file_id: file_id, + }, + beforeSend: function beforeSend() { + $('#directorist-type-preloader').show(); + }, + success: function success(response) { + if (response.error) { + console.log({ + response: response, + }); + return; + } + $('.atbdp-importer-mapping-table').remove(); + $('.directory_type_wrapper').after(response); + }, + complete: function complete() { + $('#directorist-type-preloader').hide(); + }, + }); + } + $('#atbdp_csv_step_two').on('submit', function (e) { + e.preventDefault(); + $('.atbdp-importer-mapping-table-wrapper').fadeOut(300); + $('.directorist-importer__importing').fadeIn(300); + $(this).parent('.csv-fields').fadeOut(300); + $('.atbdp-mapping-step').removeClass('active').addClass('done'); + $('.atbdp-progress-step').addClass('active'); + $('.importer-details').html('1/'.concat($(this).data('total'))); + $('.directorist-importer-length').css('width', '10%'); + $('.directorist-importer-progress').val(10); + var configFields = $( + '.directorist-listings-importer-config-field' + ); + var _runImporter = function runImporter() { + var position = + arguments.length > 0 && arguments[0] !== undefined + ? arguments[0] + : 0; + var offset = + arguments.length > 1 && arguments[1] !== undefined + ? arguments[1] + : 0; + var form_data = new FormData(); + form_data.set('action', 'directorist_import_listings'); + form_data.set('_position', position); + form_data.set('_offset', offset); + form_data.set( + 'directorist_nonce', + directorist_admin.directorist_nonce + ); - // Get Config Fields Value - if (configFields.length) { - configFields.each(function (index, item) { - var key = $(item).attr('name'); - var value = $(item).val(); - form_data.append(key, value); - }); - } - var map_elm = null; - if ($('select.atbdp_map_to').length) { - map_elm = $('select.atbdp_map_to'); - } - if ($('input.atbdp_map_to').length) { - map_elm = $('input.atbdp_map_to'); - } - var directory_type = $('#directory_type').val(); - if (directory_type) { - form_data.append('directory_type', directory_type); - } - if (map_elm) { - var log = []; - map_elm.each(function () { - var name = $(this).attr('name'); - var value = $(this).val(); - var postFields = ['listing_status', 'listing_title', 'listing_content', 'listing_img', 'directory_type']; - var taxonomyFields = ['category', 'location', 'tag']; - if (postFields.includes(value)) { - form_data.append(value, name); - log.push((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])({}, value, name)); - } else if (taxonomyFields.includes(value)) { - form_data.append("tax_input[".concat(value, "]"), name); - log.push((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])({}, "tax_input[".concat(value, "]"), name)); - } else if (value != '') { - form_data.append("meta[".concat(value, "]"), name); - log.push((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])({}, "meta[".concat(value, "]"), name)); - } - }); - } - $.ajax({ - method: 'POST', - processData: false, - contentType: false, - // async: false, - url: directorist_admin.ajaxurl, - data: form_data, - success: function success(response) { - if (response.error) { - console.log({ - response: response - }); - return; - } - var percentage = response.position / response.total * 100; - $('.importer-details').html("".concat(Math.min(response.position, response.total), "/").concat(response.total)); - $('.directorist-importer-length').css('width', percentage + '%'); - $('.directorist-importer-progress').val(percentage); - console.log(response.logs.join('\n')); - if (!response.done) { - _runImporter(response.position, response.offset); - } else { - window.location = response.redirect_url; - } - }, - error: function error(response) { - window.console.log(response); - } - }); - }; - _runImporter(); - }); + // Get Config Fields Value + if (configFields.length) { + configFields.each(function (index, item) { + var key = $(item).attr('name'); + var value = $(item).val(); + form_data.append(key, value); + }); + } + var map_elm = null; + if ($('select.atbdp_map_to').length) { + map_elm = $('select.atbdp_map_to'); + } + if ($('input.atbdp_map_to').length) { + map_elm = $('input.atbdp_map_to'); + } + var directory_type = $('#directory_type').val(); + if (directory_type) { + form_data.append('directory_type', directory_type); + } + if (map_elm) { + var log = []; + map_elm.each(function () { + var name = $(this).attr('name'); + var value = $(this).val(); + var postFields = [ + 'listing_status', + 'listing_title', + 'listing_content', + 'listing_img', + 'directory_type', + ]; + var taxonomyFields = [ + 'category', + 'location', + 'tag', + ]; + if (postFields.includes(value)) { + form_data.append(value, name); + log.push( + (0, + _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])({}, value, name) + ); + } else if (taxonomyFields.includes(value)) { + form_data.append( + 'tax_input['.concat(value, ']'), + name + ); + log.push( + (0, + _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])( + {}, + 'tax_input['.concat(value, ']'), + name + ) + ); + } else if (value != '') { + form_data.append( + 'meta['.concat(value, ']'), + name + ); + log.push( + (0, + _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])({}, 'meta['.concat(value, ']'), name) + ); + } + }); + } + $.ajax({ + method: 'POST', + processData: false, + contentType: false, + // async: false, + url: directorist_admin.ajaxurl, + data: form_data, + success: function success(response) { + if (response.error) { + console.log({ + response: response, + }); + return; + } + var percentage = + (response.position / response.total) * 100; + $('.importer-details').html( + '' + .concat( + Math.min( + response.position, + response.total + ), + '/' + ) + .concat(response.total) + ); + $('.directorist-importer-length').css( + 'width', + percentage + '%' + ); + $('.directorist-importer-progress').val(percentage); + console.log(response.logs.join('\n')); + if (!response.done) { + _runImporter( + response.position, + response.offset + ); + } else { + window.location = response.redirect_url; + } + }, + error: function error(response) { + window.console.log(response); + }, + }); + }; + _runImporter(); + }); - /* csv upload */ - $('#upload').change(function (e) { - var filename = e.target.files[0].name; - $('.csv-upload .file-name').html(filename); - }); -}); -}(); -/******/ })() -; -//# sourceMappingURL=admin-import-export.js.map \ No newline at end of file + /* csv upload */ + $('#upload').change(function (e) { + var filename = e.target.files[0].name; + $('.csv-upload .file-name').html(filename); + }); + }); + })(); + /******/ +})(); +//# sourceMappingURL=admin-import-export.js.map diff --git a/assets/js/admin-main.js b/assets/js/admin-main.js index 615e483fd7..78e7ca8a33 100644 --- a/assets/js/admin-main.js +++ b/assets/js/admin-main.js @@ -1,110 +1,124 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/admin/components/admin-user.js": -/*!******************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/admin/components/admin-user.js': + /*!******************************************************!*\ !*** ./assets/src/js/admin/components/admin-user.js ***! \******************************************************/ -/***/ (function() { - -// user type change on user dashboard -(function ($) { - window.addEventListener('load', function () { - $('#atbdp-user-type-approve').on('click', function (event) { - event.preventDefault(); - var userId = $(this).attr('data-userId'); - var nonce = $(this).attr('data-nonce'); - $.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: { - action: 'atbdp_user_type_approved', - _nonce: nonce, - userId: userId - }, - success: function success(response) { - if (response.user_type) { - $('#user-type-' + userId).html(response.user_type); - } - }, - error: function error(response) { - // $('#atbdp-remote-response').val(response.data.error); - } - }); - return false; - }); - $('#atbdp-user-type-deny').on('click', function (event) { - event.preventDefault(); - var userId = $(this).attr('data-userId'); - var nonce = $(this).attr('data-nonce'); - $.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: { - action: 'atbdp_user_type_deny', - _nonce: nonce, - userId: userId - }, - success: function success(response) { - if (response.user_type) { - $('#user-type-' + userId).html(response.user_type); - } - }, - error: function error(response) { - // $('#atbdp-remote-response').val(response.data.error); - } - }); - return false; - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/admin/components/block-1.js": -/*!***************************************************!*\ + /***/ function () { + // user type change on user dashboard + (function ($) { + window.addEventListener('load', function () { + $('#atbdp-user-type-approve').on( + 'click', + function (event) { + event.preventDefault(); + var userId = $(this).attr('data-userId'); + var nonce = $(this).attr('data-nonce'); + $.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: { + action: 'atbdp_user_type_approved', + _nonce: nonce, + userId: userId, + }, + success: function success(response) { + if (response.user_type) { + $('#user-type-' + userId).html( + response.user_type + ); + } + }, + error: function error(response) { + // $('#atbdp-remote-response').val(response.data.error); + }, + }); + return false; + } + ); + $('#atbdp-user-type-deny').on( + 'click', + function (event) { + event.preventDefault(); + var userId = $(this).attr('data-userId'); + var nonce = $(this).attr('data-nonce'); + $.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: { + action: 'atbdp_user_type_deny', + _nonce: nonce, + userId: userId, + }, + success: function success(response) { + if (response.user_type) { + $('#user-type-' + userId).html( + response.user_type + ); + } + }, + error: function error(response) { + // $('#atbdp-remote-response').val(response.data.error); + }, + }); + return false; + } + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/admin/components/block-1.js': + /*!***************************************************!*\ !*** ./assets/src/js/admin/components/block-1.js ***! \***************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - var $ = jQuery; - var content = ''; - - // Category icon selection - function selecWithIcon(selected) { - if (!selected.id) { - return selected.text; - } - var $elem = $(" ").concat(selected.text, "")); - return $elem; - } - if ($("[data-toggle='tooltip']").length) { - $("[data-toggle='tooltip']").tooltip(); - } - - // price range - var pricerange = $('#pricerange_val').val(); - if (pricerange) { - $('#pricerange').fadeIn(100); - } - $('#price_range_option').on('click', function () { - $('#pricerange').fadeIn(500); - }); - - // enable sorting if only the container has any social or skill field - var $s_wrap = $('#social_info_sortable_container'); // cache it - if (window.outerWidth > 1700) { - if ($s_wrap.length) { - $s_wrap.sortable({ - axis: 'y', - opacity: '0.7' - }); - } - } - // SOCIAL SECTION - // Rearrange the IDS and Add new social field - /* $('body').on('click', '#addNewSocial', function () { + /***/ function () { + window.addEventListener('load', function () { + var $ = jQuery; + var content = ''; + + // Category icon selection + function selecWithIcon(selected) { + if (!selected.id) { + return selected.text; + } + var $elem = $( + " ") + .concat(selected.text, '') + ); + return $elem; + } + if ($("[data-toggle='tooltip']").length) { + $("[data-toggle='tooltip']").tooltip(); + } + + // price range + var pricerange = $('#pricerange_val').val(); + if (pricerange) { + $('#pricerange').fadeIn(100); + } + $('#price_range_option').on('click', function () { + $('#pricerange').fadeIn(500); + }); + + // enable sorting if only the container has any social or skill field + var $s_wrap = $('#social_info_sortable_container'); // cache it + if (window.outerWidth > 1700) { + if ($s_wrap.length) { + $s_wrap.sortable({ + axis: 'y', + opacity: '0.7', + }); + } + } + // SOCIAL SECTION + // Rearrange the IDS and Add new social field + /* $('body').on('click', '#addNewSocial', function () { const social_wrap = $('#social_info_sortable_container'); // cache it const currentItems = $('.directorist-form-social-fields').length; const ID = `id=${currentItems}`; // eg. 'id=3' @@ -123,3152 +137,4860 @@ window.addEventListener('load', function () { }); }); */ - // remove the social field and then reset the ids while maintaining position - $(document).on('click', '.directorist-form-social-fields__remove', function (e) { - var id = $(this).data('id'); - var elementToRemove = $("div#socialID-".concat(id)); - e.preventDefault(); - /* Act on the event */ - swal({ - title: directorist_admin.i18n_text.confirmation_text, - text: directorist_admin.i18n_text.ask_conf_sl_lnk_del_txt, - type: 'warning', - showCancelButton: true, - confirmButtonColor: '#DD6B55', - confirmButtonText: directorist_admin.i18n_text.confirm_delete, - closeOnConfirm: false - }, function (isConfirm) { - if (isConfirm) { - // user has confirmed, no remove the item and reset the ids - elementToRemove.slideUp('fast', function () { - elementToRemove.remove(); - // reorder the index - $('.directorist-form-social-fields').each(function (index, element) { - var e = $(element); - e.attr('id', "socialID-".concat(index)); - e.find('select').attr('name', "social[".concat(index, "][id]")); - e.find('.atbdp_social_input').attr('name', "social[".concat(index, "][url]")); - e.find('.directorist-form-social-fields__remove').attr('data-id', index); - }); - }); - - // show success message - swal({ - title: directorist_admin.i18n_text.deleted, - // text: "Item has been deleted.", - type: 'success', - timer: 200, - showConfirmButton: false - }); - } - }); - }); - - // upgrade old listing - $('#upgrade_directorist').on('click', function (event) { - event.preventDefault(); - var $this = $(this); - // display a notice to user to wait - // send an ajax request to the back end - atbdp_do_ajax($this, 'atbdp_upgrade_old_listings', null, function (response) { - if (response.success) { - $this.after("

    ".concat(response.data, "

    ")); - } - }); - }); - - // upgrade old pages - $('#shortcode-updated input[name="shortcode-updated"]').on('change', function (event) { - event.preventDefault(); - $('#success_msg').hide(); - var $this = $(this); - // display a notice to user to wait - // send an ajax request to the back end - atbdp_do_ajax($this, 'atbdp_upgrade_old_pages', null, function (response) { - if (response.success) { - $('#shortcode-updated').after("

    ".concat(response.data, "

    ")); - } - }); - $('.atbdp_ajax_loading').css({ - display: 'none' - }); - }); - - // redirect to import import_page_link - $('#csv_import input[name="csv_import"]').on('change', function (event) { - event.preventDefault(); - window.location = directorist_admin.import_page_link; - }); - - /* This function handles all ajax request */ - function atbdp_do_ajax(ElementToShowLoadingIconAfter, ActionName, arg, CallBackHandler) { - var data; - if (ActionName) data = "action=".concat(ActionName); - if (arg) data = "".concat(arg, "&action=").concat(ActionName); - if (arg && !ActionName) data = arg; - // data = data ; - - var n = data.search(directorist_admin.nonceName); - if (n < 0) { - data = "".concat(data, "&").concat(directorist_admin.nonceName, "=").concat(directorist_admin.nonce); - } - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: data, - beforeSend: function beforeSend() { - jQuery("").insertAfter(ElementToShowLoadingIconAfter); - }, - success: function success(data) { - jQuery('.atbdp_ajax_loading').remove(); - CallBackHandler(data); - } - }); - } -}); - -/***/ }), - -/***/ "./assets/src/js/admin/components/block-2.js": -/*!***************************************************!*\ + // remove the social field and then reset the ids while maintaining position + $(document).on( + 'click', + '.directorist-form-social-fields__remove', + function (e) { + var id = $(this).data('id'); + var elementToRemove = $('div#socialID-'.concat(id)); + e.preventDefault(); + /* Act on the event */ + swal( + { + title: directorist_admin.i18n_text + .confirmation_text, + text: directorist_admin.i18n_text + .ask_conf_sl_lnk_del_txt, + type: 'warning', + showCancelButton: true, + confirmButtonColor: '#DD6B55', + confirmButtonText: + directorist_admin.i18n_text + .confirm_delete, + closeOnConfirm: false, + }, + function (isConfirm) { + if (isConfirm) { + // user has confirmed, no remove the item and reset the ids + elementToRemove.slideUp( + 'fast', + function () { + elementToRemove.remove(); + // reorder the index + $( + '.directorist-form-social-fields' + ).each( + function (index, element) { + var e = $(element); + e.attr( + 'id', + 'socialID-'.concat( + index + ) + ); + e.find('select').attr( + 'name', + 'social['.concat( + index, + '][id]' + ) + ); + e.find( + '.atbdp_social_input' + ).attr( + 'name', + 'social['.concat( + index, + '][url]' + ) + ); + e.find( + '.directorist-form-social-fields__remove' + ).attr( + 'data-id', + index + ); + } + ); + } + ); + + // show success message + swal({ + title: directorist_admin.i18n_text + .deleted, + // text: "Item has been deleted.", + type: 'success', + timer: 200, + showConfirmButton: false, + }); + } + } + ); + } + ); + + // upgrade old listing + $('#upgrade_directorist').on('click', function (event) { + event.preventDefault(); + var $this = $(this); + // display a notice to user to wait + // send an ajax request to the back end + atbdp_do_ajax( + $this, + 'atbdp_upgrade_old_listings', + null, + function (response) { + if (response.success) { + $this.after( + '

    '.concat(response.data, '

    ') + ); + } + } + ); + }); + + // upgrade old pages + $('#shortcode-updated input[name="shortcode-updated"]').on( + 'change', + function (event) { + event.preventDefault(); + $('#success_msg').hide(); + var $this = $(this); + // display a notice to user to wait + // send an ajax request to the back end + atbdp_do_ajax( + $this, + 'atbdp_upgrade_old_pages', + null, + function (response) { + if (response.success) { + $('#shortcode-updated').after( + '

    '.concat( + response.data, + '

    ' + ) + ); + } + } + ); + $('.atbdp_ajax_loading').css({ + display: 'none', + }); + } + ); + + // redirect to import import_page_link + $('#csv_import input[name="csv_import"]').on( + 'change', + function (event) { + event.preventDefault(); + window.location = + directorist_admin.import_page_link; + } + ); + + /* This function handles all ajax request */ + function atbdp_do_ajax( + ElementToShowLoadingIconAfter, + ActionName, + arg, + CallBackHandler + ) { + var data; + if (ActionName) data = 'action='.concat(ActionName); + if (arg) + data = '' + .concat(arg, '&action=') + .concat(ActionName); + if (arg && !ActionName) data = arg; + // data = data ; + + var n = data.search(directorist_admin.nonceName); + if (n < 0) { + data = '' + .concat(data, '&') + .concat(directorist_admin.nonceName, '=') + .concat(directorist_admin.nonce); + } + jQuery.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: data, + beforeSend: function beforeSend() { + jQuery( + "" + ).insertAfter(ElementToShowLoadingIconAfter); + }, + success: function success(data) { + jQuery('.atbdp_ajax_loading').remove(); + CallBackHandler(data); + }, + }); + } + }); + + /***/ + }, + + /***/ './assets/src/js/admin/components/block-2.js': + /*!***************************************************!*\ !*** ./assets/src/js/admin/components/block-2.js ***! \***************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - var $ = jQuery; - // Set all variables to be used in scope - var has_tagline = $('#has_tagline').val(); - var has_excerpt = $('#has_excerpt').val(); - if (has_excerpt && has_tagline) { - $('.atbd_tagline_moto_field').fadeIn(); - } else { - $('.atbd_tagline_moto_field').fadeOut(); - } - $('#atbd_optional_field_check').on('change', function () { - $(this).is(':checked') ? $('.atbd_tagline_moto_field').fadeIn() : $('.atbd_tagline_moto_field').fadeOut(); - }); - var avg_review = $('#average_review_for_popular').hide(); - var logged_count = $('#views_for_popular').hide(); - if ($('#listing_popular_by select[name="listing_popular_by"]').val() === 'average_rating') { - avg_review.show(); - logged_count.hide(); - } else if ($('#listing_popular_by select[name="listing_popular_by"]').val() === 'view_count') { - logged_count.show(); - avg_review.hide(); - } else if ($('#listing_popular_by select[name="listing_popular_by"]').val() === 'both_view_rating') { - avg_review.show(); - logged_count.show(); - } - $('#listing_popular_by select[name="listing_popular_by"]').on('change', function () { - if ($(this).val() === 'average_rating') { - avg_review.show(); - logged_count.hide(); - } else if ($(this).val() === 'view_count') { - logged_count.show(); - avg_review.hide(); - } else if ($(this).val() === 'both_view_rating') { - avg_review.show(); - logged_count.show(); - } - }); - - /* Show and hide manual coordinate input field */ - if (!$('input#manual_coordinate').is(':checked')) { - $('.directorist-map-coordinates').hide(); - } - $('#manual_coordinate').on('click', function (e) { - if ($('input#manual_coordinate').is(':checked')) { - $('.directorist-map-coordinates').show(); - } else { - $('.directorist-map-coordinates').hide(); - } - }); - if ($("[data-toggle='tooltip']").length) { - $("[data-toggle='tooltip']").tooltip(); - } - - // price range - var pricerange = $('#pricerange_val').val(); - if (pricerange) { - $('#pricerange').fadeIn(100); - } - $('#price_range_option').on('click', function () { - $('#pricerange').fadeIn(500); - }); - - // enable sorting if only the container has any social or skill field - var $s_wrap = $('#social_info_sortable_container'); // cache it - if (window.outerWidth > 1700) { - if ($s_wrap.length) { - $s_wrap.sortable({ - axis: 'y', - opacity: '0.7' - }); - } - } - - // remove the social field and then reset the ids while maintaining position - $(document).on('click', '.directorist-form-social-fields__remove', function (e) { - var id = $(this).data('id'); - var elementToRemove = $("div#socialID-".concat(id)); - event.preventDefault(); - /* Act on the event */ - swal({ - title: directorist_admin.i18n_text.confirmation_text, - text: directorist_admin.i18n_text.ask_conf_sl_lnk_del_txt, - type: 'warning', - showCancelButton: true, - confirmButtonColor: '#DD6B55', - confirmButtonText: directorist_admin.i18n_text.confirm_delete, - closeOnConfirm: false - }, function (isConfirm) { - if (isConfirm) { - // user has confirmed, no remove the item and reset the ids - elementToRemove.slideUp('fast', function () { - elementToRemove.remove(); - // reorder the index - $('.directorist-form-social-fields').each(function (index, element) { - var e = $(element); - e.attr('id', "socialID-".concat(index)); - e.find('select').attr('name', "social[".concat(index, "][id]")); - e.find('.atbdp_social_input').attr('name', "social[".concat(index, "][url]")); - e.find('.directorist-form-social-fields__remove').attr('data-id', index); - }); - }); - - // show success message - swal({ - title: directorist_admin.i18n_text.deleted, - // text: "Item has been deleted.", - type: 'success', - timer: 200, - showConfirmButton: false - }); - } - }); - }); - - // upgrade old listing - $('#upgrade_directorist').on('click', function (event) { - event.preventDefault(); - var $this = $(this); - // display a notice to user to wait - // send an ajax request to the back end - atbdp_do_ajax($this, 'atbdp_upgrade_old_listings', null, function (response) { - if (response.success) { - $this.after("

    ".concat(response.data, "

    ")); - } - }); - }); - - // upgrade old pages - $('#shortcode-updated input[name="shortcode-updated"]').on('change', function (event) { - event.preventDefault(); - $('#success_msg').hide(); - var $this = $(this); - // display a notice to user to wait - // send an ajax request to the back end - atbdp_do_ajax($this, 'atbdp_upgrade_old_pages', null, function (response) { - if (response.success) { - $('#shortcode-updated').after("

    ".concat(response.data, "

    ")); - } - }); - $('.atbdp_ajax_loading').css({ - display: 'none' - }); - }); - - // send system info to admin - $('#atbdp-send-system-info-submit').on('click', function (event) { - event.preventDefault(); - if (!$('#atbdp-email-subject').val()) { - alert('The Subject field is required'); - return; - } - if (!$('#atbdp-email-address').val()) { - alert('The Email field is required'); - return; - } - if (!$('#atbdp-email-message').val()) { - alert('The Message field is required'); - return; - } - $.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: { - action: 'send_system_info', - // calls wp_ajax_nopriv_ajaxlogin - _nonce: $('#atbdp_email_nonce').val(), - email: $('#atbdp-email-address').val(), - sender_email: $('#atbdp-sender-address').val(), - subject: $('#atbdp-email-subject').val(), - message: $('#atbdp-email-message').val(), - system_info_url: $('#atbdp-system-info-url').val() - }, - beforeSend: function beforeSend() { - $('#atbdp-send-system-info-submit').html('Sending'); - }, - success: function success(data) { - if (data.success) { - $('#atbdp-send-system-info-submit').html('Send Email'); - $('.system_info_success').html('Successfully sent'); - } - }, - error: function error(data) { - console.log(data); - } - }); - }); - - /** - * Generate new Remote View URL and display it on the admin page - */ - $('#generate-url').on('click', function (e) { - e.preventDefault(); - $.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: { - action: 'generate_url', - // calls wp_ajax_nopriv_ajaxlogin nonce: () - _nonce: $(this).attr('data-nonce') - }, - success: function success(response) { - $('#atbdp-remote-response').html(response.data.message); - $('#system-info-url, #atbdp-system-info-url').val(response.data.url); - $('#system-info-url-text-link').attr('href', response.data.url).css('display', 'inline-block'); - }, - error: function error(response) { - // $('#atbdp-remote-response').val(response.data.error); - } - }); - return false; - }); - $('#revoke-url').on('click', function (e) { - e.preventDefault(); - $.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: { - action: 'revoke_url', - // calls wp_ajax_nopriv_ajaxlogin - _nonce: $(this).attr('data-nonce') - }, - success: function success(response) { - $('#atbdp-remote-response').html(response.data); - $('#system-info-url, #atbdp-system-info-url').val(''); - $('#system-info-url-text-link').attr('href', '#').css('display', 'none'); - }, - error: function error(response) { - // $('#atbdp-remote-response').val(response.data.error); - } - }); - return false; - }); - - // redirect to import import_page_link - $('#csv_import input[name="csv_import"]').on('change', function (event) { - event.preventDefault(); - window.location = directorist_admin.import_page_link; - }); - - /* This function handles all ajax request */ - function atbdp_do_ajax(ElementToShowLoadingIconAfter, ActionName, arg, CallBackHandler) { - var data; - if (ActionName) data = "action=".concat(ActionName); - if (arg) data = "".concat(arg, "&action=").concat(ActionName); - if (arg && !ActionName) data = arg; - // data = data ; - - var n = data.search(directorist_admin.nonceName); - if (n < 0) { - data = "".concat(data, "&").concat(directorist_admin.nonceName, "=").concat(directorist_admin.nonce); - } - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: data, - beforeSend: function beforeSend() { - jQuery("").insertAfter(ElementToShowLoadingIconAfter); - }, - success: function success(data) { - jQuery('.atbdp_ajax_loading').remove(); - CallBackHandler(data); - } - }); - } -}); - -/***/ }), - -/***/ "./assets/src/js/admin/components/block-3.js": -/*!***************************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + var $ = jQuery; + // Set all variables to be used in scope + var has_tagline = $('#has_tagline').val(); + var has_excerpt = $('#has_excerpt').val(); + if (has_excerpt && has_tagline) { + $('.atbd_tagline_moto_field').fadeIn(); + } else { + $('.atbd_tagline_moto_field').fadeOut(); + } + $('#atbd_optional_field_check').on('change', function () { + $(this).is(':checked') + ? $('.atbd_tagline_moto_field').fadeIn() + : $('.atbd_tagline_moto_field').fadeOut(); + }); + var avg_review = $('#average_review_for_popular').hide(); + var logged_count = $('#views_for_popular').hide(); + if ( + $( + '#listing_popular_by select[name="listing_popular_by"]' + ).val() === 'average_rating' + ) { + avg_review.show(); + logged_count.hide(); + } else if ( + $( + '#listing_popular_by select[name="listing_popular_by"]' + ).val() === 'view_count' + ) { + logged_count.show(); + avg_review.hide(); + } else if ( + $( + '#listing_popular_by select[name="listing_popular_by"]' + ).val() === 'both_view_rating' + ) { + avg_review.show(); + logged_count.show(); + } + $( + '#listing_popular_by select[name="listing_popular_by"]' + ).on('change', function () { + if ($(this).val() === 'average_rating') { + avg_review.show(); + logged_count.hide(); + } else if ($(this).val() === 'view_count') { + logged_count.show(); + avg_review.hide(); + } else if ($(this).val() === 'both_view_rating') { + avg_review.show(); + logged_count.show(); + } + }); + + /* Show and hide manual coordinate input field */ + if (!$('input#manual_coordinate').is(':checked')) { + $('.directorist-map-coordinates').hide(); + } + $('#manual_coordinate').on('click', function (e) { + if ($('input#manual_coordinate').is(':checked')) { + $('.directorist-map-coordinates').show(); + } else { + $('.directorist-map-coordinates').hide(); + } + }); + if ($("[data-toggle='tooltip']").length) { + $("[data-toggle='tooltip']").tooltip(); + } + + // price range + var pricerange = $('#pricerange_val').val(); + if (pricerange) { + $('#pricerange').fadeIn(100); + } + $('#price_range_option').on('click', function () { + $('#pricerange').fadeIn(500); + }); + + // enable sorting if only the container has any social or skill field + var $s_wrap = $('#social_info_sortable_container'); // cache it + if (window.outerWidth > 1700) { + if ($s_wrap.length) { + $s_wrap.sortable({ + axis: 'y', + opacity: '0.7', + }); + } + } + + // remove the social field and then reset the ids while maintaining position + $(document).on( + 'click', + '.directorist-form-social-fields__remove', + function (e) { + var id = $(this).data('id'); + var elementToRemove = $('div#socialID-'.concat(id)); + event.preventDefault(); + /* Act on the event */ + swal( + { + title: directorist_admin.i18n_text + .confirmation_text, + text: directorist_admin.i18n_text + .ask_conf_sl_lnk_del_txt, + type: 'warning', + showCancelButton: true, + confirmButtonColor: '#DD6B55', + confirmButtonText: + directorist_admin.i18n_text + .confirm_delete, + closeOnConfirm: false, + }, + function (isConfirm) { + if (isConfirm) { + // user has confirmed, no remove the item and reset the ids + elementToRemove.slideUp( + 'fast', + function () { + elementToRemove.remove(); + // reorder the index + $( + '.directorist-form-social-fields' + ).each( + function (index, element) { + var e = $(element); + e.attr( + 'id', + 'socialID-'.concat( + index + ) + ); + e.find('select').attr( + 'name', + 'social['.concat( + index, + '][id]' + ) + ); + e.find( + '.atbdp_social_input' + ).attr( + 'name', + 'social['.concat( + index, + '][url]' + ) + ); + e.find( + '.directorist-form-social-fields__remove' + ).attr( + 'data-id', + index + ); + } + ); + } + ); + + // show success message + swal({ + title: directorist_admin.i18n_text + .deleted, + // text: "Item has been deleted.", + type: 'success', + timer: 200, + showConfirmButton: false, + }); + } + } + ); + } + ); + + // upgrade old listing + $('#upgrade_directorist').on('click', function (event) { + event.preventDefault(); + var $this = $(this); + // display a notice to user to wait + // send an ajax request to the back end + atbdp_do_ajax( + $this, + 'atbdp_upgrade_old_listings', + null, + function (response) { + if (response.success) { + $this.after( + '

    '.concat(response.data, '

    ') + ); + } + } + ); + }); + + // upgrade old pages + $('#shortcode-updated input[name="shortcode-updated"]').on( + 'change', + function (event) { + event.preventDefault(); + $('#success_msg').hide(); + var $this = $(this); + // display a notice to user to wait + // send an ajax request to the back end + atbdp_do_ajax( + $this, + 'atbdp_upgrade_old_pages', + null, + function (response) { + if (response.success) { + $('#shortcode-updated').after( + '

    '.concat( + response.data, + '

    ' + ) + ); + } + } + ); + $('.atbdp_ajax_loading').css({ + display: 'none', + }); + } + ); + + // send system info to admin + $('#atbdp-send-system-info-submit').on( + 'click', + function (event) { + event.preventDefault(); + if (!$('#atbdp-email-subject').val()) { + alert('The Subject field is required'); + return; + } + if (!$('#atbdp-email-address').val()) { + alert('The Email field is required'); + return; + } + if (!$('#atbdp-email-message').val()) { + alert('The Message field is required'); + return; + } + $.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: { + action: 'send_system_info', + // calls wp_ajax_nopriv_ajaxlogin + _nonce: $('#atbdp_email_nonce').val(), + email: $('#atbdp-email-address').val(), + sender_email: $( + '#atbdp-sender-address' + ).val(), + subject: $('#atbdp-email-subject').val(), + message: $('#atbdp-email-message').val(), + system_info_url: $( + '#atbdp-system-info-url' + ).val(), + }, + beforeSend: function beforeSend() { + $('#atbdp-send-system-info-submit').html( + 'Sending' + ); + }, + success: function success(data) { + if (data.success) { + $( + '#atbdp-send-system-info-submit' + ).html('Send Email'); + $('.system_info_success').html( + 'Successfully sent' + ); + } + }, + error: function error(data) { + console.log(data); + }, + }); + } + ); + + /** + * Generate new Remote View URL and display it on the admin page + */ + $('#generate-url').on('click', function (e) { + e.preventDefault(); + $.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: { + action: 'generate_url', + // calls wp_ajax_nopriv_ajaxlogin nonce: () + _nonce: $(this).attr('data-nonce'), + }, + success: function success(response) { + $('#atbdp-remote-response').html( + response.data.message + ); + $( + '#system-info-url, #atbdp-system-info-url' + ).val(response.data.url); + $('#system-info-url-text-link') + .attr('href', response.data.url) + .css('display', 'inline-block'); + }, + error: function error(response) { + // $('#atbdp-remote-response').val(response.data.error); + }, + }); + return false; + }); + $('#revoke-url').on('click', function (e) { + e.preventDefault(); + $.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: { + action: 'revoke_url', + // calls wp_ajax_nopriv_ajaxlogin + _nonce: $(this).attr('data-nonce'), + }, + success: function success(response) { + $('#atbdp-remote-response').html(response.data); + $( + '#system-info-url, #atbdp-system-info-url' + ).val(''); + $('#system-info-url-text-link') + .attr('href', '#') + .css('display', 'none'); + }, + error: function error(response) { + // $('#atbdp-remote-response').val(response.data.error); + }, + }); + return false; + }); + + // redirect to import import_page_link + $('#csv_import input[name="csv_import"]').on( + 'change', + function (event) { + event.preventDefault(); + window.location = + directorist_admin.import_page_link; + } + ); + + /* This function handles all ajax request */ + function atbdp_do_ajax( + ElementToShowLoadingIconAfter, + ActionName, + arg, + CallBackHandler + ) { + var data; + if (ActionName) data = 'action='.concat(ActionName); + if (arg) + data = '' + .concat(arg, '&action=') + .concat(ActionName); + if (arg && !ActionName) data = arg; + // data = data ; + + var n = data.search(directorist_admin.nonceName); + if (n < 0) { + data = '' + .concat(data, '&') + .concat(directorist_admin.nonceName, '=') + .concat(directorist_admin.nonce); + } + jQuery.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: data, + beforeSend: function beforeSend() { + jQuery( + "" + ).insertAfter(ElementToShowLoadingIconAfter); + }, + success: function success(data) { + jQuery('.atbdp_ajax_loading').remove(); + CallBackHandler(data); + }, + }); + } + }); + + /***/ + }, + + /***/ './assets/src/js/admin/components/block-3.js': + /*!***************************************************!*\ !*** ./assets/src/js/admin/components/block-3.js ***! \***************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _global_components_debounce__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../global/components/debounce */ "./assets/src/js/global/components/debounce.js"); - -window.addEventListener('load', function () { - var $ = jQuery; - - // Custom Image uploader for listing image - - // Set all variables to be used in scope - var frame; - var selection; - var prv_image; - var prv_url; - var prv_img_url; - var multiple_image = true; - - // toggle_section - function toggle_section(show_if_value, subject_elm, terget_elm) { - if (show_if_value === subject_elm.val()) { - terget_elm.show(); - } else { - terget_elm.hide(); - } - } - - // ADD IMAGE LINK - $('body').on('click', '#listing_image_btn', function (event) { - event.preventDefault(); - - // If the media frame already exists, reopen it. - if (frame) { - frame.open(); - return; - } - - // Create a new media frame - frame = wp.media({ - title: directorist_admin.i18n_text.upload_image, - button: { - text: directorist_admin.i18n_text.choose_image - }, - library: { - type: 'image' - }, - // only allow image upload only - multiple: multiple_image // Set to true to allow multiple files to be selected. it will be set based on the availability of Multiple Image extension - }); - - // When an image is selected in the media frame... - frame.on('select', function () { - /* get the image collection array if the MI extension is active */ - /* One little hints: a constant can not be defined inside the if block */ - if (multiple_image) { - selection = frame.state().get('selection').toJSON(); - } else { - selection = frame.state().get('selection').first().toJSON(); - } - var data = ''; // create a placeholder to save all our image from the selection of media uploader - - // if no image exist then remove the place holder image before appending new image - if ($('.single_attachment').length === 0) { - $('.listing-img-container').html(''); - } - - // handle multiple image uploading....... - if (multiple_image) { - $(selection).each(function () { - // here el === this - // append the selected element if it is an image - if (this.type === 'image') { - // we have got an image attachment so lets proceed. - // target the input field and then assign the current id of the attachment to an array. - data += '
    '; - data += ""); - data += "\"Listing
    "); - } - }); - } else { - // Handle single image uploading - - // add the id to the input field of the image uploader and then save the ids in the database as a post meta - // so check if the attachment is really an image and reject other types - if (selection.type === 'image') { - // we have got an image attachment so lets proceed. - // target the input field and then assign the current id of the attachment to an array. - data += '
    '; - data += ""); - data += "\"Listing
    "); - } - } - - // If MI extension is active then append images to the listing, else only add one image replacing previous upload - if (multiple_image) { - $('.listing-img-container').append(data); - } else { - $('.listing-img-container').html(data); - } - - // Un-hide the remove image link - $('#delete-custom-img').removeClass('hidden'); - }); - // Finally, open the modal on click - frame.open(); - }); - - // DELETE ALL IMAGES LINK - $('body').on('click', '#delete-custom-img', function (event) { - event.preventDefault(); - // Clear out the preview image and set no image as placeholder - $('.listing-img-container').html("\"Listing")); - // Hide the delete image link - $(this).addClass('hidden'); - }); - - /* REMOVE SINGLE IMAGE */ - $(document).on('click', '.remove_image', function (e) { - e.preventDefault(); - $(this).parent().remove(); - // if no image exist then add placeholder and hide remove image button - if ($('.single_attachment').length === 0) { - $('.listing-img-container').html("\"Listing

    No images

    ") + "(allowed formats jpeg. png. gif)"); - $('#delete-custom-img').addClass('hidden'); - } - }); - var has_tagline = $('#has_tagline').val(); - var has_excerpt = $('#has_excerpt').val(); - if (has_excerpt && has_tagline) { - $('.atbd_tagline_moto_field').fadeIn(); - } else { - $('.atbd_tagline_moto_field').fadeOut(); - } - $('#atbd_optional_field_check').on('change', function () { - $(this).is(':checked') ? $('.atbd_tagline_moto_field').fadeIn() : $('.atbd_tagline_moto_field').fadeOut(); - }); - var imageUpload; - if (imageUpload) { - imageUpload.open(); - } - $('.upload-header').on('click', function (element) { - element.preventDefault(); - imageUpload = wp.media.frames.file_frame = wp.media({ - title: directorist_admin.i18n_text.select_prv_img, - button: { - text: directorist_admin.i18n_text.insert_prv_img - } - }); - imageUpload.open(); - imageUpload.on('select', function () { - prv_image = imageUpload.state().get('selection').first().toJSON(); - prv_url = prv_image.id; - prv_img_url = prv_image.url; - $('.listing_prv_img').val(prv_url); - $('.change_listing_prv_img').attr('src', prv_img_url); - $('.upload-header').html('Change Preview Image'); - $('.remove_prev_img').show(); - }); - imageUpload.open(); - }); - $('.remove_prev_img').on('click', function (e) { - $(this).hide(); - $('.listing_prv_img').attr('value', ''); - $('.change_listing_prv_img').attr('src', ''); - e.preventDefault(); - }); - if ($('.change_listing_prv_img').attr('src') === '') { - $('.remove_prev_img').hide(); - } else if ($('.change_listing_prv_img').attr('src') !== '') { - $('.remove_prev_img').show(); - } - var avg_review = $('#average_review_for_popular').hide(); - var logged_count = $('#views_for_popular').hide(); - if ($('#listing_popular_by select[name="listing_popular_by"]').val() === 'average_rating') { - avg_review.show(); - logged_count.hide(); - } else if ($('#listing_popular_by select[name="listing_popular_by"]').val() === 'view_count') { - logged_count.show(); - avg_review.hide(); - } else if ($('#listing_popular_by select[name="listing_popular_by"]').val() === 'both_view_rating') { - avg_review.show(); - logged_count.show(); - } - $('#listing_popular_by select[name="listing_popular_by"]').on('change', function () { - if ($(this).val() === 'average_rating') { - avg_review.show(); - logged_count.hide(); - } else if ($(this).val() === 'view_count') { - logged_count.show(); - avg_review.hide(); - } else if ($(this).val() === 'both_view_rating') { - avg_review.show(); - logged_count.show(); - } - }); - - /** - * Display the media uploader for selecting an image. - * - * @since 1.0.0 - */ - function atbdp_render_media_uploader(page) { - var frame; - if (frame) { - frame.open(); - return; - } - frame = wp.media({ - title: directorist_admin.i18n_text.image_uploader_title, - multiple: false, - library: { - type: 'image' - }, - button: { - text: directorist_admin.i18n_text.choose_image - } - }); - frame.on('select', function () { - var image = frame.state().get('selection').first().toJSON(); - if (page === 'listings') { - var html = "".concat('' + '' + '' + '") + "") + "" + "".concat(image.url, "
    ") + "").concat(atbdp.edit, " | ") + "").concat(atbdp.delete_permanently, "") + "" + ""; - $('#atbdp-images').append(html); - } else { - $('#atbdp-categories-image-id').val(image.id); - $('#atbdp-categories-image-wrapper').html("")); - } - }); - frame.open(); - } - - // Display the media uploader when "Upload Image" button clicked in the custom taxonomy "atbdp_categories" - $('#atbdp-categories-upload-image').on('click', function (e) { - e.preventDefault(); - atbdp_render_media_uploader('categories'); - }); - $('#submit').on('click', function () { - $('#atbdp-categories-image-wrapper img').attr('src', ''); - $('.remove_cat_img').remove(); - }); - $(document).on('click', '.remove_cat_img', function (e) { - e.preventDefault(); - $(this).hide(); - $(this).prev('img').remove(); - $('#atbdp-categories-image-id').attr('value', ''); - }); - - // Announcement - // ---------------------------------------------------------------------------------- - // Display Announcement Recepents - var announcement_to = $('select[name="announcement_to"]'); - var announcement_recepents_section = $('#announcement_recepents'); - toggle_section('selected_user', announcement_to, announcement_recepents_section); - announcement_to.on('change', function () { - toggle_section('selected_user', $(this), announcement_recepents_section); - }); - var submit_button = $('#announcement_submit .vp-input ~ span'); - var form_feedback = $('#announcement_submit .field'); - form_feedback.prepend('
    '); - var announcement_is_sending = false; - - // Send Announcement - submit_button.on('click', function () { - if (announcement_is_sending) { - console.log('Please wait...'); - return; - } - var to = $('select[name="announcement_to"]'); - var recepents = $('select[name="announcement_recepents"]'); - var subject = $('input[name="announcement_subject"]'); - var message = $('textarea[name="announcement_message"]'); - var expiration = $('input[name="announcement_expiration"]'); - var send_to_email = $('input[name="announcement_send_to_email"]'); - var fields_elm = { - to: { - elm: to, - value: to.val(), - default: 'all_user' - }, - recepents: { - elm: recepents, - value: recepents.val(), - default: null - }, - subject: { - elm: subject, - value: subject.val(), - default: '' - }, - message: { - elm: message, - value: message.val(), - default: '' - }, - expiration: { - elm: expiration, - value: expiration.val(), - default: 3 - }, - send_to_email: { - elm: send_to_email.val(), - value: send_to_email.val(), - default: 1 - } - }; - - // Send the form - var form_data = new FormData(); - - // Fillup the form - form_data.append('action', 'atbdp_send_announcement'); - for (field in fields_elm) { - form_data.append(field, fields_elm[field].value); - } - announcement_is_sending = true; - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - processData: false, - contentType: false, - beforeSend: function beforeSend() { - // console.log( 'Sending...' ); - form_feedback.find('.announcement-feedback').html('
    Sending the announcement, please wait..
    '); - }, - success: function success(response) { - // console.log( {response} ); - announcement_is_sending = false; - if (response.message) { - form_feedback.find('.announcement-feedback').html("
    ".concat(response.message, "
    ")); - } - }, - error: function error(_error) { - console.log({ - error: _error - }); - announcement_is_sending = false; - } - }); - - // Reset Form - /* for ( var field in fields_elm ) { + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _global_components_debounce__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ../../global/components/debounce */ './assets/src/js/global/components/debounce.js' + ); + + window.addEventListener('load', function () { + var $ = jQuery; + + // Custom Image uploader for listing image + + // Set all variables to be used in scope + var frame; + var selection; + var prv_image; + var prv_url; + var prv_img_url; + var multiple_image = true; + + // toggle_section + function toggle_section( + show_if_value, + subject_elm, + terget_elm + ) { + if (show_if_value === subject_elm.val()) { + terget_elm.show(); + } else { + terget_elm.hide(); + } + } + + // ADD IMAGE LINK + $('body').on( + 'click', + '#listing_image_btn', + function (event) { + event.preventDefault(); + + // If the media frame already exists, reopen it. + if (frame) { + frame.open(); + return; + } + + // Create a new media frame + frame = wp.media({ + title: directorist_admin.i18n_text.upload_image, + button: { + text: directorist_admin.i18n_text + .choose_image, + }, + library: { + type: 'image', + }, + // only allow image upload only + multiple: multiple_image, // Set to true to allow multiple files to be selected. it will be set based on the availability of Multiple Image extension + }); + + // When an image is selected in the media frame... + frame.on('select', function () { + /* get the image collection array if the MI extension is active */ + /* One little hints: a constant can not be defined inside the if block */ + if (multiple_image) { + selection = frame + .state() + .get('selection') + .toJSON(); + } else { + selection = frame + .state() + .get('selection') + .first() + .toJSON(); + } + var data = ''; // create a placeholder to save all our image from the selection of media uploader + + // if no image exist then remove the place holder image before appending new image + if ($('.single_attachment').length === 0) { + $('.listing-img-container').html(''); + } + + // handle multiple image uploading....... + if (multiple_image) { + $(selection).each(function () { + // here el === this + // append the selected element if it is an image + if (this.type === 'image') { + // we have got an image attachment so lets proceed. + // target the input field and then assign the current id of the attachment to an array. + data += + '
    '; + data += + '' + ); + data += + 'Listing Image
    ' + ); + } + }); + } else { + // Handle single image uploading + + // add the id to the input field of the image uploader and then save the ids in the database as a post meta + // so check if the attachment is really an image and reject other types + if (selection.type === 'image') { + // we have got an image attachment so lets proceed. + // target the input field and then assign the current id of the attachment to an array. + data += + '
    '; + data += + '' + ); + data += + 'Listing Image
    ' + ); + } + } + + // If MI extension is active then append images to the listing, else only add one image replacing previous upload + if (multiple_image) { + $('.listing-img-container').append(data); + } else { + $('.listing-img-container').html(data); + } + + // Un-hide the remove image link + $('#delete-custom-img').removeClass('hidden'); + }); + // Finally, open the modal on click + frame.open(); + } + ); + + // DELETE ALL IMAGES LINK + $('body').on( + 'click', + '#delete-custom-img', + function (event) { + event.preventDefault(); + // Clear out the preview image and set no image as placeholder + $('.listing-img-container').html( + 'Listing Image' + ) + ); + // Hide the delete image link + $(this).addClass('hidden'); + } + ); + + /* REMOVE SINGLE IMAGE */ + $(document).on('click', '.remove_image', function (e) { + e.preventDefault(); + $(this).parent().remove(); + // if no image exist then add placeholder and hide remove image button + if ($('.single_attachment').length === 0) { + $('.listing-img-container').html( + 'Listing Image

    No images

    ' + ) + + '(allowed formats jpeg. png. gif)' + ); + $('#delete-custom-img').addClass('hidden'); + } + }); + var has_tagline = $('#has_tagline').val(); + var has_excerpt = $('#has_excerpt').val(); + if (has_excerpt && has_tagline) { + $('.atbd_tagline_moto_field').fadeIn(); + } else { + $('.atbd_tagline_moto_field').fadeOut(); + } + $('#atbd_optional_field_check').on('change', function () { + $(this).is(':checked') + ? $('.atbd_tagline_moto_field').fadeIn() + : $('.atbd_tagline_moto_field').fadeOut(); + }); + var imageUpload; + if (imageUpload) { + imageUpload.open(); + } + $('.upload-header').on('click', function (element) { + element.preventDefault(); + imageUpload = wp.media.frames.file_frame = wp.media({ + title: directorist_admin.i18n_text.select_prv_img, + button: { + text: directorist_admin.i18n_text + .insert_prv_img, + }, + }); + imageUpload.open(); + imageUpload.on('select', function () { + prv_image = imageUpload + .state() + .get('selection') + .first() + .toJSON(); + prv_url = prv_image.id; + prv_img_url = prv_image.url; + $('.listing_prv_img').val(prv_url); + $('.change_listing_prv_img').attr( + 'src', + prv_img_url + ); + $('.upload-header').html('Change Preview Image'); + $('.remove_prev_img').show(); + }); + imageUpload.open(); + }); + $('.remove_prev_img').on('click', function (e) { + $(this).hide(); + $('.listing_prv_img').attr('value', ''); + $('.change_listing_prv_img').attr('src', ''); + e.preventDefault(); + }); + if ($('.change_listing_prv_img').attr('src') === '') { + $('.remove_prev_img').hide(); + } else if ( + $('.change_listing_prv_img').attr('src') !== '' + ) { + $('.remove_prev_img').show(); + } + var avg_review = $('#average_review_for_popular').hide(); + var logged_count = $('#views_for_popular').hide(); + if ( + $( + '#listing_popular_by select[name="listing_popular_by"]' + ).val() === 'average_rating' + ) { + avg_review.show(); + logged_count.hide(); + } else if ( + $( + '#listing_popular_by select[name="listing_popular_by"]' + ).val() === 'view_count' + ) { + logged_count.show(); + avg_review.hide(); + } else if ( + $( + '#listing_popular_by select[name="listing_popular_by"]' + ).val() === 'both_view_rating' + ) { + avg_review.show(); + logged_count.show(); + } + $( + '#listing_popular_by select[name="listing_popular_by"]' + ).on('change', function () { + if ($(this).val() === 'average_rating') { + avg_review.show(); + logged_count.hide(); + } else if ($(this).val() === 'view_count') { + logged_count.show(); + avg_review.hide(); + } else if ($(this).val() === 'both_view_rating') { + avg_review.show(); + logged_count.show(); + } + }); + + /** + * Display the media uploader for selecting an image. + * + * @since 1.0.0 + */ + function atbdp_render_media_uploader(page) { + var frame; + if (frame) { + frame.open(); + return; + } + frame = wp.media({ + title: directorist_admin.i18n_text + .image_uploader_title, + multiple: false, + library: { + type: 'image', + }, + button: { + text: directorist_admin.i18n_text.choose_image, + }, + }); + frame.on('select', function () { + var image = frame + .state() + .get('selection') + .first() + .toJSON(); + if (page === 'listings') { + var html = + '' + .concat( + '' + + '' + + '' + + '') + + '' + ) + + '' + + ''.concat(image.url, '
    ') + + '' + ) + .concat(atbdp.edit, ' | ') + + '') + .concat( + atbdp.delete_permanently, + '' + ) + + '' + + ''; + $('#atbdp-images').append(html); + } else { + $('#atbdp-categories-image-id').val(image.id); + $('#atbdp-categories-image-wrapper').html( + '' + ) + ); + } + }); + frame.open(); + } + + // Display the media uploader when "Upload Image" button clicked in the custom taxonomy "atbdp_categories" + $('#atbdp-categories-upload-image').on( + 'click', + function (e) { + e.preventDefault(); + atbdp_render_media_uploader('categories'); + } + ); + $('#submit').on('click', function () { + $('#atbdp-categories-image-wrapper img').attr( + 'src', + '' + ); + $('.remove_cat_img').remove(); + }); + $(document).on('click', '.remove_cat_img', function (e) { + e.preventDefault(); + $(this).hide(); + $(this).prev('img').remove(); + $('#atbdp-categories-image-id').attr('value', ''); + }); + + // Announcement + // ---------------------------------------------------------------------------------- + // Display Announcement Recepents + var announcement_to = $('select[name="announcement_to"]'); + var announcement_recepents_section = $( + '#announcement_recepents' + ); + toggle_section( + 'selected_user', + announcement_to, + announcement_recepents_section + ); + announcement_to.on('change', function () { + toggle_section( + 'selected_user', + $(this), + announcement_recepents_section + ); + }); + var submit_button = $( + '#announcement_submit .vp-input ~ span' + ); + var form_feedback = $('#announcement_submit .field'); + form_feedback.prepend( + '
    ' + ); + var announcement_is_sending = false; + + // Send Announcement + submit_button.on('click', function () { + if (announcement_is_sending) { + console.log('Please wait...'); + return; + } + var to = $('select[name="announcement_to"]'); + var recepents = $( + 'select[name="announcement_recepents"]' + ); + var subject = $('input[name="announcement_subject"]'); + var message = $( + 'textarea[name="announcement_message"]' + ); + var expiration = $( + 'input[name="announcement_expiration"]' + ); + var send_to_email = $( + 'input[name="announcement_send_to_email"]' + ); + var fields_elm = { + to: { + elm: to, + value: to.val(), + default: 'all_user', + }, + recepents: { + elm: recepents, + value: recepents.val(), + default: null, + }, + subject: { + elm: subject, + value: subject.val(), + default: '', + }, + message: { + elm: message, + value: message.val(), + default: '', + }, + expiration: { + elm: expiration, + value: expiration.val(), + default: 3, + }, + send_to_email: { + elm: send_to_email.val(), + value: send_to_email.val(), + default: 1, + }, + }; + + // Send the form + var form_data = new FormData(); + + // Fillup the form + form_data.append('action', 'atbdp_send_announcement'); + for (field in fields_elm) { + form_data.append(field, fields_elm[field].value); + } + announcement_is_sending = true; + jQuery.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: form_data, + processData: false, + contentType: false, + beforeSend: function beforeSend() { + // console.log( 'Sending...' ); + form_feedback + .find('.announcement-feedback') + .html( + '
    Sending the announcement, please wait..
    ' + ); + }, + success: function success(response) { + // console.log( {response} ); + announcement_is_sending = false; + if (response.message) { + form_feedback + .find('.announcement-feedback') + .html( + '
    '.concat( + response.message, + '
    ' + ) + ); + } + }, + error: function error(_error) { + console.log({ + error: _error, + }); + announcement_is_sending = false; + }, + }); + + // Reset Form + /* for ( var field in fields_elm ) { $( fields_elm[ field ].elm ).val( fields_elm[ field ].default ); } */ - }); - - // ---------------------------------------------------------------------------------- - - // Custom Tab Support Status - $('.atbds_wrapper a.nav-link').on('click', function (e) { - e.preventDefault(); - - //console.log($(this).data('tabarea')); - var atbds_tabParent = $(this).parent().parent().find('a.nav-link'); - var $href = $(this).attr('href'); - $(atbds_tabParent).removeClass('active'); - $(this).addClass('active'); - //console.log($(".tab-content[data-tabarea='atbds_system-info-tab']")); - - switch ($(this).data('tabarea')) { - case 'atbds_system-status-tab': - $(".tab-content[data-tabarea='atbds_system-status-tab'] >.tab-pane").removeClass('active show'); - $(".tab-content[data-tabarea='atbds_system-status-tab'] ".concat($href)).addClass('active show'); - break; - case 'atbds_system-info-tab': - $(".tab-content[data-tabarea='atbds_system-info-tab'] >.tab-pane").removeClass('active show'); - $(".tab-content[data-tabarea='atbds_system-info-tab'] ".concat($href)).addClass('active show'); - break; - default: - break; - } - }); - - // Custom Tooltip Support Added - $('.atbds_tooltip').on('hover', function () { - var toolTipLabel = $(this).data('label'); - //console.log(toolTipLabel); - $(this).find('.atbds_tooltip__text').text(toolTipLabel); - $(this).find('.atbds_tooltip__text').addClass('show'); - }); - $('.atbds_tooltip').on('mouseleave', function () { - $('.atbds_tooltip__text').removeClass('show'); - }); - var directory_type = $('select[name="directory_type"]').val(); - if (directory_type) { - admin_listing_form(directory_type); - } - var localized_data = directorist_admin.add_listing_data; - $('body').on('change', 'select[name="directory_type"]', (0,_global_components_debounce__WEBPACK_IMPORTED_MODULE_0__["default"])(function () { - $(this).parent('.inside').append(''); - admin_listing_form($(this).val()); - $(this).closest('#poststuff').find('#publishing-action').addClass('directorist_disable'); - if (!localized_data.is_admin) { - if ($('#directorist-select-st-s-js').length) { - pureScriptSelect('#directorist-select-st-s-js'); - } - if ($('#directorist-select-st-e-js').length) { - pureScriptSelect('#directorist-select-st-e-js'); - } - if ($('#directorist-select-sn-s-js').length) { - pureScriptSelect('#directorist-select-sn-s-js'); - } - if ($('#directorist-select-mn-e-js').length) { - pureScriptSelect('#directorist-select-sn-e-js'); - } - if ($('#directorist-select-mn-s-js').length) { - pureScriptSelect('#directorist-select-mn-s-js'); - } - if ($('#directorist-select-mn-e-js').length) { - pureScriptSelect('#directorist-select-mn-e-js'); - } - if ($('#directorist-select-tu-s-js').length) { - pureScriptSelect('#directorist-select-tu-s-js'); - } - if ($('#directorist-select-tu-e-js').length) { - pureScriptSelect('#directorist-select-tu-e-js'); - } - if ($('#directorist-select-wd-s-js').length) { - pureScriptSelect('#directorist-select-wd-s-js'); - } - if ($('#directorist-select-wd-e-js').length) { - pureScriptSelect('#directorist-select-wd-e-js'); - } - if ($('#directorist-select-th-s-js').length) { - pureScriptSelect('#directorist-select-th-s-js'); - } - if ($('#directorist-select-th-e-js').length) { - pureScriptSelect('#directorist-select-th-e-js'); - } - if ($('#directorist-select-fr-s-js').length) { - pureScriptSelect('#directorist-select-fr-s-js'); - } - if ($('#directorist-select-fr-e-js').length) { - pureScriptSelect('#directorist-select-fr-e-js'); - } - } - }, 270)); - - // Custom Field Checkbox Button More - function customFieldSeeMore() { - if ($('.directorist-custom-field-btn-more').length) { - $('.directorist-custom-field-btn-more').each(function (index, element) { - var fieldWrapper = $(element).closest('.directorist-custom-field-checkbox, .directorist-custom-field-radio'); - var customField = $(fieldWrapper).find('.directorist-checkbox, .directorist-radio'); - $(customField).slice(20, customField.length).slideUp(); - if (customField.length <= 20) { - $(element).slideUp(); - } - }); - } - } - function admin_listing_form(directory_type) { - $.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: { - action: 'atbdp_dynamic_admin_listing_form', - directory_type: directory_type, - listing_id: $('#directiost-listing-fields_wrapper').data('id'), - directorist_nonce: directorist_admin.directorist_nonce - }, - success: function success(response) { - if (response.error) { - console.log({ - response: response - }); - return; - } - $('#directiost-listing-fields_wrapper .directorist-listing-fields').empty().append(response.data['listing_meta_fields']); - assetsNeedToWorkInVirtualDom(); - $('#at_biz_dir-locationchecklist').empty().html(response.data['listing_locations']); - $('#at_biz_dir-categorychecklist').empty().html(response.data['listing_categories']); - $('#at_biz_dir-categorychecklist-pop').empty().html(response.data['listing_pop_categories']); - $('#at_biz_dir-locationchecklist-pop').empty().html(response.data['listing_pop_locations']); - $('.misc-pub-atbdp-expiration-time').empty().html(response.data['listing_expiration']); - $('#listing_form_info').find('.directorist_loader').remove(); - $('select[name="directory_type"]').closest('#poststuff').find('#publishing-action').removeClass('directorist_disable'); - if ($('.directorist-color-field-js').length) { - $('.directorist-color-field-js').wpColorPicker().empty(); - } - window.dispatchEvent(new CustomEvent('directorist-reload-plupload')); - window.dispatchEvent(new CustomEvent('directorist-type-change')); - if (response.data['required_js_scripts']) { - var scripts = response.data['required_js_scripts']; - for (var script_id in scripts) { - var old_script = document.getElementById(script_id); - if (old_script) { - old_script.remove(); - } - var script = document.createElement('script'); - script.id = script_id; - script.src = scripts[script_id]; - document.body.appendChild(script); - } - } - customFieldSeeMore(); - }, - error: function error(_error2) { - console.log({ - error: _error2 - }); - } - }); - } - - // default directory type - $('body').on('click', '.submitdefault', function (e) { - e.preventDefault(); - $(this).children('.submitDefaultCheckbox').prop('checked', true); - var defaultSubmitDom = $(this); - defaultSubmitDom.closest('.directorist_listing-actions').append(""); - $.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: { - action: 'atbdp_listing_default_type', - type_id: $(this).data('type-id'), - nonce: directorist_admin.nonce - }, - success: function success(response) { - defaultSubmitDom.closest('.directorist_listing-actions').siblings('.directorist_notifier').append("".concat(response, "")); - defaultSubmitDom.closest('.directorist_listing-actions').children('.directorist_loader').remove(); - setTimeout(function () { - location.reload(); - }, 500); - } - }); - }); - function assetsNeedToWorkInVirtualDom() { - function getPriceTypeInput(typeId) { - return $("#".concat($("[for=\"".concat(typeId, "\"]")).data('option'))); - } - $('.directorist-form-pricing-field__options').on('change', 'input', function () { - var $otherOptions = $(this).parent().siblings('.directorist-checkbox').find('input'); - $otherOptions.prop('checked', false); - getPriceTypeInput($otherOptions.attr('id')).hide(); - if (this.checked) { - getPriceTypeInput(this.id).show(); - } else { - getPriceTypeInput(this.id).hide(); - } - }); - - // Must be placed after the event listener. - if ($('.directorist-form-pricing-field').hasClass('price-type-both')) { - $('#price_range, #price').hide(); - var $selectedPriceType = $('.directorist-form-pricing-field__options input:checked'); - if ($selectedPriceType.length) { - getPriceTypeInput($selectedPriceType.attr('id')).show(); - } else { - $($('.directorist-form-pricing-field__options input').get(0)).prop('checked', true).trigger('change'); - } - } - var imageUpload; - if (imageUpload) { - imageUpload.open(); - return; - } - $('.upload-header').on('click', function (element) { - element.preventDefault(); - imageUpload = wp.media.frames.file_frame = wp.media({ - title: directorist_admin.i18n_text.select_prv_img, - button: { - text: directorist_admin.i18n_text.insert_prv_img - } - }); - imageUpload.open(); - imageUpload.on('select', function () { - prv_image = imageUpload.state().get('selection').first().toJSON(); - prv_url = prv_image.id; - prv_img_url = prv_image.url; - $('.listing_prv_img').val(prv_url); - $('.change_listing_prv_img').attr('src', prv_img_url); - $('.upload-header').html('Change Preview Image'); - $('.remove_prev_img').show(); - }); - imageUpload.open(); - }); - $('.remove_prev_img').on('click', function (e) { - $(this).hide(); - $('.listing_prv_img').attr('value', ''); - $('.change_listing_prv_img').attr('src', ''); - e.preventDefault(); - }); - if ($('.change_listing_prv_img').attr('src') === '') { - $('.remove_prev_img').hide(); - } else if ($('.change_listing_prv_img').attr('src') !== '') { - $('.remove_prev_img').show(); - } - - /* Show and hide manual coordinate input field */ - if (!$('input#manual_coordinate').is(':checked')) { - $('.directorist-map-coordinates').hide(); - } - $('#manual_coordinate').on('click', function (e) { - if ($('input#manual_coordinate').is(':checked')) { - $('.directorist-map-coordinates').show(); - } else { - $('.directorist-map-coordinates').hide(); - } - }); - } -}); - -/***/ }), - -/***/ "./assets/src/js/admin/components/block-4.js": -/*!***************************************************!*\ + }); + + // ---------------------------------------------------------------------------------- + + // Custom Tab Support Status + $('.atbds_wrapper a.nav-link').on('click', function (e) { + e.preventDefault(); + + //console.log($(this).data('tabarea')); + var atbds_tabParent = $(this) + .parent() + .parent() + .find('a.nav-link'); + var $href = $(this).attr('href'); + $(atbds_tabParent).removeClass('active'); + $(this).addClass('active'); + //console.log($(".tab-content[data-tabarea='atbds_system-info-tab']")); + + switch ($(this).data('tabarea')) { + case 'atbds_system-status-tab': + $( + ".tab-content[data-tabarea='atbds_system-status-tab'] >.tab-pane" + ).removeClass('active show'); + $( + ".tab-content[data-tabarea='atbds_system-status-tab'] ".concat( + $href + ) + ).addClass('active show'); + break; + case 'atbds_system-info-tab': + $( + ".tab-content[data-tabarea='atbds_system-info-tab'] >.tab-pane" + ).removeClass('active show'); + $( + ".tab-content[data-tabarea='atbds_system-info-tab'] ".concat( + $href + ) + ).addClass('active show'); + break; + default: + break; + } + }); + + // Custom Tooltip Support Added + $('.atbds_tooltip').on('hover', function () { + var toolTipLabel = $(this).data('label'); + //console.log(toolTipLabel); + $(this).find('.atbds_tooltip__text').text(toolTipLabel); + $(this).find('.atbds_tooltip__text').addClass('show'); + }); + $('.atbds_tooltip').on('mouseleave', function () { + $('.atbds_tooltip__text').removeClass('show'); + }); + var directory_type = $( + 'select[name="directory_type"]' + ).val(); + if (directory_type) { + admin_listing_form(directory_type); + } + var localized_data = directorist_admin.add_listing_data; + $('body').on( + 'change', + 'select[name="directory_type"]', + (0, + _global_components_debounce__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(function () { + $(this) + .parent('.inside') + .append( + '' + ); + admin_listing_form($(this).val()); + $(this) + .closest('#poststuff') + .find('#publishing-action') + .addClass('directorist_disable'); + if (!localized_data.is_admin) { + if ($('#directorist-select-st-s-js').length) { + pureScriptSelect( + '#directorist-select-st-s-js' + ); + } + if ($('#directorist-select-st-e-js').length) { + pureScriptSelect( + '#directorist-select-st-e-js' + ); + } + if ($('#directorist-select-sn-s-js').length) { + pureScriptSelect( + '#directorist-select-sn-s-js' + ); + } + if ($('#directorist-select-mn-e-js').length) { + pureScriptSelect( + '#directorist-select-sn-e-js' + ); + } + if ($('#directorist-select-mn-s-js').length) { + pureScriptSelect( + '#directorist-select-mn-s-js' + ); + } + if ($('#directorist-select-mn-e-js').length) { + pureScriptSelect( + '#directorist-select-mn-e-js' + ); + } + if ($('#directorist-select-tu-s-js').length) { + pureScriptSelect( + '#directorist-select-tu-s-js' + ); + } + if ($('#directorist-select-tu-e-js').length) { + pureScriptSelect( + '#directorist-select-tu-e-js' + ); + } + if ($('#directorist-select-wd-s-js').length) { + pureScriptSelect( + '#directorist-select-wd-s-js' + ); + } + if ($('#directorist-select-wd-e-js').length) { + pureScriptSelect( + '#directorist-select-wd-e-js' + ); + } + if ($('#directorist-select-th-s-js').length) { + pureScriptSelect( + '#directorist-select-th-s-js' + ); + } + if ($('#directorist-select-th-e-js').length) { + pureScriptSelect( + '#directorist-select-th-e-js' + ); + } + if ($('#directorist-select-fr-s-js').length) { + pureScriptSelect( + '#directorist-select-fr-s-js' + ); + } + if ($('#directorist-select-fr-e-js').length) { + pureScriptSelect( + '#directorist-select-fr-e-js' + ); + } + } + }, 270) + ); + + // Custom Field Checkbox Button More + function customFieldSeeMore() { + if ($('.directorist-custom-field-btn-more').length) { + $('.directorist-custom-field-btn-more').each( + function (index, element) { + var fieldWrapper = $(element).closest( + '.directorist-custom-field-checkbox, .directorist-custom-field-radio' + ); + var customField = $(fieldWrapper).find( + '.directorist-checkbox, .directorist-radio' + ); + $(customField) + .slice(20, customField.length) + .slideUp(); + if (customField.length <= 20) { + $(element).slideUp(); + } + } + ); + } + } + function admin_listing_form(directory_type) { + $.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: { + action: 'atbdp_dynamic_admin_listing_form', + directory_type: directory_type, + listing_id: $( + '#directiost-listing-fields_wrapper' + ).data('id'), + directorist_nonce: + directorist_admin.directorist_nonce, + }, + success: function success(response) { + if (response.error) { + console.log({ + response: response, + }); + return; + } + $( + '#directiost-listing-fields_wrapper .directorist-listing-fields' + ) + .empty() + .append( + response.data['listing_meta_fields'] + ); + assetsNeedToWorkInVirtualDom(); + $('#at_biz_dir-locationchecklist') + .empty() + .html(response.data['listing_locations']); + $('#at_biz_dir-categorychecklist') + .empty() + .html(response.data['listing_categories']); + $('#at_biz_dir-categorychecklist-pop') + .empty() + .html( + response.data['listing_pop_categories'] + ); + $('#at_biz_dir-locationchecklist-pop') + .empty() + .html( + response.data['listing_pop_locations'] + ); + $('.misc-pub-atbdp-expiration-time') + .empty() + .html(response.data['listing_expiration']); + $('#listing_form_info') + .find('.directorist_loader') + .remove(); + $('select[name="directory_type"]') + .closest('#poststuff') + .find('#publishing-action') + .removeClass('directorist_disable'); + if ($('.directorist-color-field-js').length) { + $('.directorist-color-field-js') + .wpColorPicker() + .empty(); + } + window.dispatchEvent( + new CustomEvent( + 'directorist-reload-plupload' + ) + ); + window.dispatchEvent( + new CustomEvent('directorist-type-change') + ); + if (response.data['required_js_scripts']) { + var scripts = + response.data['required_js_scripts']; + for (var script_id in scripts) { + var old_script = + document.getElementById(script_id); + if (old_script) { + old_script.remove(); + } + var script = + document.createElement('script'); + script.id = script_id; + script.src = scripts[script_id]; + document.body.appendChild(script); + } + } + customFieldSeeMore(); + }, + error: function error(_error2) { + console.log({ + error: _error2, + }); + }, + }); + } + + // default directory type + $('body').on('click', '.submitdefault', function (e) { + e.preventDefault(); + $(this) + .children('.submitDefaultCheckbox') + .prop('checked', true); + var defaultSubmitDom = $(this); + defaultSubmitDom + .closest('.directorist_listing-actions') + .append(''); + $.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: { + action: 'atbdp_listing_default_type', + type_id: $(this).data('type-id'), + nonce: directorist_admin.nonce, + }, + success: function success(response) { + defaultSubmitDom + .closest('.directorist_listing-actions') + .siblings('.directorist_notifier') + .append( + ''.concat( + response, + '' + ) + ); + defaultSubmitDom + .closest('.directorist_listing-actions') + .children('.directorist_loader') + .remove(); + setTimeout(function () { + location.reload(); + }, 500); + }, + }); + }); + function assetsNeedToWorkInVirtualDom() { + function getPriceTypeInput(typeId) { + return $( + '#'.concat( + $('[for="'.concat(typeId, '"]')).data( + 'option' + ) + ) + ); + } + $('.directorist-form-pricing-field__options').on( + 'change', + 'input', + function () { + var $otherOptions = $(this) + .parent() + .siblings('.directorist-checkbox') + .find('input'); + $otherOptions.prop('checked', false); + getPriceTypeInput( + $otherOptions.attr('id') + ).hide(); + if (this.checked) { + getPriceTypeInput(this.id).show(); + } else { + getPriceTypeInput(this.id).hide(); + } + } + ); + + // Must be placed after the event listener. + if ( + $('.directorist-form-pricing-field').hasClass( + 'price-type-both' + ) + ) { + $('#price_range, #price').hide(); + var $selectedPriceType = $( + '.directorist-form-pricing-field__options input:checked' + ); + if ($selectedPriceType.length) { + getPriceTypeInput( + $selectedPriceType.attr('id') + ).show(); + } else { + $( + $( + '.directorist-form-pricing-field__options input' + ).get(0) + ) + .prop('checked', true) + .trigger('change'); + } + } + var imageUpload; + if (imageUpload) { + imageUpload.open(); + return; + } + $('.upload-header').on('click', function (element) { + element.preventDefault(); + imageUpload = wp.media.frames.file_frame = wp.media( + { + title: directorist_admin.i18n_text + .select_prv_img, + button: { + text: directorist_admin.i18n_text + .insert_prv_img, + }, + } + ); + imageUpload.open(); + imageUpload.on('select', function () { + prv_image = imageUpload + .state() + .get('selection') + .first() + .toJSON(); + prv_url = prv_image.id; + prv_img_url = prv_image.url; + $('.listing_prv_img').val(prv_url); + $('.change_listing_prv_img').attr( + 'src', + prv_img_url + ); + $('.upload-header').html( + 'Change Preview Image' + ); + $('.remove_prev_img').show(); + }); + imageUpload.open(); + }); + $('.remove_prev_img').on('click', function (e) { + $(this).hide(); + $('.listing_prv_img').attr('value', ''); + $('.change_listing_prv_img').attr('src', ''); + e.preventDefault(); + }); + if ($('.change_listing_prv_img').attr('src') === '') { + $('.remove_prev_img').hide(); + } else if ( + $('.change_listing_prv_img').attr('src') !== '' + ) { + $('.remove_prev_img').show(); + } + + /* Show and hide manual coordinate input field */ + if (!$('input#manual_coordinate').is(':checked')) { + $('.directorist-map-coordinates').hide(); + } + $('#manual_coordinate').on('click', function (e) { + if ($('input#manual_coordinate').is(':checked')) { + $('.directorist-map-coordinates').show(); + } else { + $('.directorist-map-coordinates').hide(); + } + }); + } + }); + + /***/ + }, + + /***/ './assets/src/js/admin/components/block-4.js': + /*!***************************************************!*\ !*** ./assets/src/js/admin/components/block-4.js ***! \***************************************************/ -/***/ (function() { - -/* + /***/ function () { + /* Plugin: PureScriptTab Version: 1.0.0 License: MIT */ -var pureScriptTab = function pureScriptTab(selector1) { - var selector = document.querySelectorAll(selector1); - selector.forEach(function (el, index) { - a = el.querySelectorAll('.directorist-tab__nav__link'); - a.forEach(function (element, index) { - element.style.cursor = 'pointer'; - element.addEventListener('click', function (event) { - event.preventDefault(); - event.stopPropagation(); - var ul = event.target.closest('.directorist-tab__nav'); - var main = ul.nextElementSibling; - var item_a = ul.querySelectorAll('.directorist-tab__nav__link'); - var section = main.querySelectorAll('.directorist-tab__pane'); - item_a.forEach(function (ela, ind) { - ela.classList.remove('directorist-tab__nav__active'); - }); - event.target.classList.add('directorist-tab__nav__active'); - section.forEach(function (element1, index) { - // console.log(element1); - element1.classList.remove('directorist-tab__pane--active'); - }); - var target = event.target.target; - document.getElementById(target).classList.add('directorist-tab__pane--active'); - }); - }); - }); -}; -pureScriptTab('.directorist_builder--tab'); - -/***/ }), - -/***/ "./assets/src/js/admin/components/block-5.js": -/*!***************************************************!*\ + var pureScriptTab = function pureScriptTab(selector1) { + var selector = document.querySelectorAll(selector1); + selector.forEach(function (el, index) { + a = el.querySelectorAll('.directorist-tab__nav__link'); + a.forEach(function (element, index) { + element.style.cursor = 'pointer'; + element.addEventListener('click', function (event) { + event.preventDefault(); + event.stopPropagation(); + var ul = event.target.closest( + '.directorist-tab__nav' + ); + var main = ul.nextElementSibling; + var item_a = ul.querySelectorAll( + '.directorist-tab__nav__link' + ); + var section = main.querySelectorAll( + '.directorist-tab__pane' + ); + item_a.forEach(function (ela, ind) { + ela.classList.remove( + 'directorist-tab__nav__active' + ); + }); + event.target.classList.add( + 'directorist-tab__nav__active' + ); + section.forEach(function (element1, index) { + // console.log(element1); + element1.classList.remove( + 'directorist-tab__pane--active' + ); + }); + var target = event.target.target; + document + .getElementById(target) + .classList.add( + 'directorist-tab__pane--active' + ); + }); + }); + }); + }; + pureScriptTab('.directorist_builder--tab'); + + /***/ + }, + + /***/ './assets/src/js/admin/components/block-5.js': + /*!***************************************************!*\ !*** ./assets/src/js/admin/components/block-5.js ***! \***************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - var $ = jQuery; - - // Init Category Icon Picker - function initCategoryIconPicker() { - var iconPickerContainer = document.querySelector('.directorist-category-icon-picker'); - if (!iconPickerContainer) { - return; - } - var iconValueElm = document.querySelector('.category_icon_value'); - var iconValue = iconValueElm ? iconValueElm.value : ''; - var onSelectIcon = function onSelectIcon(value) { - iconValueElm.setAttribute('value', value); - }; - var args = {}; - args.container = iconPickerContainer; - args.onSelect = onSelectIcon; - args.icons = { - fontAwesome: directoriistFontAwesomeIcons, - lineAwesome: directoriistLineAwesomeIcons - }; - args.value = iconValue; - args.labels = directorist_admin.icon_picker_labels; - var iconPicker = new IconPicker(args); - iconPicker.init(); - } - initCategoryIconPicker(); - - // Category icon selection - function selecWithIcon(selected) { - if (!selected.id) { - return selected.text; - } - var $elem = $(" ").concat(selected.text, "")); - return $elem; - } - if ($('#category_icon').length) { - $('#category_icon').select2({ - placeholder: directorist_admin.i18n_text.icon_choose_text, - allowClear: true, - templateResult: selecWithIcon - }); - } - $('body').on('click', '.directorist_settings-trigger', function () { - $('.setting-left-sibebar').toggleClass('active'); - $('.directorist_settings-panel-shade').toggleClass('active'); - }); - $('body').on('click', '.directorist_settings-panel-shade', function () { - $('.setting-left-sibebar').removeClass('active'); - $(this).removeClass('active'); - }); - - // Directorist More Dropdown - $('body').on('click', '.directorist_more-dropdown-toggle', function (e) { - e.preventDefault(); - $(this).toggleClass('active'); - $('.directorist_more-dropdown-option').removeClass('active'); - $(this).siblings('.directorist_more-dropdown-option').removeClass('active'); - $(this).next('.directorist_more-dropdown-option').toggleClass('active'); - e.stopPropagation(); - }); - $(document).on('click', function (e) { - if ($(e.target).is('.directorist_more-dropdown-toggle, .active') === false) { - $('.directorist_more-dropdown-option').removeClass('active'); - $('.directorist_more-dropdown-toggle').removeClass('active'); - } - }); - - // Select Dropdown - $('body').on('click', '.directorist_dropdown .directorist_dropdown-toggle', function (e) { - e.preventDefault(); - $(this).siblings('.directorist_dropdown-option').toggle(); - }); - - // Select Option after click - $('body').on('click', '.directorist_dropdown .directorist_dropdown-option ul li a', function (e) { - e.preventDefault(); - var optionText = $(this).html(); - $(this).children('.directorist_dropdown-toggle__text').html(optionText); - $(this).closest('.directorist_dropdown-option').siblings('.directorist_dropdown-toggle').children('.directorist_dropdown-toggle__text').html(optionText); - $('.directorist_dropdown-option').hide(); - }); - - // Hide Clicked Anywhere - $(document).bind('click', function (e) { - var clickedDom = $(e.target); - if (!clickedDom.parents().hasClass('directorist_dropdown')) { - $('.directorist_dropdown-option').hide(); - } - }); - $('.directorist-type-slug-content').each(function (id, element) { - var slugWrapper = $(element).children('.directorist_listing-slug-text'); - var oldSlugVal = slugWrapper.attr('data-value'); - - // Edit Slug on Click - slugWrapper.on('click', function (e) { - e.preventDefault(); - // Check if any other slug is editable - $('.directorist_listing-slug-text[contenteditable="true"]').each(function () { - if ($(this).is(slugWrapper)) return; // Skip current slug - - $(document).trigger('click'); // Click outside to save the previous slug - }); - - // Set the current slug as editable - $(this).attr('contenteditable', true); - $(this).addClass('directorist_listing-slug-text--editable'); - $(this).focus(); - }); - - // Slug Edit and Save on Enter Keypress - slugWrapper.on('input keypress', function (e) { - var slugText = $(this).text(); - $(this).attr('data-value', slugText); - - // Save on Enter Key - if (e.key === 'Enter' && slugText.trim() !== '') { - e.preventDefault(); - saveSlug(slugWrapper); // Trigger save function - } - - // Prevent empty save on Enter key - if (slugText.trim() === '' && e.key === 'Enter') { - e.preventDefault(); - } - }); - - // Save Slug on Clicking Outside the Editable Field - $(document).on('click', function (e) { - if (slugWrapper.attr('contenteditable') === 'true' && !$(e.target).closest('.directorist_listing-slug-text').length) { - var slugText = slugWrapper.text(); - - // If the slug was changed, save the new value - if (oldSlugVal.trim() !== slugText.trim()) { - saveSlug(slugWrapper); - } - - // Exit editing mode - slugWrapper.attr('contenteditable', 'false').removeClass('directorist_listing-slug-text--editable'); - } - }); - - // Save slug function - function saveSlug(slugWrapper) { - var type_id = slugWrapper.data('type-id'); - var newSlugVal = slugWrapper.attr('data-value'); - var slugId = $('.directorist-slug-notice-' + type_id); // Use the correct slug notice element - - // Show loading indicator - slugWrapper.after(""); - - // AJAX request to save the slug - $.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: { - action: 'directorist_type_slug_change', - directorist_nonce: directorist_admin.directorist_nonce, - type_id: type_id, - update_slug: newSlugVal - }, - success: function success(response) { - // Remove loader - slugWrapper.siblings('.directorist_loader').remove(); - if (response) { - if (response.error) { - // Handle error case - slugId.removeClass('directorist-slug-notice-success'); - slugId.addClass('directorist-slug-notice-error'); - slugId.empty().html(response.error); - - // Revert to old slug on error - if (response.old_slug) { - slugWrapper.text(response.old_slug); - } - setTimeout(function () { - slugId.empty().html(''); - }, 3000); - } else { - // Handle success case - slugId.empty().html(response.success); - slugId.removeClass('directorist-slug-notice-error'); - slugId.addClass('directorist-slug-notice-success'); - setTimeout(function () { - slugWrapper.closest('.directorist-listing-slug__form').css({ - display: 'none' - }); - slugId.html(''); // Clear the success message - }, 1500); - - // Update old slug value - oldSlugVal = newSlugVal; - } - } - - // Reset editable state and classes - slugWrapper.attr('contenteditable', 'false').removeClass('directorist_listing-slug-text--editable'); - } - }); - } - }); - - // Tab Content - // Modular, classes has no styling, so reusable - $('.atbdp-tab__nav-link').on('click', function (e) { - e.preventDefault(); - var data_target = $(this).data('target'); - var current_item = $(this).parent(); - // Active Nav Item - $('.atbdp-tab__nav-item').removeClass('active'); - current_item.addClass('active'); - // Active Tab Content - $('.atbdp-tab__content').removeClass('active'); - $(data_target).addClass('active'); - }); - - // Custom - $('.atbdp-tab-nav-menu__link').on('click', function (e) { - e.preventDefault(); - var data_target = $(this).data('target'); - var current_item = $(this).parent(); - // Active Nav Item - $('.atbdp-tab-nav-menu__item').removeClass('active'); - current_item.addClass('active'); - // Active Tab Content - $('.atbdp-tab-content').removeClass('active'); - $(data_target).addClass('active'); - }); - - // Section Toggle - $('.atbdp-section-toggle').on('click', function (e) { - e.preventDefault(); - var data_target = $(this).data('target'); - $(data_target).slideToggle(); - }); - - // Accordion Toggle - $('.atbdp-accordion-toggle').on('click', function (e) { - e.preventDefault(); - var data_parent = $(this).data('parent'); - var data_target = $(this).data('target'); - if ($(data_target).hasClass('active')) { - $(data_target).removeClass('active'); - $(data_target).slideUp(); - } else { - $(data_parent).find('.atbdp-accordion-content').removeClass('active'); - $(data_target).toggleClass('active'); - $(data_parent).find('.atbdp-accordion-content').slideUp(); - $(data_target).slideToggle(); - } - }); -}); - -/***/ }), - -/***/ "./assets/src/js/admin/components/subscriptionManagement.js": -/*!******************************************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + var $ = jQuery; + + // Init Category Icon Picker + function initCategoryIconPicker() { + var iconPickerContainer = document.querySelector( + '.directorist-category-icon-picker' + ); + if (!iconPickerContainer) { + return; + } + var iconValueElm = document.querySelector( + '.category_icon_value' + ); + var iconValue = iconValueElm ? iconValueElm.value : ''; + var onSelectIcon = function onSelectIcon(value) { + iconValueElm.setAttribute('value', value); + }; + var args = {}; + args.container = iconPickerContainer; + args.onSelect = onSelectIcon; + args.icons = { + fontAwesome: directoriistFontAwesomeIcons, + lineAwesome: directoriistLineAwesomeIcons, + }; + args.value = iconValue; + args.labels = directorist_admin.icon_picker_labels; + var iconPicker = new IconPicker(args); + iconPicker.init(); + } + initCategoryIconPicker(); + + // Category icon selection + function selecWithIcon(selected) { + if (!selected.id) { + return selected.text; + } + var $elem = $( + " ") + .concat(selected.text, '') + ); + return $elem; + } + if ($('#category_icon').length) { + $('#category_icon').select2({ + placeholder: + directorist_admin.i18n_text.icon_choose_text, + allowClear: true, + templateResult: selecWithIcon, + }); + } + $('body').on( + 'click', + '.directorist_settings-trigger', + function () { + $('.setting-left-sibebar').toggleClass('active'); + $('.directorist_settings-panel-shade').toggleClass( + 'active' + ); + } + ); + $('body').on( + 'click', + '.directorist_settings-panel-shade', + function () { + $('.setting-left-sibebar').removeClass('active'); + $(this).removeClass('active'); + } + ); + + // Directorist More Dropdown + $('body').on( + 'click', + '.directorist_more-dropdown-toggle', + function (e) { + e.preventDefault(); + $(this).toggleClass('active'); + $('.directorist_more-dropdown-option').removeClass( + 'active' + ); + $(this) + .siblings('.directorist_more-dropdown-option') + .removeClass('active'); + $(this) + .next('.directorist_more-dropdown-option') + .toggleClass('active'); + e.stopPropagation(); + } + ); + $(document).on('click', function (e) { + if ( + $(e.target).is( + '.directorist_more-dropdown-toggle, .active' + ) === false + ) { + $('.directorist_more-dropdown-option').removeClass( + 'active' + ); + $('.directorist_more-dropdown-toggle').removeClass( + 'active' + ); + } + }); + + // Select Dropdown + $('body').on( + 'click', + '.directorist_dropdown .directorist_dropdown-toggle', + function (e) { + e.preventDefault(); + $(this) + .siblings('.directorist_dropdown-option') + .toggle(); + } + ); + + // Select Option after click + $('body').on( + 'click', + '.directorist_dropdown .directorist_dropdown-option ul li a', + function (e) { + e.preventDefault(); + var optionText = $(this).html(); + $(this) + .children('.directorist_dropdown-toggle__text') + .html(optionText); + $(this) + .closest('.directorist_dropdown-option') + .siblings('.directorist_dropdown-toggle') + .children('.directorist_dropdown-toggle__text') + .html(optionText); + $('.directorist_dropdown-option').hide(); + } + ); + + // Hide Clicked Anywhere + $(document).bind('click', function (e) { + var clickedDom = $(e.target); + if ( + !clickedDom + .parents() + .hasClass('directorist_dropdown') + ) { + $('.directorist_dropdown-option').hide(); + } + }); + $('.directorist-type-slug-content').each( + function (id, element) { + var slugWrapper = $(element).children( + '.directorist_listing-slug-text' + ); + var oldSlugVal = slugWrapper.attr('data-value'); + + // Edit Slug on Click + slugWrapper.on('click', function (e) { + e.preventDefault(); + // Check if any other slug is editable + $( + '.directorist_listing-slug-text[contenteditable="true"]' + ).each(function () { + if ($(this).is(slugWrapper)) return; // Skip current slug + + $(document).trigger('click'); // Click outside to save the previous slug + }); + + // Set the current slug as editable + $(this).attr('contenteditable', true); + $(this).addClass( + 'directorist_listing-slug-text--editable' + ); + $(this).focus(); + }); + + // Slug Edit and Save on Enter Keypress + slugWrapper.on('input keypress', function (e) { + var slugText = $(this).text(); + $(this).attr('data-value', slugText); + + // Save on Enter Key + if ( + e.key === 'Enter' && + slugText.trim() !== '' + ) { + e.preventDefault(); + saveSlug(slugWrapper); // Trigger save function + } + + // Prevent empty save on Enter key + if ( + slugText.trim() === '' && + e.key === 'Enter' + ) { + e.preventDefault(); + } + }); + + // Save Slug on Clicking Outside the Editable Field + $(document).on('click', function (e) { + if ( + slugWrapper.attr('contenteditable') === + 'true' && + !$(e.target).closest( + '.directorist_listing-slug-text' + ).length + ) { + var slugText = slugWrapper.text(); + + // If the slug was changed, save the new value + if (oldSlugVal.trim() !== slugText.trim()) { + saveSlug(slugWrapper); + } + + // Exit editing mode + slugWrapper + .attr('contenteditable', 'false') + .removeClass( + 'directorist_listing-slug-text--editable' + ); + } + }); + + // Save slug function + function saveSlug(slugWrapper) { + var type_id = slugWrapper.data('type-id'); + var newSlugVal = slugWrapper.attr('data-value'); + var slugId = $( + '.directorist-slug-notice-' + type_id + ); // Use the correct slug notice element + + // Show loading indicator + slugWrapper.after( + '' + ); + + // AJAX request to save the slug + $.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: { + action: 'directorist_type_slug_change', + directorist_nonce: + directorist_admin.directorist_nonce, + type_id: type_id, + update_slug: newSlugVal, + }, + success: function success(response) { + // Remove loader + slugWrapper + .siblings('.directorist_loader') + .remove(); + if (response) { + if (response.error) { + // Handle error case + slugId.removeClass( + 'directorist-slug-notice-success' + ); + slugId.addClass( + 'directorist-slug-notice-error' + ); + slugId + .empty() + .html(response.error); + + // Revert to old slug on error + if (response.old_slug) { + slugWrapper.text( + response.old_slug + ); + } + setTimeout(function () { + slugId.empty().html(''); + }, 3000); + } else { + // Handle success case + slugId + .empty() + .html(response.success); + slugId.removeClass( + 'directorist-slug-notice-error' + ); + slugId.addClass( + 'directorist-slug-notice-success' + ); + setTimeout(function () { + slugWrapper + .closest( + '.directorist-listing-slug__form' + ) + .css({ + display: 'none', + }); + slugId.html(''); // Clear the success message + }, 1500); + + // Update old slug value + oldSlugVal = newSlugVal; + } + } + + // Reset editable state and classes + slugWrapper + .attr('contenteditable', 'false') + .removeClass( + 'directorist_listing-slug-text--editable' + ); + }, + }); + } + } + ); + + // Tab Content + // Modular, classes has no styling, so reusable + $('.atbdp-tab__nav-link').on('click', function (e) { + e.preventDefault(); + var data_target = $(this).data('target'); + var current_item = $(this).parent(); + // Active Nav Item + $('.atbdp-tab__nav-item').removeClass('active'); + current_item.addClass('active'); + // Active Tab Content + $('.atbdp-tab__content').removeClass('active'); + $(data_target).addClass('active'); + }); + + // Custom + $('.atbdp-tab-nav-menu__link').on('click', function (e) { + e.preventDefault(); + var data_target = $(this).data('target'); + var current_item = $(this).parent(); + // Active Nav Item + $('.atbdp-tab-nav-menu__item').removeClass('active'); + current_item.addClass('active'); + // Active Tab Content + $('.atbdp-tab-content').removeClass('active'); + $(data_target).addClass('active'); + }); + + // Section Toggle + $('.atbdp-section-toggle').on('click', function (e) { + e.preventDefault(); + var data_target = $(this).data('target'); + $(data_target).slideToggle(); + }); + + // Accordion Toggle + $('.atbdp-accordion-toggle').on('click', function (e) { + e.preventDefault(); + var data_parent = $(this).data('parent'); + var data_target = $(this).data('target'); + if ($(data_target).hasClass('active')) { + $(data_target).removeClass('active'); + $(data_target).slideUp(); + } else { + $(data_parent) + .find('.atbdp-accordion-content') + .removeClass('active'); + $(data_target).toggleClass('active'); + $(data_parent) + .find('.atbdp-accordion-content') + .slideUp(); + $(data_target).slideToggle(); + } + }); + }); + + /***/ + }, + + /***/ './assets/src/js/admin/components/subscriptionManagement.js': + /*!******************************************************************!*\ !*** ./assets/src/js/admin/components/subscriptionManagement.js ***! \******************************************************************/ -/***/ (function() { - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -window.addEventListener('load', function () { - var $ = jQuery; - - // License Authentication - // ---------------------------------------------------------- - // atbdp_get_license_authentication - var is_sending = false; - $('#atbdp-directorist-license-login-form').on('submit', function (e) { - e.preventDefault(); - if (is_sending) { - return; - } - var form = $(this); - var submit_button = form.find('button[type="submit"]'); - var form_data = { - action: 'atbdp_authenticate_the_customer', - username: form.find('input[name="username"]').val(), - password: form.find('input[name="password"]').val(), - nonce: directorist_admin.nonce - }; - $('.atbdp-form-feedback').html(''); - is_sending = true; - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend: function beforeSend() { - submit_button.prepend(''); - submit_button.attr('disabled', true); - }, - success: function success(response) { - var _response$status, _response$status2; - // console.log({response}); - - if (response.has_previous_subscriptions) { - location.reload(); - return; - } - is_sending = false; - submit_button.attr('disabled', false); - submit_button.find('.atbdp-loading').remove(); - if (response !== null && response !== void 0 && (_response$status = response.status) !== null && _response$status !== void 0 && _response$status.log) { - for (var feedback in response.status.log) { - var alert_type = response.status.log[feedback].type; - var _alert = "
    ").concat(alert_message, "
    "); - $('.atbdp-form-feedback').append(_alert); - } - } - if (response !== null && response !== void 0 && (_response$status2 = response.status) !== null && _response$status2 !== void 0 && _response$status2.success) { - location.reload(); - return; - // removed by dead control flow - - // removed by dead control flow - - // removed by dead control flow - var form_response_page; - // removed by dead control flow - - - // Append Response - // removed by dead control flow - - // removed by dead control flow - var themes; - // removed by dead control flow - var plugins; - // removed by dead control flow - var total_theme; - // removed by dead control flow - var total_plugin; - - // console.log( { plugins, themes } ); - - // removed by dead control flow - var title; - // removed by dead control flow - var title; - // removed by dead control flow - - - // Show Log - Themes - // removed by dead control flow - var li, list_action, label, checkbox, theme, _iterator, _step, counter, theme_check_lists, theme_title, theme_section; - - // Show Log - Extensions - // removed by dead control flow - var li, label, list_action, checkbox, extension, _iterator2, _step2, counter, plugin_check_lists, plugin_title, plugin_section; - // removed by dead control flow - var continue_button; - // removed by dead control flow - var skip_button; - // removed by dead control flow - - // removed by dead control flow - - // removed by dead control flow - - } - }, - error: function error(_error2) { - console.log(_error2); - is_sending = false; - submit_button.attr('disabled', false); - submit_button.find('.atbdp-loading').remove(); - } - }); - }); - - // Reload Button - $('body').on('click', '.reload', function (e) { - e.preventDefault(); - // console.log('reloading...'); - location.reload(); - }); - - // Extension Update Button - $('.ext-update-btn').on('click', function (e) { - e.preventDefault(); - $(this).prop('disabled', true); - var plugin_key = $(this).data('key'); - var button_default_html = $(this).html(); - var form_data = { - action: 'atbdp_update_plugins', - nonce: directorist_admin.nonce - }; - if (plugin_key) { - form_data.plugin_key = plugin_key; - } - - // console.log( { plugin_key } ); - - var self = this; - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend: function beforeSend() { - var icon = ' Updating'; - $(self).html(icon); - }, - success: function success(response) { - // console.log( { response } ); - - if (response.status.success) { - $(self).html('Updated'); - location.reload(); - } else { - $(self).html(button_default_html); - alert(response.status.message); - } - }, - error: function error(_error3) { - console.log(_error3); - $(self).html(button_default_html); - $(this).prop('disabled', false); - } - }); - }); - - // Install Button - $('.file-install-btn').on('click', function (e) { - e.preventDefault(); - if ($(this).hasClass('in-progress')) { - // console.log('Wait...'); - return; - } - var data_key = $(this).data('key'); - var data_type = $(this).data('type'); - var form_data = { - action: 'atbdp_install_file_from_subscriptions', - item_key: data_key, - type: data_type, - nonce: directorist_admin.nonce - }; - var btn_default_html = $(this).html(); - ext_is_installing = true; - var self = this; - $(this).prop('disabled', true); - $(this).addClass('in-progress'); - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend: function beforeSend() { - $(self).html('Installing'); - var icon = ' '; - $(self).prepend(icon); - }, - success: function success(response) { - // console.log(response); - - if (response.status && !response.status.success && response.status.message) { - alert(response.status.message); - } - if (response.status && response.status.success) { - $(self).html('Installed'); - location.reload(); - } else { - $(self).html('Failed'); - } - }, - error: function error(_error4) { - console.log(_error4); - $(this).prop('disabled', false); - $(this).removeClass('in-progress'); - $(self).html(btn_default_html); - } - }); - }); - - // Plugin Active Button - $('.plugin-active-btn').on('click', function (e) { - e.preventDefault(); - if ($(this).hasClass('in-progress')) { - // console.log('Wait...'); - return; - } - var data_key = $(this).data('key'); - var form_data = { - action: 'atbdp_activate_plugin', - item_key: data_key, - nonce: directorist_admin.nonce - }; - var btn_default_html = $(this).html(); - var self = this; - $(this).prop('disabled', true); - $(this).addClass('in-progress'); - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend: function beforeSend() { - $(self).html('Activating'); - var icon = ' '; - $(self).prepend(icon); - }, - success: function success(response) { - // console.log(response); - - // return; - - if (response.status && !response.status.success && response.status.message) { - alert(response.status.message); - } - if (response.status && response.status.success) { - $(self).html('Activated'); - } else { - $(self).html('Failed'); - } - location.reload(); - }, - error: function error(_error5) { - console.log(_error5); - $(this).prop('disabled', false); - $(this).removeClass('in-progress'); - $(self).html(btn_default_html); - } - }); - }); - - // Purchase refresh btn - $('.purchase-refresh-btn').on('click', function (e) { - e.preventDefault(); - var purchase_refresh_btn_wrapper = $(this).parent(); - var auth_section = $('.et-auth-section'); - $(purchase_refresh_btn_wrapper).animate({ - width: 0 - }, 500); - $(auth_section).animate({ - width: 330 - }, 500); - }); - - // et-close-auth-btn - $('.et-close-auth-btn').on('click', function (e) { - e.preventDefault(); - var auth_section = $('.et-auth-section'); - var purchase_refresh_btn_wrapper = $('.purchase-refresh-btn-wrapper'); - $(purchase_refresh_btn_wrapper).animate({ - width: 182 - }, 500); - $(auth_section).animate({ - width: 0 - }, 500); - }); - - // purchase-refresh-form - $('#purchase-refresh-form').on('submit', function (e) { - e.preventDefault(); - // console.log( 'purchase-refresh-form' ); - - var submit_btn = $(this).find('button[type="submit"]'); - var btn_default_html = submit_btn.html(); - var close_btn = $(this).find('.et-close-auth-btn'); - var form_feedback = $(this).find('.atbdp-form-feedback'); - $(submit_btn).prop('disabled', true); - $(close_btn).addClass('atbdp-d-none'); - var password = $(this).find('input[name="password"]').val(); - var form_data = { - action: 'atbdp_refresh_purchase_status', - password: password, - nonce: directorist_admin.nonce - }; - form_feedback.html(''); - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend: function beforeSend() { - $(submit_btn).html(''); - }, - success: function success(response) { - // console.log(response); - - if (response.status.message) { - var feedback_type = response.status.success ? 'success' : 'danger'; - var message = "").concat(response.status.message, ""); - form_feedback.html(message); - } - if (!response.status.success) { - $(submit_btn).html(btn_default_html); - $(submit_btn).prop('disabled', false); - $(close_btn).removeClass('atbdp-d-none'); - if (response.status.reload) { - location.reload(); - } - } else { - location.reload(); - } - }, - error: function error(_error6) { - console.log(_error6); - $(submit_btn).prop('disabled', false); - $(submit_btn).html(btn_default_html); - $(close_btn).removeClass('atbdp-d-none'); - } - }); - }); - - // Logout - $('.subscriptions-logout-btn').on('click', function (e) { - e.preventDefault(); - var hard_logout = $(this).data('hard-logout'); - var form_data = { - action: 'atbdp_close_subscriptions_sassion', - hard_logout: hard_logout, - nonce: directorist_admin.nonce - }; - var self = this; - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend: function beforeSend() { - $(self).html(' Logging out'); - }, - success: function success(response) { - // console.log( response ); - location.reload(); - }, - error: function error(_error7) { - // console.log(error); - $(this).prop('disabled', false); - $(this).removeClass('in-progress'); - $(self).html(btn_default_html); - } - }); - - // atbdp_close_subscriptions_sassion - }); - - // Form Actions - // Apply button active status - My extension form - var extFormCheckboxes = document.querySelectorAll('#atbdp-extensions-tab input[type="checkbox"]'); - var extFormActionSelect = document.querySelectorAll('#atbdp-extensions-tab select[name="bulk-actions"]'); - //console.log(extFormActionSelect); - extFormCheckboxes.forEach(function (elm) { - var thisClosest = elm.closest('form'); - var bulkAction = thisClosest.querySelector('.ei-action-dropdown select'); - var actionBtn = thisClosest.querySelector('.ei-action-btn'); - elm.addEventListener('change', function () { - this.checked === true && bulkAction.value !== '' ? actionBtn.classList.add('ei-action-active') : this.checked === false ? actionBtn.classList.remove('ei-action-active') : ''; - }); - }); - extFormActionSelect.forEach(function (elm) { - var thisClosest = elm.closest('form'); - var checkboxes = thisClosest.querySelectorAll('input[type="checkbox"]'); - var actionBtn = thisClosest.querySelector('.ei-action-btn'); - elm.addEventListener('change', function () { - checkboxes.forEach(function (checkbox) { - if (checkbox.checked === true && this.value !== '') { - actionBtn.classList.add('ei-action-active'); - } - }); - if (this.value === '') { - actionBtn.classList.remove('ei-action-active'); - } - }); - }); - - // Bulk Actions - My extensions form - var is_bulk_processing = false; - $('#atbdp-my-extensions-form').on('submit', function (e) { - e.preventDefault(); - if (is_bulk_processing) { - return; - } - var task = $(this).find('select[name="bulk-actions"]').val(); - var plugins_items = []; - $(this).find('.extension-name-checkbox').each(function (i, e) { - var is_checked = $(e).is(':checked'); - var id = $(e).attr('id'); - if (is_checked) { - plugins_items.push(id); - } - }); - if (!task.length || !plugins_items.length) { - return; - } - var self = this; - is_bulk_processing = true; - form_data = { - action: 'atbdp_plugins_bulk_action', - task: task, - plugin_items: plugins_items, - directorist_nonce: directorist_admin.directorist_nonce - }; - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend: function beforeSend() { - $(self).find('button[type="submit"]').prepend(' '); - }, - success: function success(response) { - $(self).find('button[type="submit"] .atbdp-icon').remove(); - location.reload(); - }, - error: function error(_error8) { - uninstalling = false; - } - }); - - // console.log( task, plugins_items ); - }); - - // Bulk Actions - My extensions form - var is_bulk_processing = false; - $('#atbdp-my-subscribed-extensions-form').on('submit', function (e) { - e.preventDefault(); - if (is_bulk_processing) { - return; - } - var self = this; - var task = $(this).find('select[name="bulk-actions"]').val(); - var plugins_items = []; - var tergeted_items_elm = '.extension-name-checkbox'; - $(self).find(tergeted_items_elm).each(function (i, e) { - var is_checked = $(e).is(':checked'); - var key = $(e).attr('name'); - if (is_checked) { - plugins_items.push(key); - } - }); - if (!task.length || !plugins_items.length) { - return; - } - - // Before Install - $(this).find('.file-install-btn').prop('disabled', true).addClass('in-progress'); - var loading_icon = ' '; - $(this).find('button[type="submit"]').prop('disabled', true).prepend(loading_icon); - is_bulk_processing = true; - var after_bulk_process = function after_bulk_process() { - is_bulk_processing = false; - $(self).find('button[type="submit"]').find('.atbdp-icon').remove(); - $(self).find('button[type="submit"]').prop('disabled', false); - location.reload(); - }; - plugins_bulk_actions('install', plugins_items, after_bulk_process); - }); - - // Bulk Actions - Required extensions form - var is_bulk_processing = false; - $('#atbdp-required-extensions-form').on('submit', function (e) { - e.preventDefault(); - if (is_bulk_processing) { - return; - } - var self = this; - var task = $(this).find('select[name="bulk-actions"]').val(); - var plugins_items = []; - var tergeted_items_elm = 'install' === task ? '.extension-install-checkbox' : '.extension-activate-checkbox'; - $(self).find(tergeted_items_elm).each(function (i, e) { - var is_checked = $(e).is(':checked'); - var key = $(e).attr('value'); - if (is_checked) { - plugins_items.push(key); - } - }); - if (!task.length || !plugins_items.length) { - return; - } - - // Before Install - $(this).find('.file-install-btn').prop('disabled', true).addClass('in-progress'); - $(this).find('.plugin-active-btn').prop('disabled', true).addClass('in-progress'); - var loading_icon = ' '; - $(this).find('button[type="submit"]').prop('disabled', true).prepend(loading_icon); - is_bulk_processing = true; - var after_bulk_process = function after_bulk_process() { - is_bulk_processing = false; - $(self).find('button[type="submit"]').find('.atbdp-icon').remove(); - $(self).find('button[type="submit"]').prop('disabled', false); - location.reload(); - }; - var available_task_list = ['install', 'activate']; - if (available_task_list.includes(task)) { - plugins_bulk_actions(task, plugins_items, after_bulk_process); - } - }); - - // plugins_bulk__actions - function plugins_bulk_actions(task, plugins_items, after_plugins_install) { - var action = { - install: 'atbdp_install_file_from_subscriptions', - activate: 'atbdp_activate_plugin' - }; - var btnLabelOnProgress = { - install: 'Installing', - activate: 'Activating' - }; - var btnLabelOnSuccess = { - install: 'Installed', - activate: 'Activated' - }; - var processStartBtn = { - install: '.file-install-btn', - activate: '.plugin-active-btn' - }; - var _bulk_task = function bulk_task(plugins, counter, callback) { - if (counter > plugins.length - 1) { - if (callback) { - callback(); - } - return; - } - var current_item = plugins[counter]; - var action_wrapper_key = 'install' === task ? plugins[counter] : plugins[counter].replace(/\/.+$/g, ''); - var action_wrapper = $(".ext-action-".concat(action_wrapper_key)); - var action_btn = action_wrapper.find(processStartBtn[task]); - var next_index = counter + 1; - var form_action = action[task] ? action[task] : ''; - form_data = { - action: form_action, - item_key: current_item, - type: 'plugin', - nonce: directorist_admin.nonce - }; - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend: function beforeSend() { - action_btn.html("\n \n ".concat(btnLabelOnProgress[task])); - }, - success: function success(response) { - // console.log( { response } ); - if (response.status.success) { - action_btn.html(btnLabelOnSuccess[task]); - } else { - action_btn.html('Failed'); - } - _bulk_task(plugins, next_index, callback); - }, - error: function error(_error9) { - // console.log(error); - } - }); - }; - _bulk_task(plugins_items, 0, after_plugins_install); - } - - // Ext Actions | Uninstall - var uninstalling = false; - $('.ext-action-uninstall').on('click', function (e) { - e.preventDefault(); - if (uninstalling) { - return; - } - var data_target = $(this).data('target'); - var form_data = { - action: 'atbdp_plugins_bulk_action', - task: 'uninstall', - plugin_items: [data_target], - nonce: directorist_admin.nonce - }; - var self = this; - uninstalling = true; - jQuery.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend: function beforeSend() { - $(self).prepend(' '); - }, - success: function success(response) { - // console.log( response ); - $(self).closest('.ext-action').find('.ext-action-drop').removeClass('active'); - location.reload(); - }, - error: function error(_error0) { - // console.log(error); - uninstalling = false; - } - }); - }); - - // Bulk checkbox toggle - $('#select-all-installed').on('change', function (e) { - var is_checked = $(this).is(':checked'); - if (is_checked) { - $('#atbdp-my-extensions-form').find('.extension-name-checkbox').prop('checked', true); - } else { - $('#atbdp-my-extensions-form').find('.extension-name-checkbox').prop('checked', false); - } - }); - $('#select-all-subscription').on('change', function (e) { - var is_checked = $(this).is(':checked'); - if (is_checked) { - $('#atbdp-my-subscribed-extensions-form').find('.extension-name-checkbox').prop('checked', true); - } else { - $('#atbdp-my-subscribed-extensions-form').find('.extension-name-checkbox').prop('checked', false); - } - }); - $('#select-all-required-extensions').on('change', function (e) { - var is_checked = $(this).is(':checked'); - if (is_checked) { - $('#atbdp-required-extensions-form').find('.extension-name-checkbox').prop('checked', true); - } else { - $('#atbdp-required-extensions-form').find('.extension-name-checkbox').prop('checked', false); - } - }); - - // - $('.ext-action-drop').each(function (i, e) { - $(e).on('click', function (elm) { - elm.preventDefault(); - if ($(this).hasClass('active')) { - $(this).removeClass('active'); - } else { - $('.ext-action-drop').removeClass('active'); - $(this).addClass('active'); - } - }); - }); - - // Theme Activation - var theme_is_activating = false; - $('.theme-activate-btn').on('click', function (e) { - e.preventDefault(); - if (theme_is_activating) { - return; - } - var data_target = $(this).data('target'); - if (!data_target) { - return; - } - if (!data_target.length) { - return; - } - var form_data = { - action: 'atbdp_activate_theme', - theme_stylesheet: data_target, - nonce: directorist_admin.nonce - }; - var self = this; - theme_is_activating = true; - $.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend: function beforeSend() { - $(self).prepend(' '); - }, - success: function success(response) { - // console.log({ response }); - $(self).find('.atbdp-icon').remove(); - if (response.status && response.status.success) { - location.reload(); - } - }, - error: function error(_error1) { - // console.log({ error }); - theme_is_activating = false; - $(self).find('.atbdp-icon').remove(); - } - }); - }); - - // Theme Update - $('.theme-update-btn').on('click', function (e) { - e.preventDefault(); - $(this).prop('disabled', true); - if ($(this).hasClass('in-progress')) { - return; - } - var theme_stylesheet = $(this).data('target'); - var button_default_html = $(this).html(); - var form_data = { - action: 'atbdp_update_theme', - nonce: directorist_admin.nonce - }; - if (theme_stylesheet) { - form_data.theme_stylesheet = theme_stylesheet; - } - var self = this; - $(this).addClass('in-progress'); - $.ajax({ - type: 'post', - url: directorist_admin.ajaxurl, - data: form_data, - beforeSend: function beforeSend() { - $(self).html(' Updating'); - }, - success: function success(response) { - // console.log({ response }); - - if (response.status && response.status.success) { - $(self).html('Updated'); - location.reload(); - } else { - $(self).removeClass('in-progress'); - $(self).html(button_default_html); - $(self).prop('disabled', false); - alert(response.status.message); - } - }, - error: function error(_error10) { - // console.log({ error }); - $(self).removeClass('in-progress'); - $(self).html(button_default_html); - $(self).prop('disabled', false); - } - }); - }); -}); - -/***/ }), - -/***/ "./assets/src/js/global/components/debounce.js": -/*!*****************************************************!*\ + /***/ function () { + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + window.addEventListener('load', function () { + var $ = jQuery; + + // License Authentication + // ---------------------------------------------------------- + // atbdp_get_license_authentication + var is_sending = false; + $('#atbdp-directorist-license-login-form').on( + 'submit', + function (e) { + e.preventDefault(); + if (is_sending) { + return; + } + var form = $(this); + var submit_button = form.find( + 'button[type="submit"]' + ); + var form_data = { + action: 'atbdp_authenticate_the_customer', + username: form + .find('input[name="username"]') + .val(), + password: form + .find('input[name="password"]') + .val(), + nonce: directorist_admin.nonce, + }; + $('.atbdp-form-feedback').html(''); + is_sending = true; + jQuery.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: form_data, + beforeSend: function beforeSend() { + submit_button.prepend( + '' + ); + submit_button.attr('disabled', true); + }, + success: function success(response) { + var _response$status, _response$status2; + // console.log({response}); + + if (response.has_previous_subscriptions) { + location.reload(); + return; + } + is_sending = false; + submit_button.attr('disabled', false); + submit_button + .find('.atbdp-loading') + .remove(); + if ( + response !== null && + response !== void 0 && + (_response$status = response.status) !== + null && + _response$status !== void 0 && + _response$status.log + ) { + for (var feedback in response.status + .log) { + var alert_type = + response.status.log[feedback] + .type; + var _alert = + '
    ') + .concat( + alert_message, + '
    ' + ); + $('.atbdp-form-feedback').append( + _alert + ); + } + } + if ( + response !== null && + response !== void 0 && + (_response$status2 = + response.status) !== null && + _response$status2 !== void 0 && + _response$status2.success + ) { + location.reload(); + return; + // removed by dead control flow + + // removed by dead control flow + + // removed by dead control flow + var form_response_page; + // removed by dead control flow + + // Append Response + // removed by dead control flow + + // removed by dead control flow + var themes; + // removed by dead control flow + var plugins; + // removed by dead control flow + var total_theme; + // removed by dead control flow + var total_plugin; + + // console.log( { plugins, themes } ); + + // removed by dead control flow + var title; + // removed by dead control flow + var title; + // removed by dead control flow + + // Show Log - Themes + // removed by dead control flow + var li, + list_action, + label, + checkbox, + theme, + _iterator, + _step, + counter, + theme_check_lists, + theme_title, + theme_section; + + // Show Log - Extensions + // removed by dead control flow + var li, + label, + list_action, + checkbox, + extension, + _iterator2, + _step2, + counter, + plugin_check_lists, + plugin_title, + plugin_section; + // removed by dead control flow + var continue_button; + // removed by dead control flow + var skip_button; + // removed by dead control flow + + // removed by dead control flow + + // removed by dead control flow + } + }, + error: function error(_error2) { + console.log(_error2); + is_sending = false; + submit_button.attr('disabled', false); + submit_button + .find('.atbdp-loading') + .remove(); + }, + }); + } + ); + + // Reload Button + $('body').on('click', '.reload', function (e) { + e.preventDefault(); + // console.log('reloading...'); + location.reload(); + }); + + // Extension Update Button + $('.ext-update-btn').on('click', function (e) { + e.preventDefault(); + $(this).prop('disabled', true); + var plugin_key = $(this).data('key'); + var button_default_html = $(this).html(); + var form_data = { + action: 'atbdp_update_plugins', + nonce: directorist_admin.nonce, + }; + if (plugin_key) { + form_data.plugin_key = plugin_key; + } + + // console.log( { plugin_key } ); + + var self = this; + jQuery.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: form_data, + beforeSend: function beforeSend() { + var icon = + ' Updating'; + $(self).html(icon); + }, + success: function success(response) { + // console.log( { response } ); + + if (response.status.success) { + $(self).html('Updated'); + location.reload(); + } else { + $(self).html(button_default_html); + alert(response.status.message); + } + }, + error: function error(_error3) { + console.log(_error3); + $(self).html(button_default_html); + $(this).prop('disabled', false); + }, + }); + }); + + // Install Button + $('.file-install-btn').on('click', function (e) { + e.preventDefault(); + if ($(this).hasClass('in-progress')) { + // console.log('Wait...'); + return; + } + var data_key = $(this).data('key'); + var data_type = $(this).data('type'); + var form_data = { + action: 'atbdp_install_file_from_subscriptions', + item_key: data_key, + type: data_type, + nonce: directorist_admin.nonce, + }; + var btn_default_html = $(this).html(); + ext_is_installing = true; + var self = this; + $(this).prop('disabled', true); + $(this).addClass('in-progress'); + jQuery.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: form_data, + beforeSend: function beforeSend() { + $(self).html('Installing'); + var icon = + ' '; + $(self).prepend(icon); + }, + success: function success(response) { + // console.log(response); + + if ( + response.status && + !response.status.success && + response.status.message + ) { + alert(response.status.message); + } + if ( + response.status && + response.status.success + ) { + $(self).html('Installed'); + location.reload(); + } else { + $(self).html('Failed'); + } + }, + error: function error(_error4) { + console.log(_error4); + $(this).prop('disabled', false); + $(this).removeClass('in-progress'); + $(self).html(btn_default_html); + }, + }); + }); + + // Plugin Active Button + $('.plugin-active-btn').on('click', function (e) { + e.preventDefault(); + if ($(this).hasClass('in-progress')) { + // console.log('Wait...'); + return; + } + var data_key = $(this).data('key'); + var form_data = { + action: 'atbdp_activate_plugin', + item_key: data_key, + nonce: directorist_admin.nonce, + }; + var btn_default_html = $(this).html(); + var self = this; + $(this).prop('disabled', true); + $(this).addClass('in-progress'); + jQuery.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: form_data, + beforeSend: function beforeSend() { + $(self).html('Activating'); + var icon = + ' '; + $(self).prepend(icon); + }, + success: function success(response) { + // console.log(response); + + // return; + + if ( + response.status && + !response.status.success && + response.status.message + ) { + alert(response.status.message); + } + if ( + response.status && + response.status.success + ) { + $(self).html('Activated'); + } else { + $(self).html('Failed'); + } + location.reload(); + }, + error: function error(_error5) { + console.log(_error5); + $(this).prop('disabled', false); + $(this).removeClass('in-progress'); + $(self).html(btn_default_html); + }, + }); + }); + + // Purchase refresh btn + $('.purchase-refresh-btn').on('click', function (e) { + e.preventDefault(); + var purchase_refresh_btn_wrapper = $(this).parent(); + var auth_section = $('.et-auth-section'); + $(purchase_refresh_btn_wrapper).animate( + { + width: 0, + }, + 500 + ); + $(auth_section).animate( + { + width: 330, + }, + 500 + ); + }); + + // et-close-auth-btn + $('.et-close-auth-btn').on('click', function (e) { + e.preventDefault(); + var auth_section = $('.et-auth-section'); + var purchase_refresh_btn_wrapper = $( + '.purchase-refresh-btn-wrapper' + ); + $(purchase_refresh_btn_wrapper).animate( + { + width: 182, + }, + 500 + ); + $(auth_section).animate( + { + width: 0, + }, + 500 + ); + }); + + // purchase-refresh-form + $('#purchase-refresh-form').on('submit', function (e) { + e.preventDefault(); + // console.log( 'purchase-refresh-form' ); + + var submit_btn = $(this).find('button[type="submit"]'); + var btn_default_html = submit_btn.html(); + var close_btn = $(this).find('.et-close-auth-btn'); + var form_feedback = $(this).find( + '.atbdp-form-feedback' + ); + $(submit_btn).prop('disabled', true); + $(close_btn).addClass('atbdp-d-none'); + var password = $(this) + .find('input[name="password"]') + .val(); + var form_data = { + action: 'atbdp_refresh_purchase_status', + password: password, + nonce: directorist_admin.nonce, + }; + form_feedback.html(''); + jQuery.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: form_data, + beforeSend: function beforeSend() { + $(submit_btn).html( + '' + ); + }, + success: function success(response) { + // console.log(response); + + if (response.status.message) { + var feedback_type = response.status.success + ? 'success' + : 'danger'; + var message = '') + .concat( + response.status.message, + '' + ); + form_feedback.html(message); + } + if (!response.status.success) { + $(submit_btn).html(btn_default_html); + $(submit_btn).prop('disabled', false); + $(close_btn).removeClass('atbdp-d-none'); + if (response.status.reload) { + location.reload(); + } + } else { + location.reload(); + } + }, + error: function error(_error6) { + console.log(_error6); + $(submit_btn).prop('disabled', false); + $(submit_btn).html(btn_default_html); + $(close_btn).removeClass('atbdp-d-none'); + }, + }); + }); + + // Logout + $('.subscriptions-logout-btn').on('click', function (e) { + e.preventDefault(); + var hard_logout = $(this).data('hard-logout'); + var form_data = { + action: 'atbdp_close_subscriptions_sassion', + hard_logout: hard_logout, + nonce: directorist_admin.nonce, + }; + var self = this; + jQuery.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: form_data, + beforeSend: function beforeSend() { + $(self).html( + ' Logging out' + ); + }, + success: function success(response) { + // console.log( response ); + location.reload(); + }, + error: function error(_error7) { + // console.log(error); + $(this).prop('disabled', false); + $(this).removeClass('in-progress'); + $(self).html(btn_default_html); + }, + }); + + // atbdp_close_subscriptions_sassion + }); + + // Form Actions + // Apply button active status - My extension form + var extFormCheckboxes = document.querySelectorAll( + '#atbdp-extensions-tab input[type="checkbox"]' + ); + var extFormActionSelect = document.querySelectorAll( + '#atbdp-extensions-tab select[name="bulk-actions"]' + ); + //console.log(extFormActionSelect); + extFormCheckboxes.forEach(function (elm) { + var thisClosest = elm.closest('form'); + var bulkAction = thisClosest.querySelector( + '.ei-action-dropdown select' + ); + var actionBtn = + thisClosest.querySelector('.ei-action-btn'); + elm.addEventListener('change', function () { + this.checked === true && bulkAction.value !== '' + ? actionBtn.classList.add('ei-action-active') + : this.checked === false + ? actionBtn.classList.remove( + 'ei-action-active' + ) + : ''; + }); + }); + extFormActionSelect.forEach(function (elm) { + var thisClosest = elm.closest('form'); + var checkboxes = thisClosest.querySelectorAll( + 'input[type="checkbox"]' + ); + var actionBtn = + thisClosest.querySelector('.ei-action-btn'); + elm.addEventListener('change', function () { + checkboxes.forEach(function (checkbox) { + if ( + checkbox.checked === true && + this.value !== '' + ) { + actionBtn.classList.add('ei-action-active'); + } + }); + if (this.value === '') { + actionBtn.classList.remove('ei-action-active'); + } + }); + }); + + // Bulk Actions - My extensions form + var is_bulk_processing = false; + $('#atbdp-my-extensions-form').on('submit', function (e) { + e.preventDefault(); + if (is_bulk_processing) { + return; + } + var task = $(this) + .find('select[name="bulk-actions"]') + .val(); + var plugins_items = []; + $(this) + .find('.extension-name-checkbox') + .each(function (i, e) { + var is_checked = $(e).is(':checked'); + var id = $(e).attr('id'); + if (is_checked) { + plugins_items.push(id); + } + }); + if (!task.length || !plugins_items.length) { + return; + } + var self = this; + is_bulk_processing = true; + form_data = { + action: 'atbdp_plugins_bulk_action', + task: task, + plugin_items: plugins_items, + directorist_nonce: + directorist_admin.directorist_nonce, + }; + jQuery.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: form_data, + beforeSend: function beforeSend() { + $(self) + .find('button[type="submit"]') + .prepend( + ' ' + ); + }, + success: function success(response) { + $(self) + .find('button[type="submit"] .atbdp-icon') + .remove(); + location.reload(); + }, + error: function error(_error8) { + uninstalling = false; + }, + }); + + // console.log( task, plugins_items ); + }); + + // Bulk Actions - My extensions form + var is_bulk_processing = false; + $('#atbdp-my-subscribed-extensions-form').on( + 'submit', + function (e) { + e.preventDefault(); + if (is_bulk_processing) { + return; + } + var self = this; + var task = $(this) + .find('select[name="bulk-actions"]') + .val(); + var plugins_items = []; + var tergeted_items_elm = '.extension-name-checkbox'; + $(self) + .find(tergeted_items_elm) + .each(function (i, e) { + var is_checked = $(e).is(':checked'); + var key = $(e).attr('name'); + if (is_checked) { + plugins_items.push(key); + } + }); + if (!task.length || !plugins_items.length) { + return; + } + + // Before Install + $(this) + .find('.file-install-btn') + .prop('disabled', true) + .addClass('in-progress'); + var loading_icon = + ' '; + $(this) + .find('button[type="submit"]') + .prop('disabled', true) + .prepend(loading_icon); + is_bulk_processing = true; + var after_bulk_process = + function after_bulk_process() { + is_bulk_processing = false; + $(self) + .find('button[type="submit"]') + .find('.atbdp-icon') + .remove(); + $(self) + .find('button[type="submit"]') + .prop('disabled', false); + location.reload(); + }; + plugins_bulk_actions( + 'install', + plugins_items, + after_bulk_process + ); + } + ); + + // Bulk Actions - Required extensions form + var is_bulk_processing = false; + $('#atbdp-required-extensions-form').on( + 'submit', + function (e) { + e.preventDefault(); + if (is_bulk_processing) { + return; + } + var self = this; + var task = $(this) + .find('select[name="bulk-actions"]') + .val(); + var plugins_items = []; + var tergeted_items_elm = + 'install' === task + ? '.extension-install-checkbox' + : '.extension-activate-checkbox'; + $(self) + .find(tergeted_items_elm) + .each(function (i, e) { + var is_checked = $(e).is(':checked'); + var key = $(e).attr('value'); + if (is_checked) { + plugins_items.push(key); + } + }); + if (!task.length || !plugins_items.length) { + return; + } + + // Before Install + $(this) + .find('.file-install-btn') + .prop('disabled', true) + .addClass('in-progress'); + $(this) + .find('.plugin-active-btn') + .prop('disabled', true) + .addClass('in-progress'); + var loading_icon = + ' '; + $(this) + .find('button[type="submit"]') + .prop('disabled', true) + .prepend(loading_icon); + is_bulk_processing = true; + var after_bulk_process = + function after_bulk_process() { + is_bulk_processing = false; + $(self) + .find('button[type="submit"]') + .find('.atbdp-icon') + .remove(); + $(self) + .find('button[type="submit"]') + .prop('disabled', false); + location.reload(); + }; + var available_task_list = ['install', 'activate']; + if (available_task_list.includes(task)) { + plugins_bulk_actions( + task, + plugins_items, + after_bulk_process + ); + } + } + ); + + // plugins_bulk__actions + function plugins_bulk_actions( + task, + plugins_items, + after_plugins_install + ) { + var action = { + install: 'atbdp_install_file_from_subscriptions', + activate: 'atbdp_activate_plugin', + }; + var btnLabelOnProgress = { + install: 'Installing', + activate: 'Activating', + }; + var btnLabelOnSuccess = { + install: 'Installed', + activate: 'Activated', + }; + var processStartBtn = { + install: '.file-install-btn', + activate: '.plugin-active-btn', + }; + var _bulk_task = function bulk_task( + plugins, + counter, + callback + ) { + if (counter > plugins.length - 1) { + if (callback) { + callback(); + } + return; + } + var current_item = plugins[counter]; + var action_wrapper_key = + 'install' === task + ? plugins[counter] + : plugins[counter].replace(/\/.+$/g, ''); + var action_wrapper = $( + '.ext-action-'.concat(action_wrapper_key) + ); + var action_btn = action_wrapper.find( + processStartBtn[task] + ); + var next_index = counter + 1; + var form_action = action[task] ? action[task] : ''; + form_data = { + action: form_action, + item_key: current_item, + type: 'plugin', + nonce: directorist_admin.nonce, + }; + jQuery.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: form_data, + beforeSend: function beforeSend() { + action_btn.html( + '\n \n '.concat( + btnLabelOnProgress[task] + ) + ); + }, + success: function success(response) { + // console.log( { response } ); + if (response.status.success) { + action_btn.html( + btnLabelOnSuccess[task] + ); + } else { + action_btn.html('Failed'); + } + _bulk_task(plugins, next_index, callback); + }, + error: function error(_error9) { + // console.log(error); + }, + }); + }; + _bulk_task(plugins_items, 0, after_plugins_install); + } + + // Ext Actions | Uninstall + var uninstalling = false; + $('.ext-action-uninstall').on('click', function (e) { + e.preventDefault(); + if (uninstalling) { + return; + } + var data_target = $(this).data('target'); + var form_data = { + action: 'atbdp_plugins_bulk_action', + task: 'uninstall', + plugin_items: [data_target], + nonce: directorist_admin.nonce, + }; + var self = this; + uninstalling = true; + jQuery.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: form_data, + beforeSend: function beforeSend() { + $(self).prepend( + ' ' + ); + }, + success: function success(response) { + // console.log( response ); + $(self) + .closest('.ext-action') + .find('.ext-action-drop') + .removeClass('active'); + location.reload(); + }, + error: function error(_error0) { + // console.log(error); + uninstalling = false; + }, + }); + }); + + // Bulk checkbox toggle + $('#select-all-installed').on('change', function (e) { + var is_checked = $(this).is(':checked'); + if (is_checked) { + $('#atbdp-my-extensions-form') + .find('.extension-name-checkbox') + .prop('checked', true); + } else { + $('#atbdp-my-extensions-form') + .find('.extension-name-checkbox') + .prop('checked', false); + } + }); + $('#select-all-subscription').on('change', function (e) { + var is_checked = $(this).is(':checked'); + if (is_checked) { + $('#atbdp-my-subscribed-extensions-form') + .find('.extension-name-checkbox') + .prop('checked', true); + } else { + $('#atbdp-my-subscribed-extensions-form') + .find('.extension-name-checkbox') + .prop('checked', false); + } + }); + $('#select-all-required-extensions').on( + 'change', + function (e) { + var is_checked = $(this).is(':checked'); + if (is_checked) { + $('#atbdp-required-extensions-form') + .find('.extension-name-checkbox') + .prop('checked', true); + } else { + $('#atbdp-required-extensions-form') + .find('.extension-name-checkbox') + .prop('checked', false); + } + } + ); + + // + $('.ext-action-drop').each(function (i, e) { + $(e).on('click', function (elm) { + elm.preventDefault(); + if ($(this).hasClass('active')) { + $(this).removeClass('active'); + } else { + $('.ext-action-drop').removeClass('active'); + $(this).addClass('active'); + } + }); + }); + + // Theme Activation + var theme_is_activating = false; + $('.theme-activate-btn').on('click', function (e) { + e.preventDefault(); + if (theme_is_activating) { + return; + } + var data_target = $(this).data('target'); + if (!data_target) { + return; + } + if (!data_target.length) { + return; + } + var form_data = { + action: 'atbdp_activate_theme', + theme_stylesheet: data_target, + nonce: directorist_admin.nonce, + }; + var self = this; + theme_is_activating = true; + $.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: form_data, + beforeSend: function beforeSend() { + $(self).prepend( + ' ' + ); + }, + success: function success(response) { + // console.log({ response }); + $(self).find('.atbdp-icon').remove(); + if ( + response.status && + response.status.success + ) { + location.reload(); + } + }, + error: function error(_error1) { + // console.log({ error }); + theme_is_activating = false; + $(self).find('.atbdp-icon').remove(); + }, + }); + }); + + // Theme Update + $('.theme-update-btn').on('click', function (e) { + e.preventDefault(); + $(this).prop('disabled', true); + if ($(this).hasClass('in-progress')) { + return; + } + var theme_stylesheet = $(this).data('target'); + var button_default_html = $(this).html(); + var form_data = { + action: 'atbdp_update_theme', + nonce: directorist_admin.nonce, + }; + if (theme_stylesheet) { + form_data.theme_stylesheet = theme_stylesheet; + } + var self = this; + $(this).addClass('in-progress'); + $.ajax({ + type: 'post', + url: directorist_admin.ajaxurl, + data: form_data, + beforeSend: function beforeSend() { + $(self).html( + ' Updating' + ); + }, + success: function success(response) { + // console.log({ response }); + + if ( + response.status && + response.status.success + ) { + $(self).html('Updated'); + location.reload(); + } else { + $(self).removeClass('in-progress'); + $(self).html(button_default_html); + $(self).prop('disabled', false); + alert(response.status.message); + } + }, + error: function error(_error10) { + // console.log({ error }); + $(self).removeClass('in-progress'); + $(self).html(button_default_html); + $(self).prop('disabled', false); + }, + }); + }); + }); + + /***/ + }, + + /***/ './assets/src/js/global/components/debounce.js': + /*!*****************************************************!*\ !*** ./assets/src/js/global/components/debounce.js ***! \*****************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ debounce; } -/* harmony export */ }); -function debounce(func, wait, immediate) { - var timeout; - return function () { - var context = this, - args = arguments; - var later = function later() { - timeout = null; - if (!immediate) func.apply(context, args); - }; - var callNow = immediate && !timeout; - clearTimeout(timeout); - timeout = setTimeout(later, wait); - if (callNow) func.apply(context, args); - }; -} - -/***/ }), - -/***/ "./assets/src/js/global/components/modal.js": -/*!**************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ debounce; + }, + /* harmony export */ + } + ); + function debounce(func, wait, immediate) { + var timeout; + return function () { + var context = this, + args = arguments; + var later = function later() { + timeout = null; + if (!immediate) func.apply(context, args); + }; + var callNow = immediate && !timeout; + clearTimeout(timeout); + timeout = setTimeout(later, wait); + if (callNow) func.apply(context, args); + }; + } + + /***/ + }, + + /***/ './assets/src/js/global/components/modal.js': + /*!**************************************************!*\ !*** ./assets/src/js/global/components/modal.js ***! \**************************************************/ -/***/ (function() { - -var $ = jQuery; -$(document).ready(function () { - modalToggle(); -}); -function modalToggle() { - $('.atbdp_recovery_pass').on('click', function (e) { - e.preventDefault(); - $('#recover-pass-modal').slideToggle().show(); - }); - - // Contact form [on modal closed] - $('#atbdp-contact-modal').on('hidden.bs.modal', function (e) { - $('#atbdp-contact-message').val(''); - $('#atbdp-contact-message-display').html(''); - }); - - // Template Restructured - // Modal - var directoristModal = document.querySelector('.directorist-modal-js'); - $('body').on('click', '.directorist-btn-modal-js', function (e) { - e.preventDefault(); - var data_target = $(this).attr('data-directorist_target'); - document.querySelector(".".concat(data_target)).classList.add('directorist-show'); - }); - $('body').on('click', '.directorist-modal-close-js', function (e) { - e.preventDefault(); - $(this).closest('.directorist-modal-js').removeClass('directorist-show'); - }); - $(document).bind('click', function (e) { - if (e.target == directoristModal) { - directoristModal.classList.remove('directorist-show'); - } - }); -} - -/***/ }), - -/***/ "./assets/src/js/global/components/select2-custom-control.js": -/*!*******************************************************************!*\ + /***/ function () { + var $ = jQuery; + $(document).ready(function () { + modalToggle(); + }); + function modalToggle() { + $('.atbdp_recovery_pass').on('click', function (e) { + e.preventDefault(); + $('#recover-pass-modal').slideToggle().show(); + }); + + // Contact form [on modal closed] + $('#atbdp-contact-modal').on( + 'hidden.bs.modal', + function (e) { + $('#atbdp-contact-message').val(''); + $('#atbdp-contact-message-display').html(''); + } + ); + + // Template Restructured + // Modal + var directoristModal = document.querySelector( + '.directorist-modal-js' + ); + $('body').on( + 'click', + '.directorist-btn-modal-js', + function (e) { + e.preventDefault(); + var data_target = $(this).attr( + 'data-directorist_target' + ); + document + .querySelector('.'.concat(data_target)) + .classList.add('directorist-show'); + } + ); + $('body').on( + 'click', + '.directorist-modal-close-js', + function (e) { + e.preventDefault(); + $(this) + .closest('.directorist-modal-js') + .removeClass('directorist-show'); + } + ); + $(document).bind('click', function (e) { + if (e.target == directoristModal) { + directoristModal.classList.remove( + 'directorist-show' + ); + } + }); + } + + /***/ + }, + + /***/ './assets/src/js/global/components/select2-custom-control.js': + /*!*******************************************************************!*\ !*** ./assets/src/js/global/components/select2-custom-control.js ***! \*******************************************************************/ -/***/ (function() { - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -var $ = jQuery; -window.addEventListener('load', waitAndInit); -window.addEventListener('directorist-search-form-nav-tab-reloaded', waitAndInit); -window.addEventListener('directorist-type-change', waitAndInit); -window.addEventListener('directorist-instant-search-reloaded', waitAndInit); -function waitAndInit() { - setTimeout(init, 0); -} - -// Initialize -function init() { - // Add custom dropdown toggle button - selec2_add_custom_dropdown_toggle_button(); - - // Add custom close button where needed - selec2_add_custom_close_button_if_needed(); - - // Add custom close button if field contains value on change - $('.select2-hidden-accessible').on('change', function (e) { - var value = $(this).children('option:selected').val(); - if (!value) { - return; - } - selec2_add_custom_close_button($(this)); - var selectItems = this.parentElement.querySelectorAll('.select2-selection__choice'); - selectItems.forEach(function (item) { - item.childNodes && item.childNodes.forEach(function (node) { - if (node.nodeType && node.nodeType === Node.TEXT_NODE) { - var originalString = node.textContent; - var modifiedString = originalString.replace(/^[\s\xa0]+/, ''); - node.textContent = modifiedString; - item.title = modifiedString; - } - }); - }); - var customSelectItem = this.parentElement.querySelector('.select2-selection__rendered'); - customSelectItem.childNodes && customSelectItem.childNodes.forEach(function (node) { - if (node.nodeType && node.nodeType === Node.TEXT_NODE) { - var originalString = node.textContent; - var modifiedString = originalString.replace(/^[\s\xa0]+/, ''); - node.textContent = modifiedString; - } - }); - }); -} -function selec2_add_custom_dropdown_toggle_button() { - // Remove Default - $('.select2-selection__arrow').css({ - display: 'none' - }); - var addon_container = selec2_get_addon_container('.select2-hidden-accessible'); - if (!addon_container) { - return; - } - var dropdown = addon_container.find('.directorist-select2-dropdown-toggle'); - if (!dropdown.length) { - // Add Dropdown Toggle Button - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/chevron-down.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - var dropdownHTML = "".concat(iconHTML, ""); - addon_container.append(dropdownHTML); - } - var selec2_custom_dropdown = addon_container.find('.directorist-select2-dropdown-toggle'); - - // Toggle --is-open class - $('.select2-hidden-accessible').on('select2:open', function (e) { - var dropdown_btn = $(this).next().find('.directorist-select2-dropdown-toggle'); - dropdown_btn.addClass('--is-open'); - }); - $('.select2-hidden-accessible').on('select2:close', function (e) { - var dropdown_btn = $(this).next().find('.directorist-select2-dropdown-toggle'); - dropdown_btn.removeClass('--is-open'); - var dropdownParent = $(this).closest('.directorist-search-field'); - var renderTitle = $(this).next().find('.select2-selection__rendered').attr('title'); - - // Check if renderTitle is empty and remove the focus class if so - if (!renderTitle) { - dropdownParent.removeClass('input-is-focused'); - } else { - dropdownParent.addClass('input-has-value'); - } - }); - - // Toggle Dropdown - selec2_custom_dropdown.on('click', function (e) { - var isOpen = $(this).hasClass('--is-open'); - var field = $(this).closest('.select2-container').siblings('select:enabled'); - if (isOpen) { - field.select2('close'); - } else { - field.select2('open'); - } - }); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_add_custom_close_button_if_needed() { - var select2_fields = $('.select2-hidden-accessible'); - if (!select2_fields && !select2_fields.length) { - return; - } - var _iterator = _createForOfIteratorHelper(select2_fields), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var field = _step.value; - var value = $(field).children('option:selected').val(); - if (!value) { - continue; - } - selec2_add_custom_close_button(field); - } - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } -} -function selec2_add_custom_close_button(field) { - // Remove Default - $('.select2-selection__clear').css({ - display: 'none' - }); - var addon_container = selec2_get_addon_container(field); - if (!(addon_container && addon_container.length)) { - return; - } - - // Remove if already exists - addon_container.find('.directorist-select2-dropdown-close').remove(); - - // Add - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/times.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - addon_container.prepend("".concat(iconHTML, "")); - var selec2_custom_close = addon_container.find('.directorist-select2-dropdown-close'); - selec2_custom_close.on('click', function (e) { - var field = $(this).closest('.select2-container').siblings('select:enabled'); - field.val(null).trigger('change'); - addon_container.find('.directorist-select2-dropdown-close').remove(); - selec2_adjust_space_for_addons(); - }); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_remove_custom_close_button(field) { - var addon_container = selec2_get_addon_container(field); - if (!(addon_container && addon_container.length)) { - return; - } - - // Remove - addon_container.find('.directorist-select2-dropdown-close').remove(); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_get_addon_container(field) { - var container = field ? $(field).next('.select2-container') : $('.select2-container'); - container = $(container).find('.directorist-select2-addons-area'); - if (!container.length) { - $('.select2-container').append(''); - container = $('.select2-container').find('.directorist-select2-addons-area'); - } - var container = field ? $(field).next('.select2-container') : null; - if (!container) { - return null; - } - var addonsArea = $(container).find('.directorist-select2-addons-area'); - if (!addonsArea.length) { - container.append(''); - return container.find('.directorist-select2-addons-area'); - } - return addonsArea; -} -function selec2_adjust_space_for_addons() { - var container = $('.select2-container').find('.directorist-select2-addons-area'); - if (!container.length) { - return; - } - var width = container.outerWidth(); - $('.select2-container').find('.select2-selection__rendered').css({ - 'padding-right': width + 'px' - }); -} - -/***/ }), - -/***/ "./assets/src/js/global/components/setup-select2.js": -/*!**********************************************************!*\ + /***/ function () { + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + var $ = jQuery; + window.addEventListener('load', waitAndInit); + window.addEventListener( + 'directorist-search-form-nav-tab-reloaded', + waitAndInit + ); + window.addEventListener('directorist-type-change', waitAndInit); + window.addEventListener( + 'directorist-instant-search-reloaded', + waitAndInit + ); + function waitAndInit() { + setTimeout(init, 0); + } + + // Initialize + function init() { + // Add custom dropdown toggle button + selec2_add_custom_dropdown_toggle_button(); + + // Add custom close button where needed + selec2_add_custom_close_button_if_needed(); + + // Add custom close button if field contains value on change + $('.select2-hidden-accessible').on('change', function (e) { + var value = $(this).children('option:selected').val(); + if (!value) { + return; + } + selec2_add_custom_close_button($(this)); + var selectItems = this.parentElement.querySelectorAll( + '.select2-selection__choice' + ); + selectItems.forEach(function (item) { + item.childNodes && + item.childNodes.forEach(function (node) { + if ( + node.nodeType && + node.nodeType === Node.TEXT_NODE + ) { + var originalString = node.textContent; + var modifiedString = + originalString.replace( + /^[\s\xa0]+/, + '' + ); + node.textContent = modifiedString; + item.title = modifiedString; + } + }); + }); + var customSelectItem = this.parentElement.querySelector( + '.select2-selection__rendered' + ); + customSelectItem.childNodes && + customSelectItem.childNodes.forEach( + function (node) { + if ( + node.nodeType && + node.nodeType === Node.TEXT_NODE + ) { + var originalString = node.textContent; + var modifiedString = + originalString.replace( + /^[\s\xa0]+/, + '' + ); + node.textContent = modifiedString; + } + } + ); + }); + } + function selec2_add_custom_dropdown_toggle_button() { + // Remove Default + $('.select2-selection__arrow').css({ + display: 'none', + }); + var addon_container = selec2_get_addon_container( + '.select2-hidden-accessible' + ); + if (!addon_container) { + return; + } + var dropdown = addon_container.find( + '.directorist-select2-dropdown-toggle' + ); + if (!dropdown.length) { + // Add Dropdown Toggle Button + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/chevron-down.svg'; + var iconHTML = directorist.icon_markup + .replace('##URL##', iconURL) + .replace('##CLASS##', ''); + var dropdownHTML = + ''.concat( + iconHTML, + '' + ); + addon_container.append(dropdownHTML); + } + var selec2_custom_dropdown = addon_container.find( + '.directorist-select2-dropdown-toggle' + ); + + // Toggle --is-open class + $('.select2-hidden-accessible').on( + 'select2:open', + function (e) { + var dropdown_btn = $(this) + .next() + .find('.directorist-select2-dropdown-toggle'); + dropdown_btn.addClass('--is-open'); + } + ); + $('.select2-hidden-accessible').on( + 'select2:close', + function (e) { + var dropdown_btn = $(this) + .next() + .find('.directorist-select2-dropdown-toggle'); + dropdown_btn.removeClass('--is-open'); + var dropdownParent = $(this).closest( + '.directorist-search-field' + ); + var renderTitle = $(this) + .next() + .find('.select2-selection__rendered') + .attr('title'); + + // Check if renderTitle is empty and remove the focus class if so + if (!renderTitle) { + dropdownParent.removeClass('input-is-focused'); + } else { + dropdownParent.addClass('input-has-value'); + } + } + ); + + // Toggle Dropdown + selec2_custom_dropdown.on('click', function (e) { + var isOpen = $(this).hasClass('--is-open'); + var field = $(this) + .closest('.select2-container') + .siblings('select:enabled'); + if (isOpen) { + field.select2('close'); + } else { + field.select2('open'); + } + }); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_add_custom_close_button_if_needed() { + var select2_fields = $('.select2-hidden-accessible'); + if (!select2_fields && !select2_fields.length) { + return; + } + var _iterator = _createForOfIteratorHelper(select2_fields), + _step; + try { + for (_iterator.s(); !(_step = _iterator.n()).done; ) { + var field = _step.value; + var value = $(field) + .children('option:selected') + .val(); + if (!value) { + continue; + } + selec2_add_custom_close_button(field); + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + } + function selec2_add_custom_close_button(field) { + // Remove Default + $('.select2-selection__clear').css({ + display: 'none', + }); + var addon_container = selec2_get_addon_container(field); + if (!(addon_container && addon_container.length)) { + return; + } + + // Remove if already exists + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + + // Add + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/times.svg'; + var iconHTML = directorist.icon_markup + .replace('##URL##', iconURL) + .replace('##CLASS##', ''); + addon_container.prepend( + ''.concat( + iconHTML, + '' + ) + ); + var selec2_custom_close = addon_container.find( + '.directorist-select2-dropdown-close' + ); + selec2_custom_close.on('click', function (e) { + var field = $(this) + .closest('.select2-container') + .siblings('select:enabled'); + field.val(null).trigger('change'); + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + selec2_adjust_space_for_addons(); + }); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_remove_custom_close_button(field) { + var addon_container = selec2_get_addon_container(field); + if (!(addon_container && addon_container.length)) { + return; + } + + // Remove + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_get_addon_container(field) { + var container = field + ? $(field).next('.select2-container') + : $('.select2-container'); + container = $(container).find( + '.directorist-select2-addons-area' + ); + if (!container.length) { + $('.select2-container').append( + '' + ); + container = $('.select2-container').find( + '.directorist-select2-addons-area' + ); + } + var container = field + ? $(field).next('.select2-container') + : null; + if (!container) { + return null; + } + var addonsArea = $(container).find( + '.directorist-select2-addons-area' + ); + if (!addonsArea.length) { + container.append( + '' + ); + return container.find( + '.directorist-select2-addons-area' + ); + } + return addonsArea; + } + function selec2_adjust_space_for_addons() { + var container = $('.select2-container').find( + '.directorist-select2-addons-area' + ); + if (!container.length) { + return; + } + var width = container.outerWidth(); + $('.select2-container') + .find('.select2-selection__rendered') + .css({ + 'padding-right': width + 'px', + }); + } + + /***/ + }, + + /***/ './assets/src/js/global/components/setup-select2.js': + /*!**********************************************************!*\ !*** ./assets/src/js/global/components/setup-select2.js ***! \**********************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js"); -/* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../../lib/helper */ "./assets/src/js/lib/helper.js"); -/* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./select2-custom-control */ "./assets/src/js/global/components/select2-custom-control.js"); -/* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_select2_custom_control__WEBPACK_IMPORTED_MODULE_2__); - -function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } -function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } - - -var $ = jQuery; -window.addEventListener('load', initSelect2); -document.body.addEventListener('directorist-search-form-nav-tab-reloaded', initSelect2); -document.body.addEventListener('directorist-reload-select2-fields', initSelect2); -window.addEventListener('directorist-instant-search-reloaded', initSelect2); - -// Init Static Select 2 Fields -function initSelect2() { - var selectors = ['.directorist-select select', '#directorist-select-js', - // Not found in any template - '#directorist-search-category-js', - // Not found in any template - // '#directorist-select-st-s-js', - // '#directorist-select-sn-s-js', - // '#directorist-select-mn-e-js', - // '#directorist-select-tu-e-js', - // '#directorist-select-wd-s-js', - // '#directorist-select-wd-e-js', - // '#directorist-select-th-e-js', - // '#directorist-select-fr-s-js', - // '#directorist-select-fr-e-js', - '.select-basic', - // Not found in any template - '#loc-type', '#cat-type', '#at_biz_dir-category', '.bdas-location-search', - // Not found in any template - '.bdas-category-search' // Not found in any template - ]; - selectors.forEach(function (selector) { - return (0,_lib_helper__WEBPACK_IMPORTED_MODULE_1__.convertToSelect2)(selector); - }); - initMaybeLazyLoadedTaxonomySelect2(); -} - -// Init Select2 Ajax Fields -function initMaybeLazyLoadedTaxonomySelect2() { - var restBase = "".concat(directorist.rest_url, "directorist/v1"); - maybeLazyLoadCategories({ - selector: '.directorist-search-category select', - url: "".concat(restBase, "/listings/categories") - }); - maybeLazyLoadCategories({ - selector: '.directorist-form-categories-field select', - url: "".concat(restBase, "/listings/categories") - }); - maybeLazyLoadLocations({ - selector: '.directorist-search-location select', - url: "".concat(restBase, "/listings/locations") - }); - maybeLazyLoadLocations({ - selector: '.directorist-form-location-field select', - url: "".concat(restBase, "/listings/locations") - }); - maybeLazyLoadTags({ - selector: '.directorist-form-tag-field select', - url: "".concat(restBase, "/listings/tags") - }); -} -function maybeLazyLoadCategories(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'categories' - }), args)); -} -function maybeLazyLoadLocations(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'locations' - }), args)); -} -function maybeLazyLoadTags(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'tags' - }), args)); -} - -// maybeLazyLoadTaxonomyTermsSelect2 -function maybeLazyLoadTaxonomyTermsSelect2(args) { - var defaults = { - selector: '', - url: '', - taxonomy: 'tags' - }; - args = _objectSpread(_objectSpread({}, defaults), args); - if (!args.selector) { - return; - } - var $el = $(args.selector); - var $addListing = $el.closest('.directorist-add-listing-form'); - var canCreate = $el.data('allow_new'); - var maxLength = $el.data('max'); - var directoryId = 0; - if (args.taxonomy !== 'tags') { - var $searchForm = $el.closest('.directorist-search-form'); - var $archivePage = $el.closest('.directorist-archive-contents'); - var $directory = $addListing.find('input[name="directory_type"]'); - var $navListItem = null; - - // If search page - if ($searchForm.length) { - $navListItem = $searchForm.find('.directorist-listing-type-selection__link--current'); - } - if ($archivePage.length) { - $navListItem = $archivePage.find('.directorist-type-nav__list li.directorist-type-nav__list__current .directorist-type-nav__link'); - } - if ($navListItem && $navListItem.length) { - directoryId = Number($navListItem.data('listing_type_id')); - } - if ($directory.length) { - directoryId = $directory.val(); - } - if (directoryId) { - directoryId = Number(directoryId); - } - } - var currentPage = 1; - var select2Options = { - allowClear: true, - tags: canCreate, - maximumSelectionLength: maxLength, - width: '100%', - escapeMarkup: function escapeMarkup(text) { - return text; - }, - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - - // Fetch the data-icon attribute - var iconURI = $(data.element).attr('data-icon'); - - // Get the original text - var originalText = data.text; - - // Match and count leading spaces - var leadingSpaces = originalText.match(/^\s+/); - var spaceCount = leadingSpaces ? leadingSpaces[0].length : 0; - - // Trim leading spaces from the original text - originalText = originalText.trim(); - - // Construct the icon element - var iconElm = iconURI ? "") : ''; - - // Prepare the combined text (icon + text) - var combinedText = iconElm + originalText; - - // Create the state container - var $state = $('
    '); - - // Determine the level based on space count - var level = Math.floor(spaceCount / 8) + 1; // 8 spaces = level 2, 16 spaces = level 3, etc. - if (level > 1) { - $state.addClass('item-level-' + level); // Add class for the level (e.g., level-1, level-2, etc.) - } - $state.html(combinedText); // Set the combined content (icon + text) - - return $state; - } - }; - if (directorist.lazy_load_taxonomy_fields) { - select2Options.ajax = { - url: args.url, - dataType: 'json', - cache: true, - delay: 250, - data: function data(params) { - currentPage = params.page || 1; - var query = { - page: currentPage, - per_page: args.perPage, - hide_empty: true - }; - - // Load empty terms on add listings. - if ($addListing.length) { - query.hide_empty = false; - } - if (params.term) { - query.search = params.term; - query.hide_empty = false; - } - if (directoryId) { - query.directory = directoryId; - } - return query; - }, - processResults: function processResults(data) { - return { - results: data.items, - pagination: { - more: data.paginationMore - } - }; - }, - transport: function transport(params, success, failure) { - var $request = $.ajax(params); - $request.then(function (data, textStatus, jqXHR) { - var totalPage = Number(jqXHR.getResponseHeader('x-wp-totalpages')); - var paginationMore = currentPage < totalPage; - var items = data.map(function (item) { - var text = item.name; - if (!$addListing.length && params.data.search) { - text = "".concat(item.name, " (").concat(item.count, ")"); - } - return { - id: item.id, - text: text - }; - }); - return { - items: items, - paginationMore: paginationMore - }; - }).then(success); - $request.fail(failure); - return $request; - } - }; - } - $el.length && $el.select2(select2Options); - if (directorist.lazy_load_taxonomy_fields) { - var setupSelectedItems = function setupSelectedItems($el, selectedId, selectedLabel) { - if (!$el.length || !selectedId) { - return; - } - var selectedIds = "".concat(selectedId).split(','); - var selectedLabels = selectedLabel ? "".concat(selectedLabel).split(',') : []; - selectedIds.forEach(function (id, index) { - var label = selectedLabels.length >= index + 1 ? selectedLabels[index] : ''; - var option = new Option(label, id, true, true); - $el.append(option); - $el.trigger({ - type: 'select2:select', - params: { - data: { - id: id, - text: label - } - } - }); - }); - }; - setupSelectedItems($el, $el.data('selected-id'), $el.data('selected-label')); - } -} - -/***/ }), - -/***/ "./assets/src/js/global/components/tabs.js": -/*!*************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/defineProperty */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/defineProperty.js' + ); + /* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./../../lib/helper */ './assets/src/js/lib/helper.js' + ); + /* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./select2-custom-control */ './assets/src/js/global/components/select2-custom-control.js' + ); + /* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ + ); + + function ownKeys(e, r) { + var t = Object.keys(e); + if (Object.getOwnPropertySymbols) { + var o = Object.getOwnPropertySymbols(e); + (r && + (o = o.filter(function (r) { + return Object.getOwnPropertyDescriptor(e, r) + .enumerable; + })), + t.push.apply(t, o)); + } + return t; + } + function _objectSpread(e) { + for (var r = 1; r < arguments.length; r++) { + var t = null != arguments[r] ? arguments[r] : {}; + r % 2 + ? ownKeys(Object(t), !0).forEach(function (r) { + (0, + _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(e, r, t[r]); + }) + : Object.getOwnPropertyDescriptors + ? Object.defineProperties( + e, + Object.getOwnPropertyDescriptors(t) + ) + : ownKeys(Object(t)).forEach(function (r) { + Object.defineProperty( + e, + r, + Object.getOwnPropertyDescriptor( + t, + r + ) + ); + }); + } + return e; + } + + var $ = jQuery; + window.addEventListener('load', initSelect2); + document.body.addEventListener( + 'directorist-search-form-nav-tab-reloaded', + initSelect2 + ); + document.body.addEventListener( + 'directorist-reload-select2-fields', + initSelect2 + ); + window.addEventListener( + 'directorist-instant-search-reloaded', + initSelect2 + ); + + // Init Static Select 2 Fields + function initSelect2() { + var selectors = [ + '.directorist-select select', + '#directorist-select-js', + // Not found in any template + '#directorist-search-category-js', + // Not found in any template + // '#directorist-select-st-s-js', + // '#directorist-select-sn-s-js', + // '#directorist-select-mn-e-js', + // '#directorist-select-tu-e-js', + // '#directorist-select-wd-s-js', + // '#directorist-select-wd-e-js', + // '#directorist-select-th-e-js', + // '#directorist-select-fr-s-js', + // '#directorist-select-fr-e-js', + '.select-basic', + // Not found in any template + '#loc-type', + '#cat-type', + '#at_biz_dir-category', + '.bdas-location-search', + // Not found in any template + '.bdas-category-search', // Not found in any template + ]; + selectors.forEach(function (selector) { + return (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_1__.convertToSelect2)( + selector + ); + }); + initMaybeLazyLoadedTaxonomySelect2(); + } + + // Init Select2 Ajax Fields + function initMaybeLazyLoadedTaxonomySelect2() { + var restBase = ''.concat( + directorist.rest_url, + 'directorist/v1' + ); + maybeLazyLoadCategories({ + selector: '.directorist-search-category select', + url: ''.concat(restBase, '/listings/categories'), + }); + maybeLazyLoadCategories({ + selector: '.directorist-form-categories-field select', + url: ''.concat(restBase, '/listings/categories'), + }); + maybeLazyLoadLocations({ + selector: '.directorist-search-location select', + url: ''.concat(restBase, '/listings/locations'), + }); + maybeLazyLoadLocations({ + selector: '.directorist-form-location-field select', + url: ''.concat(restBase, '/listings/locations'), + }); + maybeLazyLoadTags({ + selector: '.directorist-form-tag-field select', + url: ''.concat(restBase, '/listings/tags'), + }); + } + function maybeLazyLoadCategories(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'categories', + } + ), + args + ) + ); + } + function maybeLazyLoadLocations(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'locations', + } + ), + args + ) + ); + } + function maybeLazyLoadTags(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'tags', + } + ), + args + ) + ); + } + + // maybeLazyLoadTaxonomyTermsSelect2 + function maybeLazyLoadTaxonomyTermsSelect2(args) { + var defaults = { + selector: '', + url: '', + taxonomy: 'tags', + }; + args = _objectSpread(_objectSpread({}, defaults), args); + if (!args.selector) { + return; + } + var $el = $(args.selector); + var $addListing = $el.closest( + '.directorist-add-listing-form' + ); + var canCreate = $el.data('allow_new'); + var maxLength = $el.data('max'); + var directoryId = 0; + if (args.taxonomy !== 'tags') { + var $searchForm = $el.closest( + '.directorist-search-form' + ); + var $archivePage = $el.closest( + '.directorist-archive-contents' + ); + var $directory = $addListing.find( + 'input[name="directory_type"]' + ); + var $navListItem = null; + + // If search page + if ($searchForm.length) { + $navListItem = $searchForm.find( + '.directorist-listing-type-selection__link--current' + ); + } + if ($archivePage.length) { + $navListItem = $archivePage.find( + '.directorist-type-nav__list li.directorist-type-nav__list__current .directorist-type-nav__link' + ); + } + if ($navListItem && $navListItem.length) { + directoryId = Number( + $navListItem.data('listing_type_id') + ); + } + if ($directory.length) { + directoryId = $directory.val(); + } + if (directoryId) { + directoryId = Number(directoryId); + } + } + var currentPage = 1; + var select2Options = { + allowClear: true, + tags: canCreate, + maximumSelectionLength: maxLength, + width: '100%', + escapeMarkup: function escapeMarkup(text) { + return text; + }, + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + + // Fetch the data-icon attribute + var iconURI = $(data.element).attr('data-icon'); + + // Get the original text + var originalText = data.text; + + // Match and count leading spaces + var leadingSpaces = originalText.match(/^\s+/); + var spaceCount = leadingSpaces + ? leadingSpaces[0].length + : 0; + + // Trim leading spaces from the original text + originalText = originalText.trim(); + + // Construct the icon element + var iconElm = iconURI + ? '' + ) + : ''; + + // Prepare the combined text (icon + text) + var combinedText = iconElm + originalText; + + // Create the state container + var $state = $( + '
    ' + ); + + // Determine the level based on space count + var level = Math.floor(spaceCount / 8) + 1; // 8 spaces = level 2, 16 spaces = level 3, etc. + if (level > 1) { + $state.addClass('item-level-' + level); // Add class for the level (e.g., level-1, level-2, etc.) + } + $state.html(combinedText); // Set the combined content (icon + text) + + return $state; + }, + }; + if (directorist.lazy_load_taxonomy_fields) { + select2Options.ajax = { + url: args.url, + dataType: 'json', + cache: true, + delay: 250, + data: function data(params) { + currentPage = params.page || 1; + var query = { + page: currentPage, + per_page: args.perPage, + hide_empty: true, + }; + + // Load empty terms on add listings. + if ($addListing.length) { + query.hide_empty = false; + } + if (params.term) { + query.search = params.term; + query.hide_empty = false; + } + if (directoryId) { + query.directory = directoryId; + } + return query; + }, + processResults: function processResults(data) { + return { + results: data.items, + pagination: { + more: data.paginationMore, + }, + }; + }, + transport: function transport( + params, + success, + failure + ) { + var $request = $.ajax(params); + $request + .then(function (data, textStatus, jqXHR) { + var totalPage = Number( + jqXHR.getResponseHeader( + 'x-wp-totalpages' + ) + ); + var paginationMore = + currentPage < totalPage; + var items = data.map(function (item) { + var text = item.name; + if ( + !$addListing.length && + params.data.search + ) { + text = '' + .concat(item.name, ' (') + .concat(item.count, ')'); + } + return { + id: item.id, + text: text, + }; + }); + return { + items: items, + paginationMore: paginationMore, + }; + }) + .then(success); + $request.fail(failure); + return $request; + }, + }; + } + $el.length && $el.select2(select2Options); + if (directorist.lazy_load_taxonomy_fields) { + function setupSelectedItems( + $el, + selectedId, + selectedLabel + ) { + if (!$el.length || !selectedId) { + return; + } + var selectedIds = ''.concat(selectedId).split(','); + var selectedLabels = selectedLabel + ? ''.concat(selectedLabel).split(',') + : []; + selectedIds.forEach(function (id, index) { + var label = + selectedLabels.length >= index + 1 + ? selectedLabels[index] + : ''; + var option = new Option(label, id, true, true); + $el.append(option); + $el.trigger({ + type: 'select2:select', + params: { + data: { + id: id, + text: label, + }, + }, + }); + }); + } + setupSelectedItems( + $el, + $el.data('selected-id'), + $el.data('selected-label') + ); + } + } + + /***/ + }, + + /***/ './assets/src/js/global/components/tabs.js': + /*!*************************************************!*\ !*** ./assets/src/js/global/components/tabs.js ***! \*************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"); - -document.addEventListener('load', init, false); -function Tasks() { - return { - init: function init() { - this.initToggleTabLinks(); - }, - initToggleTabLinks: function initToggleTabLinks() { - var links = document.querySelectorAll('.directorist-toggle-tab'); - if (!links) { - return; - } - var self = this; - (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(links).forEach(function (item) { - item.addEventListener('click', function (event) { - self.handleToggleTabLinksEvent(item, event); - }); - }); - }, - handleToggleTabLinksEvent: function handleToggleTabLinksEvent(item, event) { - event.preventDefault(); - var navContainerClass = item.getAttribute('data-nav-container'); - var tabContainerClass = item.getAttribute('data-tab-container'); - var tabClass = item.getAttribute('data-tab'); - if (!navContainerClass || !tabContainerClass || !tabClass) { - return; - } - var navContainer = item.closest('.' + navContainerClass); - var tabContainer = document.querySelector('.' + tabContainerClass); - if (!navContainer || !tabContainer) { - return; - } - var tab = tabContainer.querySelector('.' + tabClass); - if (!tab) { - return; - } - - // Remove Active Class - var removeActiveClass = function removeActiveClass(item) { - item.classList.remove('--is-active'); - }; - - // Toggle Nav - var activeNavItems = navContainer.querySelectorAll('.--is-active'); - if (activeNavItems) { - (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(activeNavItems).forEach(removeActiveClass); - } - item.classList.add('--is-active'); - - // Toggle Tab - var activeTabItems = tabContainer.querySelectorAll('.--is-active'); - if (activeTabItems) { - (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(activeTabItems).forEach(removeActiveClass); - } - tab.classList.add('--is-active'); - - // Update Query Var - var queryVarKey = item.getAttribute('data-query-var-key'); - var queryVarValue = item.getAttribute('data-query-var-value'); - if (!queryVarKey || !queryVarValue) { - return; - } - this.addQueryParam(queryVarKey, queryVarValue); - }, - addQueryParam: function addQueryParam(key, value) { - var url = new URL(window.location.href); - url.searchParams.set(key, value); - window.history.pushState({}, '', url.toString()); - } - }; -} -function init() { - var tasks = new Tasks(); - tasks.init(); -} - -/***/ }), - -/***/ "./assets/src/js/global/components/utility.js": -/*!****************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/toConsumableArray */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js' + ); + + document.addEventListener('load', init, false); + function Tasks() { + return { + init: function init() { + this.initToggleTabLinks(); + }, + initToggleTabLinks: function initToggleTabLinks() { + var links = document.querySelectorAll( + '.directorist-toggle-tab' + ); + if (!links) { + return; + } + var self = this; + (0, + _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(links).forEach(function (item) { + item.addEventListener( + 'click', + function (event) { + self.handleToggleTabLinksEvent( + item, + event + ); + } + ); + }); + }, + handleToggleTabLinksEvent: + function handleToggleTabLinksEvent(item, event) { + event.preventDefault(); + var navContainerClass = + item.getAttribute('data-nav-container'); + var tabContainerClass = + item.getAttribute('data-tab-container'); + var tabClass = item.getAttribute('data-tab'); + if ( + !navContainerClass || + !tabContainerClass || + !tabClass + ) { + return; + } + var navContainer = item.closest( + '.' + navContainerClass + ); + var tabContainer = document.querySelector( + '.' + tabContainerClass + ); + if (!navContainer || !tabContainer) { + return; + } + var tab = tabContainer.querySelector( + '.' + tabClass + ); + if (!tab) { + return; + } + + // Remove Active Class + var removeActiveClass = + function removeActiveClass(item) { + item.classList.remove('--is-active'); + }; + + // Toggle Nav + var activeNavItems = + navContainer.querySelectorAll( + '.--is-active' + ); + if (activeNavItems) { + (0, + _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(activeNavItems).forEach( + removeActiveClass + ); + } + item.classList.add('--is-active'); + + // Toggle Tab + var activeTabItems = + tabContainer.querySelectorAll( + '.--is-active' + ); + if (activeTabItems) { + (0, + _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(activeTabItems).forEach( + removeActiveClass + ); + } + tab.classList.add('--is-active'); + + // Update Query Var + var queryVarKey = + item.getAttribute('data-query-var-key'); + var queryVarValue = item.getAttribute( + 'data-query-var-value' + ); + if (!queryVarKey || !queryVarValue) { + return; + } + this.addQueryParam(queryVarKey, queryVarValue); + }, + addQueryParam: function addQueryParam(key, value) { + var url = new URL(window.location.href); + url.searchParams.set(key, value); + window.history.pushState({}, '', url.toString()); + }, + }; + } + function init() { + var tasks = new Tasks(); + tasks.init(); + } + + /***/ + }, + + /***/ './assets/src/js/global/components/utility.js': + /*!****************************************************!*\ !*** ./assets/src/js/global/components/utility.js ***! \****************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - var $ = jQuery; - document.querySelectorAll('.la-icon i').forEach(function (item) { - className.push(item.getAttribute('class')); - }); - - // Handle Disabled Link Action - $('.atbdp-disabled').on('click', function (e) { - e.preventDefault(); - }); - - // Toggle Modal - $('.cptm-modal-toggle').on('click', function (e) { - e.preventDefault(); - var target_class = $(this).data('target'); - $('.' + target_class).toggleClass('active'); - }); - - // Change label on file select/change - $('.cptm-file-field').on('change', function (e) { - var target_id = $(this).attr('id'); - $('label[for=' + target_id + ']').text('Change'); - }); -}); - -/***/ }), - -/***/ "./assets/src/js/global/global.js": -/*!****************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + var $ = jQuery; + document + .querySelectorAll('.la-icon i') + .forEach(function (item) { + className.push(item.getAttribute('class')); + }); + + // Handle Disabled Link Action + $('.atbdp-disabled').on('click', function (e) { + e.preventDefault(); + }); + + // Toggle Modal + $('.cptm-modal-toggle').on('click', function (e) { + e.preventDefault(); + var target_class = $(this).data('target'); + $('.' + target_class).toggleClass('active'); + }); + + // Change label on file select/change + $('.cptm-file-field').on('change', function (e) { + var target_id = $(this).attr('id'); + $('label[for=' + target_id + ']').text('Change'); + }); + }); + + /***/ + }, + + /***/ './assets/src/js/global/global.js': + /*!****************************************!*\ !*** ./assets/src/js/global/global.js ***! \****************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/modal */ "./assets/src/js/global/components/modal.js"); -/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_components_modal__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/select2-custom-control */ "./assets/src/js/global/components/select2-custom-control.js"); -/* harmony import */ var _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _components_setup_select2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/setup-select2 */ "./assets/src/js/global/components/setup-select2.js"); -/* harmony import */ var _components_tabs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/tabs */ "./assets/src/js/global/components/tabs.js"); -/* harmony import */ var _components_utility__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/utility */ "./assets/src/js/global/components/utility.js"); -/* harmony import */ var _components_utility__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_components_utility__WEBPACK_IMPORTED_MODULE_4__); - - - - - - -/***/ }), - -/***/ "./assets/src/js/lib/helper.js": -/*!*************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./components/modal */ './assets/src/js/global/components/modal.js' + ); + /* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _components_modal__WEBPACK_IMPORTED_MODULE_0__ + ); + /* harmony import */ var _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./components/select2-custom-control */ './assets/src/js/global/components/select2-custom-control.js' + ); + /* harmony import */ var _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1___default = + /*#__PURE__*/ __webpack_require__.n( + _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1__ + ); + /* harmony import */ var _components_setup_select2__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./components/setup-select2 */ './assets/src/js/global/components/setup-select2.js' + ); + /* harmony import */ var _components_tabs__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ./components/tabs */ './assets/src/js/global/components/tabs.js' + ); + /* harmony import */ var _components_utility__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ./components/utility */ './assets/src/js/global/components/utility.js' + ); + /* harmony import */ var _components_utility__WEBPACK_IMPORTED_MODULE_4___default = + /*#__PURE__*/ __webpack_require__.n( + _components_utility__WEBPACK_IMPORTED_MODULE_4__ + ); + + /***/ + }, + + /***/ './assets/src/js/lib/helper.js': + /*!*************************************!*\ !*** ./assets/src/js/lib/helper.js ***! \*************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ convertToSelect2: function() { return /* binding */ convertToSelect2; }, -/* harmony export */ get_dom_data: function() { return /* binding */ get_dom_data; } -/* harmony export */ }); -var $ = jQuery; -function get_dom_data(selector, parent) { - selector = '.directorist-dom-data-' + selector; - if (!parent) { - parent = document; - } - var el = parent.querySelector(selector); - if (!el || !el.dataset.value) { - return {}; - } - var IS_SCRIPT_DEBUGGING = directorist && directorist.script_debugging && directorist.script_debugging == '1'; - try { - var value = atob(el.dataset.value); - return JSON.parse(value); - } catch (error) { - if (IS_SCRIPT_DEBUGGING) { - console.log(el, error); - } - return {}; - } -} -function convertToSelect2(selector) { - var $selector = $(selector); - var args = { - allowClear: true, - width: '100%', - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - var iconURI = $(data.element).data('icon'); - var iconElm = ""); - var originalText = data.text; - var modifiedText = originalText.replace(/^(\s*)/, '$1' + iconElm); - var $state = $("
    ".concat(typeof iconURI !== 'undefined' && iconURI !== '' ? modifiedText : originalText, "
    ")); - return $state; - } - }; - var options = $selector.find('option'); - if (options.length && options[0].textContent.length) { - args.placeholder = options[0].textContent; - } - $selector.length && $selector.select2(args); -} - - -/***/ }), - -/***/ "./assets/src/scss/layout/admin/admin-style.scss": -/*!*******************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ convertToSelect2: function () { + return /* binding */ convertToSelect2; + }, + /* harmony export */ get_dom_data: function () { + return /* binding */ get_dom_data; + }, + /* harmony export */ + } + ); + var $ = jQuery; + function get_dom_data(selector, parent) { + selector = '.directorist-dom-data-' + selector; + if (!parent) { + parent = document; + } + var el = parent.querySelector(selector); + if (!el || !el.dataset.value) { + return {}; + } + var IS_SCRIPT_DEBUGGING = + directorist && + directorist.script_debugging && + directorist.script_debugging == '1'; + try { + var value = atob(el.dataset.value); + return JSON.parse(value); + } catch (error) { + if (IS_SCRIPT_DEBUGGING) { + console.log(el, error); + } + return {}; + } + } + function convertToSelect2(selector) { + var $selector = $(selector); + var args = { + allowClear: true, + width: '100%', + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + var iconURI = $(data.element).data('icon'); + var iconElm = + '' + ); + var originalText = data.text; + var modifiedText = originalText.replace( + /^(\s*)/, + '$1' + iconElm + ); + var $state = $( + '
    '.concat( + typeof iconURI !== 'undefined' && + iconURI !== '' + ? modifiedText + : originalText, + '
    ' + ) + ); + return $state; + }, + }; + var options = $selector.find('option'); + if (options.length && options[0].textContent.length) { + args.placeholder = options[0].textContent; + } + $selector.length && $selector.select2(args); + } + + /***/ + }, + + /***/ './assets/src/scss/layout/admin/admin-style.scss': + /*!*******************************************************!*\ !*** ./assets/src/scss/layout/admin/admin-style.scss ***! \*******************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -// extracted by mini-css-extract-plugin - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js": -/*!*********************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js ***! - \*********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _arrayLikeToArray; } -/* harmony export */ }); -function _arrayLikeToArray(r, a) { - (null == a || a > r.length) && (a = r.length); - for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; - return n; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js": -/*!**********************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js ***! - \**********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _arrayWithoutHoles; } -/* harmony export */ }); -/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayLikeToArray.js */ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"); - -function _arrayWithoutHoles(r) { - if (Array.isArray(r)) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js": -/*!*******************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/defineProperty.js ***! - \*******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _defineProperty; } -/* harmony export */ }); -/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toPropertyKey.js */ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"); - -function _defineProperty(e, r, t) { - return (r = (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r)) in e ? Object.defineProperty(e, r, { - value: t, - enumerable: !0, - configurable: !0, - writable: !0 - }) : e[r] = t, e; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/iterableToArray.js": -/*!********************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js ***! - \********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _iterableToArray; } -/* harmony export */ }); -function _iterableToArray(r) { - if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js": -/*!**********************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js ***! - \**********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _nonIterableSpread; } -/* harmony export */ }); -function _nonIterableSpread() { - throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js": -/*!**********************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js ***! - \**********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _toConsumableArray; } -/* harmony export */ }); -/* harmony import */ var _arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayWithoutHoles.js */ "./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js"); -/* harmony import */ var _iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./iterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/iterableToArray.js"); -/* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./unsupportedIterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js"); -/* harmony import */ var _nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./nonIterableSpread.js */ "./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js"); - - - - -function _toConsumableArray(r) { - return (0,_arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r) || (0,_iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__["default"])(r) || (0,_unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__["default"])(r) || (0,_nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__["default"])(); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js": -/*!****************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! - \****************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPrimitive; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); - -function toPrimitive(t, r) { - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(t) || !t) return t; - var e = t[Symbol.toPrimitive]; - if (void 0 !== e) { - var i = e.call(t, r || "default"); - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i)) return i; - throw new TypeError("@@toPrimitive must return a primitive value."); - } - return ("string" === r ? String : Number)(t); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js": -/*!******************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! - \******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPropertyKey; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); -/* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toPrimitive.js */ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js"); - - -function toPropertyKey(t) { - var i = (0,_toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__["default"])(t, "string"); - return "symbol" == (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i) ? i : i + ""; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js": -/*!***********************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***! - \***********************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _typeof; } -/* harmony export */ }); -function _typeof(o) { - "@babel/helpers - typeof"; - - return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { - return typeof o; - } : function (o) { - return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; - }, _typeof(o); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js": -/*!*******************************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js ***! - \*******************************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _unsupportedIterableToArray; } -/* harmony export */ }); -/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayLikeToArray.js */ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"); - -function _unsupportedIterableToArray(r, a) { - if (r) { - if ("string" == typeof r) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a); - var t = {}.toString.call(r).slice(8, -1); - return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a) : void 0; - } -} - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!**************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + // extracted by mini-css-extract-plugin + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js': + /*!**************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js ***! + \**************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _arrayLikeToArray; + }, + /* harmony export */ + } + ); + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js': + /*!***************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js ***! + \***************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _arrayWithoutHoles; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayLikeToArray.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js' + ); + + function _arrayWithoutHoles(r) { + if (Array.isArray(r)) + return (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/defineProperty.js': + /*!************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/defineProperty.js ***! + \************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _defineProperty; + }, + /* harmony export */ + } + ); + /* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./toPropertyKey.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js' + ); + + function _defineProperty(e, r, t) { + return ( + (r = (0, + _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r)) in e + ? Object.defineProperty(e, r, { + value: t, + enumerable: !0, + configurable: !0, + writable: !0, + }) + : (e[r] = t), + e + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/iterableToArray.js': + /*!*************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/iterableToArray.js ***! + \*************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _iterableToArray; + }, + /* harmony export */ + } + ); + function _iterableToArray(r) { + if ( + ('undefined' != typeof Symbol && + null != r[Symbol.iterator]) || + null != r['@@iterator'] + ) + return Array.from(r); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js': + /*!***************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js ***! + \***************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _nonIterableSpread; + }, + /* harmony export */ + } + ); + function _nonIterableSpread() { + throw new TypeError( + 'Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js': + /*!***************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js ***! + \***************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _toConsumableArray; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayWithoutHoles.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js' + ); + /* harmony import */ var _iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./iterableToArray.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/iterableToArray.js' + ); + /* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./unsupportedIterableToArray.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js' + ); + /* harmony import */ var _nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ./nonIterableSpread.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js' + ); + + function _toConsumableArray(r) { + return ( + (0, + _arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r) || + (0, + _iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(r) || + (0, + _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__[ + 'default' + ])(r) || + (0, + _nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])() + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPrimitive.js': + /*!*********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! + \*********************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPrimitive; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + + function toPrimitive(t, r) { + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + t + ) || + !t + ) + return t; + var e = t[Symbol.toPrimitive]; + if (void 0 !== e) { + var i = e.call(t, r || 'default'); + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ) + return i; + throw new TypeError( + '@@toPrimitive must return a primitive value.' + ); + } + return ('string' === r ? String : Number)(t); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js': + /*!***********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! + \***********************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPropertyKey; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + /* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./toPrimitive.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPrimitive.js' + ); + + function toPropertyKey(t) { + var i = (0, + _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__['default'])( + t, + 'string' + ); + return 'symbol' == + (0, _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ? i + : i + ''; + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js': + /*!****************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js ***! + \****************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _typeof; + }, + /* harmony export */ + } + ); + function _typeof(o) { + '@babel/helpers - typeof'; + + return ( + (_typeof = + 'function' == typeof Symbol && + 'symbol' == typeof Symbol.iterator + ? function (o) { + return typeof o; + } + : function (o) { + return o && + 'function' == typeof Symbol && + o.constructor === Symbol && + o !== Symbol.prototype + ? 'symbol' + : typeof o; + }), + _typeof(o) + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js': + /*!************************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js ***! + \************************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _unsupportedIterableToArray; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayLikeToArray.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js' + ); + + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r, a) + : void 0 + ); + } + } + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!**************************************!*\ !*** ./assets/src/js/admin/admin.js ***! \**************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _scss_layout_admin_admin_style_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../../scss/layout/admin/admin-style.scss */ "./assets/src/scss/layout/admin/admin-style.scss"); -/* harmony import */ var _global_global__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../global/global */ "./assets/src/js/global/global.js"); -/* harmony import */ var _components_block_1__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/block-1 */ "./assets/src/js/admin/components/block-1.js"); -/* harmony import */ var _components_block_1__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_components_block_1__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _components_block_2__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/block-2 */ "./assets/src/js/admin/components/block-2.js"); -/* harmony import */ var _components_block_2__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_components_block_2__WEBPACK_IMPORTED_MODULE_3__); -/* harmony import */ var _components_block_3__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/block-3 */ "./assets/src/js/admin/components/block-3.js"); -/* harmony import */ var _components_block_4__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/block-4 */ "./assets/src/js/admin/components/block-4.js"); -/* harmony import */ var _components_block_4__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_components_block_4__WEBPACK_IMPORTED_MODULE_5__); -/* harmony import */ var _components_block_5__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/block-5 */ "./assets/src/js/admin/components/block-5.js"); -/* harmony import */ var _components_block_5__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_components_block_5__WEBPACK_IMPORTED_MODULE_6__); -/* harmony import */ var _components_admin_user__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/admin-user */ "./assets/src/js/admin/components/admin-user.js"); -/* harmony import */ var _components_admin_user__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_components_admin_user__WEBPACK_IMPORTED_MODULE_7__); -/* harmony import */ var _components_subscriptionManagement__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./components/subscriptionManagement */ "./assets/src/js/admin/components/subscriptionManagement.js"); -/* harmony import */ var _components_subscriptionManagement__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_components_subscriptionManagement__WEBPACK_IMPORTED_MODULE_8__); - - -// Global - - -// Blocks - - - - - - - -// subscriptionManagement - -}(); -/******/ })() -; -//# sourceMappingURL=admin-main.js.map \ No newline at end of file + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _scss_layout_admin_admin_style_scss__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./../../scss/layout/admin/admin-style.scss */ './assets/src/scss/layout/admin/admin-style.scss' + ); + /* harmony import */ var _global_global__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./../global/global */ './assets/src/js/global/global.js' + ); + /* harmony import */ var _components_block_1__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./components/block-1 */ './assets/src/js/admin/components/block-1.js' + ); + /* harmony import */ var _components_block_1__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _components_block_1__WEBPACK_IMPORTED_MODULE_2__ + ); + /* harmony import */ var _components_block_2__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ./components/block-2 */ './assets/src/js/admin/components/block-2.js' + ); + /* harmony import */ var _components_block_2__WEBPACK_IMPORTED_MODULE_3___default = + /*#__PURE__*/ __webpack_require__.n( + _components_block_2__WEBPACK_IMPORTED_MODULE_3__ + ); + /* harmony import */ var _components_block_3__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ./components/block-3 */ './assets/src/js/admin/components/block-3.js' + ); + /* harmony import */ var _components_block_4__WEBPACK_IMPORTED_MODULE_5__ = + __webpack_require__( + /*! ./components/block-4 */ './assets/src/js/admin/components/block-4.js' + ); + /* harmony import */ var _components_block_4__WEBPACK_IMPORTED_MODULE_5___default = + /*#__PURE__*/ __webpack_require__.n( + _components_block_4__WEBPACK_IMPORTED_MODULE_5__ + ); + /* harmony import */ var _components_block_5__WEBPACK_IMPORTED_MODULE_6__ = + __webpack_require__( + /*! ./components/block-5 */ './assets/src/js/admin/components/block-5.js' + ); + /* harmony import */ var _components_block_5__WEBPACK_IMPORTED_MODULE_6___default = + /*#__PURE__*/ __webpack_require__.n( + _components_block_5__WEBPACK_IMPORTED_MODULE_6__ + ); + /* harmony import */ var _components_admin_user__WEBPACK_IMPORTED_MODULE_7__ = + __webpack_require__( + /*! ./components/admin-user */ './assets/src/js/admin/components/admin-user.js' + ); + /* harmony import */ var _components_admin_user__WEBPACK_IMPORTED_MODULE_7___default = + /*#__PURE__*/ __webpack_require__.n( + _components_admin_user__WEBPACK_IMPORTED_MODULE_7__ + ); + /* harmony import */ var _components_subscriptionManagement__WEBPACK_IMPORTED_MODULE_8__ = + __webpack_require__( + /*! ./components/subscriptionManagement */ './assets/src/js/admin/components/subscriptionManagement.js' + ); + /* harmony import */ var _components_subscriptionManagement__WEBPACK_IMPORTED_MODULE_8___default = + /*#__PURE__*/ __webpack_require__.n( + _components_subscriptionManagement__WEBPACK_IMPORTED_MODULE_8__ + ); + + // Global + + // Blocks + + // subscriptionManagement + })(); + /******/ +})(); +//# sourceMappingURL=admin-main.js.map diff --git a/assets/js/all-authors.js b/assets/js/all-authors.js index affa1b5b9e..42a83a5dad 100644 --- a/assets/js/all-authors.js +++ b/assets/js/all-authors.js @@ -1,190 +1,272 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/public/components/author.js": -/*!***************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/public/components/author.js': + /*!***************************************************!*\ !*** ./assets/src/js/public/components/author.js ***! \***************************************************/ -/***/ (function() { - -// author sorting -(function ($) { - window.addEventListener('load', function () { - /* Masonry layout */ - function authorsMasonry() { - var authorsCard = $('.directorist-authors__cards'); - $(authorsCard).each(function (id, elm) { - var authorsCardRow = $(elm).find('.directorist-row'); - var authorMasonryInit = $(authorsCardRow).imagesLoaded(function () { - $(authorMasonryInit).masonry({ - percentPosition: true, - horizontalOrder: true - }); - }); - }); - } - authorsMasonry(); + /***/ function () { + // author sorting + (function ($) { + window.addEventListener('load', function () { + /* Masonry layout */ + function authorsMasonry() { + var authorsCard = $('.directorist-authors__cards'); + $(authorsCard).each(function (id, elm) { + var authorsCardRow = + $(elm).find('.directorist-row'); + var authorMasonryInit = $( + authorsCardRow + ).imagesLoaded(function () { + $(authorMasonryInit).masonry({ + percentPosition: true, + horizontalOrder: true, + }); + }); + }); + } + authorsMasonry(); - /* alphabet data value */ - var alphabetValue; + /* alphabet data value */ + var alphabetValue; - /* authors nav default active item */ - if ($('.directorist-authors__nav').length) { - $('.directorist-authors__nav ul li:first-child').addClass('active'); - } - /* authors nav item */ - $('body').on('click', '.directorist-alphabet', function (e) { - e.preventDefault(); - var _this = $(this); - var alphabet = $(this).attr('data-alphabet'); - $('body').addClass('atbdp-form-fade'); - $.ajax({ - method: 'POST', - url: directorist.ajaxurl, - data: { - action: 'directorist_author_alpha_sorting', - _nonce: $(this).attr('data-nonce'), - alphabet: $(this).attr('data-alphabet') - }, - success: function success(response) { - $('#directorist-all-authors').empty().append(response); - $('body').removeClass('atbdp-form-fade'); - $('.' + alphabet).parent().addClass('active'); - alphabetValue = $(_this).attr('data-alphabet'); - authorsMasonry(); - }, - error: function error(_error) { - //console.log(error); - } - }); - }); + /* authors nav default active item */ + if ($('.directorist-authors__nav').length) { + $( + '.directorist-authors__nav ul li:first-child' + ).addClass('active'); + } + /* authors nav item */ + $('body').on( + 'click', + '.directorist-alphabet', + function (e) { + e.preventDefault(); + var _this = $(this); + var alphabet = $(this).attr('data-alphabet'); + $('body').addClass('atbdp-form-fade'); + $.ajax({ + method: 'POST', + url: directorist.ajaxurl, + data: { + action: 'directorist_author_alpha_sorting', + _nonce: $(this).attr('data-nonce'), + alphabet: $(this).attr('data-alphabet'), + }, + success: function success(response) { + $('#directorist-all-authors') + .empty() + .append(response); + $('body').removeClass( + 'atbdp-form-fade' + ); + $('.' + alphabet) + .parent() + .addClass('active'); + alphabetValue = + $(_this).attr('data-alphabet'); + authorsMasonry(); + }, + error: function error(_error) { + //console.log(error); + }, + }); + } + ); - /* authors pagination */ - $('body').on('click', '.directorist-authors-pagination a', function (e) { - e.preventDefault(); - var paged = $(this).text(); - if ($(this).hasClass('prev')) { - paged = parseInt($('.directorist-authors-pagination .current').text()) - 1; - } - if ($(this).hasClass('next')) { - paged = parseInt($('.directorist-authors-pagination .current').text()) + 1; - } - $('body').addClass('atbdp-form-fade'); - var getAlphabetValue = alphabetValue; - $.ajax({ - method: 'POST', - url: directorist.ajaxurl, - data: { - action: 'directorist_author_pagination', - paged: paged - }, - success: function success(response) { - $('body').removeClass('atbdp-form-fade'); - $('#directorist-all-authors').empty().append(response); - authorsMasonry(); - if (document.querySelector('.' + getAlphabetValue) !== null) { - document.querySelector('.' + getAlphabetValue).closest('li').classList.add('active'); - } else if ($('.directorist-authors__nav').length) { - $('.directorist-authors__nav ul li:first-child').addClass('active'); - } - }, - error: function error(_error2) { - //console.log(error); - } - }); - }); - }); -})(jQuery); + /* authors pagination */ + $('body').on( + 'click', + '.directorist-authors-pagination a', + function (e) { + e.preventDefault(); + var paged = $(this).text(); + if ($(this).hasClass('prev')) { + paged = + parseInt( + $( + '.directorist-authors-pagination .current' + ).text() + ) - 1; + } + if ($(this).hasClass('next')) { + paged = + parseInt( + $( + '.directorist-authors-pagination .current' + ).text() + ) + 1; + } + $('body').addClass('atbdp-form-fade'); + var getAlphabetValue = alphabetValue; + $.ajax({ + method: 'POST', + url: directorist.ajaxurl, + data: { + action: 'directorist_author_pagination', + paged: paged, + }, + success: function success(response) { + $('body').removeClass( + 'atbdp-form-fade' + ); + $('#directorist-all-authors') + .empty() + .append(response); + authorsMasonry(); + if ( + document.querySelector( + '.' + getAlphabetValue + ) !== null + ) { + document + .querySelector( + '.' + getAlphabetValue + ) + .closest('li') + .classList.add('active'); + } else if ( + $('.directorist-authors__nav') + .length + ) { + $( + '.directorist-authors__nav ul li:first-child' + ).addClass('active'); + } + }, + error: function error(_error2) { + //console.log(error); + }, + }); + } + ); + }); + })(jQuery); -/***/ }) + /***/ + }, -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!*****************************************************!*\ + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!*****************************************************!*\ !*** ./assets/src/js/public/modules/all-authors.js ***! \*****************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_author__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/author */ "./assets/src/js/public/components/author.js"); -/* harmony import */ var _components_author__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_components_author__WEBPACK_IMPORTED_MODULE_0__); -//General Components - -}(); -/******/ })() -; -//# sourceMappingURL=all-authors.js.map \ No newline at end of file + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _components_author__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ../components/author */ './assets/src/js/public/components/author.js' + ); + /* harmony import */ var _components_author__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _components_author__WEBPACK_IMPORTED_MODULE_0__ + ); + //General Components + })(); + /******/ +})(); +//# sourceMappingURL=all-authors.js.map diff --git a/assets/js/all-listings.js b/assets/js/all-listings.js index b618872b7c..1f6ed2d448 100644 --- a/assets/js/all-listings.js +++ b/assets/js/all-listings.js @@ -1,3451 +1,6003 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/global/components/debounce.js": -/*!*****************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/global/components/debounce.js': + /*!*****************************************************!*\ !*** ./assets/src/js/global/components/debounce.js ***! \*****************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ debounce; } -/* harmony export */ }); -function debounce(func, wait, immediate) { - var timeout; - return function () { - var context = this, - args = arguments; - var later = function later() { - timeout = null; - if (!immediate) func.apply(context, args); - }; - var callNow = immediate && !timeout; - clearTimeout(timeout); - timeout = setTimeout(later, wait); - if (callNow) func.apply(context, args); - }; -} - -/***/ }), - -/***/ "./assets/src/js/global/components/select2-custom-control.js": -/*!*******************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ debounce; + }, + /* harmony export */ + } + ); + function debounce(func, wait, immediate) { + var timeout; + return function () { + var context = this, + args = arguments; + var later = function later() { + timeout = null; + if (!immediate) func.apply(context, args); + }; + var callNow = immediate && !timeout; + clearTimeout(timeout); + timeout = setTimeout(later, wait); + if (callNow) func.apply(context, args); + }; + } + + /***/ + }, + + /***/ './assets/src/js/global/components/select2-custom-control.js': + /*!*******************************************************************!*\ !*** ./assets/src/js/global/components/select2-custom-control.js ***! \*******************************************************************/ -/***/ (function() { - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -var $ = jQuery; -window.addEventListener('load', waitAndInit); -window.addEventListener('directorist-search-form-nav-tab-reloaded', waitAndInit); -window.addEventListener('directorist-type-change', waitAndInit); -window.addEventListener('directorist-instant-search-reloaded', waitAndInit); -function waitAndInit() { - setTimeout(init, 0); -} - -// Initialize -function init() { - // Add custom dropdown toggle button - selec2_add_custom_dropdown_toggle_button(); - - // Add custom close button where needed - selec2_add_custom_close_button_if_needed(); - - // Add custom close button if field contains value on change - $('.select2-hidden-accessible').on('change', function (e) { - var value = $(this).children('option:selected').val(); - if (!value) { - return; - } - selec2_add_custom_close_button($(this)); - var selectItems = this.parentElement.querySelectorAll('.select2-selection__choice'); - selectItems.forEach(function (item) { - item.childNodes && item.childNodes.forEach(function (node) { - if (node.nodeType && node.nodeType === Node.TEXT_NODE) { - var originalString = node.textContent; - var modifiedString = originalString.replace(/^[\s\xa0]+/, ''); - node.textContent = modifiedString; - item.title = modifiedString; - } - }); - }); - var customSelectItem = this.parentElement.querySelector('.select2-selection__rendered'); - customSelectItem.childNodes && customSelectItem.childNodes.forEach(function (node) { - if (node.nodeType && node.nodeType === Node.TEXT_NODE) { - var originalString = node.textContent; - var modifiedString = originalString.replace(/^[\s\xa0]+/, ''); - node.textContent = modifiedString; - } - }); - }); -} -function selec2_add_custom_dropdown_toggle_button() { - // Remove Default - $('.select2-selection__arrow').css({ - display: 'none' - }); - var addon_container = selec2_get_addon_container('.select2-hidden-accessible'); - if (!addon_container) { - return; - } - var dropdown = addon_container.find('.directorist-select2-dropdown-toggle'); - if (!dropdown.length) { - // Add Dropdown Toggle Button - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/chevron-down.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - var dropdownHTML = "".concat(iconHTML, ""); - addon_container.append(dropdownHTML); - } - var selec2_custom_dropdown = addon_container.find('.directorist-select2-dropdown-toggle'); - - // Toggle --is-open class - $('.select2-hidden-accessible').on('select2:open', function (e) { - var dropdown_btn = $(this).next().find('.directorist-select2-dropdown-toggle'); - dropdown_btn.addClass('--is-open'); - }); - $('.select2-hidden-accessible').on('select2:close', function (e) { - var dropdown_btn = $(this).next().find('.directorist-select2-dropdown-toggle'); - dropdown_btn.removeClass('--is-open'); - var dropdownParent = $(this).closest('.directorist-search-field'); - var renderTitle = $(this).next().find('.select2-selection__rendered').attr('title'); - - // Check if renderTitle is empty and remove the focus class if so - if (!renderTitle) { - dropdownParent.removeClass('input-is-focused'); - } else { - dropdownParent.addClass('input-has-value'); - } - }); - - // Toggle Dropdown - selec2_custom_dropdown.on('click', function (e) { - var isOpen = $(this).hasClass('--is-open'); - var field = $(this).closest('.select2-container').siblings('select:enabled'); - if (isOpen) { - field.select2('close'); - } else { - field.select2('open'); - } - }); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_add_custom_close_button_if_needed() { - var select2_fields = $('.select2-hidden-accessible'); - if (!select2_fields && !select2_fields.length) { - return; - } - var _iterator = _createForOfIteratorHelper(select2_fields), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var field = _step.value; - var value = $(field).children('option:selected').val(); - if (!value) { - continue; - } - selec2_add_custom_close_button(field); - } - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } -} -function selec2_add_custom_close_button(field) { - // Remove Default - $('.select2-selection__clear').css({ - display: 'none' - }); - var addon_container = selec2_get_addon_container(field); - if (!(addon_container && addon_container.length)) { - return; - } - - // Remove if already exists - addon_container.find('.directorist-select2-dropdown-close').remove(); - - // Add - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/times.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - addon_container.prepend("".concat(iconHTML, "")); - var selec2_custom_close = addon_container.find('.directorist-select2-dropdown-close'); - selec2_custom_close.on('click', function (e) { - var field = $(this).closest('.select2-container').siblings('select:enabled'); - field.val(null).trigger('change'); - addon_container.find('.directorist-select2-dropdown-close').remove(); - selec2_adjust_space_for_addons(); - }); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_remove_custom_close_button(field) { - var addon_container = selec2_get_addon_container(field); - if (!(addon_container && addon_container.length)) { - return; - } - - // Remove - addon_container.find('.directorist-select2-dropdown-close').remove(); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_get_addon_container(field) { - var container = field ? $(field).next('.select2-container') : $('.select2-container'); - container = $(container).find('.directorist-select2-addons-area'); - if (!container.length) { - $('.select2-container').append(''); - container = $('.select2-container').find('.directorist-select2-addons-area'); - } - var container = field ? $(field).next('.select2-container') : null; - if (!container) { - return null; - } - var addonsArea = $(container).find('.directorist-select2-addons-area'); - if (!addonsArea.length) { - container.append(''); - return container.find('.directorist-select2-addons-area'); - } - return addonsArea; -} -function selec2_adjust_space_for_addons() { - var container = $('.select2-container').find('.directorist-select2-addons-area'); - if (!container.length) { - return; - } - var width = container.outerWidth(); - $('.select2-container').find('.select2-selection__rendered').css({ - 'padding-right': width + 'px' - }); -} - -/***/ }), - -/***/ "./assets/src/js/global/components/setup-select2.js": -/*!**********************************************************!*\ + /***/ function () { + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + var $ = jQuery; + window.addEventListener('load', waitAndInit); + window.addEventListener( + 'directorist-search-form-nav-tab-reloaded', + waitAndInit + ); + window.addEventListener('directorist-type-change', waitAndInit); + window.addEventListener( + 'directorist-instant-search-reloaded', + waitAndInit + ); + function waitAndInit() { + setTimeout(init, 0); + } + + // Initialize + function init() { + // Add custom dropdown toggle button + selec2_add_custom_dropdown_toggle_button(); + + // Add custom close button where needed + selec2_add_custom_close_button_if_needed(); + + // Add custom close button if field contains value on change + $('.select2-hidden-accessible').on('change', function (e) { + var value = $(this).children('option:selected').val(); + if (!value) { + return; + } + selec2_add_custom_close_button($(this)); + var selectItems = this.parentElement.querySelectorAll( + '.select2-selection__choice' + ); + selectItems.forEach(function (item) { + item.childNodes && + item.childNodes.forEach(function (node) { + if ( + node.nodeType && + node.nodeType === Node.TEXT_NODE + ) { + var originalString = node.textContent; + var modifiedString = + originalString.replace( + /^[\s\xa0]+/, + '' + ); + node.textContent = modifiedString; + item.title = modifiedString; + } + }); + }); + var customSelectItem = this.parentElement.querySelector( + '.select2-selection__rendered' + ); + customSelectItem.childNodes && + customSelectItem.childNodes.forEach( + function (node) { + if ( + node.nodeType && + node.nodeType === Node.TEXT_NODE + ) { + var originalString = node.textContent; + var modifiedString = + originalString.replace( + /^[\s\xa0]+/, + '' + ); + node.textContent = modifiedString; + } + } + ); + }); + } + function selec2_add_custom_dropdown_toggle_button() { + // Remove Default + $('.select2-selection__arrow').css({ + display: 'none', + }); + var addon_container = selec2_get_addon_container( + '.select2-hidden-accessible' + ); + if (!addon_container) { + return; + } + var dropdown = addon_container.find( + '.directorist-select2-dropdown-toggle' + ); + if (!dropdown.length) { + // Add Dropdown Toggle Button + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/chevron-down.svg'; + var iconHTML = directorist.icon_markup + .replace('##URL##', iconURL) + .replace('##CLASS##', ''); + var dropdownHTML = + ''.concat( + iconHTML, + '' + ); + addon_container.append(dropdownHTML); + } + var selec2_custom_dropdown = addon_container.find( + '.directorist-select2-dropdown-toggle' + ); + + // Toggle --is-open class + $('.select2-hidden-accessible').on( + 'select2:open', + function (e) { + var dropdown_btn = $(this) + .next() + .find('.directorist-select2-dropdown-toggle'); + dropdown_btn.addClass('--is-open'); + } + ); + $('.select2-hidden-accessible').on( + 'select2:close', + function (e) { + var dropdown_btn = $(this) + .next() + .find('.directorist-select2-dropdown-toggle'); + dropdown_btn.removeClass('--is-open'); + var dropdownParent = $(this).closest( + '.directorist-search-field' + ); + var renderTitle = $(this) + .next() + .find('.select2-selection__rendered') + .attr('title'); + + // Check if renderTitle is empty and remove the focus class if so + if (!renderTitle) { + dropdownParent.removeClass('input-is-focused'); + } else { + dropdownParent.addClass('input-has-value'); + } + } + ); + + // Toggle Dropdown + selec2_custom_dropdown.on('click', function (e) { + var isOpen = $(this).hasClass('--is-open'); + var field = $(this) + .closest('.select2-container') + .siblings('select:enabled'); + if (isOpen) { + field.select2('close'); + } else { + field.select2('open'); + } + }); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_add_custom_close_button_if_needed() { + var select2_fields = $('.select2-hidden-accessible'); + if (!select2_fields && !select2_fields.length) { + return; + } + var _iterator = _createForOfIteratorHelper(select2_fields), + _step; + try { + for (_iterator.s(); !(_step = _iterator.n()).done; ) { + var field = _step.value; + var value = $(field) + .children('option:selected') + .val(); + if (!value) { + continue; + } + selec2_add_custom_close_button(field); + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + } + function selec2_add_custom_close_button(field) { + // Remove Default + $('.select2-selection__clear').css({ + display: 'none', + }); + var addon_container = selec2_get_addon_container(field); + if (!(addon_container && addon_container.length)) { + return; + } + + // Remove if already exists + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + + // Add + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/times.svg'; + var iconHTML = directorist.icon_markup + .replace('##URL##', iconURL) + .replace('##CLASS##', ''); + addon_container.prepend( + ''.concat( + iconHTML, + '' + ) + ); + var selec2_custom_close = addon_container.find( + '.directorist-select2-dropdown-close' + ); + selec2_custom_close.on('click', function (e) { + var field = $(this) + .closest('.select2-container') + .siblings('select:enabled'); + field.val(null).trigger('change'); + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + selec2_adjust_space_for_addons(); + }); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_remove_custom_close_button(field) { + var addon_container = selec2_get_addon_container(field); + if (!(addon_container && addon_container.length)) { + return; + } + + // Remove + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_get_addon_container(field) { + var container = field + ? $(field).next('.select2-container') + : $('.select2-container'); + container = $(container).find( + '.directorist-select2-addons-area' + ); + if (!container.length) { + $('.select2-container').append( + '' + ); + container = $('.select2-container').find( + '.directorist-select2-addons-area' + ); + } + var container = field + ? $(field).next('.select2-container') + : null; + if (!container) { + return null; + } + var addonsArea = $(container).find( + '.directorist-select2-addons-area' + ); + if (!addonsArea.length) { + container.append( + '' + ); + return container.find( + '.directorist-select2-addons-area' + ); + } + return addonsArea; + } + function selec2_adjust_space_for_addons() { + var container = $('.select2-container').find( + '.directorist-select2-addons-area' + ); + if (!container.length) { + return; + } + var width = container.outerWidth(); + $('.select2-container') + .find('.select2-selection__rendered') + .css({ + 'padding-right': width + 'px', + }); + } + + /***/ + }, + + /***/ './assets/src/js/global/components/setup-select2.js': + /*!**********************************************************!*\ !*** ./assets/src/js/global/components/setup-select2.js ***! \**********************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js"); -/* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../../lib/helper */ "./assets/src/js/lib/helper.js"); -/* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./select2-custom-control */ "./assets/src/js/global/components/select2-custom-control.js"); -/* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_select2_custom_control__WEBPACK_IMPORTED_MODULE_2__); - -function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } -function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } - - -var $ = jQuery; -window.addEventListener('load', initSelect2); -document.body.addEventListener('directorist-search-form-nav-tab-reloaded', initSelect2); -document.body.addEventListener('directorist-reload-select2-fields', initSelect2); -window.addEventListener('directorist-instant-search-reloaded', initSelect2); - -// Init Static Select 2 Fields -function initSelect2() { - var selectors = ['.directorist-select select', '#directorist-select-js', - // Not found in any template - '#directorist-search-category-js', - // Not found in any template - // '#directorist-select-st-s-js', - // '#directorist-select-sn-s-js', - // '#directorist-select-mn-e-js', - // '#directorist-select-tu-e-js', - // '#directorist-select-wd-s-js', - // '#directorist-select-wd-e-js', - // '#directorist-select-th-e-js', - // '#directorist-select-fr-s-js', - // '#directorist-select-fr-e-js', - '.select-basic', - // Not found in any template - '#loc-type', '#cat-type', '#at_biz_dir-category', '.bdas-location-search', - // Not found in any template - '.bdas-category-search' // Not found in any template - ]; - selectors.forEach(function (selector) { - return (0,_lib_helper__WEBPACK_IMPORTED_MODULE_1__.convertToSelect2)(selector); - }); - initMaybeLazyLoadedTaxonomySelect2(); -} - -// Init Select2 Ajax Fields -function initMaybeLazyLoadedTaxonomySelect2() { - var restBase = "".concat(directorist.rest_url, "directorist/v1"); - maybeLazyLoadCategories({ - selector: '.directorist-search-category select', - url: "".concat(restBase, "/listings/categories") - }); - maybeLazyLoadCategories({ - selector: '.directorist-form-categories-field select', - url: "".concat(restBase, "/listings/categories") - }); - maybeLazyLoadLocations({ - selector: '.directorist-search-location select', - url: "".concat(restBase, "/listings/locations") - }); - maybeLazyLoadLocations({ - selector: '.directorist-form-location-field select', - url: "".concat(restBase, "/listings/locations") - }); - maybeLazyLoadTags({ - selector: '.directorist-form-tag-field select', - url: "".concat(restBase, "/listings/tags") - }); -} -function maybeLazyLoadCategories(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'categories' - }), args)); -} -function maybeLazyLoadLocations(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'locations' - }), args)); -} -function maybeLazyLoadTags(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'tags' - }), args)); -} - -// maybeLazyLoadTaxonomyTermsSelect2 -function maybeLazyLoadTaxonomyTermsSelect2(args) { - var defaults = { - selector: '', - url: '', - taxonomy: 'tags' - }; - args = _objectSpread(_objectSpread({}, defaults), args); - if (!args.selector) { - return; - } - var $el = $(args.selector); - var $addListing = $el.closest('.directorist-add-listing-form'); - var canCreate = $el.data('allow_new'); - var maxLength = $el.data('max'); - var directoryId = 0; - if (args.taxonomy !== 'tags') { - var $searchForm = $el.closest('.directorist-search-form'); - var $archivePage = $el.closest('.directorist-archive-contents'); - var $directory = $addListing.find('input[name="directory_type"]'); - var $navListItem = null; - - // If search page - if ($searchForm.length) { - $navListItem = $searchForm.find('.directorist-listing-type-selection__link--current'); - } - if ($archivePage.length) { - $navListItem = $archivePage.find('.directorist-type-nav__list li.directorist-type-nav__list__current .directorist-type-nav__link'); - } - if ($navListItem && $navListItem.length) { - directoryId = Number($navListItem.data('listing_type_id')); - } - if ($directory.length) { - directoryId = $directory.val(); - } - if (directoryId) { - directoryId = Number(directoryId); - } - } - var currentPage = 1; - var select2Options = { - allowClear: true, - tags: canCreate, - maximumSelectionLength: maxLength, - width: '100%', - escapeMarkup: function escapeMarkup(text) { - return text; - }, - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - - // Fetch the data-icon attribute - var iconURI = $(data.element).attr('data-icon'); - - // Get the original text - var originalText = data.text; - - // Match and count leading spaces - var leadingSpaces = originalText.match(/^\s+/); - var spaceCount = leadingSpaces ? leadingSpaces[0].length : 0; - - // Trim leading spaces from the original text - originalText = originalText.trim(); - - // Construct the icon element - var iconElm = iconURI ? "") : ''; - - // Prepare the combined text (icon + text) - var combinedText = iconElm + originalText; - - // Create the state container - var $state = $('
    '); - - // Determine the level based on space count - var level = Math.floor(spaceCount / 8) + 1; // 8 spaces = level 2, 16 spaces = level 3, etc. - if (level > 1) { - $state.addClass('item-level-' + level); // Add class for the level (e.g., level-1, level-2, etc.) - } - $state.html(combinedText); // Set the combined content (icon + text) - - return $state; - } - }; - if (directorist.lazy_load_taxonomy_fields) { - select2Options.ajax = { - url: args.url, - dataType: 'json', - cache: true, - delay: 250, - data: function data(params) { - currentPage = params.page || 1; - var query = { - page: currentPage, - per_page: args.perPage, - hide_empty: true - }; - - // Load empty terms on add listings. - if ($addListing.length) { - query.hide_empty = false; - } - if (params.term) { - query.search = params.term; - query.hide_empty = false; - } - if (directoryId) { - query.directory = directoryId; - } - return query; - }, - processResults: function processResults(data) { - return { - results: data.items, - pagination: { - more: data.paginationMore - } - }; - }, - transport: function transport(params, success, failure) { - var $request = $.ajax(params); - $request.then(function (data, textStatus, jqXHR) { - var totalPage = Number(jqXHR.getResponseHeader('x-wp-totalpages')); - var paginationMore = currentPage < totalPage; - var items = data.map(function (item) { - var text = item.name; - if (!$addListing.length && params.data.search) { - text = "".concat(item.name, " (").concat(item.count, ")"); - } - return { - id: item.id, - text: text - }; - }); - return { - items: items, - paginationMore: paginationMore - }; - }).then(success); - $request.fail(failure); - return $request; - } - }; - } - $el.length && $el.select2(select2Options); - if (directorist.lazy_load_taxonomy_fields) { - var setupSelectedItems = function setupSelectedItems($el, selectedId, selectedLabel) { - if (!$el.length || !selectedId) { - return; - } - var selectedIds = "".concat(selectedId).split(','); - var selectedLabels = selectedLabel ? "".concat(selectedLabel).split(',') : []; - selectedIds.forEach(function (id, index) { - var label = selectedLabels.length >= index + 1 ? selectedLabels[index] : ''; - var option = new Option(label, id, true, true); - $el.append(option); - $el.trigger({ - type: 'select2:select', - params: { - data: { - id: id, - text: label - } - } - }); - }); - }; - setupSelectedItems($el, $el.data('selected-id'), $el.data('selected-label')); - } -} - -/***/ }), - -/***/ "./assets/src/js/lib/helper.js": -/*!*************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/defineProperty */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/defineProperty.js' + ); + /* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./../../lib/helper */ './assets/src/js/lib/helper.js' + ); + /* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./select2-custom-control */ './assets/src/js/global/components/select2-custom-control.js' + ); + /* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ + ); + + function ownKeys(e, r) { + var t = Object.keys(e); + if (Object.getOwnPropertySymbols) { + var o = Object.getOwnPropertySymbols(e); + (r && + (o = o.filter(function (r) { + return Object.getOwnPropertyDescriptor(e, r) + .enumerable; + })), + t.push.apply(t, o)); + } + return t; + } + function _objectSpread(e) { + for (var r = 1; r < arguments.length; r++) { + var t = null != arguments[r] ? arguments[r] : {}; + r % 2 + ? ownKeys(Object(t), !0).forEach(function (r) { + (0, + _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(e, r, t[r]); + }) + : Object.getOwnPropertyDescriptors + ? Object.defineProperties( + e, + Object.getOwnPropertyDescriptors(t) + ) + : ownKeys(Object(t)).forEach(function (r) { + Object.defineProperty( + e, + r, + Object.getOwnPropertyDescriptor( + t, + r + ) + ); + }); + } + return e; + } + + var $ = jQuery; + window.addEventListener('load', initSelect2); + document.body.addEventListener( + 'directorist-search-form-nav-tab-reloaded', + initSelect2 + ); + document.body.addEventListener( + 'directorist-reload-select2-fields', + initSelect2 + ); + window.addEventListener( + 'directorist-instant-search-reloaded', + initSelect2 + ); + + // Init Static Select 2 Fields + function initSelect2() { + var selectors = [ + '.directorist-select select', + '#directorist-select-js', + // Not found in any template + '#directorist-search-category-js', + // Not found in any template + // '#directorist-select-st-s-js', + // '#directorist-select-sn-s-js', + // '#directorist-select-mn-e-js', + // '#directorist-select-tu-e-js', + // '#directorist-select-wd-s-js', + // '#directorist-select-wd-e-js', + // '#directorist-select-th-e-js', + // '#directorist-select-fr-s-js', + // '#directorist-select-fr-e-js', + '.select-basic', + // Not found in any template + '#loc-type', + '#cat-type', + '#at_biz_dir-category', + '.bdas-location-search', + // Not found in any template + '.bdas-category-search', // Not found in any template + ]; + selectors.forEach(function (selector) { + return (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_1__.convertToSelect2)( + selector + ); + }); + initMaybeLazyLoadedTaxonomySelect2(); + } + + // Init Select2 Ajax Fields + function initMaybeLazyLoadedTaxonomySelect2() { + var restBase = ''.concat( + directorist.rest_url, + 'directorist/v1' + ); + maybeLazyLoadCategories({ + selector: '.directorist-search-category select', + url: ''.concat(restBase, '/listings/categories'), + }); + maybeLazyLoadCategories({ + selector: '.directorist-form-categories-field select', + url: ''.concat(restBase, '/listings/categories'), + }); + maybeLazyLoadLocations({ + selector: '.directorist-search-location select', + url: ''.concat(restBase, '/listings/locations'), + }); + maybeLazyLoadLocations({ + selector: '.directorist-form-location-field select', + url: ''.concat(restBase, '/listings/locations'), + }); + maybeLazyLoadTags({ + selector: '.directorist-form-tag-field select', + url: ''.concat(restBase, '/listings/tags'), + }); + } + function maybeLazyLoadCategories(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'categories', + } + ), + args + ) + ); + } + function maybeLazyLoadLocations(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'locations', + } + ), + args + ) + ); + } + function maybeLazyLoadTags(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'tags', + } + ), + args + ) + ); + } + + // maybeLazyLoadTaxonomyTermsSelect2 + function maybeLazyLoadTaxonomyTermsSelect2(args) { + var defaults = { + selector: '', + url: '', + taxonomy: 'tags', + }; + args = _objectSpread(_objectSpread({}, defaults), args); + if (!args.selector) { + return; + } + var $el = $(args.selector); + var $addListing = $el.closest( + '.directorist-add-listing-form' + ); + var canCreate = $el.data('allow_new'); + var maxLength = $el.data('max'); + var directoryId = 0; + if (args.taxonomy !== 'tags') { + var $searchForm = $el.closest( + '.directorist-search-form' + ); + var $archivePage = $el.closest( + '.directorist-archive-contents' + ); + var $directory = $addListing.find( + 'input[name="directory_type"]' + ); + var $navListItem = null; + + // If search page + if ($searchForm.length) { + $navListItem = $searchForm.find( + '.directorist-listing-type-selection__link--current' + ); + } + if ($archivePage.length) { + $navListItem = $archivePage.find( + '.directorist-type-nav__list li.directorist-type-nav__list__current .directorist-type-nav__link' + ); + } + if ($navListItem && $navListItem.length) { + directoryId = Number( + $navListItem.data('listing_type_id') + ); + } + if ($directory.length) { + directoryId = $directory.val(); + } + if (directoryId) { + directoryId = Number(directoryId); + } + } + var currentPage = 1; + var select2Options = { + allowClear: true, + tags: canCreate, + maximumSelectionLength: maxLength, + width: '100%', + escapeMarkup: function escapeMarkup(text) { + return text; + }, + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + + // Fetch the data-icon attribute + var iconURI = $(data.element).attr('data-icon'); + + // Get the original text + var originalText = data.text; + + // Match and count leading spaces + var leadingSpaces = originalText.match(/^\s+/); + var spaceCount = leadingSpaces + ? leadingSpaces[0].length + : 0; + + // Trim leading spaces from the original text + originalText = originalText.trim(); + + // Construct the icon element + var iconElm = iconURI + ? '' + ) + : ''; + + // Prepare the combined text (icon + text) + var combinedText = iconElm + originalText; + + // Create the state container + var $state = $( + '
    ' + ); + + // Determine the level based on space count + var level = Math.floor(spaceCount / 8) + 1; // 8 spaces = level 2, 16 spaces = level 3, etc. + if (level > 1) { + $state.addClass('item-level-' + level); // Add class for the level (e.g., level-1, level-2, etc.) + } + $state.html(combinedText); // Set the combined content (icon + text) + + return $state; + }, + }; + if (directorist.lazy_load_taxonomy_fields) { + select2Options.ajax = { + url: args.url, + dataType: 'json', + cache: true, + delay: 250, + data: function data(params) { + currentPage = params.page || 1; + var query = { + page: currentPage, + per_page: args.perPage, + hide_empty: true, + }; + + // Load empty terms on add listings. + if ($addListing.length) { + query.hide_empty = false; + } + if (params.term) { + query.search = params.term; + query.hide_empty = false; + } + if (directoryId) { + query.directory = directoryId; + } + return query; + }, + processResults: function processResults(data) { + return { + results: data.items, + pagination: { + more: data.paginationMore, + }, + }; + }, + transport: function transport( + params, + success, + failure + ) { + var $request = $.ajax(params); + $request + .then(function (data, textStatus, jqXHR) { + var totalPage = Number( + jqXHR.getResponseHeader( + 'x-wp-totalpages' + ) + ); + var paginationMore = + currentPage < totalPage; + var items = data.map(function (item) { + var text = item.name; + if ( + !$addListing.length && + params.data.search + ) { + text = '' + .concat(item.name, ' (') + .concat(item.count, ')'); + } + return { + id: item.id, + text: text, + }; + }); + return { + items: items, + paginationMore: paginationMore, + }; + }) + .then(success); + $request.fail(failure); + return $request; + }, + }; + } + $el.length && $el.select2(select2Options); + if (directorist.lazy_load_taxonomy_fields) { + function setupSelectedItems( + $el, + selectedId, + selectedLabel + ) { + if (!$el.length || !selectedId) { + return; + } + var selectedIds = ''.concat(selectedId).split(','); + var selectedLabels = selectedLabel + ? ''.concat(selectedLabel).split(',') + : []; + selectedIds.forEach(function (id, index) { + var label = + selectedLabels.length >= index + 1 + ? selectedLabels[index] + : ''; + var option = new Option(label, id, true, true); + $el.append(option); + $el.trigger({ + type: 'select2:select', + params: { + data: { + id: id, + text: label, + }, + }, + }); + }); + } + setupSelectedItems( + $el, + $el.data('selected-id'), + $el.data('selected-label') + ); + } + } + + /***/ + }, + + /***/ './assets/src/js/lib/helper.js': + /*!*************************************!*\ !*** ./assets/src/js/lib/helper.js ***! \*************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ convertToSelect2: function() { return /* binding */ convertToSelect2; }, -/* harmony export */ get_dom_data: function() { return /* binding */ get_dom_data; } -/* harmony export */ }); -var $ = jQuery; -function get_dom_data(selector, parent) { - selector = '.directorist-dom-data-' + selector; - if (!parent) { - parent = document; - } - var el = parent.querySelector(selector); - if (!el || !el.dataset.value) { - return {}; - } - var IS_SCRIPT_DEBUGGING = directorist && directorist.script_debugging && directorist.script_debugging == '1'; - try { - var value = atob(el.dataset.value); - return JSON.parse(value); - } catch (error) { - if (IS_SCRIPT_DEBUGGING) { - console.log(el, error); - } - return {}; - } -} -function convertToSelect2(selector) { - var $selector = $(selector); - var args = { - allowClear: true, - width: '100%', - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - var iconURI = $(data.element).data('icon'); - var iconElm = ""); - var originalText = data.text; - var modifiedText = originalText.replace(/^(\s*)/, '$1' + iconElm); - var $state = $("
    ".concat(typeof iconURI !== 'undefined' && iconURI !== '' ? modifiedText : originalText, "
    ")); - return $state; - } - }; - var options = $selector.find('option'); - if (options.length && options[0].textContent.length) { - args.placeholder = options[0].textContent; - } - $selector.length && $selector.select2(args); -} - - -/***/ }), - -/***/ "./assets/src/js/public/components/archive-sidebar.js": -/*!************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ convertToSelect2: function () { + return /* binding */ convertToSelect2; + }, + /* harmony export */ get_dom_data: function () { + return /* binding */ get_dom_data; + }, + /* harmony export */ + } + ); + var $ = jQuery; + function get_dom_data(selector, parent) { + selector = '.directorist-dom-data-' + selector; + if (!parent) { + parent = document; + } + var el = parent.querySelector(selector); + if (!el || !el.dataset.value) { + return {}; + } + var IS_SCRIPT_DEBUGGING = + directorist && + directorist.script_debugging && + directorist.script_debugging == '1'; + try { + var value = atob(el.dataset.value); + return JSON.parse(value); + } catch (error) { + if (IS_SCRIPT_DEBUGGING) { + console.log(el, error); + } + return {}; + } + } + function convertToSelect2(selector) { + var $selector = $(selector); + var args = { + allowClear: true, + width: '100%', + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + var iconURI = $(data.element).data('icon'); + var iconElm = + '' + ); + var originalText = data.text; + var modifiedText = originalText.replace( + /^(\s*)/, + '$1' + iconElm + ); + var $state = $( + '
    '.concat( + typeof iconURI !== 'undefined' && + iconURI !== '' + ? modifiedText + : originalText, + '
    ' + ) + ); + return $state; + }, + }; + var options = $selector.find('option'); + if (options.length && options[0].textContent.length) { + args.placeholder = options[0].textContent; + } + $selector.length && $selector.select2(args); + } + + /***/ + }, + + /***/ './assets/src/js/public/components/archive-sidebar.js': + /*!************************************************************!*\ !*** ./assets/src/js/public/components/archive-sidebar.js ***! \************************************************************/ -/***/ (function() { - -// Archive Sidebar -window.addEventListener('load', function () { - var body = document.body; - - // Toggle sidebar and update toggle button's active state - function toggleSidebar(toggleBtn, archiveSidebar) { - archiveSidebar.classList.toggle('listing-with-sidebar__sidebar--open'); - toggleBtn.classList.toggle('directorist-archive-sidebar-toggle--active'); - body.classList.toggle('modal-overlay-enabled'); - } - - // Close sidebar and reset toggle button's active state - function closeSidebar(toggleBtn, archiveSidebar) { - archiveSidebar.classList.remove('listing-with-sidebar__sidebar--open'); - toggleBtn.classList.remove('directorist-archive-sidebar-toggle--active'); - body.classList.remove('modal-overlay-enabled'); - } - - // Toggle or close sidebar when toggle/close button is clicked - body.addEventListener('click', function (e) { - var targetElement = e.target; - var toggleBtn = targetElement.closest('.directorist-archive-sidebar-toggle'); - var closeBtn = targetElement.closest('.directorist-advanced-filter__close'); - if (toggleBtn) { - var sidebar = toggleBtn.closest('.listing-with-sidebar').querySelector('.listing-with-sidebar__sidebar'); - toggleSidebar(toggleBtn, sidebar); - } else if (closeBtn) { - var _sidebar = closeBtn.closest('.listing-with-sidebar').querySelector('.listing-with-sidebar__sidebar'); - var _toggleBtn = _sidebar.closest('.listing-with-sidebar').querySelector('.directorist-archive-sidebar-toggle'); - closeSidebar(_toggleBtn, _sidebar); - } else if (body.classList.contains('modal-overlay-enabled') && !targetElement.closest('.listing-with-sidebar__sidebar')) { - // Check directorist color picker is available or not - var directoristColorPicker = body.querySelector('.listing-with-sidebar__sidebar--open .wp-color-result'); - if (directoristColorPicker) return; - document.querySelectorAll('.listing-with-sidebar__sidebar--open').forEach(function (sidebar) { - var toggleBtn = sidebar.closest('.listing-with-sidebar').querySelector('.directorist-archive-sidebar-toggle'); - closeSidebar(toggleBtn, sidebar); - }); - } - }); -}); - -/***/ }), - -/***/ "./assets/src/js/public/components/category-custom-fields.js": -/*!*******************************************************************!*\ + /***/ function () { + // Archive Sidebar + window.addEventListener('load', function () { + var body = document.body; + + // Toggle sidebar and update toggle button's active state + function toggleSidebar(toggleBtn, archiveSidebar) { + archiveSidebar.classList.toggle( + 'listing-with-sidebar__sidebar--open' + ); + toggleBtn.classList.toggle( + 'directorist-archive-sidebar-toggle--active' + ); + body.classList.toggle('modal-overlay-enabled'); + } + + // Close sidebar and reset toggle button's active state + function closeSidebar(toggleBtn, archiveSidebar) { + archiveSidebar.classList.remove( + 'listing-with-sidebar__sidebar--open' + ); + toggleBtn.classList.remove( + 'directorist-archive-sidebar-toggle--active' + ); + body.classList.remove('modal-overlay-enabled'); + } + + // Toggle or close sidebar when toggle/close button is clicked + body.addEventListener('click', function (e) { + var targetElement = e.target; + var toggleBtn = targetElement.closest( + '.directorist-archive-sidebar-toggle' + ); + var closeBtn = targetElement.closest( + '.directorist-advanced-filter__close' + ); + if (toggleBtn) { + var sidebar = toggleBtn + .closest('.listing-with-sidebar') + .querySelector( + '.listing-with-sidebar__sidebar' + ); + toggleSidebar(toggleBtn, sidebar); + } else if (closeBtn) { + var _sidebar = closeBtn + .closest('.listing-with-sidebar') + .querySelector( + '.listing-with-sidebar__sidebar' + ); + var _toggleBtn = _sidebar + .closest('.listing-with-sidebar') + .querySelector( + '.directorist-archive-sidebar-toggle' + ); + closeSidebar(_toggleBtn, _sidebar); + } else if ( + body.classList.contains('modal-overlay-enabled') && + !targetElement.closest( + '.listing-with-sidebar__sidebar' + ) + ) { + // Check directorist color picker is available or not + var directoristColorPicker = body.querySelector( + '.listing-with-sidebar__sidebar--open .wp-color-result' + ); + if (directoristColorPicker) return; + document + .querySelectorAll( + '.listing-with-sidebar__sidebar--open' + ) + .forEach(function (sidebar) { + var toggleBtn = sidebar + .closest('.listing-with-sidebar') + .querySelector( + '.directorist-archive-sidebar-toggle' + ); + closeSidebar(toggleBtn, sidebar); + }); + } + }); + }); + + /***/ + }, + + /***/ './assets/src/js/public/components/category-custom-fields.js': + /*!*******************************************************************!*\ !*** ./assets/src/js/public/components/category-custom-fields.js ***! \*******************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ initSearchCategoryCustomFields; } -/* harmony export */ }); -// Search Category Change -function hideAllCustomFieldsExceptSelected(relations, categories, $container) { - var fields = Object.keys(relations); - var wrappers = ['.directorist-advanced-filter__advanced__element', '.directorist-search-modal__input', '.directorist-search-field']; - if (!fields.length) { - return; - } - - // Convert categories to array if it's not already - var categoryArray = Array.isArray(categories) ? categories : [categories]; - fields.forEach(function (field) { - var fieldCategory = relations[field]; - - // Try multiple selectors to find the field - var $field = null; - var selectors = ["[name=\"custom_field[".concat(field, "]\"]"), "[name=\"custom_field[".concat(field, "][]\"]"), "[name*=\"".concat(field, "\"]"), "[data-field-key=\"".concat(field, "\"]"), "[id*=\"".concat(field, "\"]")]; - for (var _i = 0, _selectors = selectors; _i < _selectors.length; _i++) { - var selector = _selectors[_i]; - $field = $container.find(selector); - if ($field.length > 0) { - break; - } - } - if (!$field || !$field.length) { - return; - } - - // Check if the field category matches any of the selected categories - var shouldShow = categoryArray.some(function (category) { - return Number(category) === Number(fieldCategory); - }); - if (shouldShow) { - $field.prop('disabled', false); - wrappers.forEach(function (wrapper) { - var $wrapper = $field.closest(wrapper); - if ($wrapper.length) { - $wrapper.show(); - } - }); - } else { - $field.prop('disabled', true); - wrappers.forEach(function (wrapper) { - var $wrapper = $field.closest(wrapper); - if ($wrapper.length) { - $wrapper.hide(); - } - }); - } - }); -} -function initSearchCategoryCustomFields($) { - // Handle multiple search forms and containers - var containers = ['.directorist-search-contents', '.directorist-archive-contents', '.directorist-search-form', '.directorist-add-listing-form']; - containers.forEach(function (containerSelector) { - var $container = $(containerSelector); - if ($container.length) { - // Bind events to all category selects within this container - $container.on('change', '.directorist-category-select, .directorist-search-category select, .bdas-category-search', function (event) { - var $this = $(this); - var $form = $this.parents('form'); - var categories = $this.val(); - var attributes = $form.data('atts'); - - // If form doesn't have attributes, try container - if (!attributes) { - attributes = $container.data('atts'); - } - - // If still no attributes, try document body - if (!attributes) { - attributes = $(document.body).data('atts'); - } - if (!attributes || !attributes.category_custom_fields_relations) { - return; - } - - // Handle both single and multiple category selections - if (categories) { - // Convert to array if it's a single value - if (!Array.isArray(categories)) { - categories = [categories]; - } - // Convert string values to numbers and filter out empty values - categories = categories.map(function (cat) { - return Number(cat); - }).filter(function (cat) { - return cat > 0; - }); // Filter out 0, null, undefined, etc. - } else { - categories = []; - } - - // Use the specific container for field search to avoid conflicts - hideAllCustomFieldsExceptSelected(attributes.category_custom_fields_relations, categories, $container); - }); - - // Trigger change event on page load for all category selects in this container - $container.find('.directorist-category-select, .directorist-search-category select, .bdas-category-search').each(function () { - $(this).trigger('change'); - }); - } - }); - - // Also handle global category selects that might not be in specific containers - var globalSelectors = '.directorist-category-select, .directorist-search-category select, .bdas-category-search'; - $(document).on('change', globalSelectors, function (event) { - var $this = $(this); - - // Only handle if not already handled by container-specific handlers - if (!event.isDefaultPrevented()) { - var $form = $this.parents('form'); - var categories = $this.val(); - var attributes = $form.data('atts'); - if (!attributes) { - attributes = $(document.body).data('atts'); - } - if (!attributes || !attributes.category_custom_fields_relations) { - return; - } - - // Handle both single and multiple category selections - if (categories) { - if (!Array.isArray(categories)) { - categories = [categories]; - } - categories = categories.map(function (cat) { - return Number(cat); - }).filter(function (cat) { - return cat > 0; - }); - } else { - categories = []; - } - hideAllCustomFieldsExceptSelected(attributes.category_custom_fields_relations, categories, $(document.body)); - } - }); -} - -/***/ }), - -/***/ "./assets/src/js/public/components/categoryLocation.js": -/*!*************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ initSearchCategoryCustomFields; + }, + /* harmony export */ + } + ); + // Search Category Change + function hideAllCustomFieldsExceptSelected( + relations, + categories, + $container + ) { + var fields = Object.keys(relations); + var wrappers = [ + '.directorist-advanced-filter__advanced__element', + '.directorist-search-modal__input', + '.directorist-search-field', + ]; + if (!fields.length) { + return; + } + + // Convert categories to array if it's not already + var categoryArray = Array.isArray(categories) + ? categories + : [categories]; + fields.forEach(function (field) { + var fieldCategory = relations[field]; + + // Try multiple selectors to find the field + var $field = null; + var selectors = [ + '[name="custom_field['.concat(field, ']"]'), + '[name="custom_field['.concat(field, '][]"]'), + '[name*="'.concat(field, '"]'), + '[data-field-key="'.concat(field, '"]'), + '[id*="'.concat(field, '"]'), + ]; + for ( + var _i = 0, _selectors = selectors; + _i < _selectors.length; + _i++ + ) { + var selector = _selectors[_i]; + $field = $container.find(selector); + if ($field.length > 0) { + break; + } + } + if (!$field || !$field.length) { + return; + } + + // Check if the field category matches any of the selected categories + var shouldShow = categoryArray.some( + function (category) { + return ( + Number(category) === Number(fieldCategory) + ); + } + ); + if (shouldShow) { + $field.prop('disabled', false); + wrappers.forEach(function (wrapper) { + var $wrapper = $field.closest(wrapper); + if ($wrapper.length) { + $wrapper.show(); + } + }); + } else { + $field.prop('disabled', true); + wrappers.forEach(function (wrapper) { + var $wrapper = $field.closest(wrapper); + if ($wrapper.length) { + $wrapper.hide(); + } + }); + } + }); + } + function initSearchCategoryCustomFields($) { + // Handle multiple search forms and containers + var containers = [ + '.directorist-search-contents', + '.directorist-archive-contents', + '.directorist-search-form', + '.directorist-add-listing-form', + ]; + containers.forEach(function (containerSelector) { + var $container = $(containerSelector); + if ($container.length) { + // Bind events to all category selects within this container + $container.on( + 'change', + '.directorist-category-select, .directorist-search-category select, .bdas-category-search', + function (event) { + var $this = $(this); + var $form = $this.parents('form'); + var categories = $this.val(); + var attributes = $form.data('atts'); + + // If form doesn't have attributes, try container + if (!attributes) { + attributes = $container.data('atts'); + } + + // If still no attributes, try document body + if (!attributes) { + attributes = $(document.body).data( + 'atts' + ); + } + if ( + !attributes || + !attributes.category_custom_fields_relations + ) { + return; + } + + // Handle both single and multiple category selections + if (categories) { + // Convert to array if it's a single value + if (!Array.isArray(categories)) { + categories = [categories]; + } + // Convert string values to numbers and filter out empty values + categories = categories + .map(function (cat) { + return Number(cat); + }) + .filter(function (cat) { + return cat > 0; + }); // Filter out 0, null, undefined, etc. + } else { + categories = []; + } + + // Use the specific container for field search to avoid conflicts + hideAllCustomFieldsExceptSelected( + attributes.category_custom_fields_relations, + categories, + $container + ); + } + ); + + // Trigger change event on page load for all category selects in this container + $container + .find( + '.directorist-category-select, .directorist-search-category select, .bdas-category-search' + ) + .each(function () { + $(this).trigger('change'); + }); + } + }); + + // Also handle global category selects that might not be in specific containers + var globalSelectors = + '.directorist-category-select, .directorist-search-category select, .bdas-category-search'; + $(document).on('change', globalSelectors, function (event) { + var $this = $(this); + + // Only handle if not already handled by container-specific handlers + if (!event.isDefaultPrevented()) { + var $form = $this.parents('form'); + var categories = $this.val(); + var attributes = $form.data('atts'); + if (!attributes) { + attributes = $(document.body).data('atts'); + } + if ( + !attributes || + !attributes.category_custom_fields_relations + ) { + return; + } + + // Handle both single and multiple category selections + if (categories) { + if (!Array.isArray(categories)) { + categories = [categories]; + } + categories = categories + .map(function (cat) { + return Number(cat); + }) + .filter(function (cat) { + return cat > 0; + }); + } else { + categories = []; + } + hideAllCustomFieldsExceptSelected( + attributes.category_custom_fields_relations, + categories, + $(document.body) + ); + } + }); + } + + /***/ + }, + + /***/ './assets/src/js/public/components/categoryLocation.js': + /*!*************************************************************!*\ !*** ./assets/src/js/public/components/categoryLocation.js ***! \*************************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - var $ = jQuery; - - /* Make sure the codes in this file runs only once, even if enqueued twice */ - if (typeof window.directorist_catloc_executed === 'undefined') { - window.directorist_catloc_executed = true; - } else { - return; - } - - /* Category card grid three width/height adjustment */ - var categoryCard = document.querySelectorAll('.directorist-categories__single--style-three'); - if (categoryCard) { - categoryCard.forEach(function (elm) { - var categoryCardWidth = elm.offsetWidth; - elm.style.setProperty('--directorist-category-box-width', "".concat(categoryCardWidth, "px")); - }); - } - - /* Taxonomy list dropdown */ - function categoryDropdown(selector, parent) { - var categoryListToggle = document.querySelectorAll(selector); - categoryListToggle.forEach(function (item) { - item.addEventListener('click', function (e) { - var categoryName = item.querySelector('.directorist-taxonomy-list__name'); - if (e.target !== categoryName) { - e.preventDefault(); - this.classList.toggle('directorist-taxonomy-list__toggle--open'); - } - }); - }); - } - categoryDropdown('.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle', '.directorist-taxonomy-list-one .directorist-taxonomy-list'); - categoryDropdown('.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle', '.directorist-taxonomy-list-one .directorist-taxonomy-list'); - - // Taxonomy Ajax - $(document).on('click', '.directorist-categories .directorist-pagination a', function (e) { - taxonomyPagination(e, $(this), '.directorist-categories'); - }); - $(document).on('click', '.directorist-location .directorist-pagination a', function (e) { - taxonomyPagination(e, $(this), '.directorist-location'); - }); - function taxonomyPagination(event, clickedElement, containerSelector) { - event.preventDefault(); - var pageNumber = (clickedElement === null || clickedElement === void 0 ? void 0 : clickedElement.attr('data-page')) || 1; - var container = clickedElement.closest(containerSelector); - var containerAttributes = container ? $(container).data('attrs') : {}; - $.ajax({ - url: directorist.ajax_url, - type: 'POST', - dataType: 'json', - data: { - action: 'directorist_taxonomy_pagination', - nonce: directorist.directorist_nonce, - page: parseInt(pageNumber), - attrs: containerAttributes - }, - beforeSend: function beforeSend() { - $(containerSelector).addClass('atbdp-form-fade'); - }, - success: function success(response) { - var _tempContainer$queryS, _tempContainer$queryS2; - if (!(response !== null && response !== void 0 && response.success)) { - console.error('Failed to load taxonomy content'); - return; - } - var tempContainer = document.createElement('div'); - tempContainer.innerHTML = response.data.content; - // Handle both category and location wrappers - var taxonomyWrapper = document.querySelector('.taxonomy-category-wrapper'); - var locationWrapper = document.querySelector('.taxonomy-location-wrapper'); - var updatedCategoryContent = (_tempContainer$queryS = tempContainer.querySelector('.taxonomy-category-wrapper')) === null || _tempContainer$queryS === void 0 ? void 0 : _tempContainer$queryS.innerHTML; - var updatedLocationContent = (_tempContainer$queryS2 = tempContainer.querySelector('.taxonomy-location-wrapper')) === null || _tempContainer$queryS2 === void 0 ? void 0 : _tempContainer$queryS2.innerHTML; - if (taxonomyWrapper && updatedCategoryContent) { - taxonomyWrapper.innerHTML = updatedCategoryContent; - } - if (locationWrapper && updatedLocationContent) { - locationWrapper.innerHTML = updatedLocationContent; - } - if (!taxonomyWrapper && !locationWrapper) { - console.error('Required elements not found in response'); - return; - } - }, - complete: function complete() { - $(containerSelector).removeClass('atbdp-form-fade'); - } - }); - } -}); - -/***/ }), - -/***/ "./assets/src/js/public/components/colorPicker.js": -/*!********************************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + var $ = jQuery; + + /* Make sure the codes in this file runs only once, even if enqueued twice */ + if ( + typeof window.directorist_catloc_executed === + 'undefined' + ) { + window.directorist_catloc_executed = true; + } else { + return; + } + + /* Category card grid three width/height adjustment */ + var categoryCard = document.querySelectorAll( + '.directorist-categories__single--style-three' + ); + if (categoryCard) { + categoryCard.forEach(function (elm) { + var categoryCardWidth = elm.offsetWidth; + elm.style.setProperty( + '--directorist-category-box-width', + ''.concat(categoryCardWidth, 'px') + ); + }); + } + + /* Taxonomy list dropdown */ + function categoryDropdown(selector, parent) { + var categoryListToggle = + document.querySelectorAll(selector); + categoryListToggle.forEach(function (item) { + item.addEventListener('click', function (e) { + var categoryName = item.querySelector( + '.directorist-taxonomy-list__name' + ); + if (e.target !== categoryName) { + e.preventDefault(); + this.classList.toggle( + 'directorist-taxonomy-list__toggle--open' + ); + } + }); + }); + } + categoryDropdown( + '.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle', + '.directorist-taxonomy-list-one .directorist-taxonomy-list' + ); + categoryDropdown( + '.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle', + '.directorist-taxonomy-list-one .directorist-taxonomy-list' + ); + + // Taxonomy Ajax + $(document).on( + 'click', + '.directorist-categories .directorist-pagination a', + function (e) { + taxonomyPagination( + e, + $(this), + '.directorist-categories' + ); + } + ); + $(document).on( + 'click', + '.directorist-location .directorist-pagination a', + function (e) { + taxonomyPagination( + e, + $(this), + '.directorist-location' + ); + } + ); + function taxonomyPagination( + event, + clickedElement, + containerSelector + ) { + event.preventDefault(); + var pageNumber = + (clickedElement === null || + clickedElement === void 0 + ? void 0 + : clickedElement.attr('data-page')) || 1; + var container = + clickedElement.closest(containerSelector); + var containerAttributes = container + ? $(container).data('attrs') + : {}; + $.ajax({ + url: directorist.ajax_url, + type: 'POST', + dataType: 'json', + data: { + action: 'directorist_taxonomy_pagination', + nonce: directorist.directorist_nonce, + page: parseInt(pageNumber), + attrs: containerAttributes, + }, + beforeSend: function beforeSend() { + $(containerSelector).addClass( + 'atbdp-form-fade' + ); + }, + success: function success(response) { + var _tempContainer$queryS, + _tempContainer$queryS2; + if ( + !( + response !== null && + response !== void 0 && + response.success + ) + ) { + console.error( + 'Failed to load taxonomy content' + ); + return; + } + var tempContainer = + document.createElement('div'); + tempContainer.innerHTML = response.data.content; + // Handle both category and location wrappers + var taxonomyWrapper = document.querySelector( + '.taxonomy-category-wrapper' + ); + var locationWrapper = document.querySelector( + '.taxonomy-location-wrapper' + ); + var updatedCategoryContent = + (_tempContainer$queryS = + tempContainer.querySelector( + '.taxonomy-category-wrapper' + )) === null || + _tempContainer$queryS === void 0 + ? void 0 + : _tempContainer$queryS.innerHTML; + var updatedLocationContent = + (_tempContainer$queryS2 = + tempContainer.querySelector( + '.taxonomy-location-wrapper' + )) === null || + _tempContainer$queryS2 === void 0 + ? void 0 + : _tempContainer$queryS2.innerHTML; + if (taxonomyWrapper && updatedCategoryContent) { + taxonomyWrapper.innerHTML = + updatedCategoryContent; + } + if (locationWrapper && updatedLocationContent) { + locationWrapper.innerHTML = + updatedLocationContent; + } + if (!taxonomyWrapper && !locationWrapper) { + console.error( + 'Required elements not found in response' + ); + return; + } + }, + complete: function complete() { + $(containerSelector).removeClass( + 'atbdp-form-fade' + ); + }, + }); + } + }); + + /***/ + }, + + /***/ './assets/src/js/public/components/colorPicker.js': + /*!********************************************************!*\ !*** ./assets/src/js/public/components/colorPicker.js ***! \********************************************************/ -/***/ (function() { - -/* Initialize wpColorPicker */ -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_colorPicker_executed === 'undefined') { - window.directorist_colorPicker_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* Initialize wp color picker */ - function colorPickerInit() { - var wpColorPickers = document.querySelectorAll('.directorist-color-picker-wrap'); - wpColorPickers.forEach(function (wrap) { - var $pickerInput = $(wrap).find('.directorist-color-picker'); - if ($pickerInput) { - if ($.fn.wpColorPicker) { - $pickerInput.wpColorPicker({ - change: function change(event, ui) { - var color = ui.color.toString(); - - // Dispatch custom event - var colorChangeEvent = new CustomEvent('directorist-color-changed', { - detail: { - color: color, - input: event.target, - form: event.target.closest('form') - } - }); - window.dispatchEvent(colorChangeEvent); - } - }); - } else { - console.warn('wpColorPicker is NOT available!'); - } - } - }); - } - colorPickerInit(); - - /* Initialize on Directory type change */ - window.addEventListener('directorist-instant-search-reloaded', colorPickerInit); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristAlert.js": -/*!*************************************************************!*\ + /***/ function () { + /* Initialize wpColorPicker */ + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_colorPicker_executed === + 'undefined' + ) { + window.directorist_colorPicker_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* Initialize wp color picker */ + function colorPickerInit() { + var wpColorPickers = document.querySelectorAll( + '.directorist-color-picker-wrap' + ); + wpColorPickers.forEach(function (wrap) { + var $pickerInput = $(wrap).find( + '.directorist-color-picker' + ); + if ($pickerInput) { + if ($.fn.wpColorPicker) { + $pickerInput.wpColorPicker({ + change: function change(event, ui) { + var color = ui.color.toString(); + + // Dispatch custom event + var colorChangeEvent = + new CustomEvent( + 'directorist-color-changed', + { + detail: { + color: color, + input: event.target, + form: event.target.closest( + 'form' + ), + }, + } + ); + window.dispatchEvent( + colorChangeEvent + ); + }, + }); + } else { + console.warn( + 'wpColorPicker is NOT available!' + ); + } + } + }); + } + colorPickerInit(); + + /* Initialize on Directory type change */ + window.addEventListener( + 'directorist-instant-search-reloaded', + colorPickerInit + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristAlert.js': + /*!*************************************************************!*\ !*** ./assets/src/js/public/components/directoristAlert.js ***! \*************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_alert_executed === 'undefined') { - window.directorist_alert_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* Directorist alert dismiss */ - var getUrl = window.location.href; - var newUrl = getUrl.replace('notice=1', ''); - if ($('.directorist-alert__close') !== null) { - $('.directorist-alert__close').each(function (i, e) { - $(e).on('click', function (e) { - e.preventDefault(); - history.pushState({}, null, newUrl); - $(this).closest('.directorist-alert').remove(); - }); - }); - } - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristDropdown.js": -/*!****************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_alert_executed === 'undefined' + ) { + window.directorist_alert_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* Directorist alert dismiss */ + var getUrl = window.location.href; + var newUrl = getUrl.replace('notice=1', ''); + if ($('.directorist-alert__close') !== null) { + $('.directorist-alert__close').each( + function (i, e) { + $(e).on('click', function (e) { + e.preventDefault(); + history.pushState({}, null, newUrl); + $(this) + .closest('.directorist-alert') + .remove(); + }); + } + ); + } + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristDropdown.js': + /*!****************************************************************!*\ !*** ./assets/src/js/public/components/directoristDropdown.js ***! \****************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_dropdown_executed === 'undefined') { - window.directorist_dropdown_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* custom dropdown */ - var atbdDropdown = document.querySelectorAll('.directorist-dropdown-select'); - - // toggle dropdown - var clickCount = 0; - if (atbdDropdown !== null) { - atbdDropdown.forEach(function (el) { - el.querySelector('.directorist-dropdown-select-toggle').addEventListener('click', function (e) { - e.preventDefault(); - clickCount++; - if (clickCount % 2 === 1) { - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elem) { - elem.classList.remove('directorist-dropdown-select-show'); - }); - el.querySelector('.directorist-dropdown-select-items').classList.add('directorist-dropdown-select-show'); - } else { - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elem) { - elem.classList.remove('directorist-dropdown-select-show'); - }); - } - }); - }); - } - - // remvoe toggle when click outside - document.body.addEventListener('click', function (e) { - if (e.target.getAttribute('data-drop-toggle') !== 'directorist-dropdown-select-toggle') { - clickCount = 0; - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (el) { - el.classList.remove('directorist-dropdown-select-show'); - }); - } - }); - - //custom select - var atbdSelect = document.querySelectorAll('.atbd-drop-select'); - if (atbdSelect !== null) { - atbdSelect.forEach(function (el) { - el.querySelectorAll('.directorist-dropdown-select-items').forEach(function (item) { - item.addEventListener('click', function (e) { - e.preventDefault(); - el.querySelector('.directorist-dropdown-select-toggle').textContent = e.target.textContent; - el.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elm) { - elm.classList.remove('atbd-active'); - }); - item.classList.add('atbd-active'); - }); - }); - }); - } - - // Dropdown - $('body').on('click', '.directorist-dropdown .directorist-dropdown-toggle', function (e) { - e.preventDefault(); - $(this).siblings('.directorist-dropdown-option').toggle(); - }); - - // Select Option after click - $('body').on('click', '.directorist-dropdown .directorist-dropdown-option ul li a', function (e) { - e.preventDefault(); - var optionText = $(this).html(); - $(this).children('.directorist-dropdown-toggle__text').html(optionText); - $(this).closest('.directorist-dropdown-option').siblings('.directorist-dropdown-toggle').children('.directorist-dropdown-toggle__text').html(optionText); - $('.directorist-dropdown-option').hide(); - }); - - // Hide Clicked Anywhere - $(document).bind('click', function (e) { - var clickedDOM = $(e.target); - if (!clickedDOM.parents().hasClass('directorist-dropdown')) $('.directorist-dropdown-option').hide(); - }); - - //atbd_dropdown - $(document).on('click', '.atbd_dropdown', function (e) { - if ($(this).attr('class') === 'atbd_dropdown') { - e.preventDefault(); - $(this).siblings('.atbd_dropdown').removeClass('atbd_drop--active'); - $(this).toggleClass('atbd_drop--active'); - e.stopPropagation(); - } - }); - $(document).on('click', function (e) { - if ($(e.target).is('.atbd_dropdown, .atbd_drop--active') === false) { - $('.atbd_dropdown').removeClass('atbd_drop--active'); - } - }); - $('body').on('click', '.atbd_dropdown-toggle', function (e) { - e.preventDefault(); - }); - - // Directorist Dropdown - $('body').on('click', '.directorist-dropdown-js .directorist-dropdown__toggle-js', function (e) { - e.preventDefault(); - if (!$(this).siblings('.directorist-dropdown__links-js').is(':visible')) { - $('.directorist-dropdown__links').hide(); - } - $(this).siblings('.directorist-dropdown__links-js').toggle(); - }); - $('body').on('click', function (e) { - if (!e.target.closest('.directorist-dropdown-js')) { - $('.directorist-dropdown__links-js').hide(); - } - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristFavorite.js": -/*!****************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_dropdown_executed === + 'undefined' + ) { + window.directorist_dropdown_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* custom dropdown */ + var atbdDropdown = document.querySelectorAll( + '.directorist-dropdown-select' + ); + + // toggle dropdown + var clickCount = 0; + if (atbdDropdown !== null) { + atbdDropdown.forEach(function (el) { + el.querySelector( + '.directorist-dropdown-select-toggle' + ).addEventListener('click', function (e) { + e.preventDefault(); + clickCount++; + if (clickCount % 2 === 1) { + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (elem) { + elem.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + el.querySelector( + '.directorist-dropdown-select-items' + ).classList.add( + 'directorist-dropdown-select-show' + ); + } else { + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (elem) { + elem.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + } + }); + }); + } + + // remvoe toggle when click outside + document.body.addEventListener('click', function (e) { + if ( + e.target.getAttribute('data-drop-toggle') !== + 'directorist-dropdown-select-toggle' + ) { + clickCount = 0; + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (el) { + el.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + } + }); + + //custom select + var atbdSelect = + document.querySelectorAll('.atbd-drop-select'); + if (atbdSelect !== null) { + atbdSelect.forEach(function (el) { + el.querySelectorAll( + '.directorist-dropdown-select-items' + ).forEach(function (item) { + item.addEventListener( + 'click', + function (e) { + e.preventDefault(); + el.querySelector( + '.directorist-dropdown-select-toggle' + ).textContent = + e.target.textContent; + el.querySelectorAll( + '.directorist-dropdown-select-items' + ).forEach(function (elm) { + elm.classList.remove( + 'atbd-active' + ); + }); + item.classList.add('atbd-active'); + } + ); + }); + }); + } + + // Dropdown + $('body').on( + 'click', + '.directorist-dropdown .directorist-dropdown-toggle', + function (e) { + e.preventDefault(); + $(this) + .siblings('.directorist-dropdown-option') + .toggle(); + } + ); + + // Select Option after click + $('body').on( + 'click', + '.directorist-dropdown .directorist-dropdown-option ul li a', + function (e) { + e.preventDefault(); + var optionText = $(this).html(); + $(this) + .children( + '.directorist-dropdown-toggle__text' + ) + .html(optionText); + $(this) + .closest('.directorist-dropdown-option') + .siblings('.directorist-dropdown-toggle') + .children( + '.directorist-dropdown-toggle__text' + ) + .html(optionText); + $('.directorist-dropdown-option').hide(); + } + ); + + // Hide Clicked Anywhere + $(document).bind('click', function (e) { + var clickedDOM = $(e.target); + if ( + !clickedDOM + .parents() + .hasClass('directorist-dropdown') + ) + $('.directorist-dropdown-option').hide(); + }); + + //atbd_dropdown + $(document).on('click', '.atbd_dropdown', function (e) { + if ($(this).attr('class') === 'atbd_dropdown') { + e.preventDefault(); + $(this) + .siblings('.atbd_dropdown') + .removeClass('atbd_drop--active'); + $(this).toggleClass('atbd_drop--active'); + e.stopPropagation(); + } + }); + $(document).on('click', function (e) { + if ( + $(e.target).is( + '.atbd_dropdown, .atbd_drop--active' + ) === false + ) { + $('.atbd_dropdown').removeClass( + 'atbd_drop--active' + ); + } + }); + $('body').on( + 'click', + '.atbd_dropdown-toggle', + function (e) { + e.preventDefault(); + } + ); + + // Directorist Dropdown + $('body').on( + 'click', + '.directorist-dropdown-js .directorist-dropdown__toggle-js', + function (e) { + e.preventDefault(); + if ( + !$(this) + .siblings( + '.directorist-dropdown__links-js' + ) + .is(':visible') + ) { + $('.directorist-dropdown__links').hide(); + } + $(this) + .siblings('.directorist-dropdown__links-js') + .toggle(); + } + ); + $('body').on('click', function (e) { + if (!e.target.closest('.directorist-dropdown-js')) { + $('.directorist-dropdown__links-js').hide(); + } + }); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristFavorite.js': + /*!****************************************************************!*\ !*** ./assets/src/js/public/components/directoristFavorite.js ***! \****************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_favorite_executed === 'undefined') { - window.directorist_favorite_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - // Add or Remove from favourites - $('.directorist-action-bookmark').on('click', function (e) { - e.preventDefault(); - var data = { - action: 'atbdp_public_add_remove_favorites', - directorist_nonce: directorist.directorist_nonce, - post_id: $(this).data('listing_id') - }; - $.post(directorist.ajaxurl, data, function (response) { - if (response) { - $('.directorist-action-bookmark').html(response); - } - }); - }); - $('.directorist-favourite-remove-btn').each(function () { - $(this).on('click', function (event) { - event.preventDefault(); - var data = { - action: 'atbdp-favourites-all-listing', - directorist_nonce: directorist.directorist_nonce, - post_id: $(this).data('listing_id') - }; - $('.directorist-favorite-tooltip').hide(); - $.post(directorist.ajaxurl, data, function (response) { - var post_id = data['post_id'].toString(); - var staElement = $('.directorist_favourite_' + post_id); - if ('false' === response) { - staElement.remove(); - } - }); - }); - }); - $('body').on('click', '.directorist-mark-as-favorite__btn', function (event) { - event.preventDefault(); - var data = { - action: 'atbdp-favourites-all-listing', - directorist_nonce: directorist.directorist_nonce, - post_id: $(this).data('listing_id') - }; - var fav_tooltip_success = '' + directorist.i18n_text.added_favourite + ''; - var fav_tooltip_warning = '' + directorist.i18n_text.please_login + ''; - $('.directorist-favorite-tooltip').hide(); - $.post(directorist.ajax_url, data, function (response) { - var post_id = data['post_id'].toString(); - var staElement = $('.directorist-fav_' + post_id); - var data_id = staElement.attr('data-listing_id'); - if (response === 'login_required') { - staElement.children('.directorist-favorite-tooltip').append(fav_tooltip_warning); - staElement.children('.directorist-favorite-tooltip').fadeIn(); - setTimeout(function () { - staElement.children('.directorist-favorite-tooltip').children('span').remove(); - }, 3000); - } else if ('false' === response) { - staElement.removeClass('directorist-added-to-favorite'); - $('.directorist-favorite-tooltip span').remove(); - } else { - if (data_id === post_id) { - staElement.addClass('directorist-added-to-favorite'); - staElement.children('.directorist-favorite-tooltip').append(fav_tooltip_success); - staElement.children('.directorist-favorite-tooltip').fadeIn(); - setTimeout(function () { - staElement.children('.directorist-favorite-tooltip').children('span').remove(); - }, 3000); - } - } - }); - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristSelect.js": -/*!**************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_favorite_executed === + 'undefined' + ) { + window.directorist_favorite_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + // Add or Remove from favourites + $('.directorist-action-bookmark').on( + 'click', + function (e) { + e.preventDefault(); + var data = { + action: 'atbdp_public_add_remove_favorites', + directorist_nonce: + directorist.directorist_nonce, + post_id: $(this).data('listing_id'), + }; + $.post( + directorist.ajaxurl, + data, + function (response) { + if (response) { + $( + '.directorist-action-bookmark' + ).html(response); + } + } + ); + } + ); + $('.directorist-favourite-remove-btn').each( + function () { + $(this).on('click', function (event) { + event.preventDefault(); + var data = { + action: 'atbdp-favourites-all-listing', + directorist_nonce: + directorist.directorist_nonce, + post_id: $(this).data('listing_id'), + }; + $('.directorist-favorite-tooltip').hide(); + $.post( + directorist.ajaxurl, + data, + function (response) { + var post_id = + data['post_id'].toString(); + var staElement = $( + '.directorist_favourite_' + + post_id + ); + if ('false' === response) { + staElement.remove(); + } + } + ); + }); + } + ); + $('body').on( + 'click', + '.directorist-mark-as-favorite__btn', + function (event) { + event.preventDefault(); + var data = { + action: 'atbdp-favourites-all-listing', + directorist_nonce: + directorist.directorist_nonce, + post_id: $(this).data('listing_id'), + }; + var fav_tooltip_success = + '' + + directorist.i18n_text.added_favourite + + ''; + var fav_tooltip_warning = + '' + + directorist.i18n_text.please_login + + ''; + $('.directorist-favorite-tooltip').hide(); + $.post( + directorist.ajax_url, + data, + function (response) { + var post_id = + data['post_id'].toString(); + var staElement = $( + '.directorist-fav_' + post_id + ); + var data_id = + staElement.attr('data-listing_id'); + if (response === 'login_required') { + staElement + .children( + '.directorist-favorite-tooltip' + ) + .append(fav_tooltip_warning); + staElement + .children( + '.directorist-favorite-tooltip' + ) + .fadeIn(); + setTimeout(function () { + staElement + .children( + '.directorist-favorite-tooltip' + ) + .children('span') + .remove(); + }, 3000); + } else if ('false' === response) { + staElement.removeClass( + 'directorist-added-to-favorite' + ); + $( + '.directorist-favorite-tooltip span' + ).remove(); + } else { + if (data_id === post_id) { + staElement.addClass( + 'directorist-added-to-favorite' + ); + staElement + .children( + '.directorist-favorite-tooltip' + ) + .append( + fav_tooltip_success + ); + staElement + .children( + '.directorist-favorite-tooltip' + ) + .fadeIn(); + setTimeout(function () { + staElement + .children( + '.directorist-favorite-tooltip' + ) + .children('span') + .remove(); + }, 3000); + } + } + } + ); + } + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristSelect.js': + /*!**************************************************************!*\ !*** ./assets/src/js/public/components/directoristSelect.js ***! \**************************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_select_executed === 'undefined') { - window.directorist_select_executed = true; - } else { - return; - } - //custom select - var atbdSelect = document.querySelectorAll('.atbd-drop-select'); - if (atbdSelect !== null) { - atbdSelect.forEach(function (el) { - el.querySelectorAll('.atbd-dropdown-item').forEach(function (item) { - item.addEventListener('click', function (e) { - e.preventDefault(); - el.querySelector('.atbd-dropdown-toggle').textContent = item.textContent; - el.querySelectorAll('.atbd-dropdown-item').forEach(function (elm) { - elm.classList.remove('atbd-active'); - }); - item.classList.add('atbd-active'); - }); - }); - }); - } - - // select data-status - var atbdSelectData = document.querySelectorAll('.atbd-drop-select.with-sort'); - atbdSelectData.forEach(function (el) { - el.querySelectorAll('.atbd-dropdown-item').forEach(function (item) { - var atbd_dropdown = el.querySelector('.atbd-dropdown-toggle'); - var dropdown_item = item.getAttribute('data-status'); - item.addEventListener('click', function (e) { - atbd_dropdown.setAttribute('data-status', "".concat(dropdown_item)); - }); - }); - }); -}); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristSorting.js": -/*!***************************************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_select_executed === + 'undefined' + ) { + window.directorist_select_executed = true; + } else { + return; + } + //custom select + var atbdSelect = + document.querySelectorAll('.atbd-drop-select'); + if (atbdSelect !== null) { + atbdSelect.forEach(function (el) { + el.querySelectorAll('.atbd-dropdown-item').forEach( + function (item) { + item.addEventListener( + 'click', + function (e) { + e.preventDefault(); + el.querySelector( + '.atbd-dropdown-toggle' + ).textContent = item.textContent; + el.querySelectorAll( + '.atbd-dropdown-item' + ).forEach(function (elm) { + elm.classList.remove( + 'atbd-active' + ); + }); + item.classList.add('atbd-active'); + } + ); + } + ); + }); + } + + // select data-status + var atbdSelectData = document.querySelectorAll( + '.atbd-drop-select.with-sort' + ); + atbdSelectData.forEach(function (el) { + el.querySelectorAll('.atbd-dropdown-item').forEach( + function (item) { + var atbd_dropdown = el.querySelector( + '.atbd-dropdown-toggle' + ); + var dropdown_item = + item.getAttribute('data-status'); + item.addEventListener('click', function (e) { + atbd_dropdown.setAttribute( + 'data-status', + ''.concat(dropdown_item) + ); + }); + } + ); + }); + }); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristSorting.js': + /*!***************************************************************!*\ !*** ./assets/src/js/public/components/directoristSorting.js ***! \***************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_sorting_executed === 'undefined') { - window.directorist_sorting_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - // Sorting Js - if (!$('.directorist-instant-search').length) { - $('.directorist-dropdown__links__single-js').click(function (e) { - e.preventDefault(); - var href = $(this).attr('data-link'); - $('#directorsit-listing-sort').attr('action', href); - $('#directorsit-listing-sort').submit(); - }); - } - - //sorting toggle - $('.sorting span').on('click', function () { - $(this).toggleClass('fa-sort-amount-asc fa-sort-amount-desc'); - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/general.js": -/*!****************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_sorting_executed === + 'undefined' + ) { + window.directorist_sorting_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + // Sorting Js + if (!$('.directorist-instant-search').length) { + $('.directorist-dropdown__links__single-js').click( + function (e) { + e.preventDefault(); + var href = $(this).attr('data-link'); + $('#directorsit-listing-sort').attr( + 'action', + href + ); + $('#directorsit-listing-sort').submit(); + } + ); + } + + //sorting toggle + $('.sorting span').on('click', function () { + $(this).toggleClass( + 'fa-sort-amount-asc fa-sort-amount-desc' + ); + }); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/general.js': + /*!****************************************************!*\ !*** ./assets/src/js/public/components/general.js ***! \****************************************************/ -/***/ (function() { - -// Fix listing with no thumb if card width is less than 220px -(function ($) { - window.addEventListener('load', function () { - if ($('.directorist-listing-no-thumb').innerWidth() <= 220) { - $('.directorist-listing-no-thumb').addClass('directorist-listing-no-thumb--fix'); - } - // Auhtor Profile Listing responsive fix - if ($('.directorist-author-listing-content').innerWidth() <= 750) { - $('.directorist-author-listing-content').addClass('directorist-author-listing-grid--fix'); - } - // Directorist Archive responsive fix - if ($('.directorist-archive-grid-view').innerWidth() <= 500) { - $('.directorist-archive-grid-view').addClass('directorist-archive-grid--fix'); - } - - // Back Button to go back to the previous page - $('body').on('click', '.directorist-btn__back', function (e) { - window.history.back(); - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/gridResponsive.js": -/*!***********************************************************!*\ + /***/ function () { + // Fix listing with no thumb if card width is less than 220px + (function ($) { + window.addEventListener('load', function () { + if ( + $('.directorist-listing-no-thumb').innerWidth() <= + 220 + ) { + $('.directorist-listing-no-thumb').addClass( + 'directorist-listing-no-thumb--fix' + ); + } + // Auhtor Profile Listing responsive fix + if ( + $( + '.directorist-author-listing-content' + ).innerWidth() <= 750 + ) { + $('.directorist-author-listing-content').addClass( + 'directorist-author-listing-grid--fix' + ); + } + // Directorist Archive responsive fix + if ( + $('.directorist-archive-grid-view').innerWidth() <= + 500 + ) { + $('.directorist-archive-grid-view').addClass( + 'directorist-archive-grid--fix' + ); + } + + // Back Button to go back to the previous page + $('body').on( + 'click', + '.directorist-btn__back', + function (e) { + window.history.back(); + } + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/gridResponsive.js': + /*!***********************************************************!*\ !*** ./assets/src/js/public/components/gridResponsive.js ***! \***********************************************************/ -/***/ (function() { - -(function ($) { - /* Responsive grid control */ - $(document).ready(function () { - var d_wrapper = $('#directorist.atbd_wrapper'); - var columnLeft = $('.atbd_col_left.col-lg-8'); - var columnRight = $('.directorist.col-lg-4'); - var tabColumn = $('.atbd_dashboard_wrapper .tab-content .tab-pane .col-lg-4'); - var w_size = d_wrapper.width(); - if (w_size >= 500 && w_size <= 735) { - columnLeft.toggleClass('col-lg-8'); - columnRight.toggleClass('col-lg-4'); - } - if (w_size <= 600) { - d_wrapper.addClass('size-xs'); - tabColumn.toggleClass('col-lg-4'); - } - var listing_size = $('.atbd_dashboard_wrapper .atbd_single_listing').width(); - if (listing_size < 200) { - $('.atbd_single_listing .db_btn_area').addClass('db_btn_area--sm'); - } - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/helpers.js": -/*!****************************************************!*\ + /***/ function () { + (function ($) { + /* Responsive grid control */ + $(document).ready(function () { + var d_wrapper = $('#directorist.atbd_wrapper'); + var columnLeft = $('.atbd_col_left.col-lg-8'); + var columnRight = $('.directorist.col-lg-4'); + var tabColumn = $( + '.atbd_dashboard_wrapper .tab-content .tab-pane .col-lg-4' + ); + var w_size = d_wrapper.width(); + if (w_size >= 500 && w_size <= 735) { + columnLeft.toggleClass('col-lg-8'); + columnRight.toggleClass('col-lg-4'); + } + if (w_size <= 600) { + d_wrapper.addClass('size-xs'); + tabColumn.toggleClass('col-lg-4'); + } + var listing_size = $( + '.atbd_dashboard_wrapper .atbd_single_listing' + ).width(); + if (listing_size < 200) { + $('.atbd_single_listing .db_btn_area').addClass( + 'db_btn_area--sm' + ); + } + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/helpers.js': + /*!****************************************************!*\ !*** ./assets/src/js/public/components/helpers.js ***! \****************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _helpers_printRating__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./helpers/printRating */ "./assets/src/js/public/components/helpers/printRating.js"); -/* harmony import */ var _helpers_printRating__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_helpers_printRating__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _helpers_createMysql__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./helpers/createMysql */ "./assets/src/js/public/components/helpers/createMysql.js"); -/* harmony import */ var _helpers_createMysql__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_helpers_createMysql__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _helpers_postDraft__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./helpers/postDraft */ "./assets/src/js/public/components/helpers/postDraft.js"); -/* harmony import */ var _helpers_postDraft__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_helpers_postDraft__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _helpers_handleAjaxRequest__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./helpers/handleAjaxRequest */ "./assets/src/js/public/components/helpers/handleAjaxRequest.js"); -/* harmony import */ var _helpers_handleAjaxRequest__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_helpers_handleAjaxRequest__WEBPACK_IMPORTED_MODULE_3__); -/* harmony import */ var _helpers_noImageController__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./helpers/noImageController */ "./assets/src/js/public/components/helpers/noImageController.js"); -/* harmony import */ var _helpers_noImageController__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_helpers_noImageController__WEBPACK_IMPORTED_MODULE_4__); -// Helper Components - - - - - - -/***/ }), - -/***/ "./assets/src/js/public/components/helpers/createMysql.js": -/*!****************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _helpers_printRating__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./helpers/printRating */ './assets/src/js/public/components/helpers/printRating.js' + ); + /* harmony import */ var _helpers_printRating__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _helpers_printRating__WEBPACK_IMPORTED_MODULE_0__ + ); + /* harmony import */ var _helpers_createMysql__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./helpers/createMysql */ './assets/src/js/public/components/helpers/createMysql.js' + ); + /* harmony import */ var _helpers_createMysql__WEBPACK_IMPORTED_MODULE_1___default = + /*#__PURE__*/ __webpack_require__.n( + _helpers_createMysql__WEBPACK_IMPORTED_MODULE_1__ + ); + /* harmony import */ var _helpers_postDraft__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./helpers/postDraft */ './assets/src/js/public/components/helpers/postDraft.js' + ); + /* harmony import */ var _helpers_postDraft__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _helpers_postDraft__WEBPACK_IMPORTED_MODULE_2__ + ); + /* harmony import */ var _helpers_handleAjaxRequest__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ./helpers/handleAjaxRequest */ './assets/src/js/public/components/helpers/handleAjaxRequest.js' + ); + /* harmony import */ var _helpers_handleAjaxRequest__WEBPACK_IMPORTED_MODULE_3___default = + /*#__PURE__*/ __webpack_require__.n( + _helpers_handleAjaxRequest__WEBPACK_IMPORTED_MODULE_3__ + ); + /* harmony import */ var _helpers_noImageController__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ./helpers/noImageController */ './assets/src/js/public/components/helpers/noImageController.js' + ); + /* harmony import */ var _helpers_noImageController__WEBPACK_IMPORTED_MODULE_4___default = + /*#__PURE__*/ __webpack_require__.n( + _helpers_noImageController__WEBPACK_IMPORTED_MODULE_4__ + ); + // Helper Components + + /***/ + }, + + /***/ './assets/src/js/public/components/helpers/createMysql.js': + /*!****************************************************************!*\ !*** ./assets/src/js/public/components/helpers/createMysql.js ***! \****************************************************************/ -/***/ (function() { - -(function ($) { - // Helper function to convert the mysql date - Date.createFromMysql = function (mysql_string) { - var t, - result = null; - if (typeof mysql_string === 'string') { - t = mysql_string.split(/[- :]/); - - //when t[3], t[4] and t[5] are missing they defaults to zero - result = new Date(t[0], t[1] - 1, t[2], t[3] || 0, t[4] || 0, t[5] || 0); - } - return result; - }; -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/helpers/handleAjaxRequest.js": -/*!**********************************************************************!*\ + /***/ function () { + (function ($) { + // Helper function to convert the mysql date + Date.createFromMysql = function (mysql_string) { + var t, + result = null; + if (typeof mysql_string === 'string') { + t = mysql_string.split(/[- :]/); + + //when t[3], t[4] and t[5] are missing they defaults to zero + result = new Date( + t[0], + t[1] - 1, + t[2], + t[3] || 0, + t[4] || 0, + t[5] || 0 + ); + } + return result; + }; + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/helpers/handleAjaxRequest.js': + /*!**********************************************************************!*\ !*** ./assets/src/js/public/components/helpers/handleAjaxRequest.js ***! \**********************************************************************/ -/***/ (function() { - -(function ($) { - /*This function handles all ajax request*/ - function atbdp_do_ajax(ElementToShowLoadingIconAfter, ActionName, arg, CallBackHandler) { - var data; - if (ActionName) data = 'action=' + ActionName; - if (arg) data = arg + '&action=' + ActionName; - if (arg && !ActionName) data = arg; - //data = data ; - - var n = data.search(directorist.nonceName); - if (n < 0) { - data = data + '&' + directorist.nonceName + '=' + directorist.nonce; - } - jQuery.ajax({ - type: 'post', - url: directorist.ajaxurl, - data: data, - beforeSend: function beforeSend() { - jQuery("").insertAfter(ElementToShowLoadingIconAfter); - }, - success: function success(data) { - jQuery('.atbdp_ajax_loading').remove(); - CallBackHandler(data); - } - }); - } - window.atbdp_do_ajax = atbdp_do_ajax; -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/helpers/noImageController.js": -/*!**********************************************************************!*\ + /***/ function () { + (function ($) { + /*This function handles all ajax request*/ + function atbdp_do_ajax( + ElementToShowLoadingIconAfter, + ActionName, + arg, + CallBackHandler + ) { + var data; + if (ActionName) data = 'action=' + ActionName; + if (arg) data = arg + '&action=' + ActionName; + if (arg && !ActionName) data = arg; + //data = data ; + + var n = data.search(directorist.nonceName); + if (n < 0) { + data = + data + + '&' + + directorist.nonceName + + '=' + + directorist.nonce; + } + jQuery.ajax({ + type: 'post', + url: directorist.ajaxurl, + data: data, + beforeSend: function beforeSend() { + jQuery( + "" + ).insertAfter(ElementToShowLoadingIconAfter); + }, + success: function success(data) { + jQuery('.atbdp_ajax_loading').remove(); + CallBackHandler(data); + }, + }); + } + window.atbdp_do_ajax = atbdp_do_ajax; + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/helpers/noImageController.js': + /*!**********************************************************************!*\ !*** ./assets/src/js/public/components/helpers/noImageController.js ***! \**********************************************************************/ -/***/ (function() { - -(function ($) { - /* Listing No Image Controller */ - $('.atbd_listing_no_image .atbd_lower_badge').each(function (i, elm) { - if (!$.trim($(elm).html()).length) { - $(this).addClass('atbd-no-spacing'); - } - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/helpers/postDraft.js": -/*!**************************************************************!*\ + /***/ function () { + (function ($) { + /* Listing No Image Controller */ + $('.atbd_listing_no_image .atbd_lower_badge').each( + function (i, elm) { + if (!$.trim($(elm).html()).length) { + $(this).addClass('atbd-no-spacing'); + } + } + ); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/helpers/postDraft.js': + /*!**************************************************************!*\ !*** ./assets/src/js/public/components/helpers/postDraft.js ***! \**************************************************************/ -/***/ (function() { - -(function ($) { - //adding temporary css class to post draft page - if ($('.edit_btn_wrap .atbdp_float_active').length) { - $('body').addClass('atbd_post_draft'); - } -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/helpers/printRating.js": -/*!****************************************************************!*\ + /***/ function () { + (function ($) { + //adding temporary css class to post draft page + if ($('.edit_btn_wrap .atbdp_float_active').length) { + $('body').addClass('atbd_post_draft'); + } + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/helpers/printRating.js': + /*!****************************************************************!*\ !*** ./assets/src/js/public/components/helpers/printRating.js ***! \****************************************************************/ -/***/ (function() { - -(function ($) { - /* Helper Function for priting static rating */ - function print_static_rating($star_number) { - var v; - if ($star_number) { - v = '
      '; - for (var i = 1; i <= 5; i++) { - v += i <= $star_number ? "
    • " : "
    • "; - } - v += '
    '; - } - return v; - } -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/instantSearch.js": -/*!**********************************************************!*\ + /***/ function () { + (function ($) { + /* Helper Function for priting static rating */ + function print_static_rating($star_number) { + var v; + if ($star_number) { + v = '
      '; + for (var i = 1; i <= 5; i++) { + v += + i <= $star_number + ? "
    • " + : "
    • "; + } + v += '
    '; + } + return v; + } + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/instantSearch.js': + /*!**********************************************************!*\ !*** ./assets/src/js/public/components/instantSearch.js ***! \**********************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); -/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"); -/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js"); -/* harmony import */ var _global_components_debounce__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../global/components/debounce */ "./assets/src/js/global/components/debounce.js"); -/* harmony import */ var _category_custom_fields__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./category-custom-fields */ "./assets/src/js/public/components/category-custom-fields.js"); - - - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } -function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } - - -(function ($) { - /** + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/typeof */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + /* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! @babel/runtime/helpers/slicedToArray */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/slicedToArray.js' + ); + /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! @babel/runtime/helpers/defineProperty */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/defineProperty.js' + ); + /* harmony import */ var _global_components_debounce__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ../../global/components/debounce */ './assets/src/js/global/components/debounce.js' + ); + /* harmony import */ var _category_custom_fields__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ./category-custom-fields */ './assets/src/js/public/components/category-custom-fields.js' + ); + + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + function ownKeys(e, r) { + var t = Object.keys(e); + if (Object.getOwnPropertySymbols) { + var o = Object.getOwnPropertySymbols(e); + (r && + (o = o.filter(function (r) { + return Object.getOwnPropertyDescriptor(e, r) + .enumerable; + })), + t.push.apply(t, o)); + } + return t; + } + function _objectSpread(e) { + for (var r = 1; r < arguments.length; r++) { + var t = null != arguments[r] ? arguments[r] : {}; + r % 2 + ? ownKeys(Object(t), !0).forEach(function (r) { + (0, + _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__[ + 'default' + ])(e, r, t[r]); + }) + : Object.getOwnPropertyDescriptors + ? Object.defineProperties( + e, + Object.getOwnPropertyDescriptors(t) + ) + : ownKeys(Object(t)).forEach(function (r) { + Object.defineProperty( + e, + r, + Object.getOwnPropertyDescriptor( + t, + r + ) + ); + }); + } + return e; + } + + (function ($) { + /** Global Variables */ - // Globally accessible form_data - var form_data = {}; + // Globally accessible form_data + var form_data = {}; - // Scrolling Pagination - var scrollingPage = 1; - var infinitePaginationIsLoading = false; - var infinitePaginationCompleted = false; + // Scrolling Pagination + var scrollingPage = 1; + var infinitePaginationIsLoading = false; + var infinitePaginationCompleted = false; - /** + /** Main Functions */ - // Perform Instant Search - function performInstantSearch(searchElement) { - // get parent element - var searchElm = searchElement.closest('.directorist-instant-search'); - - // Instant Search Data - var instant_search_data = prepareInstantSearchData(searchElm); - $.ajax({ - url: directorist.ajaxurl, - type: 'POST', - data: instant_search_data, - beforeSend: function beforeSend() { - var _searchElm$offset; - searchElm.find('.directorist-advanced-filter__form .directorist-btn-sm').attr('disabled', true); - searchElm.find('.directorist-archive-items').addClass('atbdp-form-fade'); - searchElm.find('.directorist-header-bar .directorist-advanced-filter').removeClass('directorist-advanced-filter--show').hide(); - if (((_searchElm$offset = searchElm.offset()) === null || _searchElm$offset === void 0 ? void 0 : _searchElm$offset.top) > 0) { - $(document).scrollTop(searchElm.offset().top); - } - closeAllSearchModal(); - }, - success: function success(html) { - if (html.search_result) { - searchElm.find('.directorist-header-found-title, .dsa-save-search-container').remove(); - if (html.header_title) { - searchElm.find('.directorist-listings-header__left').append(html.header_title); - searchElm.find('.directorist-header-found-title span').text(html.count); - } - searchElm.find('.directorist-archive-items').replaceWith(html.search_result).removeClass('atbdp-form-fade'); - searchElm.find('.directorist-advanced-filter__form .directorist-btn-sm').attr('disabled', false); - window.dispatchEvent(new CustomEvent('directorist-instant-search-reloaded')); - window.dispatchEvent(new CustomEvent('directorist-reload-listings-map-archive')); - - // Optional: Update meta title - var new_meta_title = ''; - if (html.category_name) new_meta_title += html.category_name; - if (html.location_name) new_meta_title += (new_meta_title ? ' within ' : '') + html.location_name; - if (form_data.address) new_meta_title += (form_data.in_cat || form_data.in_loc ? ' near ' : '') + form_data.address; - document.title = new_meta_title ? "".concat(new_meta_title, " | ").concat(directorist.site_name) : directorist.site_name; - } - - // Initialize scrolling status - scrollingPage = 1; - infinitePaginationCompleted = false; - } - }); - } - - // Perform Instant Search for directory type change - function onDirectoryChange(searchElement) { - // get parent element - var searchElm = searchElement.closest('.directorist-instant-search'); - - // Instant Search Data - var instant_search_data = prepareInstantSearchData(searchElm); - $.ajax({ - url: directorist.ajaxurl, - type: 'POST', - data: instant_search_data, - beforeSend: function beforeSend() { - searchElm.addClass('atbdp-form-fade'); - }, - success: function success(html) { - if (html.directory_type) { - searchElm.replaceWith(html.directory_type); - searchElm.find('.atbdp-form-fade').removeClass('atbdp-form-fade'); - window.dispatchEvent(new CustomEvent('directorist-instant-search-reloaded')); - window.dispatchEvent(new CustomEvent('directorist-reload-listings-map-archive')); - - // SearchForm Item in Single Category Location Page Init - singleCategoryLocationInit(); - - // Category Custom Field Assigned Init - (0,_category_custom_fields__WEBPACK_IMPORTED_MODULE_4__["default"])($); - } - - // Initialize scrolling status - scrollingPage = 1; - infinitePaginationCompleted = false; - } - }); - } - - // AJAX call to load more listings - function loadMoreListings(searchElement) { - var loadingDiv; - var container = $('.directorist-infinite-scroll .directorist-container-fluid .directorist-row'); - - // get parent element - var searchElm = searchElement.closest('.directorist-instant-search'); - - // Instant Search Data - var preparedData = prepareInstantSearchData(searchElm); - - // make ajax data - var instant_search_data = _objectSpread(_objectSpread({}, preparedData), {}, { - paged: scrollingPage - }); - $.ajax({ - url: directorist.ajaxurl, - type: 'POST', - data: instant_search_data, - beforeSend: function beforeSend() { - loadingDiv = $('
    ', { - class: 'directorist-on-scroll-loading' - }).append($('
    ', { - class: 'directorist-spinner' - }), $('').text(directorist.loading_more_text)); - container.append(loadingDiv); - }, - success: function success(html) { - if (loadingDiv) loadingDiv.remove(); - if (html.count > 0) { - container.append(html.render_listings); - } else { - infinitePaginationCompleted = true; - } - triggerCustomEvents(); - }, - complete: function complete() { - infinitePaginationIsLoading = false; - if (loadingDiv) loadingDiv.remove(); - } - }); - } - - /** + // Perform Instant Search + function performInstantSearch(searchElement) { + // get parent element + var searchElm = searchElement.closest( + '.directorist-instant-search' + ); + + // Instant Search Data + var instant_search_data = + prepareInstantSearchData(searchElm); + $.ajax({ + url: directorist.ajaxurl, + type: 'POST', + data: instant_search_data, + beforeSend: function beforeSend() { + var _searchElm$offset; + searchElm + .find( + '.directorist-advanced-filter__form .directorist-btn-sm' + ) + .attr('disabled', true); + searchElm + .find('.directorist-archive-items') + .addClass('atbdp-form-fade'); + searchElm + .find( + '.directorist-header-bar .directorist-advanced-filter' + ) + .removeClass( + 'directorist-advanced-filter--show' + ) + .hide(); + if ( + ((_searchElm$offset = + searchElm.offset()) === null || + _searchElm$offset === void 0 + ? void 0 + : _searchElm$offset.top) > 0 + ) { + $(document).scrollTop( + searchElm.offset().top + ); + } + closeAllSearchModal(); + }, + success: function success(html) { + if (html.search_result) { + searchElm + .find( + '.directorist-header-found-title, .dsa-save-search-container' + ) + .remove(); + if (html.header_title) { + searchElm + .find( + '.directorist-listings-header__left' + ) + .append(html.header_title); + searchElm + .find( + '.directorist-header-found-title span' + ) + .text(html.count); + } + searchElm + .find('.directorist-archive-items') + .replaceWith(html.search_result) + .removeClass('atbdp-form-fade'); + searchElm + .find( + '.directorist-advanced-filter__form .directorist-btn-sm' + ) + .attr('disabled', false); + window.dispatchEvent( + new CustomEvent( + 'directorist-instant-search-reloaded' + ) + ); + window.dispatchEvent( + new CustomEvent( + 'directorist-reload-listings-map-archive' + ) + ); + + // Optional: Update meta title + var new_meta_title = ''; + if (html.category_name) + new_meta_title += html.category_name; + if (html.location_name) + new_meta_title += + (new_meta_title ? ' within ' : '') + + html.location_name; + if (form_data.address) + new_meta_title += + (form_data.in_cat || + form_data.in_loc + ? ' near ' + : '') + form_data.address; + document.title = new_meta_title + ? '' + .concat(new_meta_title, ' | ') + .concat(directorist.site_name) + : directorist.site_name; + } + + // Initialize scrolling status + scrollingPage = 1; + infinitePaginationCompleted = false; + }, + }); + } + + // Perform Instant Search for directory type change + function onDirectoryChange(searchElement) { + // get parent element + var searchElm = searchElement.closest( + '.directorist-instant-search' + ); + + // Instant Search Data + var instant_search_data = + prepareInstantSearchData(searchElm); + $.ajax({ + url: directorist.ajaxurl, + type: 'POST', + data: instant_search_data, + beforeSend: function beforeSend() { + searchElm.addClass('atbdp-form-fade'); + }, + success: function success(html) { + if (html.directory_type) { + searchElm.replaceWith(html.directory_type); + searchElm + .find('.atbdp-form-fade') + .removeClass('atbdp-form-fade'); + window.dispatchEvent( + new CustomEvent( + 'directorist-instant-search-reloaded' + ) + ); + window.dispatchEvent( + new CustomEvent( + 'directorist-reload-listings-map-archive' + ) + ); + + // SearchForm Item in Single Category Location Page Init + singleCategoryLocationInit(); + + // Category Custom Field Assigned Init + (0, + _category_custom_fields__WEBPACK_IMPORTED_MODULE_4__[ + 'default' + ])($); + } + + // Initialize scrolling status + scrollingPage = 1; + infinitePaginationCompleted = false; + }, + }); + } + + // AJAX call to load more listings + function loadMoreListings(searchElement) { + var loadingDiv; + var container = $( + '.directorist-infinite-scroll .directorist-container-fluid .directorist-row' + ); + + // get parent element + var searchElm = searchElement.closest( + '.directorist-instant-search' + ); + + // Instant Search Data + var preparedData = prepareInstantSearchData(searchElm); + + // make ajax data + var instant_search_data = _objectSpread( + _objectSpread({}, preparedData), + {}, + { + paged: scrollingPage, + } + ); + $.ajax({ + url: directorist.ajaxurl, + type: 'POST', + data: instant_search_data, + beforeSend: function beforeSend() { + loadingDiv = $('
    ', { + class: 'directorist-on-scroll-loading', + }).append( + $('
    ', { + class: 'directorist-spinner', + }), + $('').text( + directorist.loading_more_text + ) + ); + container.append(loadingDiv); + }, + success: function success(html) { + if (loadingDiv) loadingDiv.remove(); + if (html.count > 0) { + container.append(html.render_listings); + } else { + infinitePaginationCompleted = true; + } + triggerCustomEvents(); + }, + complete: function complete() { + infinitePaginationIsLoading = false; + if (loadingDiv) loadingDiv.remove(); + }, + }); + } + + /** Helper Functions **/ - // Prepare Instant Search Data - function prepareInstantSearchData(searchElm) { - // Get data-atts - var instant_search_atts = searchElm.data('atts'); - - // Make ajax data - var instant_search_data = _objectSpread(_objectSpread({}, form_data), {}, { - action: 'directorist_instant_search', - _nonce: directorist.ajax_nonce, - current_page_id: directorist.current_page_id, - data_atts: instant_search_atts - }); - return instant_search_data; - } - - // Update or retain existing keys in form_data - function updateFormData(newData) { - Object.entries(newData).forEach(function (_ref) { - var _ref2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_ref, 2), - key = _ref2[0], - value = _ref2[1]; - if (value === undefined || value === null || value === '' || Array.isArray(value) && value.length === 0 || (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__["default"])(value) === 'object' && !Array.isArray(value) && Object.keys(value).length === 0) { - delete form_data[key]; - } else { - form_data[key] = value; - } - }); - } - - // Reset form_data - function resetFormData() { - Object.entries(form_data).forEach(function (_ref3) { - var _ref4 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_ref3, 2), - key = _ref4[0], - value = _ref4[1]; - delete form_data[key]; - }); - } - - // Update search URL with form data - function update_instant_search_url(form_data) { - if (!history.pushState) return; - var newurl = window.location.protocol + '//' + window.location.host + window.location.pathname; - var query = ''; - var appendQuery = function appendQuery(key, value) { - if (value !== undefined && value !== null && value !== '' && (!Array.isArray(value) || value.length)) { - if (Array.isArray(value) && value.length) { - query += (query.length ? '&' : '?') + "".concat(key, "=").concat(value); - } else { - query += (query.length ? '&' : '?') + "".concat(key, "=").concat(encodeURIComponent(value)); - } - } - }; - - // These keys will be ignored - // and will not be appended to the URL - // when updating the URL - var ignoreKeys = ['data_atts', 'custom_field', 'current_page_id', 'action', '_nonce']; - - // Handle all form_data keys dynamically - Object.entries(form_data).forEach(function (_ref5) { - var _ref6 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_ref5, 2), - key = _ref6[0], - value = _ref6[1]; - if (ignoreKeys.includes(key)) return; - - // Handle default page - if (key === 'paged' && Number(value) === 1) { - return; // ❌ Skip default page 1 - } - - // Handle price & address fields specifically - if (key === 'price' && Array.isArray(value)) { - appendQuery('price[0]', value[0] > 0 ? value[0] : ''); - appendQuery('price[1]', value[1] > 0 ? value[1] : ''); - } else if ((key === 'cityLat' || key === 'cityLng') && !form_data.address) { - return; // ❌ Skip lat/lng if no address - } else { - appendQuery(key, value); - } - }); - - // Handle custom_field - if (form_data.custom_field && (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__["default"])(form_data.custom_field) === 'object') { - Object.entries(form_data.custom_field).forEach(function (_ref7) { - var _ref8 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_ref7, 2), - key = _ref8[0], - val = _ref8[1]; - // Skip if key starts with "custom-number" and value is "0-0" - if (key.startsWith('custom-number') && val === '0-0') { - return; - } - appendQuery(key, val); - }); - } - var finalUrl = query ? newurl + query : newurl; - window.history.pushState({ - path: finalUrl - }, '', finalUrl); - } - - // Check required fields are valid or not - function checkRequiredFields(searchElm) { - // Select all required inputs and selects inside searchElm - var requiredInputs = searchElm.find('input[required], select[required], textarea[required]'); - var requiredFieldsAreValid = true; - requiredInputs.each(function () { - var $el = $(this); - var tagName = $el.prop('tagName').toLowerCase(); - var type = $el.attr('type'); - if (tagName === 'input') { - if (type === 'checkbox' || type === 'radio') { - // For checkboxes/radios, at least one with this name must be checked - var name = $el.attr('name'); - var checked = searchElm.find("input[name=\"".concat(name, "\"]:checked")).length > 0; - if (!checked) { - requiredFieldsAreValid = false; - return false; // break .each loop early - } - } else { - // For other input types, value must not be empty - if (!$el.val()) { - requiredFieldsAreValid = false; - return false; - } - } - } else if (tagName === 'select' || tagName === 'textarea') { - // Select or textarea must have a value - if (!$el.val()) { - requiredFieldsAreValid = false; - return false; - } - } - }); - return requiredFieldsAreValid; - } - - // Build form_data from searchElm inputs. - function buildFormData(searchElm) { - var tag = []; - var price = []; - var custom_field = {}; - var search_by_rating = []; - - // Collect selected tags - searchElm.find('input[name^="in_tag["]:checked').each(function (_, el) { - tag.push($(el).val()); - }); - - // Collect selected ratings - searchElm.find('input[name^="search_by_rating["]:checked').each(function (_, el) { - search_by_rating.push($(el).val()); - }); - - // Collect price values - searchElm.find('input[name^="price["]').each(function (_, el) { - price.push($(el).val()); - }); - - // Check if **any** price is greater than 0 - var hasValidPrice = price.some(function (val) { - return val > 0; - }); - if (!hasValidPrice) { - price = []; // Reset price if no valid price found - } - - // Collect custom field values - searchElm.find('[name^="custom_field"]').each(function (_, el) { - var $el = $(el); - var name = $el.attr('name'); - var type = $el.attr('type'); - var match = name.match(/^custom_field\[(.+?)\]/); - var post_id = match ? match[1] : ''; - if (!post_id) return; - if (type === 'radio') { - var checked = searchElm.find("input[name=\"custom_field[".concat(post_id, "]\"]:checked")).val(); - if (checked) custom_field[post_id] = checked; - } else if (type === 'checkbox') { - var values = []; - searchElm.find("input[name=\"custom_field[".concat(post_id, "][]\"]:checked")).each(function () { - var val = $(this).val(); - if (val) values.push(val); - }); - if (values.length) custom_field[post_id] = values; - } else { - var value = $el.val(); - if (value && value !== '0-0') custom_field[post_id] = value; - } - }); - - // Collect basic form values - var q = searchElm.find('input[name="q"]').val(); - var in_cat = searchElm.find('.directorist-category-select').val(); - var in_loc = searchElm.find('.directorist-location-select').val(); - var price_range = searchElm.find("input[name='price_range']:checked").val(); - var address = searchElm.find('input[name="address"]').val(); - var zip = searchElm.find('input[name="zip"]').val(); - var fax = searchElm.find('input[name="fax"]').val(); - var email = searchElm.find('input[name="email"]').val(); - var website = searchElm.find('input[name="website"]').val(); - var phone = searchElm.find('input[name="phone"]').val(); - var phone2 = searchElm.find('input[name="phone2"]').val(); - var view = form_data.view; - var paged = form_data.paged; - - // Get directory type - var directory_type = searchElm.find('input[name="directory_type"]').val(); - - // Update form_data - updateFormData({ - q: q, - in_cat: in_cat, - in_loc: in_loc, - in_tag: tag, - price: price, - price_range: price_range, - search_by_rating: search_by_rating, - address: address, - zip: zip, - fax: fax, - email: email, - website: website, - phone: phone, - phone2: phone2, - custom_field: custom_field, - view: view, - paged: paged, - directory_type: directory_type - }); - - // open_now checkbox - var open_now_val = searchElm.find('input[name="open_now"]').is(':checked') ? searchElm.find('input[name="open_now"]').val() : undefined; - updateFormData({ - open_now: open_now_val - }); - var radius_search_based_on = searchElm.find('.directorist-radius_search_based_on').val(); - - // Check if the address or zip code is present to update miles, lat, and lng - if (radius_search_based_on === 'address' && address) { - updateFormData({ - cityLat: searchElm.find('#cityLat').val(), - cityLng: searchElm.find('#cityLng').val(), - miles: searchElm.find('input[name="miles"]').val() - }); - } else if (radius_search_based_on === 'zip' && zip) { - updateFormData({ - zip_cityLat: searchElm.find('.zip-cityLat').val(), - zip_cityLng: searchElm.find('.zip-cityLng').val(), - miles: searchElm.find('input[name="miles"]').val() - }); - } else { - updateFormData({ - cityLat: undefined, - cityLng: undefined, - zip_cityLat: undefined, - zip_cityLng: undefined, - miles: undefined - }); - } - - // Paging: get current page number, default 1 if not found - var page = parseInt(form_data.paged, 10) || 1; - updateFormData({ - paged: page > 1 ? page : undefined - }); - - // Update URL with form data - update_instant_search_url(form_data); - } - - // Build form data without required value - function buildFormDataWithoutRequired() { - var notRequiredFields = ['view', 'sort', 'paged']; - Object.entries(form_data).forEach(function (_ref9) { - var _ref0 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_ref9, 2), - key = _ref0[0], - value = _ref0[1]; - if (!notRequiredFields.includes(key)) { - delete form_data[key]; - } - }); - - // Update URL with form data - update_instant_search_url(form_data); - } - - // Perform Instant Search with required value - function performInstantSearchWithRequiredValue(searchElm) { - // Build form data - buildFormData(searchElm); - - // Check required fields - var allRequiredFieldsAreValid = checkRequiredFields(searchElm); - - // If required fields are valid, proceed with filtering - if (allRequiredFieldsAreValid) { - performInstantSearch(searchElm); - } - } - - // Perform Instant Search without required value - function performInstantSearchWithoutRequiredValue(searchElm) { - // Check required fields - var allRequiredFieldsAreValid = checkRequiredFields(searchElm); - - // If required fields are valid, proceed with filtering - if (allRequiredFieldsAreValid) { - // Build form data - buildFormData(searchElm); - performInstantSearch(searchElm); - } else { - // Build form data without required value - buildFormDataWithoutRequired(); - - // Filter Listing - performInstantSearch(searchElm); - } - } - - // Handle Infinite Scroll - function handleScroll() { - var container = $('.directorist-infinite-scroll .directorist-container-fluid .directorist-row'); - if (!container.length || infinitePaginationIsLoading) { - return; - } - var containerBottom = container.offset().top + container.outerHeight(); - var scrollBottom = window.scrollY + window.innerHeight; - if (scrollBottom >= containerBottom) { - infinitePaginationIsLoading = true; - scrollingPage++; - - // get parent element - var instantSearchElement = $('.directorist-instant-search'); - // get active form - var activeForm = getActiveForm(instantSearchElement); - - // build form_data - buildFormData(activeForm); - - // Load more listings - loadMoreListings(activeForm); - } - } - - // Close all search modal - function closeAllSearchModal() { - var searchModalElement = document.querySelectorAll('.directorist-search-modal'); - searchModalElement.forEach(function (modal) { - var modalOverlay = modal.querySelector('.directorist-search-modal__overlay'); - var modalContent = modal.querySelector('.directorist-search-modal__contents'); - var modalBodyOverlay = document.querySelector('.directorist-content-active'); - - // Overlay Style - if (modalOverlay) { - modalOverlay.style.cssText = 'opacity: 0; visibility: hidden; transition: 0.5s ease'; - // remove overlay class on body - modalBodyOverlay.classList.remove('directorist-overlay-active'); - } - - // Modal Content Style - if (modalContent) { - modalContent.style.cssText = 'opacity: 0; visibility: hidden; bottom: -200px;'; - } - }); - } - - // Determine the active form - function getActiveForm(instantSearchElement) { - var sidebarListing = instantSearchElement.find('.listing-with-sidebar'); - var advancedForm = instantSearchElement.find('.directorist-advanced-filter__form'); - var searchForm = instantSearchElement.find('.directorist-search-form'); - return sidebarListing.length ? instantSearchElement : screen.width > 575 ? advancedForm : searchForm; - } - - // Get directory type - function getDirectoryType(directoryTypeLink) { - var _directoryTypeLink$at; - var typeMatch = (_directoryTypeLink$at = directoryTypeLink.attr('href')) === null || _directoryTypeLink$at === void 0 ? void 0 : _directoryTypeLink$at.match(/type=([^&]+)/); - return typeMatch ? typeMatch[1] : ''; - } - - // Get view as - function getViewAs(viewAsLink) { - var _viewAsLink$attr; - var viewMatch = (_viewAsLink$attr = viewAsLink.attr('href')) === null || _viewAsLink$attr === void 0 ? void 0 : _viewAsLink$attr.match(/view=([^&]+)/); - return viewMatch ? viewMatch[1] : ''; - } - - // Get sort value - function getSortValue(sortByLink) { - var sort_href = sortByLink.attr('data-link'); - var sort_by = sort_href && sort_href.length ? sort_href.match(/sort=.+/) : ''; - return sort_by && sort_by.length ? sort_by[0].replace(/sort=/, '') : ''; - } - - // Trigger custom events - function triggerCustomEvents() { - window.dispatchEvent(new Event('directorist-instant-search-reloaded')); - window.dispatchEvent(new Event('directorist-reload-listings-map-archive')); - } - - // Range Slider searching observer - function initObserver() { - var targetNodes = document.querySelectorAll('.directorist-instant-search .directorist-custom-range-slider__value input'); - targetNodes.forEach(function (targetNode) { - var searchElm = $(targetNode.closest('form')); - if (targetNode) { - var timeout; - var observerCallback = function observerCallback(mutationList, observer) { - var _iterator = _createForOfIteratorHelper(mutationList), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var mutation = _step.value; - if (mutation.attributeName == 'value') { - clearTimeout(timeout); - timeout = setTimeout(function () { - // Instant search with required value - performInstantSearchWithRequiredValue(searchElm); - }, 250); - } - } - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } - }; - var observer = new MutationObserver(observerCallback); - observer.observe(targetNode, { - attributes: true, - childList: true, - subtree: true - }); - } - }); - } - - // Single Location Category Page Search Form Item Disable - function singleCategoryLocationInit() { - var directoristArchiveContents = document.querySelector('.directorist-archive-contents'); - if (!directoristArchiveContents) { - return; - } - var directoristDataAttributes = directoristArchiveContents.getAttribute('data-atts'); - var _JSON$parse = JSON.parse(directoristDataAttributes), - shortcode = _JSON$parse.shortcode, - location = _JSON$parse.location, - category = _JSON$parse.category; - if (shortcode === 'directorist_category' && category.trim() !== '') { - var categorySelect = document.querySelector('.directorist-search-form .directorist-category-select'); - if (categorySelect) { - categorySelect.closest('.directorist-search-category').classList.add('directorist-search-form__single-category'); - } - } - if (shortcode === 'directorist_location' && location.trim() !== '') { - var locationSelect = document.querySelector('.directorist-search-form .directorist-location-select'); - if (locationSelect) { - locationSelect.closest('.directorist-search-location').classList.add('directorist-search-form__single-location'); - } - } - } - - /** + // Prepare Instant Search Data + function prepareInstantSearchData(searchElm) { + // Get data-atts + var instant_search_atts = searchElm.data('atts'); + + // Make ajax data + var instant_search_data = _objectSpread( + _objectSpread({}, form_data), + {}, + { + action: 'directorist_instant_search', + _nonce: directorist.ajax_nonce, + current_page_id: directorist.current_page_id, + data_atts: instant_search_atts, + } + ); + return instant_search_data; + } + + // Update or retain existing keys in form_data + function updateFormData(newData) { + Object.entries(newData).forEach(function (_ref) { + var _ref2 = (0, + _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(_ref, 2), + key = _ref2[0], + value = _ref2[1]; + if ( + value === undefined || + value === null || + value === '' || + (Array.isArray(value) && value.length === 0) || + ((0, + _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(value) === 'object' && + !Array.isArray(value) && + Object.keys(value).length === 0) + ) { + delete form_data[key]; + } else { + form_data[key] = value; + } + }); + } + + // Reset form_data + function resetFormData() { + Object.entries(form_data).forEach(function (_ref3) { + var _ref4 = (0, + _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(_ref3, 2), + key = _ref4[0], + value = _ref4[1]; + delete form_data[key]; + }); + } + + // Update search URL with form data + function update_instant_search_url(form_data) { + if (!history.pushState) return; + var newurl = + window.location.protocol + + '//' + + window.location.host + + window.location.pathname; + var query = ''; + var appendQuery = function appendQuery(key, value) { + if ( + value !== undefined && + value !== null && + value !== '' && + (!Array.isArray(value) || value.length) + ) { + if (Array.isArray(value) && value.length) { + query += + (query.length ? '&' : '?') + + ''.concat(key, '=').concat(value); + } else { + query += + (query.length ? '&' : '?') + + '' + .concat(key, '=') + .concat(encodeURIComponent(value)); + } + } + }; + + // These keys will be ignored + // and will not be appended to the URL + // when updating the URL + var ignoreKeys = [ + 'data_atts', + 'custom_field', + 'current_page_id', + 'action', + '_nonce', + ]; + + // Handle all form_data keys dynamically + Object.entries(form_data).forEach(function (_ref5) { + var _ref6 = (0, + _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(_ref5, 2), + key = _ref6[0], + value = _ref6[1]; + if (ignoreKeys.includes(key)) return; + + // Handle default page + if (key === 'paged' && Number(value) === 1) { + return; // ❌ Skip default page 1 + } + + // Handle price & address fields specifically + if (key === 'price' && Array.isArray(value)) { + appendQuery( + 'price[0]', + value[0] > 0 ? value[0] : '' + ); + appendQuery( + 'price[1]', + value[1] > 0 ? value[1] : '' + ); + } else if ( + (key === 'cityLat' || key === 'cityLng') && + !form_data.address + ) { + return; // ❌ Skip lat/lng if no address + } else { + appendQuery(key, value); + } + }); + + // Handle custom_field + if ( + form_data.custom_field && + (0, + _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(form_data.custom_field) === 'object' + ) { + Object.entries(form_data.custom_field).forEach( + function (_ref7) { + var _ref8 = (0, + _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(_ref7, 2), + key = _ref8[0], + val = _ref8[1]; + // Skip if key starts with "custom-number" and value is "0-0" + if ( + key.startsWith('custom-number') && + val === '0-0' + ) { + return; + } + appendQuery(key, val); + } + ); + } + var finalUrl = query ? newurl + query : newurl; + window.history.pushState( + { + path: finalUrl, + }, + '', + finalUrl + ); + } + + // Check required fields are valid or not + function checkRequiredFields(searchElm) { + // Select all required inputs and selects inside searchElm + var requiredInputs = searchElm.find( + 'input[required], select[required], textarea[required]' + ); + var requiredFieldsAreValid = true; + requiredInputs.each(function () { + var $el = $(this); + var tagName = $el.prop('tagName').toLowerCase(); + var type = $el.attr('type'); + if (tagName === 'input') { + if (type === 'checkbox' || type === 'radio') { + // For checkboxes/radios, at least one with this name must be checked + var name = $el.attr('name'); + var checked = + searchElm.find( + 'input[name="'.concat( + name, + '"]:checked' + ) + ).length > 0; + if (!checked) { + requiredFieldsAreValid = false; + return false; // break .each loop early + } + } else { + // For other input types, value must not be empty + if (!$el.val()) { + requiredFieldsAreValid = false; + return false; + } + } + } else if ( + tagName === 'select' || + tagName === 'textarea' + ) { + // Select or textarea must have a value + if (!$el.val()) { + requiredFieldsAreValid = false; + return false; + } + } + }); + return requiredFieldsAreValid; + } + + // Build form_data from searchElm inputs. + function buildFormData(searchElm) { + var tag = []; + var price = []; + var custom_field = {}; + var search_by_rating = []; + + // Collect selected tags + searchElm + .find('input[name^="in_tag["]:checked') + .each(function (_, el) { + tag.push($(el).val()); + }); + + // Collect selected ratings + searchElm + .find('input[name^="search_by_rating["]:checked') + .each(function (_, el) { + search_by_rating.push($(el).val()); + }); + + // Collect price values + searchElm + .find('input[name^="price["]') + .each(function (_, el) { + price.push($(el).val()); + }); + + // Check if **any** price is greater than 0 + var hasValidPrice = price.some(function (val) { + return val > 0; + }); + if (!hasValidPrice) { + price = []; // Reset price if no valid price found + } + + // Collect custom field values + searchElm + .find('[name^="custom_field"]') + .each(function (_, el) { + var $el = $(el); + var name = $el.attr('name'); + var type = $el.attr('type'); + var match = name.match( + /^custom_field\[(.+?)\]/ + ); + var post_id = match ? match[1] : ''; + if (!post_id) return; + if (type === 'radio') { + var checked = searchElm + .find( + 'input[name="custom_field['.concat( + post_id, + ']"]:checked' + ) + ) + .val(); + if (checked) + custom_field[post_id] = checked; + } else if (type === 'checkbox') { + var values = []; + searchElm + .find( + 'input[name="custom_field['.concat( + post_id, + '][]"]:checked' + ) + ) + .each(function () { + var val = $(this).val(); + if (val) values.push(val); + }); + if (values.length) + custom_field[post_id] = values; + } else { + var value = $el.val(); + if (value && value !== '0-0') + custom_field[post_id] = value; + } + }); + + // Collect basic form values + var q = searchElm.find('input[name="q"]').val(); + var in_cat = searchElm + .find('.directorist-category-select') + .val(); + var in_loc = searchElm + .find('.directorist-location-select') + .val(); + var price_range = searchElm + .find("input[name='price_range']:checked") + .val(); + var address = searchElm + .find('input[name="address"]') + .val(); + var zip = searchElm.find('input[name="zip"]').val(); + var fax = searchElm.find('input[name="fax"]').val(); + var email = searchElm.find('input[name="email"]').val(); + var website = searchElm + .find('input[name="website"]') + .val(); + var phone = searchElm.find('input[name="phone"]').val(); + var phone2 = searchElm + .find('input[name="phone2"]') + .val(); + var view = form_data.view; + var paged = form_data.paged; + + // Get directory type + var directory_type = searchElm + .find('input[name="directory_type"]') + .val(); + + // Update form_data + updateFormData({ + q: q, + in_cat: in_cat, + in_loc: in_loc, + in_tag: tag, + price: price, + price_range: price_range, + search_by_rating: search_by_rating, + address: address, + zip: zip, + fax: fax, + email: email, + website: website, + phone: phone, + phone2: phone2, + custom_field: custom_field, + view: view, + paged: paged, + directory_type: directory_type, + }); + + // open_now checkbox + var open_now_val = searchElm + .find('input[name="open_now"]') + .is(':checked') + ? searchElm.find('input[name="open_now"]').val() + : undefined; + updateFormData({ + open_now: open_now_val, + }); + var radius_search_based_on = searchElm + .find('.directorist-radius_search_based_on') + .val(); + + // Check if the address or zip code is present to update miles, lat, and lng + if (radius_search_based_on === 'address' && address) { + updateFormData({ + cityLat: searchElm.find('#cityLat').val(), + cityLng: searchElm.find('#cityLng').val(), + miles: searchElm + .find('input[name="miles"]') + .val(), + }); + } else if (radius_search_based_on === 'zip' && zip) { + updateFormData({ + zip_cityLat: searchElm + .find('.zip-cityLat') + .val(), + zip_cityLng: searchElm + .find('.zip-cityLng') + .val(), + miles: searchElm + .find('input[name="miles"]') + .val(), + }); + } else { + updateFormData({ + cityLat: undefined, + cityLng: undefined, + zip_cityLat: undefined, + zip_cityLng: undefined, + miles: undefined, + }); + } + + // Paging: get current page number, default 1 if not found + var page = parseInt(form_data.paged, 10) || 1; + updateFormData({ + paged: page > 1 ? page : undefined, + }); + + // Update URL with form data + update_instant_search_url(form_data); + } + + // Build form data without required value + function buildFormDataWithoutRequired() { + var notRequiredFields = ['view', 'sort', 'paged']; + Object.entries(form_data).forEach(function (_ref9) { + var _ref0 = (0, + _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(_ref9, 2), + key = _ref0[0], + value = _ref0[1]; + if (!notRequiredFields.includes(key)) { + delete form_data[key]; + } + }); + + // Update URL with form data + update_instant_search_url(form_data); + } + + // Perform Instant Search with required value + function performInstantSearchWithRequiredValue(searchElm) { + // Build form data + buildFormData(searchElm); + + // Check required fields + var allRequiredFieldsAreValid = + checkRequiredFields(searchElm); + + // If required fields are valid, proceed with filtering + if (allRequiredFieldsAreValid) { + performInstantSearch(searchElm); + } + } + + // Perform Instant Search without required value + function performInstantSearchWithoutRequiredValue( + searchElm + ) { + // Check required fields + var allRequiredFieldsAreValid = + checkRequiredFields(searchElm); + + // If required fields are valid, proceed with filtering + if (allRequiredFieldsAreValid) { + // Build form data + buildFormData(searchElm); + performInstantSearch(searchElm); + } else { + // Build form data without required value + buildFormDataWithoutRequired(); + + // Filter Listing + performInstantSearch(searchElm); + } + } + + // Handle Infinite Scroll + function handleScroll() { + var container = $( + '.directorist-infinite-scroll .directorist-container-fluid .directorist-row' + ); + if (!container.length || infinitePaginationIsLoading) { + return; + } + var containerBottom = + container.offset().top + container.outerHeight(); + var scrollBottom = window.scrollY + window.innerHeight; + if (scrollBottom >= containerBottom) { + infinitePaginationIsLoading = true; + scrollingPage++; + + // get parent element + var instantSearchElement = $( + '.directorist-instant-search' + ); + // get active form + var activeForm = + getActiveForm(instantSearchElement); + + // build form_data + buildFormData(activeForm); + + // Load more listings + loadMoreListings(activeForm); + } + } + + // Close all search modal + function closeAllSearchModal() { + var searchModalElement = document.querySelectorAll( + '.directorist-search-modal' + ); + searchModalElement.forEach(function (modal) { + var modalOverlay = modal.querySelector( + '.directorist-search-modal__overlay' + ); + var modalContent = modal.querySelector( + '.directorist-search-modal__contents' + ); + var modalBodyOverlay = document.querySelector( + '.directorist-content-active' + ); + + // Overlay Style + if (modalOverlay) { + modalOverlay.style.cssText = + 'opacity: 0; visibility: hidden; transition: 0.5s ease'; + // remove overlay class on body + modalBodyOverlay.classList.remove( + 'directorist-overlay-active' + ); + } + + // Modal Content Style + if (modalContent) { + modalContent.style.cssText = + 'opacity: 0; visibility: hidden; bottom: -200px;'; + } + }); + } + + // Determine the active form + function getActiveForm(instantSearchElement) { + var sidebarListing = instantSearchElement.find( + '.listing-with-sidebar' + ); + var advancedForm = instantSearchElement.find( + '.directorist-advanced-filter__form' + ); + var searchForm = instantSearchElement.find( + '.directorist-search-form' + ); + return sidebarListing.length + ? instantSearchElement + : screen.width > 575 + ? advancedForm + : searchForm; + } + + // Get directory type + function getDirectoryType(directoryTypeLink) { + var _directoryTypeLink$at; + var typeMatch = + (_directoryTypeLink$at = + directoryTypeLink.attr('href')) === null || + _directoryTypeLink$at === void 0 + ? void 0 + : _directoryTypeLink$at.match(/type=([^&]+)/); + return typeMatch ? typeMatch[1] : ''; + } + + // Get view as + function getViewAs(viewAsLink) { + var _viewAsLink$attr; + var viewMatch = + (_viewAsLink$attr = viewAsLink.attr('href')) === + null || _viewAsLink$attr === void 0 + ? void 0 + : _viewAsLink$attr.match(/view=([^&]+)/); + return viewMatch ? viewMatch[1] : ''; + } + + // Get sort value + function getSortValue(sortByLink) { + var sort_href = sortByLink.attr('data-link'); + var sort_by = + sort_href && sort_href.length + ? sort_href.match(/sort=.+/) + : ''; + return sort_by && sort_by.length + ? sort_by[0].replace(/sort=/, '') + : ''; + } + + // Trigger custom events + function triggerCustomEvents() { + window.dispatchEvent( + new Event('directorist-instant-search-reloaded') + ); + window.dispatchEvent( + new Event('directorist-reload-listings-map-archive') + ); + } + + // Range Slider searching observer + function initObserver() { + var targetNodes = document.querySelectorAll( + '.directorist-instant-search .directorist-custom-range-slider__value input' + ); + targetNodes.forEach(function (targetNode) { + var searchElm = $(targetNode.closest('form')); + if (targetNode) { + var timeout; + var observerCallback = + function observerCallback( + mutationList, + observer + ) { + var _iterator = + _createForOfIteratorHelper( + mutationList + ), + _step; + try { + for ( + _iterator.s(); + !(_step = _iterator.n()).done; + + ) { + var mutation = _step.value; + if ( + mutation.attributeName == + 'value' + ) { + clearTimeout(timeout); + timeout = setTimeout( + function () { + // Instant search with required value + performInstantSearchWithRequiredValue( + searchElm + ); + }, + 250 + ); + } + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + }; + var observer = new MutationObserver( + observerCallback + ); + observer.observe(targetNode, { + attributes: true, + childList: true, + subtree: true, + }); + } + }); + } + + // Single Location Category Page Search Form Item Disable + function singleCategoryLocationInit() { + var directoristArchiveContents = document.querySelector( + '.directorist-archive-contents' + ); + if (!directoristArchiveContents) { + return; + } + var directoristDataAttributes = + directoristArchiveContents.getAttribute( + 'data-atts' + ); + var _JSON$parse = JSON.parse(directoristDataAttributes), + shortcode = _JSON$parse.shortcode, + location = _JSON$parse.location, + category = _JSON$parse.category; + if ( + shortcode === 'directorist_category' && + category.trim() !== '' + ) { + var categorySelect = document.querySelector( + '.directorist-search-form .directorist-category-select' + ); + if (categorySelect) { + categorySelect + .closest('.directorist-search-category') + .classList.add( + 'directorist-search-form__single-category' + ); + } + } + if ( + shortcode === 'directorist_location' && + location.trim() !== '' + ) { + var locationSelect = document.querySelector( + '.directorist-search-form .directorist-location-select' + ); + if (locationSelect) { + locationSelect + .closest('.directorist-search-location') + .classList.add( + 'directorist-search-form__single-location' + ); + } + } + } + + /** Event Listeners */ - // sidebar on keyup searching - $('body').on('keyup', '.directorist-instant-search .listing-with-sidebar form', (0,_global_components_debounce__WEBPACK_IMPORTED_MODULE_3__["default"])(function (e) { - if ($(e.target).closest('.directorist-custom-range-slider__value').length > 0 || e.key === 'Enter' && e.target.value === '') { - return; // Skip search for this element - } - e.preventDefault(); - var searchElm = $(this).closest('.listing-with-sidebar'); - - // Instant search with required value - performInstantSearchWithRequiredValue(searchElm); - }, 250)); - - // sidebar on change searching - radio/checkbox/location/range - $('body').on('change', ".directorist-instant-search .listing-with-sidebar input[type='checkbox'],.directorist-instant-search .listing-with-sidebar input[type='radio'], .directorist-instant-search .listing-with-sidebar input[type='time'], .directorist-instant-search .listing-with-sidebar input[type='date'], .directorist-instant-search .listing-with-sidebar .directorist-custom-range-slider__wrap .directorist-custom-range-slider__range, .directorist-instant-search .listing-with-sidebar .directorist-search-location .location-name", (0,_global_components_debounce__WEBPACK_IMPORTED_MODULE_3__["default"])(function (e) { - e.preventDefault(); - var searchElm = $(this).closest('.listing-with-sidebar'); - - // Instant search with required value - performInstantSearchWithRequiredValue(searchElm); - }, 250)); - - // sidebar on change searching - zipcode/location - $('body').on('change', '.directorist-instant-search .listing-with-sidebar .directorist-search-location, .directorist-instant-search .listing-with-sidebar .directorist-zipcode-search', (0,_global_components_debounce__WEBPACK_IMPORTED_MODULE_3__["default"])(function (e) { - e.preventDefault(); - var searchElm = $(this).closest('.listing-with-sidebar'); - - // If it's a location field, ensure it has a value before triggering the filter - if ($(this).hasClass('directorist-search-location')) { - var locationField = $(this).find('input[name="address"]'); - if (!locationField.val()) { - return; - } - } - - // Instant search with required value - performInstantSearchWithRequiredValue(searchElm); - }, 250)); - - // sidebar on change searching - select - $('body').on('change', '.directorist-instant-search .listing-with-sidebar select', (0,_global_components_debounce__WEBPACK_IMPORTED_MODULE_3__["default"])(function (e) { - e.preventDefault(); - if (!$(this).val()) { - return; // Skip search if the value is empty - } - e.preventDefault(); - var searchElm = $(this).val() && $(this).closest('.listing-with-sidebar'); - - // Instant search with required value - performInstantSearchWithRequiredValue(searchElm); - }, 250)); - - // sidebar on change searching - color - window.addEventListener('directorist-color-changed', (0,_global_components_debounce__WEBPACK_IMPORTED_MODULE_3__["default"])(function (e) { - var input = e.detail.input; - var searchElm = $(input).closest('.listing-with-sidebar'); - if (!searchElm.length) return; - - // Instant search with required value - performInstantSearchWithRequiredValue(searchElm); - }, 250)); - - // sidebar on click searching - location icon - $('body').on('click', '.directorist-instant-search .listing-with-sidebar .directorist-filter-location-icon', (0,_global_components_debounce__WEBPACK_IMPORTED_MODULE_3__["default"])(function (e) { - e.preventDefault(); - var searchElm = $(this).closest('.listing-with-sidebar'); - - // Instant search with required value - performInstantSearchWithRequiredValue(searchElm); - }, 1000)); - - // Clear Input Value - $('body').on('click', '.directorist-instant-search .listing-with-sidebar .directorist-search-field__btn--clear', function (e) { - // Clear Color Field Value - var irisPicker = $(this).closest('.directorist-search-field.directorist-color').find('input.wp-picker-clear'); - if (irisPicker !== null) { - irisPicker.click(); - } - var $searchField = $(this).closest('.directorist-search-field'); - var searchElm = $(this).closest('.listing-with-sidebar'); - - // Clear text, email, number, select fields etc - $searchField.find('input:not([type="checkbox"]):not([type="radio"]):not(.wp-picker-clear), select').val(''); - - // Clear checkboxes - $searchField.find('input[type="checkbox"]').prop('checked', false); - - // Clear radio buttons - $searchField.find('input[type="radio"]').prop('checked', false); - - // Proceed if form exists - if (searchElm.length) { - performInstantSearchWithRequiredValue(searchElm); - } - }); - - // Directorist instant search reset - $('body').on('click', '.directorist-instant-search .listing-with-sidebar .directorist-btn-reset-js', function (e) { - e.preventDefault(); - var searchElm = $(this).closest('.directorist-instant-search'); - // Get active form - var activeForm = getActiveForm(searchElm); - - // ✅ only update `page`, preserve others - updateFormData({ - paged: 1 - }); - - // ✅ Define Filter Listing debounced function - var debouncedResetSearch = (0,_global_components_debounce__WEBPACK_IMPORTED_MODULE_3__["default"])(function () { - // Build form data - buildFormData(activeForm); - performInstantSearch(activeForm); - }, 250); - - // Reset Search after resetting form value - debouncedResetSearch(); - }); - - // Directorist instant search submit - $('body').on('submit', '.directorist-instant-search form', function (e) { - e.preventDefault(); - var _this = $(this); - - // Instant search with required value - performInstantSearchWithRequiredValue(_this); - }); - - // Directorist instant search submit - for advanced filter - $('body').on('submit', '.widget .default-ad-search:not(.directorist_single) .directorist-advanced-filter__form', function (e) { - if ($('.directorist-instant-search').length) { - e.preventDefault(); - var _this = $(this); - - // Instant search with required value - performInstantSearchWithRequiredValue(_this); - } - }); - - // Directorist type changes - $('body').on('click', '.directorist-instant-search .directorist-type-nav__link', function (e) { - e.preventDefault(); - - // Check if the clicked item is already active - if ($(this).closest('.directorist-type-nav__list li').hasClass('directorist-type-nav__list__current')) { - return; // Skip if already active - } - - // get parent element - var searchElm = $(this).closest('.directorist-instant-search'); - - // reset form data - resetFormData(); - - // Get directory_type - var directory_type = getDirectoryType($(this)); - - // ✅ only update `directory_type`, preserve others - updateFormData({ - directory_type: directory_type - }); - - // Update URL with form data - update_instant_search_url(form_data); - - // Set the directory_type value in the input - $(this).closest('.directorist-instant-search').find('input[name="directory_type"]').val(directory_type); - - // Get active form - var activeForm = getActiveForm(searchElm); - - // Instant search for directory type change - onDirectoryChange(activeForm); - }); - - // Directorist view as changes - $('body').on('click', '.directorist-instant-search .directorist-viewas .directorist-viewas__item', function (e) { - e.preventDefault(); - - // Check if the clicked item is already active - if ($(this).hasClass('active')) { - return; // Skip if already active - } - - // get parent element - var searchElm = $(this).closest('.directorist-instant-search'); - - // get view as value - var view = getViewAs($(this)); - // ✅ only update `view`, preserve others - updateFormData({ - view: view - }); - - // Get active form - var activeForm = getActiveForm(searchElm); - - // Instant search without required value - performInstantSearchWithoutRequiredValue(activeForm); - }); - - // Directorist sort by changes - $('body').on('click', '.directorist-instant-search .directorist-sortby-dropdown .directorist-dropdown__links__single-js', function (e) { - e.preventDefault(); - - // toggle active class - $(this).addClass('active').siblings('.directorist-dropdown__links__single-js').removeClass('active'); - - // get parent element - var searchElm = $(this).closest('.directorist-instant-search'); - - // get sort value - var sort = getSortValue($(this)); - // ✅ only update `sort`, preserve others - updateFormData({ - sort: sort - }); - - // get active form - var activeForm = getActiveForm(searchElm); - - // Instant search without required value - performInstantSearchWithoutRequiredValue(activeForm); - }); - - // Directorist pagination changes - $('body').on('click', '.directorist-instant-search .directorist-pagination .page-numbers', function (e) { - e.preventDefault(); - var page = form_data.paged || 1; - var currentPage = $(this).text(); - if (currentPage) { - page = parseInt(currentPage); - } else if ($(this).hasClass('next')) { - page = parseInt(page) + 1; - } else if ($(this).hasClass('prev')) { - page = parseInt(page) - 1; - } - // ✅ only update `sort`, preserve others - updateFormData({ - paged: page - }); - - // get parent element - var searchElm = $(this).closest('.directorist-instant-search'); - - // get active form - var activeForm = getActiveForm(searchElm); - - // Instant search without required value - performInstantSearchWithoutRequiredValue(activeForm); - }); - - // Submit on sidebar form - if ($('.directorist-instant-search').length === 0) { - $('body').on('submit', '.listing-with-sidebar .directorist-basic-search, .listing-with-sidebar .directorist-advanced-search', function (e) { - e.preventDefault(); - var basic_data = $('.listing-with-sidebar .directorist-basic-search').serialize(); - var advanced_data = $('.listing-with-sidebar .directorist-advanced-search').serialize(); - var action_value = $('.directorist-advanced-search').attr('action'); - var url = action_value + '?' + basic_data + '&' + advanced_data; - window.location.href = url; - }); - } - - // Prevent disabled links from being clicked - $('body').on('click', '.disabled-link', function (e) { - e.preventDefault(); - }); - - // Prevent default action for dropdown links - $('.directorist-instant-search .directorist-dropdown__links__single-js').off('click'); - - // Initialize Infinite Scroll - window.addEventListener('scroll', function () { - if (infinitePaginationCompleted) { - scrollingPage = 1; - return; - } - handleScroll(); - }); - - // Initialize the observer for single category location - window.addEventListener('load', function () { - (0,_global_components_debounce__WEBPACK_IMPORTED_MODULE_3__["default"])(initObserver(), 250); - singleCategoryLocationInit(); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/legacy-support.js": -/*!***********************************************************!*\ + // sidebar on keyup searching + $('body').on( + 'keyup', + '.directorist-instant-search .listing-with-sidebar form', + (0, + _global_components_debounce__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])(function (e) { + if ( + $(e.target).closest( + '.directorist-custom-range-slider__value' + ).length > 0 || + (e.key === 'Enter' && e.target.value === '') + ) { + return; // Skip search for this element + } + e.preventDefault(); + var searchElm = $(this).closest( + '.listing-with-sidebar' + ); + + // Instant search with required value + performInstantSearchWithRequiredValue(searchElm); + }, 250) + ); + + // sidebar on change searching - radio/checkbox/location/range + $('body').on( + 'change', + ".directorist-instant-search .listing-with-sidebar input[type='checkbox'],.directorist-instant-search .listing-with-sidebar input[type='radio'], .directorist-instant-search .listing-with-sidebar input[type='time'], .directorist-instant-search .listing-with-sidebar input[type='date'], .directorist-instant-search .listing-with-sidebar .directorist-custom-range-slider__wrap .directorist-custom-range-slider__range, .directorist-instant-search .listing-with-sidebar .directorist-search-location .location-name", + (0, + _global_components_debounce__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])(function (e) { + e.preventDefault(); + var searchElm = $(this).closest( + '.listing-with-sidebar' + ); + + // Instant search with required value + performInstantSearchWithRequiredValue(searchElm); + }, 250) + ); + + // sidebar on change searching - zipcode/location + $('body').on( + 'change', + '.directorist-instant-search .listing-with-sidebar .directorist-search-location, .directorist-instant-search .listing-with-sidebar .directorist-zipcode-search', + (0, + _global_components_debounce__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])(function (e) { + e.preventDefault(); + var searchElm = $(this).closest( + '.listing-with-sidebar' + ); + + // If it's a location field, ensure it has a value before triggering the filter + if ( + $(this).hasClass('directorist-search-location') + ) { + var locationField = $(this).find( + 'input[name="address"]' + ); + if (!locationField.val()) { + return; + } + } + + // Instant search with required value + performInstantSearchWithRequiredValue(searchElm); + }, 250) + ); + + // sidebar on change searching - select + $('body').on( + 'change', + '.directorist-instant-search .listing-with-sidebar select', + (0, + _global_components_debounce__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])(function (e) { + e.preventDefault(); + if (!$(this).val()) { + return; // Skip search if the value is empty + } + e.preventDefault(); + var searchElm = + $(this).val() && + $(this).closest('.listing-with-sidebar'); + + // Instant search with required value + performInstantSearchWithRequiredValue(searchElm); + }, 250) + ); + + // sidebar on change searching - color + window.addEventListener( + 'directorist-color-changed', + (0, + _global_components_debounce__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])(function (e) { + var input = e.detail.input; + var searchElm = $(input).closest( + '.listing-with-sidebar' + ); + if (!searchElm.length) return; + + // Instant search with required value + performInstantSearchWithRequiredValue(searchElm); + }, 250) + ); + + // sidebar on click searching - location icon + $('body').on( + 'click', + '.directorist-instant-search .listing-with-sidebar .directorist-filter-location-icon', + (0, + _global_components_debounce__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])(function (e) { + e.preventDefault(); + var searchElm = $(this).closest( + '.listing-with-sidebar' + ); + + // Instant search with required value + performInstantSearchWithRequiredValue(searchElm); + }, 1000) + ); + + // Clear Input Value + $('body').on( + 'click', + '.directorist-instant-search .listing-with-sidebar .directorist-search-field__btn--clear', + function (e) { + // Clear Color Field Value + var irisPicker = $(this) + .closest( + '.directorist-search-field.directorist-color' + ) + .find('input.wp-picker-clear'); + if (irisPicker !== null) { + irisPicker.click(); + } + var $searchField = $(this).closest( + '.directorist-search-field' + ); + var searchElm = $(this).closest( + '.listing-with-sidebar' + ); + + // Clear text, email, number, select fields etc + $searchField + .find( + 'input:not([type="checkbox"]):not([type="radio"]):not(.wp-picker-clear), select' + ) + .val(''); + + // Clear checkboxes + $searchField + .find('input[type="checkbox"]') + .prop('checked', false); + + // Clear radio buttons + $searchField + .find('input[type="radio"]') + .prop('checked', false); + + // Proceed if form exists + if (searchElm.length) { + performInstantSearchWithRequiredValue( + searchElm + ); + } + } + ); + + // Directorist instant search reset + $('body').on( + 'click', + '.directorist-instant-search .listing-with-sidebar .directorist-btn-reset-js', + function (e) { + e.preventDefault(); + var searchElm = $(this).closest( + '.directorist-instant-search' + ); + // Get active form + var activeForm = getActiveForm(searchElm); + + // ✅ only update `page`, preserve others + updateFormData({ + paged: 1, + }); + + // ✅ Define Filter Listing debounced function + var debouncedResetSearch = (0, + _global_components_debounce__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])(function () { + // Build form data + buildFormData(activeForm); + performInstantSearch(activeForm); + }, 250); + + // Reset Search after resetting form value + debouncedResetSearch(); + } + ); + + // Directorist instant search submit + $('body').on( + 'submit', + '.directorist-instant-search form', + function (e) { + e.preventDefault(); + var _this = $(this); + + // Instant search with required value + performInstantSearchWithRequiredValue(_this); + } + ); + + // Directorist instant search submit - for advanced filter + $('body').on( + 'submit', + '.widget .default-ad-search:not(.directorist_single) .directorist-advanced-filter__form', + function (e) { + if ($('.directorist-instant-search').length) { + e.preventDefault(); + var _this = $(this); + + // Instant search with required value + performInstantSearchWithRequiredValue(_this); + } + } + ); + + // Directorist type changes + $('body').on( + 'click', + '.directorist-instant-search .directorist-type-nav__link', + function (e) { + e.preventDefault(); + + // Check if the clicked item is already active + if ( + $(this) + .closest('.directorist-type-nav__list li') + .hasClass( + 'directorist-type-nav__list__current' + ) + ) { + return; // Skip if already active + } + + // get parent element + var searchElm = $(this).closest( + '.directorist-instant-search' + ); + + // reset form data + resetFormData(); + + // Get directory_type + var directory_type = getDirectoryType($(this)); + + // ✅ only update `directory_type`, preserve others + updateFormData({ + directory_type: directory_type, + }); + + // Update URL with form data + update_instant_search_url(form_data); + + // Set the directory_type value in the input + $(this) + .closest('.directorist-instant-search') + .find('input[name="directory_type"]') + .val(directory_type); + + // Get active form + var activeForm = getActiveForm(searchElm); + + // Instant search for directory type change + onDirectoryChange(activeForm); + } + ); + + // Directorist view as changes + $('body').on( + 'click', + '.directorist-instant-search .directorist-viewas .directorist-viewas__item', + function (e) { + e.preventDefault(); + + // Check if the clicked item is already active + if ($(this).hasClass('active')) { + return; // Skip if already active + } + + // get parent element + var searchElm = $(this).closest( + '.directorist-instant-search' + ); + + // get view as value + var view = getViewAs($(this)); + // ✅ only update `view`, preserve others + updateFormData({ + view: view, + }); + + // Get active form + var activeForm = getActiveForm(searchElm); + + // Instant search without required value + performInstantSearchWithoutRequiredValue( + activeForm + ); + } + ); + + // Directorist sort by changes + $('body').on( + 'click', + '.directorist-instant-search .directorist-sortby-dropdown .directorist-dropdown__links__single-js', + function (e) { + e.preventDefault(); + + // toggle active class + $(this) + .addClass('active') + .siblings( + '.directorist-dropdown__links__single-js' + ) + .removeClass('active'); + + // get parent element + var searchElm = $(this).closest( + '.directorist-instant-search' + ); + + // get sort value + var sort = getSortValue($(this)); + // ✅ only update `sort`, preserve others + updateFormData({ + sort: sort, + }); + + // get active form + var activeForm = getActiveForm(searchElm); + + // Instant search without required value + performInstantSearchWithoutRequiredValue( + activeForm + ); + } + ); + + // Directorist pagination changes + $('body').on( + 'click', + '.directorist-instant-search .directorist-pagination .page-numbers', + function (e) { + e.preventDefault(); + var page = form_data.paged || 1; + var currentPage = $(this).text(); + if (currentPage) { + page = parseInt(currentPage); + } else if ($(this).hasClass('next')) { + page = parseInt(page) + 1; + } else if ($(this).hasClass('prev')) { + page = parseInt(page) - 1; + } + // ✅ only update `sort`, preserve others + updateFormData({ + paged: page, + }); + + // get parent element + var searchElm = $(this).closest( + '.directorist-instant-search' + ); + + // get active form + var activeForm = getActiveForm(searchElm); + + // Instant search without required value + performInstantSearchWithoutRequiredValue( + activeForm + ); + } + ); + + // Submit on sidebar form + if ($('.directorist-instant-search').length === 0) { + $('body').on( + 'submit', + '.listing-with-sidebar .directorist-basic-search, .listing-with-sidebar .directorist-advanced-search', + function (e) { + e.preventDefault(); + var basic_data = $( + '.listing-with-sidebar .directorist-basic-search' + ).serialize(); + var advanced_data = $( + '.listing-with-sidebar .directorist-advanced-search' + ).serialize(); + var action_value = $( + '.directorist-advanced-search' + ).attr('action'); + var url = + action_value + + '?' + + basic_data + + '&' + + advanced_data; + window.location.href = url; + } + ); + } + + // Prevent disabled links from being clicked + $('body').on('click', '.disabled-link', function (e) { + e.preventDefault(); + }); + + // Prevent default action for dropdown links + $( + '.directorist-instant-search .directorist-dropdown__links__single-js' + ).off('click'); + + // Initialize Infinite Scroll + window.addEventListener('scroll', function () { + if (infinitePaginationCompleted) { + scrollingPage = 1; + return; + } + handleScroll(); + }); + + // Initialize the observer for single category location + window.addEventListener('load', function () { + (0, + _global_components_debounce__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])(initObserver(), 250); + singleCategoryLocationInit(); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/legacy-support.js': + /*!***********************************************************!*\ !*** ./assets/src/js/public/components/legacy-support.js ***! \***********************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - /* custom dropdown */ - var atbdDropdown = document.querySelectorAll('.atbd-dropdown'); - - // toggle dropdown - var clickCount = 0; - if (atbdDropdown !== null) { - atbdDropdown.forEach(function (el) { - el.querySelector('.atbd-dropdown-toggle').addEventListener('click', function (e) { - e.preventDefault(); - clickCount++; - if (clickCount % 2 === 1) { - document.querySelectorAll('.atbd-dropdown-items').forEach(function (el) { - el.classList.remove('atbd-show'); - }); - el.querySelector('.atbd-dropdown-items').classList.add('atbd-show'); - } else { - document.querySelectorAll('.atbd-dropdown-items').forEach(function (el) { - el.classList.remove('atbd-show'); - }); - } - }); - }); - } - - // remvoe toggle when click outside - document.body.addEventListener('click', function (e) { - if (e.target.getAttribute('data-drop-toggle') !== 'atbd-toggle') { - clickCount = 0; - document.querySelectorAll('.atbd-dropdown-items').forEach(function (el) { - el.classList.remove('atbd-show'); - }); - } - }); -}); - -/***/ }), - -/***/ "./assets/src/js/public/components/masonry.js": -/*!****************************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + /* custom dropdown */ + var atbdDropdown = + document.querySelectorAll('.atbd-dropdown'); + + // toggle dropdown + var clickCount = 0; + if (atbdDropdown !== null) { + atbdDropdown.forEach(function (el) { + el.querySelector( + '.atbd-dropdown-toggle' + ).addEventListener('click', function (e) { + e.preventDefault(); + clickCount++; + if (clickCount % 2 === 1) { + document + .querySelectorAll( + '.atbd-dropdown-items' + ) + .forEach(function (el) { + el.classList.remove('atbd-show'); + }); + el.querySelector( + '.atbd-dropdown-items' + ).classList.add('atbd-show'); + } else { + document + .querySelectorAll( + '.atbd-dropdown-items' + ) + .forEach(function (el) { + el.classList.remove('atbd-show'); + }); + } + }); + }); + } + + // remvoe toggle when click outside + document.body.addEventListener('click', function (e) { + if ( + e.target.getAttribute('data-drop-toggle') !== + 'atbd-toggle' + ) { + clickCount = 0; + document + .querySelectorAll('.atbd-dropdown-items') + .forEach(function (el) { + el.classList.remove('atbd-show'); + }); + } + }); + }); + + /***/ + }, + + /***/ './assets/src/js/public/components/masonry.js': + /*!****************************************************!*\ !*** ./assets/src/js/public/components/masonry.js ***! \****************************************************/ -/***/ (function() { - -// DOM Mutation observer -function initObserver() { - var targetNode = document.querySelector('.directorist-archive-contents'); - var observer = new MutationObserver(initMasonry); - if (targetNode) { - observer.observe(targetNode, { - childList: true - }); - } -} - -// All listings Masonry layout -function initMasonry() { - var $ = jQuery; - function authorsMasonry(selector) { - var authorsCard = $(selector); - $(authorsCard).each(function (id, elm) { - var authorsCardRow = $(elm).find('.directorist-masonry'); - var authorMasonryInit = $(authorsCardRow).imagesLoaded(function () { - $(authorMasonryInit).masonry({ - percentPosition: true, - horizontalOrder: true - }); - }); - }); - } - authorsMasonry('.directorist-archive-grid-view'); -} -window.addEventListener('load', initObserver); -window.addEventListener('load', initMasonry); - -/***/ }), - -/***/ "./assets/src/js/public/components/review.js": -/*!***************************************************!*\ + /***/ function () { + // DOM Mutation observer + function initObserver() { + var targetNode = document.querySelector( + '.directorist-archive-contents' + ); + var observer = new MutationObserver(initMasonry); + if (targetNode) { + observer.observe(targetNode, { + childList: true, + }); + } + } + + // All listings Masonry layout + function initMasonry() { + var $ = jQuery; + function authorsMasonry(selector) { + var authorsCard = $(selector); + $(authorsCard).each(function (id, elm) { + var authorsCardRow = $(elm).find( + '.directorist-masonry' + ); + var authorMasonryInit = $( + authorsCardRow + ).imagesLoaded(function () { + $(authorMasonryInit).masonry({ + percentPosition: true, + horizontalOrder: true, + }); + }); + }); + } + authorsMasonry('.directorist-archive-grid-view'); + } + window.addEventListener('load', initObserver); + window.addEventListener('load', initMasonry); + + /***/ + }, + + /***/ './assets/src/js/public/components/review.js': + /*!***************************************************!*\ !*** ./assets/src/js/public/components/review.js ***! \***************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _review_starRating__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./review/starRating */ "./assets/src/js/public/components/review/starRating.js"); -/* harmony import */ var _review_starRating__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_review_starRating__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _review_advanced_review__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./review/advanced-review */ "./assets/src/js/public/components/review/advanced-review.js"); -// Helper Components - -// import './review/addReview' -// import './review/reviewAttatchment' -// import './review/deleteReview' -// import './review/reviewPagination' - - -/***/ }), - -/***/ "./assets/src/js/public/components/review/advanced-review.js": -/*!*******************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _review_starRating__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./review/starRating */ './assets/src/js/public/components/review/starRating.js' + ); + /* harmony import */ var _review_starRating__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _review_starRating__WEBPACK_IMPORTED_MODULE_0__ + ); + /* harmony import */ var _review_advanced_review__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./review/advanced-review */ './assets/src/js/public/components/review/advanced-review.js' + ); + // Helper Components + + // import './review/addReview' + // import './review/reviewAttatchment' + // import './review/deleteReview' + // import './review/reviewPagination' + + /***/ + }, + + /***/ './assets/src/js/public/components/review/advanced-review.js': + /*!*******************************************************************!*\ !*** ./assets/src/js/public/components/review/advanced-review.js ***! \*******************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"); -/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "./node_modules/@babel/runtime/helpers/esm/createClass.js"); - - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -window.addEventListener('load', function () { - (function ($) { - 'use strict'; - - var ReplyFormObserver = /*#__PURE__*/function () { - function ReplyFormObserver() { - var _this = this; - (0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, ReplyFormObserver); - this.init(); - $(document).on('directorist_review_updated', function () { - return _this.init(); - }); - } - return (0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__["default"])(ReplyFormObserver, [{ - key: "init", - value: function init() { - var node = document.querySelector('.commentlist'); - if (node) { - this.observe(node); - } - } - }, { - key: "observe", - value: function observe(node) { - var config = { - childList: true, - subtree: true - }; - var observer = new MutationObserver(this.callback); - observer.observe(node, config); - } - }, { - key: "callback", - value: function callback(mutationsList, observer) { - var _iterator = _createForOfIteratorHelper(mutationsList), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var mutation = _step.value; - var target = mutation.target; - if (mutation.removedNodes) { - target.classList.remove('directorist-form-added'); - var _iterator2 = _createForOfIteratorHelper(mutation.removedNodes), - _step2; - try { - for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) { - var node = _step2.value; - if (!node.id || node.id !== 'respond') { - continue; - } - var criteria = node.querySelector('.directorist-review-criteria'); - if (criteria) { - criteria.style.display = ''; - } - var ratings = node.querySelectorAll('.directorist-review-criteria-select'); - var _iterator3 = _createForOfIteratorHelper(ratings), - _step3; - try { - for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) { - var rating = _step3.value; - rating.removeAttribute('disabled'); - } - } catch (err) { - _iterator3.e(err); - } finally { - _iterator3.f(); - } - node.querySelector('#submit').innerHTML = 'Submit Review'; - node.querySelector('#comment').setAttribute('placeholder', 'Leave a review'); - //console.log(node.querySelector('#comment')) - } - } catch (err) { - _iterator2.e(err); - } finally { - _iterator2.f(); - } - } - var form = target.querySelector('#commentform'); - if (form) { - target.classList.add('directorist-form-added'); - var isReview = target.classList.contains('review'); - var isEditing = target.classList.contains('directorist-form-editing'); - if (!isReview || isReview && !isEditing) { - var _criteria = form.querySelector('.directorist-review-criteria'); - if (_criteria) { - _criteria.style.display = 'none'; - } - var _ratings = form.querySelectorAll('.directorist-review-criteria-select'); - var _iterator4 = _createForOfIteratorHelper(_ratings), - _step4; - try { - for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) { - var _rating = _step4.value; - _rating.setAttribute('disabled', 'disabled'); - } - } catch (err) { - _iterator4.e(err); - } finally { - _iterator4.f(); - } - } - var alert = form.querySelector('.directorist-alert'); - if (alert) { - alert.style.display = 'none'; - } - form.querySelector('#submit').innerHTML = 'Submit Reply'; - form.querySelector('#comment').setAttribute('placeholder', 'Leave your reply'); - } - } - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } - } - }]); - }(); - var CommentEditHandler = /*#__PURE__*/function () { - function CommentEditHandler() { - (0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, CommentEditHandler); - this.init(); - } - return (0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__["default"])(CommentEditHandler, [{ - key: "init", - value: function init() { - $(document).on('submit', '#directorist-form-comment-edit', this.onSubmit); - } - }, { - key: "onSubmit", - value: function onSubmit(event) { - event.preventDefault(); - var $form = $(event.target); - var originalButtonLabel = $form.find('[type="submit"]').val(); - $(document).trigger('directorist_review_before_submit', $form); - var formData = new FormData($form[0]); - - // Apply the filter - formData = wp.hooks.applyFilters('directorist_add_review_form_data', formData, 'directorist-advanced-review'); - var updateComment = $.ajax({ - url: $form.attr('action'), - type: 'POST', - contentType: false, - cache: false, - processData: false, - data: formData - }); - $form.find('#comment').prop('disabled', true); - $form.find('[type="submit"]').prop('disabled', true).val('loading'); - var commentID = $form.find('input[name="comment_id"]').val(); - var $wrap = $('#div-comment-' + commentID); - $wrap.addClass('directorist-comment-edit-request'); - updateComment.done(function (data, status, request) { - if (typeof data !== 'string' && !data.success) { - $wrap.removeClass('directorist-comment-edit-request'); - CommentEditHandler.showError($form, data.data.html); - return; - } - var body = $('
    '); - body.append(data); - var comment_section = '.directorist-review-container'; - var comments = body.find(comment_section); - $(comment_section).replaceWith(comments); - $(document).trigger('directorist_review_updated', data); - var commentTop = $('#comment-' + commentID).offset().top; - if ($('body').hasClass('admin-bar')) { - commentTop = commentTop - $('#wpadminbar').height(); - } - - // scroll to comment - if (commentID) { - $('body, html').animate({ - scrollTop: commentTop - }, 600); - } - }); - updateComment.fail(function (data) { - CommentEditHandler.showError($form, data.responseText); - }); - updateComment.always(function () { - $form.find('#comment').prop('disabled', false); - $form.find('[type="submit"]').prop('disabled', false).val(originalButtonLabel); - }); - $(document).trigger('directorist_review_after_submit', $form); - } - }], [{ - key: "showError", - value: function showError($form, msg) { - $form.find('.directorist-alert').remove(); - $form.prepend(msg); - } - }]); - }(); - var CommentAddReplyHandler = /*#__PURE__*/function () { - function CommentAddReplyHandler() { - (0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, CommentAddReplyHandler); - this.init(); - } - return (0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__["default"])(CommentAddReplyHandler, [{ - key: "init", - value: function init() { - var t = setTimeout(function () { - if ($('.directorist-review-container').length) { - $(document).off('submit', '#commentform'); - } - clearTimeout(t); - }, 2000); - $(document).off('submit', '.directorist-review-container #commentform'); - $(document).on('submit', '.directorist-review-container #commentform', this.onSubmit); - } - }, { - key: "onSubmit", - value: function onSubmit(event) { - var _this2 = this; - event.preventDefault(); - console.log(wp.hooks); - var form = $('.directorist-review-container #commentform'); - var originalButtonLabel = form.find('[type="submit"]').val(); - $(document).trigger('directorist_review_before_submit', form); - var formData = new FormData(form[0]); - - // Apply the filter - formData = wp.hooks.applyFilters('directorist_add_review_form_data', formData, 'directorist-advanced-review'); - var do_comment = $.ajax({ - url: form.attr('action'), - type: 'POST', - contentType: false, - cache: false, - processData: false, - data: formData - }); - $('#comment').prop('disabled', true); - form.find('[type="submit"]').prop('disabled', true).val('loading'); - do_comment.done(function (data, status, request) { - var body = $('
    '); - body.append(data); - var comment_section = '.directorist-review-container'; - var comments = body.find(comment_section); - var errorMsg = body.find('.wp-die-message'); - if (errorMsg.length > 0) { - CommentAddReplyHandler.showError(form, errorMsg); - $(document).trigger('directorist_review_update_failed'); - return; - } - $(comment_section).replaceWith(comments); - $(document).trigger('directorist_review_updated', data); - var newComment = comments.find('.commentlist li:first-child'); - var newCommentId = newComment.attr('id'); - - // // catch the new comment id by comparing to old dom. - // commentsLists.each( - // function ( index ) { - // var _this = $( commentsLists[ index ] ); - // if ( $( '#' + _this.attr( 'id' ) ).length == 0 ) { - // newCommentId = _this.attr( 'id' ); - // } - // } - // ); - - // console.log(newComment, newCommentId) - - var commentTop = $('#' + newCommentId).offset().top; - if ($('body').hasClass('admin-bar')) { - commentTop = commentTop - $('#wpadminbar').height(); - } - - // scroll to comment - if (newCommentId) { - $('body, html').animate({ - scrollTop: commentTop - }, 600); - } - }); - do_comment.fail(function (data) { - var body = $('
    '); - body.append(data.responseText); - console.log(data); - CommentAddReplyHandler.showError(form, body.find('.wp-die-message')); - $(document).trigger('directorist_review_update_failed'); - if (data.status === 403 || data.status === 401) { - $(document).off('submit', '.directorist-review-container #commentform', _this2.onSubmit); - $('#comment').prop('disabled', false); - form.find('[type="submit"]').prop('disabled', false).click(); - } - }); - do_comment.always(function () { - $('#comment').prop('disabled', false); - $('#commentform').find('[type="submit"]').prop('disabled', false).val(originalButtonLabel); - }); - $(document).trigger('directorist_review_after_submit', form); - } - }], [{ - key: "getErrorMsg", - value: function getErrorMsg($dom) { - if ($dom.find('p').length) { - $dom = $dom.find('p'); - } - var words = $dom.text().split(':'); - if (words.length > 1) { - words.shift(); - } - return words.join(' ').trim(); - } - }, { - key: "showError", - value: function showError(form, $dom) { - if (form.find('.directorist-alert').length) { - form.find('.directorist-alert').remove(); - } - var $error = $('
    ', { - class: 'directorist-alert directorist-alert-danger' - }).html(CommentAddReplyHandler.getErrorMsg($dom)); - form.prepend($error); - } - }]); - }(); - var CommentsManager = /*#__PURE__*/function () { - function CommentsManager() { - (0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, CommentsManager); - this.$doc = $(document); - this.setupComponents(); - this.addEventListeners(); - } - return (0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__["default"])(CommentsManager, [{ - key: "initStarRating", - value: function initStarRating() { - $('.directorist-review-criteria-select').barrating({ - theme: 'fontawesome-stars' - }); - } - }, { - key: "cancelOthersEditMode", - value: function cancelOthersEditMode(currentCommentId) { - $('.directorist-comment-editing').each(function (index, comment) { - var $cancelButton = $(comment).find('.directorist-js-cancel-comment-edit'); - if ($cancelButton.data('commentid') != currentCommentId) { - $cancelButton.click(); - } - }); - } - }, { - key: "cancelReplyMode", - value: function cancelReplyMode() { - var replyLink = document.querySelector('.directorist-review-content #cancel-comment-reply-link'); - replyLink && replyLink.click(); - } - }, { - key: "addEventListeners", - value: function addEventListeners() { - var _this3 = this; - var self = this; - this.$doc.on('directorist_review_updated', function (event) { - _this3.initStarRating(); - }); - this.$doc.on('directorist_comment_edit_form_loaded', function (event) { - _this3.initStarRating(); - }); - this.$doc.on('click', 'a[href="#respond"]', function (event) { - // First cancle the reply form then scroll to review form. Order matters. - _this3.cancelReplyMode(); - _this3.onWriteReivewClick(event); - }); - this.$doc.on('click', '.directorist-js-edit-comment', function (event) { - event.preventDefault(); - var $target = $(event.target); - var $wrap = $target.parents('#div-comment-' + $target.data('commentid')); - $wrap.addClass('directorist-comment-edit-request'); - $.ajax({ - url: $target.attr('href'), - data: { - post_id: $target.data('postid'), - comment_id: $target.data('commentid') - }, - setContent: false, - method: 'GET', - reload: 'strict', - success: function success(response) { - $target.prop('disabled', true); - $target.parents('#div-comment-' + $target.data('commentid')).find('.directorist-review-single__info').append(response.data.html); - $wrap.removeClass('directorist-comment-edit-request').addClass('directorist-comment-editing'); - self.cancelOthersEditMode($target.data('commentid')); - self.cancelReplyMode(); - var $editForm = $('#directorist-form-comment-edit'); - $editForm.find('textarea').focus(); - self.$doc.trigger('directorist_comment_edit_form_loaded', $target.data('commentid')); - } - }); - }); - this.$doc.on('click', '.directorist-js-cancel-comment-edit', function (event) { - event.preventDefault(); - var $target = $(event.target); - var $wrap = $target.parents('#div-comment-' + $target.data('commentid')); - $wrap.removeClass(['directorist-comment-edit-request', 'directorist-comment-editing']).find('form').remove(); - $wrap.find('.directorist-js-edit-comment').prop('disabled', false); - }); - } - }, { - key: "onWriteReivewClick", - value: function onWriteReivewClick(event) { - event.preventDefault(); - var scrollTop = $('#respond').offset().top; - if ($('body').hasClass('admin-bar')) { - scrollTop = scrollTop - $('#wpadminbar').height(); - } - $('body, html').animate({ - scrollTop: scrollTop - }, 600); - } - }, { - key: "setupComponents", - value: function setupComponents() { - new ReplyFormObserver(); - new CommentAddReplyHandler(); - new CommentEditHandler(); - } - }]); - }(); - var commentsManager = new CommentsManager(); - })(jQuery); -}); - -/***/ }), - -/***/ "./assets/src/js/public/components/review/starRating.js": -/*!**************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/classCallCheck */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/classCallCheck.js' + ); + /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! @babel/runtime/helpers/createClass */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/createClass.js' + ); + + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + window.addEventListener('load', function () { + (function ($) { + 'use strict'; + + var ReplyFormObserver = /*#__PURE__*/ (function () { + function ReplyFormObserver() { + var _this = this; + (0, + _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(this, ReplyFormObserver); + this.init(); + $(document).on( + 'directorist_review_updated', + function () { + return _this.init(); + } + ); + } + return (0, + _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(ReplyFormObserver, [ + { + key: 'init', + value: function init() { + var node = + document.querySelector( + '.commentlist' + ); + if (node) { + this.observe(node); + } + }, + }, + { + key: 'observe', + value: function observe(node) { + var config = { + childList: true, + subtree: true, + }; + var observer = new MutationObserver( + this.callback + ); + observer.observe(node, config); + }, + }, + { + key: 'callback', + value: function callback( + mutationsList, + observer + ) { + var _iterator = + _createForOfIteratorHelper( + mutationsList + ), + _step; + try { + for ( + _iterator.s(); + !(_step = _iterator.n()).done; + + ) { + var mutation = _step.value; + var target = mutation.target; + if (mutation.removedNodes) { + target.classList.remove( + 'directorist-form-added' + ); + var _iterator2 = + _createForOfIteratorHelper( + mutation.removedNodes + ), + _step2; + try { + for ( + _iterator2.s(); + !(_step2 = + _iterator2.n()) + .done; + + ) { + var node = + _step2.value; + if ( + !node.id || + node.id !== + 'respond' + ) { + continue; + } + var criteria = + node.querySelector( + '.directorist-review-criteria' + ); + if (criteria) { + criteria.style.display = + ''; + } + var ratings = + node.querySelectorAll( + '.directorist-review-criteria-select' + ); + var _iterator3 = + _createForOfIteratorHelper( + ratings + ), + _step3; + try { + for ( + _iterator3.s(); + !(_step3 = + _iterator3.n()) + .done; + + ) { + var rating = + _step3.value; + rating.removeAttribute( + 'disabled' + ); + } + } catch (err) { + _iterator3.e( + err + ); + } finally { + _iterator3.f(); + } + node.querySelector( + '#submit' + ).innerHTML = + 'Submit Review'; + node.querySelector( + '#comment' + ).setAttribute( + 'placeholder', + 'Leave a review' + ); + //console.log(node.querySelector('#comment')) + } + } catch (err) { + _iterator2.e(err); + } finally { + _iterator2.f(); + } + } + var form = + target.querySelector( + '#commentform' + ); + if (form) { + target.classList.add( + 'directorist-form-added' + ); + var isReview = + target.classList.contains( + 'review' + ); + var isEditing = + target.classList.contains( + 'directorist-form-editing' + ); + if ( + !isReview || + (isReview && !isEditing) + ) { + var _criteria = + form.querySelector( + '.directorist-review-criteria' + ); + if (_criteria) { + _criteria.style.display = + 'none'; + } + var _ratings = + form.querySelectorAll( + '.directorist-review-criteria-select' + ); + var _iterator4 = + _createForOfIteratorHelper( + _ratings + ), + _step4; + try { + for ( + _iterator4.s(); + !(_step4 = + _iterator4.n()) + .done; + + ) { + var _rating = + _step4.value; + _rating.setAttribute( + 'disabled', + 'disabled' + ); + } + } catch (err) { + _iterator4.e(err); + } finally { + _iterator4.f(); + } + } + var alert = + form.querySelector( + '.directorist-alert' + ); + if (alert) { + alert.style.display = + 'none'; + } + form.querySelector( + '#submit' + ).innerHTML = + 'Submit Reply'; + form.querySelector( + '#comment' + ).setAttribute( + 'placeholder', + 'Leave your reply' + ); + } + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + }, + }, + ]); + })(); + var CommentEditHandler = /*#__PURE__*/ (function () { + function CommentEditHandler() { + (0, + _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(this, CommentEditHandler); + this.init(); + } + return (0, + _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])( + CommentEditHandler, + [ + { + key: 'init', + value: function init() { + $(document).on( + 'submit', + '#directorist-form-comment-edit', + this.onSubmit + ); + }, + }, + { + key: 'onSubmit', + value: function onSubmit(event) { + event.preventDefault(); + var $form = $(event.target); + var originalButtonLabel = $form + .find('[type="submit"]') + .val(); + $(document).trigger( + 'directorist_review_before_submit', + $form + ); + var formData = new FormData( + $form[0] + ); + + // Apply the filter + formData = wp.hooks.applyFilters( + 'directorist_add_review_form_data', + formData, + 'directorist-advanced-review' + ); + var updateComment = $.ajax({ + url: $form.attr('action'), + type: 'POST', + contentType: false, + cache: false, + processData: false, + data: formData, + }); + $form + .find('#comment') + .prop('disabled', true); + $form + .find('[type="submit"]') + .prop('disabled', true) + .val('loading'); + var commentID = $form + .find( + 'input[name="comment_id"]' + ) + .val(); + var $wrap = $( + '#div-comment-' + commentID + ); + $wrap.addClass( + 'directorist-comment-edit-request' + ); + updateComment.done( + function ( + data, + status, + request + ) { + if ( + typeof data !== + 'string' && + !data.success + ) { + $wrap.removeClass( + 'directorist-comment-edit-request' + ); + CommentEditHandler.showError( + $form, + data.data.html + ); + return; + } + var body = $('
    '); + body.append(data); + var comment_section = + '.directorist-review-container'; + var comments = + body.find( + comment_section + ); + $( + comment_section + ).replaceWith(comments); + $(document).trigger( + 'directorist_review_updated', + data + ); + var commentTop = $( + '#comment-' + commentID + ).offset().top; + if ( + $('body').hasClass( + 'admin-bar' + ) + ) { + commentTop = + commentTop - + $( + '#wpadminbar' + ).height(); + } + + // scroll to comment + if (commentID) { + $('body, html').animate( + { + scrollTop: + commentTop, + }, + 600 + ); + } + } + ); + updateComment.fail(function (data) { + CommentEditHandler.showError( + $form, + data.responseText + ); + }); + updateComment.always(function () { + $form + .find('#comment') + .prop('disabled', false); + $form + .find('[type="submit"]') + .prop('disabled', false) + .val(originalButtonLabel); + }); + $(document).trigger( + 'directorist_review_after_submit', + $form + ); + }, + }, + ], + [ + { + key: 'showError', + value: function showError($form, msg) { + $form + .find('.directorist-alert') + .remove(); + $form.prepend(msg); + }, + }, + ] + ); + })(); + var CommentAddReplyHandler = + /*#__PURE__*/ (function () { + function CommentAddReplyHandler() { + (0, + _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(this, CommentAddReplyHandler); + this.init(); + } + return (0, + _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])( + CommentAddReplyHandler, + [ + { + key: 'init', + value: function init() { + var t = setTimeout(function () { + if ( + $( + '.directorist-review-container' + ).length + ) { + $(document).off( + 'submit', + '#commentform' + ); + } + clearTimeout(t); + }, 2000); + $(document).off( + 'submit', + '.directorist-review-container #commentform' + ); + $(document).on( + 'submit', + '.directorist-review-container #commentform', + this.onSubmit + ); + }, + }, + { + key: 'onSubmit', + value: function onSubmit(event) { + var _this2 = this; + event.preventDefault(); + console.log(wp.hooks); + var form = $( + '.directorist-review-container #commentform' + ); + var originalButtonLabel = form + .find('[type="submit"]') + .val(); + $(document).trigger( + 'directorist_review_before_submit', + form + ); + var formData = new FormData( + form[0] + ); + + // Apply the filter + formData = + wp.hooks.applyFilters( + 'directorist_add_review_form_data', + formData, + 'directorist-advanced-review' + ); + var do_comment = $.ajax({ + url: form.attr('action'), + type: 'POST', + contentType: false, + cache: false, + processData: false, + data: formData, + }); + $('#comment').prop( + 'disabled', + true + ); + form.find('[type="submit"]') + .prop('disabled', true) + .val('loading'); + do_comment.done( + function ( + data, + status, + request + ) { + var body = + $('
    '); + body.append(data); + var comment_section = + '.directorist-review-container'; + var comments = + body.find( + comment_section + ); + var errorMsg = + body.find( + '.wp-die-message' + ); + if ( + errorMsg.length > 0 + ) { + CommentAddReplyHandler.showError( + form, + errorMsg + ); + $(document).trigger( + 'directorist_review_update_failed' + ); + return; + } + $( + comment_section + ).replaceWith(comments); + $(document).trigger( + 'directorist_review_updated', + data + ); + var newComment = + comments.find( + '.commentlist li:first-child' + ); + var newCommentId = + newComment.attr( + 'id' + ); + + // // catch the new comment id by comparing to old dom. + // commentsLists.each( + // function ( index ) { + // var _this = $( commentsLists[ index ] ); + // if ( $( '#' + _this.attr( 'id' ) ).length == 0 ) { + // newCommentId = _this.attr( 'id' ); + // } + // } + // ); + + // console.log(newComment, newCommentId) + + var commentTop = $( + '#' + newCommentId + ).offset().top; + if ( + $('body').hasClass( + 'admin-bar' + ) + ) { + commentTop = + commentTop - + $( + '#wpadminbar' + ).height(); + } + + // scroll to comment + if (newCommentId) { + $( + 'body, html' + ).animate( + { + scrollTop: + commentTop, + }, + 600 + ); + } + } + ); + do_comment.fail( + function (data) { + var body = + $('
    '); + body.append( + data.responseText + ); + console.log(data); + CommentAddReplyHandler.showError( + form, + body.find( + '.wp-die-message' + ) + ); + $(document).trigger( + 'directorist_review_update_failed' + ); + if ( + data.status === + 403 || + data.status === 401 + ) { + $(document).off( + 'submit', + '.directorist-review-container #commentform', + _this2.onSubmit + ); + $('#comment').prop( + 'disabled', + false + ); + form.find( + '[type="submit"]' + ) + .prop( + 'disabled', + false + ) + .click(); + } + } + ); + do_comment.always(function () { + $('#comment').prop( + 'disabled', + false + ); + $('#commentform') + .find('[type="submit"]') + .prop('disabled', false) + .val( + originalButtonLabel + ); + }); + $(document).trigger( + 'directorist_review_after_submit', + form + ); + }, + }, + ], + [ + { + key: 'getErrorMsg', + value: function getErrorMsg($dom) { + if ($dom.find('p').length) { + $dom = $dom.find('p'); + } + var words = $dom + .text() + .split(':'); + if (words.length > 1) { + words.shift(); + } + return words.join(' ').trim(); + }, + }, + { + key: 'showError', + value: function showError( + form, + $dom + ) { + if ( + form.find( + '.directorist-alert' + ).length + ) { + form.find( + '.directorist-alert' + ).remove(); + } + var $error = $('
    ', { + class: 'directorist-alert directorist-alert-danger', + }).html( + CommentAddReplyHandler.getErrorMsg( + $dom + ) + ); + form.prepend($error); + }, + }, + ] + ); + })(); + var CommentsManager = /*#__PURE__*/ (function () { + function CommentsManager() { + (0, + _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(this, CommentsManager); + this.$doc = $(document); + this.setupComponents(); + this.addEventListeners(); + } + return (0, + _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(CommentsManager, [ + { + key: 'initStarRating', + value: function initStarRating() { + $( + '.directorist-review-criteria-select' + ).barrating({ + theme: 'fontawesome-stars', + }); + }, + }, + { + key: 'cancelOthersEditMode', + value: function cancelOthersEditMode( + currentCommentId + ) { + $('.directorist-comment-editing').each( + function (index, comment) { + var $cancelButton = $( + comment + ).find( + '.directorist-js-cancel-comment-edit' + ); + if ( + $cancelButton.data( + 'commentid' + ) != currentCommentId + ) { + $cancelButton.click(); + } + } + ); + }, + }, + { + key: 'cancelReplyMode', + value: function cancelReplyMode() { + var replyLink = document.querySelector( + '.directorist-review-content #cancel-comment-reply-link' + ); + replyLink && replyLink.click(); + }, + }, + { + key: 'addEventListeners', + value: function addEventListeners() { + var _this3 = this; + var self = this; + this.$doc.on( + 'directorist_review_updated', + function (event) { + _this3.initStarRating(); + } + ); + this.$doc.on( + 'directorist_comment_edit_form_loaded', + function (event) { + _this3.initStarRating(); + } + ); + this.$doc.on( + 'click', + 'a[href="#respond"]', + function (event) { + // First cancle the reply form then scroll to review form. Order matters. + _this3.cancelReplyMode(); + _this3.onWriteReivewClick( + event + ); + } + ); + this.$doc.on( + 'click', + '.directorist-js-edit-comment', + function (event) { + event.preventDefault(); + var $target = $(event.target); + var $wrap = $target.parents( + '#div-comment-' + + $target.data( + 'commentid' + ) + ); + $wrap.addClass( + 'directorist-comment-edit-request' + ); + $.ajax({ + url: $target.attr('href'), + data: { + post_id: + $target.data( + 'postid' + ), + comment_id: + $target.data( + 'commentid' + ), + }, + setContent: false, + method: 'GET', + reload: 'strict', + success: function success( + response + ) { + $target.prop( + 'disabled', + true + ); + $target + .parents( + '#div-comment-' + + $target.data( + 'commentid' + ) + ) + .find( + '.directorist-review-single__info' + ) + .append( + response.data + .html + ); + $wrap + .removeClass( + 'directorist-comment-edit-request' + ) + .addClass( + 'directorist-comment-editing' + ); + self.cancelOthersEditMode( + $target.data( + 'commentid' + ) + ); + self.cancelReplyMode(); + var $editForm = $( + '#directorist-form-comment-edit' + ); + $editForm + .find('textarea') + .focus(); + self.$doc.trigger( + 'directorist_comment_edit_form_loaded', + $target.data( + 'commentid' + ) + ); + }, + }); + } + ); + this.$doc.on( + 'click', + '.directorist-js-cancel-comment-edit', + function (event) { + event.preventDefault(); + var $target = $(event.target); + var $wrap = $target.parents( + '#div-comment-' + + $target.data( + 'commentid' + ) + ); + $wrap + .removeClass([ + 'directorist-comment-edit-request', + 'directorist-comment-editing', + ]) + .find('form') + .remove(); + $wrap + .find( + '.directorist-js-edit-comment' + ) + .prop('disabled', false); + } + ); + }, + }, + { + key: 'onWriteReivewClick', + value: function onWriteReivewClick(event) { + event.preventDefault(); + var scrollTop = + $('#respond').offset().top; + if ($('body').hasClass('admin-bar')) { + scrollTop = + scrollTop - + $('#wpadminbar').height(); + } + $('body, html').animate( + { + scrollTop: scrollTop, + }, + 600 + ); + }, + }, + { + key: 'setupComponents', + value: function setupComponents() { + new ReplyFormObserver(); + new CommentAddReplyHandler(); + new CommentEditHandler(); + }, + }, + ]); + })(); + var commentsManager = new CommentsManager(); + })(jQuery); + }); + + /***/ + }, + + /***/ './assets/src/js/public/components/review/starRating.js': + /*!**************************************************************!*\ !*** ./assets/src/js/public/components/review/starRating.js ***! \**************************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - (function ($) { - //Star rating - if ($('.directorist-review-criteria-select').length) { - $('.directorist-review-criteria-select').barrating({ - theme: 'fontawesome-stars' - }); - } - })(jQuery); -}); - -/***/ }), - -/***/ "./assets/src/js/public/components/update-view-count.js": -/*!**************************************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + (function ($) { + //Star rating + if ($('.directorist-review-criteria-select').length) { + $('.directorist-review-criteria-select').barrating({ + theme: 'fontawesome-stars', + }); + } + })(jQuery); + }); + + /***/ + }, + + /***/ './assets/src/js/public/components/update-view-count.js': + /*!**************************************************************!*\ !*** ./assets/src/js/public/components/update-view-count.js ***! \**************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js"); -/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"); - - -function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } -function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } -/** - * Update listings grid view count. - */ -jQuery(function ($) { - var _window$directorist, _window$localStorage; - var isDynamicViewCountCacheEnabled = Boolean((_window$directorist = window.directorist) === null || _window$directorist === void 0 ? void 0 : _window$directorist.dynamic_view_count_cache); - if (!isDynamicViewCountCacheEnabled) { - return; - } - var updateMarkup = function updateMarkup(viewCounts) { - for (var _i = 0, _Object$entries = Object.entries(viewCounts); _i < _Object$entries.length; _i++) { - var _Object$entries$_i = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__["default"])(_Object$entries[_i], 2), - id = _Object$entries$_i[0], - count = _Object$entries$_i[1]; - var $el = $(".directorist-view-count[data-id=\"".concat(id, "\"]")); - var $elIcon = $el.find('.directorist-icon-mask'); - if ($elIcon.length) { - $elIcon[0].nextSibling.textContent = count; - } else { - $el.text(count); - } - } - }; - var ids = []; - $('.directorist-view-count[data-id]').each(function (i, item) { - ids.push(+item.dataset.id); - }); - if (ids.length === 0) { - return; - } - var CACHE_EXPIRATION = 1000 * 60 * 60 * 5; // 5 hours. - var cache = (_window$localStorage = window.localStorage) === null || _window$localStorage === void 0 ? void 0 : _window$localStorage.getItem('directorist_view_count'); - var hasCache = false; - if (cache) { - var _cache, _cache2; - cache = JSON.parse(cache); - var cachedIds = ((_cache = cache) === null || _cache === void 0 ? void 0 : _cache.viewCount) || {}; - hasCache = Object.keys(cachedIds).length; - ids = ids.filter(function (id) { - return !(id in cachedIds); - }); - if (hasCache && (_cache2 = cache) !== null && _cache2 !== void 0 && _cache2.lastUpdated && Date.now() - cache.lastUpdated < CACHE_EXPIRATION) { - updateMarkup(cache.viewCount); - } - if (!ids.length) { - return; - } - } - $.post(directorist.ajax_url, { - action: 'directorist_update_view_count', - nonce: directorist.directorist_nonce, - ids: ids - }, function (response) { - var _window$localStorage2; - if (!response.success) { - console.warn(response.data.message); - return; - } - updateMarkup(response.data.view_count); - if (hasCache) { - response.data.view_count = _objectSpread(_objectSpread({}, cache.viewCount), response.data.view_count); - } - (_window$localStorage2 = window.localStorage) === null || _window$localStorage2 === void 0 || _window$localStorage2.setItem('directorist_view_count', JSON.stringify({ - lastUpdated: Date.now(), - viewCount: response.data.view_count - })); - }); -}); - -/***/ }), - -/***/ "./assets/src/scss/layout/public/main-style.scss": -/*!*******************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/defineProperty */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/defineProperty.js' + ); + /* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! @babel/runtime/helpers/slicedToArray */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/slicedToArray.js' + ); + + function ownKeys(e, r) { + var t = Object.keys(e); + if (Object.getOwnPropertySymbols) { + var o = Object.getOwnPropertySymbols(e); + (r && + (o = o.filter(function (r) { + return Object.getOwnPropertyDescriptor(e, r) + .enumerable; + })), + t.push.apply(t, o)); + } + return t; + } + function _objectSpread(e) { + for (var r = 1; r < arguments.length; r++) { + var t = null != arguments[r] ? arguments[r] : {}; + r % 2 + ? ownKeys(Object(t), !0).forEach(function (r) { + (0, + _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(e, r, t[r]); + }) + : Object.getOwnPropertyDescriptors + ? Object.defineProperties( + e, + Object.getOwnPropertyDescriptors(t) + ) + : ownKeys(Object(t)).forEach(function (r) { + Object.defineProperty( + e, + r, + Object.getOwnPropertyDescriptor( + t, + r + ) + ); + }); + } + return e; + } + /** + * Update listings grid view count. + */ + jQuery(function ($) { + var _window$directorist, _window$localStorage; + var isDynamicViewCountCacheEnabled = Boolean( + (_window$directorist = window.directorist) === null || + _window$directorist === void 0 + ? void 0 + : _window$directorist.dynamic_view_count_cache + ); + if (!isDynamicViewCountCacheEnabled) { + return; + } + var updateMarkup = function updateMarkup(viewCounts) { + for ( + var _i = 0, + _Object$entries = Object.entries(viewCounts); + _i < _Object$entries.length; + _i++ + ) { + var _Object$entries$_i = (0, + _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(_Object$entries[_i], 2), + id = _Object$entries$_i[0], + count = _Object$entries$_i[1]; + var $el = $( + '.directorist-view-count[data-id="'.concat( + id, + '"]' + ) + ); + var $elIcon = $el.find('.directorist-icon-mask'); + if ($elIcon.length) { + $elIcon[0].nextSibling.textContent = count; + } else { + $el.text(count); + } + } + }; + var ids = []; + $('.directorist-view-count[data-id]').each( + function (i, item) { + ids.push(+item.dataset.id); + } + ); + if (ids.length === 0) { + return; + } + var CACHE_EXPIRATION = 1000 * 60 * 60 * 5; // 5 hours. + var cache = + (_window$localStorage = window.localStorage) === null || + _window$localStorage === void 0 + ? void 0 + : _window$localStorage.getItem( + 'directorist_view_count' + ); + var hasCache = false; + if (cache) { + var _cache, _cache2; + cache = JSON.parse(cache); + var cachedIds = + ((_cache = cache) === null || _cache === void 0 + ? void 0 + : _cache.viewCount) || {}; + hasCache = Object.keys(cachedIds).length; + ids = ids.filter(function (id) { + return !(id in cachedIds); + }); + if ( + hasCache && + (_cache2 = cache) !== null && + _cache2 !== void 0 && + _cache2.lastUpdated && + Date.now() - cache.lastUpdated < CACHE_EXPIRATION + ) { + updateMarkup(cache.viewCount); + } + if (!ids.length) { + return; + } + } + $.post( + directorist.ajax_url, + { + action: 'directorist_update_view_count', + nonce: directorist.directorist_nonce, + ids: ids, + }, + function (response) { + var _window$localStorage2; + if (!response.success) { + console.warn(response.data.message); + return; + } + updateMarkup(response.data.view_count); + if (hasCache) { + response.data.view_count = _objectSpread( + _objectSpread({}, cache.viewCount), + response.data.view_count + ); + } + (_window$localStorage2 = window.localStorage) === + null || + _window$localStorage2 === void 0 || + _window$localStorage2.setItem( + 'directorist_view_count', + JSON.stringify({ + lastUpdated: Date.now(), + viewCount: response.data.view_count, + }) + ); + } + ); + }); + + /***/ + }, + + /***/ './assets/src/scss/layout/public/main-style.scss': + /*!*******************************************************!*\ !*** ./assets/src/scss/layout/public/main-style.scss ***! \*******************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -// extracted by mini-css-extract-plugin - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js": -/*!*********************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js ***! - \*********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _arrayLikeToArray; } -/* harmony export */ }); -function _arrayLikeToArray(r, a) { - (null == a || a > r.length) && (a = r.length); - for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; - return n; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js": -/*!*******************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js ***! - \*******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _arrayWithHoles; } -/* harmony export */ }); -function _arrayWithHoles(r) { - if (Array.isArray(r)) return r; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/classCallCheck.js": -/*!*******************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js ***! - \*******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _classCallCheck; } -/* harmony export */ }); -function _classCallCheck(a, n) { - if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/createClass.js": -/*!****************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/createClass.js ***! - \****************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _createClass; } -/* harmony export */ }); -/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toPropertyKey.js */ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"); - -function _defineProperties(e, r) { - for (var t = 0; t < r.length; t++) { - var o = r[t]; - o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(o.key), o); - } -} -function _createClass(e, r, t) { - return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { - writable: !1 - }), e; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js": -/*!*******************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/defineProperty.js ***! - \*******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _defineProperty; } -/* harmony export */ }); -/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toPropertyKey.js */ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"); - -function _defineProperty(e, r, t) { - return (r = (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r)) in e ? Object.defineProperty(e, r, { - value: t, - enumerable: !0, - configurable: !0, - writable: !0 - }) : e[r] = t, e; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js": -/*!*************************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js ***! - \*************************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _iterableToArrayLimit; } -/* harmony export */ }); -function _iterableToArrayLimit(r, l) { - var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; - if (null != t) { - var e, - n, - i, - u, - a = [], - f = !0, - o = !1; - try { - if (i = (t = t.call(r)).next, 0 === l) { - if (Object(t) !== t) return; - f = !1; - } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); - } catch (r) { - o = !0, n = r; - } finally { - try { - if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; - } finally { - if (o) throw n; - } - } - return a; - } -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js": -/*!********************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js ***! - \********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _nonIterableRest; } -/* harmony export */ }); -function _nonIterableRest() { - throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js": -/*!******************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js ***! - \******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _slicedToArray; } -/* harmony export */ }); -/* harmony import */ var _arrayWithHoles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayWithHoles.js */ "./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js"); -/* harmony import */ var _iterableToArrayLimit_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./iterableToArrayLimit.js */ "./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js"); -/* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./unsupportedIterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js"); -/* harmony import */ var _nonIterableRest_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./nonIterableRest.js */ "./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js"); - - - - -function _slicedToArray(r, e) { - return (0,_arrayWithHoles_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r) || (0,_iterableToArrayLimit_js__WEBPACK_IMPORTED_MODULE_1__["default"])(r, e) || (0,_unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__["default"])(r, e) || (0,_nonIterableRest_js__WEBPACK_IMPORTED_MODULE_3__["default"])(); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js": -/*!****************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! - \****************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPrimitive; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); - -function toPrimitive(t, r) { - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(t) || !t) return t; - var e = t[Symbol.toPrimitive]; - if (void 0 !== e) { - var i = e.call(t, r || "default"); - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i)) return i; - throw new TypeError("@@toPrimitive must return a primitive value."); - } - return ("string" === r ? String : Number)(t); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js": -/*!******************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! - \******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPropertyKey; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); -/* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toPrimitive.js */ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js"); - - -function toPropertyKey(t) { - var i = (0,_toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__["default"])(t, "string"); - return "symbol" == (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i) ? i : i + ""; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js": -/*!***********************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***! - \***********************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _typeof; } -/* harmony export */ }); -function _typeof(o) { - "@babel/helpers - typeof"; - - return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { - return typeof o; - } : function (o) { - return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; - }, _typeof(o); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js": -/*!*******************************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js ***! - \*******************************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _unsupportedIterableToArray; } -/* harmony export */ }); -/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayLikeToArray.js */ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"); - -function _unsupportedIterableToArray(r, a) { - if (r) { - if ("string" == typeof r) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a); - var t = {}.toString.call(r).slice(8, -1); - return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a) : void 0; - } -} - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!******************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + // extracted by mini-css-extract-plugin + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js': + /*!**************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js ***! + \**************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _arrayLikeToArray; + }, + /* harmony export */ + } + ); + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js': + /*!************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js ***! + \************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _arrayWithHoles; + }, + /* harmony export */ + } + ); + function _arrayWithHoles(r) { + if (Array.isArray(r)) return r; + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/classCallCheck.js': + /*!************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/classCallCheck.js ***! + \************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _classCallCheck; + }, + /* harmony export */ + } + ); + function _classCallCheck(a, n) { + if (!(a instanceof n)) + throw new TypeError( + 'Cannot call a class as a function' + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/createClass.js': + /*!*********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/createClass.js ***! + \*********************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _createClass; + }, + /* harmony export */ + } + ); + /* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./toPropertyKey.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js' + ); + + function _defineProperties(e, r) { + for (var t = 0; t < r.length; t++) { + var o = r[t]; + ((o.enumerable = o.enumerable || !1), + (o.configurable = !0), + 'value' in o && (o.writable = !0), + Object.defineProperty( + e, + (0, + _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(o.key), + o + )); + } + } + function _createClass(e, r, t) { + return ( + r && _defineProperties(e.prototype, r), + t && _defineProperties(e, t), + Object.defineProperty(e, 'prototype', { + writable: !1, + }), + e + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/defineProperty.js': + /*!************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/defineProperty.js ***! + \************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _defineProperty; + }, + /* harmony export */ + } + ); + /* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./toPropertyKey.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js' + ); + + function _defineProperty(e, r, t) { + return ( + (r = (0, + _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r)) in e + ? Object.defineProperty(e, r, { + value: t, + enumerable: !0, + configurable: !0, + writable: !0, + }) + : (e[r] = t), + e + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js': + /*!******************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js ***! + \******************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _iterableToArrayLimit; + }, + /* harmony export */ + } + ); + function _iterableToArrayLimit(r, l) { + var t = + null == r + ? null + : ('undefined' != typeof Symbol && + r[Symbol.iterator]) || + r['@@iterator']; + if (null != t) { + var e, + n, + i, + u, + a = [], + f = !0, + o = !1; + try { + if (((i = (t = t.call(r)).next), 0 === l)) { + if (Object(t) !== t) return; + f = !1; + } else + for ( + ; + !(f = (e = i.call(t)).done) && + (a.push(e.value), a.length !== l); + f = !0 + ); + } catch (r) { + ((o = !0), (n = r)); + } finally { + try { + if ( + !f && + null != t['return'] && + ((u = t['return']()), Object(u) !== u) + ) + return; + } finally { + if (o) throw n; + } + } + return a; + } + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/nonIterableRest.js': + /*!*************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/nonIterableRest.js ***! + \*************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _nonIterableRest; + }, + /* harmony export */ + } + ); + function _nonIterableRest() { + throw new TypeError( + 'Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/slicedToArray.js': + /*!***********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/slicedToArray.js ***! + \***********************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _slicedToArray; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayWithHoles_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayWithHoles.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js' + ); + /* harmony import */ var _iterableToArrayLimit_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./iterableToArrayLimit.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js' + ); + /* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./unsupportedIterableToArray.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js' + ); + /* harmony import */ var _nonIterableRest_js__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ./nonIterableRest.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/nonIterableRest.js' + ); + + function _slicedToArray(r, e) { + return ( + (0, + _arrayWithHoles_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r) || + (0, + _iterableToArrayLimit_js__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(r, e) || + (0, + _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__[ + 'default' + ])(r, e) || + (0, + _nonIterableRest_js__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])() + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPrimitive.js': + /*!*********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! + \*********************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPrimitive; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + + function toPrimitive(t, r) { + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + t + ) || + !t + ) + return t; + var e = t[Symbol.toPrimitive]; + if (void 0 !== e) { + var i = e.call(t, r || 'default'); + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ) + return i; + throw new TypeError( + '@@toPrimitive must return a primitive value.' + ); + } + return ('string' === r ? String : Number)(t); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js': + /*!***********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! + \***********************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPropertyKey; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + /* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./toPrimitive.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPrimitive.js' + ); + + function toPropertyKey(t) { + var i = (0, + _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__['default'])( + t, + 'string' + ); + return 'symbol' == + (0, _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ? i + : i + ''; + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js': + /*!****************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js ***! + \****************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _typeof; + }, + /* harmony export */ + } + ); + function _typeof(o) { + '@babel/helpers - typeof'; + + return ( + (_typeof = + 'function' == typeof Symbol && + 'symbol' == typeof Symbol.iterator + ? function (o) { + return typeof o; + } + : function (o) { + return o && + 'function' == typeof Symbol && + o.constructor === Symbol && + o !== Symbol.prototype + ? 'symbol' + : typeof o; + }), + _typeof(o) + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js': + /*!************************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js ***! + \************************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _unsupportedIterableToArray; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayLikeToArray.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js' + ); + + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r, a) + : void 0 + ); + } + } + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!******************************************************!*\ !*** ./assets/src/js/public/modules/all-listings.js ***! \******************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _scss_layout_public_main_style_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../scss/layout/public/main-style.scss */ "./assets/src/scss/layout/public/main-style.scss"); -/* harmony import */ var _components_general__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/general */ "./assets/src/js/public/components/general.js"); -/* harmony import */ var _components_general__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_components_general__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _components_helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/helpers */ "./assets/src/js/public/components/helpers.js"); -/* harmony import */ var _components_review__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/review */ "./assets/src/js/public/components/review.js"); -/* harmony import */ var _components_directoristSorting__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/directoristSorting */ "./assets/src/js/public/components/directoristSorting.js"); -/* harmony import */ var _components_directoristSorting__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_components_directoristSorting__WEBPACK_IMPORTED_MODULE_4__); -/* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../components/directoristAlert */ "./assets/src/js/public/components/directoristAlert.js"); -/* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_components_directoristAlert__WEBPACK_IMPORTED_MODULE_5__); -/* harmony import */ var _components_gridResponsive__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../components/gridResponsive */ "./assets/src/js/public/components/gridResponsive.js"); -/* harmony import */ var _components_gridResponsive__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_components_gridResponsive__WEBPACK_IMPORTED_MODULE_6__); -/* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../components/directoristFavorite */ "./assets/src/js/public/components/directoristFavorite.js"); -/* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_components_directoristFavorite__WEBPACK_IMPORTED_MODULE_7__); -/* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../components/directoristDropdown */ "./assets/src/js/public/components/directoristDropdown.js"); -/* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_components_directoristDropdown__WEBPACK_IMPORTED_MODULE_8__); -/* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../components/directoristSelect */ "./assets/src/js/public/components/directoristSelect.js"); -/* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_components_directoristSelect__WEBPACK_IMPORTED_MODULE_9__); -/* harmony import */ var _components_categoryLocation__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../components/categoryLocation */ "./assets/src/js/public/components/categoryLocation.js"); -/* harmony import */ var _components_categoryLocation__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_components_categoryLocation__WEBPACK_IMPORTED_MODULE_10__); -/* harmony import */ var _components_colorPicker__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../components/colorPicker */ "./assets/src/js/public/components/colorPicker.js"); -/* harmony import */ var _components_colorPicker__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_components_colorPicker__WEBPACK_IMPORTED_MODULE_11__); -/* harmony import */ var _components_legacy_support__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../components/legacy-support */ "./assets/src/js/public/components/legacy-support.js"); -/* harmony import */ var _components_legacy_support__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_components_legacy_support__WEBPACK_IMPORTED_MODULE_12__); -/* harmony import */ var _components_masonry__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../components/masonry */ "./assets/src/js/public/components/masonry.js"); -/* harmony import */ var _components_masonry__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_components_masonry__WEBPACK_IMPORTED_MODULE_13__); -/* harmony import */ var _components_instantSearch__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../components/instantSearch */ "./assets/src/js/public/components/instantSearch.js"); -/* harmony import */ var _global_components_setup_select2__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../global/components/setup-select2 */ "./assets/src/js/global/components/setup-select2.js"); -/* harmony import */ var _global_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../global/components/select2-custom-control */ "./assets/src/js/global/components/select2-custom-control.js"); -/* harmony import */ var _global_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_global_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_16__); -/* harmony import */ var _components_archive_sidebar__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../components/archive-sidebar */ "./assets/src/js/public/components/archive-sidebar.js"); -/* harmony import */ var _components_archive_sidebar__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(_components_archive_sidebar__WEBPACK_IMPORTED_MODULE_17__); -/* harmony import */ var _components_update_view_count__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../components/update-view-count */ "./assets/src/js/public/components/update-view-count.js"); -/* + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _scss_layout_public_main_style_scss__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ../../../scss/layout/public/main-style.scss */ './assets/src/scss/layout/public/main-style.scss' + ); + /* harmony import */ var _components_general__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ../components/general */ './assets/src/js/public/components/general.js' + ); + /* harmony import */ var _components_general__WEBPACK_IMPORTED_MODULE_1___default = + /*#__PURE__*/ __webpack_require__.n( + _components_general__WEBPACK_IMPORTED_MODULE_1__ + ); + /* harmony import */ var _components_helpers__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ../components/helpers */ './assets/src/js/public/components/helpers.js' + ); + /* harmony import */ var _components_review__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ../components/review */ './assets/src/js/public/components/review.js' + ); + /* harmony import */ var _components_directoristSorting__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ../components/directoristSorting */ './assets/src/js/public/components/directoristSorting.js' + ); + /* harmony import */ var _components_directoristSorting__WEBPACK_IMPORTED_MODULE_4___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristSorting__WEBPACK_IMPORTED_MODULE_4__ + ); + /* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_5__ = + __webpack_require__( + /*! ../components/directoristAlert */ './assets/src/js/public/components/directoristAlert.js' + ); + /* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_5___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristAlert__WEBPACK_IMPORTED_MODULE_5__ + ); + /* harmony import */ var _components_gridResponsive__WEBPACK_IMPORTED_MODULE_6__ = + __webpack_require__( + /*! ../components/gridResponsive */ './assets/src/js/public/components/gridResponsive.js' + ); + /* harmony import */ var _components_gridResponsive__WEBPACK_IMPORTED_MODULE_6___default = + /*#__PURE__*/ __webpack_require__.n( + _components_gridResponsive__WEBPACK_IMPORTED_MODULE_6__ + ); + /* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_7__ = + __webpack_require__( + /*! ../components/directoristFavorite */ './assets/src/js/public/components/directoristFavorite.js' + ); + /* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_7___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_7__ + ); + /* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_8__ = + __webpack_require__( + /*! ../components/directoristDropdown */ './assets/src/js/public/components/directoristDropdown.js' + ); + /* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_8___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_8__ + ); + /* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_9__ = + __webpack_require__( + /*! ../components/directoristSelect */ './assets/src/js/public/components/directoristSelect.js' + ); + /* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_9___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristSelect__WEBPACK_IMPORTED_MODULE_9__ + ); + /* harmony import */ var _components_categoryLocation__WEBPACK_IMPORTED_MODULE_10__ = + __webpack_require__( + /*! ../components/categoryLocation */ './assets/src/js/public/components/categoryLocation.js' + ); + /* harmony import */ var _components_categoryLocation__WEBPACK_IMPORTED_MODULE_10___default = + /*#__PURE__*/ __webpack_require__.n( + _components_categoryLocation__WEBPACK_IMPORTED_MODULE_10__ + ); + /* harmony import */ var _components_colorPicker__WEBPACK_IMPORTED_MODULE_11__ = + __webpack_require__( + /*! ../components/colorPicker */ './assets/src/js/public/components/colorPicker.js' + ); + /* harmony import */ var _components_colorPicker__WEBPACK_IMPORTED_MODULE_11___default = + /*#__PURE__*/ __webpack_require__.n( + _components_colorPicker__WEBPACK_IMPORTED_MODULE_11__ + ); + /* harmony import */ var _components_legacy_support__WEBPACK_IMPORTED_MODULE_12__ = + __webpack_require__( + /*! ../components/legacy-support */ './assets/src/js/public/components/legacy-support.js' + ); + /* harmony import */ var _components_legacy_support__WEBPACK_IMPORTED_MODULE_12___default = + /*#__PURE__*/ __webpack_require__.n( + _components_legacy_support__WEBPACK_IMPORTED_MODULE_12__ + ); + /* harmony import */ var _components_masonry__WEBPACK_IMPORTED_MODULE_13__ = + __webpack_require__( + /*! ../components/masonry */ './assets/src/js/public/components/masonry.js' + ); + /* harmony import */ var _components_masonry__WEBPACK_IMPORTED_MODULE_13___default = + /*#__PURE__*/ __webpack_require__.n( + _components_masonry__WEBPACK_IMPORTED_MODULE_13__ + ); + /* harmony import */ var _components_instantSearch__WEBPACK_IMPORTED_MODULE_14__ = + __webpack_require__( + /*! ../components/instantSearch */ './assets/src/js/public/components/instantSearch.js' + ); + /* harmony import */ var _global_components_setup_select2__WEBPACK_IMPORTED_MODULE_15__ = + __webpack_require__( + /*! ../../global/components/setup-select2 */ './assets/src/js/global/components/setup-select2.js' + ); + /* harmony import */ var _global_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_16__ = + __webpack_require__( + /*! ../../global/components/select2-custom-control */ './assets/src/js/global/components/select2-custom-control.js' + ); + /* harmony import */ var _global_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_16___default = + /*#__PURE__*/ __webpack_require__.n( + _global_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_16__ + ); + /* harmony import */ var _components_archive_sidebar__WEBPACK_IMPORTED_MODULE_17__ = + __webpack_require__( + /*! ../components/archive-sidebar */ './assets/src/js/public/components/archive-sidebar.js' + ); + /* harmony import */ var _components_archive_sidebar__WEBPACK_IMPORTED_MODULE_17___default = + /*#__PURE__*/ __webpack_require__.n( + _components_archive_sidebar__WEBPACK_IMPORTED_MODULE_17__ + ); + /* harmony import */ var _components_update_view_count__WEBPACK_IMPORTED_MODULE_18__ = + __webpack_require__( + /*! ../components/update-view-count */ './assets/src/js/public/components/update-view-count.js' + ); + /* File: all-listings.js Plugin: Directorist – Business Directory & Classified Listings WordPress Plugin Author: wpWax Author URI: www.wpwax.com */ - - -// General Components - - - - - - - - - - - - - - - - - - -}(); -/******/ })() -; -//# sourceMappingURL=all-listings.js.map \ No newline at end of file + // General Components + })(); + /******/ +})(); +//# sourceMappingURL=all-listings.js.map diff --git a/assets/js/all-location-category.js b/assets/js/all-location-category.js index 4de59761e7..6cfb4e18e6 100644 --- a/assets/js/all-location-category.js +++ b/assets/js/all-location-category.js @@ -1,191 +1,307 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/public/components/categoryLocation.js": -/*!*************************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/public/components/categoryLocation.js': + /*!*************************************************************!*\ !*** ./assets/src/js/public/components/categoryLocation.js ***! \*************************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - var $ = jQuery; + /***/ function () { + window.addEventListener('load', function () { + var $ = jQuery; - /* Make sure the codes in this file runs only once, even if enqueued twice */ - if (typeof window.directorist_catloc_executed === 'undefined') { - window.directorist_catloc_executed = true; - } else { - return; - } + /* Make sure the codes in this file runs only once, even if enqueued twice */ + if ( + typeof window.directorist_catloc_executed === + 'undefined' + ) { + window.directorist_catloc_executed = true; + } else { + return; + } - /* Category card grid three width/height adjustment */ - var categoryCard = document.querySelectorAll('.directorist-categories__single--style-three'); - if (categoryCard) { - categoryCard.forEach(function (elm) { - var categoryCardWidth = elm.offsetWidth; - elm.style.setProperty('--directorist-category-box-width', "".concat(categoryCardWidth, "px")); - }); - } + /* Category card grid three width/height adjustment */ + var categoryCard = document.querySelectorAll( + '.directorist-categories__single--style-three' + ); + if (categoryCard) { + categoryCard.forEach(function (elm) { + var categoryCardWidth = elm.offsetWidth; + elm.style.setProperty( + '--directorist-category-box-width', + ''.concat(categoryCardWidth, 'px') + ); + }); + } - /* Taxonomy list dropdown */ - function categoryDropdown(selector, parent) { - var categoryListToggle = document.querySelectorAll(selector); - categoryListToggle.forEach(function (item) { - item.addEventListener('click', function (e) { - var categoryName = item.querySelector('.directorist-taxonomy-list__name'); - if (e.target !== categoryName) { - e.preventDefault(); - this.classList.toggle('directorist-taxonomy-list__toggle--open'); - } - }); - }); - } - categoryDropdown('.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle', '.directorist-taxonomy-list-one .directorist-taxonomy-list'); - categoryDropdown('.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle', '.directorist-taxonomy-list-one .directorist-taxonomy-list'); + /* Taxonomy list dropdown */ + function categoryDropdown(selector, parent) { + var categoryListToggle = + document.querySelectorAll(selector); + categoryListToggle.forEach(function (item) { + item.addEventListener('click', function (e) { + var categoryName = item.querySelector( + '.directorist-taxonomy-list__name' + ); + if (e.target !== categoryName) { + e.preventDefault(); + this.classList.toggle( + 'directorist-taxonomy-list__toggle--open' + ); + } + }); + }); + } + categoryDropdown( + '.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle', + '.directorist-taxonomy-list-one .directorist-taxonomy-list' + ); + categoryDropdown( + '.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle', + '.directorist-taxonomy-list-one .directorist-taxonomy-list' + ); - // Taxonomy Ajax - $(document).on('click', '.directorist-categories .directorist-pagination a', function (e) { - taxonomyPagination(e, $(this), '.directorist-categories'); - }); - $(document).on('click', '.directorist-location .directorist-pagination a', function (e) { - taxonomyPagination(e, $(this), '.directorist-location'); - }); - function taxonomyPagination(event, clickedElement, containerSelector) { - event.preventDefault(); - var pageNumber = (clickedElement === null || clickedElement === void 0 ? void 0 : clickedElement.attr('data-page')) || 1; - var container = clickedElement.closest(containerSelector); - var containerAttributes = container ? $(container).data('attrs') : {}; - $.ajax({ - url: directorist.ajax_url, - type: 'POST', - dataType: 'json', - data: { - action: 'directorist_taxonomy_pagination', - nonce: directorist.directorist_nonce, - page: parseInt(pageNumber), - attrs: containerAttributes - }, - beforeSend: function beforeSend() { - $(containerSelector).addClass('atbdp-form-fade'); - }, - success: function success(response) { - var _tempContainer$queryS, _tempContainer$queryS2; - if (!(response !== null && response !== void 0 && response.success)) { - console.error('Failed to load taxonomy content'); - return; - } - var tempContainer = document.createElement('div'); - tempContainer.innerHTML = response.data.content; - // Handle both category and location wrappers - var taxonomyWrapper = document.querySelector('.taxonomy-category-wrapper'); - var locationWrapper = document.querySelector('.taxonomy-location-wrapper'); - var updatedCategoryContent = (_tempContainer$queryS = tempContainer.querySelector('.taxonomy-category-wrapper')) === null || _tempContainer$queryS === void 0 ? void 0 : _tempContainer$queryS.innerHTML; - var updatedLocationContent = (_tempContainer$queryS2 = tempContainer.querySelector('.taxonomy-location-wrapper')) === null || _tempContainer$queryS2 === void 0 ? void 0 : _tempContainer$queryS2.innerHTML; - if (taxonomyWrapper && updatedCategoryContent) { - taxonomyWrapper.innerHTML = updatedCategoryContent; - } - if (locationWrapper && updatedLocationContent) { - locationWrapper.innerHTML = updatedLocationContent; - } - if (!taxonomyWrapper && !locationWrapper) { - console.error('Required elements not found in response'); - return; - } - }, - complete: function complete() { - $(containerSelector).removeClass('atbdp-form-fade'); - } - }); - } -}); + // Taxonomy Ajax + $(document).on( + 'click', + '.directorist-categories .directorist-pagination a', + function (e) { + taxonomyPagination( + e, + $(this), + '.directorist-categories' + ); + } + ); + $(document).on( + 'click', + '.directorist-location .directorist-pagination a', + function (e) { + taxonomyPagination( + e, + $(this), + '.directorist-location' + ); + } + ); + function taxonomyPagination( + event, + clickedElement, + containerSelector + ) { + event.preventDefault(); + var pageNumber = + (clickedElement === null || + clickedElement === void 0 + ? void 0 + : clickedElement.attr('data-page')) || 1; + var container = + clickedElement.closest(containerSelector); + var containerAttributes = container + ? $(container).data('attrs') + : {}; + $.ajax({ + url: directorist.ajax_url, + type: 'POST', + dataType: 'json', + data: { + action: 'directorist_taxonomy_pagination', + nonce: directorist.directorist_nonce, + page: parseInt(pageNumber), + attrs: containerAttributes, + }, + beforeSend: function beforeSend() { + $(containerSelector).addClass( + 'atbdp-form-fade' + ); + }, + success: function success(response) { + var _tempContainer$queryS, + _tempContainer$queryS2; + if ( + !( + response !== null && + response !== void 0 && + response.success + ) + ) { + console.error( + 'Failed to load taxonomy content' + ); + return; + } + var tempContainer = + document.createElement('div'); + tempContainer.innerHTML = response.data.content; + // Handle both category and location wrappers + var taxonomyWrapper = document.querySelector( + '.taxonomy-category-wrapper' + ); + var locationWrapper = document.querySelector( + '.taxonomy-location-wrapper' + ); + var updatedCategoryContent = + (_tempContainer$queryS = + tempContainer.querySelector( + '.taxonomy-category-wrapper' + )) === null || + _tempContainer$queryS === void 0 + ? void 0 + : _tempContainer$queryS.innerHTML; + var updatedLocationContent = + (_tempContainer$queryS2 = + tempContainer.querySelector( + '.taxonomy-location-wrapper' + )) === null || + _tempContainer$queryS2 === void 0 + ? void 0 + : _tempContainer$queryS2.innerHTML; + if (taxonomyWrapper && updatedCategoryContent) { + taxonomyWrapper.innerHTML = + updatedCategoryContent; + } + if (locationWrapper && updatedLocationContent) { + locationWrapper.innerHTML = + updatedLocationContent; + } + if (!taxonomyWrapper && !locationWrapper) { + console.error( + 'Required elements not found in response' + ); + return; + } + }, + complete: function complete() { + $(containerSelector).removeClass( + 'atbdp-form-fade' + ); + }, + }); + } + }); -/***/ }) + /***/ + }, -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!***************************************************************!*\ + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!***************************************************************!*\ !*** ./assets/src/js/public/modules/all-location-category.js ***! \***************************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_categoryLocation__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/categoryLocation */ "./assets/src/js/public/components/categoryLocation.js"); -/* harmony import */ var _components_categoryLocation__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_components_categoryLocation__WEBPACK_IMPORTED_MODULE_0__); - -}(); -/******/ })() -; -//# sourceMappingURL=all-location-category.js.map \ No newline at end of file + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _components_categoryLocation__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ../components/categoryLocation */ './assets/src/js/public/components/categoryLocation.js' + ); + /* harmony import */ var _components_categoryLocation__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _components_categoryLocation__WEBPACK_IMPORTED_MODULE_0__ + ); + })(); + /******/ +})(); +//# sourceMappingURL=all-location-category.js.map diff --git a/assets/js/author-profile.js b/assets/js/author-profile.js index be7a35344c..6c798eb7a0 100644 --- a/assets/js/author-profile.js +++ b/assets/js/author-profile.js @@ -1,429 +1,695 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/public/components/directoristAlert.js": -/*!*************************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/public/components/directoristAlert.js': + /*!*************************************************************!*\ !*** ./assets/src/js/public/components/directoristAlert.js ***! \*************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_alert_executed === 'undefined') { - window.directorist_alert_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* Directorist alert dismiss */ - var getUrl = window.location.href; - var newUrl = getUrl.replace('notice=1', ''); - if ($('.directorist-alert__close') !== null) { - $('.directorist-alert__close').each(function (i, e) { - $(e).on('click', function (e) { - e.preventDefault(); - history.pushState({}, null, newUrl); - $(this).closest('.directorist-alert').remove(); - }); - }); - } - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristDropdown.js": -/*!****************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_alert_executed === 'undefined' + ) { + window.directorist_alert_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* Directorist alert dismiss */ + var getUrl = window.location.href; + var newUrl = getUrl.replace('notice=1', ''); + if ($('.directorist-alert__close') !== null) { + $('.directorist-alert__close').each( + function (i, e) { + $(e).on('click', function (e) { + e.preventDefault(); + history.pushState({}, null, newUrl); + $(this) + .closest('.directorist-alert') + .remove(); + }); + } + ); + } + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristDropdown.js': + /*!****************************************************************!*\ !*** ./assets/src/js/public/components/directoristDropdown.js ***! \****************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_dropdown_executed === 'undefined') { - window.directorist_dropdown_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* custom dropdown */ - var atbdDropdown = document.querySelectorAll('.directorist-dropdown-select'); - - // toggle dropdown - var clickCount = 0; - if (atbdDropdown !== null) { - atbdDropdown.forEach(function (el) { - el.querySelector('.directorist-dropdown-select-toggle').addEventListener('click', function (e) { - e.preventDefault(); - clickCount++; - if (clickCount % 2 === 1) { - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elem) { - elem.classList.remove('directorist-dropdown-select-show'); - }); - el.querySelector('.directorist-dropdown-select-items').classList.add('directorist-dropdown-select-show'); - } else { - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elem) { - elem.classList.remove('directorist-dropdown-select-show'); - }); - } - }); - }); - } - - // remvoe toggle when click outside - document.body.addEventListener('click', function (e) { - if (e.target.getAttribute('data-drop-toggle') !== 'directorist-dropdown-select-toggle') { - clickCount = 0; - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (el) { - el.classList.remove('directorist-dropdown-select-show'); - }); - } - }); - - //custom select - var atbdSelect = document.querySelectorAll('.atbd-drop-select'); - if (atbdSelect !== null) { - atbdSelect.forEach(function (el) { - el.querySelectorAll('.directorist-dropdown-select-items').forEach(function (item) { - item.addEventListener('click', function (e) { - e.preventDefault(); - el.querySelector('.directorist-dropdown-select-toggle').textContent = e.target.textContent; - el.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elm) { - elm.classList.remove('atbd-active'); - }); - item.classList.add('atbd-active'); - }); - }); - }); - } - - // Dropdown - $('body').on('click', '.directorist-dropdown .directorist-dropdown-toggle', function (e) { - e.preventDefault(); - $(this).siblings('.directorist-dropdown-option').toggle(); - }); - - // Select Option after click - $('body').on('click', '.directorist-dropdown .directorist-dropdown-option ul li a', function (e) { - e.preventDefault(); - var optionText = $(this).html(); - $(this).children('.directorist-dropdown-toggle__text').html(optionText); - $(this).closest('.directorist-dropdown-option').siblings('.directorist-dropdown-toggle').children('.directorist-dropdown-toggle__text').html(optionText); - $('.directorist-dropdown-option').hide(); - }); - - // Hide Clicked Anywhere - $(document).bind('click', function (e) { - var clickedDOM = $(e.target); - if (!clickedDOM.parents().hasClass('directorist-dropdown')) $('.directorist-dropdown-option').hide(); - }); - - //atbd_dropdown - $(document).on('click', '.atbd_dropdown', function (e) { - if ($(this).attr('class') === 'atbd_dropdown') { - e.preventDefault(); - $(this).siblings('.atbd_dropdown').removeClass('atbd_drop--active'); - $(this).toggleClass('atbd_drop--active'); - e.stopPropagation(); - } - }); - $(document).on('click', function (e) { - if ($(e.target).is('.atbd_dropdown, .atbd_drop--active') === false) { - $('.atbd_dropdown').removeClass('atbd_drop--active'); - } - }); - $('body').on('click', '.atbd_dropdown-toggle', function (e) { - e.preventDefault(); - }); - - // Directorist Dropdown - $('body').on('click', '.directorist-dropdown-js .directorist-dropdown__toggle-js', function (e) { - e.preventDefault(); - if (!$(this).siblings('.directorist-dropdown__links-js').is(':visible')) { - $('.directorist-dropdown__links').hide(); - } - $(this).siblings('.directorist-dropdown__links-js').toggle(); - }); - $('body').on('click', function (e) { - if (!e.target.closest('.directorist-dropdown-js')) { - $('.directorist-dropdown__links-js').hide(); - } - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristFavorite.js": -/*!****************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_dropdown_executed === + 'undefined' + ) { + window.directorist_dropdown_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* custom dropdown */ + var atbdDropdown = document.querySelectorAll( + '.directorist-dropdown-select' + ); + + // toggle dropdown + var clickCount = 0; + if (atbdDropdown !== null) { + atbdDropdown.forEach(function (el) { + el.querySelector( + '.directorist-dropdown-select-toggle' + ).addEventListener('click', function (e) { + e.preventDefault(); + clickCount++; + if (clickCount % 2 === 1) { + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (elem) { + elem.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + el.querySelector( + '.directorist-dropdown-select-items' + ).classList.add( + 'directorist-dropdown-select-show' + ); + } else { + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (elem) { + elem.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + } + }); + }); + } + + // remvoe toggle when click outside + document.body.addEventListener('click', function (e) { + if ( + e.target.getAttribute('data-drop-toggle') !== + 'directorist-dropdown-select-toggle' + ) { + clickCount = 0; + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (el) { + el.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + } + }); + + //custom select + var atbdSelect = + document.querySelectorAll('.atbd-drop-select'); + if (atbdSelect !== null) { + atbdSelect.forEach(function (el) { + el.querySelectorAll( + '.directorist-dropdown-select-items' + ).forEach(function (item) { + item.addEventListener( + 'click', + function (e) { + e.preventDefault(); + el.querySelector( + '.directorist-dropdown-select-toggle' + ).textContent = + e.target.textContent; + el.querySelectorAll( + '.directorist-dropdown-select-items' + ).forEach(function (elm) { + elm.classList.remove( + 'atbd-active' + ); + }); + item.classList.add('atbd-active'); + } + ); + }); + }); + } + + // Dropdown + $('body').on( + 'click', + '.directorist-dropdown .directorist-dropdown-toggle', + function (e) { + e.preventDefault(); + $(this) + .siblings('.directorist-dropdown-option') + .toggle(); + } + ); + + // Select Option after click + $('body').on( + 'click', + '.directorist-dropdown .directorist-dropdown-option ul li a', + function (e) { + e.preventDefault(); + var optionText = $(this).html(); + $(this) + .children( + '.directorist-dropdown-toggle__text' + ) + .html(optionText); + $(this) + .closest('.directorist-dropdown-option') + .siblings('.directorist-dropdown-toggle') + .children( + '.directorist-dropdown-toggle__text' + ) + .html(optionText); + $('.directorist-dropdown-option').hide(); + } + ); + + // Hide Clicked Anywhere + $(document).bind('click', function (e) { + var clickedDOM = $(e.target); + if ( + !clickedDOM + .parents() + .hasClass('directorist-dropdown') + ) + $('.directorist-dropdown-option').hide(); + }); + + //atbd_dropdown + $(document).on('click', '.atbd_dropdown', function (e) { + if ($(this).attr('class') === 'atbd_dropdown') { + e.preventDefault(); + $(this) + .siblings('.atbd_dropdown') + .removeClass('atbd_drop--active'); + $(this).toggleClass('atbd_drop--active'); + e.stopPropagation(); + } + }); + $(document).on('click', function (e) { + if ( + $(e.target).is( + '.atbd_dropdown, .atbd_drop--active' + ) === false + ) { + $('.atbd_dropdown').removeClass( + 'atbd_drop--active' + ); + } + }); + $('body').on( + 'click', + '.atbd_dropdown-toggle', + function (e) { + e.preventDefault(); + } + ); + + // Directorist Dropdown + $('body').on( + 'click', + '.directorist-dropdown-js .directorist-dropdown__toggle-js', + function (e) { + e.preventDefault(); + if ( + !$(this) + .siblings( + '.directorist-dropdown__links-js' + ) + .is(':visible') + ) { + $('.directorist-dropdown__links').hide(); + } + $(this) + .siblings('.directorist-dropdown__links-js') + .toggle(); + } + ); + $('body').on('click', function (e) { + if (!e.target.closest('.directorist-dropdown-js')) { + $('.directorist-dropdown__links-js').hide(); + } + }); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristFavorite.js': + /*!****************************************************************!*\ !*** ./assets/src/js/public/components/directoristFavorite.js ***! \****************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_favorite_executed === 'undefined') { - window.directorist_favorite_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - // Add or Remove from favourites - $('.directorist-action-bookmark').on('click', function (e) { - e.preventDefault(); - var data = { - action: 'atbdp_public_add_remove_favorites', - directorist_nonce: directorist.directorist_nonce, - post_id: $(this).data('listing_id') - }; - $.post(directorist.ajaxurl, data, function (response) { - if (response) { - $('.directorist-action-bookmark').html(response); - } - }); - }); - $('.directorist-favourite-remove-btn').each(function () { - $(this).on('click', function (event) { - event.preventDefault(); - var data = { - action: 'atbdp-favourites-all-listing', - directorist_nonce: directorist.directorist_nonce, - post_id: $(this).data('listing_id') - }; - $('.directorist-favorite-tooltip').hide(); - $.post(directorist.ajaxurl, data, function (response) { - var post_id = data['post_id'].toString(); - var staElement = $('.directorist_favourite_' + post_id); - if ('false' === response) { - staElement.remove(); - } - }); - }); - }); - $('body').on('click', '.directorist-mark-as-favorite__btn', function (event) { - event.preventDefault(); - var data = { - action: 'atbdp-favourites-all-listing', - directorist_nonce: directorist.directorist_nonce, - post_id: $(this).data('listing_id') - }; - var fav_tooltip_success = '' + directorist.i18n_text.added_favourite + ''; - var fav_tooltip_warning = '' + directorist.i18n_text.please_login + ''; - $('.directorist-favorite-tooltip').hide(); - $.post(directorist.ajax_url, data, function (response) { - var post_id = data['post_id'].toString(); - var staElement = $('.directorist-fav_' + post_id); - var data_id = staElement.attr('data-listing_id'); - if (response === 'login_required') { - staElement.children('.directorist-favorite-tooltip').append(fav_tooltip_warning); - staElement.children('.directorist-favorite-tooltip').fadeIn(); - setTimeout(function () { - staElement.children('.directorist-favorite-tooltip').children('span').remove(); - }, 3000); - } else if ('false' === response) { - staElement.removeClass('directorist-added-to-favorite'); - $('.directorist-favorite-tooltip span').remove(); - } else { - if (data_id === post_id) { - staElement.addClass('directorist-added-to-favorite'); - staElement.children('.directorist-favorite-tooltip').append(fav_tooltip_success); - staElement.children('.directorist-favorite-tooltip').fadeIn(); - setTimeout(function () { - staElement.children('.directorist-favorite-tooltip').children('span').remove(); - }, 3000); - } - } - }); - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristSorting.js": -/*!***************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_favorite_executed === + 'undefined' + ) { + window.directorist_favorite_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + // Add or Remove from favourites + $('.directorist-action-bookmark').on( + 'click', + function (e) { + e.preventDefault(); + var data = { + action: 'atbdp_public_add_remove_favorites', + directorist_nonce: + directorist.directorist_nonce, + post_id: $(this).data('listing_id'), + }; + $.post( + directorist.ajaxurl, + data, + function (response) { + if (response) { + $( + '.directorist-action-bookmark' + ).html(response); + } + } + ); + } + ); + $('.directorist-favourite-remove-btn').each( + function () { + $(this).on('click', function (event) { + event.preventDefault(); + var data = { + action: 'atbdp-favourites-all-listing', + directorist_nonce: + directorist.directorist_nonce, + post_id: $(this).data('listing_id'), + }; + $('.directorist-favorite-tooltip').hide(); + $.post( + directorist.ajaxurl, + data, + function (response) { + var post_id = + data['post_id'].toString(); + var staElement = $( + '.directorist_favourite_' + + post_id + ); + if ('false' === response) { + staElement.remove(); + } + } + ); + }); + } + ); + $('body').on( + 'click', + '.directorist-mark-as-favorite__btn', + function (event) { + event.preventDefault(); + var data = { + action: 'atbdp-favourites-all-listing', + directorist_nonce: + directorist.directorist_nonce, + post_id: $(this).data('listing_id'), + }; + var fav_tooltip_success = + '' + + directorist.i18n_text.added_favourite + + ''; + var fav_tooltip_warning = + '' + + directorist.i18n_text.please_login + + ''; + $('.directorist-favorite-tooltip').hide(); + $.post( + directorist.ajax_url, + data, + function (response) { + var post_id = + data['post_id'].toString(); + var staElement = $( + '.directorist-fav_' + post_id + ); + var data_id = + staElement.attr('data-listing_id'); + if (response === 'login_required') { + staElement + .children( + '.directorist-favorite-tooltip' + ) + .append(fav_tooltip_warning); + staElement + .children( + '.directorist-favorite-tooltip' + ) + .fadeIn(); + setTimeout(function () { + staElement + .children( + '.directorist-favorite-tooltip' + ) + .children('span') + .remove(); + }, 3000); + } else if ('false' === response) { + staElement.removeClass( + 'directorist-added-to-favorite' + ); + $( + '.directorist-favorite-tooltip span' + ).remove(); + } else { + if (data_id === post_id) { + staElement.addClass( + 'directorist-added-to-favorite' + ); + staElement + .children( + '.directorist-favorite-tooltip' + ) + .append( + fav_tooltip_success + ); + staElement + .children( + '.directorist-favorite-tooltip' + ) + .fadeIn(); + setTimeout(function () { + staElement + .children( + '.directorist-favorite-tooltip' + ) + .children('span') + .remove(); + }, 3000); + } + } + } + ); + } + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristSorting.js': + /*!***************************************************************!*\ !*** ./assets/src/js/public/components/directoristSorting.js ***! \***************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_sorting_executed === 'undefined') { - window.directorist_sorting_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - // Sorting Js - if (!$('.directorist-instant-search').length) { - $('.directorist-dropdown__links__single-js').click(function (e) { - e.preventDefault(); - var href = $(this).attr('data-link'); - $('#directorsit-listing-sort').attr('action', href); - $('#directorsit-listing-sort').submit(); - }); - } - - //sorting toggle - $('.sorting span').on('click', function () { - $(this).toggleClass('fa-sort-amount-asc fa-sort-amount-desc'); - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/general.js": -/*!****************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_sorting_executed === + 'undefined' + ) { + window.directorist_sorting_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + // Sorting Js + if (!$('.directorist-instant-search').length) { + $('.directorist-dropdown__links__single-js').click( + function (e) { + e.preventDefault(); + var href = $(this).attr('data-link'); + $('#directorsit-listing-sort').attr( + 'action', + href + ); + $('#directorsit-listing-sort').submit(); + } + ); + } + + //sorting toggle + $('.sorting span').on('click', function () { + $(this).toggleClass( + 'fa-sort-amount-asc fa-sort-amount-desc' + ); + }); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/general.js': + /*!****************************************************!*\ !*** ./assets/src/js/public/components/general.js ***! \****************************************************/ -/***/ (function() { - -// Fix listing with no thumb if card width is less than 220px -(function ($) { - window.addEventListener('load', function () { - if ($('.directorist-listing-no-thumb').innerWidth() <= 220) { - $('.directorist-listing-no-thumb').addClass('directorist-listing-no-thumb--fix'); - } - // Auhtor Profile Listing responsive fix - if ($('.directorist-author-listing-content').innerWidth() <= 750) { - $('.directorist-author-listing-content').addClass('directorist-author-listing-grid--fix'); - } - // Directorist Archive responsive fix - if ($('.directorist-archive-grid-view').innerWidth() <= 500) { - $('.directorist-archive-grid-view').addClass('directorist-archive-grid--fix'); - } - - // Back Button to go back to the previous page - $('body').on('click', '.directorist-btn__back', function (e) { - window.history.back(); - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/review/starRating.js": -/*!**************************************************************!*\ + /***/ function () { + // Fix listing with no thumb if card width is less than 220px + (function ($) { + window.addEventListener('load', function () { + if ( + $('.directorist-listing-no-thumb').innerWidth() <= + 220 + ) { + $('.directorist-listing-no-thumb').addClass( + 'directorist-listing-no-thumb--fix' + ); + } + // Auhtor Profile Listing responsive fix + if ( + $( + '.directorist-author-listing-content' + ).innerWidth() <= 750 + ) { + $('.directorist-author-listing-content').addClass( + 'directorist-author-listing-grid--fix' + ); + } + // Directorist Archive responsive fix + if ( + $('.directorist-archive-grid-view').innerWidth() <= + 500 + ) { + $('.directorist-archive-grid-view').addClass( + 'directorist-archive-grid--fix' + ); + } + + // Back Button to go back to the previous page + $('body').on( + 'click', + '.directorist-btn__back', + function (e) { + window.history.back(); + } + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/review/starRating.js': + /*!**************************************************************!*\ !*** ./assets/src/js/public/components/review/starRating.js ***! \**************************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - (function ($) { - //Star rating - if ($('.directorist-review-criteria-select').length) { - $('.directorist-review-criteria-select').barrating({ - theme: 'fontawesome-stars' - }); - } - })(jQuery); -}); - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!********************************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + (function ($) { + //Star rating + if ($('.directorist-review-criteria-select').length) { + $('.directorist-review-criteria-select').barrating({ + theme: 'fontawesome-stars', + }); + } + })(jQuery); + }); + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!********************************************************!*\ !*** ./assets/src/js/public/modules/author-profile.js ***! \********************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_general__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/general */ "./assets/src/js/public/components/general.js"); -/* harmony import */ var _components_general__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_components_general__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _components_review_starRating__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/review/starRating */ "./assets/src/js/public/components/review/starRating.js"); -/* harmony import */ var _components_review_starRating__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_components_review_starRating__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _components_directoristSorting__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/directoristSorting */ "./assets/src/js/public/components/directoristSorting.js"); -/* harmony import */ var _components_directoristSorting__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_components_directoristSorting__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/directoristAlert */ "./assets/src/js/public/components/directoristAlert.js"); -/* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_components_directoristAlert__WEBPACK_IMPORTED_MODULE_3__); -/* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/directoristFavorite */ "./assets/src/js/public/components/directoristFavorite.js"); -/* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4__); -/* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../components/directoristDropdown */ "./assets/src/js/public/components/directoristDropdown.js"); -/* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5__); -// General Components - - - - - - -}(); -/******/ })() -; -//# sourceMappingURL=author-profile.js.map \ No newline at end of file + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _components_general__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ../components/general */ './assets/src/js/public/components/general.js' + ); + /* harmony import */ var _components_general__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _components_general__WEBPACK_IMPORTED_MODULE_0__ + ); + /* harmony import */ var _components_review_starRating__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ../components/review/starRating */ './assets/src/js/public/components/review/starRating.js' + ); + /* harmony import */ var _components_review_starRating__WEBPACK_IMPORTED_MODULE_1___default = + /*#__PURE__*/ __webpack_require__.n( + _components_review_starRating__WEBPACK_IMPORTED_MODULE_1__ + ); + /* harmony import */ var _components_directoristSorting__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ../components/directoristSorting */ './assets/src/js/public/components/directoristSorting.js' + ); + /* harmony import */ var _components_directoristSorting__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristSorting__WEBPACK_IMPORTED_MODULE_2__ + ); + /* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ../components/directoristAlert */ './assets/src/js/public/components/directoristAlert.js' + ); + /* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_3___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristAlert__WEBPACK_IMPORTED_MODULE_3__ + ); + /* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ../components/directoristFavorite */ './assets/src/js/public/components/directoristFavorite.js' + ); + /* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4__ + ); + /* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5__ = + __webpack_require__( + /*! ../components/directoristDropdown */ './assets/src/js/public/components/directoristDropdown.js' + ); + /* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5__ + ); + // General Components + })(); + /******/ +})(); +//# sourceMappingURL=author-profile.js.map diff --git a/assets/js/checkout.js b/assets/js/checkout.js index e36fa84dec..56e8ecb9e8 100644 --- a/assets/js/checkout.js +++ b/assets/js/checkout.js @@ -1,248 +1,3697 @@ -/******/ (function() { // webpackBootstrap -/******/ "use strict"; -/******/ var __webpack_modules__ = ({ - -/***/ "./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js": -/*!*********************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js ***! - \*********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _asyncToGenerator; } -/* harmony export */ }); -function asyncGeneratorStep(n, t, e, r, o, a, c) { - try { - var i = n[a](c), - u = i.value; - } catch (n) { - return void e(n); - } - i.done ? t(u) : Promise.resolve(u).then(r, o); -} -function _asyncToGenerator(n) { - return function () { - var t = this, - e = arguments; - return new Promise(function (r, o) { - var a = n.apply(t, e); - function _next(n) { - asyncGeneratorStep(a, r, o, _next, _throw, "next", n); - } - function _throw(n) { - asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); - } - _next(void 0); - }); - }; -} - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. -!function() { -/*!******************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/OverloadYield.js': + /*!*******************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/OverloadYield.js ***! + \*******************************************************************************************************/ + /***/ function (module) { + function _OverloadYield(e, d) { + ((this.v = e), (this.k = d)); + } + ((module.exports = _OverloadYield), + (module.exports.__esModule = true), + (module.exports['default'] = module.exports)); + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js': + /*!**************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js ***! + \**************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _asyncToGenerator; + }, + /* harmony export */ + } + ); + function asyncGeneratorStep(n, t, e, r, o, a, c) { + try { + var i = n[a](c), + u = i.value; + } catch (n) { + return void e(n); + } + i.done ? t(u) : Promise.resolve(u).then(r, o); + } + function _asyncToGenerator(n) { + return function () { + var t = this, + e = arguments; + return new Promise(function (r, o) { + var a = n.apply(t, e); + function _next(n) { + asyncGeneratorStep( + a, + r, + o, + _next, + _throw, + 'next', + n + ); + } + function _throw(n) { + asyncGeneratorStep( + a, + r, + o, + _next, + _throw, + 'throw', + n + ); + } + _next(void 0); + }); + }; + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regenerator.js': + /*!*****************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regenerator.js ***! + \*****************************************************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + var regeneratorDefine = __webpack_require__( + /*! ./regeneratorDefine.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regeneratorDefine.js' + ); + function _regenerator() { + /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ + var e, + t, + r = 'function' == typeof Symbol ? Symbol : {}, + n = r.iterator || '@@iterator', + o = r.toStringTag || '@@toStringTag'; + function i(r, n, o, i) { + var c = + n && n.prototype instanceof Generator + ? n + : Generator, + u = Object.create(c.prototype); + return ( + regeneratorDefine( + u, + '_invoke', + (function (r, n, o) { + var i, + c, + u, + f = 0, + p = o || [], + y = !1, + G = { + p: 0, + n: 0, + v: e, + a: d, + f: d.bind(e, 4), + d: function d(t, r) { + return ( + (i = t), + (c = 0), + (u = e), + (G.n = r), + a + ); + }, + }; + function d(r, n) { + for ( + c = r, u = n, t = 0; + !y && f && !o && t < p.length; + t++ + ) { + var o, + i = p[t], + d = G.p, + l = i[2]; + r > 3 + ? (o = l === n) && + ((u = + i[ + (c = i[4]) + ? 5 + : ((c = 3), 3) + ]), + (i[4] = i[5] = e)) + : i[0] <= d && + ((o = r < 2 && d < i[1]) + ? ((c = 0), + (G.v = n), + (G.n = i[1])) + : d < l && + (o = + r < 3 || + i[0] > n || + n > l) && + ((i[4] = r), + (i[5] = n), + (G.n = l), + (c = 0))); + } + if (o || r > 1) return a; + throw ((y = !0), n); + } + return function (o, p, l) { + if (f > 1) + throw TypeError( + 'Generator is already running' + ); + for ( + y && 1 === p && d(p, l), + c = p, + u = l; + (t = c < 2 ? e : u) || !y; + + ) { + i || + (c + ? c < 3 + ? (c > 1 && (G.n = -1), + d(c, u)) + : (G.n = u) + : (G.v = u)); + try { + if (((f = 2), i)) { + if ( + (c || (o = 'next'), + (t = i[o])) + ) { + if (!(t = t.call(i, u))) + throw TypeError( + 'iterator result is not an object' + ); + if (!t.done) return t; + ((u = t.value), + c < 2 && (c = 0)); + } else + (1 === c && + (t = i['return']) && + t.call(i), + c < 2 && + ((u = TypeError( + "The iterator does not provide a '" + + o + + "' method" + )), + (c = 1))); + i = e; + } else if ( + (t = (y = G.n < 0) + ? u + : r.call(n, G)) !== a + ) + break; + } catch (t) { + ((i = e), (c = 1), (u = t)); + } finally { + f = 1; + } + } + return { + value: t, + done: y, + }; + }; + })(r, o, i), + !0 + ), + u + ); + } + var a = {}; + function Generator() {} + function GeneratorFunction() {} + function GeneratorFunctionPrototype() {} + t = Object.getPrototypeOf; + var c = [][n] + ? t(t([][n]())) + : (regeneratorDefine((t = {}), n, function () { + return this; + }), + t), + u = + (GeneratorFunctionPrototype.prototype = + Generator.prototype = + Object.create(c)); + function f(e) { + return ( + Object.setPrototypeOf + ? Object.setPrototypeOf( + e, + GeneratorFunctionPrototype + ) + : ((e.__proto__ = GeneratorFunctionPrototype), + regeneratorDefine( + e, + o, + 'GeneratorFunction' + )), + (e.prototype = Object.create(u)), + e + ); + } + return ( + (GeneratorFunction.prototype = + GeneratorFunctionPrototype), + regeneratorDefine( + u, + 'constructor', + GeneratorFunctionPrototype + ), + regeneratorDefine( + GeneratorFunctionPrototype, + 'constructor', + GeneratorFunction + ), + (GeneratorFunction.displayName = 'GeneratorFunction'), + regeneratorDefine( + GeneratorFunctionPrototype, + o, + 'GeneratorFunction' + ), + regeneratorDefine(u), + regeneratorDefine(u, o, 'Generator'), + regeneratorDefine(u, n, function () { + return this; + }), + regeneratorDefine(u, 'toString', function () { + return '[object Generator]'; + }), + ((module.exports = _regenerator = + function _regenerator() { + return { + w: i, + m: f, + }; + }), + (module.exports.__esModule = true), + (module.exports['default'] = module.exports))() + ); + } + ((module.exports = _regenerator), + (module.exports.__esModule = true), + (module.exports['default'] = module.exports)); + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regeneratorAsync.js': + /*!**********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regeneratorAsync.js ***! + \**********************************************************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + var regeneratorAsyncGen = __webpack_require__( + /*! ./regeneratorAsyncGen.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js' + ); + function _regeneratorAsync(n, e, r, t, o) { + var a = regeneratorAsyncGen(n, e, r, t, o); + return a.next().then(function (n) { + return n.done ? n.value : a.next(); + }); + } + ((module.exports = _regeneratorAsync), + (module.exports.__esModule = true), + (module.exports['default'] = module.exports)); + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js': + /*!*************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js ***! + \*************************************************************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + var regenerator = __webpack_require__( + /*! ./regenerator.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regenerator.js' + ); + var regeneratorAsyncIterator = __webpack_require__( + /*! ./regeneratorAsyncIterator.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js' + ); + function _regeneratorAsyncGen(r, e, t, o, n) { + return new regeneratorAsyncIterator( + regenerator().w(r, e, t, o), + n || Promise + ); + } + ((module.exports = _regeneratorAsyncGen), + (module.exports.__esModule = true), + (module.exports['default'] = module.exports)); + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js': + /*!******************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js ***! + \******************************************************************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + var OverloadYield = __webpack_require__( + /*! ./OverloadYield.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/OverloadYield.js' + ); + var regeneratorDefine = __webpack_require__( + /*! ./regeneratorDefine.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regeneratorDefine.js' + ); + function AsyncIterator(t, e) { + function n(r, o, i, f) { + try { + var c = t[r](o), + u = c.value; + return u instanceof OverloadYield + ? e.resolve(u.v).then( + function (t) { + n('next', t, i, f); + }, + function (t) { + n('throw', t, i, f); + } + ) + : e.resolve(u).then( + function (t) { + ((c.value = t), i(c)); + }, + function (t) { + return n('throw', t, i, f); + } + ); + } catch (t) { + f(t); + } + } + var r; + (this.next || + (regeneratorDefine(AsyncIterator.prototype), + regeneratorDefine( + AsyncIterator.prototype, + ('function' == typeof Symbol && + Symbol.asyncIterator) || + '@asyncIterator', + function () { + return this; + } + )), + regeneratorDefine( + this, + '_invoke', + function (t, o, i) { + function f() { + return new e(function (e, r) { + n(t, i, e, r); + }); + } + return (r = r ? r.then(f, f) : f()); + }, + !0 + )); + } + ((module.exports = AsyncIterator), + (module.exports.__esModule = true), + (module.exports['default'] = module.exports)); + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regeneratorDefine.js': + /*!***********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regeneratorDefine.js ***! + \***********************************************************************************************************/ + /***/ function (module) { + function _regeneratorDefine(e, r, n, t) { + var i = Object.defineProperty; + try { + i({}, '', {}); + } catch (e) { + i = 0; + } + ((module.exports = _regeneratorDefine = + function regeneratorDefine(e, r, n, t) { + function o(r, n) { + _regeneratorDefine(e, r, function (e) { + return this._invoke(r, n, e); + }); + } + r + ? i + ? i(e, r, { + value: n, + enumerable: !t, + configurable: !t, + writable: !t, + }) + : (e[r] = n) + : (o('next', 0), o('throw', 1), o('return', 2)); + }), + (module.exports.__esModule = true), + (module.exports['default'] = module.exports), + _regeneratorDefine(e, r, n, t)); + } + ((module.exports = _regeneratorDefine), + (module.exports.__esModule = true), + (module.exports['default'] = module.exports)); + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regeneratorKeys.js': + /*!*********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regeneratorKeys.js ***! + \*********************************************************************************************************/ + /***/ function (module) { + function _regeneratorKeys(e) { + var n = Object(e), + r = []; + for (var t in n) r.unshift(t); + return function e() { + for (; r.length; ) + if ((t = r.pop()) in n) + return ((e.value = t), (e.done = !1), e); + return ((e.done = !0), e); + }; + } + ((module.exports = _regeneratorKeys), + (module.exports.__esModule = true), + (module.exports['default'] = module.exports)); + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regeneratorRuntime.js': + /*!************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regeneratorRuntime.js ***! + \************************************************************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + var OverloadYield = __webpack_require__( + /*! ./OverloadYield.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/OverloadYield.js' + ); + var regenerator = __webpack_require__( + /*! ./regenerator.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regenerator.js' + ); + var regeneratorAsync = __webpack_require__( + /*! ./regeneratorAsync.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regeneratorAsync.js' + ); + var regeneratorAsyncGen = __webpack_require__( + /*! ./regeneratorAsyncGen.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regeneratorAsyncGen.js' + ); + var regeneratorAsyncIterator = __webpack_require__( + /*! ./regeneratorAsyncIterator.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regeneratorAsyncIterator.js' + ); + var regeneratorKeys = __webpack_require__( + /*! ./regeneratorKeys.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regeneratorKeys.js' + ); + var regeneratorValues = __webpack_require__( + /*! ./regeneratorValues.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regeneratorValues.js' + ); + function _regeneratorRuntime() { + 'use strict'; + + var r = regenerator(), + e = r.m(_regeneratorRuntime), + t = ( + Object.getPrototypeOf + ? Object.getPrototypeOf(e) + : e.__proto__ + ).constructor; + function n(r) { + var e = 'function' == typeof r && r.constructor; + return ( + !!e && + (e === t || + 'GeneratorFunction' === + (e.displayName || e.name)) + ); + } + var o = { + throw: 1, + return: 2, + break: 3, + continue: 3, + }; + function a(r) { + var e, t; + return function (n) { + (e || + ((e = { + stop: function stop() { + return t(n.a, 2); + }, + catch: function _catch() { + return n.v; + }, + abrupt: function abrupt(r, e) { + return t(n.a, o[r], e); + }, + delegateYield: function delegateYield( + r, + o, + a + ) { + return ( + (e.resultName = o), + t(n.d, regeneratorValues(r), a) + ); + }, + finish: function finish(r) { + return t(n.f, r); + }, + }), + (t = function t(r, _t, o) { + ((n.p = e.prev), (n.n = e.next)); + try { + return r(_t, o); + } finally { + e.next = n.n; + } + })), + e.resultName && + ((e[e.resultName] = n.v), + (e.resultName = void 0)), + (e.sent = n.v), + (e.next = n.n)); + try { + return r.call(this, e); + } finally { + ((n.p = e.prev), (n.n = e.next)); + } + }; + } + return ((module.exports = _regeneratorRuntime = + function _regeneratorRuntime() { + return { + wrap: function wrap(e, t, n, o) { + return r.w(a(e), t, n, o && o.reverse()); + }, + isGeneratorFunction: n, + mark: r.m, + awrap: function awrap(r, e) { + return new OverloadYield(r, e); + }, + AsyncIterator: regeneratorAsyncIterator, + async: function async(r, e, t, o, u) { + return ( + n(e) + ? regeneratorAsyncGen + : regeneratorAsync + )(a(r), e, t, o, u); + }, + keys: regeneratorKeys, + values: regeneratorValues, + }; + }), + (module.exports.__esModule = true), + (module.exports['default'] = module.exports))(); + } + ((module.exports = _regeneratorRuntime), + (module.exports.__esModule = true), + (module.exports['default'] = module.exports)); + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regeneratorValues.js': + /*!***********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regeneratorValues.js ***! + \***********************************************************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + var _typeof = __webpack_require__( + /*! ./typeof.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/typeof.js' + )['default']; + function _regeneratorValues(e) { + if (null != e) { + var t = + e[ + ('function' == typeof Symbol && + Symbol.iterator) || + '@@iterator' + ], + r = 0; + if (t) return t.call(e); + if ('function' == typeof e.next) return e; + if (!isNaN(e.length)) + return { + next: function next() { + return ( + e && r >= e.length && (e = void 0), + { + value: e && e[r++], + done: !e, + } + ); + }, + }; + } + throw new TypeError(_typeof(e) + ' is not iterable'); + } + ((module.exports = _regeneratorValues), + (module.exports.__esModule = true), + (module.exports['default'] = module.exports)); + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/typeof.js': + /*!************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/typeof.js ***! + \************************************************************************************************/ + /***/ function (module) { + function _typeof(o) { + '@babel/helpers - typeof'; + + return ( + (module.exports = _typeof = + 'function' == typeof Symbol && + 'symbol' == typeof Symbol.iterator + ? function (o) { + return typeof o; + } + : function (o) { + return o && + 'function' == typeof Symbol && + o.constructor === Symbol && + o !== Symbol.prototype + ? 'symbol' + : typeof o; + }), + (module.exports.__esModule = true), + (module.exports['default'] = module.exports), + _typeof(o) + ); + } + ((module.exports = _typeof), + (module.exports.__esModule = true), + (module.exports['default'] = module.exports)); + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/regenerator/index.js': + /*!***************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/regenerator/index.js ***! + \***************************************************************************************************/ + /***/ function ( + module, + __unused_webpack_exports, + __webpack_require__ + ) { + // TODO(Babel 8): Remove this file. + + var runtime = __webpack_require__( + /*! ../helpers/regeneratorRuntime */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/regeneratorRuntime.js' + )(); + module.exports = runtime; + + // Copied from https://github.com/facebook/regenerator/blob/main/packages/runtime/runtime.js#L736= + try { + regeneratorRuntime = runtime; + } catch (accidentalStrictMode) { + if (typeof globalThis === 'object') { + globalThis.regeneratorRuntime = runtime; + } else { + Function('r', 'regeneratorRuntime = r')(runtime); + } + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@tannin+compile@1.1.0/node_modules/@tannin/compile/index.js': + /*!****************************************************************************************!*\ + !*** ./node_modules/.pnpm/@tannin+compile@1.1.0/node_modules/@tannin/compile/index.js ***! + \****************************************************************************************/ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ compile; + }, + /* harmony export */ + } + ); + /* harmony import */ var _tannin_postfix__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @tannin/postfix */ './node_modules/.pnpm/@tannin+postfix@1.1.0/node_modules/@tannin/postfix/index.js' + ); + /* harmony import */ var _tannin_evaluate__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! @tannin/evaluate */ './node_modules/.pnpm/@tannin+evaluate@1.2.0/node_modules/@tannin/evaluate/index.js' + ); + + /** + * Given a C expression, returns a function which can be called to evaluate its + * result. + * + * @example + * + * ```js + * import compile from '@tannin/compile'; + * + * const evaluate = compile( 'n > 1' ); + * + * evaluate( { n: 2 } ); + * // ⇒ true + * ``` + * + * @param {string} expression C expression. + * + * @return {(variables?:{[variable:string]:*})=>*} Compiled evaluator. + */ + function compile(expression) { + var terms = (0, + _tannin_postfix__WEBPACK_IMPORTED_MODULE_0__['default'])( + expression + ); + + return function (variables) { + return (0, + _tannin_evaluate__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(terms, variables); + }; + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@tannin+evaluate@1.2.0/node_modules/@tannin/evaluate/index.js': + /*!******************************************************************************************!*\ + !*** ./node_modules/.pnpm/@tannin+evaluate@1.2.0/node_modules/@tannin/evaluate/index.js ***! + \******************************************************************************************/ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ evaluate; + }, + /* harmony export */ + } + ); + /** + * Operator callback functions. + * + * @type {Object} + */ + var OPERATORS = { + '!': function (a) { + return !a; + }, + '*': function (a, b) { + return a * b; + }, + '/': function (a, b) { + return a / b; + }, + '%': function (a, b) { + return a % b; + }, + '+': function (a, b) { + return a + b; + }, + '-': function (a, b) { + return a - b; + }, + '<': function (a, b) { + return a < b; + }, + '<=': function (a, b) { + return a <= b; + }, + '>': function (a, b) { + return a > b; + }, + '>=': function (a, b) { + return a >= b; + }, + '==': function (a, b) { + return a === b; + }, + '!=': function (a, b) { + return a !== b; + }, + '&&': function (a, b) { + return a && b; + }, + '||': function (a, b) { + return a || b; + }, + '?:': function (a, b, c) { + if (a) { + throw b; + } + + return c; + }, + }; + + /** + * Given an array of postfix terms and operand variables, returns the result of + * the postfix evaluation. + * + * @example + * + * ```js + * import evaluate from '@tannin/evaluate'; + * + * // 3 + 4 * 5 / 6 ⇒ '3 4 5 * 6 / +' + * const terms = [ '3', '4', '5', '*', '6', '/', '+' ]; + * + * evaluate( terms, {} ); + * // ⇒ 6.333333333333334 + * ``` + * + * @param {string[]} postfix Postfix terms. + * @param {Object} variables Operand variables. + * + * @return {*} Result of evaluation. + */ + function evaluate(postfix, variables) { + var stack = [], + i, + j, + args, + getOperatorResult, + term, + value; + + for (i = 0; i < postfix.length; i++) { + term = postfix[i]; + + getOperatorResult = OPERATORS[term]; + if (getOperatorResult) { + // Pop from stack by number of function arguments. + j = getOperatorResult.length; + args = Array(j); + while (j--) { + args[j] = stack.pop(); + } + + try { + value = getOperatorResult.apply(null, args); + } catch (earlyReturn) { + return earlyReturn; + } + } else if (variables.hasOwnProperty(term)) { + value = variables[term]; + } else { + value = +term; + } + + stack.push(value); + } + + return stack[0]; + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@tannin+plural-forms@1.1.0/node_modules/@tannin/plural-forms/index.js': + /*!**************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@tannin+plural-forms@1.1.0/node_modules/@tannin/plural-forms/index.js ***! + \**************************************************************************************************/ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ pluralForms; + }, + /* harmony export */ + } + ); + /* harmony import */ var _tannin_compile__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @tannin/compile */ './node_modules/.pnpm/@tannin+compile@1.1.0/node_modules/@tannin/compile/index.js' + ); + + /** + * Given a C expression, returns a function which, when called with a value, + * evaluates the result with the value assumed to be the "n" variable of the + * expression. The result will be coerced to its numeric equivalent. + * + * @param {string} expression C expression. + * + * @return {Function} Evaluator function. + */ + function pluralForms(expression) { + var evaluate = (0, + _tannin_compile__WEBPACK_IMPORTED_MODULE_0__['default'])( + expression + ); + + return function (n) { + return +evaluate({ n: n }); + }; + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@tannin+postfix@1.1.0/node_modules/@tannin/postfix/index.js': + /*!****************************************************************************************!*\ + !*** ./node_modules/.pnpm/@tannin+postfix@1.1.0/node_modules/@tannin/postfix/index.js ***! + \****************************************************************************************/ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ postfix; + }, + /* harmony export */ + } + ); + var PRECEDENCE, OPENERS, TERMINATORS, PATTERN; + + /** + * Operator precedence mapping. + * + * @type {Object} + */ + PRECEDENCE = { + '(': 9, + '!': 8, + '*': 7, + '/': 7, + '%': 7, + '+': 6, + '-': 6, + '<': 5, + '<=': 5, + '>': 5, + '>=': 5, + '==': 4, + '!=': 4, + '&&': 3, + '||': 2, + '?': 1, + '?:': 1, + }; + + /** + * Characters which signal pair opening, to be terminated by terminators. + * + * @type {string[]} + */ + OPENERS = ['(', '?']; + + /** + * Characters which signal pair termination, the value an array with the + * opener as its first member. The second member is an optional operator + * replacement to push to the stack. + * + * @type {string[]} + */ + TERMINATORS = { + ')': ['('], + ':': ['?', '?:'], + }; + + /** + * Pattern matching operators and openers. + * + * @type {RegExp} + */ + PATTERN = + /<=|>=|==|!=|&&|\|\||\?:|\(|!|\*|\/|%|\+|-|<|>|\?|\)|:/; + + /** + * Given a C expression, returns the equivalent postfix (Reverse Polish) + * notation terms as an array. + * + * If a postfix string is desired, simply `.join( ' ' )` the result. + * + * @example + * + * ```js + * import postfix from '@tannin/postfix'; + * + * postfix( 'n > 1' ); + * // ⇒ [ 'n', '1', '>' ] + * ``` + * + * @param {string} expression C expression. + * + * @return {string[]} Postfix terms. + */ + function postfix(expression) { + var terms = [], + stack = [], + match, + operator, + term, + element; + + while ((match = expression.match(PATTERN))) { + operator = match[0]; + + // Term is the string preceding the operator match. It may contain + // whitespace, and may be empty (if operator is at beginning). + term = expression.substr(0, match.index).trim(); + if (term) { + terms.push(term); + } + + while ((element = stack.pop())) { + if (TERMINATORS[operator]) { + if (TERMINATORS[operator][0] === element) { + // Substitution works here under assumption that because + // the assigned operator will no longer be a terminator, it + // will be pushed to the stack during the condition below. + operator = + TERMINATORS[operator][1] || operator; + break; + } + } else if ( + OPENERS.indexOf(element) >= 0 || + PRECEDENCE[element] < PRECEDENCE[operator] + ) { + // Push to stack if either an opener or when pop reveals an + // element of lower precedence. + stack.push(element); + break; + } + + // For each popped from stack, push to terms. + terms.push(element); + } + + if (!TERMINATORS[operator]) { + stack.push(operator); + } + + // Slice matched fragment from expression to continue match. + expression = expression.substr( + match.index + operator.length + ); + } + + // Push remainder of operand, if exists, to terms. + expression = expression.trim(); + if (expression) { + terms.push(expression); + } + + // Pop remaining items from stack into terms. + return terms.concat(stack.reverse()); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@tannin+sprintf@1.3.3/node_modules/@tannin/sprintf/src/index.js': + /*!********************************************************************************************!*\ + !*** ./node_modules/.pnpm/@tannin+sprintf@1.3.3/node_modules/@tannin/sprintf/src/index.js ***! + \********************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ sprintf; + }, + /* harmony export */ + } + ); + /** + * Regular expression matching format placeholder syntax. + * + * The pattern for matching named arguments is a naive and incomplete matcher + * against valid JavaScript identifier names. + * + * via Mathias Bynens: + * + * >An identifier must start with $, _, or any character in the Unicode + * >categories “Uppercase letter (Lu)”, “Lowercase letter (Ll)”, “Titlecase + * >letter (Lt)”, “Modifier letter (Lm)”, “Other letter (Lo)”, or “Letter + * >number (Nl)”. + * > + * >The rest of the string can contain the same characters, plus any U+200C zero + * >width non-joiner characters, U+200D zero width joiner characters, and + * >characters in the Unicode categories “Non-spacing mark (Mn)”, “Spacing + * >combining mark (Mc)”, “Decimal digit number (Nd)”, or “Connector + * >punctuation (Pc)”. + * + * If browser support is constrained to those supporting ES2015, this could be + * made more accurate using the `u` flag: + * + * ``` + * /^[$_\p{L}\p{Nl}][$_\p{L}\p{Nl}\u200C\u200D\p{Mn}\p{Mc}\p{Nd}\p{Pc}]*$/u; + * ``` + * + * @see http://www.pixelbeat.org/programming/gcc/format_specs.html + * @see https://mathiasbynens.be/notes/javascript-identifiers#valid-identifier-names + * + * @type {RegExp} + */ + var PATTERN = + /%(((\d+)\$)|(\(([$_a-zA-Z][$_a-zA-Z0-9]*)\)))?[ +0#-]*\d*(\.(\d+|\*))?(ll|[lhqL])?([cduxXefgsp%])/g; + // ▲ ▲ ▲ ▲ ▲ ▲ ▲ type + // │ │ │ │ │ └ Length (unsupported) + // │ │ │ │ └ Precision / max width + // │ │ │ └ Min width (unsupported) + // │ │ └ Flags (unsupported) + // └ Index └ Name (for named arguments) + /** + * Given a format string, returns string with arguments interpolatation. + * Arguments can either be provided directly via function arguments spread, or + * with an array as the second argument. + * + * @see https://en.wikipedia.org/wiki/Printf_format_string + * + * @example + * + * ```js + * import sprintf from '@tannin/sprintf'; + * + * sprintf( 'Hello %s!', 'world' ); + * // ⇒ 'Hello world!' + * ``` + * @template {string} T + * @overload + * @param {T} string - string printf format string + * @param {...import('../types').SprintfArgs} args - arguments to interpolate + * + * @return {string} Formatted string. + */ + + /** + * Given a format string, returns string with arguments interpolatation. + * Arguments can either be provided directly via function arguments spread, or + * with an array as the second argument. + * + * @see https://en.wikipedia.org/wiki/Printf_format_string + * + * @example + * + * ```js + * import sprintf from '@tannin/sprintf'; + * + * sprintf( 'Hello %s!', 'world' ); + * // ⇒ 'Hello world!' + * ``` + * @template {string} T + * @overload + * @param {T} string - string printf format string + * @param {import('../types').SprintfArgs} args - arguments to interpolate + * + * @return {string} Formatted string. + */ + + /** + * Given a format string, returns string with arguments interpolatation. + * Arguments can either be provided directly via function arguments spread, or + * with an array as the second argument. + * + * @see https://en.wikipedia.org/wiki/Printf_format_string + * + * @example + * + * ```js + * import sprintf from '@tannin/sprintf'; + * + * sprintf( 'Hello %s!', 'world' ); + * // ⇒ 'Hello world!' + * ``` + * @template {string} T + * @param {T} string - string printf format string + * @param {...import('../types').SprintfArgs} args - arguments to interpolate + * + * @return {string} Formatted string. + */ + function sprintf(string, ...args) { + var i = 0; + if (Array.isArray(args[0])) { + args = + /** @type {import('../types').SprintfArgs[]} */ ( + /** @type {unknown} */ args[0] + ); + } + + return string.replace(PATTERN, function () { + var index, + // name needs to be documented as `string | undefined` else value will have tpye unknown. + /** + * Name of the argument to substitute, if any. + * + * @type {string | undefined} + */ + name, + precision, + type, + value; + + index = arguments[3]; + name = arguments[5]; + precision = arguments[7]; + type = arguments[9]; + + // There's no placeholder substitution in the explicit "%", meaning it + // is not necessary to increment argument index. + if (type === '%') { + return '%'; + } + + // Asterisk precision determined by peeking / shifting next argument. + if (precision === '*') { + precision = args[i]; + i++; + } + + if (name === undefined) { + // If not a positional argument, use counter value. + if (index === undefined) { + index = i + 1; + } + + i++; + + // Positional argument. + value = args[index - 1]; + } else if ( + args[0] && + typeof args[0] === 'object' && + args[0].hasOwnProperty(name) + ) { + // If it's a named argument, use name. + value = args[0][name]; + } + + // Parse as type. + if (type === 'f') { + value = parseFloat(value) || 0; + } else if (type === 'd') { + value = parseInt(value) || 0; + } + + // Apply precision. + if (precision !== undefined) { + if (type === 'f') { + value = value.toFixed(precision); + } else if (type === 's') { + value = value.substr(0, precision); + } + } + + // To avoid "undefined" concatenation, return empty string if no + // placeholder substitution can be performed. + return value !== undefined && value !== null + ? value + : ''; + }); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/createAddHook.js': + /*!****************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/createAddHook.js ***! + \****************************************************************************************************************/ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _validateNamespace__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./validateNamespace */ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/validateNamespace.js' + ); + /* harmony import */ var _validateHookName__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./validateHookName */ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/validateHookName.js' + ); + /** + * Internal dependencies + */ + + /** + * + * Adds the hook to the appropriate hooks container. + */ + + /** + * Returns a function which, when invoked, will add a hook. + * + * @param hooks Hooks instance. + * @param storeKey + * + * @return Function that adds a new hook. + */ + function createAddHook(hooks, storeKey) { + return function addHook( + hookName, + namespace, + callback, + priority = 10 + ) { + const hooksStore = hooks[storeKey]; + if ( + !(0, + _validateHookName__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(hookName) + ) { + return; + } + if ( + !(0, + _validateNamespace__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(namespace) + ) { + return; + } + if ('function' !== typeof callback) { + // eslint-disable-next-line no-console + console.error( + 'The hook callback must be a function.' + ); + return; + } + + // Validate numeric priority + if ('number' !== typeof priority) { + // eslint-disable-next-line no-console + console.error( + 'If specified, the hook priority must be a number.' + ); + return; + } + const handler = { + callback, + priority, + namespace, + }; + if (hooksStore[hookName]) { + // Find the correct insert index of the new hook. + const handlers = hooksStore[hookName].handlers; + let i; + for (i = handlers.length; i > 0; i--) { + if (priority >= handlers[i - 1].priority) { + break; + } + } + if (i === handlers.length) { + // If append, operate via direct assignment. + handlers[i] = handler; + } else { + // Otherwise, insert before index via splice. + handlers.splice(i, 0, handler); + } + + // We may also be currently executing this hook. If the callback + // we're adding would come after the current callback, there's no + // problem; otherwise we need to increase the execution index of + // any other runs by 1 to account for the added element. + hooksStore.__current.forEach((hookInfo) => { + if ( + hookInfo.name === hookName && + hookInfo.currentIndex >= i + ) { + hookInfo.currentIndex++; + } + }); + } else { + // This is the first hook of its type. + hooksStore[hookName] = { + handlers: [handler], + runs: 0, + }; + } + if (hookName !== 'hookAdded') { + hooks.doAction( + 'hookAdded', + hookName, + namespace, + callback, + priority + ); + } + }; + } + /* harmony default export */ __webpack_exports__['default'] = + createAddHook; + //# sourceMappingURL=createAddHook.js.map + + /***/ + }, + + /***/ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/createCurrentHook.js': + /*!********************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/createCurrentHook.js ***! + \********************************************************************************************************************/ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /** + * Internal dependencies + */ + + /** + * Returns a function which, when invoked, will return the name of the + * currently running hook, or `null` if no hook of the given type is currently + * running. + * + * @param hooks Hooks instance. + * @param storeKey + * + * @return Function that returns the current hook name or null. + */ + function createCurrentHook(hooks, storeKey) { + return function currentHook() { + var _currentArray$at$name; + const hooksStore = hooks[storeKey]; + const currentArray = Array.from(hooksStore.__current); + return (_currentArray$at$name = + currentArray.at(-1)?.name) !== null && + _currentArray$at$name !== void 0 + ? _currentArray$at$name + : null; + }; + } + /* harmony default export */ __webpack_exports__['default'] = + createCurrentHook; + //# sourceMappingURL=createCurrentHook.js.map + + /***/ + }, + + /***/ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/createDidHook.js': + /*!****************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/createDidHook.js ***! + \****************************************************************************************************************/ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _validateHookName__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./validateHookName */ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/validateHookName.js' + ); + /** + * Internal dependencies + */ + + /** + * + * Returns the number of times an action has been fired. + * + */ + + /** + * Returns a function which, when invoked, will return the number of times a + * hook has been called. + * + * @param hooks Hooks instance. + * @param storeKey + * + * @return Function that returns a hook's call count. + */ + function createDidHook(hooks, storeKey) { + return function didHook(hookName) { + const hooksStore = hooks[storeKey]; + if ( + !(0, + _validateHookName__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(hookName) + ) { + return; + } + return hooksStore[hookName] && hooksStore[hookName].runs + ? hooksStore[hookName].runs + : 0; + }; + } + /* harmony default export */ __webpack_exports__['default'] = + createDidHook; + //# sourceMappingURL=createDidHook.js.map + + /***/ + }, + + /***/ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/createDoingHook.js': + /*!******************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/createDoingHook.js ***! + \******************************************************************************************************************/ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /** + * Internal dependencies + */ + + /** + * Returns whether a hook is currently being executed. + * + */ + + /** + * Returns a function which, when invoked, will return whether a hook is + * currently being executed. + * + * @param hooks Hooks instance. + * @param storeKey + * + * @return Function that returns whether a hook is currently + * being executed. + */ + function createDoingHook(hooks, storeKey) { + return function doingHook(hookName) { + const hooksStore = hooks[storeKey]; + + // If the hookName was not passed, check for any current hook. + if ('undefined' === typeof hookName) { + return hooksStore.__current.size > 0; + } + + // Find if the `hookName` hook is in `__current`. + return Array.from(hooksStore.__current).some( + (hook) => hook.name === hookName + ); + }; + } + /* harmony default export */ __webpack_exports__['default'] = + createDoingHook; + //# sourceMappingURL=createDoingHook.js.map + + /***/ + }, + + /***/ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/createHasHook.js': + /*!****************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/createHasHook.js ***! + \****************************************************************************************************************/ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /** + * Internal dependencies + */ + + /** + * + * Returns whether any handlers are attached for the given hookName and optional namespace. + */ + + /** + * Returns a function which, when invoked, will return whether any handlers are + * attached to a particular hook. + * + * @param hooks Hooks instance. + * @param storeKey + * + * @return Function that returns whether any handlers are + * attached to a particular hook and optional namespace. + */ + function createHasHook(hooks, storeKey) { + return function hasHook(hookName, namespace) { + const hooksStore = hooks[storeKey]; + + // Use the namespace if provided. + if ('undefined' !== typeof namespace) { + return ( + hookName in hooksStore && + hooksStore[hookName].handlers.some( + (hook) => hook.namespace === namespace + ) + ); + } + return hookName in hooksStore; + }; + } + /* harmony default export */ __webpack_exports__['default'] = + createHasHook; + //# sourceMappingURL=createHasHook.js.map + + /***/ + }, + + /***/ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/createHooks.js': + /*!**************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/createHooks.js ***! + \**************************************************************************************************************/ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ _Hooks: function () { + return /* binding */ _Hooks; + }, + /* harmony export */ + } + ); + /* harmony import */ var _createAddHook__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./createAddHook */ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/createAddHook.js' + ); + /* harmony import */ var _createRemoveHook__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./createRemoveHook */ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/createRemoveHook.js' + ); + /* harmony import */ var _createHasHook__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./createHasHook */ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/createHasHook.js' + ); + /* harmony import */ var _createRunHook__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ./createRunHook */ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/createRunHook.js' + ); + /* harmony import */ var _createCurrentHook__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ./createCurrentHook */ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/createCurrentHook.js' + ); + /* harmony import */ var _createDoingHook__WEBPACK_IMPORTED_MODULE_5__ = + __webpack_require__( + /*! ./createDoingHook */ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/createDoingHook.js' + ); + /* harmony import */ var _createDidHook__WEBPACK_IMPORTED_MODULE_6__ = + __webpack_require__( + /*! ./createDidHook */ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/createDidHook.js' + ); + /** + * Internal dependencies + */ + + /** + * Internal class for constructing hooks. Use `createHooks()` function + * + * Note, it is necessary to expose this class to make its type public. + * + * @private + */ + class _Hooks { + constructor() { + this.actions = Object.create(null); + this.actions.__current = new Set(); + this.filters = Object.create(null); + this.filters.__current = new Set(); + this.addAction = (0, + _createAddHook__WEBPACK_IMPORTED_MODULE_0__['default'])( + this, + 'actions' + ); + this.addFilter = (0, + _createAddHook__WEBPACK_IMPORTED_MODULE_0__['default'])( + this, + 'filters' + ); + this.removeAction = (0, + _createRemoveHook__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(this, 'actions'); + this.removeFilter = (0, + _createRemoveHook__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(this, 'filters'); + this.hasAction = (0, + _createHasHook__WEBPACK_IMPORTED_MODULE_2__['default'])( + this, + 'actions' + ); + this.hasFilter = (0, + _createHasHook__WEBPACK_IMPORTED_MODULE_2__['default'])( + this, + 'filters' + ); + this.removeAllActions = (0, + _createRemoveHook__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(this, 'actions', true); + this.removeAllFilters = (0, + _createRemoveHook__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(this, 'filters', true); + this.doAction = (0, + _createRunHook__WEBPACK_IMPORTED_MODULE_3__['default'])( + this, + 'actions', + false, + false + ); + this.doActionAsync = (0, + _createRunHook__WEBPACK_IMPORTED_MODULE_3__['default'])( + this, + 'actions', + false, + true + ); + this.applyFilters = (0, + _createRunHook__WEBPACK_IMPORTED_MODULE_3__['default'])( + this, + 'filters', + true, + false + ); + this.applyFiltersAsync = (0, + _createRunHook__WEBPACK_IMPORTED_MODULE_3__['default'])( + this, + 'filters', + true, + true + ); + this.currentAction = (0, + _createCurrentHook__WEBPACK_IMPORTED_MODULE_4__[ + 'default' + ])(this, 'actions'); + this.currentFilter = (0, + _createCurrentHook__WEBPACK_IMPORTED_MODULE_4__[ + 'default' + ])(this, 'filters'); + this.doingAction = (0, + _createDoingHook__WEBPACK_IMPORTED_MODULE_5__[ + 'default' + ])(this, 'actions'); + this.doingFilter = (0, + _createDoingHook__WEBPACK_IMPORTED_MODULE_5__[ + 'default' + ])(this, 'filters'); + this.didAction = (0, + _createDidHook__WEBPACK_IMPORTED_MODULE_6__['default'])( + this, + 'actions' + ); + this.didFilter = (0, + _createDidHook__WEBPACK_IMPORTED_MODULE_6__['default'])( + this, + 'filters' + ); + } + } + /** + * Returns an instance of the hooks object. + * + * @return A Hooks instance. + */ + function createHooks() { + return new _Hooks(); + } + /* harmony default export */ __webpack_exports__['default'] = + createHooks; + //# sourceMappingURL=createHooks.js.map + + /***/ + }, + + /***/ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/createRemoveHook.js': + /*!*******************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/createRemoveHook.js ***! + \*******************************************************************************************************************/ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _validateNamespace__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./validateNamespace */ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/validateNamespace.js' + ); + /* harmony import */ var _validateHookName__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./validateHookName */ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/validateHookName.js' + ); + /** + * Internal dependencies + */ + + /** + * Removes the specified callback (or all callbacks) from the hook with a given hookName + * and namespace. + */ + + /** + * Returns a function which, when invoked, will remove a specified hook or all + * hooks by the given name. + * + * @param hooks Hooks instance. + * @param storeKey + * @param [removeAll=false] Whether to remove all callbacks for a hookName, + * without regard to namespace. Used to create + * `removeAll*` functions. + * + * @return Function that removes hooks. + */ + function createRemoveHook(hooks, storeKey, removeAll = false) { + return function removeHook(hookName, namespace) { + const hooksStore = hooks[storeKey]; + if ( + !(0, + _validateHookName__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(hookName) + ) { + return; + } + if ( + !removeAll && + !(0, + _validateNamespace__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(namespace) + ) { + return; + } + + // Bail if no hooks exist by this name. + if (!hooksStore[hookName]) { + return 0; + } + let handlersRemoved = 0; + if (removeAll) { + handlersRemoved = + hooksStore[hookName].handlers.length; + hooksStore[hookName] = { + runs: hooksStore[hookName].runs, + handlers: [], + }; + } else { + // Try to find the specified callback to remove. + const handlers = hooksStore[hookName].handlers; + for (let i = handlers.length - 1; i >= 0; i--) { + if (handlers[i].namespace === namespace) { + handlers.splice(i, 1); + handlersRemoved++; + // This callback may also be part of a hook that is + // currently executing. If the callback we're removing + // comes after the current callback, there's no problem; + // otherwise we need to decrease the execution index of any + // other runs by 1 to account for the removed element. + hooksStore.__current.forEach((hookInfo) => { + if ( + hookInfo.name === hookName && + hookInfo.currentIndex >= i + ) { + hookInfo.currentIndex--; + } + }); + } + } + } + if (hookName !== 'hookRemoved') { + hooks.doAction('hookRemoved', hookName, namespace); + } + return handlersRemoved; + }; + } + /* harmony default export */ __webpack_exports__['default'] = + createRemoveHook; + //# sourceMappingURL=createRemoveHook.js.map + + /***/ + }, + + /***/ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/createRunHook.js': + /*!****************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/createRunHook.js ***! + \****************************************************************************************************************/ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /** + * Internal dependencies + */ + + /** + * Returns a function which, when invoked, will execute all callbacks + * registered to a hook of the specified type, optionally returning the final + * value of the call chain. + * + * @param hooks Hooks instance. + * @param storeKey + * @param returnFirstArg Whether each hook callback is expected to return its first argument. + * @param async Whether the hook callback should be run asynchronously + * + * @return Function that runs hook callbacks. + */ + function createRunHook(hooks, storeKey, returnFirstArg, async) { + return function runHook(hookName, ...args) { + const hooksStore = hooks[storeKey]; + if (!hooksStore[hookName]) { + hooksStore[hookName] = { + handlers: [], + runs: 0, + }; + } + hooksStore[hookName].runs++; + const handlers = hooksStore[hookName].handlers; + + // The following code is stripped from production builds. + if (true) { + // Handle any 'all' hooks registered. + if ('hookAdded' !== hookName && hooksStore.all) { + handlers.push(...hooksStore.all.handlers); + } + } + if (!handlers || !handlers.length) { + return returnFirstArg ? args[0] : undefined; + } + const hookInfo = { + name: hookName, + currentIndex: 0, + }; + async function asyncRunner() { + try { + hooksStore.__current.add(hookInfo); + let result = returnFirstArg + ? args[0] + : undefined; + while ( + hookInfo.currentIndex < handlers.length + ) { + const handler = + handlers[hookInfo.currentIndex]; + result = await handler.callback.apply( + null, + args + ); + if (returnFirstArg) { + args[0] = result; + } + hookInfo.currentIndex++; + } + return returnFirstArg ? result : undefined; + } finally { + hooksStore.__current.delete(hookInfo); + } + } + function syncRunner() { + try { + hooksStore.__current.add(hookInfo); + let result = returnFirstArg + ? args[0] + : undefined; + while ( + hookInfo.currentIndex < handlers.length + ) { + const handler = + handlers[hookInfo.currentIndex]; + result = handler.callback.apply(null, args); + if (returnFirstArg) { + args[0] = result; + } + hookInfo.currentIndex++; + } + return returnFirstArg ? result : undefined; + } finally { + hooksStore.__current.delete(hookInfo); + } + } + return (async ? asyncRunner : syncRunner)(); + }; + } + /* harmony default export */ __webpack_exports__['default'] = + createRunHook; + //# sourceMappingURL=createRunHook.js.map + + /***/ + }, + + /***/ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/index.js': + /*!********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/index.js ***! + \********************************************************************************************************/ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ actions: function () { + return /* binding */ actions; + }, + /* harmony export */ addAction: function () { + return /* binding */ addAction; + }, + /* harmony export */ addFilter: function () { + return /* binding */ addFilter; + }, + /* harmony export */ applyFilters: function () { + return /* binding */ applyFilters; + }, + /* harmony export */ applyFiltersAsync: function () { + return /* binding */ applyFiltersAsync; + }, + /* harmony export */ createHooks: function () { + return /* reexport safe */ _createHooks__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ]; + }, + /* harmony export */ currentAction: function () { + return /* binding */ currentAction; + }, + /* harmony export */ currentFilter: function () { + return /* binding */ currentFilter; + }, + /* harmony export */ defaultHooks: function () { + return /* binding */ defaultHooks; + }, + /* harmony export */ didAction: function () { + return /* binding */ didAction; + }, + /* harmony export */ didFilter: function () { + return /* binding */ didFilter; + }, + /* harmony export */ doAction: function () { + return /* binding */ doAction; + }, + /* harmony export */ doActionAsync: function () { + return /* binding */ doActionAsync; + }, + /* harmony export */ doingAction: function () { + return /* binding */ doingAction; + }, + /* harmony export */ doingFilter: function () { + return /* binding */ doingFilter; + }, + /* harmony export */ filters: function () { + return /* binding */ filters; + }, + /* harmony export */ hasAction: function () { + return /* binding */ hasAction; + }, + /* harmony export */ hasFilter: function () { + return /* binding */ hasFilter; + }, + /* harmony export */ removeAction: function () { + return /* binding */ removeAction; + }, + /* harmony export */ removeAllActions: function () { + return /* binding */ removeAllActions; + }, + /* harmony export */ removeAllFilters: function () { + return /* binding */ removeAllFilters; + }, + /* harmony export */ removeFilter: function () { + return /* binding */ removeFilter; + }, + /* harmony export */ + } + ); + /* harmony import */ var _createHooks__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./createHooks */ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/createHooks.js' + ); + /* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./types */ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/types.js' + ); + /** + * Internal dependencies + */ + + const defaultHooks = (0, + _createHooks__WEBPACK_IMPORTED_MODULE_0__['default'])(); + const { + addAction, + addFilter, + removeAction, + removeFilter, + hasAction, + hasFilter, + removeAllActions, + removeAllFilters, + doAction, + doActionAsync, + applyFilters, + applyFiltersAsync, + currentAction, + currentFilter, + doingAction, + doingFilter, + didAction, + didFilter, + actions, + filters, + } = defaultHooks; + + //# sourceMappingURL=index.js.map + + /***/ + }, + + /***/ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/types.js': + /*!********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/types.js ***! + \********************************************************************************************************/ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + + //# sourceMappingURL=types.js.map + + /***/ + }, + + /***/ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/validateHookName.js': + /*!*******************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/validateHookName.js ***! + \*******************************************************************************************************************/ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /** + * Validate a hookName string. + * + * @param hookName The hook name to validate. Should be a non empty string containing + * only numbers, letters, dashes, periods and underscores. Also, + * the hook name cannot begin with `__`. + * + * @return Whether the hook name is valid. + */ + function validateHookName(hookName) { + if ('string' !== typeof hookName || '' === hookName) { + // eslint-disable-next-line no-console + console.error( + 'The hook name must be a non-empty string.' + ); + return false; + } + if (/^__/.test(hookName)) { + // eslint-disable-next-line no-console + console.error('The hook name cannot begin with `__`.'); + return false; + } + if (!/^[a-zA-Z][a-zA-Z0-9_.-]*$/.test(hookName)) { + // eslint-disable-next-line no-console + console.error( + 'The hook name can only contain numbers, letters, dashes, periods and underscores.' + ); + return false; + } + return true; + } + /* harmony default export */ __webpack_exports__['default'] = + validateHookName; + //# sourceMappingURL=validateHookName.js.map + + /***/ + }, + + /***/ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/validateNamespace.js': + /*!********************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/validateNamespace.js ***! + \********************************************************************************************************************/ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /** + * Validate a namespace string. + * + * @param namespace The namespace to validate - should take the form + * `vendor/plugin/function`. + * + * @return Whether the namespace is valid. + */ + function validateNamespace(namespace) { + if ('string' !== typeof namespace || '' === namespace) { + // eslint-disable-next-line no-console + console.error( + 'The namespace must be a non-empty string.' + ); + return false; + } + if (!/^[a-zA-Z][a-zA-Z0-9_.\-\/]*$/.test(namespace)) { + // eslint-disable-next-line no-console + console.error( + 'The namespace can only contain numbers, letters, dashes, periods, underscores and slashes.' + ); + return false; + } + return true; + } + /* harmony default export */ __webpack_exports__['default'] = + validateNamespace; + //# sourceMappingURL=validateNamespace.js.map + + /***/ + }, + + /***/ './node_modules/.pnpm/@wordpress+i18n@6.2.0/node_modules/@wordpress/i18n/build-module/create-i18n.js': + /*!***********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@wordpress+i18n@6.2.0/node_modules/@wordpress/i18n/build-module/create-i18n.js ***! + \***********************************************************************************************************/ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ createI18n: function () { + return /* binding */ createI18n; + }, + /* harmony export */ + } + ); + /* harmony import */ var tannin__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! tannin */ './node_modules/.pnpm/tannin@1.2.0/node_modules/tannin/index.js' + ); + /** + * External dependencies + */ + + /** + * Internal dependencies + */ + + /** + * WordPress dependencies + */ + + /** + * Default locale data to use for Tannin domain when not otherwise provided. + * Assumes an English plural forms expression. + */ + const DEFAULT_LOCALE_DATA = { + '': { + plural_forms(n) { + return n === 1 ? 0 : 1; + }, + }, + }; + + /* + * Regular expression that matches i18n hooks like `i18n.gettext`, `i18n.ngettext`, + * `i18n.gettext_domain` or `i18n.ngettext_with_context` or `i18n.has_translation`. + */ + const I18N_HOOK_REGEXP = + /^i18n\.(n?gettext|has_translation)(_|$)/; + + /** + * Create an i18n instance + * + * @param [initialData] Locale data configuration. + * @param [initialDomain] Domain for which configuration applies. + * @param [hooks] Hooks implementation. + * + * @return I18n instance. + */ + const createI18n = (initialData, initialDomain, hooks) => { + /** + * The underlying instance of Tannin to which exported functions interface. + */ + const tannin = new tannin__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ]({}); + const listeners = new Set(); + const notifyListeners = () => { + listeners.forEach((listener) => listener()); + }; + + /** + * Subscribe to changes of locale data. + * + * @param callback Subscription callback. + * @return Unsubscribe callback. + */ + const subscribe = (callback) => { + listeners.add(callback); + return () => listeners.delete(callback); + }; + const getLocaleData = (domain = 'default') => + tannin.data[domain]; + + /** + * @param [data] + * @param [domain] + */ + const doSetLocaleData = (data, domain = 'default') => { + tannin.data[domain] = { + ...tannin.data[domain], + ...data, + }; + + // Populate default domain configuration (supported locale date which omits + // a plural forms expression). + tannin.data[domain][''] = { + ...DEFAULT_LOCALE_DATA[''], + ...tannin.data[domain]?.[''], + }; + + // Clean up cached plural forms functions cache as it might be updated. + delete tannin.pluralForms[domain]; + }; + const setLocaleData = (data, domain) => { + doSetLocaleData(data, domain); + notifyListeners(); + }; + const addLocaleData = (data, domain = 'default') => { + tannin.data[domain] = { + ...tannin.data[domain], + ...data, + // Populate default domain configuration (supported locale date which omits + // a plural forms expression). + '': { + ...DEFAULT_LOCALE_DATA[''], + ...tannin.data[domain]?.[''], + ...data?.[''], + }, + }; + + // Clean up cached plural forms functions cache as it might be updated. + delete tannin.pluralForms[domain]; + notifyListeners(); + }; + const resetLocaleData = (data, domain) => { + // Reset all current Tannin locale data. + tannin.data = {}; + + // Reset cached plural forms functions cache. + tannin.pluralForms = {}; + setLocaleData(data, domain); + }; + + /** + * Wrapper for Tannin's `dcnpgettext`. Populates default locale data if not + * otherwise previously assigned. + * + * @param domain Domain to retrieve the translated text. + * @param context Context information for the translators. + * @param single Text to translate if non-plural. Used as + * fallback return value on a caught error. + * @param [plural] The text to be used if the number is + * plural. + * @param [number] The number to compare against to use + * either the singular or plural form. + * + * @return The translated string. + */ + const dcnpgettext = ( + domain = 'default', + context, + single, + plural, + number + ) => { + if (!tannin.data[domain]) { + // Use `doSetLocaleData` to set silently, without notifying listeners. + doSetLocaleData(undefined, domain); + } + return tannin.dcnpgettext( + domain, + context, + single, + plural, + number + ); + }; + const getFilterDomain = (domain) => domain || 'default'; + const __ = (text, domain) => { + let translation = dcnpgettext(domain, undefined, text); + if (!hooks) { + return translation; + } + + /** + * Filters text with its translation. + * + * @param translation Translated text. + * @param text Text to translate. + * @param domain Text domain. Unique identifier for retrieving translated strings. + */ + translation = hooks.applyFilters( + 'i18n.gettext', + translation, + text, + domain + ); + return hooks.applyFilters( + 'i18n.gettext_' + getFilterDomain(domain), + translation, + text, + domain + ); + }; + const _x = (text, context, domain) => { + let translation = dcnpgettext(domain, context, text); + if (!hooks) { + return translation; + } + + /** + * Filters text with its translation based on context information. + * + * @param translation Translated text. + * @param text Text to translate. + * @param context Context information for the translators. + * @param domain Text domain. Unique identifier for retrieving translated strings. + */ + translation = hooks.applyFilters( + 'i18n.gettext_with_context', + translation, + text, + context, + domain + ); + return hooks.applyFilters( + 'i18n.gettext_with_context_' + + getFilterDomain(domain), + translation, + text, + context, + domain + ); + }; + const _n = (single, plural, number, domain) => { + let translation = dcnpgettext( + domain, + undefined, + single, + plural, + number + ); + if (!hooks) { + return translation; + } + + /** + * Filters the singular or plural form of a string. + * + * @param translation Translated text. + * @param single The text to be used if the number is singular. + * @param plural The text to be used if the number is plural. + * @param number The number to compare against to use either the singular or plural form. + * @param domain Text domain. Unique identifier for retrieving translated strings. + */ + translation = hooks.applyFilters( + 'i18n.ngettext', + translation, + single, + plural, + number, + domain + ); + return hooks.applyFilters( + 'i18n.ngettext_' + getFilterDomain(domain), + translation, + single, + plural, + number, + domain + ); + }; + const _nx = (single, plural, number, context, domain) => { + let translation = dcnpgettext( + domain, + context, + single, + plural, + number + ); + if (!hooks) { + return translation; + } + + /** + * Filters the singular or plural form of a string with gettext context. + * + * @param translation Translated text. + * @param single The text to be used if the number is singular. + * @param plural The text to be used if the number is plural. + * @param number The number to compare against to use either the singular or plural form. + * @param context Context information for the translators. + * @param domain Text domain. Unique identifier for retrieving translated strings. + */ + translation = hooks.applyFilters( + 'i18n.ngettext_with_context', + translation, + single, + plural, + number, + context, + domain + ); + return hooks.applyFilters( + 'i18n.ngettext_with_context_' + + getFilterDomain(domain), + translation, + single, + plural, + number, + context, + domain + ); + }; + const isRTL = () => { + return 'rtl' === _x('ltr', 'text direction'); + }; + const hasTranslation = (single, context, domain) => { + const key = context + ? context + '\u0004' + single + : single; + let result = + !!tannin.data?.[ + domain !== null && domain !== void 0 + ? domain + : 'default' + ]?.[key]; + if (hooks) { + /** + * Filters the presence of a translation in the locale data. + * + * @param hasTranslation Whether the translation is present or not.. + * @param single The singular form of the translated text (used as key in locale data) + * @param context Context information for the translators. + * @param domain Text domain. Unique identifier for retrieving translated strings. + */ + result = hooks.applyFilters( + 'i18n.has_translation', + result, + single, + context, + domain + ); + result = hooks.applyFilters( + 'i18n.has_translation_' + + getFilterDomain(domain), + result, + single, + context, + domain + ); + } + return result; + }; + if (initialData) { + setLocaleData(initialData, initialDomain); + } + if (hooks) { + /** + * @param hookName + */ + const onHookAddedOrRemoved = (hookName) => { + if (I18N_HOOK_REGEXP.test(hookName)) { + notifyListeners(); + } + }; + hooks.addAction( + 'hookAdded', + 'core/i18n', + onHookAddedOrRemoved + ); + hooks.addAction( + 'hookRemoved', + 'core/i18n', + onHookAddedOrRemoved + ); + } + return { + getLocaleData, + setLocaleData, + addLocaleData, + resetLocaleData, + subscribe, + __, + _x, + _n, + _nx, + isRTL, + hasTranslation, + }; + }; + //# sourceMappingURL=create-i18n.js.map + + /***/ + }, + + /***/ './node_modules/.pnpm/@wordpress+i18n@6.2.0/node_modules/@wordpress/i18n/build-module/default-i18n.js': + /*!************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@wordpress+i18n@6.2.0/node_modules/@wordpress/i18n/build-module/default-i18n.js ***! + \************************************************************************************************************/ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ __: function () { + return /* binding */ __; + }, + /* harmony export */ _n: function () { + return /* binding */ _n; + }, + /* harmony export */ _nx: function () { + return /* binding */ _nx; + }, + /* harmony export */ _x: function () { + return /* binding */ _x; + }, + /* harmony export */ getLocaleData: function () { + return /* binding */ getLocaleData; + }, + /* harmony export */ hasTranslation: function () { + return /* binding */ hasTranslation; + }, + /* harmony export */ isRTL: function () { + return /* binding */ isRTL; + }, + /* harmony export */ resetLocaleData: function () { + return /* binding */ resetLocaleData; + }, + /* harmony export */ setLocaleData: function () { + return /* binding */ setLocaleData; + }, + /* harmony export */ subscribe: function () { + return /* binding */ subscribe; + }, + /* harmony export */ + } + ); + /* harmony import */ var _create_i18n__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./create-i18n */ './node_modules/.pnpm/@wordpress+i18n@6.2.0/node_modules/@wordpress/i18n/build-module/create-i18n.js' + ); + /* harmony import */ var _wordpress_hooks__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! @wordpress/hooks */ './node_modules/.pnpm/@wordpress+hooks@4.29.0/node_modules/@wordpress/hooks/build-module/index.js' + ); + /** + * Internal dependencies + */ + + /** + * WordPress dependencies + */ + + const i18n = (0, + _create_i18n__WEBPACK_IMPORTED_MODULE_0__.createI18n)( + undefined, + undefined, + _wordpress_hooks__WEBPACK_IMPORTED_MODULE_1__.defaultHooks + ); + + /** + * Default, singleton instance of `I18n`. + */ + /* harmony default export */ __webpack_exports__['default'] = + i18n; + + /* + * Comments in this file are duplicated from ./i18n due to + * https://github.com/WordPress/gutenberg/pull/20318#issuecomment-590837722 + */ + + /** + * Returns locale data by domain in a Jed-formatted JSON object shape. + * + * @see http://messageformat.github.io/Jed/ + * + * @param { string | undefined } [domain] Domain for which to get the data. + * @return { LocaleData } Locale data. + */ + const getLocaleData = i18n.getLocaleData.bind(i18n); + + /** + * Merges locale data into the Tannin instance by domain. Accepts data in a + * Jed-formatted JSON object shape. + * + * @see http://messageformat.github.io/Jed/ + * + * @param {LocaleData } [data] Locale data configuration. + * @param {string | undefined} [domain] Domain for which configuration applies. + */ + const setLocaleData = i18n.setLocaleData.bind(i18n); + + /** + * Resets all current Tannin instance locale data and sets the specified + * locale data for the domain. Accepts data in a Jed-formatted JSON object shape. + * + * @see http://messageformat.github.io/Jed/ + * + * @param {LocaleData} [data] Locale data configuration. + * @param {string | undefined} [domain] Domain for which configuration applies. + */ + const resetLocaleData = i18n.resetLocaleData.bind(i18n); + + /** + * Subscribes to changes of locale data + * + * @param {SubscribeCallback} callback Subscription callback + * @return {UnsubscribeCallback} Unsubscribe callback + */ + const subscribe = i18n.subscribe.bind(i18n); + + /** + * Retrieve the translation of text. + * + * @see https://developer.wordpress.org/reference/functions/__/ + * + * @template {string} Text + * + * @param {Text} text Text to translate. + * @param {string | undefined} domain Domain to retrieve the translated text. + * + * @return {TranslatableText} Translated text. + */ + const __ = i18n.__.bind(i18n); + + /** + * Retrieve translated string with gettext context. + * + * @see https://developer.wordpress.org/reference/functions/_x/ + * + * @template {string} Text + * + * @param {Text} text Text to translate. + * @param {string} context Context information for the translators. + * @param {string | undefined} domain Domain to retrieve the translated text. + * + * @return {TranslatableText} Translated context string without pipe. + */ + const _x = i18n._x.bind(i18n); + + /** + * Translates and retrieves the singular or plural form based on the supplied + * number. + * + * @see https://developer.wordpress.org/reference/functions/_n/ + * + * @template {string} Single + * @template {string} Plural + * + * @param {Single} single The text to be used if the number is singular. + * @param {Plural} plural The text to be used if the number is plural. + * @param {number} number The number to compare against to use either the + * singular or plural form. + * @param {string | undefined} domain Domain to retrieve the translated text. + * + * @return {TranslatableText} The translated singular or plural form. + */ + const _n = i18n._n.bind(i18n); + + /** + * Translates and retrieves the singular or plural form based on the supplied + * number, with gettext context. + * + * @see https://developer.wordpress.org/reference/functions/_nx/ + * + * @template {string} Single + * @template {string} Plural + * @param {Single} single The text to be used if the number is singular. + * + * @param {Single} single The text to be used if the number is singular. + * @param {Plural} plural The text to be used if the number is plural. + * @param {number} number The number to compare against to use either the + * singular or plural form. + * @param {string} context Context information for the translators. + * @param {string | undefined} [domain] Domain to retrieve the translated text. + * + * @return {TranslatableText} The translated singular or plural form. + */ + const _nx = i18n._nx.bind(i18n); + + /** + * Check if current locale is RTL. + * + * **RTL (Right To Left)** is a locale property indicating that text is written from right to left. + * For example, the `he` locale (for Hebrew) specifies right-to-left. Arabic (ar) is another common + * language written RTL. The opposite of RTL, LTR (Left To Right) is used in other languages, + * including English (`en`, `en-US`, `en-GB`, etc.), Spanish (`es`), and French (`fr`). + * + * @return {boolean} Whether locale is RTL. + */ + const isRTL = i18n.isRTL.bind(i18n); + + /** + * Check if there is a translation for a given string (in singular form). + * + * @param {string} single Singular form of the string to look up. + * @param {string} context Context information for the translators. + * @param {string} domain Domain to retrieve the translated text. + * + * @return {boolean} Whether the translation exists or not. + */ + const hasTranslation = i18n.hasTranslation.bind(i18n); + //# sourceMappingURL=default-i18n.js.map + + /***/ + }, + + /***/ './node_modules/.pnpm/@wordpress+i18n@6.2.0/node_modules/@wordpress/i18n/build-module/index.js': + /*!*****************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@wordpress+i18n@6.2.0/node_modules/@wordpress/i18n/build-module/index.js ***! + \*****************************************************************************************************/ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ __: function () { + return /* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.__; + }, + /* harmony export */ _n: function () { + return /* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__._n; + }, + /* harmony export */ _nx: function () { + return /* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__._nx; + }, + /* harmony export */ _x: function () { + return /* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__._x; + }, + /* harmony export */ createI18n: function () { + return /* reexport safe */ _create_i18n__WEBPACK_IMPORTED_MODULE_1__.createI18n; + }, + /* harmony export */ defaultI18n: function () { + return /* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__[ + 'default' + ]; + }, + /* harmony export */ getLocaleData: function () { + return /* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.getLocaleData; + }, + /* harmony export */ hasTranslation: function () { + return /* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.hasTranslation; + }, + /* harmony export */ isRTL: function () { + return /* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.isRTL; + }, + /* harmony export */ resetLocaleData: function () { + return /* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.resetLocaleData; + }, + /* harmony export */ setLocaleData: function () { + return /* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.setLocaleData; + }, + /* harmony export */ sprintf: function () { + return /* reexport safe */ _sprintf__WEBPACK_IMPORTED_MODULE_0__.sprintf; + }, + /* harmony export */ subscribe: function () { + return /* reexport safe */ _default_i18n__WEBPACK_IMPORTED_MODULE_2__.subscribe; + }, + /* harmony export */ + } + ); + /* harmony import */ var _sprintf__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./sprintf */ './node_modules/.pnpm/@wordpress+i18n@6.2.0/node_modules/@wordpress/i18n/build-module/sprintf.js' + ); + /* harmony import */ var _create_i18n__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./create-i18n */ './node_modules/.pnpm/@wordpress+i18n@6.2.0/node_modules/@wordpress/i18n/build-module/create-i18n.js' + ); + /* harmony import */ var _default_i18n__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./default-i18n */ './node_modules/.pnpm/@wordpress+i18n@6.2.0/node_modules/@wordpress/i18n/build-module/default-i18n.js' + ); + + //# sourceMappingURL=index.js.map + + /***/ + }, + + /***/ './node_modules/.pnpm/@wordpress+i18n@6.2.0/node_modules/@wordpress/i18n/build-module/sprintf.js': + /*!*******************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@wordpress+i18n@6.2.0/node_modules/@wordpress/i18n/build-module/sprintf.js ***! + \*******************************************************************************************************/ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ sprintf: function () { + return /* binding */ sprintf; + }, + /* harmony export */ + } + ); + /* harmony import */ var _tannin_sprintf__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @tannin/sprintf */ './node_modules/.pnpm/@tannin+sprintf@1.3.3/node_modules/@tannin/sprintf/src/index.js' + ); + /** + * External dependencies + */ + // Disable reason: `eslint-plugin-import` doesn't support `exports` (https://github.com/import-js/eslint-plugin-import/issues/1810) + // eslint-disable-next-line import/no-unresolved + + /** + * Internal dependencies + */ + + /** + * Returns a formatted string. + * + * @param format The format of the string to generate. + * @param args Arguments to apply to the format. + * + * @see https://www.npmjs.com/package/@tannin/sprintf + * + * @return The formatted string. + */ + function sprintf(format, ...args) { + return (0, + _tannin_sprintf__WEBPACK_IMPORTED_MODULE_0__['default'])( + format, + ...args + ); + } + //# sourceMappingURL=sprintf.js.map + + /***/ + }, + + /***/ './node_modules/.pnpm/tannin@1.2.0/node_modules/tannin/index.js': + /*!**********************************************************************!*\ + !*** ./node_modules/.pnpm/tannin@1.2.0/node_modules/tannin/index.js ***! + \**********************************************************************/ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ Tannin; + }, + /* harmony export */ + } + ); + /* harmony import */ var _tannin_plural_forms__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @tannin/plural-forms */ './node_modules/.pnpm/@tannin+plural-forms@1.1.0/node_modules/@tannin/plural-forms/index.js' + ); + + /** + * Tannin constructor options. + * + * @typedef {Object} TanninOptions + * + * @property {string} [contextDelimiter] Joiner in string lookup with context. + * @property {Function} [onMissingKey] Callback to invoke when key missing. + */ + + /** + * Domain metadata. + * + * @typedef {Object} TanninDomainMetadata + * + * @property {string} [domain] Domain name. + * @property {string} [lang] Language code. + * @property {(string|Function)} [plural_forms] Plural forms expression or + * function evaluator. + */ + + /** + * Domain translation pair respectively representing the singular and plural + * translation. + * + * @typedef {[string,string]} TanninTranslation + */ + + /** + * Locale data domain. The key is used as reference for lookup, the value an + * array of two string entries respectively representing the singular and plural + * translation. + * + * @typedef {{[key:string]:TanninDomainMetadata|TanninTranslation,'':TanninDomainMetadata|TanninTranslation}} TanninLocaleDomain + */ + + /** + * Jed-formatted locale data. + * + * @see http://messageformat.github.io/Jed/ + * + * @typedef {{[domain:string]:TanninLocaleDomain}} TanninLocaleData + */ + + /** + * Default Tannin constructor options. + * + * @type {TanninOptions} + */ + var DEFAULT_OPTIONS = { + contextDelimiter: '\u0004', + onMissingKey: null, + }; + + /** + * Given a specific locale data's config `plural_forms` value, returns the + * expression. + * + * @example + * + * ``` + * getPluralExpression( 'nplurals=2; plural=(n != 1);' ) === '(n != 1)' + * ``` + * + * @param {string} pf Locale data plural forms. + * + * @return {string} Plural forms expression. + */ + function getPluralExpression(pf) { + var parts, i, part; + + parts = pf.split(';'); + + for (i = 0; i < parts.length; i++) { + part = parts[i].trim(); + if (part.indexOf('plural=') === 0) { + return part.substr(7); + } + } + } + + /** + * Tannin constructor. + * + * @class + * + * @param {TanninLocaleData} data Jed-formatted locale data. + * @param {TanninOptions} [options] Tannin options. + */ + function Tannin(data, options) { + var key; + + /** + * Jed-formatted locale data. + * + * @name Tannin#data + * @type {TanninLocaleData} + */ + this.data = data; + + /** + * Plural forms function cache, keyed by plural forms string. + * + * @name Tannin#pluralForms + * @type {Object} + */ + this.pluralForms = {}; + + /** + * Effective options for instance, including defaults. + * + * @name Tannin#options + * @type {TanninOptions} + */ + this.options = {}; + + for (key in DEFAULT_OPTIONS) { + this.options[key] = + options !== undefined && key in options + ? options[key] + : DEFAULT_OPTIONS[key]; + } + } + + /** + * Returns the plural form index for the given domain and value. + * + * @param {string} domain Domain on which to calculate plural form. + * @param {number} n Value for which plural form is to be calculated. + * + * @return {number} Plural form index. + */ + Tannin.prototype.getPluralForm = function (domain, n) { + var getPluralForm = this.pluralForms[domain], + config, + plural, + pf; + + if (!getPluralForm) { + config = this.data[domain]['']; + + pf = + config['Plural-Forms'] || + config['plural-forms'] || + // Ignore reason: As known, there's no way to document the empty + // string property on a key to guarantee this as metadata. + // @ts-ignore + config.plural_forms; + + if (typeof pf !== 'function') { + plural = getPluralExpression( + config['Plural-Forms'] || + config['plural-forms'] || + // Ignore reason: As known, there's no way to document the empty + // string property on a key to guarantee this as metadata. + // @ts-ignore + config.plural_forms + ); + + pf = (0, + _tannin_plural_forms__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(plural); + } + + getPluralForm = this.pluralForms[domain] = pf; + } + + return getPluralForm(n); + }; + + /** + * Translate a string. + * + * @param {string} domain Translation domain. + * @param {string|void} context Context distinguishing terms of the same name. + * @param {string} singular Primary key for translation lookup. + * @param {string=} plural Fallback value used for non-zero plural + * form index. + * @param {number=} n Value to use in calculating plural form. + * + * @return {string} Translated string. + */ + Tannin.prototype.dcnpgettext = function ( + domain, + context, + singular, + plural, + n + ) { + var index, key, entry; + + if (n === undefined) { + // Default to singular. + index = 0; + } else { + // Find index by evaluating plural form for value. + index = this.getPluralForm(domain, n); + } + + key = singular; + + // If provided, context is prepended to key with delimiter. + if (context) { + key = + context + this.options.contextDelimiter + singular; + } + + entry = this.data[domain][key]; + + // Verify not only that entry exists, but that the intended index is within + // range and non-empty. + if (entry && entry[index]) { + return entry[index]; + } + + if (this.options.onMissingKey) { + this.options.onMissingKey(singular, domain); + } + + // If entry not found, fall back to singular vs. plural with zero index + // representing the singular value. + return index === 0 ? singular : plural; + }; + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!******************************************!*\ !*** ./assets/src/js/public/checkout.js ***! \******************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"); - -function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); } -function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); } -(function ($) { - window.addEventListener('load', function () { - // Update checkout pricing on product item change - var checkout_price_item = $('.atbdp-checkout-price-item'); - checkout_price_item.on('change', function () { - var checkout_net_price_area = $('#atbdp_checkout_total_amount'); - var checkout_net_hidden_price_area = $('#atbdp_checkout_total_amount_hidden'); - var pricing_statement = get_pricing_statement(checkout_price_item); - checkout_net_price_area.html(get_currency_format(pricing_statement.total_price)); - checkout_net_hidden_price_area.val(pricing_statement.total_price); - update_payment_methods(pricing_statement); - }); - - // get_pricing_statement - function get_pricing_statement(price_item_elm) { - var total_price = 0; - var total_product = 0; - price_item_elm.each(function (index) { - var price_item = price_item_elm[index]; - var price = price_item.value; - price = isNaN(price_item.value) ? 0 : Number(price); - if ($(price_item).is(':checked')) { - total_price = total_price + price; - total_product++; - } - }); - return { - total_product: total_product, - total_price: total_price - }; - } - - // update_payment_methods - function update_payment_methods(pricing_statement) { - if (!pricing_statement.total_product) { - $('#directorist_payment_gateways, #atbdp_checkout_submit_btn').hide(); - return; - } - if (pricing_statement.total_price > 0) { - $('#directorist_payment_gateways').show(); - $('#atbdp_checkout_submit_btn').val(directorist.payNow).show(); - $('#atbdp_checkout_submit_btn_label').val(directorist.payNow); - } else { - $('#directorist_payment_gateways').hide(); - $('#atbdp_checkout_submit_btn').val(directorist.completeSubmission).show(); - $('#atbdp_checkout_submit_btn_label').val(directorist.completeSubmission); - } - } - - // Helpers - // -------------------- - // get_currency_format - function get_currency_format(number) { - number = number.toFixed(2); - number = number_with_commas(number); - return number; - } - - // number_with_commas - function number_with_commas(number) { - return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ','); - } - function get_error_message(error) { - var message = ''; - if (error.message) { - message = error.message; - } else if (error.messages) { - var messages = Object.values(error.messages); - if (messages.length > 0) { - message = messages[0][0]; - } - } - return message; - } - $('#atbdp-checkout-form').on('submit', /*#__PURE__*/function () { - var _ref = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__["default"])(/*#__PURE__*/_regenerator().m(function _callee(e) { - var submitBtn, btnText, btnSpinner, originalText, formData, data, response, message, _t; - return _regenerator().w(function (_context) { - while (1) switch (_context.p = _context.n) { - case 0: - e.preventDefault(); - - // Show loading state - submitBtn = $('#atbdp_checkout_submit_btn'); - btnText = submitBtn.find('.directorist-btn-text'); - btnSpinner = submitBtn.find('.directorist-btn-spinner'); - originalText = btnText.text(); - submitBtn.prop('disabled', true); - btnText.text(submitBtn.data('loading-text')); - btnSpinner.show(); - formData = new FormData(this); - data = Object.fromEntries(formData); - _context.p = 1; - _context.n = 2; - return wp.apiFetch({ - path: '/directorist/checkout', - method: 'POST', - data: data - }); - case 2: - response = _context.v; - if (response.redirect_url) { - window.location.href = response.redirect_url; - } - _context.n = 4; - break; - case 3: - _context.p = 3; - _t = _context.v; - message = get_error_message(_t); - alert(message); - console.log(_t); - - // Reset loading state on error - submitBtn.prop('disabled', false); - btnText.text(originalText); - btnSpinner.hide(); - case 4: - return _context.a(2); - } - }, _callee, this, [[1, 3]]); - })); - return function (_x) { - return _ref.apply(this, arguments); - }; - }()); - }); -})(jQuery); -}(); -/******/ })() -; -//# sourceMappingURL=checkout.js.map \ No newline at end of file + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/asyncToGenerator */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js' + ); + /* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! @babel/runtime/regenerator */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/regenerator/index.js' + ); + /* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default = + /*#__PURE__*/ __webpack_require__.n( + _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1__ + ); + /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! @wordpress/i18n */ './node_modules/.pnpm/@wordpress+i18n@6.2.0/node_modules/@wordpress/i18n/build-module/index.js' + ); + + (function ($) { + window.addEventListener('load', function () { + // Update checkout pricing on product item change + var checkout_price_item = $('.atbdp-checkout-price-item'); + checkout_price_item.on('change', function () { + var checkout_net_price_area = $( + '#atbdp_checkout_total_amount' + ); + var checkout_net_hidden_price_area = $( + '#atbdp_checkout_total_amount_hidden' + ); + var pricing_statement = + get_pricing_statement(checkout_price_item); + checkout_net_price_area.html( + get_currency_format(pricing_statement.total_price) + ); + checkout_net_hidden_price_area.val( + pricing_statement.total_price + ); + update_payment_methods(pricing_statement); + }); + + // get_pricing_statement + function get_pricing_statement(price_item_elm) { + var total_price = 0; + var total_product = 0; + price_item_elm.each(function (index) { + var price_item = price_item_elm[index]; + var price = price_item.value; + price = isNaN(price_item.value) ? 0 : Number(price); + if ($(price_item).is(':checked')) { + total_price = total_price + price; + total_product++; + } + }); + return { + total_product: total_product, + total_price: total_price, + }; + } + + // update_payment_methods + function update_payment_methods(pricing_statement) { + if (!pricing_statement.total_product) { + $( + '#directorist_payment_gateways, #atbdp_checkout_submit_btn' + ).hide(); + return; + } + if (pricing_statement.total_price > 0) { + $('#directorist_payment_gateways').show(); + $('#atbdp_checkout_submit_btn') + .val(directorist.payNow) + .show(); + $('#atbdp_checkout_submit_btn_label').val( + directorist.payNow + ); + } else { + $('#directorist_payment_gateways').hide(); + $('#atbdp_checkout_submit_btn') + .val(directorist.completeSubmission) + .show(); + $('#atbdp_checkout_submit_btn_label').val( + directorist.completeSubmission + ); + } + } + + // Helpers + // -------------------- + // get_currency_format + function get_currency_format(number) { + number = number.toFixed(2); + number = number_with_commas(number); + return number; + } + + // number_with_commas + function number_with_commas(number) { + return number + .toString() + .replace(/\B(?=(\d{3})+(?!\d))/g, ','); + } + function get_error_message(error) { + var message = ''; + if (error.message) { + message = error.message; + } else if (error.messages) { + var messages = Object.values(error.messages); + if (messages.length > 0) { + message = messages[0][0]; + } + } + return message; + } + $('#atbdp-checkout-form').on( + 'submit', + /*#__PURE__*/ (function () { + var _ref = (0, + _babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])( + /*#__PURE__*/ _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default().mark( + function _callee(e) { + var submitBtn, + btnText, + btnSpinner, + originalText, + formData, + data, + response, + message, + _t; + return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default().wrap( + function (_context) { + while (1) + switch ( + (_context.prev = + _context.next) + ) { + case 0: + e.preventDefault(); + + // Show loading state + submitBtn = $( + '#atbdp_checkout_submit_btn' + ); + btnText = + submitBtn.find( + '.directorist-btn-text' + ); + btnSpinner = + submitBtn.find( + '.directorist-btn-spinner' + ); + originalText = + btnText.text(); + submitBtn.prop( + 'disabled', + true + ); + btnText.text( + submitBtn.data( + 'loading-text' + ) + ); + btnSpinner.show(); + formData = new FormData( + this + ); + data = + Object.fromEntries( + formData + ); + _context.prev = 1; + _context.next = 2; + return wp.apiFetch({ + path: '/directorist/checkout', + method: 'POST', + data: data, + }); + case 2: + response = + _context.sent; + if ( + response.redirect_url + ) { + window.location.href = + response.redirect_url; + } + _context.next = 4; + break; + case 3: + _context.prev = 3; + _t = + _context['catch']( + 1 + ); + message = + get_error_message( + _t + ); + setTimeout(function () { + wp.hooks.doAction( + 'directorist-toast', + { + message: + message || + (0, + _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__.__)( + 'An error occurred', + 'directorist' + ), + type: 'error', + } + ); + }, 500); + console.log( + 'Error message:', + _t + ); + + // Reset loading state on error + submitBtn.prop( + 'disabled', + false + ); + btnText.text( + originalText + ); + btnSpinner.hide(); + case 4: + case 'end': + return _context.stop(); + } + }, + _callee, + this, + [[1, 3]] + ); + } + ) + ); + return function (_x) { + return _ref.apply(this, arguments); + }; + })() + ); + }); + })(jQuery); + })(); + /******/ +})(); +//# sourceMappingURL=checkout.js.map diff --git a/assets/js/directorist-dashboard.js b/assets/js/directorist-dashboard.js index e571131756..ee1836d389 100644 --- a/assets/js/directorist-dashboard.js +++ b/assets/js/directorist-dashboard.js @@ -1,1272 +1,2079 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/public/atmodal.js": -/*!*****************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/public/atmodal.js': + /*!*****************************************!*\ !*** ./assets/src/js/public/atmodal.js ***! \*****************************************/ -/***/ (function() { - -/* + /***/ function () { + /* Name: ATModal Version: 1.0 Author: Sovware Author URI: https://sovware.com/ */ -/* disable-eslint */ -var aazztechModal1 = function aazztechModal1(selector) { - var element = document.querySelectorAll(selector); - element.forEach(function (el, index) { - el.style.display = 'none'; - document.addEventListener('click', function (event) { - var current_elm = event.target; - var target_id = current_elm.getAttribute('data-target'); - var el_id = el.getAttribute('id'); - if (target_id === el_id) { - event.preventDefault(); - el.style.display = 'block'; - document.body.classList.add('atm-open'); - setTimeout(function () { - el.classList.add('atm-show'); - }, 100); - document.querySelector('html').style.overflow = 'hidden'; - } - }, false); - el.querySelector('a.at-modal-close').addEventListener('click', function (e) { - e.preventDefault(); - el.classList.remove('atm-show'); - document.body.classList.remove('atm-open'); - setTimeout(function () { - el.style.display = 'none'; - }, 100); - document.querySelector('html').removeAttribute('style'); - }); - el.addEventListener('click', function (e) { - if (e.target.closest('.atm-contents-inner')) return; - el.classList.remove('atm-show'); - document.body.classList.remove('atm-open'); - setTimeout(function () { - el.style.display = 'none'; - }, 100); - document.querySelector('html').removeAttribute('style'); - }); - }); -}; -function initModal() { - aazztechModal1('#dcl-claim-modal, #atbdp-report-abuse-modal, #atpp-plan-change-modal, #pyn-plan-change-modal'); -} -window.addEventListener('load', function () { - setTimeout(function () { - initModal(); - }, 500); -}); - -/***/ }), - -/***/ "./assets/src/js/public/components/dashboard/dashBoardMoreBtn.js": -/*!***********************************************************************!*\ + /* disable-eslint */ + var aazztechModal1 = function aazztechModal1(selector) { + var element = document.querySelectorAll(selector); + element.forEach(function (el, index) { + el.style.display = 'none'; + document.addEventListener( + 'click', + function (event) { + var current_elm = event.target; + var target_id = + current_elm.getAttribute('data-target'); + var el_id = el.getAttribute('id'); + if (target_id === el_id) { + event.preventDefault(); + el.style.display = 'block'; + document.body.classList.add('atm-open'); + setTimeout(function () { + el.classList.add('atm-show'); + }, 100); + document.querySelector( + 'html' + ).style.overflow = 'hidden'; + } + }, + false + ); + el.querySelector('a.at-modal-close').addEventListener( + 'click', + function (e) { + e.preventDefault(); + el.classList.remove('atm-show'); + document.body.classList.remove('atm-open'); + setTimeout(function () { + el.style.display = 'none'; + }, 100); + document + .querySelector('html') + .removeAttribute('style'); + } + ); + el.addEventListener('click', function (e) { + if (e.target.closest('.atm-contents-inner')) return; + el.classList.remove('atm-show'); + document.body.classList.remove('atm-open'); + setTimeout(function () { + el.style.display = 'none'; + }, 100); + document + .querySelector('html') + .removeAttribute('style'); + }); + }); + }; + function initModal() { + aazztechModal1( + '#dcl-claim-modal, #atbdp-report-abuse-modal, #atpp-plan-change-modal, #pyn-plan-change-modal' + ); + } + window.addEventListener('load', function () { + setTimeout(function () { + initModal(); + }, 500); + }); + + /***/ + }, + + /***/ './assets/src/js/public/components/dashboard/dashBoardMoreBtn.js': + /*!***********************************************************************!*\ !*** ./assets/src/js/public/components/dashboard/dashBoardMoreBtn.js ***! \***********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _atmodal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../atmodal */ "./assets/src/js/public/atmodal.js"); -/* harmony import */ var _atmodal__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_atmodal__WEBPACK_IMPORTED_MODULE_0__); - -(function ($) { - window.addEventListener('load', function () { - // User Dashboard Table More Button - $('.directorist-dashboard-listings-tbody').on('click', '.directorist-btn-more', function (e) { - e.preventDefault(); - $(this).toggleClass('active'); - $('.directorist-dropdown-menu').removeClass('active'); - $(this).next('.directorist-dropdown-menu').toggleClass('active'); - e.stopPropagation(); - }); - $(document).bind('click', function (e) { - if (!$(e.target).parents().hasClass('directorist-dropdown-menu__list')) { - $('.directorist-dropdown-menu').removeClass('active'); - $('.directorist-btn-more').removeClass('active'); - } - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/dashboard/dashboardAnnouncement.js": -/*!****************************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _atmodal__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ../../atmodal */ './assets/src/js/public/atmodal.js' + ); + /* harmony import */ var _atmodal__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _atmodal__WEBPACK_IMPORTED_MODULE_0__ + ); + + (function ($) { + window.addEventListener('load', function () { + // User Dashboard Table More Button + $('.directorist-dashboard-listings-tbody').on( + 'click', + '.directorist-btn-more', + function (e) { + e.preventDefault(); + $(this).toggleClass('active'); + $('.directorist-dropdown-menu').removeClass( + 'active' + ); + $(this) + .next('.directorist-dropdown-menu') + .toggleClass('active'); + e.stopPropagation(); + } + ); + $(document).bind('click', function (e) { + if ( + !$(e.target) + .parents() + .hasClass('directorist-dropdown-menu__list') + ) { + $('.directorist-dropdown-menu').removeClass( + 'active' + ); + $('.directorist-btn-more').removeClass( + 'active' + ); + } + }); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/dashboard/dashboardAnnouncement.js': + /*!****************************************************************************!*\ !*** ./assets/src/js/public/components/dashboard/dashboardAnnouncement.js ***! \****************************************************************************/ -/***/ (function() { - -(function ($) { - window.addEventListener('load', function () { - // Clear seen Announcements - var cleared_seen_announcements = false; - $('.directorist-tab__nav__link').on('click', function () { - if (cleared_seen_announcements) { - return; - } - var target = $(this).attr('target'); - if ('dashboard_announcement' === target) { - $.ajax({ - type: 'post', - url: directorist.ajaxurl, - data: { - action: 'atbdp_clear_seen_announcements' - }, - success: function success(response) { - if (response.success) { - cleared_seen_announcements = true; - $('.directorist-announcement-count').removeClass('show'); - $('.directorist-announcement-count').html(''); - } - }, - error: function error(_error) { - // console.log({ - // error - // }); - } - }); - } - }); - - // Closing the Announcement - var closing_announcement = false; - $('.close-announcement').on('click', function (e) { - e.preventDefault(); - if (closing_announcement) { - return; - } - var post_id = $(this).closest('.directorist-announcement').data('post-id'); - var form_data = { - action: 'atbdp_close_announcement', - post_id: post_id, - nonce: directorist.directorist_nonce - }; - var button_default_html = $(self).html(); - closing_announcement = true; - var self = this; - $.ajax({ - type: 'post', - url: directorist.ajaxurl, - data: form_data, - beforeSend: function beforeSend() { - $(self).html(' '); - $(self).addClass('disable'); - $(self).attr('disable', true); - }, - success: function success(response) { - // console.log( { response } ); - closing_announcement = false; - $(self).removeClass('disable'); - $(self).attr('disable', false); - if (response.success) { - $('.announcement-id-' + post_id).remove(); - if (!$('.announcement-item').length) { - location.reload(); - } - } else { - $(self).html('Close'); - } - }, - error: function error(_error2) { - console.log({ - error: _error2 - }); - $(self).html(button_default_html); - $(self).removeClass('disable'); - $(self).attr('disable', false); - closing_announcement = false; - } - }); - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/dashboard/dashboardBecomeAuthor.js": -/*!****************************************************************************!*\ + /***/ function () { + (function ($) { + window.addEventListener('load', function () { + // Clear seen Announcements + var cleared_seen_announcements = false; + $('.directorist-tab__nav__link').on( + 'click', + function () { + if (cleared_seen_announcements) { + return; + } + var target = $(this).attr('target'); + if ('dashboard_announcement' === target) { + $.ajax({ + type: 'post', + url: directorist.ajaxurl, + data: { + action: 'atbdp_clear_seen_announcements', + }, + success: function success(response) { + if (response.success) { + cleared_seen_announcements = true; + $( + '.directorist-announcement-count' + ).removeClass('show'); + $( + '.directorist-announcement-count' + ).html(''); + } + }, + error: function error(_error) { + // console.log({ + // error + // }); + }, + }); + } + } + ); + + // Closing the Announcement + var closing_announcement = false; + $('.close-announcement').on('click', function (e) { + e.preventDefault(); + if (closing_announcement) { + return; + } + var post_id = $(this) + .closest('.directorist-announcement') + .data('post-id'); + var form_data = { + action: 'atbdp_close_announcement', + post_id: post_id, + nonce: directorist.directorist_nonce, + }; + var button_default_html = $(self).html(); + closing_announcement = true; + var self = this; + $.ajax({ + type: 'post', + url: directorist.ajaxurl, + data: form_data, + beforeSend: function beforeSend() { + $(self).html( + ' ' + ); + $(self).addClass('disable'); + $(self).attr('disable', true); + }, + success: function success(response) { + // console.log( { response } ); + closing_announcement = false; + $(self).removeClass('disable'); + $(self).attr('disable', false); + if (response.success) { + $( + '.announcement-id-' + post_id + ).remove(); + if (!$('.announcement-item').length) { + location.reload(); + } + } else { + $(self).html('Close'); + } + }, + error: function error(_error2) { + console.log({ + error: _error2, + }); + $(self).html(button_default_html); + $(self).removeClass('disable'); + $(self).attr('disable', false); + closing_announcement = false; + }, + }); + }); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/dashboard/dashboardBecomeAuthor.js': + /*!****************************************************************************!*\ !*** ./assets/src/js/public/components/dashboard/dashboardBecomeAuthor.js ***! \****************************************************************************/ -/***/ (function() { - -(function ($) { - window.addEventListener('load', function () { - // Dashboard become an author - $('.directorist-become-author').on('click', function (e) { - e.preventDefault(); - $('.directorist-become-author-modal').addClass('directorist-become-author-modal__show'); - }); - $('.directorist-become-author-modal__cancel').on('click', function (e) { - e.preventDefault(); - $('.directorist-become-author-modal').removeClass('directorist-become-author-modal__show'); - }); - $('.directorist-become-author-modal__approve').on('click', function (e) { - e.preventDefault(); - var userId = $(this).attr('data-userId'); - var nonce = $(this).attr('data-nonce'); - var data = { - userId: userId, - nonce: nonce, - action: 'atbdp_become_author' - }; - - // Send the data - $.post(directorist.ajaxurl, data, function (response) { - $('.directorist-become-author__loader').addClass('active'); - $('#directorist-become-author-success').html(response); - $('.directorist-become-author').hide(); - $('.directorist-become-author-modal').removeClass('directorist-become-author-modal__show'); - }); - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/dashboard/dashboardListing.js": -/*!***********************************************************************!*\ + /***/ function () { + (function ($) { + window.addEventListener('load', function () { + // Dashboard become an author + $('.directorist-become-author').on( + 'click', + function (e) { + e.preventDefault(); + $('.directorist-become-author-modal').addClass( + 'directorist-become-author-modal__show' + ); + } + ); + $('.directorist-become-author-modal__cancel').on( + 'click', + function (e) { + e.preventDefault(); + $( + '.directorist-become-author-modal' + ).removeClass( + 'directorist-become-author-modal__show' + ); + } + ); + $('.directorist-become-author-modal__approve').on( + 'click', + function (e) { + e.preventDefault(); + var userId = $(this).attr('data-userId'); + var nonce = $(this).attr('data-nonce'); + var data = { + userId: userId, + nonce: nonce, + action: 'atbdp_become_author', + }; + + // Send the data + $.post( + directorist.ajaxurl, + data, + function (response) { + $( + '.directorist-become-author__loader' + ).addClass('active'); + $( + '#directorist-become-author-success' + ).html(response); + $('.directorist-become-author').hide(); + $( + '.directorist-become-author-modal' + ).removeClass( + 'directorist-become-author-modal__show' + ); + } + ); + } + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/dashboard/dashboardListing.js': + /*!***********************************************************************!*\ !*** ./assets/src/js/public/components/dashboard/dashboardListing.js ***! \***********************************************************************/ -/***/ (function() { - -(function ($) { - window.addEventListener('load', function () { - // Dashboard Listing Ajax - function directorist_dashboard_listing_ajax($activeTab) { - var paged = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1; - var search = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : ''; - var task = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : ''; - var taskdata = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : ''; - var tab = $activeTab.data('tab'); - $.ajax({ - url: directorist.ajaxurl, - type: 'POST', - dataType: 'json', - data: { - action: 'directorist_dashboard_listing_tab', - _ajax_nonce: directorist.directorist_nonce, - tab: tab, - paged: paged, - search: search, - task: task, - taskdata: taskdata - }, - beforeSend: function beforeSend() { - $('#directorist-dashboard-preloader').show(); - }, - success: function success(response) { - $('.directorist-dashboard-listings-tbody').html(response.data.content); - $('.directorist-dashboard-pagination').html(response.data.pagination); - $('.directorist-dashboard-listing-nav-js a').removeClass('directorist-tab__nav__active'); - $activeTab.addClass('directorist-tab__nav__active'); - $('#directorist-dashboard-mylistings-js').data('paged', paged); - }, - complete: function complete() { - $('#directorist-dashboard-preloader').hide(); - } - }); - } - - // Dashboard Listing Tabs - $('.directorist-dashboard-listing-nav-js a').on('click', function (event) { - var $item = $(this); - if ($item.hasClass('directorist-tab__nav__active')) { - return false; - } - directorist_dashboard_listing_ajax($item); - $('#directorist-dashboard-listing-searchform input[name=searchtext').val(''); - $('#directorist-dashboard-mylistings-js').data('search', ''); - return false; - }); - - // Dashboard Tasks eg. delete - $('.directorist-dashboard-listings-tbody').on('click', '.directorist-dashboard-listing-actions a[data-task]', function (event) { - var task = $(this).data('task'); - var postid = $(this).closest('tr').data('id'); - var $activeTab = $('.directorist-dashboard-listing-nav-js a.directorist-tab__nav__active'); - var paged = $('#directorist-dashboard-mylistings-js').data('paged'); - var search = $('#directorist-dashboard-mylistings-js').data('search'); - if (task == 'delete') { - swal({ - title: directorist.listing_remove_title, - text: directorist.listing_remove_text, - type: 'warning', - cancelButtonText: directorist.review_cancel_btn_text, - showCancelButton: true, - confirmButtonColor: '#DD6B55', - confirmButtonText: directorist.listing_remove_confirm_text, - showLoaderOnConfirm: true, - closeOnConfirm: false - }, function (isConfirm) { - if (isConfirm) { - directorist_dashboard_listing_ajax($activeTab, paged, search, task, postid); - swal({ - title: directorist.listing_delete, - type: 'success', - timer: 200, - showConfirmButton: false - }); - } - }); - } - return false; - }); - - // Remove Listing - $(document).on('click', '#remove_listing', function (e) { - e.preventDefault(); - var $this = $(this); - var id = $this.data('listing_id'); - var data = 'listing_id=' + id; - swal({ - title: directorist.listing_remove_title, - text: directorist.listing_remove_text, - type: 'warning', - cancelButtonText: directorist.review_cancel_btn_text, - showCancelButton: true, - confirmButtonColor: '#DD6B55', - confirmButtonText: directorist.listing_remove_confirm_text, - showLoaderOnConfirm: true, - closeOnConfirm: false - }, function (isConfirm) { - if (isConfirm) { - // user has confirmed, now remove the listing - atbdp_do_ajax($this, 'remove_listing', data, function (response) { - $('body').append(response); - if ('success' === response) { - // show success message - swal({ - title: directorist.listing_delete, - type: 'success', - timer: 200, - showConfirmButton: false - }); - $('#listing_id_' + id).remove(); - $this.remove(); - } else { - // show error message - swal({ - title: directorist.listing_error_title, - text: directorist.listing_error_text, - type: 'error', - timer: 2000, - showConfirmButton: false - }); - } - }); - } - }); - - // send an ajax request to the ajax-handler.php and then delete the review of the given id - }); - - // Dashboard pagination - $('.directorist-dashboard-pagination').on('click', 'a', function (event) { - var $link = $(this); - var paged = $link.attr('href'); - paged = paged.split('/page/')[1]; - paged = parseInt(paged); - var search = $('#directorist-dashboard-mylistings-js').data('search'); - $activeTab = $('.directorist-dashboard-listing-nav-js a.directorist-tab__nav__active'); - directorist_dashboard_listing_ajax($activeTab, paged, search); - return false; - }); - - // Dashboard Search - $('#directorist-dashboard-listing-searchform input[name=searchtext').val(''); //onready - - $('#directorist-dashboard-listing-searchform').on('submit', function (event) { - var $activeTab = $('.directorist-dashboard-listing-nav-js a.directorist-tab__nav__active'); - var search = $(this).find('input[name=searchtext]').val(); - directorist_dashboard_listing_ajax($activeTab, 1, search); - $('#directorist-dashboard-mylistings-js').data('search', search); - return false; - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/dashboard/dashboardResponsive.js": -/*!**************************************************************************!*\ + /***/ function () { + (function ($) { + window.addEventListener('load', function () { + // Dashboard Listing Ajax + function directorist_dashboard_listing_ajax( + $activeTab + ) { + var paged = + arguments.length > 1 && + arguments[1] !== undefined + ? arguments[1] + : 1; + var search = + arguments.length > 2 && + arguments[2] !== undefined + ? arguments[2] + : ''; + var task = + arguments.length > 3 && + arguments[3] !== undefined + ? arguments[3] + : ''; + var taskdata = + arguments.length > 4 && + arguments[4] !== undefined + ? arguments[4] + : ''; + var tab = $activeTab.data('tab'); + $.ajax({ + url: directorist.ajaxurl, + type: 'POST', + dataType: 'json', + data: { + action: 'directorist_dashboard_listing_tab', + _ajax_nonce: directorist.directorist_nonce, + tab: tab, + paged: paged, + search: search, + task: task, + taskdata: taskdata, + }, + beforeSend: function beforeSend() { + $( + '#directorist-dashboard-preloader' + ).show(); + }, + success: function success(response) { + $( + '.directorist-dashboard-listings-tbody' + ).html(response.data.content); + $('.directorist-dashboard-pagination').html( + response.data.pagination + ); + $( + '.directorist-dashboard-listing-nav-js a' + ).removeClass( + 'directorist-tab__nav__active' + ); + $activeTab.addClass( + 'directorist-tab__nav__active' + ); + $( + '#directorist-dashboard-mylistings-js' + ).data('paged', paged); + }, + complete: function complete() { + $( + '#directorist-dashboard-preloader' + ).hide(); + }, + }); + } + + // Dashboard Listing Tabs + $('.directorist-dashboard-listing-nav-js a').on( + 'click', + function (event) { + var $item = $(this); + if ( + $item.hasClass( + 'directorist-tab__nav__active' + ) + ) { + return false; + } + directorist_dashboard_listing_ajax($item); + $( + '#directorist-dashboard-listing-searchform input[name=searchtext' + ).val(''); + $('#directorist-dashboard-mylistings-js').data( + 'search', + '' + ); + return false; + } + ); + + // Dashboard Tasks eg. delete + $('.directorist-dashboard-listings-tbody').on( + 'click', + '.directorist-dashboard-listing-actions a[data-task]', + function (event) { + var task = $(this).data('task'); + var postid = $(this).closest('tr').data('id'); + var $activeTab = $( + '.directorist-dashboard-listing-nav-js a.directorist-tab__nav__active' + ); + var paged = $( + '#directorist-dashboard-mylistings-js' + ).data('paged'); + var search = $( + '#directorist-dashboard-mylistings-js' + ).data('search'); + if (task == 'delete') { + swal( + { + title: directorist.listing_remove_title, + text: directorist.listing_remove_text, + type: 'warning', + cancelButtonText: + directorist.review_cancel_btn_text, + showCancelButton: true, + confirmButtonColor: '#DD6B55', + confirmButtonText: + directorist.listing_remove_confirm_text, + showLoaderOnConfirm: true, + closeOnConfirm: false, + }, + function (isConfirm) { + if (isConfirm) { + directorist_dashboard_listing_ajax( + $activeTab, + paged, + search, + task, + postid + ); + swal({ + title: directorist.listing_delete, + type: 'success', + timer: 200, + showConfirmButton: false, + }); + } + } + ); + } + return false; + } + ); + + // Remove Listing + $(document).on( + 'click', + '#remove_listing', + function (e) { + e.preventDefault(); + var $this = $(this); + var id = $this.data('listing_id'); + var data = 'listing_id=' + id; + swal( + { + title: directorist.listing_remove_title, + text: directorist.listing_remove_text, + type: 'warning', + cancelButtonText: + directorist.review_cancel_btn_text, + showCancelButton: true, + confirmButtonColor: '#DD6B55', + confirmButtonText: + directorist.listing_remove_confirm_text, + showLoaderOnConfirm: true, + closeOnConfirm: false, + }, + function (isConfirm) { + if (isConfirm) { + // user has confirmed, now remove the listing + atbdp_do_ajax( + $this, + 'remove_listing', + data, + function (response) { + $('body').append(response); + if ( + 'success' === response + ) { + // show success message + swal({ + title: directorist.listing_delete, + type: 'success', + timer: 200, + showConfirmButton: false, + }); + $( + '#listing_id_' + id + ).remove(); + $this.remove(); + } else { + // show error message + swal({ + title: directorist.listing_error_title, + text: directorist.listing_error_text, + type: 'error', + timer: 2000, + showConfirmButton: false, + }); + } + } + ); + } + } + ); + + // send an ajax request to the ajax-handler.php and then delete the review of the given id + } + ); + + // Dashboard pagination + $('.directorist-dashboard-pagination').on( + 'click', + 'a', + function (event) { + var $link = $(this); + var paged = $link.attr('href'); + paged = paged.split('/page/')[1]; + paged = parseInt(paged); + var search = $( + '#directorist-dashboard-mylistings-js' + ).data('search'); + $activeTab = $( + '.directorist-dashboard-listing-nav-js a.directorist-tab__nav__active' + ); + directorist_dashboard_listing_ajax( + $activeTab, + paged, + search + ); + return false; + } + ); + + // Dashboard Search + $( + '#directorist-dashboard-listing-searchform input[name=searchtext' + ).val(''); //onready + + $('#directorist-dashboard-listing-searchform').on( + 'submit', + function (event) { + var $activeTab = $( + '.directorist-dashboard-listing-nav-js a.directorist-tab__nav__active' + ); + var search = $(this) + .find('input[name=searchtext]') + .val(); + directorist_dashboard_listing_ajax( + $activeTab, + 1, + search + ); + $('#directorist-dashboard-mylistings-js').data( + 'search', + search + ); + return false; + } + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/dashboard/dashboardResponsive.js': + /*!**************************************************************************!*\ !*** ./assets/src/js/public/components/dashboard/dashboardResponsive.js ***! \**************************************************************************/ -/***/ (function() { - -(function ($) { - window.addEventListener('load', function () { - //dashboard content responsive fix - var tabContentWidth = $('.directorist-user-dashboard .directorist-user-dashboard__contents').innerWidth(); - if (tabContentWidth < 1399) { - $('.directorist-user-dashboard .directorist-user-dashboard__contents').addClass('directorist-tab-content-grid-fix'); - } - $(window).bind('resize', function () { - if ($(this).width() <= 1199) { - $('.directorist-user-dashboard__nav').addClass('directorist-dashboard-nav-collapsed'); - $('.directorist-shade').removeClass('directorist-active'); - } - }).trigger('resize'); - $('.directorist-dashboard__nav__close, .directorist-shade').on('click', function () { - $('.directorist-user-dashboard__nav').addClass('directorist-dashboard-nav-collapsed'); - $('.directorist-shade').removeClass('directorist-active'); - }); - - // Profile Responsive - $('.directorist-tab__nav__link').on('click', function () { - if ($('#user_profile_form').width() < 800 && $('#user_profile_form').width() !== 0) { - $('#user_profile_form').addClass('directorist-profile-responsive'); - } - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/dashboard/dashboardSidebar.js": -/*!***********************************************************************!*\ + /***/ function () { + (function ($) { + window.addEventListener('load', function () { + //dashboard content responsive fix + var tabContentWidth = $( + '.directorist-user-dashboard .directorist-user-dashboard__contents' + ).innerWidth(); + if (tabContentWidth < 1399) { + $( + '.directorist-user-dashboard .directorist-user-dashboard__contents' + ).addClass('directorist-tab-content-grid-fix'); + } + $(window) + .bind('resize', function () { + if ($(this).width() <= 1199) { + $( + '.directorist-user-dashboard__nav' + ).addClass( + 'directorist-dashboard-nav-collapsed' + ); + $('.directorist-shade').removeClass( + 'directorist-active' + ); + } + }) + .trigger('resize'); + $( + '.directorist-dashboard__nav__close, .directorist-shade' + ).on('click', function () { + $('.directorist-user-dashboard__nav').addClass( + 'directorist-dashboard-nav-collapsed' + ); + $('.directorist-shade').removeClass( + 'directorist-active' + ); + }); + + // Profile Responsive + $('.directorist-tab__nav__link').on( + 'click', + function () { + if ( + $('#user_profile_form').width() < 800 && + $('#user_profile_form').width() !== 0 + ) { + $('#user_profile_form').addClass( + 'directorist-profile-responsive' + ); + } + } + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/dashboard/dashboardSidebar.js': + /*!***********************************************************************!*\ !*** ./assets/src/js/public/components/dashboard/dashboardSidebar.js ***! \***********************************************************************/ -/***/ (function() { - -(function ($) { - window.addEventListener('load', function () { - //dashboard sidebar nav toggler - $('.directorist-user-dashboard__toggle__link').on('click', function (e) { - e.preventDefault(); - $('.directorist-user-dashboard__nav').toggleClass('directorist-dashboard-nav-collapsed'); - // $(".directorist-shade").toggleClass("directorist-active"); - }); - if ($(window).innerWidth() < 767) { - $('.directorist-user-dashboard__nav').addClass('directorist-dashboard-nav-collapsed'); - $('.directorist-user-dashboard__nav').addClass('directorist-dashboard-nav-collapsed--fixed'); - } - - //dashboard nav dropdown - $('.directorist-tab__nav__link').on('click', function (e) { - e.preventDefault(); - if ($(this).hasClass('atbd-dash-nav-dropdown')) { - // Slide toggle the sibling ul element - $(this).siblings('ul').slideToggle(); - } else if (!$(this).parents('.atbdp_tab_nav--has-child').length > 0) { - // Slide up all the dropdown contents while clicked item is not inside dropdown - $('.atbd-dash-nav-dropdown').siblings('ul').slideUp(); - } - }); - if ($(window).innerWidth() < 1199) { - $('.directorist-tab__nav__link:not(.atbd-dash-nav-dropdown)').on('click', function () { - $('.directorist-user-dashboard__nav').addClass('directorist-dashboard-nav-collapsed'); - $('.directorist-shade').removeClass('directorist-active'); - }); - $('.directorist-user-dashboard__toggle__link').on('click', function (e) { - e.preventDefault(); - $('.directorist-shade').toggleClass('directorist-active'); - }); - } - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/dashboard/dashboardTab.js": -/*!*******************************************************************!*\ + /***/ function () { + (function ($) { + window.addEventListener('load', function () { + //dashboard sidebar nav toggler + $('.directorist-user-dashboard__toggle__link').on( + 'click', + function (e) { + e.preventDefault(); + $( + '.directorist-user-dashboard__nav' + ).toggleClass( + 'directorist-dashboard-nav-collapsed' + ); + // $(".directorist-shade").toggleClass("directorist-active"); + } + ); + if ($(window).innerWidth() < 767) { + $('.directorist-user-dashboard__nav').addClass( + 'directorist-dashboard-nav-collapsed' + ); + $('.directorist-user-dashboard__nav').addClass( + 'directorist-dashboard-nav-collapsed--fixed' + ); + } + + //dashboard nav dropdown + $('.directorist-tab__nav__link').on( + 'click', + function (e) { + e.preventDefault(); + if ( + $(this).hasClass('atbd-dash-nav-dropdown') + ) { + // Slide toggle the sibling ul element + $(this).siblings('ul').slideToggle(); + } else if ( + !$(this).parents( + '.atbdp_tab_nav--has-child' + ).length > 0 + ) { + // Slide up all the dropdown contents while clicked item is not inside dropdown + $('.atbd-dash-nav-dropdown') + .siblings('ul') + .slideUp(); + } + } + ); + if ($(window).innerWidth() < 1199) { + $( + '.directorist-tab__nav__link:not(.atbd-dash-nav-dropdown)' + ).on('click', function () { + $('.directorist-user-dashboard__nav').addClass( + 'directorist-dashboard-nav-collapsed' + ); + $('.directorist-shade').removeClass( + 'directorist-active' + ); + }); + $('.directorist-user-dashboard__toggle__link').on( + 'click', + function (e) { + e.preventDefault(); + $('.directorist-shade').toggleClass( + 'directorist-active' + ); + } + ); + } + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/dashboard/dashboardTab.js': + /*!*******************************************************************!*\ !*** ./assets/src/js/public/components/dashboard/dashboardTab.js ***! \*******************************************************************/ -/***/ (function() { - -(function () { - new DashTab('.directorist-tab'); -})(); + /***/ function () { + (function () { + new DashTab('.directorist-tab'); + })(); -/***/ }), + /***/ + }, -/***/ "./assets/src/js/public/components/directoristAlert.js": -/*!*************************************************************!*\ + /***/ './assets/src/js/public/components/directoristAlert.js': + /*!*************************************************************!*\ !*** ./assets/src/js/public/components/directoristAlert.js ***! \*************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_alert_executed === 'undefined') { - window.directorist_alert_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* Directorist alert dismiss */ - var getUrl = window.location.href; - var newUrl = getUrl.replace('notice=1', ''); - if ($('.directorist-alert__close') !== null) { - $('.directorist-alert__close').each(function (i, e) { - $(e).on('click', function (e) { - e.preventDefault(); - history.pushState({}, null, newUrl); - $(this).closest('.directorist-alert').remove(); - }); - }); - } - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristDropdown.js": -/*!****************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_alert_executed === 'undefined' + ) { + window.directorist_alert_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* Directorist alert dismiss */ + var getUrl = window.location.href; + var newUrl = getUrl.replace('notice=1', ''); + if ($('.directorist-alert__close') !== null) { + $('.directorist-alert__close').each( + function (i, e) { + $(e).on('click', function (e) { + e.preventDefault(); + history.pushState({}, null, newUrl); + $(this) + .closest('.directorist-alert') + .remove(); + }); + } + ); + } + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristDropdown.js': + /*!****************************************************************!*\ !*** ./assets/src/js/public/components/directoristDropdown.js ***! \****************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_dropdown_executed === 'undefined') { - window.directorist_dropdown_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* custom dropdown */ - var atbdDropdown = document.querySelectorAll('.directorist-dropdown-select'); - - // toggle dropdown - var clickCount = 0; - if (atbdDropdown !== null) { - atbdDropdown.forEach(function (el) { - el.querySelector('.directorist-dropdown-select-toggle').addEventListener('click', function (e) { - e.preventDefault(); - clickCount++; - if (clickCount % 2 === 1) { - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elem) { - elem.classList.remove('directorist-dropdown-select-show'); - }); - el.querySelector('.directorist-dropdown-select-items').classList.add('directorist-dropdown-select-show'); - } else { - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elem) { - elem.classList.remove('directorist-dropdown-select-show'); - }); - } - }); - }); - } - - // remvoe toggle when click outside - document.body.addEventListener('click', function (e) { - if (e.target.getAttribute('data-drop-toggle') !== 'directorist-dropdown-select-toggle') { - clickCount = 0; - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (el) { - el.classList.remove('directorist-dropdown-select-show'); - }); - } - }); - - //custom select - var atbdSelect = document.querySelectorAll('.atbd-drop-select'); - if (atbdSelect !== null) { - atbdSelect.forEach(function (el) { - el.querySelectorAll('.directorist-dropdown-select-items').forEach(function (item) { - item.addEventListener('click', function (e) { - e.preventDefault(); - el.querySelector('.directorist-dropdown-select-toggle').textContent = e.target.textContent; - el.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elm) { - elm.classList.remove('atbd-active'); - }); - item.classList.add('atbd-active'); - }); - }); - }); - } - - // Dropdown - $('body').on('click', '.directorist-dropdown .directorist-dropdown-toggle', function (e) { - e.preventDefault(); - $(this).siblings('.directorist-dropdown-option').toggle(); - }); - - // Select Option after click - $('body').on('click', '.directorist-dropdown .directorist-dropdown-option ul li a', function (e) { - e.preventDefault(); - var optionText = $(this).html(); - $(this).children('.directorist-dropdown-toggle__text').html(optionText); - $(this).closest('.directorist-dropdown-option').siblings('.directorist-dropdown-toggle').children('.directorist-dropdown-toggle__text').html(optionText); - $('.directorist-dropdown-option').hide(); - }); - - // Hide Clicked Anywhere - $(document).bind('click', function (e) { - var clickedDOM = $(e.target); - if (!clickedDOM.parents().hasClass('directorist-dropdown')) $('.directorist-dropdown-option').hide(); - }); - - //atbd_dropdown - $(document).on('click', '.atbd_dropdown', function (e) { - if ($(this).attr('class') === 'atbd_dropdown') { - e.preventDefault(); - $(this).siblings('.atbd_dropdown').removeClass('atbd_drop--active'); - $(this).toggleClass('atbd_drop--active'); - e.stopPropagation(); - } - }); - $(document).on('click', function (e) { - if ($(e.target).is('.atbd_dropdown, .atbd_drop--active') === false) { - $('.atbd_dropdown').removeClass('atbd_drop--active'); - } - }); - $('body').on('click', '.atbd_dropdown-toggle', function (e) { - e.preventDefault(); - }); - - // Directorist Dropdown - $('body').on('click', '.directorist-dropdown-js .directorist-dropdown__toggle-js', function (e) { - e.preventDefault(); - if (!$(this).siblings('.directorist-dropdown__links-js').is(':visible')) { - $('.directorist-dropdown__links').hide(); - } - $(this).siblings('.directorist-dropdown__links-js').toggle(); - }); - $('body').on('click', function (e) { - if (!e.target.closest('.directorist-dropdown-js')) { - $('.directorist-dropdown__links-js').hide(); - } - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristFavorite.js": -/*!****************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_dropdown_executed === + 'undefined' + ) { + window.directorist_dropdown_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* custom dropdown */ + var atbdDropdown = document.querySelectorAll( + '.directorist-dropdown-select' + ); + + // toggle dropdown + var clickCount = 0; + if (atbdDropdown !== null) { + atbdDropdown.forEach(function (el) { + el.querySelector( + '.directorist-dropdown-select-toggle' + ).addEventListener('click', function (e) { + e.preventDefault(); + clickCount++; + if (clickCount % 2 === 1) { + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (elem) { + elem.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + el.querySelector( + '.directorist-dropdown-select-items' + ).classList.add( + 'directorist-dropdown-select-show' + ); + } else { + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (elem) { + elem.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + } + }); + }); + } + + // remvoe toggle when click outside + document.body.addEventListener('click', function (e) { + if ( + e.target.getAttribute('data-drop-toggle') !== + 'directorist-dropdown-select-toggle' + ) { + clickCount = 0; + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (el) { + el.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + } + }); + + //custom select + var atbdSelect = + document.querySelectorAll('.atbd-drop-select'); + if (atbdSelect !== null) { + atbdSelect.forEach(function (el) { + el.querySelectorAll( + '.directorist-dropdown-select-items' + ).forEach(function (item) { + item.addEventListener( + 'click', + function (e) { + e.preventDefault(); + el.querySelector( + '.directorist-dropdown-select-toggle' + ).textContent = + e.target.textContent; + el.querySelectorAll( + '.directorist-dropdown-select-items' + ).forEach(function (elm) { + elm.classList.remove( + 'atbd-active' + ); + }); + item.classList.add('atbd-active'); + } + ); + }); + }); + } + + // Dropdown + $('body').on( + 'click', + '.directorist-dropdown .directorist-dropdown-toggle', + function (e) { + e.preventDefault(); + $(this) + .siblings('.directorist-dropdown-option') + .toggle(); + } + ); + + // Select Option after click + $('body').on( + 'click', + '.directorist-dropdown .directorist-dropdown-option ul li a', + function (e) { + e.preventDefault(); + var optionText = $(this).html(); + $(this) + .children( + '.directorist-dropdown-toggle__text' + ) + .html(optionText); + $(this) + .closest('.directorist-dropdown-option') + .siblings('.directorist-dropdown-toggle') + .children( + '.directorist-dropdown-toggle__text' + ) + .html(optionText); + $('.directorist-dropdown-option').hide(); + } + ); + + // Hide Clicked Anywhere + $(document).bind('click', function (e) { + var clickedDOM = $(e.target); + if ( + !clickedDOM + .parents() + .hasClass('directorist-dropdown') + ) + $('.directorist-dropdown-option').hide(); + }); + + //atbd_dropdown + $(document).on('click', '.atbd_dropdown', function (e) { + if ($(this).attr('class') === 'atbd_dropdown') { + e.preventDefault(); + $(this) + .siblings('.atbd_dropdown') + .removeClass('atbd_drop--active'); + $(this).toggleClass('atbd_drop--active'); + e.stopPropagation(); + } + }); + $(document).on('click', function (e) { + if ( + $(e.target).is( + '.atbd_dropdown, .atbd_drop--active' + ) === false + ) { + $('.atbd_dropdown').removeClass( + 'atbd_drop--active' + ); + } + }); + $('body').on( + 'click', + '.atbd_dropdown-toggle', + function (e) { + e.preventDefault(); + } + ); + + // Directorist Dropdown + $('body').on( + 'click', + '.directorist-dropdown-js .directorist-dropdown__toggle-js', + function (e) { + e.preventDefault(); + if ( + !$(this) + .siblings( + '.directorist-dropdown__links-js' + ) + .is(':visible') + ) { + $('.directorist-dropdown__links').hide(); + } + $(this) + .siblings('.directorist-dropdown__links-js') + .toggle(); + } + ); + $('body').on('click', function (e) { + if (!e.target.closest('.directorist-dropdown-js')) { + $('.directorist-dropdown__links-js').hide(); + } + }); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristFavorite.js': + /*!****************************************************************!*\ !*** ./assets/src/js/public/components/directoristFavorite.js ***! \****************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_favorite_executed === 'undefined') { - window.directorist_favorite_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - // Add or Remove from favourites - $('.directorist-action-bookmark').on('click', function (e) { - e.preventDefault(); - var data = { - action: 'atbdp_public_add_remove_favorites', - directorist_nonce: directorist.directorist_nonce, - post_id: $(this).data('listing_id') - }; - $.post(directorist.ajaxurl, data, function (response) { - if (response) { - $('.directorist-action-bookmark').html(response); - } - }); - }); - $('.directorist-favourite-remove-btn').each(function () { - $(this).on('click', function (event) { - event.preventDefault(); - var data = { - action: 'atbdp-favourites-all-listing', - directorist_nonce: directorist.directorist_nonce, - post_id: $(this).data('listing_id') - }; - $('.directorist-favorite-tooltip').hide(); - $.post(directorist.ajaxurl, data, function (response) { - var post_id = data['post_id'].toString(); - var staElement = $('.directorist_favourite_' + post_id); - if ('false' === response) { - staElement.remove(); - } - }); - }); - }); - $('body').on('click', '.directorist-mark-as-favorite__btn', function (event) { - event.preventDefault(); - var data = { - action: 'atbdp-favourites-all-listing', - directorist_nonce: directorist.directorist_nonce, - post_id: $(this).data('listing_id') - }; - var fav_tooltip_success = '' + directorist.i18n_text.added_favourite + ''; - var fav_tooltip_warning = '' + directorist.i18n_text.please_login + ''; - $('.directorist-favorite-tooltip').hide(); - $.post(directorist.ajax_url, data, function (response) { - var post_id = data['post_id'].toString(); - var staElement = $('.directorist-fav_' + post_id); - var data_id = staElement.attr('data-listing_id'); - if (response === 'login_required') { - staElement.children('.directorist-favorite-tooltip').append(fav_tooltip_warning); - staElement.children('.directorist-favorite-tooltip').fadeIn(); - setTimeout(function () { - staElement.children('.directorist-favorite-tooltip').children('span').remove(); - }, 3000); - } else if ('false' === response) { - staElement.removeClass('directorist-added-to-favorite'); - $('.directorist-favorite-tooltip span').remove(); - } else { - if (data_id === post_id) { - staElement.addClass('directorist-added-to-favorite'); - staElement.children('.directorist-favorite-tooltip').append(fav_tooltip_success); - staElement.children('.directorist-favorite-tooltip').fadeIn(); - setTimeout(function () { - staElement.children('.directorist-favorite-tooltip').children('span').remove(); - }, 3000); - } - } - }); - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristSelect.js": -/*!**************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_favorite_executed === + 'undefined' + ) { + window.directorist_favorite_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + // Add or Remove from favourites + $('.directorist-action-bookmark').on( + 'click', + function (e) { + e.preventDefault(); + var data = { + action: 'atbdp_public_add_remove_favorites', + directorist_nonce: + directorist.directorist_nonce, + post_id: $(this).data('listing_id'), + }; + $.post( + directorist.ajaxurl, + data, + function (response) { + if (response) { + $( + '.directorist-action-bookmark' + ).html(response); + } + } + ); + } + ); + $('.directorist-favourite-remove-btn').each( + function () { + $(this).on('click', function (event) { + event.preventDefault(); + var data = { + action: 'atbdp-favourites-all-listing', + directorist_nonce: + directorist.directorist_nonce, + post_id: $(this).data('listing_id'), + }; + $('.directorist-favorite-tooltip').hide(); + $.post( + directorist.ajaxurl, + data, + function (response) { + var post_id = + data['post_id'].toString(); + var staElement = $( + '.directorist_favourite_' + + post_id + ); + if ('false' === response) { + staElement.remove(); + } + } + ); + }); + } + ); + $('body').on( + 'click', + '.directorist-mark-as-favorite__btn', + function (event) { + event.preventDefault(); + var data = { + action: 'atbdp-favourites-all-listing', + directorist_nonce: + directorist.directorist_nonce, + post_id: $(this).data('listing_id'), + }; + var fav_tooltip_success = + '' + + directorist.i18n_text.added_favourite + + ''; + var fav_tooltip_warning = + '' + + directorist.i18n_text.please_login + + ''; + $('.directorist-favorite-tooltip').hide(); + $.post( + directorist.ajax_url, + data, + function (response) { + var post_id = + data['post_id'].toString(); + var staElement = $( + '.directorist-fav_' + post_id + ); + var data_id = + staElement.attr('data-listing_id'); + if (response === 'login_required') { + staElement + .children( + '.directorist-favorite-tooltip' + ) + .append(fav_tooltip_warning); + staElement + .children( + '.directorist-favorite-tooltip' + ) + .fadeIn(); + setTimeout(function () { + staElement + .children( + '.directorist-favorite-tooltip' + ) + .children('span') + .remove(); + }, 3000); + } else if ('false' === response) { + staElement.removeClass( + 'directorist-added-to-favorite' + ); + $( + '.directorist-favorite-tooltip span' + ).remove(); + } else { + if (data_id === post_id) { + staElement.addClass( + 'directorist-added-to-favorite' + ); + staElement + .children( + '.directorist-favorite-tooltip' + ) + .append( + fav_tooltip_success + ); + staElement + .children( + '.directorist-favorite-tooltip' + ) + .fadeIn(); + setTimeout(function () { + staElement + .children( + '.directorist-favorite-tooltip' + ) + .children('span') + .remove(); + }, 3000); + } + } + } + ); + } + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristSelect.js': + /*!**************************************************************!*\ !*** ./assets/src/js/public/components/directoristSelect.js ***! \**************************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_select_executed === 'undefined') { - window.directorist_select_executed = true; - } else { - return; - } - //custom select - var atbdSelect = document.querySelectorAll('.atbd-drop-select'); - if (atbdSelect !== null) { - atbdSelect.forEach(function (el) { - el.querySelectorAll('.atbd-dropdown-item').forEach(function (item) { - item.addEventListener('click', function (e) { - e.preventDefault(); - el.querySelector('.atbd-dropdown-toggle').textContent = item.textContent; - el.querySelectorAll('.atbd-dropdown-item').forEach(function (elm) { - elm.classList.remove('atbd-active'); - }); - item.classList.add('atbd-active'); - }); - }); - }); - } - - // select data-status - var atbdSelectData = document.querySelectorAll('.atbd-drop-select.with-sort'); - atbdSelectData.forEach(function (el) { - el.querySelectorAll('.atbd-dropdown-item').forEach(function (item) { - var atbd_dropdown = el.querySelector('.atbd-dropdown-toggle'); - var dropdown_item = item.getAttribute('data-status'); - item.addEventListener('click', function (e) { - atbd_dropdown.setAttribute('data-status', "".concat(dropdown_item)); - }); - }); - }); -}); - -/***/ }), - -/***/ "./assets/src/js/public/components/legacy-support.js": -/*!***********************************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_select_executed === + 'undefined' + ) { + window.directorist_select_executed = true; + } else { + return; + } + //custom select + var atbdSelect = + document.querySelectorAll('.atbd-drop-select'); + if (atbdSelect !== null) { + atbdSelect.forEach(function (el) { + el.querySelectorAll('.atbd-dropdown-item').forEach( + function (item) { + item.addEventListener( + 'click', + function (e) { + e.preventDefault(); + el.querySelector( + '.atbd-dropdown-toggle' + ).textContent = item.textContent; + el.querySelectorAll( + '.atbd-dropdown-item' + ).forEach(function (elm) { + elm.classList.remove( + 'atbd-active' + ); + }); + item.classList.add('atbd-active'); + } + ); + } + ); + }); + } + + // select data-status + var atbdSelectData = document.querySelectorAll( + '.atbd-drop-select.with-sort' + ); + atbdSelectData.forEach(function (el) { + el.querySelectorAll('.atbd-dropdown-item').forEach( + function (item) { + var atbd_dropdown = el.querySelector( + '.atbd-dropdown-toggle' + ); + var dropdown_item = + item.getAttribute('data-status'); + item.addEventListener('click', function (e) { + atbd_dropdown.setAttribute( + 'data-status', + ''.concat(dropdown_item) + ); + }); + } + ); + }); + }); + + /***/ + }, + + /***/ './assets/src/js/public/components/legacy-support.js': + /*!***********************************************************!*\ !*** ./assets/src/js/public/components/legacy-support.js ***! \***********************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - /* custom dropdown */ - var atbdDropdown = document.querySelectorAll('.atbd-dropdown'); - - // toggle dropdown - var clickCount = 0; - if (atbdDropdown !== null) { - atbdDropdown.forEach(function (el) { - el.querySelector('.atbd-dropdown-toggle').addEventListener('click', function (e) { - e.preventDefault(); - clickCount++; - if (clickCount % 2 === 1) { - document.querySelectorAll('.atbd-dropdown-items').forEach(function (el) { - el.classList.remove('atbd-show'); - }); - el.querySelector('.atbd-dropdown-items').classList.add('atbd-show'); - } else { - document.querySelectorAll('.atbd-dropdown-items').forEach(function (el) { - el.classList.remove('atbd-show'); - }); - } - }); - }); - } - - // remvoe toggle when click outside - document.body.addEventListener('click', function (e) { - if (e.target.getAttribute('data-drop-toggle') !== 'atbd-toggle') { - clickCount = 0; - document.querySelectorAll('.atbd-dropdown-items').forEach(function (el) { - el.classList.remove('atbd-show'); - }); - } - }); -}); - -/***/ }), - -/***/ "./assets/src/js/public/components/preferenceForm.js": -/*!***********************************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + /* custom dropdown */ + var atbdDropdown = + document.querySelectorAll('.atbd-dropdown'); + + // toggle dropdown + var clickCount = 0; + if (atbdDropdown !== null) { + atbdDropdown.forEach(function (el) { + el.querySelector( + '.atbd-dropdown-toggle' + ).addEventListener('click', function (e) { + e.preventDefault(); + clickCount++; + if (clickCount % 2 === 1) { + document + .querySelectorAll( + '.atbd-dropdown-items' + ) + .forEach(function (el) { + el.classList.remove('atbd-show'); + }); + el.querySelector( + '.atbd-dropdown-items' + ).classList.add('atbd-show'); + } else { + document + .querySelectorAll( + '.atbd-dropdown-items' + ) + .forEach(function (el) { + el.classList.remove('atbd-show'); + }); + } + }); + }); + } + + // remvoe toggle when click outside + document.body.addEventListener('click', function (e) { + if ( + e.target.getAttribute('data-drop-toggle') !== + 'atbd-toggle' + ) { + clickCount = 0; + document + .querySelectorAll('.atbd-dropdown-items') + .forEach(function (el) { + el.classList.remove('atbd-show'); + }); + } + }); + }); + + /***/ + }, + + /***/ './assets/src/js/public/components/preferenceForm.js': + /*!***********************************************************!*\ !*** ./assets/src/js/public/components/preferenceForm.js ***! \***********************************************************/ -/***/ (function() { - -(function ($) { - if ($('#display_author_email').length) { - $('#display_author_email').select2(); - } - window.addEventListener('load', function () { - var is_processing = false; - $('#user_preferences').on('submit', function (e) { - // submit the form to the ajax handler and then send a response from the database and then work accordingly and then after finishing the update profile then work on remove listing and also remove the review and rating form the custom table once the listing is deleted successfully. - e.preventDefault(); - var submit_button = $('#update_user_preferences'); - submit_button.attr('disabled', true); - submit_button.addClass('directorist-loader'); - if (is_processing) { - submit_button.removeAttr('disabled'); - return; - } - var form_data = new FormData(); - var err_log = {}; - - // ajax action - form_data.append('action', 'update_user_preferences'); - form_data.append('directorist_nonce', directorist.directorist_nonce); - var $form = $(this); - var arrData = $form.serializeArray(); - $.each(arrData, function (index, elem) { - var name = elem.name; - var value = elem.value; - form_data.append(name, value); - }); - $.ajax({ - method: 'POST', - processData: false, - contentType: false, - url: directorist.ajaxurl, - data: form_data, - success: function success(response) { - submit_button.removeAttr('disabled'); - submit_button.removeClass('directorist-loader'); - if (response.success) { - $('#directorist-preference-notice').html('' + response.data.message + ''); - } else { - $('#directorist-preference-notice').html('' + response.data.message + ''); - } - }, - error: function error(response) { - submit_button.removeAttr('disabled'); - console.log(response); - } - }); - // remove notice after five second - setTimeout(function () { - $('#directorist-preference-notice .directorist-alert').remove(); - }, 5000); - - // prevent the from submitting - return false; - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/profileForm.js": -/*!********************************************************!*\ + /***/ function () { + (function ($) { + if ($('#display_author_email').length) { + $('#display_author_email').select2(); + } + window.addEventListener('load', function () { + var is_processing = false; + $('#user_preferences').on('submit', function (e) { + // submit the form to the ajax handler and then send a response from the database and then work accordingly and then after finishing the update profile then work on remove listing and also remove the review and rating form the custom table once the listing is deleted successfully. + e.preventDefault(); + var submit_button = $('#update_user_preferences'); + submit_button.attr('disabled', true); + submit_button.addClass('directorist-loader'); + if (is_processing) { + submit_button.removeAttr('disabled'); + return; + } + var form_data = new FormData(); + var err_log = {}; + + // ajax action + form_data.append( + 'action', + 'update_user_preferences' + ); + form_data.append( + 'directorist_nonce', + directorist.directorist_nonce + ); + var $form = $(this); + var arrData = $form.serializeArray(); + $.each(arrData, function (index, elem) { + var name = elem.name; + var value = elem.value; + form_data.append(name, value); + }); + $.ajax({ + method: 'POST', + processData: false, + contentType: false, + url: directorist.ajaxurl, + data: form_data, + success: function success(response) { + submit_button.removeAttr('disabled'); + submit_button.removeClass( + 'directorist-loader' + ); + if (response.success) { + $( + '#directorist-preference-notice' + ).html( + '' + + response.data.message + + '' + ); + } else { + $( + '#directorist-preference-notice' + ).html( + '' + + response.data.message + + '' + ); + } + }, + error: function error(response) { + submit_button.removeAttr('disabled'); + console.log(response); + }, + }); + // remove notice after five second + setTimeout(function () { + $( + '#directorist-preference-notice .directorist-alert' + ).remove(); + }, 5000); + + // prevent the from submitting + return false; + }); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/profileForm.js': + /*!********************************************************!*\ !*** ./assets/src/js/public/components/profileForm.js ***! \********************************************************/ -/***/ (function() { - -(function ($) { - window.addEventListener('load', function () { - var profileMediaUploader = null; - if ($('.directorist-profile-uploader').length) { - profileMediaUploader = new EzMediaUploader({ - containerClass: 'directorist-profile-uploader' - }); - profileMediaUploader.init(); - } - var is_processing = false; - $('#user_profile_form').on('submit', function (e) { - // submit the form to the ajax handler and then send a response from the database and then work accordingly and then after finishing the update profile then work on remove listing and also remove the review and rating form the custom table once the listing is deleted successfully. - e.preventDefault(); - var submit_button = $('#update_user_profile'); - submit_button.attr('disabled', true); - submit_button.addClass('directorist-loader'); - if (is_processing) { - submit_button.removeAttr('disabled'); - return; - } - var form_data = new FormData(); - var err_log = {}; - var error_count; - - // ajax action - form_data.append('action', 'update_user_profile'); - form_data.append('directorist_nonce', directorist.directorist_nonce); - if (profileMediaUploader) { - var hasValidFiles = profileMediaUploader.hasValidFiles(); - if (hasValidFiles) { - //files - var files = profileMediaUploader.getTheFiles(); - var filesMeta = profileMediaUploader.getFilesMeta(); - if (files.length) { - for (var i = 0; i < files.length; i++) { - form_data.append('profile_picture', files[i]); - } - } - if (filesMeta.length) { - for (var i = 0; i < filesMeta.length; i++) { - var elm = filesMeta[i]; - for (var key in elm) { - form_data.append('profile_picture_meta[' + i + '][' + key + ']', elm[key]); - } - } - } - } else { - $('.directorist-form-submit__btn').removeClass('atbd_loading'); - err_log.user_profile_avater = { - msg: 'Listing gallery has invalid files' - }; - error_count++; - } - } - var $form = $(this); - var arrData = $form.serializeArray(); - $.each(arrData, function (index, elem) { - var name = elem.name; - var value = elem.value; - form_data.append(name, value); - }); - $.ajax({ - method: 'POST', - processData: false, - contentType: false, - url: directorist.ajaxurl, - data: form_data, - success: function success(response) { - submit_button.removeAttr('disabled'); - submit_button.removeClass('directorist-loader'); - - // console.log(response); - - if (response.success) { - $('#directorist-profile-notice').html('' + response.data + ''); - - // Reload if password updated - var newPass = form_data.get('user[new_pass]'); - if (typeof newPass == 'string' && newPass.length > 0) { - location.reload(); - return false; - } - } else { - $('#directorist-profile-notice').html('' + response.data + ''); - } - }, - error: function error(response) { - submit_button.removeAttr('disabled'); - console.log(response); - } - }); - // remove notice after five second - setTimeout(function () { - $('#directorist-profile-notice .directorist-alert').remove(); - }, 5000); - - // prevent the from submitting - return false; - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/lib/dashTab.js": -/*!*********************************************!*\ + /***/ function () { + (function ($) { + window.addEventListener('load', function () { + var profileMediaUploader = null; + if ($('.directorist-profile-uploader').length) { + profileMediaUploader = new EzMediaUploader({ + containerClass: 'directorist-profile-uploader', + }); + profileMediaUploader.init(); + } + var is_processing = false; + $('#user_profile_form').on('submit', function (e) { + // submit the form to the ajax handler and then send a response from the database and then work accordingly and then after finishing the update profile then work on remove listing and also remove the review and rating form the custom table once the listing is deleted successfully. + e.preventDefault(); + var submit_button = $('#update_user_profile'); + submit_button.attr('disabled', true); + submit_button.addClass('directorist-loader'); + if (is_processing) { + submit_button.removeAttr('disabled'); + return; + } + var form_data = new FormData(); + var err_log = {}; + var error_count; + + // ajax action + form_data.append('action', 'update_user_profile'); + form_data.append( + 'directorist_nonce', + directorist.directorist_nonce + ); + if (profileMediaUploader) { + var hasValidFiles = + profileMediaUploader.hasValidFiles(); + if (hasValidFiles) { + //files + var files = + profileMediaUploader.getTheFiles(); + var filesMeta = + profileMediaUploader.getFilesMeta(); + if (files.length) { + for (var i = 0; i < files.length; i++) { + form_data.append( + 'profile_picture', + files[i] + ); + } + } + if (filesMeta.length) { + for ( + var i = 0; + i < filesMeta.length; + i++ + ) { + var elm = filesMeta[i]; + for (var key in elm) { + form_data.append( + 'profile_picture_meta[' + + i + + '][' + + key + + ']', + elm[key] + ); + } + } + } + } else { + $( + '.directorist-form-submit__btn' + ).removeClass('atbd_loading'); + err_log.user_profile_avater = { + msg: 'Listing gallery has invalid files', + }; + error_count++; + } + } + var $form = $(this); + var arrData = $form.serializeArray(); + $.each(arrData, function (index, elem) { + var name = elem.name; + var value = elem.value; + form_data.append(name, value); + }); + $.ajax({ + method: 'POST', + processData: false, + contentType: false, + url: directorist.ajaxurl, + data: form_data, + success: function success(response) { + submit_button.removeAttr('disabled'); + submit_button.removeClass( + 'directorist-loader' + ); + + // console.log(response); + + if (response.success) { + $('#directorist-profile-notice').html( + '' + + response.data + + '' + ); + + // Reload if password updated + var newPass = + form_data.get('user[new_pass]'); + if ( + typeof newPass == 'string' && + newPass.length > 0 + ) { + location.reload(); + return false; + } + } else { + $('#directorist-profile-notice').html( + '' + + response.data + + '' + ); + } + }, + error: function error(response) { + submit_button.removeAttr('disabled'); + console.log(response); + }, + }); + // remove notice after five second + setTimeout(function () { + $( + '#directorist-profile-notice .directorist-alert' + ).remove(); + }, 5000); + + // prevent the from submitting + return false; + }); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/lib/dashTab.js': + /*!*********************************************!*\ !*** ./assets/src/js/public/lib/dashTab.js ***! \*********************************************/ -/***/ (function() { - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -/* + /***/ function () { + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + /* Plugin: Dash Tab Version: 1.0.0 License: MIT */ -(function () { - this.DashTab = function (selector) { - this.globalSetup = function () { - if (window.isInitializedDashTab) { - return; - } - window.isInitializedDashTab = true; - this.activateNavLinkByURL(); - }; - this.activateNavLinkByURL = function () { - var hash = window.location.hash; - var queryStrings = null; - - // Split the URL into its components - var urlParts = hash.split(/[?|&]/); - if (urlParts.length > 1) { - // Get Hash Link - var hashLink = urlParts[0]; - - // Get the search parameters - queryStrings = JSON.parse(JSON.stringify(urlParts)); - queryStrings.splice(0, 1); - queryStrings = queryStrings.filter(function (item) { - return "".concat(item).length; - }); - queryStrings = queryStrings.join('&'); - window.location.hash = hashLink; - hash = window.location.hash; - } - - // Activate Current Navigation Item - var navLinks = document.querySelectorAll('.directorist-tab__nav__link'); - var _iterator = _createForOfIteratorHelper(navLinks), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var link = _step.value; - var href = link.getAttribute('href'); - var target = link.getAttribute('target'); - if (href === hash || "#".concat(target) === hash || window.location.hash.match(new RegExp("^".concat(href, "$")))) { - var parent = link.closest('.atbdp_tab_nav--has-child'); - if (parent) { - var dropdownMenu = parent.querySelector('.atbd-dashboard-nav'); - if (dropdownMenu) { - dropdownMenu.style.display = 'block'; - } - } - link.click(); - break; - } - } - - // Update Window History - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } - if (queryStrings) { - // Reconstruct the URL with the updated search parameters - var newUrl = window.location.pathname + window.location.hash + '?' + queryStrings; - window.history.replaceState(null, null, newUrl); - } - }; - this.navLinksSetup = function (selector) { - var elements = document.querySelectorAll(selector); - if (!elements.length) return; - elements.forEach(function (el) { - var links = el.querySelectorAll('.directorist-tab__nav__link:not(.atbd-dash-nav-dropdown)'); - links.forEach(function (link) { - link.style.cursor = 'pointer'; - link.addEventListener('click', function (event) { - event.preventDefault(); - event.stopPropagation(); - var ul = event.target.closest('.directorist-tab__nav'), - main = ul.nextElementSibling, - item_link = ul.querySelectorAll('.directorist-tab__nav__link'), - section = main.querySelectorAll('.directorist-tab__pane'); - - // Activate Navigation Panel - item_link.forEach(function (link) { - link.classList.remove('directorist-tab__nav__active'); - }); - var parentNavRef = event.target.getAttribute('data-parent-nav'); - if (parentNavRef) { - var parentNav = document.querySelector(parentNavRef); - if (parentNav) { - parentNav.classList.add('directorist-tab__nav__active'); - } - } else { - var _event$target$closest; - event.target.classList.add('directorist-tab__nav__active'); - var dropDownToggler = (_event$target$closest = event.target.closest('.atbdp_tab_nav--has-child')) === null || _event$target$closest === void 0 ? void 0 : _event$target$closest.querySelector('.atbd-dash-nav-dropdown'); - if (dropDownToggler && !dropDownToggler.classList.contains('directorist-tab__nav__active')) { - dropDownToggler.classList.add('directorist-tab__nav__active'); - } - } - - // Activate Content Panel - section.forEach(function (sectionItem) { - sectionItem.classList.remove('directorist-tab__pane--active'); - }); - var content_id = event.target.getAttribute('target'); - document.getElementById(content_id).classList.add('directorist-tab__pane--active'); - - // Add Hash To Window Location - var hashID = content_id; - var link = event.target.getAttribute('href'); - if (link) { - var matchLink = link.match(/#(.+)/); - hashID = matchLink ? matchLink[1] : hashID; - } - var hasMatch = window.location.hash.match(new RegExp("^".concat(link, "$"))); - window.location.hash = hasMatch ? hasMatch[0] : '#' + hashID; - var newHash = window.location.hash; - var newUrl = window.location.pathname + newHash; - window.history.replaceState(null, null, newUrl); - }); - }); - }); - }; - if (document.querySelector(selector)) { - this.navLinksSetup(selector); - this.globalSetup(); - } - }; -})(); - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!***************************************************!*\ + (function () { + this.DashTab = function (selector) { + this.globalSetup = function () { + if (window.isInitializedDashTab) { + return; + } + window.isInitializedDashTab = true; + this.activateNavLinkByURL(); + }; + this.activateNavLinkByURL = function () { + var hash = window.location.hash; + var queryStrings = null; + + // Split the URL into its components + var urlParts = hash.split(/[?|&]/); + if (urlParts.length > 1) { + // Get Hash Link + var hashLink = urlParts[0]; + + // Get the search parameters + queryStrings = JSON.parse( + JSON.stringify(urlParts) + ); + queryStrings.splice(0, 1); + queryStrings = queryStrings.filter( + function (item) { + return ''.concat(item).length; + } + ); + queryStrings = queryStrings.join('&'); + window.location.hash = hashLink; + hash = window.location.hash; + } + + // Activate Current Navigation Item + var navLinks = document.querySelectorAll( + '.directorist-tab__nav__link' + ); + var _iterator = + _createForOfIteratorHelper(navLinks), + _step; + try { + for ( + _iterator.s(); + !(_step = _iterator.n()).done; + + ) { + var link = _step.value; + var href = link.getAttribute('href'); + var target = link.getAttribute('target'); + if ( + href === hash || + '#'.concat(target) === hash || + window.location.hash.match( + new RegExp('^'.concat(href, '$')) + ) + ) { + var parent = link.closest( + '.atbdp_tab_nav--has-child' + ); + if (parent) { + var dropdownMenu = + parent.querySelector( + '.atbd-dashboard-nav' + ); + if (dropdownMenu) { + dropdownMenu.style.display = + 'block'; + } + } + link.click(); + break; + } + } + + // Update Window History + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + if (queryStrings) { + // Reconstruct the URL with the updated search parameters + var newUrl = + window.location.pathname + + window.location.hash + + '?' + + queryStrings; + window.history.replaceState(null, null, newUrl); + } + }; + this.navLinksSetup = function (selector) { + var elements = document.querySelectorAll(selector); + if (!elements.length) return; + elements.forEach(function (el) { + var links = el.querySelectorAll( + '.directorist-tab__nav__link:not(.atbd-dash-nav-dropdown)' + ); + links.forEach(function (link) { + link.style.cursor = 'pointer'; + link.addEventListener( + 'click', + function (event) { + event.preventDefault(); + event.stopPropagation(); + var ul = event.target.closest( + '.directorist-tab__nav' + ), + main = ul.nextElementSibling, + item_link = ul.querySelectorAll( + '.directorist-tab__nav__link' + ), + section = main.querySelectorAll( + '.directorist-tab__pane' + ); + + // Activate Navigation Panel + item_link.forEach(function (link) { + link.classList.remove( + 'directorist-tab__nav__active' + ); + }); + var parentNavRef = + event.target.getAttribute( + 'data-parent-nav' + ); + if (parentNavRef) { + var parentNav = + document.querySelector( + parentNavRef + ); + if (parentNav) { + parentNav.classList.add( + 'directorist-tab__nav__active' + ); + } + } else { + var _event$target$closest; + event.target.classList.add( + 'directorist-tab__nav__active' + ); + var dropDownToggler = + (_event$target$closest = + event.target.closest( + '.atbdp_tab_nav--has-child' + )) === null || + _event$target$closest === + void 0 + ? void 0 + : _event$target$closest.querySelector( + '.atbd-dash-nav-dropdown' + ); + if ( + dropDownToggler && + !dropDownToggler.classList.contains( + 'directorist-tab__nav__active' + ) + ) { + dropDownToggler.classList.add( + 'directorist-tab__nav__active' + ); + } + } + + // Activate Content Panel + section.forEach( + function (sectionItem) { + sectionItem.classList.remove( + 'directorist-tab__pane--active' + ); + } + ); + var content_id = + event.target.getAttribute( + 'target' + ); + document + .getElementById(content_id) + .classList.add( + 'directorist-tab__pane--active' + ); + + // Add Hash To Window Location + var hashID = content_id; + var link = + event.target.getAttribute( + 'href' + ); + if (link) { + var matchLink = + link.match(/#(.+)/); + hashID = matchLink + ? matchLink[1] + : hashID; + } + var hasMatch = + window.location.hash.match( + new RegExp( + '^'.concat(link, '$') + ) + ); + window.location.hash = hasMatch + ? hasMatch[0] + : '#' + hashID; + var newHash = window.location.hash; + var newUrl = + window.location.pathname + + newHash; + window.history.replaceState( + null, + null, + newUrl + ); + } + ); + }); + }); + }; + if (document.querySelector(selector)) { + this.navLinksSetup(selector); + this.globalSetup(); + } + }; + })(); + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!***************************************************!*\ !*** ./assets/src/js/public/modules/dashboard.js ***! \***************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _lib_dashTab__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../lib/dashTab */ "./assets/src/js/public/lib/dashTab.js"); -/* harmony import */ var _lib_dashTab__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_lib_dashTab__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _components_dashboard_dashboardSidebar__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/dashboard/dashboardSidebar */ "./assets/src/js/public/components/dashboard/dashboardSidebar.js"); -/* harmony import */ var _components_dashboard_dashboardSidebar__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_components_dashboard_dashboardSidebar__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _components_dashboard_dashboardTab__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/dashboard/dashboardTab */ "./assets/src/js/public/components/dashboard/dashboardTab.js"); -/* harmony import */ var _components_dashboard_dashboardTab__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_components_dashboard_dashboardTab__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _components_dashboard_dashboardListing__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/dashboard/dashboardListing */ "./assets/src/js/public/components/dashboard/dashboardListing.js"); -/* harmony import */ var _components_dashboard_dashboardListing__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_components_dashboard_dashboardListing__WEBPACK_IMPORTED_MODULE_3__); -/* harmony import */ var _components_dashboard_dashBoardMoreBtn__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/dashboard/dashBoardMoreBtn */ "./assets/src/js/public/components/dashboard/dashBoardMoreBtn.js"); -/* harmony import */ var _components_dashboard_dashboardResponsive__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../components/dashboard/dashboardResponsive */ "./assets/src/js/public/components/dashboard/dashboardResponsive.js"); -/* harmony import */ var _components_dashboard_dashboardResponsive__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_components_dashboard_dashboardResponsive__WEBPACK_IMPORTED_MODULE_5__); -/* harmony import */ var _components_dashboard_dashboardAnnouncement__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../components/dashboard/dashboardAnnouncement */ "./assets/src/js/public/components/dashboard/dashboardAnnouncement.js"); -/* harmony import */ var _components_dashboard_dashboardAnnouncement__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_components_dashboard_dashboardAnnouncement__WEBPACK_IMPORTED_MODULE_6__); -/* harmony import */ var _components_dashboard_dashboardBecomeAuthor__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../components/dashboard/dashboardBecomeAuthor */ "./assets/src/js/public/components/dashboard/dashboardBecomeAuthor.js"); -/* harmony import */ var _components_dashboard_dashboardBecomeAuthor__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_components_dashboard_dashboardBecomeAuthor__WEBPACK_IMPORTED_MODULE_7__); -/* harmony import */ var _components_profileForm__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../components/profileForm */ "./assets/src/js/public/components/profileForm.js"); -/* harmony import */ var _components_profileForm__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_components_profileForm__WEBPACK_IMPORTED_MODULE_8__); -/* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../components/directoristDropdown */ "./assets/src/js/public/components/directoristDropdown.js"); -/* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_components_directoristDropdown__WEBPACK_IMPORTED_MODULE_9__); -/* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../components/directoristSelect */ "./assets/src/js/public/components/directoristSelect.js"); -/* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_components_directoristSelect__WEBPACK_IMPORTED_MODULE_10__); -/* harmony import */ var _components_legacy_support__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../components/legacy-support */ "./assets/src/js/public/components/legacy-support.js"); -/* harmony import */ var _components_legacy_support__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_components_legacy_support__WEBPACK_IMPORTED_MODULE_11__); -/* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../components/directoristFavorite */ "./assets/src/js/public/components/directoristFavorite.js"); -/* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_components_directoristFavorite__WEBPACK_IMPORTED_MODULE_12__); -/* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../components/directoristAlert */ "./assets/src/js/public/components/directoristAlert.js"); -/* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_components_directoristAlert__WEBPACK_IMPORTED_MODULE_13__); -/* harmony import */ var _components_preferenceForm__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../components/preferenceForm */ "./assets/src/js/public/components/preferenceForm.js"); -/* harmony import */ var _components_preferenceForm__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_components_preferenceForm__WEBPACK_IMPORTED_MODULE_14__); -// Lib - - -// Dashboard Js - - - - - - - - -// General Components -// import '../components/tab'; - - - - - - - -}(); -/******/ })() -; -//# sourceMappingURL=directorist-dashboard.js.map \ No newline at end of file + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _lib_dashTab__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ../lib/dashTab */ './assets/src/js/public/lib/dashTab.js' + ); + /* harmony import */ var _lib_dashTab__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _lib_dashTab__WEBPACK_IMPORTED_MODULE_0__ + ); + /* harmony import */ var _components_dashboard_dashboardSidebar__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ../components/dashboard/dashboardSidebar */ './assets/src/js/public/components/dashboard/dashboardSidebar.js' + ); + /* harmony import */ var _components_dashboard_dashboardSidebar__WEBPACK_IMPORTED_MODULE_1___default = + /*#__PURE__*/ __webpack_require__.n( + _components_dashboard_dashboardSidebar__WEBPACK_IMPORTED_MODULE_1__ + ); + /* harmony import */ var _components_dashboard_dashboardTab__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ../components/dashboard/dashboardTab */ './assets/src/js/public/components/dashboard/dashboardTab.js' + ); + /* harmony import */ var _components_dashboard_dashboardTab__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _components_dashboard_dashboardTab__WEBPACK_IMPORTED_MODULE_2__ + ); + /* harmony import */ var _components_dashboard_dashboardListing__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ../components/dashboard/dashboardListing */ './assets/src/js/public/components/dashboard/dashboardListing.js' + ); + /* harmony import */ var _components_dashboard_dashboardListing__WEBPACK_IMPORTED_MODULE_3___default = + /*#__PURE__*/ __webpack_require__.n( + _components_dashboard_dashboardListing__WEBPACK_IMPORTED_MODULE_3__ + ); + /* harmony import */ var _components_dashboard_dashBoardMoreBtn__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ../components/dashboard/dashBoardMoreBtn */ './assets/src/js/public/components/dashboard/dashBoardMoreBtn.js' + ); + /* harmony import */ var _components_dashboard_dashboardResponsive__WEBPACK_IMPORTED_MODULE_5__ = + __webpack_require__( + /*! ../components/dashboard/dashboardResponsive */ './assets/src/js/public/components/dashboard/dashboardResponsive.js' + ); + /* harmony import */ var _components_dashboard_dashboardResponsive__WEBPACK_IMPORTED_MODULE_5___default = + /*#__PURE__*/ __webpack_require__.n( + _components_dashboard_dashboardResponsive__WEBPACK_IMPORTED_MODULE_5__ + ); + /* harmony import */ var _components_dashboard_dashboardAnnouncement__WEBPACK_IMPORTED_MODULE_6__ = + __webpack_require__( + /*! ../components/dashboard/dashboardAnnouncement */ './assets/src/js/public/components/dashboard/dashboardAnnouncement.js' + ); + /* harmony import */ var _components_dashboard_dashboardAnnouncement__WEBPACK_IMPORTED_MODULE_6___default = + /*#__PURE__*/ __webpack_require__.n( + _components_dashboard_dashboardAnnouncement__WEBPACK_IMPORTED_MODULE_6__ + ); + /* harmony import */ var _components_dashboard_dashboardBecomeAuthor__WEBPACK_IMPORTED_MODULE_7__ = + __webpack_require__( + /*! ../components/dashboard/dashboardBecomeAuthor */ './assets/src/js/public/components/dashboard/dashboardBecomeAuthor.js' + ); + /* harmony import */ var _components_dashboard_dashboardBecomeAuthor__WEBPACK_IMPORTED_MODULE_7___default = + /*#__PURE__*/ __webpack_require__.n( + _components_dashboard_dashboardBecomeAuthor__WEBPACK_IMPORTED_MODULE_7__ + ); + /* harmony import */ var _components_profileForm__WEBPACK_IMPORTED_MODULE_8__ = + __webpack_require__( + /*! ../components/profileForm */ './assets/src/js/public/components/profileForm.js' + ); + /* harmony import */ var _components_profileForm__WEBPACK_IMPORTED_MODULE_8___default = + /*#__PURE__*/ __webpack_require__.n( + _components_profileForm__WEBPACK_IMPORTED_MODULE_8__ + ); + /* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_9__ = + __webpack_require__( + /*! ../components/directoristDropdown */ './assets/src/js/public/components/directoristDropdown.js' + ); + /* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_9___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_9__ + ); + /* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_10__ = + __webpack_require__( + /*! ../components/directoristSelect */ './assets/src/js/public/components/directoristSelect.js' + ); + /* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_10___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristSelect__WEBPACK_IMPORTED_MODULE_10__ + ); + /* harmony import */ var _components_legacy_support__WEBPACK_IMPORTED_MODULE_11__ = + __webpack_require__( + /*! ../components/legacy-support */ './assets/src/js/public/components/legacy-support.js' + ); + /* harmony import */ var _components_legacy_support__WEBPACK_IMPORTED_MODULE_11___default = + /*#__PURE__*/ __webpack_require__.n( + _components_legacy_support__WEBPACK_IMPORTED_MODULE_11__ + ); + /* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_12__ = + __webpack_require__( + /*! ../components/directoristFavorite */ './assets/src/js/public/components/directoristFavorite.js' + ); + /* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_12___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_12__ + ); + /* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_13__ = + __webpack_require__( + /*! ../components/directoristAlert */ './assets/src/js/public/components/directoristAlert.js' + ); + /* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_13___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristAlert__WEBPACK_IMPORTED_MODULE_13__ + ); + /* harmony import */ var _components_preferenceForm__WEBPACK_IMPORTED_MODULE_14__ = + __webpack_require__( + /*! ../components/preferenceForm */ './assets/src/js/public/components/preferenceForm.js' + ); + /* harmony import */ var _components_preferenceForm__WEBPACK_IMPORTED_MODULE_14___default = + /*#__PURE__*/ __webpack_require__.n( + _components_preferenceForm__WEBPACK_IMPORTED_MODULE_14__ + ); + // Lib + + // Dashboard Js + + // General Components + // import '../components/tab'; + })(); + /******/ +})(); +//# sourceMappingURL=directorist-dashboard.js.map diff --git a/assets/js/directorist-plupload.js b/assets/js/directorist-plupload.js index b5a72e8c17..f55f04628f 100644 --- a/assets/js/directorist-plupload.js +++ b/assets/js/directorist-plupload.js @@ -1,512 +1,849 @@ -/******/ (function() { // webpackBootstrap -/******/ "use strict"; -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/lib/helper.js": -/*!*************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ 'use strict'; + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/lib/helper.js': + /*!*************************************!*\ !*** ./assets/src/js/lib/helper.js ***! \*************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ convertToSelect2: function() { return /* binding */ convertToSelect2; }, -/* harmony export */ get_dom_data: function() { return /* binding */ get_dom_data; } -/* harmony export */ }); -var $ = jQuery; -function get_dom_data(selector, parent) { - selector = '.directorist-dom-data-' + selector; - if (!parent) { - parent = document; - } - var el = parent.querySelector(selector); - if (!el || !el.dataset.value) { - return {}; - } - var IS_SCRIPT_DEBUGGING = directorist && directorist.script_debugging && directorist.script_debugging == '1'; - try { - var value = atob(el.dataset.value); - return JSON.parse(value); - } catch (error) { - if (IS_SCRIPT_DEBUGGING) { - console.log(el, error); - } - return {}; - } -} -function convertToSelect2(selector) { - var $selector = $(selector); - var args = { - allowClear: true, - width: '100%', - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - var iconURI = $(data.element).data('icon'); - var iconElm = ""); - var originalText = data.text; - var modifiedText = originalText.replace(/^(\s*)/, '$1' + iconElm); - var $state = $("
    ".concat(typeof iconURI !== 'undefined' && iconURI !== '' ? modifiedText : originalText, "
    ")); - return $state; - } - }; - var options = $selector.find('option'); - if (options.length && options[0].textContent.length) { - args.placeholder = options[0].textContent; - } - $selector.length && $selector.select2(args); -} - + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ convertToSelect2: function () { + return /* binding */ convertToSelect2; + }, + /* harmony export */ get_dom_data: function () { + return /* binding */ get_dom_data; + }, + /* harmony export */ + } + ); + var $ = jQuery; + function get_dom_data(selector, parent) { + selector = '.directorist-dom-data-' + selector; + if (!parent) { + parent = document; + } + var el = parent.querySelector(selector); + if (!el || !el.dataset.value) { + return {}; + } + var IS_SCRIPT_DEBUGGING = + directorist && + directorist.script_debugging && + directorist.script_debugging == '1'; + try { + var value = atob(el.dataset.value); + return JSON.parse(value); + } catch (error) { + if (IS_SCRIPT_DEBUGGING) { + console.log(el, error); + } + return {}; + } + } + function convertToSelect2(selector) { + var $selector = $(selector); + var args = { + allowClear: true, + width: '100%', + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + var iconURI = $(data.element).data('icon'); + var iconElm = + '' + ); + var originalText = data.text; + var modifiedText = originalText.replace( + /^(\s*)/, + '$1' + iconElm + ); + var $state = $( + '
    '.concat( + typeof iconURI !== 'undefined' && + iconURI !== '' + ? modifiedText + : originalText, + '
    ' + ) + ); + return $state; + }, + }; + var options = $selector.find('option'); + if (options.length && options[0].textContent.length) { + args.placeholder = options[0].textContent; + } + $selector.length && $selector.select2(args); + } -/***/ }) + /***/ + }, -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. -!function() { -/*!******************************************************!*\ + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. + !(function () { + /*!******************************************************!*\ !*** ./assets/src/js/global/directorist-plupload.js ***! \******************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../lib/helper */ "./assets/src/js/lib/helper.js"); + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./../lib/helper */ './assets/src/js/lib/helper.js' + ); -jQuery.fn.exists = function () { - return jQuery(this).length > 0; -}; -var atbdp_plupload_params = (0,_lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)('atbdp_plupload_params'); -var atbdp_params = (0,_lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)('atbdp_params'); -var $ = jQuery; + jQuery.fn.exists = function () { + return jQuery(this).length > 0; + }; + var atbdp_plupload_params = (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)( + 'atbdp_plupload_params' + ); + var atbdp_params = (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)('atbdp_params'); + var $ = jQuery; -// Init -if (atbdp_plupload_params) { - jQuery(document).ready(init); - window.addEventListener('directorist-reload-plupload', init); -} -function init() { - atbdp_plupload_params = (0,_lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)('atbdp_plupload_params'); - atbdp_params = (0,_lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)('atbdp_params'); - if ($('.plupload-upload-uic').exists()) { - var pluploadConfig, msgErr, post_id; + // Init + if (atbdp_plupload_params) { + jQuery(document).ready(init); + window.addEventListener('directorist-reload-plupload', init); + } + function init() { + atbdp_plupload_params = (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)( + 'atbdp_plupload_params' + ); + atbdp_params = (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)( + 'atbdp_params' + ); + if ($('.plupload-upload-uic').exists()) { + var pluploadConfig, msgErr, post_id; - // set the post id - if (jQuery("#atbdpectory-add-post input[name='ID']").length) { - post_id = jQuery("#atbdpectory-add-post input[name='ID']").val(); // frontend - } else { - post_id = jQuery("#post input[name='post_ID']").val(); // backend - } - $('.plupload-upload-uic').each(function (ind, el) { - var $this = $(this); - var imgId = $this.attr('id').replace('plupload-upload-ui', ''); - var $errorHolder = jQuery('#' + imgId + 'upload-error'); - plu_show_thumbs(imgId); - pluploadConfig = JSON.parse(atbdp_plupload_params.base_plupload_config); - pluploadConfig['browse_button'] = imgId + pluploadConfig['browse_button']; - pluploadConfig['container'] = imgId + pluploadConfig['container']; - if (jQuery('#' + imgId + 'dropbox').length) { - pluploadConfig['drop_element'] = imgId + 'dropbox'; - } // only add drop area if there is one + // set the post id + if (jQuery("#atbdpectory-add-post input[name='ID']").length) { + post_id = jQuery( + "#atbdpectory-add-post input[name='ID']" + ).val(); // frontend + } else { + post_id = jQuery("#post input[name='post_ID']").val(); // backend + } + $('.plupload-upload-uic').each(function (ind, el) { + var $this = $(this); + var imgId = $this + .attr('id') + .replace('plupload-upload-ui', ''); + var $errorHolder = jQuery('#' + imgId + 'upload-error'); + plu_show_thumbs(imgId); + pluploadConfig = JSON.parse( + atbdp_plupload_params.base_plupload_config + ); + pluploadConfig['browse_button'] = + imgId + pluploadConfig['browse_button']; + pluploadConfig['container'] = + imgId + pluploadConfig['container']; + if (jQuery('#' + imgId + 'dropbox').length) { + pluploadConfig['drop_element'] = imgId + 'dropbox'; + } // only add drop area if there is one - pluploadConfig['file_data_name'] = imgId + pluploadConfig['file_data_name']; - pluploadConfig['multipart_params']['imgid'] = imgId; - pluploadConfig['multipart_params']['post_id'] = post_id; - pluploadConfig['max_file_size'] = $('#' + imgId + '_file_size').val(); - if ($this.hasClass('plupload-upload-uic-multiple')) { - pluploadConfig['multi_selection'] = true; - } - var allowed_exts = jQuery('#' + imgId + '_allowed_types').val(); - allowed_exts = allowed_exts && allowed_exts != '' ? allowed_exts : ''; - if (imgId == 'post_images' && typeof atbdp_params.atbdp_allowed_img_types != 'undefined' && atbdp_params.atbdp_allowed_img_types != '') { - allowed_exts = atbdp_params.atbdp_allowed_img_types; - } - if (allowed_exts && allowed_exts != '') { - var txt_all_files = typeof atbdp_params.txt_all_files != 'undefined' && atbdp_params.txt_all_files != '' ? atbdp_params.txt_all_files : 'Allowed files'; - pluploadConfig['filters'] = [{ - title: txt_all_files, - extensions: allowed_exts - }]; - } - var uploader = new plupload.Uploader(pluploadConfig); - uploader.bind('Init', function (up, params) { - if (uploader.features.dragdrop) { - var drop_id = imgId + 'dropbox'; - var target = jQuery('#' + drop_id); - target.on('dragenter', function (event) { - target.addClass('dragover'); - }); - target.on('dragleave', function (event) { - target.removeClass('dragover'); - }); - target.on('drop', function () { - target.removeClass('dragover'); - }); - } - }); - uploader.init(); - uploader.bind('Error', function (up, files) { - var errorMessage; - $errorHolder.addClass('upload-error'); - if (files.code == -600) { - if (typeof atbdp_params.err_max_file_size != 'undefined' && atbdp_params.err_max_file_size != '') { - errorMessage = atbdp_params.err_max_file_size; - } else { - errorMessage = 'File size error : You tried to upload a file over %s'; - } - errorMessage = errorMessage.replace('%s', $('#' + imgId + '_file_size').val()); - } else if (files.code == -601) { - if (typeof atbdp_params.err_file_type != 'undefined' && atbdp_params.err_file_type != '') { - errorMessage = atbdp_params.err_file_type; - } else { - errorMessage = 'File type error. Allowed file types: %s'; - } - if (imgId == 'post_images') { - var txtReplace = allowed_exts != '' ? '.' + allowed_exts.replace(/,/g, ', .') : '*'; - errorMessage = errorMessage.replace('%s', txtReplace); - } else { - errorMessage = errorMessage.replace('%s', jQuery('#' + imgId + '_allowed_types').attr('data-exts')); - } - } else { - errorMessage = files.message; - } - $errorHolder.html(errorMessage); - }); + pluploadConfig['file_data_name'] = + imgId + pluploadConfig['file_data_name']; + pluploadConfig['multipart_params']['imgid'] = imgId; + pluploadConfig['multipart_params']['post_id'] = post_id; + pluploadConfig['max_file_size'] = $( + '#' + imgId + '_file_size' + ).val(); + if ($this.hasClass('plupload-upload-uic-multiple')) { + pluploadConfig['multi_selection'] = true; + } + var allowed_exts = jQuery( + '#' + imgId + '_allowed_types' + ).val(); + allowed_exts = + allowed_exts && allowed_exts != '' ? allowed_exts : ''; + if ( + imgId == 'post_images' && + typeof atbdp_params.atbdp_allowed_img_types != + 'undefined' && + atbdp_params.atbdp_allowed_img_types != '' + ) { + allowed_exts = atbdp_params.atbdp_allowed_img_types; + } + if (allowed_exts && allowed_exts != '') { + var txt_all_files = + typeof atbdp_params.txt_all_files != 'undefined' && + atbdp_params.txt_all_files != '' + ? atbdp_params.txt_all_files + : 'Allowed files'; + pluploadConfig['filters'] = [ + { + title: txt_all_files, + extensions: allowed_exts, + }, + ]; + } + var uploader = new plupload.Uploader(pluploadConfig); + uploader.bind('Init', function (up, params) { + if (uploader.features.dragdrop) { + var drop_id = imgId + 'dropbox'; + var target = jQuery('#' + drop_id); + target.on('dragenter', function (event) { + target.addClass('dragover'); + }); + target.on('dragleave', function (event) { + target.removeClass('dragover'); + }); + target.on('drop', function () { + target.removeClass('dragover'); + }); + } + }); + uploader.init(); + uploader.bind('Error', function (up, files) { + var errorMessage; + $errorHolder.addClass('upload-error'); + if (files.code == -600) { + if ( + typeof atbdp_params.err_max_file_size != + 'undefined' && + atbdp_params.err_max_file_size != '' + ) { + errorMessage = atbdp_params.err_max_file_size; + } else { + errorMessage = + 'File size error : You tried to upload a file over %s'; + } + errorMessage = errorMessage.replace( + '%s', + $('#' + imgId + '_file_size').val() + ); + } else if (files.code == -601) { + if ( + typeof atbdp_params.err_file_type != + 'undefined' && + atbdp_params.err_file_type != '' + ) { + errorMessage = atbdp_params.err_file_type; + } else { + errorMessage = + 'File type error. Allowed file types: %s'; + } + if (imgId == 'post_images') { + var txtReplace = + allowed_exts != '' + ? '.' + + allowed_exts.replace(/,/g, ', .') + : '*'; + errorMessage = errorMessage.replace( + '%s', + txtReplace + ); + } else { + errorMessage = errorMessage.replace( + '%s', + jQuery('#' + imgId + '_allowed_types').attr( + 'data-exts' + ) + ); + } + } else { + errorMessage = files.message; + } + $errorHolder.html(errorMessage); + }); - //a file was added in the queue - //totalImg = atbdp_plupload_params.totalImg; - //limitImg = atbdp_plupload_params.image_limit; - uploader.bind('FilesAdded', function (up, files) { - var totalImg = parseInt(jQuery('#' + imgId + 'totImg').val()); - var limitImg = parseInt(jQuery('#' + imgId + 'image_limit').val()); - $errorHolder.html('').removeClass('upload-error'); - if (limitImg && $this.hasClass('plupload-upload-uic-multiple') && limitImg > 0) { - if (totalImg >= limitImg && limitImg > 0) { - while (up.files.length > 0) { - up.removeFile(up.files[0]); - } // remove images + //a file was added in the queue + //totalImg = atbdp_plupload_params.totalImg; + //limitImg = atbdp_plupload_params.image_limit; + uploader.bind('FilesAdded', function (up, files) { + var totalImg = parseInt( + jQuery('#' + imgId + 'totImg').val() + ); + var limitImg = parseInt( + jQuery('#' + imgId + 'image_limit').val() + ); + $errorHolder.html('').removeClass('upload-error'); + if ( + limitImg && + $this.hasClass('plupload-upload-uic-multiple') && + limitImg > 0 + ) { + if (totalImg >= limitImg && limitImg > 0) { + while (up.files.length > 0) { + up.removeFile(up.files[0]); + } // remove images - if (typeof atbdp_params.err_file_upload_limit != 'undefined' && atbdp_params.err_file_upload_limit != '') { - msgErr = atbdp_params.err_file_upload_limit; - } else { - msgErr = 'You have reached your upload limit of %s files.'; - } - msgErr = msgErr.replace('%s', limitImg); - $errorHolder.addClass('upload-error').html(msgErr); - return false; - } - if (up.files.length > limitImg && limitImg > 0) { - while (up.files.length > 0) { - up.removeFile(up.files[0]); - } // remove images + if ( + typeof atbdp_params.err_file_upload_limit != + 'undefined' && + atbdp_params.err_file_upload_limit != '' + ) { + msgErr = atbdp_params.err_file_upload_limit; + } else { + msgErr = + 'You have reached your upload limit of %s files.'; + } + msgErr = msgErr.replace('%s', limitImg); + $errorHolder + .addClass('upload-error') + .html(msgErr); + return false; + } + if (up.files.length > limitImg && limitImg > 0) { + while (up.files.length > 0) { + up.removeFile(up.files[0]); + } // remove images - if (typeof atbdp_params.err_pkg_upload_limit != 'undefined' && atbdp_params.err_pkg_upload_limit != '') { - msgErr = atbdp_params.err_pkg_upload_limit; - } else { - msgErr = 'You may only upload %s files with this package, please try again.'; - } - msgErr = msgErr.replace('%s', limitImg); - $errorHolder.addClass('upload-error').html(msgErr); - return false; - } - } - $.each(files, function (i, file) { - $this.find('.filelist').append('
    ' + file.name + ' (' + plupload.formatSize(0) + '/' + plupload.formatSize(file.size) + ') ' + '
    '); - }); - up.refresh(); - up.start(); - }); - uploader.bind('UploadProgress', function (up, file) { - $('#' + file.id + ' .fileprogress').width(file.percent + '%'); - $('#' + file.id + ' span').html(plupload.formatSize(parseInt(file.size * file.percent / 100))); - }); - var timer; - var i = 0; - var indexes = new Array(); - uploader.bind('FileUploaded', function (up, file, response) { - response = JSON.parse(response['response']); - if (!response.success) { - $errorHolder.addClass('upload-error').html(response.data); - return; - } + if ( + typeof atbdp_params.err_pkg_upload_limit != + 'undefined' && + atbdp_params.err_pkg_upload_limit != '' + ) { + msgErr = atbdp_params.err_pkg_upload_limit; + } else { + msgErr = + 'You may only upload %s files with this package, please try again.'; + } + msgErr = msgErr.replace('%s', limitImg); + $errorHolder + .addClass('upload-error') + .html(msgErr); + return false; + } + } + $.each(files, function (i, file) { + $this + .find('.filelist') + .append( + '
    ' + + file.name + + ' (' + + plupload.formatSize(0) + + '/' + + plupload.formatSize(file.size) + + ') ' + + '
    ' + ); + }); + up.refresh(); + up.start(); + }); + uploader.bind('UploadProgress', function (up, file) { + $('#' + file.id + ' .fileprogress').width( + file.percent + '%' + ); + $('#' + file.id + ' span').html( + plupload.formatSize( + parseInt((file.size * file.percent) / 100) + ) + ); + }); + var timer; + var i = 0; + var indexes = new Array(); + uploader.bind( + 'FileUploaded', + function (up, file, response) { + response = JSON.parse(response['response']); + if (!response.success) { + $errorHolder + .addClass('upload-error') + .html(response.data); + return; + } - //up.removeFile(up.files[0]); // remove images - var totalImg = parseInt(jQuery('#' + imgId + 'totImg').val()); - indexes[i] = up; - i++; - $('#' + file.id).fadeOut(); + //up.removeFile(up.files[0]); // remove images + var totalImg = parseInt( + jQuery('#' + imgId + 'totImg').val() + ); + indexes[i] = up; + i++; + $('#' + file.id).fadeOut(); - // add url to the hidden field - if ($this.hasClass('plupload-upload-uic-multiple')) { - totalImg++; - jQuery('#' + imgId + 'totImg').val(totalImg); - // multiple - var v1 = $.trim($('#' + imgId, $('#' + imgId + 'plupload-upload-ui').parent()).val()); - if (v1) { - v1 = v1 + '::' + response.data; - } else { - v1 = response.data; - } - $('#' + imgId, $('#' + imgId + 'plupload-upload-ui').parent()).val(v1); - //console.log(v1); - } else { - // single - $('#' + imgId, $('#' + imgId + 'plupload-upload-ui').parent()).val(response.data + ''); - //console.log(response); - } - // show thumbs - plu_show_thumbs(imgId); - }); - Error; - }); - } -} -function atbdp_esc_entities(str) { - var entityMap = { - '&': '&', - '<': '<', - '>': '>', - '"': '"', - "'": ''', - '/': '/', - '`': '`', - '=': '=' - }; - return String(str).replace(/[&<>"'`=\/]/g, function (s) { - return entityMap[s]; - }); -} -function atbdp_remove_file_index(indexes) { - for (var i = 0; i < indexes.length; i++) { - if (indexes[i].files.length > 0) { - indexes[i].removeFile(indexes[i].files[0]); - } - } -} -function plu_show_thumbs(imgId) { - //console.log("plu_show_thumbs"); - var totalImg = parseInt(jQuery('#' + imgId + 'totImg').val()); - var limitImg = parseInt(jQuery('#' + imgId + 'image_limit').val()); - var $ = jQuery; - var thumbsC = $('#' + imgId + 'plupload-thumbs'); - thumbsC.html(''); - // get urls - var imagesS = $('#' + imgId, $('#' + imgId + 'plupload-upload-ui').parent()).val(); - var txtRemove = 'Remove'; - if (typeof atbdp_params.action_remove != 'undefined' && atbdp_params.action_remove != '') { - txtRemove = atbdp_params.action_remove; - } - if (!imagesS) { - return; - } - var images = imagesS.split('::'); - for (var i = 0; i < images.length; i++) { - if (images[i] && images[i] != 'null') { - var img_arr = images[i].split('|'); - var image_url = img_arr[0]; - var image_id = img_arr[1]; - var image_title = img_arr[2]; - var image_caption = img_arr[3]; - var image_title_html = ''; - var image_caption_html = ''; + // add url to the hidden field + if ( + $this.hasClass('plupload-upload-uic-multiple') + ) { + totalImg++; + jQuery('#' + imgId + 'totImg').val(totalImg); + // multiple + var v1 = $.trim( + $( + '#' + imgId, + $( + '#' + imgId + 'plupload-upload-ui' + ).parent() + ).val() + ); + if (v1) { + v1 = v1 + '::' + response.data; + } else { + v1 = response.data; + } + $( + '#' + imgId, + $( + '#' + imgId + 'plupload-upload-ui' + ).parent() + ).val(v1); + //console.log(v1); + } else { + // single + $( + '#' + imgId, + $( + '#' + imgId + 'plupload-upload-ui' + ).parent() + ).val(response.data + ''); + //console.log(response); + } + // show thumbs + plu_show_thumbs(imgId); + } + ); + Error; + }); + } + } + function atbdp_esc_entities(str) { + var entityMap = { + '&': '&', + '<': '<', + '>': '>', + '"': '"', + "'": ''', + '/': '/', + '`': '`', + '=': '=', + }; + return String(str).replace(/[&<>"'`=\/]/g, function (s) { + return entityMap[s]; + }); + } + function atbdp_remove_file_index(indexes) { + for (var i = 0; i < indexes.length; i++) { + if (indexes[i].files.length > 0) { + indexes[i].removeFile(indexes[i].files[0]); + } + } + } + function plu_show_thumbs(imgId) { + //console.log("plu_show_thumbs"); + var totalImg = parseInt(jQuery('#' + imgId + 'totImg').val()); + var limitImg = parseInt(jQuery('#' + imgId + 'image_limit').val()); + var $ = jQuery; + var thumbsC = $('#' + imgId + 'plupload-thumbs'); + thumbsC.html(''); + // get urls + var imagesS = $( + '#' + imgId, + $('#' + imgId + 'plupload-upload-ui').parent() + ).val(); + var txtRemove = 'Remove'; + if ( + typeof atbdp_params.action_remove != 'undefined' && + atbdp_params.action_remove != '' + ) { + txtRemove = atbdp_params.action_remove; + } + if (!imagesS) { + return; + } + var images = imagesS.split('::'); + for (var i = 0; i < images.length; i++) { + if (images[i] && images[i] != 'null') { + var img_arr = images[i].split('|'); + var image_url = img_arr[0]; + var image_id = img_arr[1]; + var image_title = img_arr[2]; + var image_caption = img_arr[3]; + var image_title_html = ''; + var image_caption_html = ''; - // fix undefined id - if (typeof image_id === 'undefined') { - image_id = ''; - } - // fix undefined title - if (typeof image_title === 'undefined') { - image_title = ''; - } - // fix undefined title - if (typeof image_caption === 'undefined') { - image_caption = ''; - } + // fix undefined id + if (typeof image_id === 'undefined') { + image_id = ''; + } + // fix undefined title + if (typeof image_title === 'undefined') { + image_title = ''; + } + // fix undefined title + if (typeof image_caption === 'undefined') { + image_caption = ''; + } - //Esc title and caption - image_title = atbdp_esc_entities(image_title); - image_caption = atbdp_esc_entities(image_caption); - var file_ext = image_url.substring(image_url.lastIndexOf('.') + 1); - file_ext = file_ext.split('?').shift(); // in case the image url has params - if (file_ext) { - file_ext = file_ext.toLowerCase(); - } - var fileNameIndex = image_url.lastIndexOf('/') + 1; - var dotIndex = image_url.lastIndexOf('.'); - if (dotIndex < fileNameIndex) { - continue; - } - var file_name = image_url.substr(fileNameIndex, dotIndex < fileNameIndex ? loc.length : dotIndex); - var file_display = ''; - var file_display_class = ''; - if (file_ext == 'jpg' || file_ext == 'jpe' || file_ext == 'jpeg' || file_ext == 'png' || file_ext == 'gif' || file_ext == 'bmp' || file_ext == 'ico') { - file_display = ''; - if (!!image_title.trim()) { - image_title_html = '' + image_title + ''; - } - if (!!image_caption.trim()) { - image_caption_html = '' + image_caption + ''; - } - } else { - var file_type_class = 'la-file'; - if (file_ext == 'pdf') { - file_type_class = 'la-file-pdf-o'; - } else if (file_ext == 'zip' || file_ext == 'tar') { - file_type_class = 'la-file-zip-o'; - } else if (file_ext == 'doc' || file_ext == 'odt') { - file_type_class = 'la-file-word-0'; - } else if (file_ext == 'txt' || file_ext == 'text') { - file_type_class = 'la-file-text-0'; - } else if (file_ext == 'csv' || file_ext == 'ods' || file_ext == 'ots') { - file_type_class = 'la-file-excel-0'; - } else if (file_ext == 'avi' || file_ext == 'mp4' || file_ext == 'mov') { - file_type_class = 'la-file-video-0'; - } - file_display_class = 'file-thumb'; - file_display = ''; - } - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/trash-alt.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - var thumb = $('
    ' + image_title_html + file_display + image_caption_html + '
    ' + '' + iconHTML + '' + '
    ' + '
    '); - thumbsC.append(thumb); - thumb.find('.thumbremovelink').click(function () { - //console.log("plu_show_thumbs-thumbremovelink"); - if (jQuery('#' + imgId + 'plupload-upload-ui').hasClass('plupload-upload-uic-multiple')) { - totalImg--; // remove image from total - jQuery('#' + imgId + 'totImg').val(totalImg); - } - jQuery('#' + imgId + 'upload-error').html(''); - jQuery('#' + imgId + 'upload-error').removeClass('upload-error'); - var ki = $(this).attr('id').replace('thumbremovelink' + imgId, ''); - ki = parseInt(ki); - var kimages = []; - imagesS = $('#' + imgId, $('#' + imgId + 'plupload-upload-ui').parent()).val(); - images = imagesS.split('::'); - for (var j = 0; j < images.length; j++) { - if (j != ki) { - kimages[kimages.length] = images[j]; - } - } - $('#' + imgId, $('#' + imgId + 'plupload-upload-ui').parent()).val(kimages.join('::')); - //console.log("plu_show_thumbs-thumbremovelink-run"); - plu_show_thumbs(imgId); - return false; - }); - } - } - if (images.length > 1) { - //console.log("plu_show_thumbs-sortable"); - thumbsC.sortable({ - update: function update(event, ui) { - var kimages = []; - thumbsC.find('.atbdp-file-info').each(function () { - kimages[kimages.length] = $(this).data('src') + '|' + $(this).data('id') + '|' + $(this).data('title') + '|' + $(this).data('caption'); - $('#' + imgId, $('#' + imgId + 'plupload-upload-ui').parent()).val(kimages.join('::')); - plu_show_thumbs(imgId); - //console.log("plu_show_thumbs-sortable-run"); - }); - } - }); - thumbsC.disableSelection(); - } + //Esc title and caption + image_title = atbdp_esc_entities(image_title); + image_caption = atbdp_esc_entities(image_caption); + var file_ext = image_url.substring( + image_url.lastIndexOf('.') + 1 + ); + file_ext = file_ext.split('?').shift(); // in case the image url has params + if (file_ext) { + file_ext = file_ext.toLowerCase(); + } + var fileNameIndex = image_url.lastIndexOf('/') + 1; + var dotIndex = image_url.lastIndexOf('.'); + if (dotIndex < fileNameIndex) { + continue; + } + var file_name = image_url.substr( + fileNameIndex, + dotIndex < fileNameIndex ? loc.length : dotIndex + ); + var file_display = ''; + var file_display_class = ''; + if ( + file_ext == 'jpg' || + file_ext == 'jpe' || + file_ext == 'jpeg' || + file_ext == 'png' || + file_ext == 'gif' || + file_ext == 'bmp' || + file_ext == 'ico' + ) { + file_display = + ''; + if (!!image_title.trim()) { + image_title_html = + '' + + image_title + + ''; + } + if (!!image_caption.trim()) { + image_caption_html = + '' + + image_caption + + ''; + } + } else { + var file_type_class = 'la-file'; + if (file_ext == 'pdf') { + file_type_class = 'la-file-pdf-o'; + } else if (file_ext == 'zip' || file_ext == 'tar') { + file_type_class = 'la-file-zip-o'; + } else if (file_ext == 'doc' || file_ext == 'odt') { + file_type_class = 'la-file-word-0'; + } else if (file_ext == 'txt' || file_ext == 'text') { + file_type_class = 'la-file-text-0'; + } else if ( + file_ext == 'csv' || + file_ext == 'ods' || + file_ext == 'ots' + ) { + file_type_class = 'la-file-excel-0'; + } else if ( + file_ext == 'avi' || + file_ext == 'mp4' || + file_ext == 'mov' + ) { + file_type_class = 'la-file-video-0'; + } + file_display_class = 'file-thumb'; + file_display = + ''; + } + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/trash-alt.svg'; + var iconHTML = directorist.icon_markup + .replace('##URL##', iconURL) + .replace('##CLASS##', ''); + var thumb = $( + '
    ' + + image_title_html + + file_display + + image_caption_html + + '
    ' + + '' + + iconHTML + + '' + + '
    ' + + '
    ' + ); + thumbsC.append(thumb); + thumb.find('.thumbremovelink').click(function () { + //console.log("plu_show_thumbs-thumbremovelink"); + if ( + jQuery('#' + imgId + 'plupload-upload-ui').hasClass( + 'plupload-upload-uic-multiple' + ) + ) { + totalImg--; // remove image from total + jQuery('#' + imgId + 'totImg').val(totalImg); + } + jQuery('#' + imgId + 'upload-error').html(''); + jQuery('#' + imgId + 'upload-error').removeClass( + 'upload-error' + ); + var ki = $(this) + .attr('id') + .replace('thumbremovelink' + imgId, ''); + ki = parseInt(ki); + var kimages = []; + imagesS = $( + '#' + imgId, + $('#' + imgId + 'plupload-upload-ui').parent() + ).val(); + images = imagesS.split('::'); + for (var j = 0; j < images.length; j++) { + if (j != ki) { + kimages[kimages.length] = images[j]; + } + } + $( + '#' + imgId, + $('#' + imgId + 'plupload-upload-ui').parent() + ).val(kimages.join('::')); + //console.log("plu_show_thumbs-thumbremovelink-run"); + plu_show_thumbs(imgId); + return false; + }); + } + } + if (images.length > 1) { + //console.log("plu_show_thumbs-sortable"); + thumbsC.sortable({ + update: function update(event, ui) { + var kimages = []; + thumbsC.find('.atbdp-file-info').each(function () { + kimages[kimages.length] = + $(this).data('src') + + '|' + + $(this).data('id') + + '|' + + $(this).data('title') + + '|' + + $(this).data('caption'); + $( + '#' + imgId, + $('#' + imgId + 'plupload-upload-ui').parent() + ).val(kimages.join('::')); + plu_show_thumbs(imgId); + //console.log("plu_show_thumbs-sortable-run"); + }); + }, + }); + thumbsC.disableSelection(); + } - // we need to run the basics here. - //console.log("run basics"); + // we need to run the basics here. + //console.log("run basics"); - var kimages = []; - thumbsC.find('.atbdp-file-info').each(function () { - kimages[kimages.length] = $(this).data('src') + '|' + $(this).data('id') + '|' + $(this).data('title') + '|' + $(this).data('caption'); - $('#' + imgId, $('#' + imgId + 'plupload-upload-ui').parent()).val(kimages.join('::')); - }); -} -function gd_edit_image_meta(input, order_id) { - var imagesS = jQuery('#' + input.id, jQuery('#' + input.id + 'plupload-upload-ui').parent()).val(); - var images = imagesS.split('::'); - var img_arr = images[order_id].split('|'); - var image_title = img_arr[2]; - var image_caption = img_arr[3]; - var html = ''; - html = html + "
    "; // title value - html = html + "
    "; // caption value - html = html + "
    '; // caption value - jQuery('#atbdp-image-meta-input').html(html); - lity('#atbdp-image-meta-input'); -} -function gd_set_image_meta(input_id, order_id) { - //alert(order_id); - var imagesS = jQuery('#' + input_id, jQuery('#' + input_id + 'plupload-upload-ui').parent()).val(); - var images = imagesS.split('::'); - var img_arr = images[order_id].split('|'); - var image_url = img_arr[0]; - var image_id = img_arr[1]; - var image_title = atbdp_esc_entities(jQuery('#atbdp-image-meta-title').val()); - var image_caption = atbdp_esc_entities(jQuery('#atbdp-image-meta-caption').val()); - images[order_id] = image_url + '|' + image_id + '|' + image_title + '|' + image_caption; - imagesS = images.join('::'); - jQuery('#' + input_id, jQuery('#' + input_id + 'plupload-upload-ui').parent()).val(imagesS); - plu_show_thumbs(input_id); - jQuery('[data-lity-close]', window.parent.document).trigger('click'); -} -}(); -/******/ })() -; -//# sourceMappingURL=directorist-plupload.js.map \ No newline at end of file + var kimages = []; + thumbsC.find('.atbdp-file-info').each(function () { + kimages[kimages.length] = + $(this).data('src') + + '|' + + $(this).data('id') + + '|' + + $(this).data('title') + + '|' + + $(this).data('caption'); + $( + '#' + imgId, + $('#' + imgId + 'plupload-upload-ui').parent() + ).val(kimages.join('::')); + }); + } + function gd_edit_image_meta(input, order_id) { + var imagesS = jQuery( + '#' + input.id, + jQuery('#' + input.id + 'plupload-upload-ui').parent() + ).val(); + var images = imagesS.split('::'); + var img_arr = images[order_id].split('|'); + var image_title = img_arr[2]; + var image_caption = img_arr[3]; + var html = ''; + html = + html + + "
    "; // title value + html = + html + + "
    "; // caption value + html = + html + + "
    '; // caption value + jQuery('#atbdp-image-meta-input').html(html); + lity('#atbdp-image-meta-input'); + } + function gd_set_image_meta(input_id, order_id) { + //alert(order_id); + var imagesS = jQuery( + '#' + input_id, + jQuery('#' + input_id + 'plupload-upload-ui').parent() + ).val(); + var images = imagesS.split('::'); + var img_arr = images[order_id].split('|'); + var image_url = img_arr[0]; + var image_id = img_arr[1]; + var image_title = atbdp_esc_entities( + jQuery('#atbdp-image-meta-title').val() + ); + var image_caption = atbdp_esc_entities( + jQuery('#atbdp-image-meta-caption').val() + ); + images[order_id] = + image_url + + '|' + + image_id + + '|' + + image_title + + '|' + + image_caption; + imagesS = images.join('::'); + jQuery( + '#' + input_id, + jQuery('#' + input_id + 'plupload-upload-ui').parent() + ).val(imagesS); + plu_show_thumbs(input_id); + jQuery('[data-lity-close]', window.parent.document).trigger( + 'click' + ); + } + })(); + /******/ +})(); +//# sourceMappingURL=directorist-plupload.js.map diff --git a/assets/js/global-geolocation.js b/assets/js/global-geolocation.js index 655fd1d752..297d415e0e 100644 --- a/assets/js/global-geolocation.js +++ b/assets/js/global-geolocation.js @@ -1,180 +1,268 @@ -/******/ (function() { // webpackBootstrap -/*!*********************************************************!*\ +/******/ (function () { + // webpackBootstrap + /*!*********************************************************!*\ !*** ./assets/src/js/global/map-scripts/geolocation.js ***! \*********************************************************/ -window.addEventListener('load', function () { - // Add focus class to the parent field of .directorist-location-js - function addFocusClass(location) { - // Get the parent field of .directorist-location-js - var parentField = location.closest('.directorist-search-field'); + window.addEventListener('load', function () { + // Add focus class to the parent field of .directorist-location-js + function addFocusClass(location) { + // Get the parent field of .directorist-location-js + var parentField = location.closest('.directorist-search-field'); - // Add the 'input-is-focused' class if not already present - if (parentField && !parentField.hasClass('input-is-focused')) { - parentField.addClass('input-is-focused'); - } - } - (function ($) { - /* get current location */ - setTimeout(function () { - if (directorist.i18n_text.select_listing_map === 'google') { - // Helper function to format address by removing plus code and using address components - var formatAddress = function formatAddress(result) { - if (!result || !result.address_components) { - return ''; - } + // Add the 'input-is-focused' class if not already present + if (parentField && !parentField.hasClass('input-is-focused')) { + parentField.addClass('input-is-focused'); + } + } + (function ($) { + /* get current location */ + setTimeout(function () { + if (directorist.i18n_text.select_listing_map === 'google') { + // Helper function to format address by removing plus code and using address components + function formatAddress(result) { + if (!result || !result.address_components) { + return ''; + } - // Check if first element contains plus code (has '+' character) - var components = result.address_components; - if (components.length > 0 && components[0].long_name && components[0].long_name.includes('+')) { - components = components.slice(1); - } + // Check if first element contains plus code (has '+' character) + var components = result.address_components; + if ( + components.length > 0 && + components[0].long_name && + components[0].long_name.includes('+') + ) { + components = components.slice(1); + } - // Join long_names with commas - return components.map(function (c) { - return c.long_name; - }).join(', '); - }; - /* Event Delegation in Vanilla JS */ - var eventDelegation = function eventDelegation(event, selector, program) { - document.body.addEventListener(event, function (e) { - document.querySelectorAll(selector).forEach(function (elem) { - if (e.target === elem) { - program(e); - } - }); - }); - }; - (function () { - eventDelegation('click', '.directorist-filter-location-icon > i, .directorist-filter-location-icon > span', function (e) { - var locationInput = e.target.closest('.directorist-search-field').querySelector('.location-name'); - var get_lat = e.target.closest('.directorist-search-field').querySelector('#cityLat'); - var get_lng = e.target.closest('.directorist-search-field').querySelector('#cityLng'); - function getLocation() { - if (navigator.geolocation) { - navigator.geolocation.getCurrentPosition(showPosition, showError); - } else { - locationInput.value = 'Geolocation is not supported by this browser.'; - } - } - getLocation(); - function showPosition(position) { - lat = position.coords.latitude; - lon = position.coords.longitude; - displayCurrentLocation(lat, lon); - get_lat.value = lat; - get_lng.value = lon; - } - function showError(error) { - switch (error.code) { - case error.PERMISSION_DENIED: - locationInput.value = 'User denied the request for Geolocation.'; - break; - case error.POSITION_UNAVAILABLE: - locationInput.value = 'Location information is unavailable.'; - break; - case error.TIMEOUT: - locationInput.value = 'The request to get user location timed out.'; - break; - case error.UNKNOWN_ERROR: - locationInput.value = 'An unknown error occurred.'; - break; - } - } - function displayLocation(latitude, longitude) { - var geocoder; - geocoder = new google.maps.Geocoder(); - var latlng = new google.maps.LatLng(latitude, longitude); - geocoder.geocode({ - latLng: latlng, - componentRestrictions: { - country: 'GB' - } - }, function (results, status) { - if (status == google.maps.GeocoderStatus.OK) { - if (results[0]) { - var add = formatAddress(results[0]); - var value = add.split(','); - count = value.length; - country = value[count - 1]; - state = value[count - 2]; - city = value[count - 3]; - locationInput.value = city; - } else { - locationInput.value = 'address not found'; - } - } else { - locationInput.value = "Geocoder failed due to: ".concat(status); - } - }); - } - function displayCurrentLocation(latitude, longitude) { - var geocoder; - geocoder = new google.maps.Geocoder(); - var latlng = new google.maps.LatLng(latitude, longitude); - geocoder.geocode({ - latLng: latlng - }, function (results, status) { - if (status == google.maps.GeocoderStatus.OK) { - if (results[0]) { - var add = formatAddress(results[0]); - var value = add.split(','); - count = value.length; - country = value[count - 1]; - state = value[count - 2]; - city = value[count - 3]; - locationInput.value = value; - $('.directorist-location-js, .atbdp-search-address').attr('data-value', city); - } else { - locationInput.value = 'address not found'; - } - } else { - locationInput.value = "Geocoder failed due to: ".concat(status); - } - }); - } - var parentField = e.target.closest('.directorist-search-field'); - if (parentField && !parentField.classList.contains('input-is-focused')) { - parentField.classList.add('input-is-focused'); - } - }); - })(); - } else if (directorist.i18n_text.select_listing_map === 'openstreet') { - var displayLocation = function displayLocation(position, event) { - var lat = position.coords.latitude; - var lng = position.coords.longitude; - var locIcon = event.target; - $.ajax({ - url: "https://nominatim.openstreetmap.org/reverse?format=json&lon=".concat(lng, "&lat=").concat(lat), - type: 'GET', - data: {}, - success: function success(data) { - $('.directorist-location-js, .atbdp-search-address').val(data.display_name); - $('.directorist-location-js, .atbdp-search-address').attr('data-value', data.display_name); - $('#cityLat').val(lat); - $('#cityLng').val(lng); - addFocusClass($('.directorist-location-js')); - }, - error: function error(err) { - $('.directorist-location-js').val('Location not found'); - addFocusClass($('.directorist-location-js')); - } - }); - }; - $('body').on('click', '.directorist-filter-location-icon', function (e) { - navigator.geolocation.getCurrentPosition(function (position) { - return displayLocation(position, e); - }); + // Join long_names with commas + return components + .map(function (c) { + return c.long_name; + }) + .join(', '); + } - // let parentField = e.target.closest('.directorist-search-field'); + /* Event Delegation in Vanilla JS */ + function eventDelegation(event, selector, program) { + document.body.addEventListener(event, function (e) { + document + .querySelectorAll(selector) + .forEach(function (elem) { + if (e.target === elem) { + program(e); + } + }); + }); + } + (function () { + eventDelegation( + 'click', + '.directorist-filter-location-icon > i, .directorist-filter-location-icon > span', + function (e) { + var locationInput = e.target + .closest('.directorist-search-field') + .querySelector('.location-name'); + var get_lat = e.target + .closest('.directorist-search-field') + .querySelector('#cityLat'); + var get_lng = e.target + .closest('.directorist-search-field') + .querySelector('#cityLng'); + function getLocation() { + if (navigator.geolocation) { + navigator.geolocation.getCurrentPosition( + showPosition, + showError + ); + } else { + locationInput.value = + 'Geolocation is not supported by this browser.'; + } + } + getLocation(); + function showPosition(position) { + lat = position.coords.latitude; + lon = position.coords.longitude; + displayCurrentLocation(lat, lon); + get_lat.value = lat; + get_lng.value = lon; + } + function showError(error) { + switch (error.code) { + case error.PERMISSION_DENIED: + locationInput.value = + 'User denied the request for Geolocation.'; + break; + case error.POSITION_UNAVAILABLE: + locationInput.value = + 'Location information is unavailable.'; + break; + case error.TIMEOUT: + locationInput.value = + 'The request to get user location timed out.'; + break; + case error.UNKNOWN_ERROR: + locationInput.value = + 'An unknown error occurred.'; + break; + } + } + function displayLocation(latitude, longitude) { + var geocoder; + geocoder = new google.maps.Geocoder(); + var latlng = new google.maps.LatLng( + latitude, + longitude + ); + geocoder.geocode( + { + latLng: latlng, + componentRestrictions: { + country: 'GB', + }, + }, + function (results, status) { + if ( + status == + google.maps.GeocoderStatus.OK + ) { + if (results[0]) { + var add = formatAddress( + results[0] + ); + var value = add.split(','); + count = value.length; + country = value[count - 1]; + state = value[count - 2]; + city = value[count - 3]; + locationInput.value = city; + } else { + locationInput.value = + 'address not found'; + } + } else { + locationInput.value = + 'Geocoder failed due to: '.concat( + status + ); + } + } + ); + } + function displayCurrentLocation( + latitude, + longitude + ) { + var geocoder; + geocoder = new google.maps.Geocoder(); + var latlng = new google.maps.LatLng( + latitude, + longitude + ); + geocoder.geocode( + { + latLng: latlng, + }, + function (results, status) { + if ( + status == + google.maps.GeocoderStatus.OK + ) { + if (results[0]) { + var add = formatAddress( + results[0] + ); + var value = add.split(','); + count = value.length; + country = value[count - 1]; + state = value[count - 2]; + city = value[count - 3]; + locationInput.value = value; + $( + '.directorist-location-js, .atbdp-search-address' + ).attr('data-value', city); + } else { + locationInput.value = + 'address not found'; + } + } else { + locationInput.value = + 'Geocoder failed due to: '.concat( + status + ); + } + } + ); + } + var parentField = e.target.closest( + '.directorist-search-field' + ); + if ( + parentField && + !parentField.classList.contains( + 'input-is-focused' + ) + ) { + parentField.classList.add( + 'input-is-focused' + ); + } + } + ); + })(); + } else if ( + directorist.i18n_text.select_listing_map === 'openstreet' + ) { + function displayLocation(position, event) { + var lat = position.coords.latitude; + var lng = position.coords.longitude; + var locIcon = event.target; + $.ajax({ + url: 'https://nominatim.openstreetmap.org/reverse?format=json&lon=' + .concat(lng, '&lat=') + .concat(lat), + type: 'GET', + data: {}, + success: function success(data) { + $( + '.directorist-location-js, .atbdp-search-address' + ).val(data.display_name); + $( + '.directorist-location-js, .atbdp-search-address' + ).attr('data-value', data.display_name); + $('#cityLat').val(lat); + $('#cityLng').val(lng); + addFocusClass($('.directorist-location-js')); + }, + error: function error(err) { + $('.directorist-location-js').val( + 'Location not found' + ); + addFocusClass($('.directorist-location-js')); + }, + }); + } + $('body').on( + 'click', + '.directorist-filter-location-icon', + function (e) { + navigator.geolocation.getCurrentPosition( + function (position) { + return displayLocation(position, e); + } + ); - // if (parentField && !parentField.classList.contains('input-is-focused')) { - // parentField.classList.add('input-is-focused'); - // } - }); - } - }, 1000); - })(jQuery); -}); -/******/ })() -; -//# sourceMappingURL=global-geolocation.js.map \ No newline at end of file + // let parentField = e.target.closest('.directorist-search-field'); + + // if (parentField && !parentField.classList.contains('input-is-focused')) { + // parentField.classList.add('input-is-focused'); + // } + } + ); + } + }, 1000); + })(jQuery); + }); + /******/ +})(); +//# sourceMappingURL=global-geolocation.js.map diff --git a/assets/js/global-main.js b/assets/js/global-main.js index 2829416093..b87c4b138c 100644 --- a/assets/js/global-main.js +++ b/assets/js/global-main.js @@ -1,1013 +1,1698 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/global/components/modal.js": -/*!**************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/global/components/modal.js': + /*!**************************************************!*\ !*** ./assets/src/js/global/components/modal.js ***! \**************************************************/ -/***/ (function() { - -var $ = jQuery; -$(document).ready(function () { - modalToggle(); -}); -function modalToggle() { - $('.atbdp_recovery_pass').on('click', function (e) { - e.preventDefault(); - $('#recover-pass-modal').slideToggle().show(); - }); - - // Contact form [on modal closed] - $('#atbdp-contact-modal').on('hidden.bs.modal', function (e) { - $('#atbdp-contact-message').val(''); - $('#atbdp-contact-message-display').html(''); - }); - - // Template Restructured - // Modal - var directoristModal = document.querySelector('.directorist-modal-js'); - $('body').on('click', '.directorist-btn-modal-js', function (e) { - e.preventDefault(); - var data_target = $(this).attr('data-directorist_target'); - document.querySelector(".".concat(data_target)).classList.add('directorist-show'); - }); - $('body').on('click', '.directorist-modal-close-js', function (e) { - e.preventDefault(); - $(this).closest('.directorist-modal-js').removeClass('directorist-show'); - }); - $(document).bind('click', function (e) { - if (e.target == directoristModal) { - directoristModal.classList.remove('directorist-show'); - } - }); -} - -/***/ }), - -/***/ "./assets/src/js/global/components/select2-custom-control.js": -/*!*******************************************************************!*\ + /***/ function () { + var $ = jQuery; + $(document).ready(function () { + modalToggle(); + }); + function modalToggle() { + $('.atbdp_recovery_pass').on('click', function (e) { + e.preventDefault(); + $('#recover-pass-modal').slideToggle().show(); + }); + + // Contact form [on modal closed] + $('#atbdp-contact-modal').on( + 'hidden.bs.modal', + function (e) { + $('#atbdp-contact-message').val(''); + $('#atbdp-contact-message-display').html(''); + } + ); + + // Template Restructured + // Modal + var directoristModal = document.querySelector( + '.directorist-modal-js' + ); + $('body').on( + 'click', + '.directorist-btn-modal-js', + function (e) { + e.preventDefault(); + var data_target = $(this).attr( + 'data-directorist_target' + ); + document + .querySelector('.'.concat(data_target)) + .classList.add('directorist-show'); + } + ); + $('body').on( + 'click', + '.directorist-modal-close-js', + function (e) { + e.preventDefault(); + $(this) + .closest('.directorist-modal-js') + .removeClass('directorist-show'); + } + ); + $(document).bind('click', function (e) { + if (e.target == directoristModal) { + directoristModal.classList.remove( + 'directorist-show' + ); + } + }); + } + + /***/ + }, + + /***/ './assets/src/js/global/components/select2-custom-control.js': + /*!*******************************************************************!*\ !*** ./assets/src/js/global/components/select2-custom-control.js ***! \*******************************************************************/ -/***/ (function() { - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -var $ = jQuery; -window.addEventListener('load', waitAndInit); -window.addEventListener('directorist-search-form-nav-tab-reloaded', waitAndInit); -window.addEventListener('directorist-type-change', waitAndInit); -window.addEventListener('directorist-instant-search-reloaded', waitAndInit); -function waitAndInit() { - setTimeout(init, 0); -} - -// Initialize -function init() { - // Add custom dropdown toggle button - selec2_add_custom_dropdown_toggle_button(); - - // Add custom close button where needed - selec2_add_custom_close_button_if_needed(); - - // Add custom close button if field contains value on change - $('.select2-hidden-accessible').on('change', function (e) { - var value = $(this).children('option:selected').val(); - if (!value) { - return; - } - selec2_add_custom_close_button($(this)); - var selectItems = this.parentElement.querySelectorAll('.select2-selection__choice'); - selectItems.forEach(function (item) { - item.childNodes && item.childNodes.forEach(function (node) { - if (node.nodeType && node.nodeType === Node.TEXT_NODE) { - var originalString = node.textContent; - var modifiedString = originalString.replace(/^[\s\xa0]+/, ''); - node.textContent = modifiedString; - item.title = modifiedString; - } - }); - }); - var customSelectItem = this.parentElement.querySelector('.select2-selection__rendered'); - customSelectItem.childNodes && customSelectItem.childNodes.forEach(function (node) { - if (node.nodeType && node.nodeType === Node.TEXT_NODE) { - var originalString = node.textContent; - var modifiedString = originalString.replace(/^[\s\xa0]+/, ''); - node.textContent = modifiedString; - } - }); - }); -} -function selec2_add_custom_dropdown_toggle_button() { - // Remove Default - $('.select2-selection__arrow').css({ - display: 'none' - }); - var addon_container = selec2_get_addon_container('.select2-hidden-accessible'); - if (!addon_container) { - return; - } - var dropdown = addon_container.find('.directorist-select2-dropdown-toggle'); - if (!dropdown.length) { - // Add Dropdown Toggle Button - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/chevron-down.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - var dropdownHTML = "".concat(iconHTML, ""); - addon_container.append(dropdownHTML); - } - var selec2_custom_dropdown = addon_container.find('.directorist-select2-dropdown-toggle'); - - // Toggle --is-open class - $('.select2-hidden-accessible').on('select2:open', function (e) { - var dropdown_btn = $(this).next().find('.directorist-select2-dropdown-toggle'); - dropdown_btn.addClass('--is-open'); - }); - $('.select2-hidden-accessible').on('select2:close', function (e) { - var dropdown_btn = $(this).next().find('.directorist-select2-dropdown-toggle'); - dropdown_btn.removeClass('--is-open'); - var dropdownParent = $(this).closest('.directorist-search-field'); - var renderTitle = $(this).next().find('.select2-selection__rendered').attr('title'); - - // Check if renderTitle is empty and remove the focus class if so - if (!renderTitle) { - dropdownParent.removeClass('input-is-focused'); - } else { - dropdownParent.addClass('input-has-value'); - } - }); - - // Toggle Dropdown - selec2_custom_dropdown.on('click', function (e) { - var isOpen = $(this).hasClass('--is-open'); - var field = $(this).closest('.select2-container').siblings('select:enabled'); - if (isOpen) { - field.select2('close'); - } else { - field.select2('open'); - } - }); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_add_custom_close_button_if_needed() { - var select2_fields = $('.select2-hidden-accessible'); - if (!select2_fields && !select2_fields.length) { - return; - } - var _iterator = _createForOfIteratorHelper(select2_fields), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var field = _step.value; - var value = $(field).children('option:selected').val(); - if (!value) { - continue; - } - selec2_add_custom_close_button(field); - } - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } -} -function selec2_add_custom_close_button(field) { - // Remove Default - $('.select2-selection__clear').css({ - display: 'none' - }); - var addon_container = selec2_get_addon_container(field); - if (!(addon_container && addon_container.length)) { - return; - } - - // Remove if already exists - addon_container.find('.directorist-select2-dropdown-close').remove(); - - // Add - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/times.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - addon_container.prepend("".concat(iconHTML, "")); - var selec2_custom_close = addon_container.find('.directorist-select2-dropdown-close'); - selec2_custom_close.on('click', function (e) { - var field = $(this).closest('.select2-container').siblings('select:enabled'); - field.val(null).trigger('change'); - addon_container.find('.directorist-select2-dropdown-close').remove(); - selec2_adjust_space_for_addons(); - }); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_remove_custom_close_button(field) { - var addon_container = selec2_get_addon_container(field); - if (!(addon_container && addon_container.length)) { - return; - } - - // Remove - addon_container.find('.directorist-select2-dropdown-close').remove(); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_get_addon_container(field) { - var container = field ? $(field).next('.select2-container') : $('.select2-container'); - container = $(container).find('.directorist-select2-addons-area'); - if (!container.length) { - $('.select2-container').append(''); - container = $('.select2-container').find('.directorist-select2-addons-area'); - } - var container = field ? $(field).next('.select2-container') : null; - if (!container) { - return null; - } - var addonsArea = $(container).find('.directorist-select2-addons-area'); - if (!addonsArea.length) { - container.append(''); - return container.find('.directorist-select2-addons-area'); - } - return addonsArea; -} -function selec2_adjust_space_for_addons() { - var container = $('.select2-container').find('.directorist-select2-addons-area'); - if (!container.length) { - return; - } - var width = container.outerWidth(); - $('.select2-container').find('.select2-selection__rendered').css({ - 'padding-right': width + 'px' - }); -} - -/***/ }), - -/***/ "./assets/src/js/global/components/setup-select2.js": -/*!**********************************************************!*\ + /***/ function () { + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + var $ = jQuery; + window.addEventListener('load', waitAndInit); + window.addEventListener( + 'directorist-search-form-nav-tab-reloaded', + waitAndInit + ); + window.addEventListener('directorist-type-change', waitAndInit); + window.addEventListener( + 'directorist-instant-search-reloaded', + waitAndInit + ); + function waitAndInit() { + setTimeout(init, 0); + } + + // Initialize + function init() { + // Add custom dropdown toggle button + selec2_add_custom_dropdown_toggle_button(); + + // Add custom close button where needed + selec2_add_custom_close_button_if_needed(); + + // Add custom close button if field contains value on change + $('.select2-hidden-accessible').on('change', function (e) { + var value = $(this).children('option:selected').val(); + if (!value) { + return; + } + selec2_add_custom_close_button($(this)); + var selectItems = this.parentElement.querySelectorAll( + '.select2-selection__choice' + ); + selectItems.forEach(function (item) { + item.childNodes && + item.childNodes.forEach(function (node) { + if ( + node.nodeType && + node.nodeType === Node.TEXT_NODE + ) { + var originalString = node.textContent; + var modifiedString = + originalString.replace( + /^[\s\xa0]+/, + '' + ); + node.textContent = modifiedString; + item.title = modifiedString; + } + }); + }); + var customSelectItem = this.parentElement.querySelector( + '.select2-selection__rendered' + ); + customSelectItem.childNodes && + customSelectItem.childNodes.forEach( + function (node) { + if ( + node.nodeType && + node.nodeType === Node.TEXT_NODE + ) { + var originalString = node.textContent; + var modifiedString = + originalString.replace( + /^[\s\xa0]+/, + '' + ); + node.textContent = modifiedString; + } + } + ); + }); + } + function selec2_add_custom_dropdown_toggle_button() { + // Remove Default + $('.select2-selection__arrow').css({ + display: 'none', + }); + var addon_container = selec2_get_addon_container( + '.select2-hidden-accessible' + ); + if (!addon_container) { + return; + } + var dropdown = addon_container.find( + '.directorist-select2-dropdown-toggle' + ); + if (!dropdown.length) { + // Add Dropdown Toggle Button + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/chevron-down.svg'; + var iconHTML = directorist.icon_markup + .replace('##URL##', iconURL) + .replace('##CLASS##', ''); + var dropdownHTML = + ''.concat( + iconHTML, + '' + ); + addon_container.append(dropdownHTML); + } + var selec2_custom_dropdown = addon_container.find( + '.directorist-select2-dropdown-toggle' + ); + + // Toggle --is-open class + $('.select2-hidden-accessible').on( + 'select2:open', + function (e) { + var dropdown_btn = $(this) + .next() + .find('.directorist-select2-dropdown-toggle'); + dropdown_btn.addClass('--is-open'); + } + ); + $('.select2-hidden-accessible').on( + 'select2:close', + function (e) { + var dropdown_btn = $(this) + .next() + .find('.directorist-select2-dropdown-toggle'); + dropdown_btn.removeClass('--is-open'); + var dropdownParent = $(this).closest( + '.directorist-search-field' + ); + var renderTitle = $(this) + .next() + .find('.select2-selection__rendered') + .attr('title'); + + // Check if renderTitle is empty and remove the focus class if so + if (!renderTitle) { + dropdownParent.removeClass('input-is-focused'); + } else { + dropdownParent.addClass('input-has-value'); + } + } + ); + + // Toggle Dropdown + selec2_custom_dropdown.on('click', function (e) { + var isOpen = $(this).hasClass('--is-open'); + var field = $(this) + .closest('.select2-container') + .siblings('select:enabled'); + if (isOpen) { + field.select2('close'); + } else { + field.select2('open'); + } + }); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_add_custom_close_button_if_needed() { + var select2_fields = $('.select2-hidden-accessible'); + if (!select2_fields && !select2_fields.length) { + return; + } + var _iterator = _createForOfIteratorHelper(select2_fields), + _step; + try { + for (_iterator.s(); !(_step = _iterator.n()).done; ) { + var field = _step.value; + var value = $(field) + .children('option:selected') + .val(); + if (!value) { + continue; + } + selec2_add_custom_close_button(field); + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + } + function selec2_add_custom_close_button(field) { + // Remove Default + $('.select2-selection__clear').css({ + display: 'none', + }); + var addon_container = selec2_get_addon_container(field); + if (!(addon_container && addon_container.length)) { + return; + } + + // Remove if already exists + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + + // Add + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/times.svg'; + var iconHTML = directorist.icon_markup + .replace('##URL##', iconURL) + .replace('##CLASS##', ''); + addon_container.prepend( + ''.concat( + iconHTML, + '' + ) + ); + var selec2_custom_close = addon_container.find( + '.directorist-select2-dropdown-close' + ); + selec2_custom_close.on('click', function (e) { + var field = $(this) + .closest('.select2-container') + .siblings('select:enabled'); + field.val(null).trigger('change'); + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + selec2_adjust_space_for_addons(); + }); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_remove_custom_close_button(field) { + var addon_container = selec2_get_addon_container(field); + if (!(addon_container && addon_container.length)) { + return; + } + + // Remove + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_get_addon_container(field) { + var container = field + ? $(field).next('.select2-container') + : $('.select2-container'); + container = $(container).find( + '.directorist-select2-addons-area' + ); + if (!container.length) { + $('.select2-container').append( + '' + ); + container = $('.select2-container').find( + '.directorist-select2-addons-area' + ); + } + var container = field + ? $(field).next('.select2-container') + : null; + if (!container) { + return null; + } + var addonsArea = $(container).find( + '.directorist-select2-addons-area' + ); + if (!addonsArea.length) { + container.append( + '' + ); + return container.find( + '.directorist-select2-addons-area' + ); + } + return addonsArea; + } + function selec2_adjust_space_for_addons() { + var container = $('.select2-container').find( + '.directorist-select2-addons-area' + ); + if (!container.length) { + return; + } + var width = container.outerWidth(); + $('.select2-container') + .find('.select2-selection__rendered') + .css({ + 'padding-right': width + 'px', + }); + } + + /***/ + }, + + /***/ './assets/src/js/global/components/setup-select2.js': + /*!**********************************************************!*\ !*** ./assets/src/js/global/components/setup-select2.js ***! \**********************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js"); -/* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../../lib/helper */ "./assets/src/js/lib/helper.js"); -/* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./select2-custom-control */ "./assets/src/js/global/components/select2-custom-control.js"); -/* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_select2_custom_control__WEBPACK_IMPORTED_MODULE_2__); - -function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } -function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } - - -var $ = jQuery; -window.addEventListener('load', initSelect2); -document.body.addEventListener('directorist-search-form-nav-tab-reloaded', initSelect2); -document.body.addEventListener('directorist-reload-select2-fields', initSelect2); -window.addEventListener('directorist-instant-search-reloaded', initSelect2); - -// Init Static Select 2 Fields -function initSelect2() { - var selectors = ['.directorist-select select', '#directorist-select-js', - // Not found in any template - '#directorist-search-category-js', - // Not found in any template - // '#directorist-select-st-s-js', - // '#directorist-select-sn-s-js', - // '#directorist-select-mn-e-js', - // '#directorist-select-tu-e-js', - // '#directorist-select-wd-s-js', - // '#directorist-select-wd-e-js', - // '#directorist-select-th-e-js', - // '#directorist-select-fr-s-js', - // '#directorist-select-fr-e-js', - '.select-basic', - // Not found in any template - '#loc-type', '#cat-type', '#at_biz_dir-category', '.bdas-location-search', - // Not found in any template - '.bdas-category-search' // Not found in any template - ]; - selectors.forEach(function (selector) { - return (0,_lib_helper__WEBPACK_IMPORTED_MODULE_1__.convertToSelect2)(selector); - }); - initMaybeLazyLoadedTaxonomySelect2(); -} - -// Init Select2 Ajax Fields -function initMaybeLazyLoadedTaxonomySelect2() { - var restBase = "".concat(directorist.rest_url, "directorist/v1"); - maybeLazyLoadCategories({ - selector: '.directorist-search-category select', - url: "".concat(restBase, "/listings/categories") - }); - maybeLazyLoadCategories({ - selector: '.directorist-form-categories-field select', - url: "".concat(restBase, "/listings/categories") - }); - maybeLazyLoadLocations({ - selector: '.directorist-search-location select', - url: "".concat(restBase, "/listings/locations") - }); - maybeLazyLoadLocations({ - selector: '.directorist-form-location-field select', - url: "".concat(restBase, "/listings/locations") - }); - maybeLazyLoadTags({ - selector: '.directorist-form-tag-field select', - url: "".concat(restBase, "/listings/tags") - }); -} -function maybeLazyLoadCategories(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'categories' - }), args)); -} -function maybeLazyLoadLocations(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'locations' - }), args)); -} -function maybeLazyLoadTags(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'tags' - }), args)); -} - -// maybeLazyLoadTaxonomyTermsSelect2 -function maybeLazyLoadTaxonomyTermsSelect2(args) { - var defaults = { - selector: '', - url: '', - taxonomy: 'tags' - }; - args = _objectSpread(_objectSpread({}, defaults), args); - if (!args.selector) { - return; - } - var $el = $(args.selector); - var $addListing = $el.closest('.directorist-add-listing-form'); - var canCreate = $el.data('allow_new'); - var maxLength = $el.data('max'); - var directoryId = 0; - if (args.taxonomy !== 'tags') { - var $searchForm = $el.closest('.directorist-search-form'); - var $archivePage = $el.closest('.directorist-archive-contents'); - var $directory = $addListing.find('input[name="directory_type"]'); - var $navListItem = null; - - // If search page - if ($searchForm.length) { - $navListItem = $searchForm.find('.directorist-listing-type-selection__link--current'); - } - if ($archivePage.length) { - $navListItem = $archivePage.find('.directorist-type-nav__list li.directorist-type-nav__list__current .directorist-type-nav__link'); - } - if ($navListItem && $navListItem.length) { - directoryId = Number($navListItem.data('listing_type_id')); - } - if ($directory.length) { - directoryId = $directory.val(); - } - if (directoryId) { - directoryId = Number(directoryId); - } - } - var currentPage = 1; - var select2Options = { - allowClear: true, - tags: canCreate, - maximumSelectionLength: maxLength, - width: '100%', - escapeMarkup: function escapeMarkup(text) { - return text; - }, - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - - // Fetch the data-icon attribute - var iconURI = $(data.element).attr('data-icon'); - - // Get the original text - var originalText = data.text; - - // Match and count leading spaces - var leadingSpaces = originalText.match(/^\s+/); - var spaceCount = leadingSpaces ? leadingSpaces[0].length : 0; - - // Trim leading spaces from the original text - originalText = originalText.trim(); - - // Construct the icon element - var iconElm = iconURI ? "") : ''; - - // Prepare the combined text (icon + text) - var combinedText = iconElm + originalText; - - // Create the state container - var $state = $('
    '); - - // Determine the level based on space count - var level = Math.floor(spaceCount / 8) + 1; // 8 spaces = level 2, 16 spaces = level 3, etc. - if (level > 1) { - $state.addClass('item-level-' + level); // Add class for the level (e.g., level-1, level-2, etc.) - } - $state.html(combinedText); // Set the combined content (icon + text) - - return $state; - } - }; - if (directorist.lazy_load_taxonomy_fields) { - select2Options.ajax = { - url: args.url, - dataType: 'json', - cache: true, - delay: 250, - data: function data(params) { - currentPage = params.page || 1; - var query = { - page: currentPage, - per_page: args.perPage, - hide_empty: true - }; - - // Load empty terms on add listings. - if ($addListing.length) { - query.hide_empty = false; - } - if (params.term) { - query.search = params.term; - query.hide_empty = false; - } - if (directoryId) { - query.directory = directoryId; - } - return query; - }, - processResults: function processResults(data) { - return { - results: data.items, - pagination: { - more: data.paginationMore - } - }; - }, - transport: function transport(params, success, failure) { - var $request = $.ajax(params); - $request.then(function (data, textStatus, jqXHR) { - var totalPage = Number(jqXHR.getResponseHeader('x-wp-totalpages')); - var paginationMore = currentPage < totalPage; - var items = data.map(function (item) { - var text = item.name; - if (!$addListing.length && params.data.search) { - text = "".concat(item.name, " (").concat(item.count, ")"); - } - return { - id: item.id, - text: text - }; - }); - return { - items: items, - paginationMore: paginationMore - }; - }).then(success); - $request.fail(failure); - return $request; - } - }; - } - $el.length && $el.select2(select2Options); - if (directorist.lazy_load_taxonomy_fields) { - var setupSelectedItems = function setupSelectedItems($el, selectedId, selectedLabel) { - if (!$el.length || !selectedId) { - return; - } - var selectedIds = "".concat(selectedId).split(','); - var selectedLabels = selectedLabel ? "".concat(selectedLabel).split(',') : []; - selectedIds.forEach(function (id, index) { - var label = selectedLabels.length >= index + 1 ? selectedLabels[index] : ''; - var option = new Option(label, id, true, true); - $el.append(option); - $el.trigger({ - type: 'select2:select', - params: { - data: { - id: id, - text: label - } - } - }); - }); - }; - setupSelectedItems($el, $el.data('selected-id'), $el.data('selected-label')); - } -} - -/***/ }), - -/***/ "./assets/src/js/global/components/tabs.js": -/*!*************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/defineProperty */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/defineProperty.js' + ); + /* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./../../lib/helper */ './assets/src/js/lib/helper.js' + ); + /* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./select2-custom-control */ './assets/src/js/global/components/select2-custom-control.js' + ); + /* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ + ); + + function ownKeys(e, r) { + var t = Object.keys(e); + if (Object.getOwnPropertySymbols) { + var o = Object.getOwnPropertySymbols(e); + (r && + (o = o.filter(function (r) { + return Object.getOwnPropertyDescriptor(e, r) + .enumerable; + })), + t.push.apply(t, o)); + } + return t; + } + function _objectSpread(e) { + for (var r = 1; r < arguments.length; r++) { + var t = null != arguments[r] ? arguments[r] : {}; + r % 2 + ? ownKeys(Object(t), !0).forEach(function (r) { + (0, + _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(e, r, t[r]); + }) + : Object.getOwnPropertyDescriptors + ? Object.defineProperties( + e, + Object.getOwnPropertyDescriptors(t) + ) + : ownKeys(Object(t)).forEach(function (r) { + Object.defineProperty( + e, + r, + Object.getOwnPropertyDescriptor( + t, + r + ) + ); + }); + } + return e; + } + + var $ = jQuery; + window.addEventListener('load', initSelect2); + document.body.addEventListener( + 'directorist-search-form-nav-tab-reloaded', + initSelect2 + ); + document.body.addEventListener( + 'directorist-reload-select2-fields', + initSelect2 + ); + window.addEventListener( + 'directorist-instant-search-reloaded', + initSelect2 + ); + + // Init Static Select 2 Fields + function initSelect2() { + var selectors = [ + '.directorist-select select', + '#directorist-select-js', + // Not found in any template + '#directorist-search-category-js', + // Not found in any template + // '#directorist-select-st-s-js', + // '#directorist-select-sn-s-js', + // '#directorist-select-mn-e-js', + // '#directorist-select-tu-e-js', + // '#directorist-select-wd-s-js', + // '#directorist-select-wd-e-js', + // '#directorist-select-th-e-js', + // '#directorist-select-fr-s-js', + // '#directorist-select-fr-e-js', + '.select-basic', + // Not found in any template + '#loc-type', + '#cat-type', + '#at_biz_dir-category', + '.bdas-location-search', + // Not found in any template + '.bdas-category-search', // Not found in any template + ]; + selectors.forEach(function (selector) { + return (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_1__.convertToSelect2)( + selector + ); + }); + initMaybeLazyLoadedTaxonomySelect2(); + } + + // Init Select2 Ajax Fields + function initMaybeLazyLoadedTaxonomySelect2() { + var restBase = ''.concat( + directorist.rest_url, + 'directorist/v1' + ); + maybeLazyLoadCategories({ + selector: '.directorist-search-category select', + url: ''.concat(restBase, '/listings/categories'), + }); + maybeLazyLoadCategories({ + selector: '.directorist-form-categories-field select', + url: ''.concat(restBase, '/listings/categories'), + }); + maybeLazyLoadLocations({ + selector: '.directorist-search-location select', + url: ''.concat(restBase, '/listings/locations'), + }); + maybeLazyLoadLocations({ + selector: '.directorist-form-location-field select', + url: ''.concat(restBase, '/listings/locations'), + }); + maybeLazyLoadTags({ + selector: '.directorist-form-tag-field select', + url: ''.concat(restBase, '/listings/tags'), + }); + } + function maybeLazyLoadCategories(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'categories', + } + ), + args + ) + ); + } + function maybeLazyLoadLocations(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'locations', + } + ), + args + ) + ); + } + function maybeLazyLoadTags(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'tags', + } + ), + args + ) + ); + } + + // maybeLazyLoadTaxonomyTermsSelect2 + function maybeLazyLoadTaxonomyTermsSelect2(args) { + var defaults = { + selector: '', + url: '', + taxonomy: 'tags', + }; + args = _objectSpread(_objectSpread({}, defaults), args); + if (!args.selector) { + return; + } + var $el = $(args.selector); + var $addListing = $el.closest( + '.directorist-add-listing-form' + ); + var canCreate = $el.data('allow_new'); + var maxLength = $el.data('max'); + var directoryId = 0; + if (args.taxonomy !== 'tags') { + var $searchForm = $el.closest( + '.directorist-search-form' + ); + var $archivePage = $el.closest( + '.directorist-archive-contents' + ); + var $directory = $addListing.find( + 'input[name="directory_type"]' + ); + var $navListItem = null; + + // If search page + if ($searchForm.length) { + $navListItem = $searchForm.find( + '.directorist-listing-type-selection__link--current' + ); + } + if ($archivePage.length) { + $navListItem = $archivePage.find( + '.directorist-type-nav__list li.directorist-type-nav__list__current .directorist-type-nav__link' + ); + } + if ($navListItem && $navListItem.length) { + directoryId = Number( + $navListItem.data('listing_type_id') + ); + } + if ($directory.length) { + directoryId = $directory.val(); + } + if (directoryId) { + directoryId = Number(directoryId); + } + } + var currentPage = 1; + var select2Options = { + allowClear: true, + tags: canCreate, + maximumSelectionLength: maxLength, + width: '100%', + escapeMarkup: function escapeMarkup(text) { + return text; + }, + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + + // Fetch the data-icon attribute + var iconURI = $(data.element).attr('data-icon'); + + // Get the original text + var originalText = data.text; + + // Match and count leading spaces + var leadingSpaces = originalText.match(/^\s+/); + var spaceCount = leadingSpaces + ? leadingSpaces[0].length + : 0; + + // Trim leading spaces from the original text + originalText = originalText.trim(); + + // Construct the icon element + var iconElm = iconURI + ? '' + ) + : ''; + + // Prepare the combined text (icon + text) + var combinedText = iconElm + originalText; + + // Create the state container + var $state = $( + '
    ' + ); + + // Determine the level based on space count + var level = Math.floor(spaceCount / 8) + 1; // 8 spaces = level 2, 16 spaces = level 3, etc. + if (level > 1) { + $state.addClass('item-level-' + level); // Add class for the level (e.g., level-1, level-2, etc.) + } + $state.html(combinedText); // Set the combined content (icon + text) + + return $state; + }, + }; + if (directorist.lazy_load_taxonomy_fields) { + select2Options.ajax = { + url: args.url, + dataType: 'json', + cache: true, + delay: 250, + data: function data(params) { + currentPage = params.page || 1; + var query = { + page: currentPage, + per_page: args.perPage, + hide_empty: true, + }; + + // Load empty terms on add listings. + if ($addListing.length) { + query.hide_empty = false; + } + if (params.term) { + query.search = params.term; + query.hide_empty = false; + } + if (directoryId) { + query.directory = directoryId; + } + return query; + }, + processResults: function processResults(data) { + return { + results: data.items, + pagination: { + more: data.paginationMore, + }, + }; + }, + transport: function transport( + params, + success, + failure + ) { + var $request = $.ajax(params); + $request + .then(function (data, textStatus, jqXHR) { + var totalPage = Number( + jqXHR.getResponseHeader( + 'x-wp-totalpages' + ) + ); + var paginationMore = + currentPage < totalPage; + var items = data.map(function (item) { + var text = item.name; + if ( + !$addListing.length && + params.data.search + ) { + text = '' + .concat(item.name, ' (') + .concat(item.count, ')'); + } + return { + id: item.id, + text: text, + }; + }); + return { + items: items, + paginationMore: paginationMore, + }; + }) + .then(success); + $request.fail(failure); + return $request; + }, + }; + } + $el.length && $el.select2(select2Options); + if (directorist.lazy_load_taxonomy_fields) { + function setupSelectedItems( + $el, + selectedId, + selectedLabel + ) { + if (!$el.length || !selectedId) { + return; + } + var selectedIds = ''.concat(selectedId).split(','); + var selectedLabels = selectedLabel + ? ''.concat(selectedLabel).split(',') + : []; + selectedIds.forEach(function (id, index) { + var label = + selectedLabels.length >= index + 1 + ? selectedLabels[index] + : ''; + var option = new Option(label, id, true, true); + $el.append(option); + $el.trigger({ + type: 'select2:select', + params: { + data: { + id: id, + text: label, + }, + }, + }); + }); + } + setupSelectedItems( + $el, + $el.data('selected-id'), + $el.data('selected-label') + ); + } + } + + /***/ + }, + + /***/ './assets/src/js/global/components/tabs.js': + /*!*************************************************!*\ !*** ./assets/src/js/global/components/tabs.js ***! \*************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"); - -document.addEventListener('load', init, false); -function Tasks() { - return { - init: function init() { - this.initToggleTabLinks(); - }, - initToggleTabLinks: function initToggleTabLinks() { - var links = document.querySelectorAll('.directorist-toggle-tab'); - if (!links) { - return; - } - var self = this; - (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(links).forEach(function (item) { - item.addEventListener('click', function (event) { - self.handleToggleTabLinksEvent(item, event); - }); - }); - }, - handleToggleTabLinksEvent: function handleToggleTabLinksEvent(item, event) { - event.preventDefault(); - var navContainerClass = item.getAttribute('data-nav-container'); - var tabContainerClass = item.getAttribute('data-tab-container'); - var tabClass = item.getAttribute('data-tab'); - if (!navContainerClass || !tabContainerClass || !tabClass) { - return; - } - var navContainer = item.closest('.' + navContainerClass); - var tabContainer = document.querySelector('.' + tabContainerClass); - if (!navContainer || !tabContainer) { - return; - } - var tab = tabContainer.querySelector('.' + tabClass); - if (!tab) { - return; - } - - // Remove Active Class - var removeActiveClass = function removeActiveClass(item) { - item.classList.remove('--is-active'); - }; - - // Toggle Nav - var activeNavItems = navContainer.querySelectorAll('.--is-active'); - if (activeNavItems) { - (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(activeNavItems).forEach(removeActiveClass); - } - item.classList.add('--is-active'); - - // Toggle Tab - var activeTabItems = tabContainer.querySelectorAll('.--is-active'); - if (activeTabItems) { - (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(activeTabItems).forEach(removeActiveClass); - } - tab.classList.add('--is-active'); - - // Update Query Var - var queryVarKey = item.getAttribute('data-query-var-key'); - var queryVarValue = item.getAttribute('data-query-var-value'); - if (!queryVarKey || !queryVarValue) { - return; - } - this.addQueryParam(queryVarKey, queryVarValue); - }, - addQueryParam: function addQueryParam(key, value) { - var url = new URL(window.location.href); - url.searchParams.set(key, value); - window.history.pushState({}, '', url.toString()); - } - }; -} -function init() { - var tasks = new Tasks(); - tasks.init(); -} - -/***/ }), - -/***/ "./assets/src/js/global/components/utility.js": -/*!****************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/toConsumableArray */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js' + ); + + document.addEventListener('load', init, false); + function Tasks() { + return { + init: function init() { + this.initToggleTabLinks(); + }, + initToggleTabLinks: function initToggleTabLinks() { + var links = document.querySelectorAll( + '.directorist-toggle-tab' + ); + if (!links) { + return; + } + var self = this; + (0, + _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(links).forEach(function (item) { + item.addEventListener( + 'click', + function (event) { + self.handleToggleTabLinksEvent( + item, + event + ); + } + ); + }); + }, + handleToggleTabLinksEvent: + function handleToggleTabLinksEvent(item, event) { + event.preventDefault(); + var navContainerClass = + item.getAttribute('data-nav-container'); + var tabContainerClass = + item.getAttribute('data-tab-container'); + var tabClass = item.getAttribute('data-tab'); + if ( + !navContainerClass || + !tabContainerClass || + !tabClass + ) { + return; + } + var navContainer = item.closest( + '.' + navContainerClass + ); + var tabContainer = document.querySelector( + '.' + tabContainerClass + ); + if (!navContainer || !tabContainer) { + return; + } + var tab = tabContainer.querySelector( + '.' + tabClass + ); + if (!tab) { + return; + } + + // Remove Active Class + var removeActiveClass = + function removeActiveClass(item) { + item.classList.remove('--is-active'); + }; + + // Toggle Nav + var activeNavItems = + navContainer.querySelectorAll( + '.--is-active' + ); + if (activeNavItems) { + (0, + _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(activeNavItems).forEach( + removeActiveClass + ); + } + item.classList.add('--is-active'); + + // Toggle Tab + var activeTabItems = + tabContainer.querySelectorAll( + '.--is-active' + ); + if (activeTabItems) { + (0, + _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(activeTabItems).forEach( + removeActiveClass + ); + } + tab.classList.add('--is-active'); + + // Update Query Var + var queryVarKey = + item.getAttribute('data-query-var-key'); + var queryVarValue = item.getAttribute( + 'data-query-var-value' + ); + if (!queryVarKey || !queryVarValue) { + return; + } + this.addQueryParam(queryVarKey, queryVarValue); + }, + addQueryParam: function addQueryParam(key, value) { + var url = new URL(window.location.href); + url.searchParams.set(key, value); + window.history.pushState({}, '', url.toString()); + }, + }; + } + function init() { + var tasks = new Tasks(); + tasks.init(); + } + + /***/ + }, + + /***/ './assets/src/js/global/components/utility.js': + /*!****************************************************!*\ !*** ./assets/src/js/global/components/utility.js ***! \****************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - var $ = jQuery; - document.querySelectorAll('.la-icon i').forEach(function (item) { - className.push(item.getAttribute('class')); - }); - - // Handle Disabled Link Action - $('.atbdp-disabled').on('click', function (e) { - e.preventDefault(); - }); - - // Toggle Modal - $('.cptm-modal-toggle').on('click', function (e) { - e.preventDefault(); - var target_class = $(this).data('target'); - $('.' + target_class).toggleClass('active'); - }); - - // Change label on file select/change - $('.cptm-file-field').on('change', function (e) { - var target_id = $(this).attr('id'); - $('label[for=' + target_id + ']').text('Change'); - }); -}); - -/***/ }), - -/***/ "./assets/src/js/lib/helper.js": -/*!*************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + var $ = jQuery; + document + .querySelectorAll('.la-icon i') + .forEach(function (item) { + className.push(item.getAttribute('class')); + }); + + // Handle Disabled Link Action + $('.atbdp-disabled').on('click', function (e) { + e.preventDefault(); + }); + + // Toggle Modal + $('.cptm-modal-toggle').on('click', function (e) { + e.preventDefault(); + var target_class = $(this).data('target'); + $('.' + target_class).toggleClass('active'); + }); + + // Change label on file select/change + $('.cptm-file-field').on('change', function (e) { + var target_id = $(this).attr('id'); + $('label[for=' + target_id + ']').text('Change'); + }); + }); + + /***/ + }, + + /***/ './assets/src/js/lib/helper.js': + /*!*************************************!*\ !*** ./assets/src/js/lib/helper.js ***! \*************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ convertToSelect2: function() { return /* binding */ convertToSelect2; }, -/* harmony export */ get_dom_data: function() { return /* binding */ get_dom_data; } -/* harmony export */ }); -var $ = jQuery; -function get_dom_data(selector, parent) { - selector = '.directorist-dom-data-' + selector; - if (!parent) { - parent = document; - } - var el = parent.querySelector(selector); - if (!el || !el.dataset.value) { - return {}; - } - var IS_SCRIPT_DEBUGGING = directorist && directorist.script_debugging && directorist.script_debugging == '1'; - try { - var value = atob(el.dataset.value); - return JSON.parse(value); - } catch (error) { - if (IS_SCRIPT_DEBUGGING) { - console.log(el, error); - } - return {}; - } -} -function convertToSelect2(selector) { - var $selector = $(selector); - var args = { - allowClear: true, - width: '100%', - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - var iconURI = $(data.element).data('icon'); - var iconElm = ""); - var originalText = data.text; - var modifiedText = originalText.replace(/^(\s*)/, '$1' + iconElm); - var $state = $("
    ".concat(typeof iconURI !== 'undefined' && iconURI !== '' ? modifiedText : originalText, "
    ")); - return $state; - } - }; - var options = $selector.find('option'); - if (options.length && options[0].textContent.length) { - args.placeholder = options[0].textContent; - } - $selector.length && $selector.select2(args); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js": -/*!*********************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js ***! - \*********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _arrayLikeToArray; } -/* harmony export */ }); -function _arrayLikeToArray(r, a) { - (null == a || a > r.length) && (a = r.length); - for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; - return n; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js": -/*!**********************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js ***! - \**********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _arrayWithoutHoles; } -/* harmony export */ }); -/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayLikeToArray.js */ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"); - -function _arrayWithoutHoles(r) { - if (Array.isArray(r)) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js": -/*!*******************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/defineProperty.js ***! - \*******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _defineProperty; } -/* harmony export */ }); -/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toPropertyKey.js */ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"); - -function _defineProperty(e, r, t) { - return (r = (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r)) in e ? Object.defineProperty(e, r, { - value: t, - enumerable: !0, - configurable: !0, - writable: !0 - }) : e[r] = t, e; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/iterableToArray.js": -/*!********************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js ***! - \********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _iterableToArray; } -/* harmony export */ }); -function _iterableToArray(r) { - if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js": -/*!**********************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js ***! - \**********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _nonIterableSpread; } -/* harmony export */ }); -function _nonIterableSpread() { - throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js": -/*!**********************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js ***! - \**********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _toConsumableArray; } -/* harmony export */ }); -/* harmony import */ var _arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayWithoutHoles.js */ "./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js"); -/* harmony import */ var _iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./iterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/iterableToArray.js"); -/* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./unsupportedIterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js"); -/* harmony import */ var _nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./nonIterableSpread.js */ "./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js"); - - - - -function _toConsumableArray(r) { - return (0,_arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r) || (0,_iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__["default"])(r) || (0,_unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__["default"])(r) || (0,_nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__["default"])(); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js": -/*!****************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! - \****************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPrimitive; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); - -function toPrimitive(t, r) { - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(t) || !t) return t; - var e = t[Symbol.toPrimitive]; - if (void 0 !== e) { - var i = e.call(t, r || "default"); - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i)) return i; - throw new TypeError("@@toPrimitive must return a primitive value."); - } - return ("string" === r ? String : Number)(t); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js": -/*!******************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! - \******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPropertyKey; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); -/* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toPrimitive.js */ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js"); - - -function toPropertyKey(t) { - var i = (0,_toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__["default"])(t, "string"); - return "symbol" == (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i) ? i : i + ""; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js": -/*!***********************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***! - \***********************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _typeof; } -/* harmony export */ }); -function _typeof(o) { - "@babel/helpers - typeof"; - - return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { - return typeof o; - } : function (o) { - return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; - }, _typeof(o); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js": -/*!*******************************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js ***! - \*******************************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _unsupportedIterableToArray; } -/* harmony export */ }); -/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayLikeToArray.js */ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"); - -function _unsupportedIterableToArray(r, a) { - if (r) { - if ("string" == typeof r) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a); - var t = {}.toString.call(r).slice(8, -1); - return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a) : void 0; - } -} - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!****************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ convertToSelect2: function () { + return /* binding */ convertToSelect2; + }, + /* harmony export */ get_dom_data: function () { + return /* binding */ get_dom_data; + }, + /* harmony export */ + } + ); + var $ = jQuery; + function get_dom_data(selector, parent) { + selector = '.directorist-dom-data-' + selector; + if (!parent) { + parent = document; + } + var el = parent.querySelector(selector); + if (!el || !el.dataset.value) { + return {}; + } + var IS_SCRIPT_DEBUGGING = + directorist && + directorist.script_debugging && + directorist.script_debugging == '1'; + try { + var value = atob(el.dataset.value); + return JSON.parse(value); + } catch (error) { + if (IS_SCRIPT_DEBUGGING) { + console.log(el, error); + } + return {}; + } + } + function convertToSelect2(selector) { + var $selector = $(selector); + var args = { + allowClear: true, + width: '100%', + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + var iconURI = $(data.element).data('icon'); + var iconElm = + '' + ); + var originalText = data.text; + var modifiedText = originalText.replace( + /^(\s*)/, + '$1' + iconElm + ); + var $state = $( + '
    '.concat( + typeof iconURI !== 'undefined' && + iconURI !== '' + ? modifiedText + : originalText, + '
    ' + ) + ); + return $state; + }, + }; + var options = $selector.find('option'); + if (options.length && options[0].textContent.length) { + args.placeholder = options[0].textContent; + } + $selector.length && $selector.select2(args); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js': + /*!**************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js ***! + \**************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _arrayLikeToArray; + }, + /* harmony export */ + } + ); + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js': + /*!***************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js ***! + \***************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _arrayWithoutHoles; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayLikeToArray.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js' + ); + + function _arrayWithoutHoles(r) { + if (Array.isArray(r)) + return (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/defineProperty.js': + /*!************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/defineProperty.js ***! + \************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _defineProperty; + }, + /* harmony export */ + } + ); + /* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./toPropertyKey.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js' + ); + + function _defineProperty(e, r, t) { + return ( + (r = (0, + _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r)) in e + ? Object.defineProperty(e, r, { + value: t, + enumerable: !0, + configurable: !0, + writable: !0, + }) + : (e[r] = t), + e + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/iterableToArray.js': + /*!*************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/iterableToArray.js ***! + \*************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _iterableToArray; + }, + /* harmony export */ + } + ); + function _iterableToArray(r) { + if ( + ('undefined' != typeof Symbol && + null != r[Symbol.iterator]) || + null != r['@@iterator'] + ) + return Array.from(r); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js': + /*!***************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js ***! + \***************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _nonIterableSpread; + }, + /* harmony export */ + } + ); + function _nonIterableSpread() { + throw new TypeError( + 'Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js': + /*!***************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js ***! + \***************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _toConsumableArray; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayWithoutHoles.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js' + ); + /* harmony import */ var _iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./iterableToArray.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/iterableToArray.js' + ); + /* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./unsupportedIterableToArray.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js' + ); + /* harmony import */ var _nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ./nonIterableSpread.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js' + ); + + function _toConsumableArray(r) { + return ( + (0, + _arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r) || + (0, + _iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(r) || + (0, + _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__[ + 'default' + ])(r) || + (0, + _nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])() + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPrimitive.js': + /*!*********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! + \*********************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPrimitive; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + + function toPrimitive(t, r) { + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + t + ) || + !t + ) + return t; + var e = t[Symbol.toPrimitive]; + if (void 0 !== e) { + var i = e.call(t, r || 'default'); + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ) + return i; + throw new TypeError( + '@@toPrimitive must return a primitive value.' + ); + } + return ('string' === r ? String : Number)(t); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js': + /*!***********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! + \***********************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPropertyKey; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + /* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./toPrimitive.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPrimitive.js' + ); + + function toPropertyKey(t) { + var i = (0, + _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__['default'])( + t, + 'string' + ); + return 'symbol' == + (0, _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ? i + : i + ''; + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js': + /*!****************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js ***! + \****************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _typeof; + }, + /* harmony export */ + } + ); + function _typeof(o) { + '@babel/helpers - typeof'; + + return ( + (_typeof = + 'function' == typeof Symbol && + 'symbol' == typeof Symbol.iterator + ? function (o) { + return typeof o; + } + : function (o) { + return o && + 'function' == typeof Symbol && + o.constructor === Symbol && + o !== Symbol.prototype + ? 'symbol' + : typeof o; + }), + _typeof(o) + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js': + /*!************************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js ***! + \************************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _unsupportedIterableToArray; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayLikeToArray.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js' + ); + + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r, a) + : void 0 + ); + } + } + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!****************************************!*\ !*** ./assets/src/js/global/global.js ***! \****************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/modal */ "./assets/src/js/global/components/modal.js"); -/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_components_modal__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/select2-custom-control */ "./assets/src/js/global/components/select2-custom-control.js"); -/* harmony import */ var _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _components_setup_select2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/setup-select2 */ "./assets/src/js/global/components/setup-select2.js"); -/* harmony import */ var _components_tabs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/tabs */ "./assets/src/js/global/components/tabs.js"); -/* harmony import */ var _components_utility__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/utility */ "./assets/src/js/global/components/utility.js"); -/* harmony import */ var _components_utility__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_components_utility__WEBPACK_IMPORTED_MODULE_4__); - - - - - -}(); -/******/ })() -; -//# sourceMappingURL=global-main.js.map \ No newline at end of file + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./components/modal */ './assets/src/js/global/components/modal.js' + ); + /* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _components_modal__WEBPACK_IMPORTED_MODULE_0__ + ); + /* harmony import */ var _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./components/select2-custom-control */ './assets/src/js/global/components/select2-custom-control.js' + ); + /* harmony import */ var _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1___default = + /*#__PURE__*/ __webpack_require__.n( + _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1__ + ); + /* harmony import */ var _components_setup_select2__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./components/setup-select2 */ './assets/src/js/global/components/setup-select2.js' + ); + /* harmony import */ var _components_tabs__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ./components/tabs */ './assets/src/js/global/components/tabs.js' + ); + /* harmony import */ var _components_utility__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ./components/utility */ './assets/src/js/global/components/utility.js' + ); + /* harmony import */ var _components_utility__WEBPACK_IMPORTED_MODULE_4___default = + /*#__PURE__*/ __webpack_require__.n( + _components_utility__WEBPACK_IMPORTED_MODULE_4__ + ); + })(); + /******/ +})(); +//# sourceMappingURL=global-main.js.map diff --git a/assets/js/global-markerclusterer.js b/assets/js/global-markerclusterer.js index b44bb386fc..a31dda6408 100644 --- a/assets/js/global-markerclusterer.js +++ b/assets/js/global-markerclusterer.js @@ -1,1268 +1,1442 @@ -/******/ (function() { // webpackBootstrap -/******/ "use strict"; -/******/ var __webpack_modules__ = ({ - -/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js": -/*!***********************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***! - \***********************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _typeof; } -/* harmony export */ }); -function _typeof(o) { - "@babel/helpers - typeof"; - - return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { - return typeof o; - } : function (o) { - return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; - }, _typeof(o); -} - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. -!function() { -/*!*************************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ 'use strict'; + /******/ var __webpack_modules__ = { + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js': + /*!****************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js ***! + \****************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _typeof; + }, + /* harmony export */ + } + ); + function _typeof(o) { + '@babel/helpers - typeof'; + + return ( + (_typeof = + 'function' == typeof Symbol && + 'symbol' == typeof Symbol.iterator + ? function (o) { + return typeof o; + } + : function (o) { + return o && + 'function' == typeof Symbol && + o.constructor === Symbol && + o !== Symbol.prototype + ? 'symbol' + : typeof o; + }), + _typeof(o) + ); + } + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. + !(function () { + /*!*************************************************************!*\ !*** ./assets/src/js/global/map-scripts/markerclusterer.js ***! \*************************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); - -// ==ClosureCompiler== -// @compilation_level ADVANCED_OPTIMIZATIONS -// @externs_url http://closure-compiler.googlecode.com/svn/trunk/contrib/externs/maps/google_maps_api_v3_3.js -// ==/ClosureCompiler== - -/** - * @name MarkerClusterer for Google Maps v3 - * @version version 1.0 - * @author Luke Mahe - * @fileoverview - * The library creates and manages per-zoom-level clusters for large amounts of - * markers. - *
    - * This is a v3 implementation of the - * v2 MarkerClusterer. - */ - -/** - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - -/** - * A Marker Clusterer that clusters markers. - * - * @param {google.maps.Map} map The Google map to attach to. - * @param {Array.=} opt_markers Optional markers to add to - * the cluster. - * @param {Object=} opt_options support the following options: - * 'gridSize': (number) The grid size of a cluster in pixels. - * 'maxZoom': (number) The maximum zoom level that a marker can be part of a - * cluster. - * 'zoomOnClick': (boolean) Whether the default behaviour of clicking on a - * cluster is to zoom into it. - * 'averageCenter': (boolean) Wether the center of each cluster should be - * the average of all markers in the cluster. - * 'minimumClusterSize': (number) The minimum number of markers to be in a - * cluster before the markers are hidden and a count - * is shown. - * 'styles': (object) An object that has style properties: - * 'url': (string) The image url. - * 'height': (number) The image height. - * 'width': (number) The image width. - * 'anchor': (Array) The anchor position of the label text. - * 'textColor': (string) The text color. - * 'textSize': (number) The text size. - * 'backgroundPosition': (string) The position of the background x, y. - * 'cssClass': (string) One or more CSS class for styling this marker. - * @constructor - * @extends google.maps.OverlayView - */ -function MarkerClusterer(map, opt_markers, opt_options) { - // MarkerClusterer implements google.maps.OverlayView interface. We use the - // extend function to extend MarkerClusterer with google.maps.OverlayView - // because it might not always be available when the code is defined so we - // look for it at the last possible moment. If it doesn't exist now then - // there is no point going ahead :) - this.extend(MarkerClusterer, google.maps.OverlayView); - this.map_ = map; - - /** - * @type {Array.} - * @private - */ - this.markers_ = []; - - /** - * @type {Array.} - */ - this.clusters_ = []; - this.sizes = [53, 56, 66, 78, 90]; - - /** - * @private - */ - this.styles_ = []; - - /** - * @private - */ - this.cssClass_ = ''; - - /** - * @type {boolean} - * @private - */ - this.ready_ = false; - var options = opt_options || {}; - - /** - * @type {number} - * @private - */ - this.gridSize_ = options['gridSize'] || 60; - - /** - * @private - */ - this.minClusterSize_ = options['minimumClusterSize'] || 2; - - /** - * @type {?number} - * @private - */ - this.maxZoom_ = options['maxZoom'] || null; - this.styles_ = options['styles'] || []; - this.cssClass_ = options['cssClass'] || null; - - /** - * @type {string} - * @private - */ - this.imagePath_ = options['imagePath'] || this.MARKER_CLUSTER_IMAGE_PATH_; - - /** - * @type {string} - * @private - */ - this.imageExtension_ = options['imageExtension'] || this.MARKER_CLUSTER_IMAGE_EXTENSION_; - - /** - * @type {boolean} - * @private - */ - this.zoomOnClick_ = true; - if (options['zoomOnClick'] != undefined) { - this.zoomOnClick_ = options['zoomOnClick']; - } - - /** - * @type {boolean} - * @private - */ - this.averageCenter_ = false; - if (options['averageCenter'] != undefined) { - this.averageCenter_ = options['averageCenter']; - } - this.setupStyles_(); - this.setMap(map); - - /** - * @type {number} - * @private - */ - this.prevZoom_ = this.map_.getZoom(); - - // Add the map event listeners - var that = this; - google.maps.event.addListener(this.map_, 'zoom_changed', function () { - var zoom = that.map_.getZoom(); - if (that.prevZoom_ != zoom) { - that.prevZoom_ = zoom; - that.resetViewport(); - } - }); - google.maps.event.addListener(this.map_, 'idle', function () { - that.redraw(); - }); - - // Finally, add the markers - if (opt_markers && opt_markers.length) { - this.addMarkers(opt_markers, false); - } -} - -/** - * The marker cluster image path. - * - * @type {string} - * @private - */ -MarkerClusterer.prototype.MARKER_CLUSTER_IMAGE_PATH_ = 'http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/' + 'images/m'; - -/** - * The marker cluster image path. - * - * @type {string} - * @private - */ -MarkerClusterer.prototype.MARKER_CLUSTER_IMAGE_EXTENSION_ = 'png'; - -/** - * Extends a objects prototype by anothers. - * - * @param {Object} obj1 The object to be extended. - * @param {Object} obj2 The object to extend with. - * @return {Object} The new extended object. - * @ignore - */ -MarkerClusterer.prototype.extend = function (obj1, obj2) { - return function (object) { - for (var property in object.prototype) { - this.prototype[property] = object.prototype[property]; - } - return this; - }.apply(obj1, [obj2]); -}; - -/** - * Implementaion of the interface method. - * @ignore - */ -MarkerClusterer.prototype.onAdd = function () { - this.setReady_(true); -}; - -/** - * Implementaion of the interface method. - * @ignore - */ -MarkerClusterer.prototype.draw = function () {}; - -/** - * Sets up the styles object. - * - * @private - */ -MarkerClusterer.prototype.setupStyles_ = function () { - if (this.styles_.length) { - return; - } - for (var i = 0, size; size = this.sizes[i]; i++) { - this.styles_.push({ - url: this.imagePath_ + (i + 1) + '.' + this.imageExtension_, - height: size, - width: size - }); - } -}; - -/** - * Fit the map to the bounds of the markers in the clusterer. - */ -MarkerClusterer.prototype.fitMapToMarkers = function () { - var markers = this.getMarkers(); - var bounds = new google.maps.LatLngBounds(); - for (var i = 0, marker; marker = markers[i]; i++) { - bounds.extend(marker.getPosition()); - } - this.map_.fitBounds(bounds); -}; - -/** - * Sets the styles. - * - * @param {Object} styles The style to set. - */ -MarkerClusterer.prototype.setStyles = function (styles) { - this.styles_ = styles; -}; - -/** - * Gets the styles. - * - * @return {Object} The styles object. - */ -MarkerClusterer.prototype.getStyles = function () { - return this.styles_; -}; - -/** - * Whether zoom on click is set. - * - * @return {boolean} True if zoomOnClick_ is set. - */ -MarkerClusterer.prototype.isZoomOnClick = function () { - return this.zoomOnClick_; -}; - -/** - * Whether average center is set. - * - * @return {boolean} True if averageCenter_ is set. - */ -MarkerClusterer.prototype.isAverageCenter = function () { - return this.averageCenter_; -}; - -/** - * Returns the array of markers in the clusterer. - * - * @return {Array.} The markers. - */ -MarkerClusterer.prototype.getMarkers = function () { - return this.markers_; -}; - -/** - * Returns the number of markers in the clusterer - * - * @return {Number} The number of markers. - */ -MarkerClusterer.prototype.getTotalMarkers = function () { - return this.markers_.length; -}; - -/** - * Sets the max zoom for the clusterer. - * - * @param {number} maxZoom The max zoom level. - */ -MarkerClusterer.prototype.setMaxZoom = function (maxZoom) { - this.maxZoom_ = maxZoom; -}; - -/** - * Gets the max zoom for the clusterer. - * - * @return {number} The max zoom level. - */ -MarkerClusterer.prototype.getMaxZoom = function () { - return this.maxZoom_; -}; - -/** - * The function for calculating the cluster icon image. - * - * @param {Array.} markers The markers in the clusterer. - * @param {number} numStyles The number of styles available. - * @return {Object} A object properties: 'text' (string) and 'index' (number). - * @private - */ -MarkerClusterer.prototype.calculator_ = function (markers, numStyles) { - var index = 0; - var count = markers.length; - var dv = count; - while (dv !== 0) { - dv = parseInt(dv / 10, 10); - index++; - } - index = Math.min(index, numStyles); - return { - text: count, - index: index - }; -}; - -/** - * Set the calculator function. - * - * @param {function(Array, number)} calculator The function to set as the - * calculator. The function should return a object properties: - * 'text' (string) and 'index' (number). - * - */ -MarkerClusterer.prototype.setCalculator = function (calculator) { - this.calculator_ = calculator; -}; - -/** - * Get the calculator function. - * - * @return {function(Array, number)} the calculator function. - */ -MarkerClusterer.prototype.getCalculator = function () { - return this.calculator_; -}; - -/** - * Add an array of markers to the clusterer. - * - * @param {Array.} markers The markers to add. - * @param {boolean=} opt_nodraw Whether to redraw the clusters. - */ -MarkerClusterer.prototype.addMarkers = function (markers, opt_nodraw) { - for (var i = 0, marker; marker = markers[i]; i++) { - this.pushMarkerTo_(marker); - } - if (!opt_nodraw) { - this.redraw(); - } -}; - -/** - * Pushes a marker to the clusterer. - * - * @param {google.maps.Marker} marker The marker to add. - * @private - */ -MarkerClusterer.prototype.pushMarkerTo_ = function (marker) { - marker.isAdded = false; - if (marker['draggable']) { - // If the marker is draggable add a listener so we update the clusters on - // the drag end. - var that = this; - google.maps.event.addListener(marker, 'dragend', function () { - marker.isAdded = false; - that.repaint(); - }); - } - this.markers_.push(marker); -}; - -/** - * Adds a marker to the clusterer and redraws if needed. - * - * @param {google.maps.Marker} marker The marker to add. - * @param {boolean=} opt_nodraw Whether to redraw the clusters. - */ -MarkerClusterer.prototype.addMarker = function (marker, opt_nodraw) { - this.pushMarkerTo_(marker); - if (!opt_nodraw) { - this.redraw(); - } -}; - -/** - * Removes a marker and returns true if removed, false if not - * - * @param {google.maps.Marker} marker The marker to remove - * @return {boolean} Whether the marker was removed or not - * @private - */ -MarkerClusterer.prototype.removeMarker_ = function (marker) { - var index = -1; - if (this.markers_.indexOf) { - index = this.markers_.indexOf(marker); - } else { - for (var i = 0, m; m = this.markers_[i]; i++) { - if (m == marker) { - index = i; - break; - } - } - } - if (index == -1) { - // Marker is not in our list of markers. - return false; - } - marker.setMap(null); - this.markers_.splice(index, 1); - return true; -}; - -/** - * Remove a marker from the cluster. - * - * @param {google.maps.Marker} marker The marker to remove. - * @param {boolean=} opt_nodraw Optional boolean to force no redraw. - * @return {boolean} True if the marker was removed. - */ -MarkerClusterer.prototype.removeMarker = function (marker, opt_nodraw) { - var removed = this.removeMarker_(marker); - if (!opt_nodraw && removed) { - this.resetViewport(); - this.redraw(); - return true; - } else { - return false; - } -}; - -/** - * Removes an array of markers from the cluster. - * - * @param {Array.} markers The markers to remove. - * @param {boolean=} opt_nodraw Optional boolean to force no redraw. - */ -MarkerClusterer.prototype.removeMarkers = function (markers, opt_nodraw) { - var removed = false; - for (var i = 0, marker; marker = markers[i]; i++) { - var r = this.removeMarker_(marker); - removed = removed || r; - } - if (!opt_nodraw && removed) { - this.resetViewport(); - this.redraw(); - return true; - } -}; - -/** - * Sets the clusterer's ready state. - * - * @param {boolean} ready The state. - * @private - */ -MarkerClusterer.prototype.setReady_ = function (ready) { - if (!this.ready_) { - this.ready_ = ready; - this.createClusters_(); - } -}; - -/** - * Returns the number of clusters in the clusterer. - * - * @return {number} The number of clusters. - */ -MarkerClusterer.prototype.getTotalClusters = function () { - return this.clusters_.length; -}; - -/** - * Returns the google map that the clusterer is associated with. - * - * @return {google.maps.Map} The map. - */ -MarkerClusterer.prototype.getMap = function () { - return this.map_; -}; - -/** - * Sets the google map that the clusterer is associated with. - * - * @param {google.maps.Map} map The map. - */ -MarkerClusterer.prototype.setMap = function (map) { - this.map_ = map; -}; - -/** - * Returns the size of the grid. - * - * @return {number} The grid size. - */ -MarkerClusterer.prototype.getGridSize = function () { - return this.gridSize_; -}; - -/** - * Sets the size of the grid. - * - * @param {number} size The grid size. - */ -MarkerClusterer.prototype.setGridSize = function (size) { - this.gridSize_ = size; -}; - -/** - * Returns the min cluster size. - * - * @return {number} The grid size. - */ -MarkerClusterer.prototype.getMinClusterSize = function () { - return this.minClusterSize_; -}; - -/** - * Sets the min cluster size. - * - * @param {number} size The grid size. - */ -MarkerClusterer.prototype.setMinClusterSize = function (size) { - this.minClusterSize_ = size; -}; - -/** - * Extends a bounds object by the grid size. - * - * @param {google.maps.LatLngBounds} bounds The bounds to extend. - * @return {google.maps.LatLngBounds} The extended bounds. - */ -MarkerClusterer.prototype.getExtendedBounds = function (bounds) { - var projection = this.getProjection(); - - // Turn the bounds into latlng. - var tr = new google.maps.LatLng(bounds.getNorthEast().lat(), bounds.getNorthEast().lng()); - var bl = new google.maps.LatLng(bounds.getSouthWest().lat(), bounds.getSouthWest().lng()); - - // Convert the points to pixels and the extend out by the grid size. - var trPix = projection.fromLatLngToDivPixel(tr); - trPix.x += this.gridSize_; - trPix.y -= this.gridSize_; - var blPix = projection.fromLatLngToDivPixel(bl); - blPix.x -= this.gridSize_; - blPix.y += this.gridSize_; - - // Convert the pixel points back to LatLng - var ne = projection.fromDivPixelToLatLng(trPix); - var sw = projection.fromDivPixelToLatLng(blPix); - - // Extend the bounds to contain the new bounds. - bounds.extend(ne); - bounds.extend(sw); - return bounds; -}; - -/** - * Determins if a marker is contained in a bounds. - * - * @param {google.maps.Marker} marker The marker to check. - * @param {google.maps.LatLngBounds} bounds The bounds to check against. - * @return {boolean} True if the marker is in the bounds. - * @private - */ -MarkerClusterer.prototype.isMarkerInBounds_ = function (marker, bounds) { - return bounds.contains(marker.getPosition()); -}; - -/** - * Clears all clusters and markers from the clusterer. - */ -MarkerClusterer.prototype.clearMarkers = function () { - this.resetViewport(true); - - // Set the markers a empty array. - this.markers_ = []; -}; - -/** - * Clears all existing clusters and recreates them. - * @param {boolean} opt_hide To also hide the marker. - */ -MarkerClusterer.prototype.resetViewport = function (opt_hide) { - // Remove all the clusters - for (var i = 0, cluster; cluster = this.clusters_[i]; i++) { - cluster.remove(); - } - - // Reset the markers to not be added and to be invisible. - for (var i = 0, marker; marker = this.markers_[i]; i++) { - marker.isAdded = false; - if (opt_hide) { - marker.setMap(null); - } - } - this.clusters_ = []; -}; - -/** - * - */ -MarkerClusterer.prototype.repaint = function () { - var oldClusters = this.clusters_.slice(); - this.clusters_.length = 0; - this.resetViewport(); - this.redraw(); - - // Remove the old clusters. - // Do it in a timeout so the other clusters have been drawn first. - window.setTimeout(function () { - for (var i = 0, cluster; cluster = oldClusters[i]; i++) { - cluster.remove(); - } - }, 0); -}; - -/** - * Redraws the clusters. - */ -MarkerClusterer.prototype.redraw = function () { - this.createClusters_(); -}; - -/** - * Calculates the distance between two latlng locations in km. - * @see http://www.movable-type.co.uk/scripts/latlong.html - * - * @param {google.maps.LatLng} p1 The first lat lng point. - * @param {google.maps.LatLng} p2 The second lat lng point. - * @return {number} The distance between the two points in km. - * @private - */ -MarkerClusterer.prototype.distanceBetweenPoints_ = function (p1, p2) { - if (!p1 || !p2) { - return 0; - } - var R = 6371; // Radius of the Earth in km - var dLat = (p2.lat() - p1.lat()) * Math.PI / 180; - var dLon = (p2.lng() - p1.lng()) * Math.PI / 180; - var a = Math.sin(dLat / 2) * Math.sin(dLat / 2) + Math.cos(p1.lat() * Math.PI / 180) * Math.cos(p2.lat() * Math.PI / 180) * Math.sin(dLon / 2) * Math.sin(dLon / 2); - var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)); - var d = R * c; - return d; -}; - -/** - * Add a marker to a cluster, or creates a new cluster. - * - * @param {google.maps.Marker} marker The marker to add. - * @private - */ -MarkerClusterer.prototype.addToClosestCluster_ = function (marker) { - var distance = 40000; // Some large number - var clusterToAddTo = null; - var pos = marker.getPosition(); - for (var i = 0, cluster; cluster = this.clusters_[i]; i++) { - var center = cluster.getCenter(); - if (center) { - var d = this.distanceBetweenPoints_(center, marker.getPosition()); - if (d < distance) { - distance = d; - clusterToAddTo = cluster; - } - } - } - if (clusterToAddTo && clusterToAddTo.isMarkerInClusterBounds(marker)) { - clusterToAddTo.addMarker(marker); - } else { - var cluster = new Cluster(this); - cluster.addMarker(marker); - this.clusters_.push(cluster); - } -}; - -/** - * Creates the clusters. - * - * @private - */ -MarkerClusterer.prototype.createClusters_ = function () { - if (!this.ready_) { - return; - } - - // Get our current map view bounds. - // Create a new bounds object so we don't affect the map. - var mapBounds = new google.maps.LatLngBounds(this.map_.getBounds().getSouthWest(), this.map_.getBounds().getNorthEast()); - var bounds = this.getExtendedBounds(mapBounds); - for (var i = 0, marker; marker = this.markers_[i]; i++) { - if (!marker.isAdded && this.isMarkerInBounds_(marker, bounds)) { - this.addToClosestCluster_(marker); - } - } -}; - -/** - * A cluster that contains markers. - * - * @param {MarkerClusterer} markerClusterer The markerclusterer that this - * cluster is associated with. - * @constructor - * @ignore - */ -function Cluster(markerClusterer) { - this.markerClusterer_ = markerClusterer; - this.map_ = markerClusterer.getMap(); - this.gridSize_ = markerClusterer.getGridSize(); - this.minClusterSize_ = markerClusterer.getMinClusterSize(); - this.averageCenter_ = markerClusterer.isAverageCenter(); - this.center_ = null; - this.markers_ = []; - this.bounds_ = null; - this.clusterIcon_ = new ClusterIcon(this, markerClusterer.getStyles(), markerClusterer.getGridSize()); -} - -/** - * Determins if a marker is already added to the cluster. - * - * @param {google.maps.Marker} marker The marker to check. - * @return {boolean} True if the marker is already added. - */ -Cluster.prototype.isMarkerAlreadyAdded = function (marker) { - if (this.markers_.indexOf) { - return this.markers_.indexOf(marker) != -1; - } else { - for (var i = 0, m; m = this.markers_[i]; i++) { - if (m == marker) { - return true; - } - } - } - return false; -}; - -/** - * Add a marker the cluster. - * - * @param {google.maps.Marker} marker The marker to add. - * @return {boolean} True if the marker was added. - */ -Cluster.prototype.addMarker = function (marker) { - if (this.isMarkerAlreadyAdded(marker)) { - return false; - } - if (!this.center_) { - this.center_ = marker.getPosition(); - this.calculateBounds_(); - } else { - if (this.averageCenter_) { - var l = this.markers_.length + 1; - var lat = (this.center_.lat() * (l - 1) + marker.getPosition().lat()) / l; - var lng = (this.center_.lng() * (l - 1) + marker.getPosition().lng()) / l; - this.center_ = new google.maps.LatLng(lat, lng); - this.calculateBounds_(); - } - } - marker.isAdded = true; - this.markers_.push(marker); - var len = this.markers_.length; - if (len < this.minClusterSize_ && marker.getMap() != this.map_) { - // Min cluster size not reached so show the marker. - marker.setMap(this.map_); - } - if (len == this.minClusterSize_) { - // Hide the markers that were showing. - for (var i = 0; i < len; i++) { - this.markers_[i].setMap(null); - } - } - if (len >= this.minClusterSize_) { - marker.setMap(null); - } - this.updateIcon(); - return true; -}; - -/** - * Returns the marker clusterer that the cluster is associated with. - * - * @return {MarkerClusterer} The associated marker clusterer. - */ -Cluster.prototype.getMarkerClusterer = function () { - return this.markerClusterer_; -}; - -/** - * Returns the bounds of the cluster. - * - * @return {google.maps.LatLngBounds} the cluster bounds. - */ -Cluster.prototype.getBounds = function () { - var bounds = new google.maps.LatLngBounds(this.center_, this.center_); - var markers = this.getMarkers(); - for (var i = 0, marker; marker = markers[i]; i++) { - bounds.extend(marker.getPosition()); - } - return bounds; -}; - -/** - * Removes the cluster - */ -Cluster.prototype.remove = function () { - this.clusterIcon_.remove(); - this.markers_.length = 0; - delete this.markers_; -}; - -/** - * Returns the center of the cluster. - * - * @return {number} The cluster center. - */ -Cluster.prototype.getSize = function () { - return this.markers_.length; -}; - -/** - * Returns the center of the cluster. - * - * @return {Array.} The cluster center. - */ -Cluster.prototype.getMarkers = function () { - return this.markers_; -}; - -/** - * Returns the center of the cluster. - * - * @return {google.maps.LatLng} The cluster center. - */ -Cluster.prototype.getCenter = function () { - return this.center_; -}; - -/** - * Calculated the extended bounds of the cluster with the grid. - * - * @private - */ -Cluster.prototype.calculateBounds_ = function () { - var bounds = new google.maps.LatLngBounds(this.center_, this.center_); - this.bounds_ = this.markerClusterer_.getExtendedBounds(bounds); -}; - -/** - * Determines if a marker lies in the clusters bounds. - * - * @param {google.maps.Marker} marker The marker to check. - * @return {boolean} True if the marker lies in the bounds. - */ -Cluster.prototype.isMarkerInClusterBounds = function (marker) { - return this.bounds_.contains(marker.getPosition()); -}; - -/** - * Returns the map that the cluster is associated with. - * - * @return {google.maps.Map} The map. - */ -Cluster.prototype.getMap = function () { - return this.map_; -}; - -/** - * Updates the cluster icon - */ -Cluster.prototype.updateIcon = function () { - var zoom = this.map_.getZoom(); - var mz = this.markerClusterer_.getMaxZoom(); - if (mz && zoom > mz) { - // The zoom is greater than our max zoom so show all the markers in cluster. - for (var i = 0, marker; marker = this.markers_[i]; i++) { - marker.setMap(this.map_); - } - return; - } - if (this.markers_.length < this.minClusterSize_) { - // Min cluster size not yet reached. - this.clusterIcon_.hide(); - return; - } - var numStyles = this.markerClusterer_.getStyles().length; - var sums = this.markerClusterer_.getCalculator()(this.markers_, numStyles); - this.clusterIcon_.setCenter(this.center_); - this.clusterIcon_.setSums(sums); - this.clusterIcon_.show(); -}; - -/** - * A cluster icon - * - * @param {Cluster} cluster The cluster to be associated with. - * @param {Object} styles An object that has style properties: - * 'url': (string) The image url. - * 'height': (number) The image height. - * 'width': (number) The image width. - * 'anchor': (Array) The anchor position of the label text. - * 'textColor': (string) The text color. - * 'textSize': (number) The text size. - * 'backgroundPosition: (string) The background postition x, y. - * @param {number=} opt_padding Optional padding to apply to the cluster icon. - * @constructor - * @extends google.maps.OverlayView - * @ignore - */ -function ClusterIcon(cluster, styles, opt_padding) { - cluster.getMarkerClusterer().extend(ClusterIcon, google.maps.OverlayView); - this.styles_ = styles; - this.padding_ = opt_padding || 0; - this.cluster_ = cluster; - this.center_ = null; - this.map_ = cluster.getMap(); - this.div_ = null; - this.sums_ = null; - this.visible_ = false; - this.setMap(this.map_); -} - -/** - * Triggers the clusterclick event and zoom's if the option is set. - */ -ClusterIcon.prototype.triggerClusterClick = function () { - var markerClusterer = this.cluster_.getMarkerClusterer(); - - // Trigger the clusterclick event. - google.maps.event.trigger(markerClusterer, 'clusterclick', this.cluster_); - if (markerClusterer.isZoomOnClick()) { - // Zoom into the cluster. - this.map_.fitBounds(this.cluster_.getBounds()); - } -}; - -/** - * Adding the cluster icon to the dom. - * @ignore - */ -ClusterIcon.prototype.onAdd = function () { - this.div_ = document.createElement('DIV'); - if (this.visible_) { - var pos = this.getPosFromLatLng_(this.center_); - this.div_.style.cssText = this.createCss(pos); - this.div_.innerHTML = this.sums_.text; - var markerClusterer = this.cluster_.getMarkerClusterer(); - if (markerClusterer.cssClass_) { - this.div_.className = markerClusterer.cssClass_; - } - } - var panes = this.getPanes(); - panes.overlayMouseTarget.appendChild(this.div_); - var that = this; - google.maps.event.addDomListener(this.div_, 'click', function () { - that.triggerClusterClick(); - }); -}; - -/** - * Returns the position to place the div dending on the latlng. - * - * @param {google.maps.LatLng} latlng The position in latlng. - * @return {google.maps.Point} The position in pixels. - * @private - */ -ClusterIcon.prototype.getPosFromLatLng_ = function (latlng) { - var pos = this.getProjection().fromLatLngToDivPixel(latlng); - pos.x -= parseInt(this.width_ / 2, 10); - pos.y -= parseInt(this.height_ / 2, 10); - return pos; -}; - -/** - * Draw the icon. - * @ignore - */ -ClusterIcon.prototype.draw = function () { - if (this.visible_) { - var pos = this.getPosFromLatLng_(this.center_); - this.div_.style.top = pos.y + 'px'; - this.div_.style.left = pos.x + 'px'; - } -}; - -/** - * Hide the icon. - */ -ClusterIcon.prototype.hide = function () { - if (this.div_) { - this.div_.style.display = 'none'; - } - this.visible_ = false; -}; - -/** - * Position and show the icon. - */ -ClusterIcon.prototype.show = function () { - if (this.div_) { - var pos = this.getPosFromLatLng_(this.center_); - this.div_.style.cssText = this.createCss(pos); - this.div_.style.display = ''; - } - this.visible_ = true; -}; - -/** - * Remove the icon from the map - */ -ClusterIcon.prototype.remove = function () { - this.setMap(null); -}; - -/** - * Implementation of the onRemove interface. - * @ignore - */ -ClusterIcon.prototype.onRemove = function () { - if (this.div_ && this.div_.parentNode) { - this.hide(); - this.div_.parentNode.removeChild(this.div_); - this.div_ = null; - } -}; - -/** - * Set the sums of the icon. - * - * @param {Object} sums The sums containing: - * 'text': (string) The text to display in the icon. - * 'index': (number) The style index of the icon. - */ -ClusterIcon.prototype.setSums = function (sums) { - this.sums_ = sums; - this.text_ = sums.text; - this.index_ = sums.index; - if (this.div_) { - this.div_.innerHTML = sums.text; - } - this.useStyle(); -}; - -/** - * Sets the icon to the the styles. - */ -ClusterIcon.prototype.useStyle = function () { - var index = Math.max(0, this.sums_.index - 1); - index = Math.min(this.styles_.length - 1, index); - var style = this.styles_[index]; - this.url_ = style['url']; - this.height_ = style['height']; - this.width_ = style['width']; - this.textColor_ = style['textColor']; - this.anchor_ = style['anchor']; - this.textSize_ = style['textSize']; - this.backgroundPosition_ = style['backgroundPosition']; -}; - -/** - * Sets the center of the icon. - * - * @param {google.maps.LatLng} center The latlng to set as the center. - */ -ClusterIcon.prototype.setCenter = function (center) { - this.center_ = center; -}; - -/** - * Create the css text based on the position of the icon. - * - * @param {google.maps.Point} pos The position. - * @return {string} The css style text. - */ -ClusterIcon.prototype.createCss = function (pos) { - var style = []; - var markerClusterer = this.cluster_.getMarkerClusterer(); - if (!markerClusterer.cssClass_) { - style.push('background-image:url(' + this.url_ + ');'); - var backgroundPosition = this.backgroundPosition_ ? this.backgroundPosition_ : '0 0'; - style.push('background-position:' + backgroundPosition + ';'); - if ((0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__["default"])(this.anchor_) === 'object') { - if (typeof this.anchor_[0] === 'number' && this.anchor_[0] > 0 && this.anchor_[0] < this.height_) { - style.push('height:' + (this.height_ - this.anchor_[0]) + 'px; padding-top:' + this.anchor_[0] + 'px;'); - } else { - style.push('height:' + this.height_ + 'px; line-height:' + this.height_ + 'px;'); - } - if (typeof this.anchor_[1] === 'number' && this.anchor_[1] > 0 && this.anchor_[1] < this.width_) { - style.push('width:' + (this.width_ - this.anchor_[1]) + 'px; padding-left:' + this.anchor_[1] + 'px;'); - } else { - style.push('width:' + this.width_ + 'px; text-align:center;'); - } - } else { - style.push('height:' + this.height_ + 'px; line-height:' + this.height_ + 'px; width:' + this.width_ + 'px; text-align:center;'); - } - var txtColor = this.textColor_ ? this.textColor_ : 'black'; - var txtSize = this.textSize_ ? this.textSize_ : 11; - style.push('cursor:pointer; color:' + txtColor + '; position:absolute; font-size:' + txtSize + 'px; font-family:Arial,sans-serif; font-weight:bold'); - } else { - style.push('top:' + pos.y + 'px; left:' + pos.x + 'px;'); - } - return style.join(''); -}; - -// Export Symbols for Closure -// If you are not going to compile with closure then you can remove the -// code below. -window['MarkerClusterer'] = MarkerClusterer; -MarkerClusterer.prototype['addMarker'] = MarkerClusterer.prototype.addMarker; -MarkerClusterer.prototype['addMarkers'] = MarkerClusterer.prototype.addMarkers; -MarkerClusterer.prototype['clearMarkers'] = MarkerClusterer.prototype.clearMarkers; -MarkerClusterer.prototype['fitMapToMarkers'] = MarkerClusterer.prototype.fitMapToMarkers; -MarkerClusterer.prototype['getCalculator'] = MarkerClusterer.prototype.getCalculator; -MarkerClusterer.prototype['getGridSize'] = MarkerClusterer.prototype.getGridSize; -MarkerClusterer.prototype['getExtendedBounds'] = MarkerClusterer.prototype.getExtendedBounds; -MarkerClusterer.prototype['getMap'] = MarkerClusterer.prototype.getMap; -MarkerClusterer.prototype['getMarkers'] = MarkerClusterer.prototype.getMarkers; -MarkerClusterer.prototype['getMaxZoom'] = MarkerClusterer.prototype.getMaxZoom; -MarkerClusterer.prototype['getStyles'] = MarkerClusterer.prototype.getStyles; -MarkerClusterer.prototype['getTotalClusters'] = MarkerClusterer.prototype.getTotalClusters; -MarkerClusterer.prototype['getTotalMarkers'] = MarkerClusterer.prototype.getTotalMarkers; -MarkerClusterer.prototype['redraw'] = MarkerClusterer.prototype.redraw; -MarkerClusterer.prototype['removeMarker'] = MarkerClusterer.prototype.removeMarker; -MarkerClusterer.prototype['removeMarkers'] = MarkerClusterer.prototype.removeMarkers; -MarkerClusterer.prototype['resetViewport'] = MarkerClusterer.prototype.resetViewport; -MarkerClusterer.prototype['repaint'] = MarkerClusterer.prototype.repaint; -MarkerClusterer.prototype['setCalculator'] = MarkerClusterer.prototype.setCalculator; -MarkerClusterer.prototype['setGridSize'] = MarkerClusterer.prototype.setGridSize; -MarkerClusterer.prototype['setMaxZoom'] = MarkerClusterer.prototype.setMaxZoom; -MarkerClusterer.prototype['onAdd'] = MarkerClusterer.prototype.onAdd; -MarkerClusterer.prototype['draw'] = MarkerClusterer.prototype.draw; -Cluster.prototype['getCenter'] = Cluster.prototype.getCenter; -Cluster.prototype['getSize'] = Cluster.prototype.getSize; -Cluster.prototype['getMarkers'] = Cluster.prototype.getMarkers; -ClusterIcon.prototype['onAdd'] = ClusterIcon.prototype.onAdd; -ClusterIcon.prototype['draw'] = ClusterIcon.prototype.draw; -ClusterIcon.prototype['onRemove'] = ClusterIcon.prototype.onRemove; -}(); -/******/ })() -; -//# sourceMappingURL=global-markerclusterer.js.map \ No newline at end of file + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/typeof */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + + // ==ClosureCompiler== + // @compilation_level ADVANCED_OPTIMIZATIONS + // @externs_url http://closure-compiler.googlecode.com/svn/trunk/contrib/externs/maps/google_maps_api_v3_3.js + // ==/ClosureCompiler== + + /** + * @name MarkerClusterer for Google Maps v3 + * @version version 1.0 + * @author Luke Mahe + * @fileoverview + * The library creates and manages per-zoom-level clusters for large amounts of + * markers. + *
    + * This is a v3 implementation of the + * v2 MarkerClusterer. + */ + + /** + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + + /** + * A Marker Clusterer that clusters markers. + * + * @param {google.maps.Map} map The Google map to attach to. + * @param {Array.=} opt_markers Optional markers to add to + * the cluster. + * @param {Object=} opt_options support the following options: + * 'gridSize': (number) The grid size of a cluster in pixels. + * 'maxZoom': (number) The maximum zoom level that a marker can be part of a + * cluster. + * 'zoomOnClick': (boolean) Whether the default behaviour of clicking on a + * cluster is to zoom into it. + * 'averageCenter': (boolean) Wether the center of each cluster should be + * the average of all markers in the cluster. + * 'minimumClusterSize': (number) The minimum number of markers to be in a + * cluster before the markers are hidden and a count + * is shown. + * 'styles': (object) An object that has style properties: + * 'url': (string) The image url. + * 'height': (number) The image height. + * 'width': (number) The image width. + * 'anchor': (Array) The anchor position of the label text. + * 'textColor': (string) The text color. + * 'textSize': (number) The text size. + * 'backgroundPosition': (string) The position of the background x, y. + * 'cssClass': (string) One or more CSS class for styling this marker. + * @constructor + * @extends google.maps.OverlayView + */ + function MarkerClusterer(map, opt_markers, opt_options) { + // MarkerClusterer implements google.maps.OverlayView interface. We use the + // extend function to extend MarkerClusterer with google.maps.OverlayView + // because it might not always be available when the code is defined so we + // look for it at the last possible moment. If it doesn't exist now then + // there is no point going ahead :) + this.extend(MarkerClusterer, google.maps.OverlayView); + this.map_ = map; + + /** + * @type {Array.} + * @private + */ + this.markers_ = []; + + /** + * @type {Array.} + */ + this.clusters_ = []; + this.sizes = [53, 56, 66, 78, 90]; + + /** + * @private + */ + this.styles_ = []; + + /** + * @private + */ + this.cssClass_ = ''; + + /** + * @type {boolean} + * @private + */ + this.ready_ = false; + var options = opt_options || {}; + + /** + * @type {number} + * @private + */ + this.gridSize_ = options['gridSize'] || 60; + + /** + * @private + */ + this.minClusterSize_ = options['minimumClusterSize'] || 2; + + /** + * @type {?number} + * @private + */ + this.maxZoom_ = options['maxZoom'] || null; + this.styles_ = options['styles'] || []; + this.cssClass_ = options['cssClass'] || null; + + /** + * @type {string} + * @private + */ + this.imagePath_ = + options['imagePath'] || this.MARKER_CLUSTER_IMAGE_PATH_; + + /** + * @type {string} + * @private + */ + this.imageExtension_ = + options['imageExtension'] || + this.MARKER_CLUSTER_IMAGE_EXTENSION_; + + /** + * @type {boolean} + * @private + */ + this.zoomOnClick_ = true; + if (options['zoomOnClick'] != undefined) { + this.zoomOnClick_ = options['zoomOnClick']; + } + + /** + * @type {boolean} + * @private + */ + this.averageCenter_ = false; + if (options['averageCenter'] != undefined) { + this.averageCenter_ = options['averageCenter']; + } + this.setupStyles_(); + this.setMap(map); + + /** + * @type {number} + * @private + */ + this.prevZoom_ = this.map_.getZoom(); + + // Add the map event listeners + var that = this; + google.maps.event.addListener( + this.map_, + 'zoom_changed', + function () { + var zoom = that.map_.getZoom(); + if (that.prevZoom_ != zoom) { + that.prevZoom_ = zoom; + that.resetViewport(); + } + } + ); + google.maps.event.addListener(this.map_, 'idle', function () { + that.redraw(); + }); + + // Finally, add the markers + if (opt_markers && opt_markers.length) { + this.addMarkers(opt_markers, false); + } + } + + /** + * The marker cluster image path. + * + * @type {string} + * @private + */ + MarkerClusterer.prototype.MARKER_CLUSTER_IMAGE_PATH_ = + 'http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/' + + 'images/m'; + + /** + * The marker cluster image path. + * + * @type {string} + * @private + */ + MarkerClusterer.prototype.MARKER_CLUSTER_IMAGE_EXTENSION_ = 'png'; + + /** + * Extends a objects prototype by anothers. + * + * @param {Object} obj1 The object to be extended. + * @param {Object} obj2 The object to extend with. + * @return {Object} The new extended object. + * @ignore + */ + MarkerClusterer.prototype.extend = function (obj1, obj2) { + return function (object) { + for (var property in object.prototype) { + this.prototype[property] = object.prototype[property]; + } + return this; + }.apply(obj1, [obj2]); + }; + + /** + * Implementaion of the interface method. + * @ignore + */ + MarkerClusterer.prototype.onAdd = function () { + this.setReady_(true); + }; + + /** + * Implementaion of the interface method. + * @ignore + */ + MarkerClusterer.prototype.draw = function () {}; + + /** + * Sets up the styles object. + * + * @private + */ + MarkerClusterer.prototype.setupStyles_ = function () { + if (this.styles_.length) { + return; + } + for (var i = 0, size; (size = this.sizes[i]); i++) { + this.styles_.push({ + url: this.imagePath_ + (i + 1) + '.' + this.imageExtension_, + height: size, + width: size, + }); + } + }; + + /** + * Fit the map to the bounds of the markers in the clusterer. + */ + MarkerClusterer.prototype.fitMapToMarkers = function () { + var markers = this.getMarkers(); + var bounds = new google.maps.LatLngBounds(); + for (var i = 0, marker; (marker = markers[i]); i++) { + bounds.extend(marker.getPosition()); + } + this.map_.fitBounds(bounds); + }; + + /** + * Sets the styles. + * + * @param {Object} styles The style to set. + */ + MarkerClusterer.prototype.setStyles = function (styles) { + this.styles_ = styles; + }; + + /** + * Gets the styles. + * + * @return {Object} The styles object. + */ + MarkerClusterer.prototype.getStyles = function () { + return this.styles_; + }; + + /** + * Whether zoom on click is set. + * + * @return {boolean} True if zoomOnClick_ is set. + */ + MarkerClusterer.prototype.isZoomOnClick = function () { + return this.zoomOnClick_; + }; + + /** + * Whether average center is set. + * + * @return {boolean} True if averageCenter_ is set. + */ + MarkerClusterer.prototype.isAverageCenter = function () { + return this.averageCenter_; + }; + + /** + * Returns the array of markers in the clusterer. + * + * @return {Array.} The markers. + */ + MarkerClusterer.prototype.getMarkers = function () { + return this.markers_; + }; + + /** + * Returns the number of markers in the clusterer + * + * @return {Number} The number of markers. + */ + MarkerClusterer.prototype.getTotalMarkers = function () { + return this.markers_.length; + }; + + /** + * Sets the max zoom for the clusterer. + * + * @param {number} maxZoom The max zoom level. + */ + MarkerClusterer.prototype.setMaxZoom = function (maxZoom) { + this.maxZoom_ = maxZoom; + }; + + /** + * Gets the max zoom for the clusterer. + * + * @return {number} The max zoom level. + */ + MarkerClusterer.prototype.getMaxZoom = function () { + return this.maxZoom_; + }; + + /** + * The function for calculating the cluster icon image. + * + * @param {Array.} markers The markers in the clusterer. + * @param {number} numStyles The number of styles available. + * @return {Object} A object properties: 'text' (string) and 'index' (number). + * @private + */ + MarkerClusterer.prototype.calculator_ = function (markers, numStyles) { + var index = 0; + var count = markers.length; + var dv = count; + while (dv !== 0) { + dv = parseInt(dv / 10, 10); + index++; + } + index = Math.min(index, numStyles); + return { + text: count, + index: index, + }; + }; + + /** + * Set the calculator function. + * + * @param {function(Array, number)} calculator The function to set as the + * calculator. The function should return a object properties: + * 'text' (string) and 'index' (number). + * + */ + MarkerClusterer.prototype.setCalculator = function (calculator) { + this.calculator_ = calculator; + }; + + /** + * Get the calculator function. + * + * @return {function(Array, number)} the calculator function. + */ + MarkerClusterer.prototype.getCalculator = function () { + return this.calculator_; + }; + + /** + * Add an array of markers to the clusterer. + * + * @param {Array.} markers The markers to add. + * @param {boolean=} opt_nodraw Whether to redraw the clusters. + */ + MarkerClusterer.prototype.addMarkers = function (markers, opt_nodraw) { + for (var i = 0, marker; (marker = markers[i]); i++) { + this.pushMarkerTo_(marker); + } + if (!opt_nodraw) { + this.redraw(); + } + }; + + /** + * Pushes a marker to the clusterer. + * + * @param {google.maps.Marker} marker The marker to add. + * @private + */ + MarkerClusterer.prototype.pushMarkerTo_ = function (marker) { + marker.isAdded = false; + if (marker['draggable']) { + // If the marker is draggable add a listener so we update the clusters on + // the drag end. + var that = this; + google.maps.event.addListener(marker, 'dragend', function () { + marker.isAdded = false; + that.repaint(); + }); + } + this.markers_.push(marker); + }; + + /** + * Adds a marker to the clusterer and redraws if needed. + * + * @param {google.maps.Marker} marker The marker to add. + * @param {boolean=} opt_nodraw Whether to redraw the clusters. + */ + MarkerClusterer.prototype.addMarker = function (marker, opt_nodraw) { + this.pushMarkerTo_(marker); + if (!opt_nodraw) { + this.redraw(); + } + }; + + /** + * Removes a marker and returns true if removed, false if not + * + * @param {google.maps.Marker} marker The marker to remove + * @return {boolean} Whether the marker was removed or not + * @private + */ + MarkerClusterer.prototype.removeMarker_ = function (marker) { + var index = -1; + if (this.markers_.indexOf) { + index = this.markers_.indexOf(marker); + } else { + for (var i = 0, m; (m = this.markers_[i]); i++) { + if (m == marker) { + index = i; + break; + } + } + } + if (index == -1) { + // Marker is not in our list of markers. + return false; + } + marker.setMap(null); + this.markers_.splice(index, 1); + return true; + }; + + /** + * Remove a marker from the cluster. + * + * @param {google.maps.Marker} marker The marker to remove. + * @param {boolean=} opt_nodraw Optional boolean to force no redraw. + * @return {boolean} True if the marker was removed. + */ + MarkerClusterer.prototype.removeMarker = function (marker, opt_nodraw) { + var removed = this.removeMarker_(marker); + if (!opt_nodraw && removed) { + this.resetViewport(); + this.redraw(); + return true; + } else { + return false; + } + }; + + /** + * Removes an array of markers from the cluster. + * + * @param {Array.} markers The markers to remove. + * @param {boolean=} opt_nodraw Optional boolean to force no redraw. + */ + MarkerClusterer.prototype.removeMarkers = function ( + markers, + opt_nodraw + ) { + var removed = false; + for (var i = 0, marker; (marker = markers[i]); i++) { + var r = this.removeMarker_(marker); + removed = removed || r; + } + if (!opt_nodraw && removed) { + this.resetViewport(); + this.redraw(); + return true; + } + }; + + /** + * Sets the clusterer's ready state. + * + * @param {boolean} ready The state. + * @private + */ + MarkerClusterer.prototype.setReady_ = function (ready) { + if (!this.ready_) { + this.ready_ = ready; + this.createClusters_(); + } + }; + + /** + * Returns the number of clusters in the clusterer. + * + * @return {number} The number of clusters. + */ + MarkerClusterer.prototype.getTotalClusters = function () { + return this.clusters_.length; + }; + + /** + * Returns the google map that the clusterer is associated with. + * + * @return {google.maps.Map} The map. + */ + MarkerClusterer.prototype.getMap = function () { + return this.map_; + }; + + /** + * Sets the google map that the clusterer is associated with. + * + * @param {google.maps.Map} map The map. + */ + MarkerClusterer.prototype.setMap = function (map) { + this.map_ = map; + }; + + /** + * Returns the size of the grid. + * + * @return {number} The grid size. + */ + MarkerClusterer.prototype.getGridSize = function () { + return this.gridSize_; + }; + + /** + * Sets the size of the grid. + * + * @param {number} size The grid size. + */ + MarkerClusterer.prototype.setGridSize = function (size) { + this.gridSize_ = size; + }; + + /** + * Returns the min cluster size. + * + * @return {number} The grid size. + */ + MarkerClusterer.prototype.getMinClusterSize = function () { + return this.minClusterSize_; + }; + + /** + * Sets the min cluster size. + * + * @param {number} size The grid size. + */ + MarkerClusterer.prototype.setMinClusterSize = function (size) { + this.minClusterSize_ = size; + }; + + /** + * Extends a bounds object by the grid size. + * + * @param {google.maps.LatLngBounds} bounds The bounds to extend. + * @return {google.maps.LatLngBounds} The extended bounds. + */ + MarkerClusterer.prototype.getExtendedBounds = function (bounds) { + var projection = this.getProjection(); + + // Turn the bounds into latlng. + var tr = new google.maps.LatLng( + bounds.getNorthEast().lat(), + bounds.getNorthEast().lng() + ); + var bl = new google.maps.LatLng( + bounds.getSouthWest().lat(), + bounds.getSouthWest().lng() + ); + + // Convert the points to pixels and the extend out by the grid size. + var trPix = projection.fromLatLngToDivPixel(tr); + trPix.x += this.gridSize_; + trPix.y -= this.gridSize_; + var blPix = projection.fromLatLngToDivPixel(bl); + blPix.x -= this.gridSize_; + blPix.y += this.gridSize_; + + // Convert the pixel points back to LatLng + var ne = projection.fromDivPixelToLatLng(trPix); + var sw = projection.fromDivPixelToLatLng(blPix); + + // Extend the bounds to contain the new bounds. + bounds.extend(ne); + bounds.extend(sw); + return bounds; + }; + + /** + * Determins if a marker is contained in a bounds. + * + * @param {google.maps.Marker} marker The marker to check. + * @param {google.maps.LatLngBounds} bounds The bounds to check against. + * @return {boolean} True if the marker is in the bounds. + * @private + */ + MarkerClusterer.prototype.isMarkerInBounds_ = function ( + marker, + bounds + ) { + return bounds.contains(marker.getPosition()); + }; + + /** + * Clears all clusters and markers from the clusterer. + */ + MarkerClusterer.prototype.clearMarkers = function () { + this.resetViewport(true); + + // Set the markers a empty array. + this.markers_ = []; + }; + + /** + * Clears all existing clusters and recreates them. + * @param {boolean} opt_hide To also hide the marker. + */ + MarkerClusterer.prototype.resetViewport = function (opt_hide) { + // Remove all the clusters + for (var i = 0, cluster; (cluster = this.clusters_[i]); i++) { + cluster.remove(); + } + + // Reset the markers to not be added and to be invisible. + for (var i = 0, marker; (marker = this.markers_[i]); i++) { + marker.isAdded = false; + if (opt_hide) { + marker.setMap(null); + } + } + this.clusters_ = []; + }; + + /** + * + */ + MarkerClusterer.prototype.repaint = function () { + var oldClusters = this.clusters_.slice(); + this.clusters_.length = 0; + this.resetViewport(); + this.redraw(); + + // Remove the old clusters. + // Do it in a timeout so the other clusters have been drawn first. + window.setTimeout(function () { + for (var i = 0, cluster; (cluster = oldClusters[i]); i++) { + cluster.remove(); + } + }, 0); + }; + + /** + * Redraws the clusters. + */ + MarkerClusterer.prototype.redraw = function () { + this.createClusters_(); + }; + + /** + * Calculates the distance between two latlng locations in km. + * @see http://www.movable-type.co.uk/scripts/latlong.html + * + * @param {google.maps.LatLng} p1 The first lat lng point. + * @param {google.maps.LatLng} p2 The second lat lng point. + * @return {number} The distance between the two points in km. + * @private + */ + MarkerClusterer.prototype.distanceBetweenPoints_ = function (p1, p2) { + if (!p1 || !p2) { + return 0; + } + var R = 6371; // Radius of the Earth in km + var dLat = ((p2.lat() - p1.lat()) * Math.PI) / 180; + var dLon = ((p2.lng() - p1.lng()) * Math.PI) / 180; + var a = + Math.sin(dLat / 2) * Math.sin(dLat / 2) + + Math.cos((p1.lat() * Math.PI) / 180) * + Math.cos((p2.lat() * Math.PI) / 180) * + Math.sin(dLon / 2) * + Math.sin(dLon / 2); + var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)); + var d = R * c; + return d; + }; + + /** + * Add a marker to a cluster, or creates a new cluster. + * + * @param {google.maps.Marker} marker The marker to add. + * @private + */ + MarkerClusterer.prototype.addToClosestCluster_ = function (marker) { + var distance = 40000; // Some large number + var clusterToAddTo = null; + var pos = marker.getPosition(); + for (var i = 0, cluster; (cluster = this.clusters_[i]); i++) { + var center = cluster.getCenter(); + if (center) { + var d = this.distanceBetweenPoints_( + center, + marker.getPosition() + ); + if (d < distance) { + distance = d; + clusterToAddTo = cluster; + } + } + } + if ( + clusterToAddTo && + clusterToAddTo.isMarkerInClusterBounds(marker) + ) { + clusterToAddTo.addMarker(marker); + } else { + var cluster = new Cluster(this); + cluster.addMarker(marker); + this.clusters_.push(cluster); + } + }; + + /** + * Creates the clusters. + * + * @private + */ + MarkerClusterer.prototype.createClusters_ = function () { + if (!this.ready_) { + return; + } + + // Get our current map view bounds. + // Create a new bounds object so we don't affect the map. + var mapBounds = new google.maps.LatLngBounds( + this.map_.getBounds().getSouthWest(), + this.map_.getBounds().getNorthEast() + ); + var bounds = this.getExtendedBounds(mapBounds); + for (var i = 0, marker; (marker = this.markers_[i]); i++) { + if (!marker.isAdded && this.isMarkerInBounds_(marker, bounds)) { + this.addToClosestCluster_(marker); + } + } + }; + + /** + * A cluster that contains markers. + * + * @param {MarkerClusterer} markerClusterer The markerclusterer that this + * cluster is associated with. + * @constructor + * @ignore + */ + function Cluster(markerClusterer) { + this.markerClusterer_ = markerClusterer; + this.map_ = markerClusterer.getMap(); + this.gridSize_ = markerClusterer.getGridSize(); + this.minClusterSize_ = markerClusterer.getMinClusterSize(); + this.averageCenter_ = markerClusterer.isAverageCenter(); + this.center_ = null; + this.markers_ = []; + this.bounds_ = null; + this.clusterIcon_ = new ClusterIcon( + this, + markerClusterer.getStyles(), + markerClusterer.getGridSize() + ); + } + + /** + * Determins if a marker is already added to the cluster. + * + * @param {google.maps.Marker} marker The marker to check. + * @return {boolean} True if the marker is already added. + */ + Cluster.prototype.isMarkerAlreadyAdded = function (marker) { + if (this.markers_.indexOf) { + return this.markers_.indexOf(marker) != -1; + } else { + for (var i = 0, m; (m = this.markers_[i]); i++) { + if (m == marker) { + return true; + } + } + } + return false; + }; + + /** + * Add a marker the cluster. + * + * @param {google.maps.Marker} marker The marker to add. + * @return {boolean} True if the marker was added. + */ + Cluster.prototype.addMarker = function (marker) { + if (this.isMarkerAlreadyAdded(marker)) { + return false; + } + if (!this.center_) { + this.center_ = marker.getPosition(); + this.calculateBounds_(); + } else { + if (this.averageCenter_) { + var l = this.markers_.length + 1; + var lat = + (this.center_.lat() * (l - 1) + + marker.getPosition().lat()) / + l; + var lng = + (this.center_.lng() * (l - 1) + + marker.getPosition().lng()) / + l; + this.center_ = new google.maps.LatLng(lat, lng); + this.calculateBounds_(); + } + } + marker.isAdded = true; + this.markers_.push(marker); + var len = this.markers_.length; + if (len < this.minClusterSize_ && marker.getMap() != this.map_) { + // Min cluster size not reached so show the marker. + marker.setMap(this.map_); + } + if (len == this.minClusterSize_) { + // Hide the markers that were showing. + for (var i = 0; i < len; i++) { + this.markers_[i].setMap(null); + } + } + if (len >= this.minClusterSize_) { + marker.setMap(null); + } + this.updateIcon(); + return true; + }; + + /** + * Returns the marker clusterer that the cluster is associated with. + * + * @return {MarkerClusterer} The associated marker clusterer. + */ + Cluster.prototype.getMarkerClusterer = function () { + return this.markerClusterer_; + }; + + /** + * Returns the bounds of the cluster. + * + * @return {google.maps.LatLngBounds} the cluster bounds. + */ + Cluster.prototype.getBounds = function () { + var bounds = new google.maps.LatLngBounds( + this.center_, + this.center_ + ); + var markers = this.getMarkers(); + for (var i = 0, marker; (marker = markers[i]); i++) { + bounds.extend(marker.getPosition()); + } + return bounds; + }; + + /** + * Removes the cluster + */ + Cluster.prototype.remove = function () { + this.clusterIcon_.remove(); + this.markers_.length = 0; + delete this.markers_; + }; + + /** + * Returns the center of the cluster. + * + * @return {number} The cluster center. + */ + Cluster.prototype.getSize = function () { + return this.markers_.length; + }; + + /** + * Returns the center of the cluster. + * + * @return {Array.} The cluster center. + */ + Cluster.prototype.getMarkers = function () { + return this.markers_; + }; + + /** + * Returns the center of the cluster. + * + * @return {google.maps.LatLng} The cluster center. + */ + Cluster.prototype.getCenter = function () { + return this.center_; + }; + + /** + * Calculated the extended bounds of the cluster with the grid. + * + * @private + */ + Cluster.prototype.calculateBounds_ = function () { + var bounds = new google.maps.LatLngBounds( + this.center_, + this.center_ + ); + this.bounds_ = this.markerClusterer_.getExtendedBounds(bounds); + }; + + /** + * Determines if a marker lies in the clusters bounds. + * + * @param {google.maps.Marker} marker The marker to check. + * @return {boolean} True if the marker lies in the bounds. + */ + Cluster.prototype.isMarkerInClusterBounds = function (marker) { + return this.bounds_.contains(marker.getPosition()); + }; + + /** + * Returns the map that the cluster is associated with. + * + * @return {google.maps.Map} The map. + */ + Cluster.prototype.getMap = function () { + return this.map_; + }; + + /** + * Updates the cluster icon + */ + Cluster.prototype.updateIcon = function () { + var zoom = this.map_.getZoom(); + var mz = this.markerClusterer_.getMaxZoom(); + if (mz && zoom > mz) { + // The zoom is greater than our max zoom so show all the markers in cluster. + for (var i = 0, marker; (marker = this.markers_[i]); i++) { + marker.setMap(this.map_); + } + return; + } + if (this.markers_.length < this.minClusterSize_) { + // Min cluster size not yet reached. + this.clusterIcon_.hide(); + return; + } + var numStyles = this.markerClusterer_.getStyles().length; + var sums = this.markerClusterer_.getCalculator()( + this.markers_, + numStyles + ); + this.clusterIcon_.setCenter(this.center_); + this.clusterIcon_.setSums(sums); + this.clusterIcon_.show(); + }; + + /** + * A cluster icon + * + * @param {Cluster} cluster The cluster to be associated with. + * @param {Object} styles An object that has style properties: + * 'url': (string) The image url. + * 'height': (number) The image height. + * 'width': (number) The image width. + * 'anchor': (Array) The anchor position of the label text. + * 'textColor': (string) The text color. + * 'textSize': (number) The text size. + * 'backgroundPosition: (string) The background postition x, y. + * @param {number=} opt_padding Optional padding to apply to the cluster icon. + * @constructor + * @extends google.maps.OverlayView + * @ignore + */ + function ClusterIcon(cluster, styles, opt_padding) { + cluster + .getMarkerClusterer() + .extend(ClusterIcon, google.maps.OverlayView); + this.styles_ = styles; + this.padding_ = opt_padding || 0; + this.cluster_ = cluster; + this.center_ = null; + this.map_ = cluster.getMap(); + this.div_ = null; + this.sums_ = null; + this.visible_ = false; + this.setMap(this.map_); + } + + /** + * Triggers the clusterclick event and zoom's if the option is set. + */ + ClusterIcon.prototype.triggerClusterClick = function () { + var markerClusterer = this.cluster_.getMarkerClusterer(); + + // Trigger the clusterclick event. + google.maps.event.trigger( + markerClusterer, + 'clusterclick', + this.cluster_ + ); + if (markerClusterer.isZoomOnClick()) { + // Zoom into the cluster. + this.map_.fitBounds(this.cluster_.getBounds()); + } + }; + + /** + * Adding the cluster icon to the dom. + * @ignore + */ + ClusterIcon.prototype.onAdd = function () { + this.div_ = document.createElement('DIV'); + if (this.visible_) { + var pos = this.getPosFromLatLng_(this.center_); + this.div_.style.cssText = this.createCss(pos); + this.div_.innerHTML = this.sums_.text; + var markerClusterer = this.cluster_.getMarkerClusterer(); + if (markerClusterer.cssClass_) { + this.div_.className = markerClusterer.cssClass_; + } + } + var panes = this.getPanes(); + panes.overlayMouseTarget.appendChild(this.div_); + var that = this; + google.maps.event.addDomListener(this.div_, 'click', function () { + that.triggerClusterClick(); + }); + }; + + /** + * Returns the position to place the div dending on the latlng. + * + * @param {google.maps.LatLng} latlng The position in latlng. + * @return {google.maps.Point} The position in pixels. + * @private + */ + ClusterIcon.prototype.getPosFromLatLng_ = function (latlng) { + var pos = this.getProjection().fromLatLngToDivPixel(latlng); + pos.x -= parseInt(this.width_ / 2, 10); + pos.y -= parseInt(this.height_ / 2, 10); + return pos; + }; + + /** + * Draw the icon. + * @ignore + */ + ClusterIcon.prototype.draw = function () { + if (this.visible_) { + var pos = this.getPosFromLatLng_(this.center_); + this.div_.style.top = pos.y + 'px'; + this.div_.style.left = pos.x + 'px'; + } + }; + + /** + * Hide the icon. + */ + ClusterIcon.prototype.hide = function () { + if (this.div_) { + this.div_.style.display = 'none'; + } + this.visible_ = false; + }; + + /** + * Position and show the icon. + */ + ClusterIcon.prototype.show = function () { + if (this.div_) { + var pos = this.getPosFromLatLng_(this.center_); + this.div_.style.cssText = this.createCss(pos); + this.div_.style.display = ''; + } + this.visible_ = true; + }; + + /** + * Remove the icon from the map + */ + ClusterIcon.prototype.remove = function () { + this.setMap(null); + }; + + /** + * Implementation of the onRemove interface. + * @ignore + */ + ClusterIcon.prototype.onRemove = function () { + if (this.div_ && this.div_.parentNode) { + this.hide(); + this.div_.parentNode.removeChild(this.div_); + this.div_ = null; + } + }; + + /** + * Set the sums of the icon. + * + * @param {Object} sums The sums containing: + * 'text': (string) The text to display in the icon. + * 'index': (number) The style index of the icon. + */ + ClusterIcon.prototype.setSums = function (sums) { + this.sums_ = sums; + this.text_ = sums.text; + this.index_ = sums.index; + if (this.div_) { + this.div_.innerHTML = sums.text; + } + this.useStyle(); + }; + + /** + * Sets the icon to the the styles. + */ + ClusterIcon.prototype.useStyle = function () { + var index = Math.max(0, this.sums_.index - 1); + index = Math.min(this.styles_.length - 1, index); + var style = this.styles_[index]; + this.url_ = style['url']; + this.height_ = style['height']; + this.width_ = style['width']; + this.textColor_ = style['textColor']; + this.anchor_ = style['anchor']; + this.textSize_ = style['textSize']; + this.backgroundPosition_ = style['backgroundPosition']; + }; + + /** + * Sets the center of the icon. + * + * @param {google.maps.LatLng} center The latlng to set as the center. + */ + ClusterIcon.prototype.setCenter = function (center) { + this.center_ = center; + }; + + /** + * Create the css text based on the position of the icon. + * + * @param {google.maps.Point} pos The position. + * @return {string} The css style text. + */ + ClusterIcon.prototype.createCss = function (pos) { + var style = []; + var markerClusterer = this.cluster_.getMarkerClusterer(); + if (!markerClusterer.cssClass_) { + style.push('background-image:url(' + this.url_ + ');'); + var backgroundPosition = this.backgroundPosition_ + ? this.backgroundPosition_ + : '0 0'; + style.push('background-position:' + backgroundPosition + ';'); + if ( + (0, + _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(this.anchor_) === 'object' + ) { + if ( + typeof this.anchor_[0] === 'number' && + this.anchor_[0] > 0 && + this.anchor_[0] < this.height_ + ) { + style.push( + 'height:' + + (this.height_ - this.anchor_[0]) + + 'px; padding-top:' + + this.anchor_[0] + + 'px;' + ); + } else { + style.push( + 'height:' + + this.height_ + + 'px; line-height:' + + this.height_ + + 'px;' + ); + } + if ( + typeof this.anchor_[1] === 'number' && + this.anchor_[1] > 0 && + this.anchor_[1] < this.width_ + ) { + style.push( + 'width:' + + (this.width_ - this.anchor_[1]) + + 'px; padding-left:' + + this.anchor_[1] + + 'px;' + ); + } else { + style.push( + 'width:' + this.width_ + 'px; text-align:center;' + ); + } + } else { + style.push( + 'height:' + + this.height_ + + 'px; line-height:' + + this.height_ + + 'px; width:' + + this.width_ + + 'px; text-align:center;' + ); + } + var txtColor = this.textColor_ ? this.textColor_ : 'black'; + var txtSize = this.textSize_ ? this.textSize_ : 11; + style.push( + 'cursor:pointer; color:' + + txtColor + + '; position:absolute; font-size:' + + txtSize + + 'px; font-family:Arial,sans-serif; font-weight:bold' + ); + } else { + style.push('top:' + pos.y + 'px; left:' + pos.x + 'px;'); + } + return style.join(''); + }; + + // Export Symbols for Closure + // If you are not going to compile with closure then you can remove the + // code below. + window['MarkerClusterer'] = MarkerClusterer; + MarkerClusterer.prototype['addMarker'] = + MarkerClusterer.prototype.addMarker; + MarkerClusterer.prototype['addMarkers'] = + MarkerClusterer.prototype.addMarkers; + MarkerClusterer.prototype['clearMarkers'] = + MarkerClusterer.prototype.clearMarkers; + MarkerClusterer.prototype['fitMapToMarkers'] = + MarkerClusterer.prototype.fitMapToMarkers; + MarkerClusterer.prototype['getCalculator'] = + MarkerClusterer.prototype.getCalculator; + MarkerClusterer.prototype['getGridSize'] = + MarkerClusterer.prototype.getGridSize; + MarkerClusterer.prototype['getExtendedBounds'] = + MarkerClusterer.prototype.getExtendedBounds; + MarkerClusterer.prototype['getMap'] = MarkerClusterer.prototype.getMap; + MarkerClusterer.prototype['getMarkers'] = + MarkerClusterer.prototype.getMarkers; + MarkerClusterer.prototype['getMaxZoom'] = + MarkerClusterer.prototype.getMaxZoom; + MarkerClusterer.prototype['getStyles'] = + MarkerClusterer.prototype.getStyles; + MarkerClusterer.prototype['getTotalClusters'] = + MarkerClusterer.prototype.getTotalClusters; + MarkerClusterer.prototype['getTotalMarkers'] = + MarkerClusterer.prototype.getTotalMarkers; + MarkerClusterer.prototype['redraw'] = MarkerClusterer.prototype.redraw; + MarkerClusterer.prototype['removeMarker'] = + MarkerClusterer.prototype.removeMarker; + MarkerClusterer.prototype['removeMarkers'] = + MarkerClusterer.prototype.removeMarkers; + MarkerClusterer.prototype['resetViewport'] = + MarkerClusterer.prototype.resetViewport; + MarkerClusterer.prototype['repaint'] = + MarkerClusterer.prototype.repaint; + MarkerClusterer.prototype['setCalculator'] = + MarkerClusterer.prototype.setCalculator; + MarkerClusterer.prototype['setGridSize'] = + MarkerClusterer.prototype.setGridSize; + MarkerClusterer.prototype['setMaxZoom'] = + MarkerClusterer.prototype.setMaxZoom; + MarkerClusterer.prototype['onAdd'] = MarkerClusterer.prototype.onAdd; + MarkerClusterer.prototype['draw'] = MarkerClusterer.prototype.draw; + Cluster.prototype['getCenter'] = Cluster.prototype.getCenter; + Cluster.prototype['getSize'] = Cluster.prototype.getSize; + Cluster.prototype['getMarkers'] = Cluster.prototype.getMarkers; + ClusterIcon.prototype['onAdd'] = ClusterIcon.prototype.onAdd; + ClusterIcon.prototype['draw'] = ClusterIcon.prototype.draw; + ClusterIcon.prototype['onRemove'] = ClusterIcon.prototype.onRemove; + })(); + /******/ +})(); +//# sourceMappingURL=global-markerclusterer.js.map diff --git a/assets/js/google-map.js b/assets/js/google-map.js index 8b8d067933..ce8f63101f 100644 --- a/assets/js/google-map.js +++ b/assets/js/google-map.js @@ -1,1127 +1,1610 @@ -/******/ (function() { // webpackBootstrap -/******/ "use strict"; -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/global/map-scripts/add-listing/google-map.js": -/*!********************************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ 'use strict'; + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/global/map-scripts/add-listing/google-map.js': + /*!********************************************************************!*\ !*** ./assets/src/js/global/map-scripts/add-listing/google-map.js ***! \********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ initAddListingMap: function() { return /* binding */ initAddListingMap; } -/* harmony export */ }); -/* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../../../lib/helper */ "./assets/src/js/lib/helper.js"); -/* Add listing google map */ - - -var $ = jQuery; - -// Add Listing Map Initialize -function initAddListingMap() { - if (typeof google === 'undefined' || !google.maps || !google.maps.Geocoder) { - return; - } - if ($('#gmap').length) { - // This function will help to get the current location of the user - var markerDragInit = function markerDragInit(marker) { - marker.addListener('dragend', function (event) { - // Get exact coordinates from the marker position - var exactLat = event.latLng.lat(); - var exactLng = event.latLng.lng(); - - // Set the exact coordinates to input fields (no geocoding transformation) - $manual_lat.val(exactLat); - $manual_lng.val(exactLng); - - // Optional: Update address field with reverse geocoding for display only - // This doesn't affect the stored coordinates - geocodeAddressForDisplay(geocoder, exactLat, exactLng); - }); - }; // Helper function to format address by removing plus code and using address components - var formatAddress = function formatAddress(result) { - if (!result || !result.address_components) { - return ''; - } - - // Check if first element contains plus code (has '+' character) - var components = result.address_components; - if (components.length > 0 && components[0].long_name && components[0].long_name.includes('+')) { - components = components.slice(1); - } - - // Join long_names with commas - return components.map(function (c) { - return c.long_name; - }).join(', '); - }; // Function to geocode address for display purposes only (doesn't modify coordinates) - var geocodeAddressForDisplay = function geocodeAddressForDisplay(geocoder, lat, lng) { - var latLng = new google.maps.LatLng(lat, lng); - var opt = { - location: latLng - }; - geocoder.geocode(opt, function (results, status) { - if (status === 'OK' && results[0]) { - // Clean the address by removing plus code prefix if present - var cleanedAddress = formatAddress(results[0]); - address_input.value = cleanedAddress; - } - }); - }; // this function will work on sites that uses SSL, it applies to Chrome especially, other browsers may allow location sharing without securing. - var geolocate = function geolocate() { - if (navigator.geolocation) { - navigator.geolocation.getCurrentPosition(function (position) { - var geolocation = { - lat: position.coords.latitude, - lng: position.coords.longitude - }; - var circle = new google.maps.Circle({ - center: geolocation, - radius: position.coords.accuracy - }); - autocomplete.setBounds(circle.getBounds()); - }); - } - }; - var initAutocomplete = function initAutocomplete() { - // Create the autocomplete object, restricting the search to geographical - var opt = { - types: ['geocode'], - componentRestrictions: { - country: directorist.restricted_countries - } - }; - var options = directorist.countryRestriction ? opt : { - types: [] - }; - - // location types. - autocomplete = new google.maps.places.Autocomplete(address_input, options); - - // When the user selects an address from the dropdown, populate the necessary input fields and draw a marker - autocomplete.addListener('place_changed', fillInAddress); - }; - var fillInAddress = function fillInAddress() { - // Get the place details from the autocomplete object. - var place = autocomplete.getPlace(); - - // set the value of input field to save them to the database - $manual_lat.val(place.geometry.location.lat()); - $manual_lng.val(place.geometry.location.lng()); - map.setCenter(place.geometry.location); - var marker = new google.maps.marker.AdvancedMarkerElement({ - map: map, - position: place.geometry.location, - gmpDraggable: true, - content: markerShape, - title: localized_data.marker_title - }); - - // Delete Previous Marker - deleteMarker(); - - // add the marker to the markers array to keep track of it, so that we can show/hide/delete them all later. - markers.push(marker); - markerDragInit(marker); - }; - // start google map place auto complete API call - // Map Initialize - var initMap = function initMap() { - /* Create new map instance */ - map = new google.maps.Map(document.getElementById('gmap'), { - zoom: loc_map_zoom_level, - center: saved_lat_lng, - mapId: 'add_listing_map' - }); - var marker = new google.maps.marker.AdvancedMarkerElement({ - map: map, - position: saved_lat_lng, - gmpDraggable: true, - content: markerShape, - title: localized_data.marker_title - }); - markers.push(marker); - document.getElementById('generate_admin_map').addEventListener('click', function (e) { - e.preventDefault(); - geocodeAddress(geocoder, map); - }); - - // This event listener calls addMarker() when the map is clicked. - marker.addListener('click', function (event) { - deleteMarker(); // at first remove previous marker and then set new marker; - - // Get exact coordinates from the click position - var exactLat = event.latLng.lat(); - var exactLng = event.latLng.lng(); - - // Set the exact coordinates to input fields (no geocoding transformation) - $manual_lat.val(exactLat); - $manual_lng.val(exactLng); - - // Optional: Update address field with reverse geocoding for display only - geocodeAddressForDisplay(geocoder, exactLat, exactLng); - - // add the marker to the given map. - addMarker(event.latLng, map); - }); - markerDragInit(marker); - }; - /* - * Geocode and address using google map javascript api and then populate the input fields for storing lat and long - * */ - var geocodeAddress = function geocodeAddress(geocoder, resultsMap) { - var lat = parseFloat(document.getElementById('manual_lat').value); - var lng = parseFloat(document.getElementById('manual_lng').value); - var latLng = new google.maps.LatLng(lat, lng); - var opt = { - location: latLng - }; - geocoder.geocode(opt, function (results, status) { - if (status === 'OK') { - // Keep the original exact coordinates (don't modify them) - $manual_lat.val(lat); - $manual_lng.val(lng); - - // Center map on the exact coordinates - resultsMap.setCenter(latLng); - var marker = new google.maps.marker.AdvancedMarkerElement({ - map: resultsMap, - position: latLng, - // Use original coordinates - gmpDraggable: true, - content: markerShape, - title: localized_data.marker_title - }); - deleteMarker(); - // add the marker to the markers array to keep track of it, so that we can show/hide/delete them all later. - markers.push(marker); - - // Clean the address by removing plus code prefix if present - var cleanedAddress = formatAddress(results[0]); - address_input.value = cleanedAddress; - markerDragInit(marker); - } else { - alert(localized_data.geocode_error_msg + status); - } - }); - }; - // adding features of creating marker manually on the map on add listing page. - /* var labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'; + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ initAddListingMap: function () { + return /* binding */ initAddListingMap; + }, + /* harmony export */ + } + ); + /* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./../../../lib/helper */ './assets/src/js/lib/helper.js' + ); + /* Add listing google map */ + + var $ = jQuery; + + // Add Listing Map Initialize + function initAddListingMap() { + if ( + typeof google === 'undefined' || + !google.maps || + !google.maps.Geocoder + ) { + return; + } + if ($('#gmap').length) { + var localized_data = (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)( + 'map_data' + ); + + // initialize all vars here to avoid hoisting related misunderstanding. + var map; + var autocomplete; + var address_input; + var markers; + var $manual_lat; + var $manual_lng; + var saved_lat_lng; + + // Localized Data + var loc_default_latitude = parseFloat( + localized_data.default_latitude + ); + var loc_default_longitude = parseFloat( + localized_data.default_longitude + ); + var loc_manual_lat = parseFloat( + localized_data.manual_lat + ); + var loc_manual_lng = parseFloat( + localized_data.manual_lng + ); + var loc_map_zoom_level = parseInt( + localized_data.map_zoom_level + ); + var searchIcon = + ''; + var markerShape = document.createElement('div'); + markerShape.className = 'atbd_map_shape'; + markerShape.innerHTML = searchIcon; + loc_manual_lat = isNaN(loc_manual_lat) + ? loc_default_latitude + : loc_manual_lat; + loc_manual_lng = isNaN(loc_manual_lng) + ? loc_default_longitude + : loc_manual_lng; + $manual_lat = $('#manual_lat'); + $manual_lng = $('#manual_lng'); + saved_lat_lng = { + lat: loc_manual_lat, + lng: loc_manual_lng, + }; + + // default is London city + ((markers = []), + // initialize the array to keep track all the marker + (address_input = + document.getElementById('address'))); + if (address_input !== null) { + address_input.addEventListener('focus', geolocate); + } + var geocoder = new google.maps.Geocoder(); + + // This function will help to get the current location of the user + function markerDragInit(marker) { + marker.addListener('dragend', function (event) { + // Get exact coordinates from the marker position + var exactLat = event.latLng.lat(); + var exactLng = event.latLng.lng(); + + // Set the exact coordinates to input fields (no geocoding transformation) + $manual_lat.val(exactLat); + $manual_lng.val(exactLng); + + // Optional: Update address field with reverse geocoding for display only + // This doesn't affect the stored coordinates + geocodeAddressForDisplay( + geocoder, + exactLat, + exactLng + ); + }); + } + + // Helper function to format address by removing plus code and using address components + function formatAddress(result) { + if (!result || !result.address_components) { + return ''; + } + + // Check if first element contains plus code (has '+' character) + var components = result.address_components; + if ( + components.length > 0 && + components[0].long_name && + components[0].long_name.includes('+') + ) { + components = components.slice(1); + } + + // Join long_names with commas + return components + .map(function (c) { + return c.long_name; + }) + .join(', '); + } + + // Function to geocode address for display purposes only (doesn't modify coordinates) + function geocodeAddressForDisplay(geocoder, lat, lng) { + var latLng = new google.maps.LatLng(lat, lng); + var opt = { + location: latLng, + }; + geocoder.geocode(opt, function (results, status) { + if (status === 'OK' && results[0]) { + // Clean the address by removing plus code prefix if present + var cleanedAddress = formatAddress( + results[0] + ); + address_input.value = cleanedAddress; + } + }); + } + + // this function will work on sites that uses SSL, it applies to Chrome especially, other browsers may allow location sharing without securing. + function geolocate() { + if (navigator.geolocation) { + navigator.geolocation.getCurrentPosition( + function (position) { + var geolocation = { + lat: position.coords.latitude, + lng: position.coords.longitude, + }; + var circle = new google.maps.Circle({ + center: geolocation, + radius: position.coords.accuracy, + }); + autocomplete.setBounds( + circle.getBounds() + ); + } + ); + } + } + function initAutocomplete() { + // Create the autocomplete object, restricting the search to geographical + var opt = { + types: ['geocode'], + componentRestrictions: { + country: directorist.restricted_countries, + }, + }; + var options = directorist.countryRestriction + ? opt + : { + types: [], + }; + + // location types. + autocomplete = new google.maps.places.Autocomplete( + address_input, + options + ); + + // When the user selects an address from the dropdown, populate the necessary input fields and draw a marker + autocomplete.addListener( + 'place_changed', + fillInAddress + ); + } + function fillInAddress() { + // Get the place details from the autocomplete object. + var place = autocomplete.getPlace(); + + // set the value of input field to save them to the database + $manual_lat.val(place.geometry.location.lat()); + $manual_lng.val(place.geometry.location.lng()); + map.setCenter(place.geometry.location); + var marker = + new google.maps.marker.AdvancedMarkerElement({ + map: map, + position: place.geometry.location, + gmpDraggable: true, + content: markerShape, + title: localized_data.marker_title, + }); + + // Delete Previous Marker + deleteMarker(); + + // add the marker to the markers array to keep track of it, so that we can show/hide/delete them all later. + markers.push(marker); + markerDragInit(marker); + } + initAutocomplete(); // start google map place auto complete API call + + // Map Initialize + function initMap() { + /* Create new map instance */ + map = new google.maps.Map( + document.getElementById('gmap'), + { + zoom: loc_map_zoom_level, + center: saved_lat_lng, + mapId: 'add_listing_map', + } + ); + var marker = + new google.maps.marker.AdvancedMarkerElement({ + map: map, + position: saved_lat_lng, + gmpDraggable: true, + content: markerShape, + title: localized_data.marker_title, + }); + markers.push(marker); + document + .getElementById('generate_admin_map') + .addEventListener('click', function (e) { + e.preventDefault(); + geocodeAddress(geocoder, map); + }); + + // This event listener calls addMarker() when the map is clicked. + marker.addListener('click', function (event) { + deleteMarker(); // at first remove previous marker and then set new marker; + + // Get exact coordinates from the click position + var exactLat = event.latLng.lat(); + var exactLng = event.latLng.lng(); + + // Set the exact coordinates to input fields (no geocoding transformation) + $manual_lat.val(exactLat); + $manual_lng.val(exactLng); + + // Optional: Update address field with reverse geocoding for display only + geocodeAddressForDisplay( + geocoder, + exactLat, + exactLng + ); + + // add the marker to the given map. + addMarker(event.latLng, map); + }); + markerDragInit(marker); + } + + /* + * Geocode and address using google map javascript api and then populate the input fields for storing lat and long + * */ + + function geocodeAddress(geocoder, resultsMap) { + var lat = parseFloat( + document.getElementById('manual_lat').value + ); + var lng = parseFloat( + document.getElementById('manual_lng').value + ); + var latLng = new google.maps.LatLng(lat, lng); + var opt = { + location: latLng, + }; + geocoder.geocode(opt, function (results, status) { + if (status === 'OK') { + // Keep the original exact coordinates (don't modify them) + $manual_lat.val(lat); + $manual_lng.val(lng); + + // Center map on the exact coordinates + resultsMap.setCenter(latLng); + var marker = + new google.maps.marker.AdvancedMarkerElement( + { + map: resultsMap, + position: latLng, + // Use original coordinates + gmpDraggable: true, + content: markerShape, + title: localized_data.marker_title, + } + ); + deleteMarker(); + // add the marker to the markers array to keep track of it, so that we can show/hide/delete them all later. + markers.push(marker); + + // Clean the address by removing plus code prefix if present + var cleanedAddress = formatAddress( + results[0] + ); + address_input.value = cleanedAddress; + markerDragInit(marker); + } else { + alert( + localized_data.geocode_error_msg + + status + ); + } + }); + } + initMap(); + + // adding features of creating marker manually on the map on add listing page. + /* var labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'; var labelIndex = 0; */ - // Adds a marker to the map. - var addMarker = function addMarker(location, map) { - // Add the marker at the clicked location, and add the next-available label; - - // from the array of alphabetical characters. - var marker = new google.maps.marker.AdvancedMarkerElement({ - map: map, - position: location, - gmpDraggable: true, - content: markerShape, - title: localized_data.marker_title - }); - - // add the marker to the markers array to keep track of it, so that we can show/hide/delete them all later. - markers.push(marker); - markerDragInit(marker); - }; // Delete Marker - var deleteMarker = function deleteMarker() { - for (var i = 0; i < markers.length; i++) { - markers[i].setMap(null); - } - markers = []; - }; - var localized_data = (0,_lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)('map_data'); - - // initialize all vars here to avoid hoisting related misunderstanding. - var map; - var autocomplete; - var address_input; - var markers; - var $manual_lat; - var $manual_lng; - var saved_lat_lng; - - // Localized Data - var loc_default_latitude = parseFloat(localized_data.default_latitude); - var loc_default_longitude = parseFloat(localized_data.default_longitude); - var loc_manual_lat = parseFloat(localized_data.manual_lat); - var loc_manual_lng = parseFloat(localized_data.manual_lng); - var loc_map_zoom_level = parseInt(localized_data.map_zoom_level); - var searchIcon = ""; - var markerShape = document.createElement('div'); - markerShape.className = 'atbd_map_shape'; - markerShape.innerHTML = searchIcon; - loc_manual_lat = isNaN(loc_manual_lat) ? loc_default_latitude : loc_manual_lat; - loc_manual_lng = isNaN(loc_manual_lng) ? loc_default_longitude : loc_manual_lng; - $manual_lat = $('#manual_lat'); - $manual_lng = $('#manual_lng'); - saved_lat_lng = { - lat: loc_manual_lat, - lng: loc_manual_lng - }; - - // default is London city - markers = [], - // initialize the array to keep track all the marker - address_input = document.getElementById('address'); - if (address_input !== null) { - address_input.addEventListener('focus', geolocate); - } - var geocoder = new google.maps.Geocoder(); - initAutocomplete(); - initMap(); - $('#delete_marker').on('click', function (e) { - e.preventDefault(); - deleteMarker(); - }); - } -} -$(document).ready(function () { - initAddListingMap(); -}); - -// Add Listing Map on Elementor EditMode -$(window).on('elementor/frontend/init', function () { - setTimeout(function () { - if ($('body').hasClass('elementor-editor-active')) { - initAddListingMap(); - } - }, 3000); -}); -$('body').on('click', function (e) { - if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { - initAddListingMap(); - } -}); - -/***/ }), - -/***/ "./assets/src/js/global/map-scripts/single-listing/google-map-widget.js": -/*!******************************************************************************!*\ + + // Adds a marker to the map. + function addMarker(location, map) { + // Add the marker at the clicked location, and add the next-available label; + + // from the array of alphabetical characters. + var marker = + new google.maps.marker.AdvancedMarkerElement({ + map: map, + position: location, + gmpDraggable: true, + content: markerShape, + title: localized_data.marker_title, + }); + + // add the marker to the markers array to keep track of it, so that we can show/hide/delete them all later. + markers.push(marker); + markerDragInit(marker); + } + + // Delete Marker + $('#delete_marker').on('click', function (e) { + e.preventDefault(); + deleteMarker(); + }); + function deleteMarker() { + for (var i = 0; i < markers.length; i++) { + markers[i].setMap(null); + } + markers = []; + } + } + } + $(document).ready(function () { + initAddListingMap(); + }); + + // Add Listing Map on Elementor EditMode + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initAddListingMap(); + } + }, 3000); + }); + $('body').on('click', function (e) { + if ( + $('body').hasClass('elementor-editor-active') && + e.target.nodeName !== 'A' && + e.target.nodeName !== 'BUTTON' + ) { + initAddListingMap(); + } + }); + + /***/ + }, + + /***/ './assets/src/js/global/map-scripts/single-listing/google-map-widget.js': + /*!******************************************************************************!*\ !*** ./assets/src/js/global/map-scripts/single-listing/google-map-widget.js ***! \******************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ initSingleMapWidget: function() { return /* binding */ initSingleMapWidget; } -/* harmony export */ }); -/* Widget google map */ -var $ = jQuery; - -// Single Listing Map Initialize -function initSingleMapWidget() { - if (typeof google === 'undefined' || !google.maps || !google.maps.Marker || !google.maps.OverlayView) { - return; - } - if ($('#gmap-widget').length) { - var Marker = function Marker(options) { - google.maps.Marker.apply(this, arguments); - if (options.map_icon_label) { - this.MarkerLabel = new MarkerLabel({ - map: this.map, - marker: this, - text: options.map_icon_label - }); - this.MarkerLabel.bindTo('position', this, 'position'); - } - }; // Apply the inheritance - var initMap = function initMap() { - /* Create new map instance*/ - map = new google.maps.Map(document.getElementById(map_container), { - zoom: loc_map_zoom_level, - center: saved_lat_lng, - mapId: 'single_listing_map_widget' - }); - var marker = new google.maps.marker.AdvancedMarkerElement({ - map: map, - position: saved_lat_lng, - content: markerShape - }); - if (display_map_info) { - marker.addListener('click', function () { - if (info_window.getMap()) { - info_window.close(); // If already open, close it - } else { - info_window.open(map, marker); // Otherwise, open it - } - }); - } - }; - var searchIcon = ""; - var markerShape = document.createElement('div'); - markerShape.className = 'atbd_map_shape'; - markerShape.innerHTML = searchIcon; - var inherits = function inherits(childCtor, parentCtor) { - /** @constructor */ - function tempCtor() {} - tempCtor.prototype = parentCtor.prototype; - childCtor.superClass_ = parentCtor.prototype; - childCtor.prototype = new tempCtor(); - childCtor.prototype.constructor = childCtor; - }; - inherits(Marker, google.maps.Marker); - - // Custom Marker SetMap - Marker.prototype.setMap = function () { - google.maps.Marker.prototype.setMap.apply(this, arguments); - this.MarkerLabel && this.MarkerLabel.setMap.apply(this.MarkerLabel, arguments); - }; - - // Marker Label Overlay - var MarkerLabel = function MarkerLabel(options) { - var self = this; - this.setValues(options); - - // Create the label container - this.div = document.createElement('div'); - this.div.className = 'map-icon-label'; - - // Trigger the marker click handler if clicking on the label - google.maps.event.addListener(this.div, 'click', function (e) { - e.stopPropagation && e.stopPropagation(); - google.maps.event.trigger(self.marker, 'click'); - }); - }; - - // Create MarkerLabel Object - MarkerLabel.prototype = new google.maps.OverlayView(); - - // Marker Label onAdd - MarkerLabel.prototype.onAdd = function () { - var pane = this.getPanes().overlayImage.appendChild(this.div); - var self = this; - this.listeners = [google.maps.event.addListener(this, 'position_changed', function () { - self.draw(); - }), google.maps.event.addListener(this, 'text_changed', function () { - self.draw(); - }), google.maps.event.addListener(this, 'zindex_changed', function () { - self.draw(); - })]; - }; - - // Marker Label onRemove - MarkerLabel.prototype.onRemove = function () { - this.div.parentNode.removeChild(this.div); - for (var i = 0, I = this.listeners.length; i < I; ++i) { - google.maps.event.removeListener(this.listeners[i]); - } - }; - - // Implement draw - MarkerLabel.prototype.draw = function () { - var projection = this.getProjection(); - var position = projection.fromLatLngToDivPixel(this.get('position')); - var div = this.div; - this.div.innerHTML = this.get('text').toString(); - div.style.zIndex = this.get('zIndex'); // Allow label to overlay marker - div.style.position = 'absolute'; - div.style.display = 'block'; - div.style.left = position.x - div.offsetWidth / 2 + 'px'; - div.style.top = position.y - div.offsetHeight + 'px'; - }; - - // initialize all vars here to avoid hoisting related misunderstanding. - var map, info_window, saved_lat_lng; - - // Localized Data - var map_container = localized_data_widget.map_container_id ? localized_data_widget.map_container_id : 'gmap'; - var loc_default_latitude = parseFloat(localized_data_widget.default_latitude); - var loc_default_longitude = parseFloat(localized_data_widget.default_longitude); - var loc_manual_lat = parseFloat(localized_data_widget.manual_lat); - var loc_manual_lng = parseFloat(localized_data_widget.manual_lng); - var loc_map_zoom_level = parseInt(localized_data_widget.map_zoom_level); - var display_map_info = localized_data_widget.display_map_info; - var info_content = mapData.info_content; - loc_manual_lat = isNaN(loc_manual_lat) ? loc_default_latitude : loc_manual_lat; - loc_manual_lng = isNaN(loc_manual_lng) ? loc_default_longitude : loc_manual_lng; - $manual_lat = $('#manual_lat'); - $manual_lng = $('#manual_lng'); - saved_lat_lng = { - lat: loc_manual_lat, - lng: loc_manual_lng - }; - - // create an info window for map - if (display_map_info) { - info_window = new google.maps.InfoWindow({ - content: info_content, - maxWidth: 400 /*Add configuration for max width*/ - }); - } - var marker = new google.maps.marker.AdvancedMarkerElement({ - map: map, - position: saved_lat_lng, - content: markerShape - }); - - // create an info window for map - marker.addListener('click', function () { - if (display_map_info) { - display_map_info = false; - } else { - info_window.close(); - display_map_info = true; - } - }); - $(document).ready(function () { - initMap(); - //Convert address tags to google map links - - $('address').each(function () { - var link = "" + $(this).text() + ''; - $(this).html(link); - }); - }); - } -} -$(document).ready(function () { - initSingleMapWidget(); -}); - -// Single Listing Map on Elementor EditMode -$(window).on('elementor/frontend/init', function () { - setTimeout(function () { - if ($('body').hasClass('elementor-editor-active')) { - initSingleMapWidget(); - } - }, 3000); -}); -$('body').on('click', function (e) { - if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { - initSingleMapWidget(); - } -}); - -/***/ }), - -/***/ "./assets/src/js/global/map-scripts/single-listing/google-map.js": -/*!***********************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ initSingleMapWidget: function () { + return /* binding */ initSingleMapWidget; + }, + /* harmony export */ + } + ); + /* Widget google map */ + var $ = jQuery; + + // Single Listing Map Initialize + function initSingleMapWidget() { + if ( + typeof google === 'undefined' || + !google.maps || + !google.maps.Marker || + !google.maps.OverlayView + ) { + return; + } + if ($('#gmap-widget').length) { + var searchIcon = + ''; + var markerShape = document.createElement('div'); + markerShape.className = 'atbd_map_shape'; + markerShape.innerHTML = searchIcon; + var inherits = function inherits( + childCtor, + parentCtor + ) { + /** @constructor */ + function tempCtor() {} + tempCtor.prototype = parentCtor.prototype; + childCtor.superClass_ = parentCtor.prototype; + childCtor.prototype = new tempCtor(); + childCtor.prototype.constructor = childCtor; + }; + function Marker(options) { + google.maps.Marker.apply(this, arguments); + if (options.map_icon_label) { + this.MarkerLabel = new MarkerLabel({ + map: this.map, + marker: this, + text: options.map_icon_label, + }); + this.MarkerLabel.bindTo( + 'position', + this, + 'position' + ); + } + } + + // Apply the inheritance + inherits(Marker, google.maps.Marker); + + // Custom Marker SetMap + Marker.prototype.setMap = function () { + google.maps.Marker.prototype.setMap.apply( + this, + arguments + ); + this.MarkerLabel && + this.MarkerLabel.setMap.apply( + this.MarkerLabel, + arguments + ); + }; + + // Marker Label Overlay + var MarkerLabel = function MarkerLabel(options) { + var self = this; + this.setValues(options); + + // Create the label container + this.div = document.createElement('div'); + this.div.className = 'map-icon-label'; + + // Trigger the marker click handler if clicking on the label + google.maps.event.addListener( + this.div, + 'click', + function (e) { + e.stopPropagation && e.stopPropagation(); + google.maps.event.trigger( + self.marker, + 'click' + ); + } + ); + }; + + // Create MarkerLabel Object + MarkerLabel.prototype = new google.maps.OverlayView(); + + // Marker Label onAdd + MarkerLabel.prototype.onAdd = function () { + var pane = this.getPanes().overlayImage.appendChild( + this.div + ); + var self = this; + this.listeners = [ + google.maps.event.addListener( + this, + 'position_changed', + function () { + self.draw(); + } + ), + google.maps.event.addListener( + this, + 'text_changed', + function () { + self.draw(); + } + ), + google.maps.event.addListener( + this, + 'zindex_changed', + function () { + self.draw(); + } + ), + ]; + }; + + // Marker Label onRemove + MarkerLabel.prototype.onRemove = function () { + this.div.parentNode.removeChild(this.div); + for ( + var i = 0, I = this.listeners.length; + i < I; + ++i + ) { + google.maps.event.removeListener( + this.listeners[i] + ); + } + }; + + // Implement draw + MarkerLabel.prototype.draw = function () { + var projection = this.getProjection(); + var position = projection.fromLatLngToDivPixel( + this.get('position') + ); + var div = this.div; + this.div.innerHTML = this.get('text').toString(); + div.style.zIndex = this.get('zIndex'); // Allow label to overlay marker + div.style.position = 'absolute'; + div.style.display = 'block'; + div.style.left = + position.x - div.offsetWidth / 2 + 'px'; + div.style.top = + position.y - div.offsetHeight + 'px'; + }; + + // initialize all vars here to avoid hoisting related misunderstanding. + var map, info_window, saved_lat_lng; + + // Localized Data + var map_container = + localized_data_widget.map_container_id + ? localized_data_widget.map_container_id + : 'gmap'; + var loc_default_latitude = parseFloat( + localized_data_widget.default_latitude + ); + var loc_default_longitude = parseFloat( + localized_data_widget.default_longitude + ); + var loc_manual_lat = parseFloat( + localized_data_widget.manual_lat + ); + var loc_manual_lng = parseFloat( + localized_data_widget.manual_lng + ); + var loc_map_zoom_level = parseInt( + localized_data_widget.map_zoom_level + ); + var display_map_info = + localized_data_widget.display_map_info; + var info_content = mapData.info_content; + loc_manual_lat = isNaN(loc_manual_lat) + ? loc_default_latitude + : loc_manual_lat; + loc_manual_lng = isNaN(loc_manual_lng) + ? loc_default_longitude + : loc_manual_lng; + $manual_lat = $('#manual_lat'); + $manual_lng = $('#manual_lng'); + saved_lat_lng = { + lat: loc_manual_lat, + lng: loc_manual_lng, + }; + + // create an info window for map + if (display_map_info) { + info_window = new google.maps.InfoWindow({ + content: info_content, + maxWidth: 400 /*Add configuration for max width*/, + }); + } + var marker = + new google.maps.marker.AdvancedMarkerElement({ + map: map, + position: saved_lat_lng, + content: markerShape, + }); + + // create an info window for map + marker.addListener('click', function () { + if (display_map_info) { + display_map_info = false; + } else { + info_window.close(); + display_map_info = true; + } + }); + function initMap() { + /* Create new map instance*/ + map = new google.maps.Map( + document.getElementById(map_container), + { + zoom: loc_map_zoom_level, + center: saved_lat_lng, + mapId: 'single_listing_map_widget', + } + ); + var marker = + new google.maps.marker.AdvancedMarkerElement({ + map: map, + position: saved_lat_lng, + content: markerShape, + }); + if (display_map_info) { + marker.addListener('click', function () { + if (info_window.getMap()) { + info_window.close(); // If already open, close it + } else { + info_window.open(map, marker); // Otherwise, open it + } + }); + } + } + $(document).ready(function () { + initMap(); + //Convert address tags to google map links - + $('address').each(function () { + var link = + "" + + $(this).text() + + ''; + $(this).html(link); + }); + }); + } + } + $(document).ready(function () { + initSingleMapWidget(); + }); + + // Single Listing Map on Elementor EditMode + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initSingleMapWidget(); + } + }, 3000); + }); + $('body').on('click', function (e) { + if ( + $('body').hasClass('elementor-editor-active') && + e.target.nodeName !== 'A' && + e.target.nodeName !== 'BUTTON' + ) { + initSingleMapWidget(); + } + }); + + /***/ + }, + + /***/ './assets/src/js/global/map-scripts/single-listing/google-map.js': + /*!***********************************************************************!*\ !*** ./assets/src/js/global/map-scripts/single-listing/google-map.js ***! \***********************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ initSingleMap: function() { return /* binding */ initSingleMap; } -/* harmony export */ }); -/* Single listing google map */ -var $ = jQuery; - -// Single Listing Map Initialize -function initSingleMap() { - if (typeof google === 'undefined' || !google.maps || !google.maps.Marker || !google.maps.OverlayView || !google.maps.marker.AdvancedMarkerElement) { - return; - } - if ($('.directorist-single-map').length) { - document.querySelectorAll('.directorist-single-map').forEach(function (mapElm) { - var searchIcon = ""; - var markerShape = document.createElement('div'); - markerShape.className = 'atbd_map_shape'; - markerShape.innerHTML = searchIcon; - function Marker(options) { - google.maps.Marker.apply(this, arguments); // Properly call parent constructor - - if (options.map_icon_label) { - this.MarkerLabel = new MarkerLabel({ - map: this.getMap(), - marker: this, - text: options.map_icon_label - }); - this.MarkerLabel.bindTo('position', this, 'position'); - } - } - - // Ensure Marker extends google.maps.Marker - Marker.prototype = Object.create(google.maps.Marker.prototype); - Marker.prototype.constructor = Marker; - - // Custom Marker setMap method - Marker.prototype.setMap = function (map) { - google.maps.Marker.prototype.setMap.call(this, map); - if (this.MarkerLabel) { - this.MarkerLabel.setMap(map); - } - }; - - // Marker Label Overlay - function MarkerLabel(options) { - this.setValues(options); - this.div = document.createElement('div'); - this.div.className = 'map-icon-label'; - - // Ensure marker click event works - var self = this; - google.maps.event.addDomListener(this.div, 'click', function (e) { - if (e.stopPropagation) e.stopPropagation(); - google.maps.event.trigger(self.marker, 'click'); - }); - } - - // Ensure Google Maps API is loaded before extending OverlayView - MarkerLabel.prototype = Object.create(google.maps.OverlayView.prototype); - MarkerLabel.prototype.constructor = MarkerLabel; - - // onAdd method - MarkerLabel.prototype.onAdd = function () { - var pane = this.getPanes(); - if (pane) { - pane.overlayImage.appendChild(this.div); - } - var self = this; - this.listeners = [google.maps.event.addListener(this, 'position_changed', function () { - self.draw(); - }), google.maps.event.addListener(this, 'text_changed', function () { - self.draw(); - }), google.maps.event.addListener(this, 'zindex_changed', function () { - self.draw(); - })]; - }; - - // onRemove method - MarkerLabel.prototype.onRemove = function () { - if (this.div.parentNode) { - this.div.parentNode.removeChild(this.div); - } - for (var i = 0; i < this.listeners.length; i++) { - google.maps.event.removeListener(this.listeners[i]); - } - }; - - // draw method - MarkerLabel.prototype.draw = function () { - var projection = this.getProjection(); - if (!projection) return; // Ensure projection is available - - var position = projection.fromLatLngToDivPixel(this.get('position')); - if (!position) return; - var div = this.div; - div.innerHTML = this.get('text') || ''; - div.style.zIndex = this.get('zIndex') || '0'; - div.style.position = 'absolute'; - div.style.display = 'block'; - div.style.left = position.x - div.offsetWidth / 2 + 'px'; - div.style.top = position.y - div.offsetHeight + 'px'; - }; - - // initialize all vars here to avoid hoisting related misunderstanding. - var map, info_window, saved_lat_lng; - - // Localized Data - var mapData = JSON.parse(mapElm.getAttribute('data-map')); - var loc_default_latitude = parseFloat(mapData.default_latitude); - var loc_default_longitude = parseFloat(mapData.default_longitude); - var loc_manual_lat = parseFloat(mapData.manual_lat); - var loc_manual_lng = parseFloat(mapData.manual_lng); - var loc_map_zoom_level = parseInt(mapData.map_zoom_level); - var display_map_info = mapData.display_map_info; - var info_content = mapData.info_content; - loc_manual_lat = isNaN(loc_manual_lat) ? loc_default_latitude : loc_manual_lat; - loc_manual_lng = isNaN(loc_manual_lng) ? loc_default_longitude : loc_manual_lng; - saved_lat_lng = { - lat: loc_manual_lat, - lng: loc_manual_lng - }; - - // create an info window for map - if (display_map_info) { - info_window = new google.maps.InfoWindow({ - content: info_content, - maxWidth: 400 /*Add configuration for max width*/ - }); - } - var marker = new google.maps.marker.AdvancedMarkerElement({ - map: map, - position: saved_lat_lng, - content: markerShape - }); - - // create an info window for map - marker.addListener('click', function () { - if (display_map_info) { - display_map_info = false; - } else { - info_window.close(); - display_map_info = true; - } - }); - function initMap() { - /* Create new map instance*/ - map = new google.maps.Map(mapElm, { - zoom: loc_map_zoom_level, - center: saved_lat_lng, - mapId: 'single_listing_map' - }); - var marker = new google.maps.marker.AdvancedMarkerElement({ - map: map, - position: saved_lat_lng, - content: markerShape - }); - if (display_map_info) { - marker.addListener('click', function () { - if (info_window.getMap()) { - info_window.close(); // If already open, close it - } else { - info_window.open(map, marker); // Otherwise, open it - } - }); - } - } - initMap(); - //Convert address tags to google map links - - $('address').each(function () { - var link = "" + $(this).text() + ''; - $(this).html(link); - }); - }); - } -} -$(document).ready(function () { - initSingleMap(); -}); - -// Single Listing Map on Elementor EditMode -$(window).on('elementor/frontend/init', function () { - setTimeout(function () { - if ($('body').hasClass('elementor-editor-active')) { - initSingleMap(); - } - }, 3000); -}); -$('body').on('click', function (e) { - if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { - initSingleMap(); - } -}); - -/***/ }), - -/***/ "./assets/src/js/lib/helper.js": -/*!*************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ initSingleMap: function () { + return /* binding */ initSingleMap; + }, + /* harmony export */ + } + ); + /* Single listing google map */ + var $ = jQuery; + + // Single Listing Map Initialize + function initSingleMap() { + if ( + typeof google === 'undefined' || + !google.maps || + !google.maps.Marker || + !google.maps.OverlayView || + !google.maps.marker.AdvancedMarkerElement + ) { + return; + } + if ($('.directorist-single-map').length) { + document + .querySelectorAll('.directorist-single-map') + .forEach(function (mapElm) { + var searchIcon = + ''; + var markerShape = document.createElement('div'); + markerShape.className = 'atbd_map_shape'; + markerShape.innerHTML = searchIcon; + function Marker(options) { + google.maps.Marker.apply(this, arguments); // Properly call parent constructor + + if (options.map_icon_label) { + this.MarkerLabel = new MarkerLabel({ + map: this.getMap(), + marker: this, + text: options.map_icon_label, + }); + this.MarkerLabel.bindTo( + 'position', + this, + 'position' + ); + } + } + + // Ensure Marker extends google.maps.Marker + Marker.prototype = Object.create( + google.maps.Marker.prototype + ); + Marker.prototype.constructor = Marker; + + // Custom Marker setMap method + Marker.prototype.setMap = function (map) { + google.maps.Marker.prototype.setMap.call( + this, + map + ); + if (this.MarkerLabel) { + this.MarkerLabel.setMap(map); + } + }; + + // Marker Label Overlay + function MarkerLabel(options) { + this.setValues(options); + this.div = document.createElement('div'); + this.div.className = 'map-icon-label'; + + // Ensure marker click event works + var self = this; + google.maps.event.addDomListener( + this.div, + 'click', + function (e) { + if (e.stopPropagation) + e.stopPropagation(); + google.maps.event.trigger( + self.marker, + 'click' + ); + } + ); + } + + // Ensure Google Maps API is loaded before extending OverlayView + MarkerLabel.prototype = Object.create( + google.maps.OverlayView.prototype + ); + MarkerLabel.prototype.constructor = MarkerLabel; + + // onAdd method + MarkerLabel.prototype.onAdd = function () { + var pane = this.getPanes(); + if (pane) { + pane.overlayImage.appendChild(this.div); + } + var self = this; + this.listeners = [ + google.maps.event.addListener( + this, + 'position_changed', + function () { + self.draw(); + } + ), + google.maps.event.addListener( + this, + 'text_changed', + function () { + self.draw(); + } + ), + google.maps.event.addListener( + this, + 'zindex_changed', + function () { + self.draw(); + } + ), + ]; + }; + + // onRemove method + MarkerLabel.prototype.onRemove = function () { + if (this.div.parentNode) { + this.div.parentNode.removeChild( + this.div + ); + } + for ( + var i = 0; + i < this.listeners.length; + i++ + ) { + google.maps.event.removeListener( + this.listeners[i] + ); + } + }; + + // draw method + MarkerLabel.prototype.draw = function () { + var projection = this.getProjection(); + if (!projection) return; // Ensure projection is available + + var position = + projection.fromLatLngToDivPixel( + this.get('position') + ); + if (!position) return; + var div = this.div; + div.innerHTML = this.get('text') || ''; + div.style.zIndex = + this.get('zIndex') || '0'; + div.style.position = 'absolute'; + div.style.display = 'block'; + div.style.left = + position.x - div.offsetWidth / 2 + 'px'; + div.style.top = + position.y - div.offsetHeight + 'px'; + }; + + // initialize all vars here to avoid hoisting related misunderstanding. + var map, info_window, saved_lat_lng; + + // Localized Data + var mapData = JSON.parse( + mapElm.getAttribute('data-map') + ); + var loc_default_latitude = parseFloat( + mapData.default_latitude + ); + var loc_default_longitude = parseFloat( + mapData.default_longitude + ); + var loc_manual_lat = parseFloat( + mapData.manual_lat + ); + var loc_manual_lng = parseFloat( + mapData.manual_lng + ); + var loc_map_zoom_level = parseInt( + mapData.map_zoom_level + ); + var display_map_info = mapData.display_map_info; + var info_content = mapData.info_content; + loc_manual_lat = isNaN(loc_manual_lat) + ? loc_default_latitude + : loc_manual_lat; + loc_manual_lng = isNaN(loc_manual_lng) + ? loc_default_longitude + : loc_manual_lng; + saved_lat_lng = { + lat: loc_manual_lat, + lng: loc_manual_lng, + }; + + // create an info window for map + if (display_map_info) { + info_window = new google.maps.InfoWindow({ + content: info_content, + maxWidth: 400 /*Add configuration for max width*/, + }); + } + var marker = + new google.maps.marker.AdvancedMarkerElement( + { + map: map, + position: saved_lat_lng, + content: markerShape, + } + ); + + // create an info window for map + marker.addListener('click', function () { + if (display_map_info) { + display_map_info = false; + } else { + info_window.close(); + display_map_info = true; + } + }); + function initMap() { + /* Create new map instance*/ + map = new google.maps.Map(mapElm, { + zoom: loc_map_zoom_level, + center: saved_lat_lng, + mapId: 'single_listing_map', + }); + var marker = + new google.maps.marker.AdvancedMarkerElement( + { + map: map, + position: saved_lat_lng, + content: markerShape, + } + ); + if (display_map_info) { + marker.addListener( + 'click', + function () { + if (info_window.getMap()) { + info_window.close(); // If already open, close it + } else { + info_window.open( + map, + marker + ); // Otherwise, open it + } + } + ); + } + } + initMap(); + //Convert address tags to google map links - + $('address').each(function () { + var link = + "" + + $(this).text() + + ''; + $(this).html(link); + }); + }); + } + } + $(document).ready(function () { + initSingleMap(); + }); + + // Single Listing Map on Elementor EditMode + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initSingleMap(); + } + }, 3000); + }); + $('body').on('click', function (e) { + if ( + $('body').hasClass('elementor-editor-active') && + e.target.nodeName !== 'A' && + e.target.nodeName !== 'BUTTON' + ) { + initSingleMap(); + } + }); + + /***/ + }, + + /***/ './assets/src/js/lib/helper.js': + /*!*************************************!*\ !*** ./assets/src/js/lib/helper.js ***! \*************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ convertToSelect2: function() { return /* binding */ convertToSelect2; }, -/* harmony export */ get_dom_data: function() { return /* binding */ get_dom_data; } -/* harmony export */ }); -var $ = jQuery; -function get_dom_data(selector, parent) { - selector = '.directorist-dom-data-' + selector; - if (!parent) { - parent = document; - } - var el = parent.querySelector(selector); - if (!el || !el.dataset.value) { - return {}; - } - var IS_SCRIPT_DEBUGGING = directorist && directorist.script_debugging && directorist.script_debugging == '1'; - try { - var value = atob(el.dataset.value); - return JSON.parse(value); - } catch (error) { - if (IS_SCRIPT_DEBUGGING) { - console.log(el, error); - } - return {}; - } -} -function convertToSelect2(selector) { - var $selector = $(selector); - var args = { - allowClear: true, - width: '100%', - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - var iconURI = $(data.element).data('icon'); - var iconElm = ""); - var originalText = data.text; - var modifiedText = originalText.replace(/^(\s*)/, '$1' + iconElm); - var $state = $("
    ".concat(typeof iconURI !== 'undefined' && iconURI !== '' ? modifiedText : originalText, "
    ")); - return $state; - } - }; - var options = $selector.find('option'); - if (options.length && options[0].textContent.length) { - args.placeholder = options[0].textContent; - } - $selector.length && $selector.select2(args); -} - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. -!function() { -/*!******************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ convertToSelect2: function () { + return /* binding */ convertToSelect2; + }, + /* harmony export */ get_dom_data: function () { + return /* binding */ get_dom_data; + }, + /* harmony export */ + } + ); + var $ = jQuery; + function get_dom_data(selector, parent) { + selector = '.directorist-dom-data-' + selector; + if (!parent) { + parent = document; + } + var el = parent.querySelector(selector); + if (!el || !el.dataset.value) { + return {}; + } + var IS_SCRIPT_DEBUGGING = + directorist && + directorist.script_debugging && + directorist.script_debugging == '1'; + try { + var value = atob(el.dataset.value); + return JSON.parse(value); + } catch (error) { + if (IS_SCRIPT_DEBUGGING) { + console.log(el, error); + } + return {}; + } + } + function convertToSelect2(selector) { + var $selector = $(selector); + var args = { + allowClear: true, + width: '100%', + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + var iconURI = $(data.element).data('icon'); + var iconElm = + '' + ); + var originalText = data.text; + var modifiedText = originalText.replace( + /^(\s*)/, + '$1' + iconElm + ); + var $state = $( + '
    '.concat( + typeof iconURI !== 'undefined' && + iconURI !== '' + ? modifiedText + : originalText, + '
    ' + ) + ); + return $state; + }, + }; + var options = $selector.find('option'); + if (options.length && options[0].textContent.length) { + args.placeholder = options[0].textContent; + } + $selector.length && $selector.select2(args); + } + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. + !(function () { + /*!******************************************************!*\ !*** ./assets/src/js/global/map-scripts/map-view.js ***! \******************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../../lib/helper */ "./assets/src/js/lib/helper.js"); -/* harmony import */ var _add_listing_google_map__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./add-listing/google-map */ "./assets/src/js/global/map-scripts/add-listing/google-map.js"); -/* harmony import */ var _single_listing_google_map__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./single-listing/google-map */ "./assets/src/js/global/map-scripts/single-listing/google-map.js"); -/* harmony import */ var _single_listing_google_map_widget__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./single-listing/google-map-widget */ "./assets/src/js/global/map-scripts/single-listing/google-map-widget.js"); - - - - -(function () { - window.addEventListener('load', initMap); - window.addEventListener('directorist-reload-listings-map-archive', initMap); - function initMap() { - var mapData = (0,_lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)('atbdp_map'); - - // Define Marker Shapes - var MAP_PIN = 'M0-48c-9.8 0-17.7 7.8-17.7 17.4 0 15.5 17.7 30.6 17.7 30.6s17.7-15.4 17.7-30.6c0-9.6-7.9-17.4-17.7-17.4z'; - var inherits = function inherits(childCtor, parentCtor) { - /** @constructor */ - function tempCtor() {} - tempCtor.prototype = parentCtor.prototype; - childCtor.superClass_ = parentCtor.prototype; - childCtor.prototype = new tempCtor(); - childCtor.prototype.constructor = childCtor; - }; - function Marker(options) { - google.maps.Marker.apply(this, arguments); - if (options.map_icon_label) { - this.MarkerLabel = new MarkerLabel({ - map: this.map, - marker: this, - text: options.map_icon_label - }); - this.MarkerLabel.bindTo('position', this, 'position'); - } - } - - // Apply the inheritance - inherits(Marker, google.maps.Marker); - - // Custom Marker SetMap - Marker.prototype.setMap = function () { - google.maps.Marker.prototype.setMap.apply(this, arguments); - this.MarkerLabel && this.MarkerLabel.setMap.apply(this.MarkerLabel, arguments); - }; - - // Marker Label Overlay - var MarkerLabel = function MarkerLabel(options) { - var self = this; - this.setValues(options); - - // Create the label container - this.div = document.createElement('div'); - this.div.className = 'map-icon-label'; - - // Trigger the marker click handler if clicking on the label - google.maps.event.addListener(this.div, 'click', function (e) { - e.stopPropagation && e.stopPropagation(); - google.maps.event.trigger(self.marker, 'click'); - }); - }; - - // Create MarkerLabel Object - MarkerLabel.prototype = new google.maps.OverlayView(); - - // Marker Label onAdd - MarkerLabel.prototype.onAdd = function () { - var pane = this.getPanes().overlayImage.appendChild(this.div); - var self = this; - this.listeners = [google.maps.event.addListener(this, 'position_changed', function () { - self.draw(); - }), google.maps.event.addListener(this, 'text_changed', function () { - self.draw(); - }), google.maps.event.addListener(this, 'zindex_changed', function () { - self.draw(); - })]; - }; - - // Marker Label onRemove - MarkerLabel.prototype.onRemove = function () { - this.div.parentNode.removeChild(this.div); - for (var i = 0, I = this.listeners.length; i < I; ++i) { - google.maps.event.removeListener(this.listeners[i]); - } - }; - - // Implement draw - MarkerLabel.prototype.draw = function () { - var projection = this.getProjection(); - var position = projection.fromLatLngToDivPixel(this.get('position')); - var div = this.div; - this.div.innerHTML = this.get('text').toString(); - div.style.zIndex = this.get('zIndex'); // Allow label to overlay marker - div.style.position = 'absolute'; - div.style.display = 'block'; - div.style.left = "".concat(position.x - div.offsetWidth / 2, "px"); - div.style.top = "".concat(position.y - div.offsetHeight, "px"); - }; - (function ($) { - // map view - /** - * Render a Google Map onto the selected jQuery element. - * - * @since 5.0.0 - */ - var at_icon = []; - - /* Use Default lat/lng in listings map view */ - var defCordEnabled = mapData.use_def_lat_long; - function atbdp_rander_map($el) { - $el.addClass('atbdp-map-loaded'); - - // var - var $markers = $el.find('.marker'); - - // vars - var args = { - zoom: parseInt(mapData.zoom), - center: new google.maps.LatLng(0, 0), - mapTypeId: google.maps.MapTypeId.ROADMAP, - zoomControl: true, - scrollwheel: false, - gestureHandling: 'cooperative', - averageCenter: true, - scrollWheelZoom: 'center' - }; - - // create map - var map = new google.maps.Map($el[0], args); - - // add a markers reference - map.markers = []; - - // set map type - map.type = $el.data('type'); - var infowindow = new google.maps.InfoWindow({ - content: '' - }); - // add markers - $markers.each(function () { - atbdp_add_marker($(this), map, infowindow); - }); - var cord = { - lat: Number(mapData.default_latitude) ? Number(mapData.default_latitude) : true ? defCordEnabled : 0, - lng: Number(mapData.default_longitude) ? Number(mapData.default_longitude) : true ? defCordEnabled : 0 - }; - if ($markers.length) { - cord.lat = defCordEnabled ? Number(mapData.default_latitude) : Number($markers[0].getAttribute('data-latitude')); - cord.lng = defCordEnabled ? Number(mapData.default_longitude) : Number($markers[0].getAttribute('data-longitude')); - } - - // center map - atbdp_center_map(map, cord); - var mcOptions = new MarkerClusterer(map, [], { - imagePath: mapData.plugin_url + 'assets/images/m' - }); - mcOptions.setStyles(mcOptions.getStyles().map(function (style) { - style.textColor = '#fff'; - return style; - })); - if (map.type === 'markerclusterer') { - //const markerCluster = new MarkerClusterer(map, map.markers, mcOptions); - mcOptions.addMarkers(map.markers); - } - } - - /** - * Add a marker to the selected Google Map. - * - * @since 1.0.0 - */ - function atbdp_add_marker($marker, map, infowindow) { - // var - var latlng = new google.maps.LatLng($marker.data('latitude'), $marker.data('longitude')); - // check to see if any of the existing markers match the latlng of the new marker - if (map.markers.length) { - for (var i = 0; i < map.markers.length; i++) { - var existing_marker = map.markers[i]; - var pos = existing_marker.getPosition(); - - // if a marker already exists in the same position as this marker - if (latlng.equals(pos)) { - // update the position of the coincident marker by applying a small multipler to its coordinates - var latitude = latlng.lat() + (Math.random() - 0.5) / 1500; // * (Math.random() * (max - min) + min); - var longitude = latlng.lng() + (Math.random() - 0.5) / 1500; // * (Math.random() * (max - min) + min); - latlng = new google.maps.LatLng(latitude, longitude); - } - } - } - var icon = JSON.parse($marker.data('icon')); - var marker = new Marker({ - position: latlng, - map: map, - icon: { - path: MAP_PIN, - fillColor: 'transparent', - fillOpacity: 1, - strokeColor: '', - strokeWeight: 0 - }, - map_icon_label: icon !== undefined && "
    ".concat(icon, "
    ") - }); - - // add to array - map.markers.push(marker); - // if marker contains HTML, add it to an infoWindow - if ($marker.html()) { - // show info window when marker is clicked - google.maps.event.addListener(marker, 'click', function () { - if (mapData.disable_info_window === 'no') { - var marker_childrens = $($marker).children(); - if (marker_childrens.length) { - var marker_content = marker_childrens[0]; - $(marker_content).toggleClass('map-info-wrapper--show'); - } - infowindow.setContent($marker.html()); - infowindow.open(map, marker); - } - }); - } - } - - /** - * Center the map, showing all markers attached to this map. - * - * @since 1.0.0 - */ - - function atbdp_center_map(map, cord) { - map.setCenter(cord); - map.setZoom(parseInt(mapData.zoom)); - } - function setup_info_window() { - var abc = document.querySelectorAll('div'); - abc.forEach(function (el, index) { - if (el.innerText === 'atgm_marker') { - el.innerText = ' '; - el.innerHTML = "".concat(at_icon, ""); - } - // ${$marker.data('icon')} - }); - document.querySelectorAll('div').forEach(function (el1, index) { - if (el1.style.backgroundImage.split('/').pop() === 'm1.png")') { - el1.addEventListener('click', function () { - setInterval(function () { - var abc = document.querySelectorAll('div'); - abc.forEach(function (el, index) { - if (el.innerText === 'atgm_marker') { - el.innerText = ' '; - el.innerHTML = "".concat(at_icon, ""); - } - }); - }, 100); - }); - } - }); - } - function setup_map() { - // render map in the custom post - $('.atbdp-map').each(function () { - atbdp_rander_map($(this)); - }); - } - setup_map(); - setup_info_window(); - $(document).ready(function () { - $('body').find('.map-info-wrapper').addClass('map-info-wrapper--show'); - }); - })(jQuery); - } - var $ = jQuery; - - /* Elementor Edit Mode */ - $(window).on('elementor/frontend/init', function () { - setTimeout(function () { - if ($('body').hasClass('elementor-editor-active')) { - initMap(); - } - }, 3000); - }); - - // Elementor EditMode - $('body').on('click', function (e) { - if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { - initMap(); - } - }); + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./../../lib/helper */ './assets/src/js/lib/helper.js' + ); + /* harmony import */ var _add_listing_google_map__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./add-listing/google-map */ './assets/src/js/global/map-scripts/add-listing/google-map.js' + ); + /* harmony import */ var _single_listing_google_map__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./single-listing/google-map */ './assets/src/js/global/map-scripts/single-listing/google-map.js' + ); + /* harmony import */ var _single_listing_google_map_widget__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ./single-listing/google-map-widget */ './assets/src/js/global/map-scripts/single-listing/google-map-widget.js' + ); + + (function () { + window.addEventListener('load', initMap); + window.addEventListener( + 'directorist-reload-listings-map-archive', + initMap + ); + function initMap() { + var mapData = (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_0__.get_dom_data)( + 'atbdp_map' + ); + + // Define Marker Shapes + var MAP_PIN = + 'M0-48c-9.8 0-17.7 7.8-17.7 17.4 0 15.5 17.7 30.6 17.7 30.6s17.7-15.4 17.7-30.6c0-9.6-7.9-17.4-17.7-17.4z'; + var inherits = function inherits(childCtor, parentCtor) { + /** @constructor */ + function tempCtor() {} + tempCtor.prototype = parentCtor.prototype; + childCtor.superClass_ = parentCtor.prototype; + childCtor.prototype = new tempCtor(); + childCtor.prototype.constructor = childCtor; + }; + function Marker(options) { + google.maps.Marker.apply(this, arguments); + if (options.map_icon_label) { + this.MarkerLabel = new MarkerLabel({ + map: this.map, + marker: this, + text: options.map_icon_label, + }); + this.MarkerLabel.bindTo('position', this, 'position'); + } + } + + // Apply the inheritance + inherits(Marker, google.maps.Marker); + + // Custom Marker SetMap + Marker.prototype.setMap = function () { + google.maps.Marker.prototype.setMap.apply(this, arguments); + this.MarkerLabel && + this.MarkerLabel.setMap.apply( + this.MarkerLabel, + arguments + ); + }; + + // Marker Label Overlay + var MarkerLabel = function MarkerLabel(options) { + var self = this; + this.setValues(options); + + // Create the label container + this.div = document.createElement('div'); + this.div.className = 'map-icon-label'; + + // Trigger the marker click handler if clicking on the label + google.maps.event.addListener( + this.div, + 'click', + function (e) { + e.stopPropagation && e.stopPropagation(); + google.maps.event.trigger(self.marker, 'click'); + } + ); + }; + + // Create MarkerLabel Object + MarkerLabel.prototype = new google.maps.OverlayView(); + + // Marker Label onAdd + MarkerLabel.prototype.onAdd = function () { + var pane = this.getPanes().overlayImage.appendChild( + this.div + ); + var self = this; + this.listeners = [ + google.maps.event.addListener( + this, + 'position_changed', + function () { + self.draw(); + } + ), + google.maps.event.addListener( + this, + 'text_changed', + function () { + self.draw(); + } + ), + google.maps.event.addListener( + this, + 'zindex_changed', + function () { + self.draw(); + } + ), + ]; + }; + + // Marker Label onRemove + MarkerLabel.prototype.onRemove = function () { + this.div.parentNode.removeChild(this.div); + for (var i = 0, I = this.listeners.length; i < I; ++i) { + google.maps.event.removeListener(this.listeners[i]); + } + }; + + // Implement draw + MarkerLabel.prototype.draw = function () { + var projection = this.getProjection(); + var position = projection.fromLatLngToDivPixel( + this.get('position') + ); + var div = this.div; + this.div.innerHTML = this.get('text').toString(); + div.style.zIndex = this.get('zIndex'); // Allow label to overlay marker + div.style.position = 'absolute'; + div.style.display = 'block'; + div.style.left = ''.concat( + position.x - div.offsetWidth / 2, + 'px' + ); + div.style.top = ''.concat( + position.y - div.offsetHeight, + 'px' + ); + }; + (function ($) { + // map view + /** + * Render a Google Map onto the selected jQuery element. + * + * @since 5.0.0 + */ + var at_icon = []; + + /* Use Default lat/lng in listings map view */ + var defCordEnabled = mapData.use_def_lat_long; + function atbdp_rander_map($el) { + $el.addClass('atbdp-map-loaded'); + + // var + var $markers = $el.find('.marker'); + + // vars + var args = { + zoom: parseInt(mapData.zoom), + center: new google.maps.LatLng(0, 0), + mapTypeId: google.maps.MapTypeId.ROADMAP, + zoomControl: true, + scrollwheel: false, + gestureHandling: 'cooperative', + averageCenter: true, + scrollWheelZoom: 'center', + }; + + // create map + var map = new google.maps.Map($el[0], args); + + // add a markers reference + map.markers = []; + + // set map type + map.type = $el.data('type'); + var infowindow = new google.maps.InfoWindow({ + content: '', + }); + // add markers + $markers.each(function () { + atbdp_add_marker($(this), map, infowindow); + }); + var cord = { + lat: Number(mapData.default_latitude) + ? Number(mapData.default_latitude) + : true + ? defCordEnabled + : 0, + lng: Number(mapData.default_longitude) + ? Number(mapData.default_longitude) + : true + ? defCordEnabled + : 0, + }; + if ($markers.length) { + cord.lat = defCordEnabled + ? Number(mapData.default_latitude) + : Number( + $markers[0].getAttribute( + 'data-latitude' + ) + ); + cord.lng = defCordEnabled + ? Number(mapData.default_longitude) + : Number( + $markers[0].getAttribute( + 'data-longitude' + ) + ); + } + + // center map + atbdp_center_map(map, cord); + var mcOptions = new MarkerClusterer(map, [], { + imagePath: mapData.plugin_url + 'assets/images/m', + }); + mcOptions.setStyles( + mcOptions.getStyles().map(function (style) { + style.textColor = '#fff'; + return style; + }) + ); + if (map.type === 'markerclusterer') { + //const markerCluster = new MarkerClusterer(map, map.markers, mcOptions); + mcOptions.addMarkers(map.markers); + } + } + + /** + * Add a marker to the selected Google Map. + * + * @since 1.0.0 + */ + function atbdp_add_marker($marker, map, infowindow) { + // var + var latlng = new google.maps.LatLng( + $marker.data('latitude'), + $marker.data('longitude') + ); + // check to see if any of the existing markers match the latlng of the new marker + if (map.markers.length) { + for (var i = 0; i < map.markers.length; i++) { + var existing_marker = map.markers[i]; + var pos = existing_marker.getPosition(); + + // if a marker already exists in the same position as this marker + if (latlng.equals(pos)) { + // update the position of the coincident marker by applying a small multipler to its coordinates + var latitude = + latlng.lat() + + (Math.random() - 0.5) / 1500; // * (Math.random() * (max - min) + min); + var longitude = + latlng.lng() + + (Math.random() - 0.5) / 1500; // * (Math.random() * (max - min) + min); + latlng = new google.maps.LatLng( + latitude, + longitude + ); + } + } + } + var icon = JSON.parse($marker.data('icon')); + var marker = new Marker({ + position: latlng, + map: map, + icon: { + path: MAP_PIN, + fillColor: 'transparent', + fillOpacity: 1, + strokeColor: '', + strokeWeight: 0, + }, + map_icon_label: + icon !== undefined && + '
    '.concat( + icon, + '
    ' + ), + }); + + // add to array + map.markers.push(marker); + // if marker contains HTML, add it to an infoWindow + if ($marker.html()) { + // show info window when marker is clicked + google.maps.event.addListener( + marker, + 'click', + function () { + if (mapData.disable_info_window === 'no') { + var marker_childrens = + $($marker).children(); + if (marker_childrens.length) { + var marker_content = + marker_childrens[0]; + $(marker_content).toggleClass( + 'map-info-wrapper--show' + ); + } + infowindow.setContent($marker.html()); + infowindow.open(map, marker); + } + } + ); + } + } + + /** + * Center the map, showing all markers attached to this map. + * + * @since 1.0.0 + */ + + function atbdp_center_map(map, cord) { + map.setCenter(cord); + map.setZoom(parseInt(mapData.zoom)); + } + function setup_info_window() { + var abc = document.querySelectorAll('div'); + abc.forEach(function (el, index) { + if (el.innerText === 'atgm_marker') { + el.innerText = ' '; + el.innerHTML = + ''.concat( + at_icon, + '' + ); + } + // ${$marker.data('icon')} + }); + document + .querySelectorAll('div') + .forEach(function (el1, index) { + if ( + el1.style.backgroundImage + .split('/') + .pop() === 'm1.png")' + ) { + el1.addEventListener('click', function () { + setInterval(function () { + var abc = + document.querySelectorAll( + 'div' + ); + abc.forEach(function (el, index) { + if ( + el.innerText === + 'atgm_marker' + ) { + el.innerText = ' '; + el.innerHTML = + ''.concat( + at_icon, + '' + ); + } + }); + }, 100); + }); + } + }); + } + function setup_map() { + // render map in the custom post + $('.atbdp-map').each(function () { + atbdp_rander_map($(this)); + }); + } + setup_map(); + setup_info_window(); + $(document).ready(function () { + $('body') + .find('.map-info-wrapper') + .addClass('map-info-wrapper--show'); + }); + })(jQuery); + } + var $ = jQuery; + + /* Elementor Edit Mode */ + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initMap(); + } + }, 3000); + }); + + // Elementor EditMode + $('body').on('click', function (e) { + if ( + $('body').hasClass('elementor-editor-active') && + e.target.nodeName !== 'A' && + e.target.nodeName !== 'BUTTON' + ) { + initMap(); + } + }); + })(); + window.directoristLoadGoogleMap = function () { + if ( + typeof google === 'undefined' || + !google.maps || + !google.maps.Map + ) { + return; + } else { + (0, + _single_listing_google_map__WEBPACK_IMPORTED_MODULE_2__.initSingleMap)(); + (0, + _add_listing_google_map__WEBPACK_IMPORTED_MODULE_1__.initAddListingMap)(); + (0, + _single_listing_google_map_widget__WEBPACK_IMPORTED_MODULE_3__.initSingleMapWidget)(); + } + }; + })(); + /******/ })(); -window.directoristLoadGoogleMap = function () { - if (typeof google === 'undefined' || !google.maps || !google.maps.Map) { - return; - } else { - (0,_single_listing_google_map__WEBPACK_IMPORTED_MODULE_2__.initSingleMap)(); - (0,_add_listing_google_map__WEBPACK_IMPORTED_MODULE_1__.initAddListingMap)(); - (0,_single_listing_google_map_widget__WEBPACK_IMPORTED_MODULE_3__.initSingleMapWidget)(); - } -}; -}(); -/******/ })() -; -//# sourceMappingURL=google-map.js.map \ No newline at end of file +//# sourceMappingURL=google-map.js.map diff --git a/assets/js/openstreet-map.js b/assets/js/openstreet-map.js index cb88696540..4427839be4 100644 --- a/assets/js/openstreet-map.js +++ b/assets/js/openstreet-map.js @@ -1,681 +1,1023 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/global/components/debounce.js": -/*!*****************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/global/components/debounce.js': + /*!*****************************************************!*\ !*** ./assets/src/js/global/components/debounce.js ***! \*****************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ debounce; } -/* harmony export */ }); -function debounce(func, wait, immediate) { - var timeout; - return function () { - var context = this, - args = arguments; - var later = function later() { - timeout = null; - if (!immediate) func.apply(context, args); - }; - var callNow = immediate && !timeout; - clearTimeout(timeout); - timeout = setTimeout(later, wait); - if (callNow) func.apply(context, args); - }; -} - -/***/ }), - -/***/ "./assets/src/js/global/map-scripts/add-listing/openstreet-map.js": -/*!************************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ debounce; + }, + /* harmony export */ + } + ); + function debounce(func, wait, immediate) { + var timeout; + return function () { + var context = this, + args = arguments; + var later = function later() { + timeout = null; + if (!immediate) func.apply(context, args); + }; + var callNow = immediate && !timeout; + clearTimeout(timeout); + timeout = setTimeout(later, wait); + if (callNow) func.apply(context, args); + }; + } + + /***/ + }, + + /***/ './assets/src/js/global/map-scripts/add-listing/openstreet-map.js': + /*!************************************************************************!*\ !*** ./assets/src/js/global/map-scripts/add-listing/openstreet-map.js ***! \************************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_debounce__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/debounce */ "./assets/src/js/global/components/debounce.js"); -/* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../../../lib/helper */ "./assets/src/js/lib/helper.js"); -/* Add listing OSMap */ - - - -(function ($) { - // Add focus class to the parent field of .directorist-location-js - function addFocusClass(location) { - // Get the parent field of .directorist-location-js - var parentField = location.closest('.directorist-search-field'); - - // Add the 'input-is-focused' class if not already present - if (parentField && !parentField.hasClass('input-is-focused')) { - parentField.addClass('input-is-focused'); - } - } - - // Add Listing Map Initialize - function initAddListingMap() { - var mapData = (0,_lib_helper__WEBPACK_IMPORTED_MODULE_1__.get_dom_data)('map_data'); - - // Localized Data - var loc_default_latitude = parseFloat(mapData.default_latitude); - var loc_default_longitude = parseFloat(mapData.default_longitude); - var loc_manual_lat = parseFloat(mapData.manual_lat); - var loc_manual_lng = parseFloat(mapData.manual_lng); - var loc_map_zoom_level = parseInt(mapData.map_zoom_level); - var loc_map_icon = mapData.map_icon; - loc_manual_lat = isNaN(loc_manual_lat) ? loc_default_latitude : loc_manual_lat; - loc_manual_lng = isNaN(loc_manual_lng) ? loc_default_longitude : loc_manual_lng; - function mapLeaflet(lat, lon) { - // @todo @kowsar / remove later. fix js error - if ($('#gmap').length == 0) { - return; - } - var fontAwesomeIcon = L.divIcon({ - html: "
    ".concat(loc_map_icon, "
    "), - iconSize: [20, 20], - className: 'myDivIcon' - }); - var mymap = L.map('gmap').setView([lat, lon], loc_map_zoom_level); - - // Create draggable marker - var marker = L.marker([lat, lon], { - icon: fontAwesomeIcon, - draggable: true - }).addTo(mymap); - - // Trigger AJAX request when marker is dropped - marker.on('dragend', function (e) { - var position = marker.getLatLng(); - $('#manual_lat').val(position.lat); - $('#manual_lng').val(position.lng); - - // Make AJAX request after the drag ends (marker drop) - $.ajax({ - url: "https://nominatim.openstreetmap.org/reverse?format=json&lon=".concat(position.lng, "&lat=").concat(position.lat), - type: 'GET', - data: {}, - success: function success(data) { - $('.directorist-location-js').val(data.display_name); - addFocusClass($('.directorist-location-js')); - }, - error: function error() { - $('.directorist-location-js').val('Location not found'); - addFocusClass($('.directorist-location-js')); - } - }); - }); - L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { - attribution: '© OpenStreetMap contributors' - }).addTo(mymap); - function toggleFullscreen() { - var mapContainer = document.getElementById('gmap'); - var fullScreenEnable = document.querySelector('#gmap_full_screen_button .fullscreen-enable'); - var fullScreenDisable = document.querySelector('#gmap_full_screen_button .fullscreen-disable'); - if (!document.fullscreenElement && !document.webkitFullscreenElement) { - if (mapContainer.requestFullscreen) { - mapContainer.requestFullscreen(); - fullScreenEnable.style.display = 'none'; - fullScreenDisable.style.display = 'block'; - } else if (mapContainer.webkitRequestFullscreen) { - mapContainer.webkitRequestFullscreen(); - } - } else { - if (document.exitFullscreen) { - document.exitFullscreen(); - fullScreenDisable.style.display = 'none'; - fullScreenEnable.style.display = 'block'; - } else if (document.webkitExitFullscreen) { - document.webkitExitFullscreen(); - } - } - } - $('body').on('click', '#gmap_full_screen_button', function (event) { - event.preventDefault(); - toggleFullscreen(); - }); - } - $('.directorist-location-js').each(function (id, elm) { - var result_container = $(elm).siblings('.address_result'); - $(elm).on('keyup', (0,_components_debounce__WEBPACK_IMPORTED_MODULE_0__["default"])(function (event) { - event.preventDefault(); - var blockedKeyCodes = [16, 17, 18, 19, 20, 27, 33, 34, 35, 36, 37, 38, 39, 40, 45, 91, 93, 112, 113, 114, 115, 116, 117, 118, 119, 120, 121, 122, 123, 144, 145]; - - // Return early when blocked key is pressed. - if (blockedKeyCodes.includes(event.keyCode)) { - return; - } - var locationAddressField = $(this).parent('.directorist-form-address-field'); - var search = $(elm).val(); - if (search.length < 3) { - result_container.css({ - display: 'none' - }); - } else { - locationAddressField.addClass('atbdp-form-fade'); - result_container.css({ - display: 'block' - }); - $.ajax({ - url: "https://nominatim.openstreetmap.org/?q=%27+".concat(search, "+%27&format=json"), - type: 'GET', - data: {}, - success: function success(data) { - var res = ''; - for (var i = 0; i < data.length; i++) { - res += "
  • ").concat(data[i].display_name, "
  • "); - } - result_container.find('ul').html(res); - if (res.length) { - result_container.show(); - } else { - result_container.hide(); - } - locationAddressField.removeClass('atbdp-form-fade'); - } - }); - } - }, 750)); - }); - var lat = loc_manual_lat, - lon = loc_manual_lng; - mapLeaflet(lat, lon); - - // Add Map on Add Listing Multistep - $('body').on('click', '.multistep-wizard__btn', function (event) { - if (document.getElementById('osm')) { - document.getElementById('osm').innerHTML = "
    "; - mapLeaflet(lat, lon); - } - }); - $('body').on('click', '.directorist-form-address-field .address_result ul li a', function (event) { - if (document.getElementById('osm')) { - document.getElementById('osm').innerHTML = "
    "; - } - event.preventDefault(); - var text = $(this).text(), - lat = $(this).data('lat'), - lon = $(this).data('lon'); - $('#manual_lat').val(lat); - $('#manual_lng').val(lon); - $(this).closest('.address_result').siblings('.directorist-location-js').val(text); - $('.address_result').css({ - display: 'none' - }); - mapLeaflet(lat, lon); - }); - $('body').on('click', '.location-names ul li a', function (event) { - event.preventDefault(); - var text = $(this).text(); - $(this).closest('.address_result').siblings('.directorist-location-js').val(text); - $('.address_result').css({ - display: 'none' - }); - }); - $('body').on('click', '#generate_admin_map', function (event) { - event.preventDefault(); - document.getElementById('osm').innerHTML = "
    "; - mapLeaflet($('#manual_lat').val(), $('#manual_lng').val()); - }); - - // Popup controller by keyboard - var index = 0; - $('.directorist-location-js').on('keyup', function (event) { - event.preventDefault(); - var length = $('#directorist.atbd_wrapper .address_result ul li a').length; - if (event.keyCode === 40) { - index++; - if (index > length) { - index = 0; - } - } else if (event.keyCode === 38) { - index--; - if (index < 0) { - index = length; - } - } - if ($('#directorist.atbd_wrapper .address_result ul li a').length > 0) { - $('#directorist.atbd_wrapper .address_result ul li a').removeClass('active'); - $($('#directorist.atbd_wrapper .address_result ul li a')[index]).addClass('active'); - if (event.keyCode === 13) { - $($('#directorist.atbd_wrapper .address_result ul li a')[index]).click(); - event.preventDefault(); - index = 0; - return false; - } - } - }); - } - $(document).ready(function () { - initAddListingMap(); - }); - - // Add Listing Map on Elementor EditMode - $(window).on('elementor/frontend/init', function () { - setTimeout(function () { - if ($('body').hasClass('elementor-editor-active')) { - initAddListingMap(); - } - }, 3000); - }); - $('body').on('click', function (e) { - if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { - initAddListingMap(); - } - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/global/map-scripts/single-listing/openstreet-map-widget.js": -/*!**********************************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _components_debounce__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ../../components/debounce */ './assets/src/js/global/components/debounce.js' + ); + /* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./../../../lib/helper */ './assets/src/js/lib/helper.js' + ); + /* Add listing OSMap */ + + (function ($) { + // Add focus class to the parent field of .directorist-location-js + function addFocusClass(location) { + // Get the parent field of .directorist-location-js + var parentField = location.closest( + '.directorist-search-field' + ); + + // Add the 'input-is-focused' class if not already present + if ( + parentField && + !parentField.hasClass('input-is-focused') + ) { + parentField.addClass('input-is-focused'); + } + } + + // Add Listing Map Initialize + function initAddListingMap() { + var mapData = (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_1__.get_dom_data)( + 'map_data' + ); + + // Localized Data + var loc_default_latitude = parseFloat( + mapData.default_latitude + ); + var loc_default_longitude = parseFloat( + mapData.default_longitude + ); + var loc_manual_lat = parseFloat(mapData.manual_lat); + var loc_manual_lng = parseFloat(mapData.manual_lng); + var loc_map_zoom_level = parseInt( + mapData.map_zoom_level + ); + var loc_map_icon = mapData.map_icon; + loc_manual_lat = isNaN(loc_manual_lat) + ? loc_default_latitude + : loc_manual_lat; + loc_manual_lng = isNaN(loc_manual_lng) + ? loc_default_longitude + : loc_manual_lng; + function mapLeaflet(lat, lon) { + // @todo @kowsar / remove later. fix js error + if ($('#gmap').length == 0) { + return; + } + var fontAwesomeIcon = L.divIcon({ + html: '
    '.concat( + loc_map_icon, + '
    ' + ), + iconSize: [20, 20], + className: 'myDivIcon', + }); + var mymap = L.map('gmap').setView( + [lat, lon], + loc_map_zoom_level + ); + + // Create draggable marker + var marker = L.marker([lat, lon], { + icon: fontAwesomeIcon, + draggable: true, + }).addTo(mymap); + + // Trigger AJAX request when marker is dropped + marker.on('dragend', function (e) { + var position = marker.getLatLng(); + $('#manual_lat').val(position.lat); + $('#manual_lng').val(position.lng); + + // Make AJAX request after the drag ends (marker drop) + $.ajax({ + url: 'https://nominatim.openstreetmap.org/reverse?format=json&lon=' + .concat(position.lng, '&lat=') + .concat(position.lat), + type: 'GET', + data: {}, + success: function success(data) { + $('.directorist-location-js').val( + data.display_name + ); + addFocusClass( + $('.directorist-location-js') + ); + }, + error: function error() { + $('.directorist-location-js').val( + 'Location not found' + ); + addFocusClass( + $('.directorist-location-js') + ); + }, + }); + }); + L.tileLayer( + 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', + { + attribution: + '© OpenStreetMap contributors', + } + ).addTo(mymap); + function toggleFullscreen() { + var mapContainer = + document.getElementById('gmap'); + var fullScreenEnable = document.querySelector( + '#gmap_full_screen_button .fullscreen-enable' + ); + var fullScreenDisable = document.querySelector( + '#gmap_full_screen_button .fullscreen-disable' + ); + if ( + !document.fullscreenElement && + !document.webkitFullscreenElement + ) { + if (mapContainer.requestFullscreen) { + mapContainer.requestFullscreen(); + fullScreenEnable.style.display = 'none'; + fullScreenDisable.style.display = + 'block'; + } else if ( + mapContainer.webkitRequestFullscreen + ) { + mapContainer.webkitRequestFullscreen(); + } + } else { + if (document.exitFullscreen) { + document.exitFullscreen(); + fullScreenDisable.style.display = + 'none'; + fullScreenEnable.style.display = + 'block'; + } else if (document.webkitExitFullscreen) { + document.webkitExitFullscreen(); + } + } + } + $('body').on( + 'click', + '#gmap_full_screen_button', + function (event) { + event.preventDefault(); + toggleFullscreen(); + } + ); + } + $('.directorist-location-js').each(function (id, elm) { + var result_container = + $(elm).siblings('.address_result'); + $(elm).on( + 'keyup', + (0, + _components_debounce__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(function (event) { + event.preventDefault(); + var blockedKeyCodes = [ + 16, 17, 18, 19, 20, 27, 33, 34, 35, 36, + 37, 38, 39, 40, 45, 91, 93, 112, 113, + 114, 115, 116, 117, 118, 119, 120, 121, + 122, 123, 144, 145, + ]; + + // Return early when blocked key is pressed. + if ( + blockedKeyCodes.includes(event.keyCode) + ) { + return; + } + var locationAddressField = $(this).parent( + '.directorist-form-address-field' + ); + var search = $(elm).val(); + if (search.length < 3) { + result_container.css({ + display: 'none', + }); + } else { + locationAddressField.addClass( + 'atbdp-form-fade' + ); + result_container.css({ + display: 'block', + }); + $.ajax({ + url: 'https://nominatim.openstreetmap.org/?q=%27+'.concat( + search, + '+%27&format=json' + ), + type: 'GET', + data: {}, + success: function success(data) { + var res = ''; + for ( + var i = 0; + i < data.length; + i++ + ) { + res += + '
  • ' + ) + .concat( + data[i] + .display_name, + '
  • ' + ); + } + result_container + .find('ul') + .html(res); + if (res.length) { + result_container.show(); + } else { + result_container.hide(); + } + locationAddressField.removeClass( + 'atbdp-form-fade' + ); + }, + }); + } + }, 750) + ); + }); + var lat = loc_manual_lat, + lon = loc_manual_lng; + mapLeaflet(lat, lon); + + // Add Map on Add Listing Multistep + $('body').on( + 'click', + '.multistep-wizard__btn', + function (event) { + if (document.getElementById('osm')) { + document.getElementById('osm').innerHTML = + "
    "; + mapLeaflet(lat, lon); + } + } + ); + $('body').on( + 'click', + '.directorist-form-address-field .address_result ul li a', + function (event) { + if (document.getElementById('osm')) { + document.getElementById('osm').innerHTML = + "
    "; + } + event.preventDefault(); + var text = $(this).text(), + lat = $(this).data('lat'), + lon = $(this).data('lon'); + $('#manual_lat').val(lat); + $('#manual_lng').val(lon); + $(this) + .closest('.address_result') + .siblings('.directorist-location-js') + .val(text); + $('.address_result').css({ + display: 'none', + }); + mapLeaflet(lat, lon); + } + ); + $('body').on( + 'click', + '.location-names ul li a', + function (event) { + event.preventDefault(); + var text = $(this).text(); + $(this) + .closest('.address_result') + .siblings('.directorist-location-js') + .val(text); + $('.address_result').css({ + display: 'none', + }); + } + ); + $('body').on( + 'click', + '#generate_admin_map', + function (event) { + event.preventDefault(); + document.getElementById('osm').innerHTML = + "
    "; + mapLeaflet( + $('#manual_lat').val(), + $('#manual_lng').val() + ); + } + ); + + // Popup controller by keyboard + var index = 0; + $('.directorist-location-js').on( + 'keyup', + function (event) { + event.preventDefault(); + var length = $( + '#directorist.atbd_wrapper .address_result ul li a' + ).length; + if (event.keyCode === 40) { + index++; + if (index > length) { + index = 0; + } + } else if (event.keyCode === 38) { + index--; + if (index < 0) { + index = length; + } + } + if ( + $( + '#directorist.atbd_wrapper .address_result ul li a' + ).length > 0 + ) { + $( + '#directorist.atbd_wrapper .address_result ul li a' + ).removeClass('active'); + $( + $( + '#directorist.atbd_wrapper .address_result ul li a' + )[index] + ).addClass('active'); + if (event.keyCode === 13) { + $( + $( + '#directorist.atbd_wrapper .address_result ul li a' + )[index] + ).click(); + event.preventDefault(); + index = 0; + return false; + } + } + } + ); + } + $(document).ready(function () { + initAddListingMap(); + }); + + // Add Listing Map on Elementor EditMode + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initAddListingMap(); + } + }, 3000); + }); + $('body').on('click', function (e) { + if ( + $('body').hasClass('elementor-editor-active') && + e.target.nodeName !== 'A' && + e.target.nodeName !== 'BUTTON' + ) { + initAddListingMap(); + } + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/global/map-scripts/single-listing/openstreet-map-widget.js': + /*!**********************************************************************************!*\ !*** ./assets/src/js/global/map-scripts/single-listing/openstreet-map-widget.js ***! \**********************************************************************************/ -/***/ (function() { - -/* Widget OSMap */ - -(function ($) { - // Single Listing Map Initialize - function initSingleMap() { - // Localized Data - if ($('#gmap-widget').length) { - var mapLeaflet = function mapLeaflet(lat, lon) { - var fontAwesomeIcon = L.divIcon({ - html: "
    ".concat(cat_icon, "
    "), - iconSize: [20, 20], - className: 'myDivIcon' - }); - var mymap = L.map(map_container).setView([lat, lon], loc_map_zoom_level); - if (display_map_info) { - L.marker([lat, lon], { - icon: fontAwesomeIcon - }).addTo(mymap).bindPopup(info_content); - } else { - L.marker([lat, lon], { - icon: fontAwesomeIcon - }).addTo(mymap); - } - L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { - attribution: '© OpenStreetMap contributors' - }).addTo(mymap); - }; - var map_container = localized_data_widget.map_container_id ? localized_data_widget.map_container_id : 'gmap'; - var loc_default_latitude = parseFloat(localized_data_widget.default_latitude); - var loc_default_longitude = parseFloat(localized_data_widget.default_longitude); - var loc_manual_lat = parseFloat(localized_data_widget.manual_lat); - var loc_manual_lng = parseFloat(localized_data_widget.manual_lng); - var loc_map_zoom_level = parseInt(localized_data_widget.map_zoom_level); - var _localized_data_widge = localized_data_widget, - display_map_info = _localized_data_widge.display_map_info; - var _localized_data_widge2 = localized_data_widget, - cat_icon = _localized_data_widge2.cat_icon; - var _localized_data_widge3 = localized_data_widget, - info_content = _localized_data_widge3.info_content; - loc_manual_lat = isNaN(loc_manual_lat) ? loc_default_latitude : loc_manual_lat; - loc_manual_lng = isNaN(loc_manual_lng) ? loc_default_longitude : loc_manual_lng; - $manual_lat = $('#manual_lat'); - $manual_lng = $('#manual_lng'); - saved_lat_lng = { - lat: loc_manual_lat, - lng: loc_manual_lng - }; - mapLeaflet(loc_manual_lat, loc_manual_lng); - } - } - jQuery(document).ready(function () { - initSingleMap(); - }); - - // Single Listing Map on Elementor EditMode - $(window).on('elementor/frontend/init', function () { - setTimeout(function () { - if ($('body').hasClass('elementor-editor-active')) { - initSingleMap(); - } - }, 3000); - }); - $('body').on('click', function (e) { - if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { - initSingleMap(); - } - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/global/map-scripts/single-listing/openstreet-map.js": -/*!***************************************************************************!*\ + /***/ function () { + /* Widget OSMap */ + + (function ($) { + // Single Listing Map Initialize + function initSingleMap() { + // Localized Data + if ($('#gmap-widget').length) { + var map_container = + localized_data_widget.map_container_id + ? localized_data_widget.map_container_id + : 'gmap'; + var loc_default_latitude = parseFloat( + localized_data_widget.default_latitude + ); + var loc_default_longitude = parseFloat( + localized_data_widget.default_longitude + ); + var loc_manual_lat = parseFloat( + localized_data_widget.manual_lat + ); + var loc_manual_lng = parseFloat( + localized_data_widget.manual_lng + ); + var loc_map_zoom_level = parseInt( + localized_data_widget.map_zoom_level + ); + var _localized_data_widge = localized_data_widget, + display_map_info = + _localized_data_widge.display_map_info; + var _localized_data_widge2 = localized_data_widget, + cat_icon = _localized_data_widge2.cat_icon; + var _localized_data_widge3 = localized_data_widget, + info_content = + _localized_data_widge3.info_content; + loc_manual_lat = isNaN(loc_manual_lat) + ? loc_default_latitude + : loc_manual_lat; + loc_manual_lng = isNaN(loc_manual_lng) + ? loc_default_longitude + : loc_manual_lng; + $manual_lat = $('#manual_lat'); + $manual_lng = $('#manual_lng'); + saved_lat_lng = { + lat: loc_manual_lat, + lng: loc_manual_lng, + }; + function mapLeaflet(lat, lon) { + var fontAwesomeIcon = L.divIcon({ + html: '
    '.concat( + cat_icon, + '
    ' + ), + iconSize: [20, 20], + className: 'myDivIcon', + }); + var mymap = L.map(map_container).setView( + [lat, lon], + loc_map_zoom_level + ); + if (display_map_info) { + L.marker([lat, lon], { + icon: fontAwesomeIcon, + }) + .addTo(mymap) + .bindPopup(info_content); + } else { + L.marker([lat, lon], { + icon: fontAwesomeIcon, + }).addTo(mymap); + } + L.tileLayer( + 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', + { + attribution: + '© OpenStreetMap contributors', + } + ).addTo(mymap); + } + mapLeaflet(loc_manual_lat, loc_manual_lng); + } + } + jQuery(document).ready(function () { + initSingleMap(); + }); + + // Single Listing Map on Elementor EditMode + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initSingleMap(); + } + }, 3000); + }); + $('body').on('click', function (e) { + if ( + $('body').hasClass('elementor-editor-active') && + e.target.nodeName !== 'A' && + e.target.nodeName !== 'BUTTON' + ) { + initSingleMap(); + } + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/global/map-scripts/single-listing/openstreet-map.js': + /*!***************************************************************************!*\ !*** ./assets/src/js/global/map-scripts/single-listing/openstreet-map.js ***! \***************************************************************************/ -/***/ (function() { - -/* Single listing OSMap */ - -(function ($) { - // Single Listing Map Initialize - function initSingleMap() { - // Localized Data - if ($('.directorist-single-map').length) { - document.querySelectorAll('.directorist-single-map').forEach(function (mapElm) { - var mapData = JSON.parse(mapElm.getAttribute('data-map')); - var loc_default_latitude = parseFloat(mapData.default_latitude); - var loc_default_longitude = parseFloat(mapData.default_longitude); - var loc_manual_lat = parseFloat(mapData.manual_lat); - var loc_manual_lng = parseFloat(mapData.manual_lng); - var loc_map_zoom_level = parseInt(mapData.map_zoom_level); - var display_map_info = mapData.display_map_info; - var cat_icon = mapData.cat_icon; - var info_content = mapData.info_content; - loc_manual_lat = isNaN(loc_manual_lat) ? loc_default_latitude : loc_manual_lat; - loc_manual_lng = isNaN(loc_manual_lng) ? loc_default_longitude : loc_manual_lng; - $manual_lat = $('#manual_lat'); - $manual_lng = $('#manual_lng'); - saved_lat_lng = { - lat: loc_manual_lat, - lng: loc_manual_lng - }; - function mapLeaflet(lat, lon) { - var fontAwesomeIcon = L.divIcon({ - html: "
    ".concat(cat_icon, "
    "), - iconSize: [20, 20], - className: 'myDivIcon' - }); - var mymap = L.map(mapElm, { - scrollWheelZoom: false - }).setView([lat, lon], loc_map_zoom_level); - if (display_map_info) { - L.marker([lat, lon], { - icon: fontAwesomeIcon - }).addTo(mymap).bindPopup(info_content); - } else { - L.marker([lat, lon], { - icon: fontAwesomeIcon - }).addTo(mymap); - } - L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { - attribution: '© OpenStreetMap contributors' - }).addTo(mymap); - } - mapLeaflet(loc_manual_lat, loc_manual_lng); - }); - } - } - jQuery(document).ready(function () { - initSingleMap(); - }); - - // Single Listing Map on Elementor EditMode - $(window).on('elementor/frontend/init', function () { - setTimeout(function () { - if ($('body').hasClass('elementor-editor-active')) { - initSingleMap(); - } - }, 3000); - }); - $('body').on('click', function (e) { - if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { - initSingleMap(); - } - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/lib/helper.js": -/*!*************************************!*\ + /***/ function () { + /* Single listing OSMap */ + + (function ($) { + // Single Listing Map Initialize + function initSingleMap() { + // Localized Data + if ($('.directorist-single-map').length) { + document + .querySelectorAll('.directorist-single-map') + .forEach(function (mapElm) { + var mapData = JSON.parse( + mapElm.getAttribute('data-map') + ); + var loc_default_latitude = parseFloat( + mapData.default_latitude + ); + var loc_default_longitude = parseFloat( + mapData.default_longitude + ); + var loc_manual_lat = parseFloat( + mapData.manual_lat + ); + var loc_manual_lng = parseFloat( + mapData.manual_lng + ); + var loc_map_zoom_level = parseInt( + mapData.map_zoom_level + ); + var display_map_info = + mapData.display_map_info; + var cat_icon = mapData.cat_icon; + var info_content = mapData.info_content; + loc_manual_lat = isNaN(loc_manual_lat) + ? loc_default_latitude + : loc_manual_lat; + loc_manual_lng = isNaN(loc_manual_lng) + ? loc_default_longitude + : loc_manual_lng; + $manual_lat = $('#manual_lat'); + $manual_lng = $('#manual_lng'); + saved_lat_lng = { + lat: loc_manual_lat, + lng: loc_manual_lng, + }; + function mapLeaflet(lat, lon) { + var fontAwesomeIcon = L.divIcon({ + html: '
    '.concat( + cat_icon, + '
    ' + ), + iconSize: [20, 20], + className: 'myDivIcon', + }); + var mymap = L.map(mapElm, { + scrollWheelZoom: false, + }).setView( + [lat, lon], + loc_map_zoom_level + ); + if (display_map_info) { + L.marker([lat, lon], { + icon: fontAwesomeIcon, + }) + .addTo(mymap) + .bindPopup(info_content); + } else { + L.marker([lat, lon], { + icon: fontAwesomeIcon, + }).addTo(mymap); + } + L.tileLayer( + 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', + { + attribution: + '© OpenStreetMap contributors', + } + ).addTo(mymap); + } + mapLeaflet(loc_manual_lat, loc_manual_lng); + }); + } + } + jQuery(document).ready(function () { + initSingleMap(); + }); + + // Single Listing Map on Elementor EditMode + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initSingleMap(); + } + }, 3000); + }); + $('body').on('click', function (e) { + if ( + $('body').hasClass('elementor-editor-active') && + e.target.nodeName !== 'A' && + e.target.nodeName !== 'BUTTON' + ) { + initSingleMap(); + } + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/lib/helper.js': + /*!*************************************!*\ !*** ./assets/src/js/lib/helper.js ***! \*************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ convertToSelect2: function() { return /* binding */ convertToSelect2; }, -/* harmony export */ get_dom_data: function() { return /* binding */ get_dom_data; } -/* harmony export */ }); -var $ = jQuery; -function get_dom_data(selector, parent) { - selector = '.directorist-dom-data-' + selector; - if (!parent) { - parent = document; - } - var el = parent.querySelector(selector); - if (!el || !el.dataset.value) { - return {}; - } - var IS_SCRIPT_DEBUGGING = directorist && directorist.script_debugging && directorist.script_debugging == '1'; - try { - var value = atob(el.dataset.value); - return JSON.parse(value); - } catch (error) { - if (IS_SCRIPT_DEBUGGING) { - console.log(el, error); - } - return {}; - } -} -function convertToSelect2(selector) { - var $selector = $(selector); - var args = { - allowClear: true, - width: '100%', - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - var iconURI = $(data.element).data('icon'); - var iconElm = ""); - var originalText = data.text; - var modifiedText = originalText.replace(/^(\s*)/, '$1' + iconElm); - var $state = $("
    ".concat(typeof iconURI !== 'undefined' && iconURI !== '' ? modifiedText : originalText, "
    ")); - return $state; - } - }; - var options = $selector.find('option'); - if (options.length && options[0].textContent.length) { - args.placeholder = options[0].textContent; - } - $selector.length && $selector.select2(args); -} - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ convertToSelect2: function () { + return /* binding */ convertToSelect2; + }, + /* harmony export */ get_dom_data: function () { + return /* binding */ get_dom_data; + }, + /* harmony export */ + } + ); + var $ = jQuery; + function get_dom_data(selector, parent) { + selector = '.directorist-dom-data-' + selector; + if (!parent) { + parent = document; + } + var el = parent.querySelector(selector); + if (!el || !el.dataset.value) { + return {}; + } + var IS_SCRIPT_DEBUGGING = + directorist && + directorist.script_debugging && + directorist.script_debugging == '1'; + try { + var value = atob(el.dataset.value); + return JSON.parse(value); + } catch (error) { + if (IS_SCRIPT_DEBUGGING) { + console.log(el, error); + } + return {}; + } + } + function convertToSelect2(selector) { + var $selector = $(selector); + var args = { + allowClear: true, + width: '100%', + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + var iconURI = $(data.element).data('icon'); + var iconElm = + '' + ); + var originalText = data.text; + var modifiedText = originalText.replace( + /^(\s*)/, + '$1' + iconElm + ); + var $state = $( + '
    '.concat( + typeof iconURI !== 'undefined' && + iconURI !== '' + ? modifiedText + : originalText, + '
    ' + ) + ); + return $state; + }, + }; + var options = $selector.find('option'); + if (options.length && options[0].textContent.length) { + args.placeholder = options[0].textContent; + } + $selector.length && $selector.select2(args); + } + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!************************************************************!*\ !*** ./assets/src/js/global/map-scripts/openstreet-map.js ***! \************************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _add_listing_openstreet_map__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./add-listing/openstreet-map */ "./assets/src/js/global/map-scripts/add-listing/openstreet-map.js"); -/* harmony import */ var _single_listing_openstreet_map__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./single-listing/openstreet-map */ "./assets/src/js/global/map-scripts/single-listing/openstreet-map.js"); -/* harmony import */ var _single_listing_openstreet_map__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_single_listing_openstreet_map__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _single_listing_openstreet_map_widget__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./single-listing/openstreet-map-widget */ "./assets/src/js/global/map-scripts/single-listing/openstreet-map-widget.js"); -/* harmony import */ var _single_listing_openstreet_map_widget__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_single_listing_openstreet_map_widget__WEBPACK_IMPORTED_MODULE_2__); -(function () { - // DOM Mutation observer - var targetNode = document.querySelector('.directorist-archive-contents'); - if (targetNode) { - var initObserver = function initObserver() { - var observer = new MutationObserver(initMap); - targetNode && observer.observe(targetNode, { - childList: true - }); - }; - window.addEventListener('load', initObserver); - } - window.addEventListener('load', initMap); - window.addEventListener('directorist-reload-listings-map-archive', initMap); - - // Map Initialize - function initMap() { - var $ = jQuery; - var mapData; - $('#map').length ? mapData = JSON.parse($('#map').attr('data-options')) : ''; - function setup_map() { - bundle1.fillPlaceholders(); - var localVersion = bundle1.getLibVersion('leaflet.featuregroup.subgroup', 'local'); - if (localVersion) { - localVersion.checkAssetsAvailability(true).then(function () { - mapData !== undefined ? load() : ''; - }).catch(function () { - var version102 = bundle1.getLibVersion('leaflet.featuregroup.subgroup', '1.0.2'); - if (version102) { - version102.defaultVersion = true; - } - mapData !== undefined ? load() : ''; - }); - } else { - mapData !== undefined ? load() : ''; - } - } - function load() { - var url = window.location.href; - var urlParts = URI.parse(url); - var queryStringParts = URI.parseQuery(urlParts.query); - var list = bundle1.getAndSelectVersionsAssetsList(queryStringParts); - list.push({ - type: 'script', - path: mapData.openstreet_script - }); - loadJsCss.list(list, { - delayScripts: 500 // Load scripts after stylesheets, delayed by this duration (in ms). - }); - function toggleFullscreen() { - var mapContainer = document.getElementById('map'); - var fullScreenEnable = document.querySelector('#gmap_full_screen_button .fullscreen-enable'); - var fullScreenDisable = document.querySelector('#gmap_full_screen_button .fullscreen-disable'); - if (!document.fullscreenElement && !document.webkitFullscreenElement) { - if (mapContainer.requestFullscreen) { - mapContainer.requestFullscreen(); - fullScreenEnable.style.display = 'none'; - fullScreenDisable.style.display = 'block'; - } else if (mapContainer.webkitRequestFullscreen) { - mapContainer.webkitRequestFullscreen(); - } - } else { - if (document.exitFullscreen) { - document.exitFullscreen(); - fullScreenDisable.style.display = 'none'; - fullScreenEnable.style.display = 'block'; - } else if (document.webkitExitFullscreen) { - document.webkitExitFullscreen(); - } - } - } - $('body').on('click', '#gmap_full_screen_button', function (event) { - event.preventDefault(); - toggleFullscreen(); - }); - } - setup_map(); - } - var $ = jQuery; - - // Map on Elementor Edit Mode - $(window).on('elementor/frontend/init', function () { - setTimeout(function () { - if ($('body').hasClass('elementor-editor-active')) { - initMap(); - } - }, 3000); - }); - $('body').on('click', function (e) { - if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { - initMap(); - } - }); + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _add_listing_openstreet_map__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./add-listing/openstreet-map */ './assets/src/js/global/map-scripts/add-listing/openstreet-map.js' + ); + /* harmony import */ var _single_listing_openstreet_map__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./single-listing/openstreet-map */ './assets/src/js/global/map-scripts/single-listing/openstreet-map.js' + ); + /* harmony import */ var _single_listing_openstreet_map__WEBPACK_IMPORTED_MODULE_1___default = + /*#__PURE__*/ __webpack_require__.n( + _single_listing_openstreet_map__WEBPACK_IMPORTED_MODULE_1__ + ); + /* harmony import */ var _single_listing_openstreet_map_widget__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./single-listing/openstreet-map-widget */ './assets/src/js/global/map-scripts/single-listing/openstreet-map-widget.js' + ); + /* harmony import */ var _single_listing_openstreet_map_widget__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _single_listing_openstreet_map_widget__WEBPACK_IMPORTED_MODULE_2__ + ); + (function () { + // DOM Mutation observer + var targetNode = document.querySelector( + '.directorist-archive-contents' + ); + if (targetNode) { + function initObserver() { + var observer = new MutationObserver(initMap); + targetNode && + observer.observe(targetNode, { + childList: true, + }); + } + window.addEventListener('load', initObserver); + } + window.addEventListener('load', initMap); + window.addEventListener( + 'directorist-reload-listings-map-archive', + initMap + ); + + // Map Initialize + function initMap() { + var $ = jQuery; + var mapData; + $('#map').length + ? (mapData = JSON.parse($('#map').attr('data-options'))) + : ''; + function setup_map() { + bundle1.fillPlaceholders(); + var localVersion = bundle1.getLibVersion( + 'leaflet.featuregroup.subgroup', + 'local' + ); + if (localVersion) { + localVersion + .checkAssetsAvailability(true) + .then(function () { + mapData !== undefined ? load() : ''; + }) + .catch(function () { + var version102 = bundle1.getLibVersion( + 'leaflet.featuregroup.subgroup', + '1.0.2' + ); + if (version102) { + version102.defaultVersion = true; + } + mapData !== undefined ? load() : ''; + }); + } else { + mapData !== undefined ? load() : ''; + } + } + function load() { + var url = window.location.href; + var urlParts = URI.parse(url); + var queryStringParts = URI.parseQuery(urlParts.query); + var list = + bundle1.getAndSelectVersionsAssetsList( + queryStringParts + ); + list.push({ + type: 'script', + path: mapData.openstreet_script, + }); + loadJsCss.list(list, { + delayScripts: 500, // Load scripts after stylesheets, delayed by this duration (in ms). + }); + function toggleFullscreen() { + var mapContainer = document.getElementById('map'); + var fullScreenEnable = document.querySelector( + '#gmap_full_screen_button .fullscreen-enable' + ); + var fullScreenDisable = document.querySelector( + '#gmap_full_screen_button .fullscreen-disable' + ); + if ( + !document.fullscreenElement && + !document.webkitFullscreenElement + ) { + if (mapContainer.requestFullscreen) { + mapContainer.requestFullscreen(); + fullScreenEnable.style.display = 'none'; + fullScreenDisable.style.display = 'block'; + } else if (mapContainer.webkitRequestFullscreen) { + mapContainer.webkitRequestFullscreen(); + } + } else { + if (document.exitFullscreen) { + document.exitFullscreen(); + fullScreenDisable.style.display = 'none'; + fullScreenEnable.style.display = 'block'; + } else if (document.webkitExitFullscreen) { + document.webkitExitFullscreen(); + } + } + } + $('body').on( + 'click', + '#gmap_full_screen_button', + function (event) { + event.preventDefault(); + toggleFullscreen(); + } + ); + } + setup_map(); + } + var $ = jQuery; + + // Map on Elementor Edit Mode + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initMap(); + } + }, 3000); + }); + $('body').on('click', function (e) { + if ( + $('body').hasClass('elementor-editor-active') && + e.target.nodeName !== 'A' && + e.target.nodeName !== 'BUTTON' + ) { + initMap(); + } + }); + })(); + + /* Add listing OSMap */ + + /* Single listing OSMap */ + + /* Widget OSMap */ + })(); + /******/ })(); - -/* Add listing OSMap */ - - -/* Single listing OSMap */ - - -/* Widget OSMap */ - -}(); -/******/ })() -; -//# sourceMappingURL=openstreet-map.js.map \ No newline at end of file +//# sourceMappingURL=openstreet-map.js.map diff --git a/assets/js/public-geolocation-widget.js b/assets/js/public-geolocation-widget.js index c6939719e3..a86c8ff7e7 100644 --- a/assets/js/public-geolocation-widget.js +++ b/assets/js/public-geolocation-widget.js @@ -1,173 +1,233 @@ -/******/ (function() { // webpackBootstrap -/*!****************************************************************!*\ +/******/ (function () { + // webpackBootstrap + /*!****************************************************************!*\ !*** ./assets/src/js/global/map-scripts/geolocation-widget.js ***! \****************************************************************/ -(function ($) { - window.addEventListener('load', function () { - /* + (function ($) { + window.addEventListener('load', function () { + /* get current location */ - if ('google' === adbdp_geolocation.select_listing_map) { - (function () { - var x = document.querySelector('.widget-location-name'); - var get_lat = document.querySelector('#cityLat'); - var get_lng = document.querySelector('#cityLng'); + if ('google' === adbdp_geolocation.select_listing_map) { + (function () { + var x = document.querySelector('.widget-location-name'); + var get_lat = document.querySelector('#cityLat'); + var get_lng = document.querySelector('#cityLng'); - // Helper function to format address by removing plus code and using address components - function formatAddress(result) { - if (!result || !result.address_components) { - return ''; - } + // Helper function to format address by removing plus code and using address components + function formatAddress(result) { + if (!result || !result.address_components) { + return ''; + } - // Check if first element contains plus code (has '+' character) - var components = result.address_components; - if (components.length > 0 && components[0].long_name && components[0].long_name.includes('+')) { - components = components.slice(1); - } + // Check if first element contains plus code (has '+' character) + var components = result.address_components; + if ( + components.length > 0 && + components[0].long_name && + components[0].long_name.includes('+') + ) { + components = components.slice(1); + } - // Join long_names with commas - return components.map(function (c) { - return c.long_name; - }).join(', '); - } - function getLocation() { - if (navigator.geolocation) { - navigator.geolocation.getCurrentPosition(showPosition, showError); - } else { - x.value = 'Geolocation is not supported by this browser.'; - } - } - function showPosition(position) { - lat = position.coords.latitude; - lon = position.coords.longitude; - displayLocation(lat, lon); - get_lat.value = lat; - get_lng.value = lon; - } - function showError(error) { - switch (error.code) { - case error.PERMISSION_DENIED: - x.value = 'User denied the request for Geolocation.'; - break; - case error.POSITION_UNAVAILABLE: - x.value = 'Location information is unavailable.'; - break; - case error.TIMEOUT: - x.value = 'The request to get user location timed out.'; - break; - case error.UNKNOWN_ERROR: - x.value = 'An unknown error occurred.'; - break; - } - } - function displayLocation(latitude, longitude) { - var geocoder; - geocoder = new google.maps.Geocoder(); - var latlng = new google.maps.LatLng(latitude, longitude); - geocoder.geocode({ - latLng: latlng - }, function (results, status) { - if (status == google.maps.GeocoderStatus.OK) { - if (results[0]) { - var add = formatAddress(results[0]); - var value = add.split(','); - count = value.length; - country = value[count - 1]; - state = value[count - 2]; - city = value[count - 3]; - x.value = city; - } else { - x.value = 'address not found'; - } - } else { - x.value = 'Geocoder failed due to: ' + status; - } - }); - } - var get_loc_btn = document.querySelector('.atbd_get_loc_wid'); - get_loc_btn.addEventListener('click', function () { - getLocation(); - }); - if (directorist.i18n_text.select_listing_map === 'google') { - var initialize = function initialize() { - var input = document.getElementById('address_widget'); - var options = directorist.countryRestriction ? { - types: ['geocode'], - componentRestrictions: { - country: directorist.restricted_countries - } - } : ''; - var autocomplete = new google.maps.places.Autocomplete(input, options); - google.maps.event.addListener(autocomplete, 'place_changed', function () { - var place = autocomplete.getPlace(); - document.getElementById('cityLat').value = place.geometry.location.lat(); - document.getElementById('cityLng').value = place.geometry.location.lng(); - }); - }; - google.maps.event.addDomListener(window, 'load', initialize); - } - })(); - } else if (directorist.i18n_text.select_listing_map === 'openstreet') { - var displayLocation = function displayLocation(position) { - var lat = position.coords.latitude; - var lng = position.coords.longitude; - $.ajax({ - url: "https://nominatim.openstreetmap.org/reverse?format=json&lon=".concat(lng, "&lat=").concat(lat), - type: 'GET', - data: {}, - success: function success(data) { - $('#address_widget').val(data.display_name); - $('#cityLat').val(lat); - $('#cityLng').val(lng); - } - }); - }; - $('#address_widget').on('keyup', function (event) { - event.preventDefault(); - var search = $('#address_widget').val(); - $('#address_widget_result').css({ - display: 'block' - }); - if (search === '') { - $('#address_widget_result').css({ - display: 'none' - }); - } - var res = ''; - $.ajax({ - url: "https://nominatim.openstreetmap.org/?q=%27+".concat(search, "+%27&format=json"), - type: 'GET', - data: {}, - success: function success(data) { - //console.log(data); - for (var i = 0; i < data.length; i++) { - res += '
  • ' + data[i].display_name + '
  • '; - } - $('#address_widget_result').html('
      ' + res + '
    '); - } - }); - }); - $('body').on('click', '#address_widget_result ul li a', function (event) { - event.preventDefault(); - var text = $(this).text(), - lat = $(this).data('lat'), - lon = $(this).data('lon'); - $('#cityLat').val(lat); - $('#cityLng').val(lon); - $('#address_widget').val(text); - $('#address_widget_result').hide(); - }); - $('.atbd_get_loc_wid').on('click', function () { - navigator.geolocation.getCurrentPosition(displayLocation); - }); - } - if ($('#address_widget').val() === '') { - $('#address_widget_result').css({ - display: 'none' - }); - } - }); -})(jQuery); -/******/ })() -; -//# sourceMappingURL=public-geolocation-widget.js.map \ No newline at end of file + // Join long_names with commas + return components + .map(function (c) { + return c.long_name; + }) + .join(', '); + } + function getLocation() { + if (navigator.geolocation) { + navigator.geolocation.getCurrentPosition( + showPosition, + showError + ); + } else { + x.value = + 'Geolocation is not supported by this browser.'; + } + } + function showPosition(position) { + lat = position.coords.latitude; + lon = position.coords.longitude; + displayLocation(lat, lon); + get_lat.value = lat; + get_lng.value = lon; + } + function showError(error) { + switch (error.code) { + case error.PERMISSION_DENIED: + x.value = + 'User denied the request for Geolocation.'; + break; + case error.POSITION_UNAVAILABLE: + x.value = + 'Location information is unavailable.'; + break; + case error.TIMEOUT: + x.value = + 'The request to get user location timed out.'; + break; + case error.UNKNOWN_ERROR: + x.value = 'An unknown error occurred.'; + break; + } + } + function displayLocation(latitude, longitude) { + var geocoder; + geocoder = new google.maps.Geocoder(); + var latlng = new google.maps.LatLng( + latitude, + longitude + ); + geocoder.geocode( + { + latLng: latlng, + }, + function (results, status) { + if (status == google.maps.GeocoderStatus.OK) { + if (results[0]) { + var add = formatAddress(results[0]); + var value = add.split(','); + count = value.length; + country = value[count - 1]; + state = value[count - 2]; + city = value[count - 3]; + x.value = city; + } else { + x.value = 'address not found'; + } + } else { + x.value = + 'Geocoder failed due to: ' + status; + } + } + ); + } + var get_loc_btn = + document.querySelector('.atbd_get_loc_wid'); + get_loc_btn.addEventListener('click', function () { + getLocation(); + }); + if (directorist.i18n_text.select_listing_map === 'google') { + function initialize() { + var input = + document.getElementById('address_widget'); + var options = directorist.countryRestriction + ? { + types: ['geocode'], + componentRestrictions: { + country: + directorist.restricted_countries, + }, + } + : ''; + var autocomplete = + new google.maps.places.Autocomplete( + input, + options + ); + google.maps.event.addListener( + autocomplete, + 'place_changed', + function () { + var place = autocomplete.getPlace(); + document.getElementById('cityLat').value = + place.geometry.location.lat(); + document.getElementById('cityLng').value = + place.geometry.location.lng(); + } + ); + } + google.maps.event.addDomListener( + window, + 'load', + initialize + ); + } + })(); + } else if ( + directorist.i18n_text.select_listing_map === 'openstreet' + ) { + $('#address_widget').on('keyup', function (event) { + event.preventDefault(); + var search = $('#address_widget').val(); + $('#address_widget_result').css({ + display: 'block', + }); + if (search === '') { + $('#address_widget_result').css({ + display: 'none', + }); + } + var res = ''; + $.ajax({ + url: 'https://nominatim.openstreetmap.org/?q=%27+'.concat( + search, + '+%27&format=json' + ), + type: 'GET', + data: {}, + success: function success(data) { + //console.log(data); + for (var i = 0; i < data.length; i++) { + res += + '
  • ' + + data[i].display_name + + '
  • '; + } + $('#address_widget_result').html( + '
      ' + res + '
    ' + ); + }, + }); + }); + $('body').on( + 'click', + '#address_widget_result ul li a', + function (event) { + event.preventDefault(); + var text = $(this).text(), + lat = $(this).data('lat'), + lon = $(this).data('lon'); + $('#cityLat').val(lat); + $('#cityLng').val(lon); + $('#address_widget').val(text); + $('#address_widget_result').hide(); + } + ); + function displayLocation(position) { + var lat = position.coords.latitude; + var lng = position.coords.longitude; + $.ajax({ + url: 'https://nominatim.openstreetmap.org/reverse?format=json&lon=' + .concat(lng, '&lat=') + .concat(lat), + type: 'GET', + data: {}, + success: function success(data) { + $('#address_widget').val(data.display_name); + $('#cityLat').val(lat); + $('#cityLng').val(lng); + }, + }); + } + $('.atbd_get_loc_wid').on('click', function () { + navigator.geolocation.getCurrentPosition(displayLocation); + }); + } + if ($('#address_widget').val() === '') { + $('#address_widget_result').css({ + display: 'none', + }); + } + }); + })(jQuery); + /******/ +})(); +//# sourceMappingURL=public-geolocation-widget.js.map diff --git a/assets/js/public-main.js b/assets/js/public-main.js index 2e5dd159a3..aa74831b03 100644 --- a/assets/js/public-main.js +++ b/assets/js/public-main.js @@ -1,1074 +1,1770 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/global/components/modal.js": -/*!**************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/global/components/modal.js': + /*!**************************************************!*\ !*** ./assets/src/js/global/components/modal.js ***! \**************************************************/ -/***/ (function() { - -var $ = jQuery; -$(document).ready(function () { - modalToggle(); -}); -function modalToggle() { - $('.atbdp_recovery_pass').on('click', function (e) { - e.preventDefault(); - $('#recover-pass-modal').slideToggle().show(); - }); - - // Contact form [on modal closed] - $('#atbdp-contact-modal').on('hidden.bs.modal', function (e) { - $('#atbdp-contact-message').val(''); - $('#atbdp-contact-message-display').html(''); - }); - - // Template Restructured - // Modal - var directoristModal = document.querySelector('.directorist-modal-js'); - $('body').on('click', '.directorist-btn-modal-js', function (e) { - e.preventDefault(); - var data_target = $(this).attr('data-directorist_target'); - document.querySelector(".".concat(data_target)).classList.add('directorist-show'); - }); - $('body').on('click', '.directorist-modal-close-js', function (e) { - e.preventDefault(); - $(this).closest('.directorist-modal-js').removeClass('directorist-show'); - }); - $(document).bind('click', function (e) { - if (e.target == directoristModal) { - directoristModal.classList.remove('directorist-show'); - } - }); -} - -/***/ }), - -/***/ "./assets/src/js/global/components/select2-custom-control.js": -/*!*******************************************************************!*\ + /***/ function () { + var $ = jQuery; + $(document).ready(function () { + modalToggle(); + }); + function modalToggle() { + $('.atbdp_recovery_pass').on('click', function (e) { + e.preventDefault(); + $('#recover-pass-modal').slideToggle().show(); + }); + + // Contact form [on modal closed] + $('#atbdp-contact-modal').on( + 'hidden.bs.modal', + function (e) { + $('#atbdp-contact-message').val(''); + $('#atbdp-contact-message-display').html(''); + } + ); + + // Template Restructured + // Modal + var directoristModal = document.querySelector( + '.directorist-modal-js' + ); + $('body').on( + 'click', + '.directorist-btn-modal-js', + function (e) { + e.preventDefault(); + var data_target = $(this).attr( + 'data-directorist_target' + ); + document + .querySelector('.'.concat(data_target)) + .classList.add('directorist-show'); + } + ); + $('body').on( + 'click', + '.directorist-modal-close-js', + function (e) { + e.preventDefault(); + $(this) + .closest('.directorist-modal-js') + .removeClass('directorist-show'); + } + ); + $(document).bind('click', function (e) { + if (e.target == directoristModal) { + directoristModal.classList.remove( + 'directorist-show' + ); + } + }); + } + + /***/ + }, + + /***/ './assets/src/js/global/components/select2-custom-control.js': + /*!*******************************************************************!*\ !*** ./assets/src/js/global/components/select2-custom-control.js ***! \*******************************************************************/ -/***/ (function() { - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -var $ = jQuery; -window.addEventListener('load', waitAndInit); -window.addEventListener('directorist-search-form-nav-tab-reloaded', waitAndInit); -window.addEventListener('directorist-type-change', waitAndInit); -window.addEventListener('directorist-instant-search-reloaded', waitAndInit); -function waitAndInit() { - setTimeout(init, 0); -} - -// Initialize -function init() { - // Add custom dropdown toggle button - selec2_add_custom_dropdown_toggle_button(); - - // Add custom close button where needed - selec2_add_custom_close_button_if_needed(); - - // Add custom close button if field contains value on change - $('.select2-hidden-accessible').on('change', function (e) { - var value = $(this).children('option:selected').val(); - if (!value) { - return; - } - selec2_add_custom_close_button($(this)); - var selectItems = this.parentElement.querySelectorAll('.select2-selection__choice'); - selectItems.forEach(function (item) { - item.childNodes && item.childNodes.forEach(function (node) { - if (node.nodeType && node.nodeType === Node.TEXT_NODE) { - var originalString = node.textContent; - var modifiedString = originalString.replace(/^[\s\xa0]+/, ''); - node.textContent = modifiedString; - item.title = modifiedString; - } - }); - }); - var customSelectItem = this.parentElement.querySelector('.select2-selection__rendered'); - customSelectItem.childNodes && customSelectItem.childNodes.forEach(function (node) { - if (node.nodeType && node.nodeType === Node.TEXT_NODE) { - var originalString = node.textContent; - var modifiedString = originalString.replace(/^[\s\xa0]+/, ''); - node.textContent = modifiedString; - } - }); - }); -} -function selec2_add_custom_dropdown_toggle_button() { - // Remove Default - $('.select2-selection__arrow').css({ - display: 'none' - }); - var addon_container = selec2_get_addon_container('.select2-hidden-accessible'); - if (!addon_container) { - return; - } - var dropdown = addon_container.find('.directorist-select2-dropdown-toggle'); - if (!dropdown.length) { - // Add Dropdown Toggle Button - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/chevron-down.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - var dropdownHTML = "".concat(iconHTML, ""); - addon_container.append(dropdownHTML); - } - var selec2_custom_dropdown = addon_container.find('.directorist-select2-dropdown-toggle'); - - // Toggle --is-open class - $('.select2-hidden-accessible').on('select2:open', function (e) { - var dropdown_btn = $(this).next().find('.directorist-select2-dropdown-toggle'); - dropdown_btn.addClass('--is-open'); - }); - $('.select2-hidden-accessible').on('select2:close', function (e) { - var dropdown_btn = $(this).next().find('.directorist-select2-dropdown-toggle'); - dropdown_btn.removeClass('--is-open'); - var dropdownParent = $(this).closest('.directorist-search-field'); - var renderTitle = $(this).next().find('.select2-selection__rendered').attr('title'); - - // Check if renderTitle is empty and remove the focus class if so - if (!renderTitle) { - dropdownParent.removeClass('input-is-focused'); - } else { - dropdownParent.addClass('input-has-value'); - } - }); - - // Toggle Dropdown - selec2_custom_dropdown.on('click', function (e) { - var isOpen = $(this).hasClass('--is-open'); - var field = $(this).closest('.select2-container').siblings('select:enabled'); - if (isOpen) { - field.select2('close'); - } else { - field.select2('open'); - } - }); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_add_custom_close_button_if_needed() { - var select2_fields = $('.select2-hidden-accessible'); - if (!select2_fields && !select2_fields.length) { - return; - } - var _iterator = _createForOfIteratorHelper(select2_fields), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var field = _step.value; - var value = $(field).children('option:selected').val(); - if (!value) { - continue; - } - selec2_add_custom_close_button(field); - } - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } -} -function selec2_add_custom_close_button(field) { - // Remove Default - $('.select2-selection__clear').css({ - display: 'none' - }); - var addon_container = selec2_get_addon_container(field); - if (!(addon_container && addon_container.length)) { - return; - } - - // Remove if already exists - addon_container.find('.directorist-select2-dropdown-close').remove(); - - // Add - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/times.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - addon_container.prepend("".concat(iconHTML, "")); - var selec2_custom_close = addon_container.find('.directorist-select2-dropdown-close'); - selec2_custom_close.on('click', function (e) { - var field = $(this).closest('.select2-container').siblings('select:enabled'); - field.val(null).trigger('change'); - addon_container.find('.directorist-select2-dropdown-close').remove(); - selec2_adjust_space_for_addons(); - }); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_remove_custom_close_button(field) { - var addon_container = selec2_get_addon_container(field); - if (!(addon_container && addon_container.length)) { - return; - } - - // Remove - addon_container.find('.directorist-select2-dropdown-close').remove(); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_get_addon_container(field) { - var container = field ? $(field).next('.select2-container') : $('.select2-container'); - container = $(container).find('.directorist-select2-addons-area'); - if (!container.length) { - $('.select2-container').append(''); - container = $('.select2-container').find('.directorist-select2-addons-area'); - } - var container = field ? $(field).next('.select2-container') : null; - if (!container) { - return null; - } - var addonsArea = $(container).find('.directorist-select2-addons-area'); - if (!addonsArea.length) { - container.append(''); - return container.find('.directorist-select2-addons-area'); - } - return addonsArea; -} -function selec2_adjust_space_for_addons() { - var container = $('.select2-container').find('.directorist-select2-addons-area'); - if (!container.length) { - return; - } - var width = container.outerWidth(); - $('.select2-container').find('.select2-selection__rendered').css({ - 'padding-right': width + 'px' - }); -} - -/***/ }), - -/***/ "./assets/src/js/global/components/setup-select2.js": -/*!**********************************************************!*\ + /***/ function () { + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + var $ = jQuery; + window.addEventListener('load', waitAndInit); + window.addEventListener( + 'directorist-search-form-nav-tab-reloaded', + waitAndInit + ); + window.addEventListener('directorist-type-change', waitAndInit); + window.addEventListener( + 'directorist-instant-search-reloaded', + waitAndInit + ); + function waitAndInit() { + setTimeout(init, 0); + } + + // Initialize + function init() { + // Add custom dropdown toggle button + selec2_add_custom_dropdown_toggle_button(); + + // Add custom close button where needed + selec2_add_custom_close_button_if_needed(); + + // Add custom close button if field contains value on change + $('.select2-hidden-accessible').on('change', function (e) { + var value = $(this).children('option:selected').val(); + if (!value) { + return; + } + selec2_add_custom_close_button($(this)); + var selectItems = this.parentElement.querySelectorAll( + '.select2-selection__choice' + ); + selectItems.forEach(function (item) { + item.childNodes && + item.childNodes.forEach(function (node) { + if ( + node.nodeType && + node.nodeType === Node.TEXT_NODE + ) { + var originalString = node.textContent; + var modifiedString = + originalString.replace( + /^[\s\xa0]+/, + '' + ); + node.textContent = modifiedString; + item.title = modifiedString; + } + }); + }); + var customSelectItem = this.parentElement.querySelector( + '.select2-selection__rendered' + ); + customSelectItem.childNodes && + customSelectItem.childNodes.forEach( + function (node) { + if ( + node.nodeType && + node.nodeType === Node.TEXT_NODE + ) { + var originalString = node.textContent; + var modifiedString = + originalString.replace( + /^[\s\xa0]+/, + '' + ); + node.textContent = modifiedString; + } + } + ); + }); + } + function selec2_add_custom_dropdown_toggle_button() { + // Remove Default + $('.select2-selection__arrow').css({ + display: 'none', + }); + var addon_container = selec2_get_addon_container( + '.select2-hidden-accessible' + ); + if (!addon_container) { + return; + } + var dropdown = addon_container.find( + '.directorist-select2-dropdown-toggle' + ); + if (!dropdown.length) { + // Add Dropdown Toggle Button + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/chevron-down.svg'; + var iconHTML = directorist.icon_markup + .replace('##URL##', iconURL) + .replace('##CLASS##', ''); + var dropdownHTML = + ''.concat( + iconHTML, + '' + ); + addon_container.append(dropdownHTML); + } + var selec2_custom_dropdown = addon_container.find( + '.directorist-select2-dropdown-toggle' + ); + + // Toggle --is-open class + $('.select2-hidden-accessible').on( + 'select2:open', + function (e) { + var dropdown_btn = $(this) + .next() + .find('.directorist-select2-dropdown-toggle'); + dropdown_btn.addClass('--is-open'); + } + ); + $('.select2-hidden-accessible').on( + 'select2:close', + function (e) { + var dropdown_btn = $(this) + .next() + .find('.directorist-select2-dropdown-toggle'); + dropdown_btn.removeClass('--is-open'); + var dropdownParent = $(this).closest( + '.directorist-search-field' + ); + var renderTitle = $(this) + .next() + .find('.select2-selection__rendered') + .attr('title'); + + // Check if renderTitle is empty and remove the focus class if so + if (!renderTitle) { + dropdownParent.removeClass('input-is-focused'); + } else { + dropdownParent.addClass('input-has-value'); + } + } + ); + + // Toggle Dropdown + selec2_custom_dropdown.on('click', function (e) { + var isOpen = $(this).hasClass('--is-open'); + var field = $(this) + .closest('.select2-container') + .siblings('select:enabled'); + if (isOpen) { + field.select2('close'); + } else { + field.select2('open'); + } + }); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_add_custom_close_button_if_needed() { + var select2_fields = $('.select2-hidden-accessible'); + if (!select2_fields && !select2_fields.length) { + return; + } + var _iterator = _createForOfIteratorHelper(select2_fields), + _step; + try { + for (_iterator.s(); !(_step = _iterator.n()).done; ) { + var field = _step.value; + var value = $(field) + .children('option:selected') + .val(); + if (!value) { + continue; + } + selec2_add_custom_close_button(field); + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + } + function selec2_add_custom_close_button(field) { + // Remove Default + $('.select2-selection__clear').css({ + display: 'none', + }); + var addon_container = selec2_get_addon_container(field); + if (!(addon_container && addon_container.length)) { + return; + } + + // Remove if already exists + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + + // Add + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/times.svg'; + var iconHTML = directorist.icon_markup + .replace('##URL##', iconURL) + .replace('##CLASS##', ''); + addon_container.prepend( + ''.concat( + iconHTML, + '' + ) + ); + var selec2_custom_close = addon_container.find( + '.directorist-select2-dropdown-close' + ); + selec2_custom_close.on('click', function (e) { + var field = $(this) + .closest('.select2-container') + .siblings('select:enabled'); + field.val(null).trigger('change'); + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + selec2_adjust_space_for_addons(); + }); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_remove_custom_close_button(field) { + var addon_container = selec2_get_addon_container(field); + if (!(addon_container && addon_container.length)) { + return; + } + + // Remove + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_get_addon_container(field) { + var container = field + ? $(field).next('.select2-container') + : $('.select2-container'); + container = $(container).find( + '.directorist-select2-addons-area' + ); + if (!container.length) { + $('.select2-container').append( + '' + ); + container = $('.select2-container').find( + '.directorist-select2-addons-area' + ); + } + var container = field + ? $(field).next('.select2-container') + : null; + if (!container) { + return null; + } + var addonsArea = $(container).find( + '.directorist-select2-addons-area' + ); + if (!addonsArea.length) { + container.append( + '' + ); + return container.find( + '.directorist-select2-addons-area' + ); + } + return addonsArea; + } + function selec2_adjust_space_for_addons() { + var container = $('.select2-container').find( + '.directorist-select2-addons-area' + ); + if (!container.length) { + return; + } + var width = container.outerWidth(); + $('.select2-container') + .find('.select2-selection__rendered') + .css({ + 'padding-right': width + 'px', + }); + } + + /***/ + }, + + /***/ './assets/src/js/global/components/setup-select2.js': + /*!**********************************************************!*\ !*** ./assets/src/js/global/components/setup-select2.js ***! \**********************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js"); -/* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../../lib/helper */ "./assets/src/js/lib/helper.js"); -/* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./select2-custom-control */ "./assets/src/js/global/components/select2-custom-control.js"); -/* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_select2_custom_control__WEBPACK_IMPORTED_MODULE_2__); - -function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } -function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } - - -var $ = jQuery; -window.addEventListener('load', initSelect2); -document.body.addEventListener('directorist-search-form-nav-tab-reloaded', initSelect2); -document.body.addEventListener('directorist-reload-select2-fields', initSelect2); -window.addEventListener('directorist-instant-search-reloaded', initSelect2); - -// Init Static Select 2 Fields -function initSelect2() { - var selectors = ['.directorist-select select', '#directorist-select-js', - // Not found in any template - '#directorist-search-category-js', - // Not found in any template - // '#directorist-select-st-s-js', - // '#directorist-select-sn-s-js', - // '#directorist-select-mn-e-js', - // '#directorist-select-tu-e-js', - // '#directorist-select-wd-s-js', - // '#directorist-select-wd-e-js', - // '#directorist-select-th-e-js', - // '#directorist-select-fr-s-js', - // '#directorist-select-fr-e-js', - '.select-basic', - // Not found in any template - '#loc-type', '#cat-type', '#at_biz_dir-category', '.bdas-location-search', - // Not found in any template - '.bdas-category-search' // Not found in any template - ]; - selectors.forEach(function (selector) { - return (0,_lib_helper__WEBPACK_IMPORTED_MODULE_1__.convertToSelect2)(selector); - }); - initMaybeLazyLoadedTaxonomySelect2(); -} - -// Init Select2 Ajax Fields -function initMaybeLazyLoadedTaxonomySelect2() { - var restBase = "".concat(directorist.rest_url, "directorist/v1"); - maybeLazyLoadCategories({ - selector: '.directorist-search-category select', - url: "".concat(restBase, "/listings/categories") - }); - maybeLazyLoadCategories({ - selector: '.directorist-form-categories-field select', - url: "".concat(restBase, "/listings/categories") - }); - maybeLazyLoadLocations({ - selector: '.directorist-search-location select', - url: "".concat(restBase, "/listings/locations") - }); - maybeLazyLoadLocations({ - selector: '.directorist-form-location-field select', - url: "".concat(restBase, "/listings/locations") - }); - maybeLazyLoadTags({ - selector: '.directorist-form-tag-field select', - url: "".concat(restBase, "/listings/tags") - }); -} -function maybeLazyLoadCategories(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'categories' - }), args)); -} -function maybeLazyLoadLocations(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'locations' - }), args)); -} -function maybeLazyLoadTags(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'tags' - }), args)); -} - -// maybeLazyLoadTaxonomyTermsSelect2 -function maybeLazyLoadTaxonomyTermsSelect2(args) { - var defaults = { - selector: '', - url: '', - taxonomy: 'tags' - }; - args = _objectSpread(_objectSpread({}, defaults), args); - if (!args.selector) { - return; - } - var $el = $(args.selector); - var $addListing = $el.closest('.directorist-add-listing-form'); - var canCreate = $el.data('allow_new'); - var maxLength = $el.data('max'); - var directoryId = 0; - if (args.taxonomy !== 'tags') { - var $searchForm = $el.closest('.directorist-search-form'); - var $archivePage = $el.closest('.directorist-archive-contents'); - var $directory = $addListing.find('input[name="directory_type"]'); - var $navListItem = null; - - // If search page - if ($searchForm.length) { - $navListItem = $searchForm.find('.directorist-listing-type-selection__link--current'); - } - if ($archivePage.length) { - $navListItem = $archivePage.find('.directorist-type-nav__list li.directorist-type-nav__list__current .directorist-type-nav__link'); - } - if ($navListItem && $navListItem.length) { - directoryId = Number($navListItem.data('listing_type_id')); - } - if ($directory.length) { - directoryId = $directory.val(); - } - if (directoryId) { - directoryId = Number(directoryId); - } - } - var currentPage = 1; - var select2Options = { - allowClear: true, - tags: canCreate, - maximumSelectionLength: maxLength, - width: '100%', - escapeMarkup: function escapeMarkup(text) { - return text; - }, - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - - // Fetch the data-icon attribute - var iconURI = $(data.element).attr('data-icon'); - - // Get the original text - var originalText = data.text; - - // Match and count leading spaces - var leadingSpaces = originalText.match(/^\s+/); - var spaceCount = leadingSpaces ? leadingSpaces[0].length : 0; - - // Trim leading spaces from the original text - originalText = originalText.trim(); - - // Construct the icon element - var iconElm = iconURI ? "") : ''; - - // Prepare the combined text (icon + text) - var combinedText = iconElm + originalText; - - // Create the state container - var $state = $('
    '); - - // Determine the level based on space count - var level = Math.floor(spaceCount / 8) + 1; // 8 spaces = level 2, 16 spaces = level 3, etc. - if (level > 1) { - $state.addClass('item-level-' + level); // Add class for the level (e.g., level-1, level-2, etc.) - } - $state.html(combinedText); // Set the combined content (icon + text) - - return $state; - } - }; - if (directorist.lazy_load_taxonomy_fields) { - select2Options.ajax = { - url: args.url, - dataType: 'json', - cache: true, - delay: 250, - data: function data(params) { - currentPage = params.page || 1; - var query = { - page: currentPage, - per_page: args.perPage, - hide_empty: true - }; - - // Load empty terms on add listings. - if ($addListing.length) { - query.hide_empty = false; - } - if (params.term) { - query.search = params.term; - query.hide_empty = false; - } - if (directoryId) { - query.directory = directoryId; - } - return query; - }, - processResults: function processResults(data) { - return { - results: data.items, - pagination: { - more: data.paginationMore - } - }; - }, - transport: function transport(params, success, failure) { - var $request = $.ajax(params); - $request.then(function (data, textStatus, jqXHR) { - var totalPage = Number(jqXHR.getResponseHeader('x-wp-totalpages')); - var paginationMore = currentPage < totalPage; - var items = data.map(function (item) { - var text = item.name; - if (!$addListing.length && params.data.search) { - text = "".concat(item.name, " (").concat(item.count, ")"); - } - return { - id: item.id, - text: text - }; - }); - return { - items: items, - paginationMore: paginationMore - }; - }).then(success); - $request.fail(failure); - return $request; - } - }; - } - $el.length && $el.select2(select2Options); - if (directorist.lazy_load_taxonomy_fields) { - var setupSelectedItems = function setupSelectedItems($el, selectedId, selectedLabel) { - if (!$el.length || !selectedId) { - return; - } - var selectedIds = "".concat(selectedId).split(','); - var selectedLabels = selectedLabel ? "".concat(selectedLabel).split(',') : []; - selectedIds.forEach(function (id, index) { - var label = selectedLabels.length >= index + 1 ? selectedLabels[index] : ''; - var option = new Option(label, id, true, true); - $el.append(option); - $el.trigger({ - type: 'select2:select', - params: { - data: { - id: id, - text: label - } - } - }); - }); - }; - setupSelectedItems($el, $el.data('selected-id'), $el.data('selected-label')); - } -} - -/***/ }), - -/***/ "./assets/src/js/global/components/tabs.js": -/*!*************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/defineProperty */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/defineProperty.js' + ); + /* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./../../lib/helper */ './assets/src/js/lib/helper.js' + ); + /* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./select2-custom-control */ './assets/src/js/global/components/select2-custom-control.js' + ); + /* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ + ); + + function ownKeys(e, r) { + var t = Object.keys(e); + if (Object.getOwnPropertySymbols) { + var o = Object.getOwnPropertySymbols(e); + (r && + (o = o.filter(function (r) { + return Object.getOwnPropertyDescriptor(e, r) + .enumerable; + })), + t.push.apply(t, o)); + } + return t; + } + function _objectSpread(e) { + for (var r = 1; r < arguments.length; r++) { + var t = null != arguments[r] ? arguments[r] : {}; + r % 2 + ? ownKeys(Object(t), !0).forEach(function (r) { + (0, + _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(e, r, t[r]); + }) + : Object.getOwnPropertyDescriptors + ? Object.defineProperties( + e, + Object.getOwnPropertyDescriptors(t) + ) + : ownKeys(Object(t)).forEach(function (r) { + Object.defineProperty( + e, + r, + Object.getOwnPropertyDescriptor( + t, + r + ) + ); + }); + } + return e; + } + + var $ = jQuery; + window.addEventListener('load', initSelect2); + document.body.addEventListener( + 'directorist-search-form-nav-tab-reloaded', + initSelect2 + ); + document.body.addEventListener( + 'directorist-reload-select2-fields', + initSelect2 + ); + window.addEventListener( + 'directorist-instant-search-reloaded', + initSelect2 + ); + + // Init Static Select 2 Fields + function initSelect2() { + var selectors = [ + '.directorist-select select', + '#directorist-select-js', + // Not found in any template + '#directorist-search-category-js', + // Not found in any template + // '#directorist-select-st-s-js', + // '#directorist-select-sn-s-js', + // '#directorist-select-mn-e-js', + // '#directorist-select-tu-e-js', + // '#directorist-select-wd-s-js', + // '#directorist-select-wd-e-js', + // '#directorist-select-th-e-js', + // '#directorist-select-fr-s-js', + // '#directorist-select-fr-e-js', + '.select-basic', + // Not found in any template + '#loc-type', + '#cat-type', + '#at_biz_dir-category', + '.bdas-location-search', + // Not found in any template + '.bdas-category-search', // Not found in any template + ]; + selectors.forEach(function (selector) { + return (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_1__.convertToSelect2)( + selector + ); + }); + initMaybeLazyLoadedTaxonomySelect2(); + } + + // Init Select2 Ajax Fields + function initMaybeLazyLoadedTaxonomySelect2() { + var restBase = ''.concat( + directorist.rest_url, + 'directorist/v1' + ); + maybeLazyLoadCategories({ + selector: '.directorist-search-category select', + url: ''.concat(restBase, '/listings/categories'), + }); + maybeLazyLoadCategories({ + selector: '.directorist-form-categories-field select', + url: ''.concat(restBase, '/listings/categories'), + }); + maybeLazyLoadLocations({ + selector: '.directorist-search-location select', + url: ''.concat(restBase, '/listings/locations'), + }); + maybeLazyLoadLocations({ + selector: '.directorist-form-location-field select', + url: ''.concat(restBase, '/listings/locations'), + }); + maybeLazyLoadTags({ + selector: '.directorist-form-tag-field select', + url: ''.concat(restBase, '/listings/tags'), + }); + } + function maybeLazyLoadCategories(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'categories', + } + ), + args + ) + ); + } + function maybeLazyLoadLocations(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'locations', + } + ), + args + ) + ); + } + function maybeLazyLoadTags(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'tags', + } + ), + args + ) + ); + } + + // maybeLazyLoadTaxonomyTermsSelect2 + function maybeLazyLoadTaxonomyTermsSelect2(args) { + var defaults = { + selector: '', + url: '', + taxonomy: 'tags', + }; + args = _objectSpread(_objectSpread({}, defaults), args); + if (!args.selector) { + return; + } + var $el = $(args.selector); + var $addListing = $el.closest( + '.directorist-add-listing-form' + ); + var canCreate = $el.data('allow_new'); + var maxLength = $el.data('max'); + var directoryId = 0; + if (args.taxonomy !== 'tags') { + var $searchForm = $el.closest( + '.directorist-search-form' + ); + var $archivePage = $el.closest( + '.directorist-archive-contents' + ); + var $directory = $addListing.find( + 'input[name="directory_type"]' + ); + var $navListItem = null; + + // If search page + if ($searchForm.length) { + $navListItem = $searchForm.find( + '.directorist-listing-type-selection__link--current' + ); + } + if ($archivePage.length) { + $navListItem = $archivePage.find( + '.directorist-type-nav__list li.directorist-type-nav__list__current .directorist-type-nav__link' + ); + } + if ($navListItem && $navListItem.length) { + directoryId = Number( + $navListItem.data('listing_type_id') + ); + } + if ($directory.length) { + directoryId = $directory.val(); + } + if (directoryId) { + directoryId = Number(directoryId); + } + } + var currentPage = 1; + var select2Options = { + allowClear: true, + tags: canCreate, + maximumSelectionLength: maxLength, + width: '100%', + escapeMarkup: function escapeMarkup(text) { + return text; + }, + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + + // Fetch the data-icon attribute + var iconURI = $(data.element).attr('data-icon'); + + // Get the original text + var originalText = data.text; + + // Match and count leading spaces + var leadingSpaces = originalText.match(/^\s+/); + var spaceCount = leadingSpaces + ? leadingSpaces[0].length + : 0; + + // Trim leading spaces from the original text + originalText = originalText.trim(); + + // Construct the icon element + var iconElm = iconURI + ? '' + ) + : ''; + + // Prepare the combined text (icon + text) + var combinedText = iconElm + originalText; + + // Create the state container + var $state = $( + '
    ' + ); + + // Determine the level based on space count + var level = Math.floor(spaceCount / 8) + 1; // 8 spaces = level 2, 16 spaces = level 3, etc. + if (level > 1) { + $state.addClass('item-level-' + level); // Add class for the level (e.g., level-1, level-2, etc.) + } + $state.html(combinedText); // Set the combined content (icon + text) + + return $state; + }, + }; + if (directorist.lazy_load_taxonomy_fields) { + select2Options.ajax = { + url: args.url, + dataType: 'json', + cache: true, + delay: 250, + data: function data(params) { + currentPage = params.page || 1; + var query = { + page: currentPage, + per_page: args.perPage, + hide_empty: true, + }; + + // Load empty terms on add listings. + if ($addListing.length) { + query.hide_empty = false; + } + if (params.term) { + query.search = params.term; + query.hide_empty = false; + } + if (directoryId) { + query.directory = directoryId; + } + return query; + }, + processResults: function processResults(data) { + return { + results: data.items, + pagination: { + more: data.paginationMore, + }, + }; + }, + transport: function transport( + params, + success, + failure + ) { + var $request = $.ajax(params); + $request + .then(function (data, textStatus, jqXHR) { + var totalPage = Number( + jqXHR.getResponseHeader( + 'x-wp-totalpages' + ) + ); + var paginationMore = + currentPage < totalPage; + var items = data.map(function (item) { + var text = item.name; + if ( + !$addListing.length && + params.data.search + ) { + text = '' + .concat(item.name, ' (') + .concat(item.count, ')'); + } + return { + id: item.id, + text: text, + }; + }); + return { + items: items, + paginationMore: paginationMore, + }; + }) + .then(success); + $request.fail(failure); + return $request; + }, + }; + } + $el.length && $el.select2(select2Options); + if (directorist.lazy_load_taxonomy_fields) { + function setupSelectedItems( + $el, + selectedId, + selectedLabel + ) { + if (!$el.length || !selectedId) { + return; + } + var selectedIds = ''.concat(selectedId).split(','); + var selectedLabels = selectedLabel + ? ''.concat(selectedLabel).split(',') + : []; + selectedIds.forEach(function (id, index) { + var label = + selectedLabels.length >= index + 1 + ? selectedLabels[index] + : ''; + var option = new Option(label, id, true, true); + $el.append(option); + $el.trigger({ + type: 'select2:select', + params: { + data: { + id: id, + text: label, + }, + }, + }); + }); + } + setupSelectedItems( + $el, + $el.data('selected-id'), + $el.data('selected-label') + ); + } + } + + /***/ + }, + + /***/ './assets/src/js/global/components/tabs.js': + /*!*************************************************!*\ !*** ./assets/src/js/global/components/tabs.js ***! \*************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"); - -document.addEventListener('load', init, false); -function Tasks() { - return { - init: function init() { - this.initToggleTabLinks(); - }, - initToggleTabLinks: function initToggleTabLinks() { - var links = document.querySelectorAll('.directorist-toggle-tab'); - if (!links) { - return; - } - var self = this; - (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(links).forEach(function (item) { - item.addEventListener('click', function (event) { - self.handleToggleTabLinksEvent(item, event); - }); - }); - }, - handleToggleTabLinksEvent: function handleToggleTabLinksEvent(item, event) { - event.preventDefault(); - var navContainerClass = item.getAttribute('data-nav-container'); - var tabContainerClass = item.getAttribute('data-tab-container'); - var tabClass = item.getAttribute('data-tab'); - if (!navContainerClass || !tabContainerClass || !tabClass) { - return; - } - var navContainer = item.closest('.' + navContainerClass); - var tabContainer = document.querySelector('.' + tabContainerClass); - if (!navContainer || !tabContainer) { - return; - } - var tab = tabContainer.querySelector('.' + tabClass); - if (!tab) { - return; - } - - // Remove Active Class - var removeActiveClass = function removeActiveClass(item) { - item.classList.remove('--is-active'); - }; - - // Toggle Nav - var activeNavItems = navContainer.querySelectorAll('.--is-active'); - if (activeNavItems) { - (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(activeNavItems).forEach(removeActiveClass); - } - item.classList.add('--is-active'); - - // Toggle Tab - var activeTabItems = tabContainer.querySelectorAll('.--is-active'); - if (activeTabItems) { - (0,_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__["default"])(activeTabItems).forEach(removeActiveClass); - } - tab.classList.add('--is-active'); - - // Update Query Var - var queryVarKey = item.getAttribute('data-query-var-key'); - var queryVarValue = item.getAttribute('data-query-var-value'); - if (!queryVarKey || !queryVarValue) { - return; - } - this.addQueryParam(queryVarKey, queryVarValue); - }, - addQueryParam: function addQueryParam(key, value) { - var url = new URL(window.location.href); - url.searchParams.set(key, value); - window.history.pushState({}, '', url.toString()); - } - }; -} -function init() { - var tasks = new Tasks(); - tasks.init(); -} - -/***/ }), - -/***/ "./assets/src/js/global/components/utility.js": -/*!****************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/toConsumableArray */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js' + ); + + document.addEventListener('load', init, false); + function Tasks() { + return { + init: function init() { + this.initToggleTabLinks(); + }, + initToggleTabLinks: function initToggleTabLinks() { + var links = document.querySelectorAll( + '.directorist-toggle-tab' + ); + if (!links) { + return; + } + var self = this; + (0, + _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(links).forEach(function (item) { + item.addEventListener( + 'click', + function (event) { + self.handleToggleTabLinksEvent( + item, + event + ); + } + ); + }); + }, + handleToggleTabLinksEvent: + function handleToggleTabLinksEvent(item, event) { + event.preventDefault(); + var navContainerClass = + item.getAttribute('data-nav-container'); + var tabContainerClass = + item.getAttribute('data-tab-container'); + var tabClass = item.getAttribute('data-tab'); + if ( + !navContainerClass || + !tabContainerClass || + !tabClass + ) { + return; + } + var navContainer = item.closest( + '.' + navContainerClass + ); + var tabContainer = document.querySelector( + '.' + tabContainerClass + ); + if (!navContainer || !tabContainer) { + return; + } + var tab = tabContainer.querySelector( + '.' + tabClass + ); + if (!tab) { + return; + } + + // Remove Active Class + var removeActiveClass = + function removeActiveClass(item) { + item.classList.remove('--is-active'); + }; + + // Toggle Nav + var activeNavItems = + navContainer.querySelectorAll( + '.--is-active' + ); + if (activeNavItems) { + (0, + _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(activeNavItems).forEach( + removeActiveClass + ); + } + item.classList.add('--is-active'); + + // Toggle Tab + var activeTabItems = + tabContainer.querySelectorAll( + '.--is-active' + ); + if (activeTabItems) { + (0, + _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(activeTabItems).forEach( + removeActiveClass + ); + } + tab.classList.add('--is-active'); + + // Update Query Var + var queryVarKey = + item.getAttribute('data-query-var-key'); + var queryVarValue = item.getAttribute( + 'data-query-var-value' + ); + if (!queryVarKey || !queryVarValue) { + return; + } + this.addQueryParam(queryVarKey, queryVarValue); + }, + addQueryParam: function addQueryParam(key, value) { + var url = new URL(window.location.href); + url.searchParams.set(key, value); + window.history.pushState({}, '', url.toString()); + }, + }; + } + function init() { + var tasks = new Tasks(); + tasks.init(); + } + + /***/ + }, + + /***/ './assets/src/js/global/components/utility.js': + /*!****************************************************!*\ !*** ./assets/src/js/global/components/utility.js ***! \****************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - var $ = jQuery; - document.querySelectorAll('.la-icon i').forEach(function (item) { - className.push(item.getAttribute('class')); - }); - - // Handle Disabled Link Action - $('.atbdp-disabled').on('click', function (e) { - e.preventDefault(); - }); - - // Toggle Modal - $('.cptm-modal-toggle').on('click', function (e) { - e.preventDefault(); - var target_class = $(this).data('target'); - $('.' + target_class).toggleClass('active'); - }); - - // Change label on file select/change - $('.cptm-file-field').on('change', function (e) { - var target_id = $(this).attr('id'); - $('label[for=' + target_id + ']').text('Change'); - }); -}); - -/***/ }), - -/***/ "./assets/src/js/global/global.js": -/*!****************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + var $ = jQuery; + document + .querySelectorAll('.la-icon i') + .forEach(function (item) { + className.push(item.getAttribute('class')); + }); + + // Handle Disabled Link Action + $('.atbdp-disabled').on('click', function (e) { + e.preventDefault(); + }); + + // Toggle Modal + $('.cptm-modal-toggle').on('click', function (e) { + e.preventDefault(); + var target_class = $(this).data('target'); + $('.' + target_class).toggleClass('active'); + }); + + // Change label on file select/change + $('.cptm-file-field').on('change', function (e) { + var target_id = $(this).attr('id'); + $('label[for=' + target_id + ']').text('Change'); + }); + }); + + /***/ + }, + + /***/ './assets/src/js/global/global.js': + /*!****************************************!*\ !*** ./assets/src/js/global/global.js ***! \****************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/modal */ "./assets/src/js/global/components/modal.js"); -/* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_components_modal__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/select2-custom-control */ "./assets/src/js/global/components/select2-custom-control.js"); -/* harmony import */ var _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1__); -/* harmony import */ var _components_setup_select2__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/setup-select2 */ "./assets/src/js/global/components/setup-select2.js"); -/* harmony import */ var _components_tabs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/tabs */ "./assets/src/js/global/components/tabs.js"); -/* harmony import */ var _components_utility__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/utility */ "./assets/src/js/global/components/utility.js"); -/* harmony import */ var _components_utility__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_components_utility__WEBPACK_IMPORTED_MODULE_4__); - - - - - - -/***/ }), - -/***/ "./assets/src/js/lib/helper.js": -/*!*************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./components/modal */ './assets/src/js/global/components/modal.js' + ); + /* harmony import */ var _components_modal__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _components_modal__WEBPACK_IMPORTED_MODULE_0__ + ); + /* harmony import */ var _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./components/select2-custom-control */ './assets/src/js/global/components/select2-custom-control.js' + ); + /* harmony import */ var _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1___default = + /*#__PURE__*/ __webpack_require__.n( + _components_select2_custom_control__WEBPACK_IMPORTED_MODULE_1__ + ); + /* harmony import */ var _components_setup_select2__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./components/setup-select2 */ './assets/src/js/global/components/setup-select2.js' + ); + /* harmony import */ var _components_tabs__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ./components/tabs */ './assets/src/js/global/components/tabs.js' + ); + /* harmony import */ var _components_utility__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ./components/utility */ './assets/src/js/global/components/utility.js' + ); + /* harmony import */ var _components_utility__WEBPACK_IMPORTED_MODULE_4___default = + /*#__PURE__*/ __webpack_require__.n( + _components_utility__WEBPACK_IMPORTED_MODULE_4__ + ); + + /***/ + }, + + /***/ './assets/src/js/lib/helper.js': + /*!*************************************!*\ !*** ./assets/src/js/lib/helper.js ***! \*************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ convertToSelect2: function() { return /* binding */ convertToSelect2; }, -/* harmony export */ get_dom_data: function() { return /* binding */ get_dom_data; } -/* harmony export */ }); -var $ = jQuery; -function get_dom_data(selector, parent) { - selector = '.directorist-dom-data-' + selector; - if (!parent) { - parent = document; - } - var el = parent.querySelector(selector); - if (!el || !el.dataset.value) { - return {}; - } - var IS_SCRIPT_DEBUGGING = directorist && directorist.script_debugging && directorist.script_debugging == '1'; - try { - var value = atob(el.dataset.value); - return JSON.parse(value); - } catch (error) { - if (IS_SCRIPT_DEBUGGING) { - console.log(el, error); - } - return {}; - } -} -function convertToSelect2(selector) { - var $selector = $(selector); - var args = { - allowClear: true, - width: '100%', - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - var iconURI = $(data.element).data('icon'); - var iconElm = ""); - var originalText = data.text; - var modifiedText = originalText.replace(/^(\s*)/, '$1' + iconElm); - var $state = $("
    ".concat(typeof iconURI !== 'undefined' && iconURI !== '' ? modifiedText : originalText, "
    ")); - return $state; - } - }; - var options = $selector.find('option'); - if (options.length && options[0].textContent.length) { - args.placeholder = options[0].textContent; - } - $selector.length && $selector.select2(args); -} - - -/***/ }), - -/***/ "./assets/src/scss/layout/public/main-style.scss": -/*!*******************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ convertToSelect2: function () { + return /* binding */ convertToSelect2; + }, + /* harmony export */ get_dom_data: function () { + return /* binding */ get_dom_data; + }, + /* harmony export */ + } + ); + var $ = jQuery; + function get_dom_data(selector, parent) { + selector = '.directorist-dom-data-' + selector; + if (!parent) { + parent = document; + } + var el = parent.querySelector(selector); + if (!el || !el.dataset.value) { + return {}; + } + var IS_SCRIPT_DEBUGGING = + directorist && + directorist.script_debugging && + directorist.script_debugging == '1'; + try { + var value = atob(el.dataset.value); + return JSON.parse(value); + } catch (error) { + if (IS_SCRIPT_DEBUGGING) { + console.log(el, error); + } + return {}; + } + } + function convertToSelect2(selector) { + var $selector = $(selector); + var args = { + allowClear: true, + width: '100%', + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + var iconURI = $(data.element).data('icon'); + var iconElm = + '' + ); + var originalText = data.text; + var modifiedText = originalText.replace( + /^(\s*)/, + '$1' + iconElm + ); + var $state = $( + '
    '.concat( + typeof iconURI !== 'undefined' && + iconURI !== '' + ? modifiedText + : originalText, + '
    ' + ) + ); + return $state; + }, + }; + var options = $selector.find('option'); + if (options.length && options[0].textContent.length) { + args.placeholder = options[0].textContent; + } + $selector.length && $selector.select2(args); + } + + /***/ + }, + + /***/ './assets/src/scss/layout/public/main-style.scss': + /*!*******************************************************!*\ !*** ./assets/src/scss/layout/public/main-style.scss ***! \*******************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -// extracted by mini-css-extract-plugin - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js": -/*!*********************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js ***! - \*********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _arrayLikeToArray; } -/* harmony export */ }); -function _arrayLikeToArray(r, a) { - (null == a || a > r.length) && (a = r.length); - for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; - return n; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js": -/*!**********************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js ***! - \**********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _arrayWithoutHoles; } -/* harmony export */ }); -/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayLikeToArray.js */ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"); - -function _arrayWithoutHoles(r) { - if (Array.isArray(r)) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js": -/*!*******************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/defineProperty.js ***! - \*******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _defineProperty; } -/* harmony export */ }); -/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toPropertyKey.js */ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"); - -function _defineProperty(e, r, t) { - return (r = (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r)) in e ? Object.defineProperty(e, r, { - value: t, - enumerable: !0, - configurable: !0, - writable: !0 - }) : e[r] = t, e; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/iterableToArray.js": -/*!********************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js ***! - \********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _iterableToArray; } -/* harmony export */ }); -function _iterableToArray(r) { - if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js": -/*!**********************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js ***! - \**********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _nonIterableSpread; } -/* harmony export */ }); -function _nonIterableSpread() { - throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js": -/*!**********************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js ***! - \**********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _toConsumableArray; } -/* harmony export */ }); -/* harmony import */ var _arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayWithoutHoles.js */ "./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js"); -/* harmony import */ var _iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./iterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/iterableToArray.js"); -/* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./unsupportedIterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js"); -/* harmony import */ var _nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./nonIterableSpread.js */ "./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js"); - - - - -function _toConsumableArray(r) { - return (0,_arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r) || (0,_iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__["default"])(r) || (0,_unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__["default"])(r) || (0,_nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__["default"])(); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js": -/*!****************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! - \****************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPrimitive; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); - -function toPrimitive(t, r) { - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(t) || !t) return t; - var e = t[Symbol.toPrimitive]; - if (void 0 !== e) { - var i = e.call(t, r || "default"); - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i)) return i; - throw new TypeError("@@toPrimitive must return a primitive value."); - } - return ("string" === r ? String : Number)(t); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js": -/*!******************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! - \******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPropertyKey; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); -/* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toPrimitive.js */ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js"); - - -function toPropertyKey(t) { - var i = (0,_toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__["default"])(t, "string"); - return "symbol" == (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i) ? i : i + ""; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js": -/*!***********************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***! - \***********************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _typeof; } -/* harmony export */ }); -function _typeof(o) { - "@babel/helpers - typeof"; - - return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { - return typeof o; - } : function (o) { - return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; - }, _typeof(o); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js": -/*!*******************************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js ***! - \*******************************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _unsupportedIterableToArray; } -/* harmony export */ }); -/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayLikeToArray.js */ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"); - -function _unsupportedIterableToArray(r, a) { - if (r) { - if ("string" == typeof r) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a); - var t = {}.toString.call(r).slice(8, -1); - return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a) : void 0; - } -} - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!**************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + // extracted by mini-css-extract-plugin + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js': + /*!**************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js ***! + \**************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _arrayLikeToArray; + }, + /* harmony export */ + } + ); + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js': + /*!***************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js ***! + \***************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _arrayWithoutHoles; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayLikeToArray.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js' + ); + + function _arrayWithoutHoles(r) { + if (Array.isArray(r)) + return (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/defineProperty.js': + /*!************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/defineProperty.js ***! + \************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _defineProperty; + }, + /* harmony export */ + } + ); + /* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./toPropertyKey.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js' + ); + + function _defineProperty(e, r, t) { + return ( + (r = (0, + _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r)) in e + ? Object.defineProperty(e, r, { + value: t, + enumerable: !0, + configurable: !0, + writable: !0, + }) + : (e[r] = t), + e + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/iterableToArray.js': + /*!*************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/iterableToArray.js ***! + \*************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _iterableToArray; + }, + /* harmony export */ + } + ); + function _iterableToArray(r) { + if ( + ('undefined' != typeof Symbol && + null != r[Symbol.iterator]) || + null != r['@@iterator'] + ) + return Array.from(r); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js': + /*!***************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js ***! + \***************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _nonIterableSpread; + }, + /* harmony export */ + } + ); + function _nonIterableSpread() { + throw new TypeError( + 'Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js': + /*!***************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js ***! + \***************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _toConsumableArray; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayWithoutHoles.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js' + ); + /* harmony import */ var _iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./iterableToArray.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/iterableToArray.js' + ); + /* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./unsupportedIterableToArray.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js' + ); + /* harmony import */ var _nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ./nonIterableSpread.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js' + ); + + function _toConsumableArray(r) { + return ( + (0, + _arrayWithoutHoles_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r) || + (0, + _iterableToArray_js__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(r) || + (0, + _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__[ + 'default' + ])(r) || + (0, + _nonIterableSpread_js__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])() + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPrimitive.js': + /*!*********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! + \*********************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPrimitive; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + + function toPrimitive(t, r) { + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + t + ) || + !t + ) + return t; + var e = t[Symbol.toPrimitive]; + if (void 0 !== e) { + var i = e.call(t, r || 'default'); + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ) + return i; + throw new TypeError( + '@@toPrimitive must return a primitive value.' + ); + } + return ('string' === r ? String : Number)(t); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js': + /*!***********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! + \***********************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPropertyKey; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + /* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./toPrimitive.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPrimitive.js' + ); + + function toPropertyKey(t) { + var i = (0, + _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__['default'])( + t, + 'string' + ); + return 'symbol' == + (0, _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ? i + : i + ''; + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js': + /*!****************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js ***! + \****************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _typeof; + }, + /* harmony export */ + } + ); + function _typeof(o) { + '@babel/helpers - typeof'; + + return ( + (_typeof = + 'function' == typeof Symbol && + 'symbol' == typeof Symbol.iterator + ? function (o) { + return typeof o; + } + : function (o) { + return o && + 'function' == typeof Symbol && + o.constructor === Symbol && + o !== Symbol.prototype + ? 'symbol' + : typeof o; + }), + _typeof(o) + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js': + /*!************************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js ***! + \************************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _unsupportedIterableToArray; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayLikeToArray.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js' + ); + + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r, a) + : void 0 + ); + } + } + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!**************************************!*\ !*** ./assets/src/js/public/main.js ***! \**************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _scss_layout_public_main_style_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./../../scss/layout/public/main-style.scss */ "./assets/src/scss/layout/public/main-style.scss"); -/* harmony import */ var _global_global__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../global/global */ "./assets/src/js/global/global.js"); -/* + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _scss_layout_public_main_style_scss__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./../../scss/layout/public/main-style.scss */ './assets/src/scss/layout/public/main-style.scss' + ); + /* harmony import */ var _global_global__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./../global/global */ './assets/src/js/global/global.js' + ); + /* File: Main.js Plugin: Directorist – Business Directory & Classified Listings WordPress Plugin Author: wpWax Author URI: www.wpwax.com */ -// console.log( directorist_options ) -// Styles - - - -// Single Listing Page -// import './components/single-listing-page/slider'; - -// General Components -// import './components/general'; -// import './components/helpers'; -// import './components/review'; -// import './components/directoristSorting'; -// import './components/directoristAlert'; -// import './components/pureScriptTab'; -// import './components/profileForm'; -// import './components/gridResponsive'; -// import './components/formValidation'; -// import './components/directoristFavorite'; -// import './components/login'; -// import './components/tab'; -// import './components/directoristDropdown'; -// import './components/directoristSelect'; -// import './components/categoryLocation'; -// import './components/legacy-support'; -// import './components/author'; - -// Booking -// import './components/booking'; -}(); -/******/ })() -; -//# sourceMappingURL=public-main.js.map \ No newline at end of file + // console.log( directorist_options ) + // Styles + + // Single Listing Page + // import './components/single-listing-page/slider'; + + // General Components + // import './components/general'; + // import './components/helpers'; + // import './components/review'; + // import './components/directoristSorting'; + // import './components/directoristAlert'; + // import './components/pureScriptTab'; + // import './components/profileForm'; + // import './components/gridResponsive'; + // import './components/formValidation'; + // import './components/directoristFavorite'; + // import './components/login'; + // import './components/tab'; + // import './components/directoristDropdown'; + // import './components/directoristSelect'; + // import './components/categoryLocation'; + // import './components/legacy-support'; + // import './components/author'; + + // Booking + // import './components/booking'; + })(); + /******/ +})(); +//# sourceMappingURL=public-main.js.map diff --git a/assets/js/range-slider.js b/assets/js/range-slider.js index 3f818adfe6..f5a41671b2 100644 --- a/assets/js/range-slider.js +++ b/assets/js/range-slider.js @@ -1,563 +1,726 @@ -/******/ (function() { // webpackBootstrap -/******/ "use strict"; -/******/ var __webpack_modules__ = ({ +/******/ (function () { + // webpackBootstrap + /******/ 'use strict'; + /******/ var __webpack_modules__ = { + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js': + /*!****************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js ***! + \****************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _typeof; + }, + /* harmony export */ + } + ); + function _typeof(o) { + '@babel/helpers - typeof'; -/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js": -/*!***********************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***! - \***********************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { + return ( + (_typeof = + 'function' == typeof Symbol && + 'symbol' == typeof Symbol.iterator + ? function (o) { + return typeof o; + } + : function (o) { + return o && + 'function' == typeof Symbol && + o.constructor === Symbol && + o !== Symbol.prototype + ? 'symbol' + : typeof o; + }), + _typeof(o) + ); + } -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _typeof; } -/* harmony export */ }); -function _typeof(o) { - "@babel/helpers - typeof"; + /***/ + }, - return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { - return typeof o; - } : function (o) { - return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; - }, _typeof(o); -} - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/amd options */ -/******/ !function() { -/******/ __webpack_require__.amdO = {}; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. -!function() { -/*!**********************************************!*\ + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/amd options */ + /******/ !(function () { + /******/ __webpack_require__.amdO = {}; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. + !(function () { + /*!**********************************************!*\ !*** ./assets/src/js/public/range-slider.js ***! \**********************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/typeof */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js' + ); -// Directorist Custom Range Slider with Multiple Handlers -(function (global, factory) { - if ((typeof exports === "undefined" ? "undefined" : (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__["default"])(exports)) === 'object' && "object" !== 'undefined') { - factory(exports); - } else if (typeof define === 'function' && __webpack_require__.amdO) { - define(['exports'], factory); - } else { - global = typeof globalThis !== 'undefined' ? globalThis : global || self; - factory(global.directoristCustomRangeSlider = {}); - } -})(undefined, function (exports) { - 'use strict'; + // Directorist Custom Range Slider with Multiple Handlers + (function (global, factory) { + if ( + (typeof exports === 'undefined' + ? 'undefined' + : (0, + _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(exports)) === 'object' && + 'object' !== 'undefined' + ) { + factory(exports); + } else if ( + typeof define === 'function' && + __webpack_require__.amdO + ) { + define(['exports'], factory); + } else { + global = + typeof globalThis !== 'undefined' + ? globalThis + : global || self; + factory((global.directoristCustomRangeSlider = {})); + } + })(undefined, function (exports) { + 'use strict'; - exports.PipsMode = { - Range: 'range', - Steps: 'steps', - Positions: 'positions', - Count: 'count', - Values: 'values' - }; - exports.PipsType = { - None: -1, - NoValue: 0, - LargeValue: 1, - SmallValue: 2 - }; + exports.PipsMode = { + Range: 'range', + Steps: 'steps', + Positions: 'positions', + Count: 'count', + Values: 'values', + }; + exports.PipsType = { + None: -1, + NoValue: 0, + LargeValue: 1, + SmallValue: 2, + }; - //RTL - var isRTL = directorist.rtl === 'true'; - var direction; - if (isRTL) { - direction = 'right'; - } else { - direction = 'left'; - } - function isValidFormatter(entry) { - return isValidPartialFormatter(entry) && typeof entry.from === 'function'; - } - function isValidPartialFormatter(entry) { - // partial formatters only need a to function and not a from function - return (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__["default"])(entry) === 'object' && typeof entry.to === 'function'; - } - function removeElement(el) { - el.parentElement.removeChild(el); - } - function isSet(value) { - return value !== null && value !== undefined; - } - // Bindable version - function preventDefault(e) { - e.preventDefault(); - } - // Removes duplicates from an array. - function unique(array) { - return array.filter(function (a) { - return !this[a] ? this[a] = true : false; - }, {}); - } - // Round a value to the closest 'to'. - function closest(value, to) { - return Math.round(value / to) * to; - } - // Current position of an element relative to the document. - function offset(elem, orientation) { - var rect = elem.getBoundingClientRect(); - var doc = elem.ownerDocument; - var docElem = doc.documentElement; - var pageOffset = getPageOffset(doc); - // getBoundingClientRect contains left scroll in Chrome on Android. - // I haven't found a feature detection that proves this. Worst case - // scenario on mis-match: the 'tap' feature on horizontal sliders breaks. - if (/webkit.*Chrome.*Mobile/i.test(navigator.userAgent)) { - pageOffset.x = 0; - } - return orientation ? rect.top + pageOffset.y - docElem.clientTop : rect.left + pageOffset.x - docElem.clientLeft; - } - // Checks whether a value is numerical. - function isNumeric(a) { - return typeof a === 'number' && !isNaN(a) && isFinite(a); - } - // Sets a class and removes it after [duration] ms. - function addClassFor(element, className, duration) { - if (duration > 0) { - addClass(element, className); - setTimeout(function () { - removeClass(element, className); - }, duration); - } - } - // Limits a value to 0 - 100 - function limit(a) { - return Math.max(Math.min(a, 100), 0); - } - // Wraps a variable as an array, if it isn't one yet. - // Note that an input array is returned by reference! - function asArray(a) { - return Array.isArray(a) ? a : [a]; - } - // Counts decimals - function countDecimals(numStr) { - numStr = String(numStr); - var pieces = numStr.split('.'); - return pieces.length > 1 ? pieces[1].length : 0; - } - // add_class - function addClass(el, className) { - if (el.classList && !/\s/.test(className)) { - el.classList.add(className); - } else { - el.className += ' ' + className; - } - } - // remove_class - function removeClass(el, className) { - if (el.classList && !/\s/.test(className)) { - el.classList.remove(className); - } else { - el.className = el.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' '); - } - } - // https://plainjs.com/javascript/attributes/adding-removing-and-testing-for-classes-9/ - function hasClass(el, className) { - return el.classList ? el.classList.contains(className) : new RegExp('\\b' + className + '\\b').test(el.className); - } - // https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollY#Notes - function getPageOffset(doc) { - var supportPageOffset = window.scrollX !== undefined; - var isCSS1Compat = (doc.compatMode || '') === 'CSS1Compat'; - var x = supportPageOffset ? window.scrollX : isCSS1Compat ? doc.documentElement.scrollLeft : doc.body.scrollLeft; - var y = supportPageOffset ? window.scrollY : isCSS1Compat ? doc.documentElement.scrollTop : doc.body.scrollTop; - return { - x: x, - y: y - }; - } - // we provide a function to compute constants instead - // of accessing window.* as soon as the module needs it - // so that we do not compute anything if not needed - function getActions() { - // Determine the events to bind. IE11 implements pointerEvents without - // a prefix, which breaks compatibility with the IE10 implementation. - return window.navigator.pointerEnabled ? { - start: 'pointerdown', - move: 'pointermove', - end: 'pointerup' - } : window.navigator.msPointerEnabled ? { - start: 'MSPointerDown', - move: 'MSPointerMove', - end: 'MSPointerUp' - } : { - start: 'mousedown touchstart', - move: 'mousemove touchmove', - end: 'mouseup touchend' - }; - } - // https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md - // Issue #785 - function getSupportsPassive() { - var supportsPassive = false; - /* eslint-disable */ - try { - var opts = Object.defineProperty({}, 'passive', { - get: function get() { - supportsPassive = true; - } - }); - // @ts-ignore - window.addEventListener('test', null, opts); - } catch (e) {} - /* eslint-enable */ - return supportsPassive; - } - function getSupportsTouchActionNone() { - return window.CSS && CSS.supports && CSS.supports('touch-action', 'none'); - } - //endregion - //region Range Calculation - // Determine the size of a sub-range in relation to a full range. - function subRangeRatio(pa, pb) { - return 100 / (pb - pa); - } - // (percentage) How many percent is this value of this range? - function fromPercentage(range, value, startRange) { - return value * 100 / (range[startRange + 1] - range[startRange]); - } - // (percentage) Where is this value on this range? - function toPercentage(range, value) { - return fromPercentage(range, range[0] < 0 ? value + Math.abs(range[0]) : value - range[0], 0); - } - // (value) How much is this percentage on this range? - function isPercentage(range, value) { - return value * (range[1] - range[0]) / 100 + range[0]; - } - function getJ(value, arr) { - var j = 1; - while (value >= arr[j]) { - j += 1; - } - return j; - } - // (percentage) Input a value, find where, on a scale of 0-100, it applies. - function toStepping(xVal, xPct, value) { - if (value >= xVal.slice(-1)[0]) { - return 100; - } - var j = getJ(value, xVal); - var va = xVal[j - 1]; - var vb = xVal[j]; - var pa = xPct[j - 1]; - var pb = xPct[j]; - return pa + toPercentage([va, vb], value) / subRangeRatio(pa, pb); - } - // (value) Input a percentage, find where it is on the specified range. - function fromStepping(xVal, xPct, value) { - // There is no range group that fits 100 - if (value >= 100) { - return xVal.slice(-1)[0]; - } - var j = getJ(value, xPct); - var va = xVal[j - 1]; - var vb = xVal[j]; - var pa = xPct[j - 1]; - var pb = xPct[j]; - return isPercentage([va, vb], (value - pa) * subRangeRatio(pa, pb)); - } - // (percentage) Get the step that applies at a certain value. - function getStep(xPct, xSteps, snap, value) { - if (value === 100) { - return value; - } - var j = getJ(value, xPct); - var a = xPct[j - 1]; - var b = xPct[j]; - // If 'snap' is set, steps are used as fixed points on the slider. - if (snap) { - // Find the closest position, a or b. - if (value - a > (b - a) / 2) { - return b; - } - return a; - } - if (!xSteps[j - 1]) { - return value; - } - return xPct[j - 1] + closest(value - xPct[j - 1], xSteps[j - 1]); - } - //endregion - //region Spectrum - var Spectrum = /** @class */function () { - function Spectrum(entry, snap, singleStep) { - this.xPct = []; - this.xVal = []; - this.xSteps = []; - this.xNumSteps = []; - this.xHighestCompleteStep = []; - this.xSteps = [singleStep || false]; - this.xNumSteps = [false]; - this.snap = snap; - var index; - var ordered = []; - // Map the object keys to an array. - Object.keys(entry).forEach(function (index) { - ordered.push([asArray(entry[index]), index]); - }); - // Sort all entries by value (numeric sort). - ordered.sort(function (a, b) { - return a[0][0] - b[0][0]; - }); - // Convert all entries to subranges. - for (index = 0; index < ordered.length; index++) { - this.handleEntryPoint(ordered[index][1], ordered[index][0]); - } - // Store the actual step values. - // xSteps is sorted in the same order as xPct and xVal. - this.xNumSteps = this.xSteps.slice(0); - // Convert all numeric steps to the percentage of the subrange they represent. - for (index = 0; index < this.xNumSteps.length; index++) { - this.handleStepPoint(index, this.xNumSteps[index]); - } - } - Spectrum.prototype.getDistance = function (value) { - var distances = []; - for (var index = 0; index < this.xNumSteps.length - 1; index++) { - distances[index] = fromPercentage(this.xVal, value, index); - } - return distances; - }; - // Calculate the percentual distance over the whole scale of ranges. - // direction: 0 = backwards / 1 = forwards - Spectrum.prototype.getAbsoluteDistance = function (value, distances, direction) { - var xPct_index = 0; - // Calculate range where to start calculation - if (value < this.xPct[this.xPct.length - 1]) { - while (value > this.xPct[xPct_index + 1]) { - xPct_index++; - } - } else if (value === this.xPct[this.xPct.length - 1]) { - xPct_index = this.xPct.length - 2; - } - // If looking backwards and the value is exactly at a range separator then look one range further - if (!direction && value === this.xPct[xPct_index + 1]) { - xPct_index++; - } - if (distances === null) { - distances = []; - } - var start_factor; - var rest_factor = 1; - var rest_rel_distance = distances[xPct_index]; - var range_pct = 0; - var rel_range_distance = 0; - var abs_distance_counter = 0; - var range_counter = 0; - // Calculate what part of the start range the value is - if (direction) { - start_factor = (value - this.xPct[xPct_index]) / (this.xPct[xPct_index + 1] - this.xPct[xPct_index]); - } else { - start_factor = (this.xPct[xPct_index + 1] - value) / (this.xPct[xPct_index + 1] - this.xPct[xPct_index]); - } - // Do until the complete distance across ranges is calculated - while (rest_rel_distance > 0) { - // Calculate the percentage of total range - range_pct = this.xPct[xPct_index + 1 + range_counter] - this.xPct[xPct_index + range_counter]; - // Detect if the margin, padding or limit is larger then the current range and calculate - if (distances[xPct_index + range_counter] * rest_factor + 100 - start_factor * 100 > 100) { - // If larger then take the percentual distance of the whole range - rel_range_distance = range_pct * start_factor; - // Rest factor of relative percentual distance still to be calculated - rest_factor = (rest_rel_distance - 100 * start_factor) / distances[xPct_index + range_counter]; - // Set start factor to 1 as for next range it does not apply. - start_factor = 1; - } else { - // If smaller or equal then take the percentual distance of the calculate percentual part of that range - rel_range_distance = distances[xPct_index + range_counter] * range_pct / 100 * rest_factor; - // No rest left as the rest fits in current range - rest_factor = 0; - } - if (direction) { - abs_distance_counter = abs_distance_counter - rel_range_distance; - // Limit range to first range when distance becomes outside of minimum range - if (this.xPct.length + range_counter >= 1) { - range_counter--; - } - } else { - abs_distance_counter = abs_distance_counter + rel_range_distance; - // Limit range to last range when distance becomes outside of maximum range - if (this.xPct.length - range_counter >= 1) { - range_counter++; - } - } - // Rest of relative percentual distance still to be calculated - rest_rel_distance = distances[xPct_index + range_counter] * rest_factor; - } - return value + abs_distance_counter; - }; - Spectrum.prototype.toStepping = function (value) { - value = toStepping(this.xVal, this.xPct, value); - return value; - }; - Spectrum.prototype.fromStepping = function (value) { - return fromStepping(this.xVal, this.xPct, value); - }; - Spectrum.prototype.getStep = function (value) { - value = getStep(this.xPct, this.xSteps, this.snap, value); - return value; - }; - Spectrum.prototype.getDefaultStep = function (value, isDown, size) { - var j = getJ(value, this.xPct); - // When at the top or stepping down, look at the previous sub-range - if (value === 100 || isDown && value === this.xPct[j - 1]) { - j = Math.max(j - 1, 1); - } - return (this.xVal[j] - this.xVal[j - 1]) / size; - }; - Spectrum.prototype.getNearbySteps = function (value) { - var j = getJ(value, this.xPct); - return { - stepBefore: { - startValue: this.xVal[j - 2], - step: this.xNumSteps[j - 2], - highestStep: this.xHighestCompleteStep[j - 2] - }, - thisStep: { - startValue: this.xVal[j - 1], - step: this.xNumSteps[j - 1], - highestStep: this.xHighestCompleteStep[j - 1] - }, - stepAfter: { - startValue: this.xVal[j], - step: this.xNumSteps[j], - highestStep: this.xHighestCompleteStep[j] - } - }; - }; - Spectrum.prototype.countStepDecimals = function () { - var stepDecimals = this.xNumSteps.map(countDecimals); - return Math.max.apply(null, stepDecimals); - }; - Spectrum.prototype.hasNoSize = function () { - return this.xVal[0] === this.xVal[this.xVal.length - 1]; - }; - // Outside testing - Spectrum.prototype.convert = function (value) { - return this.getStep(this.toStepping(value)); - }; - Spectrum.prototype.handleEntryPoint = function (index, value) { - var percentage; - // Covert min/max syntax to 0 and 100. - if (index === 'min') { - percentage = 0; - } else if (index === 'max') { - percentage = 100; - } else { - percentage = parseFloat(index); - } - // Check for correct input. - if (!isNumeric(percentage) || !isNumeric(value[0])) { - throw new Error("directoristCustomRangeSlider: 'range' value isn't numeric."); - } - // Store values. - this.xPct.push(percentage); - this.xVal.push(value[0]); - var value1 = Number(value[1]); - // NaN will evaluate to false too, but to keep - // logging clear, set step explicitly. Make sure - // not to override the 'step' setting with false. - if (!percentage) { - if (!isNaN(value1)) { - this.xSteps[0] = value1; - } - } else { - this.xSteps.push(isNaN(value1) ? false : value1); - } - this.xHighestCompleteStep.push(0); - }; - Spectrum.prototype.handleStepPoint = function (i, n) { - // Ignore 'false' stepping. - if (!n) { - return; - } - // Step over zero-length ranges (#948); - if (this.xVal[i] === this.xVal[i + 1]) { - this.xSteps[i] = this.xHighestCompleteStep[i] = this.xVal[i]; - return; - } - // Factor to range ratio - this.xSteps[i] = fromPercentage([this.xVal[i], this.xVal[i + 1]], n, 0) / subRangeRatio(this.xPct[i], this.xPct[i + 1]); - var totalSteps = (this.xVal[i + 1] - this.xVal[i]) / this.xNumSteps[i]; - var highestStep = Math.ceil(Number(totalSteps.toFixed(3)) - 1); - var step = this.xVal[i] + this.xNumSteps[i] * highestStep; - this.xHighestCompleteStep[i] = step; - }; - return Spectrum; - }(); - //endregion - //region Options - /* Every input option is tested and parsed. This will prevent + //RTL + var isRTL = directorist.rtl === 'true'; + var direction; + if (isRTL) { + direction = 'right'; + } else { + direction = 'left'; + } + function isValidFormatter(entry) { + return ( + isValidPartialFormatter(entry) && + typeof entry.from === 'function' + ); + } + function isValidPartialFormatter(entry) { + // partial formatters only need a to function and not a from function + return ( + (0, + _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(entry) === 'object' && typeof entry.to === 'function' + ); + } + function removeElement(el) { + el.parentElement.removeChild(el); + } + function isSet(value) { + return value !== null && value !== undefined; + } + // Bindable version + function preventDefault(e) { + e.preventDefault(); + } + // Removes duplicates from an array. + function unique(array) { + return array.filter(function (a) { + return !this[a] ? (this[a] = true) : false; + }, {}); + } + // Round a value to the closest 'to'. + function closest(value, to) { + return Math.round(value / to) * to; + } + // Current position of an element relative to the document. + function offset(elem, orientation) { + var rect = elem.getBoundingClientRect(); + var doc = elem.ownerDocument; + var docElem = doc.documentElement; + var pageOffset = getPageOffset(doc); + // getBoundingClientRect contains left scroll in Chrome on Android. + // I haven't found a feature detection that proves this. Worst case + // scenario on mis-match: the 'tap' feature on horizontal sliders breaks. + if (/webkit.*Chrome.*Mobile/i.test(navigator.userAgent)) { + pageOffset.x = 0; + } + return orientation + ? rect.top + pageOffset.y - docElem.clientTop + : rect.left + pageOffset.x - docElem.clientLeft; + } + // Checks whether a value is numerical. + function isNumeric(a) { + return typeof a === 'number' && !isNaN(a) && isFinite(a); + } + // Sets a class and removes it after [duration] ms. + function addClassFor(element, className, duration) { + if (duration > 0) { + addClass(element, className); + setTimeout(function () { + removeClass(element, className); + }, duration); + } + } + // Limits a value to 0 - 100 + function limit(a) { + return Math.max(Math.min(a, 100), 0); + } + // Wraps a variable as an array, if it isn't one yet. + // Note that an input array is returned by reference! + function asArray(a) { + return Array.isArray(a) ? a : [a]; + } + // Counts decimals + function countDecimals(numStr) { + numStr = String(numStr); + var pieces = numStr.split('.'); + return pieces.length > 1 ? pieces[1].length : 0; + } + // add_class + function addClass(el, className) { + if (el.classList && !/\s/.test(className)) { + el.classList.add(className); + } else { + el.className += ' ' + className; + } + } + // remove_class + function removeClass(el, className) { + if (el.classList && !/\s/.test(className)) { + el.classList.remove(className); + } else { + el.className = el.className.replace( + new RegExp( + '(^|\\b)' + + className.split(' ').join('|') + + '(\\b|$)', + 'gi' + ), + ' ' + ); + } + } + // https://plainjs.com/javascript/attributes/adding-removing-and-testing-for-classes-9/ + function hasClass(el, className) { + return el.classList + ? el.classList.contains(className) + : new RegExp('\\b' + className + '\\b').test(el.className); + } + // https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollY#Notes + function getPageOffset(doc) { + var supportPageOffset = window.scrollX !== undefined; + var isCSS1Compat = (doc.compatMode || '') === 'CSS1Compat'; + var x = supportPageOffset + ? window.scrollX + : isCSS1Compat + ? doc.documentElement.scrollLeft + : doc.body.scrollLeft; + var y = supportPageOffset + ? window.scrollY + : isCSS1Compat + ? doc.documentElement.scrollTop + : doc.body.scrollTop; + return { + x: x, + y: y, + }; + } + // we provide a function to compute constants instead + // of accessing window.* as soon as the module needs it + // so that we do not compute anything if not needed + function getActions() { + // Determine the events to bind. IE11 implements pointerEvents without + // a prefix, which breaks compatibility with the IE10 implementation. + return window.navigator.pointerEnabled + ? { + start: 'pointerdown', + move: 'pointermove', + end: 'pointerup', + } + : window.navigator.msPointerEnabled + ? { + start: 'MSPointerDown', + move: 'MSPointerMove', + end: 'MSPointerUp', + } + : { + start: 'mousedown touchstart', + move: 'mousemove touchmove', + end: 'mouseup touchend', + }; + } + // https://github.com/WICG/EventListenerOptions/blob/gh-pages/explainer.md + // Issue #785 + function getSupportsPassive() { + var supportsPassive = false; + /* eslint-disable */ + try { + var opts = Object.defineProperty({}, 'passive', { + get: function get() { + supportsPassive = true; + }, + }); + // @ts-ignore + window.addEventListener('test', null, opts); + } catch (e) {} + /* eslint-enable */ + return supportsPassive; + } + function getSupportsTouchActionNone() { + return ( + window.CSS && + CSS.supports && + CSS.supports('touch-action', 'none') + ); + } + //endregion + //region Range Calculation + // Determine the size of a sub-range in relation to a full range. + function subRangeRatio(pa, pb) { + return 100 / (pb - pa); + } + // (percentage) How many percent is this value of this range? + function fromPercentage(range, value, startRange) { + return ( + (value * 100) / (range[startRange + 1] - range[startRange]) + ); + } + // (percentage) Where is this value on this range? + function toPercentage(range, value) { + return fromPercentage( + range, + range[0] < 0 + ? value + Math.abs(range[0]) + : value - range[0], + 0 + ); + } + // (value) How much is this percentage on this range? + function isPercentage(range, value) { + return (value * (range[1] - range[0])) / 100 + range[0]; + } + function getJ(value, arr) { + var j = 1; + while (value >= arr[j]) { + j += 1; + } + return j; + } + // (percentage) Input a value, find where, on a scale of 0-100, it applies. + function toStepping(xVal, xPct, value) { + if (value >= xVal.slice(-1)[0]) { + return 100; + } + var j = getJ(value, xVal); + var va = xVal[j - 1]; + var vb = xVal[j]; + var pa = xPct[j - 1]; + var pb = xPct[j]; + return ( + pa + toPercentage([va, vb], value) / subRangeRatio(pa, pb) + ); + } + // (value) Input a percentage, find where it is on the specified range. + function fromStepping(xVal, xPct, value) { + // There is no range group that fits 100 + if (value >= 100) { + return xVal.slice(-1)[0]; + } + var j = getJ(value, xPct); + var va = xVal[j - 1]; + var vb = xVal[j]; + var pa = xPct[j - 1]; + var pb = xPct[j]; + return isPercentage( + [va, vb], + (value - pa) * subRangeRatio(pa, pb) + ); + } + // (percentage) Get the step that applies at a certain value. + function getStep(xPct, xSteps, snap, value) { + if (value === 100) { + return value; + } + var j = getJ(value, xPct); + var a = xPct[j - 1]; + var b = xPct[j]; + // If 'snap' is set, steps are used as fixed points on the slider. + if (snap) { + // Find the closest position, a or b. + if (value - a > (b - a) / 2) { + return b; + } + return a; + } + if (!xSteps[j - 1]) { + return value; + } + return ( + xPct[j - 1] + closest(value - xPct[j - 1], xSteps[j - 1]) + ); + } + //endregion + //region Spectrum + var Spectrum = /** @class */ (function () { + function Spectrum(entry, snap, singleStep) { + this.xPct = []; + this.xVal = []; + this.xSteps = []; + this.xNumSteps = []; + this.xHighestCompleteStep = []; + this.xSteps = [singleStep || false]; + this.xNumSteps = [false]; + this.snap = snap; + var index; + var ordered = []; + // Map the object keys to an array. + Object.keys(entry).forEach(function (index) { + ordered.push([asArray(entry[index]), index]); + }); + // Sort all entries by value (numeric sort). + ordered.sort(function (a, b) { + return a[0][0] - b[0][0]; + }); + // Convert all entries to subranges. + for (index = 0; index < ordered.length; index++) { + this.handleEntryPoint( + ordered[index][1], + ordered[index][0] + ); + } + // Store the actual step values. + // xSteps is sorted in the same order as xPct and xVal. + this.xNumSteps = this.xSteps.slice(0); + // Convert all numeric steps to the percentage of the subrange they represent. + for (index = 0; index < this.xNumSteps.length; index++) { + this.handleStepPoint(index, this.xNumSteps[index]); + } + } + Spectrum.prototype.getDistance = function (value) { + var distances = []; + for ( + var index = 0; + index < this.xNumSteps.length - 1; + index++ + ) { + distances[index] = fromPercentage( + this.xVal, + value, + index + ); + } + return distances; + }; + // Calculate the percentual distance over the whole scale of ranges. + // direction: 0 = backwards / 1 = forwards + Spectrum.prototype.getAbsoluteDistance = function ( + value, + distances, + direction + ) { + var xPct_index = 0; + // Calculate range where to start calculation + if (value < this.xPct[this.xPct.length - 1]) { + while (value > this.xPct[xPct_index + 1]) { + xPct_index++; + } + } else if (value === this.xPct[this.xPct.length - 1]) { + xPct_index = this.xPct.length - 2; + } + // If looking backwards and the value is exactly at a range separator then look one range further + if (!direction && value === this.xPct[xPct_index + 1]) { + xPct_index++; + } + if (distances === null) { + distances = []; + } + var start_factor; + var rest_factor = 1; + var rest_rel_distance = distances[xPct_index]; + var range_pct = 0; + var rel_range_distance = 0; + var abs_distance_counter = 0; + var range_counter = 0; + // Calculate what part of the start range the value is + if (direction) { + start_factor = + (value - this.xPct[xPct_index]) / + (this.xPct[xPct_index + 1] - this.xPct[xPct_index]); + } else { + start_factor = + (this.xPct[xPct_index + 1] - value) / + (this.xPct[xPct_index + 1] - this.xPct[xPct_index]); + } + // Do until the complete distance across ranges is calculated + while (rest_rel_distance > 0) { + // Calculate the percentage of total range + range_pct = + this.xPct[xPct_index + 1 + range_counter] - + this.xPct[xPct_index + range_counter]; + // Detect if the margin, padding or limit is larger then the current range and calculate + if ( + distances[xPct_index + range_counter] * + rest_factor + + 100 - + start_factor * 100 > + 100 + ) { + // If larger then take the percentual distance of the whole range + rel_range_distance = range_pct * start_factor; + // Rest factor of relative percentual distance still to be calculated + rest_factor = + (rest_rel_distance - 100 * start_factor) / + distances[xPct_index + range_counter]; + // Set start factor to 1 as for next range it does not apply. + start_factor = 1; + } else { + // If smaller or equal then take the percentual distance of the calculate percentual part of that range + rel_range_distance = + ((distances[xPct_index + range_counter] * + range_pct) / + 100) * + rest_factor; + // No rest left as the rest fits in current range + rest_factor = 0; + } + if (direction) { + abs_distance_counter = + abs_distance_counter - rel_range_distance; + // Limit range to first range when distance becomes outside of minimum range + if (this.xPct.length + range_counter >= 1) { + range_counter--; + } + } else { + abs_distance_counter = + abs_distance_counter + rel_range_distance; + // Limit range to last range when distance becomes outside of maximum range + if (this.xPct.length - range_counter >= 1) { + range_counter++; + } + } + // Rest of relative percentual distance still to be calculated + rest_rel_distance = + distances[xPct_index + range_counter] * rest_factor; + } + return value + abs_distance_counter; + }; + Spectrum.prototype.toStepping = function (value) { + value = toStepping(this.xVal, this.xPct, value); + return value; + }; + Spectrum.prototype.fromStepping = function (value) { + return fromStepping(this.xVal, this.xPct, value); + }; + Spectrum.prototype.getStep = function (value) { + value = getStep(this.xPct, this.xSteps, this.snap, value); + return value; + }; + Spectrum.prototype.getDefaultStep = function ( + value, + isDown, + size + ) { + var j = getJ(value, this.xPct); + // When at the top or stepping down, look at the previous sub-range + if ( + value === 100 || + (isDown && value === this.xPct[j - 1]) + ) { + j = Math.max(j - 1, 1); + } + return (this.xVal[j] - this.xVal[j - 1]) / size; + }; + Spectrum.prototype.getNearbySteps = function (value) { + var j = getJ(value, this.xPct); + return { + stepBefore: { + startValue: this.xVal[j - 2], + step: this.xNumSteps[j - 2], + highestStep: this.xHighestCompleteStep[j - 2], + }, + thisStep: { + startValue: this.xVal[j - 1], + step: this.xNumSteps[j - 1], + highestStep: this.xHighestCompleteStep[j - 1], + }, + stepAfter: { + startValue: this.xVal[j], + step: this.xNumSteps[j], + highestStep: this.xHighestCompleteStep[j], + }, + }; + }; + Spectrum.prototype.countStepDecimals = function () { + var stepDecimals = this.xNumSteps.map(countDecimals); + return Math.max.apply(null, stepDecimals); + }; + Spectrum.prototype.hasNoSize = function () { + return this.xVal[0] === this.xVal[this.xVal.length - 1]; + }; + // Outside testing + Spectrum.prototype.convert = function (value) { + return this.getStep(this.toStepping(value)); + }; + Spectrum.prototype.handleEntryPoint = function (index, value) { + var percentage; + // Covert min/max syntax to 0 and 100. + if (index === 'min') { + percentage = 0; + } else if (index === 'max') { + percentage = 100; + } else { + percentage = parseFloat(index); + } + // Check for correct input. + if (!isNumeric(percentage) || !isNumeric(value[0])) { + throw new Error( + "directoristCustomRangeSlider: 'range' value isn't numeric." + ); + } + // Store values. + this.xPct.push(percentage); + this.xVal.push(value[0]); + var value1 = Number(value[1]); + // NaN will evaluate to false too, but to keep + // logging clear, set step explicitly. Make sure + // not to override the 'step' setting with false. + if (!percentage) { + if (!isNaN(value1)) { + this.xSteps[0] = value1; + } + } else { + this.xSteps.push(isNaN(value1) ? false : value1); + } + this.xHighestCompleteStep.push(0); + }; + Spectrum.prototype.handleStepPoint = function (i, n) { + // Ignore 'false' stepping. + if (!n) { + return; + } + // Step over zero-length ranges (#948); + if (this.xVal[i] === this.xVal[i + 1]) { + this.xSteps[i] = this.xHighestCompleteStep[i] = + this.xVal[i]; + return; + } + // Factor to range ratio + this.xSteps[i] = + fromPercentage([this.xVal[i], this.xVal[i + 1]], n, 0) / + subRangeRatio(this.xPct[i], this.xPct[i + 1]); + var totalSteps = + (this.xVal[i + 1] - this.xVal[i]) / this.xNumSteps[i]; + var highestStep = Math.ceil( + Number(totalSteps.toFixed(3)) - 1 + ); + var step = this.xVal[i] + this.xNumSteps[i] * highestStep; + this.xHighestCompleteStep[i] = step; + }; + return Spectrum; + })(); + //endregion + //region Options + /* Every input option is tested and parsed. This will prevent endless validation in internal methods. These tests are structured with an item for every option available. An option can be marked as required by setting the 'r' flag. @@ -568,1830 +731,2413 @@ __webpack_require__.r(__webpack_exports__); The testing function returns false when an error is detected, or true when everything is OK. It can also modify the option object, to make sure all values can be correctly looped elsewhere. */ - //region Defaults - var defaultFormatter = { - to: function to(value) { - return value === undefined ? '' : value.toFixed(2); - }, - from: Number - }; - var cssClasses = { - target: 'target', - base: 'base', - origin: 'origin', - handle: 'handle', - handleLower: 'handle-lower', - handleUpper: 'handle-upper', - touchArea: 'touch-area', - horizontal: 'horizontal', - vertical: 'vertical', - background: 'background', - connect: 'connect', - connects: 'connects', - ltr: 'ltr', - rtl: 'rtl', - textDirectionLtr: 'txt-dir-ltr', - textDirectionRtl: 'txt-dir-rtl', - draggable: 'draggable', - drag: 'state-drag', - tap: 'state-tap', - active: 'active', - tooltip: 'tooltip', - pips: 'pips', - pipsHorizontal: 'pips-horizontal', - pipsVertical: 'pips-vertical', - marker: 'marker', - markerHorizontal: 'marker-horizontal', - markerVertical: 'marker-vertical', - markerNormal: 'marker-normal', - markerLarge: 'marker-large', - markerSub: 'marker-sub', - value: 'value', - valueHorizontal: 'value-horizontal', - valueVertical: 'value-vertical', - valueNormal: 'value-normal', - valueLarge: 'value-large', - valueSub: 'value-sub' - }; - // Namespaces of internal event listeners - var INTERNAL_EVENT_NS = { - tooltips: '.__tooltips', - aria: '.__aria' - }; - //endregion - function customRangeStep(parsed, entry) { - if (!isNumeric(entry)) { - throw new Error("directoristCustomRangeSlider: 'step' is not numeric."); - } - // The step option can still be used to set stepping - // for linear sliders. Overwritten if set in 'range'. - parsed.singleStep = entry; - } - function customRangeKeyboardPageMultiplier(parsed, entry) { - if (!isNumeric(entry)) { - throw new Error("directoristCustomRangeSlider: 'keyboardPageMultiplier' is not numeric."); - } - parsed.keyboardPageMultiplier = entry; - } - function customRangeKeyboardMultiplier(parsed, entry) { - if (!isNumeric(entry)) { - throw new Error("directoristCustomRangeSlider: 'keyboardMultiplier' is not numeric."); - } - parsed.keyboardMultiplier = entry; - } - function customRangeKeyboardDefaultStep(parsed, entry) { - if (!isNumeric(entry)) { - throw new Error("directoristCustomRangeSlider: 'keyboardDefaultStep' is not numeric."); - } - parsed.keyboardDefaultStep = entry; - } - function customRangeRange(parsed, entry) { - // Filter incorrect input. - if ((0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__["default"])(entry) !== 'object' || Array.isArray(entry)) { - throw new Error("directoristCustomRangeSlider: 'range' is not an object."); - } - // Catch missing start or end. - if (entry.min === undefined || entry.max === undefined) { - throw new Error("directoristCustomRangeSlider: Missing 'min' or 'max' in 'range'."); - } - parsed.spectrum = new Spectrum(entry, parsed.snap || false, parsed.singleStep); - } - function customRangeStart(parsed, entry) { - entry = asArray(entry); - // Validate input. Values aren't tested, as the public .val method - // will always provide a valid location. - if (!Array.isArray(entry) || !entry.length) { - throw new Error("directoristCustomRangeSlider: 'start' option is incorrect."); - } - // Store the number of handles. - parsed.handles = entry.length; - // When the slider is initialized, the .val method will - // be called with the start options. - parsed.start = entry; - } - function customRangeSnap(parsed, entry) { - if (typeof entry !== 'boolean') { - throw new Error("directoristCustomRangeSlider: 'snap' option must be a boolean."); - } - // Enforce 100% stepping within subranges. - parsed.snap = entry; - } - function customRangeAnimate(parsed, entry) { - if (typeof entry !== 'boolean') { - throw new Error("directoristCustomRangeSlider: 'animate' option must be a boolean."); - } - // Enforce 100% stepping within subranges. - parsed.animate = entry; - } - function customRangeAnimationDuration(parsed, entry) { - if (typeof entry !== 'number') { - throw new Error("directoristCustomRangeSlider: 'animationDuration' option must be a number."); - } - parsed.animationDuration = entry; - } - function customRangeConnect(parsed, entry) { - var connect = [false]; - var i; - // Map legacy options - if (entry === 'lower') { - entry = [true, false]; - } else if (entry === 'upper') { - entry = [false, true]; - } - // Handle boolean options - if (entry === true || entry === false) { - for (i = 1; i < parsed.handles; i++) { - connect.push(entry); - } - connect.push(false); - } - // Reject invalid input - else if (!Array.isArray(entry) || !entry.length || entry.length !== parsed.handles + 1) { - throw new Error("directoristCustomRangeSlider: 'connect' option doesn't match handle count."); - } else { - connect = entry; - } - parsed.connect = connect; - } - function customRangeOrientation(parsed, entry) { - // Set orientation to an a numerical value for easy - // array selection. - switch (entry) { - case 'horizontal': - parsed.ort = 0; - break; - case 'vertical': - parsed.ort = 1; - break; - default: - throw new Error("directoristCustomRangeSlider: 'orientation' option is invalid."); - } - } - function customRangeMargin(parsed, entry) { - if (!isNumeric(entry)) { - throw new Error("directoristCustomRangeSlider: 'margin' option must be numeric."); - } - // Issue #582 - if (entry === 0) { - return; - } - parsed.margin = parsed.spectrum.getDistance(entry); - } - function customRangeLimit(parsed, entry) { - if (!isNumeric(entry)) { - throw new Error("directoristCustomRangeSlider: 'limit' option must be numeric."); - } - parsed.limit = parsed.spectrum.getDistance(entry); - if (!parsed.limit || parsed.handles < 2) { - throw new Error("directoristCustomRangeSlider: 'limit' option is only supported on linear sliders with 2 or more handles."); - } - } - function customRangePadding(parsed, entry) { - var index; - if (!isNumeric(entry) && !Array.isArray(entry)) { - throw new Error("directoristCustomRangeSlider: 'padding' option must be numeric or array of exactly 2 numbers."); - } - if (Array.isArray(entry) && !(entry.length === 2 || isNumeric(entry[0]) || isNumeric(entry[1]))) { - throw new Error("directoristCustomRangeSlider: 'padding' option must be numeric or array of exactly 2 numbers."); - } - if (entry === 0) { - return; - } - if (!Array.isArray(entry)) { - entry = [entry, entry]; - } - // 'getDistance' returns false for invalid values. - parsed.padding = [parsed.spectrum.getDistance(entry[0]), parsed.spectrum.getDistance(entry[1])]; - for (index = 0; index < parsed.spectrum.xNumSteps.length - 1; index++) { - // last "range" can't contain step size as it is purely an endpoint. - if (parsed.padding[0][index] < 0 || parsed.padding[1][index] < 0) { - throw new Error("directoristCustomRangeSlider: 'padding' option must be a positive number(s)."); - } - } - var totalPadding = entry[0] + entry[1]; - var firstValue = parsed.spectrum.xVal[0]; - var lastValue = parsed.spectrum.xVal[parsed.spectrum.xVal.length - 1]; - if (totalPadding / (lastValue - firstValue) > 1) { - throw new Error("directoristCustomRangeSlider: 'padding' option must not exceed 100% of the range."); - } - } - function customRangeDirection(parsed, entry) { - // Set direction as a numerical value for easy parsing. - // Invert connection for RTL sliders, so that the proper - // handles get the connect/background classes. - switch (entry) { - case 'ltr': - parsed.dir = 0; - break; - case 'rtl': - parsed.dir = 1; - break; - default: - throw new Error("directoristCustomRangeSlider: 'direction' option was not recognized."); - } - } - function customRangeBehaviour(parsed, entry) { - // Make sure the input is a string. - if (typeof entry !== 'string') { - throw new Error("directoristCustomRangeSlider: 'behaviour' must be a string containing options."); - } - // Check if the string contains any keywords. - // None are required. - var tap = entry.indexOf('tap') >= 0; - var drag = entry.indexOf('drag') >= 0; - var fixed = entry.indexOf('fixed') >= 0; - var snap = entry.indexOf('snap') >= 0; - var hover = entry.indexOf('hover') >= 0; - var unconstrained = entry.indexOf('unconstrained') >= 0; - var dragAll = entry.indexOf('drag-all') >= 0; - var smoothSteps = entry.indexOf('smooth-steps') >= 0; - if (fixed) { - if (parsed.handles !== 2) { - throw new Error("directoristCustomRangeSlider: 'fixed' behaviour must be used with 2 handles"); - } - // Use margin to enforce fixed state - customRangeMargin(parsed, parsed.start[1] - parsed.start[0]); - } - if (unconstrained && (parsed.margin || parsed.limit)) { - throw new Error("directoristCustomRangeSlider: 'unconstrained' behaviour cannot be used with margin or limit"); - } - parsed.events = { - tap: tap || snap, - drag: drag, - dragAll: dragAll, - smoothSteps: smoothSteps, - fixed: fixed, - snap: snap, - hover: hover, - unconstrained: unconstrained - }; - } - function customRangeTooltips(parsed, entry) { - if (entry === false) { - return; - } - if (entry === true || isValidPartialFormatter(entry)) { - parsed.tooltips = []; - for (var i = 0; i < parsed.handles; i++) { - parsed.tooltips.push(entry); - } - } else { - entry = asArray(entry); - if (entry.length !== parsed.handles) { - throw new Error('directoristCustomRangeSlider: must pass a formatter for all handles.'); - } - entry.forEach(function (formatter) { - if (typeof formatter !== 'boolean' && !isValidPartialFormatter(formatter)) { - throw new Error("directoristCustomRangeSlider: 'tooltips' must be passed a formatter or 'false'."); - } - }); - parsed.tooltips = entry; - } - } - function customRangeHandleAttributes(parsed, entry) { - if (entry.length !== parsed.handles) { - throw new Error('directoristCustomRangeSlider: must pass a attributes for all handles.'); - } - parsed.handleAttributes = entry; - } - function customRangeAriaFormat(parsed, entry) { - if (!isValidPartialFormatter(entry)) { - throw new Error("directoristCustomRangeSlider: 'ariaFormat' requires 'to' method."); - } - parsed.ariaFormat = entry; - } - function customRangeFormat(parsed, entry) { - if (!isValidFormatter(entry)) { - throw new Error("directoristCustomRangeSlider: 'format' requires 'to' and 'from' methods."); - } - parsed.format = entry; - } - function customRangeKeyboardSupport(parsed, entry) { - if (typeof entry !== 'boolean') { - throw new Error("directoristCustomRangeSlider: 'keyboardSupport' option must be a boolean."); - } - parsed.keyboardSupport = entry; - } - function customRangeDocumentElement(parsed, entry) { - // This is an advanced option. Passed values are used without validation. - parsed.documentElement = entry; - } - function customRangeCssPrefix(parsed, entry) { - if (typeof entry !== 'string' && entry !== false) { - throw new Error("directoristCustomRangeSlider: 'cssPrefix' must be a string or `false`."); - } - parsed.cssPrefix = entry; - } - function customRangeCssClasses(parsed, entry) { - if ((0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__["default"])(entry) !== 'object') { - throw new Error("directoristCustomRangeSlider: 'cssClasses' must be an object."); - } - if (typeof parsed.cssPrefix === 'string') { - parsed.cssClasses = {}; - Object.keys(entry).forEach(function (key) { - parsed.cssClasses[key] = parsed.cssPrefix + entry[key]; - }); - } else { - parsed.cssClasses = entry; - } - } - // Test all developer settings and parse to assumption-safe values. - function customRangeOptions(options) { - // To prove a fix for #537, freeze options here. - // If the object is modified, an error will be thrown. - // Object.freeze(options); - var parsed = { - margin: null, - limit: null, - padding: null, - animate: true, - animationDuration: 300, - ariaFormat: defaultFormatter, - format: defaultFormatter - }; - // Tests are executed in the order they are presented here. - var customRanges = { - step: { - r: false, - t: customRangeStep - }, - keyboardPageMultiplier: { - r: false, - t: customRangeKeyboardPageMultiplier - }, - keyboardMultiplier: { - r: false, - t: customRangeKeyboardMultiplier - }, - keyboardDefaultStep: { - r: false, - t: customRangeKeyboardDefaultStep - }, - start: { - r: true, - t: customRangeStart - }, - connect: { - r: true, - t: customRangeConnect - }, - direction: { - r: true, - t: customRangeDirection - }, - snap: { - r: false, - t: customRangeSnap - }, - animate: { - r: false, - t: customRangeAnimate - }, - animationDuration: { - r: false, - t: customRangeAnimationDuration - }, - range: { - r: true, - t: customRangeRange - }, - orientation: { - r: false, - t: customRangeOrientation - }, - margin: { - r: false, - t: customRangeMargin - }, - limit: { - r: false, - t: customRangeLimit - }, - padding: { - r: false, - t: customRangePadding - }, - behaviour: { - r: true, - t: customRangeBehaviour - }, - ariaFormat: { - r: false, - t: customRangeAriaFormat - }, - format: { - r: false, - t: customRangeFormat - }, - tooltips: { - r: false, - t: customRangeTooltips - }, - keyboardSupport: { - r: true, - t: customRangeKeyboardSupport - }, - documentElement: { - r: false, - t: customRangeDocumentElement - }, - cssPrefix: { - r: true, - t: customRangeCssPrefix - }, - cssClasses: { - r: true, - t: customRangeCssClasses - }, - handleAttributes: { - r: false, - t: customRangeHandleAttributes - } - }; - var defaults = { - connect: false, - direction: 'ltr', - behaviour: 'tap', - orientation: 'horizontal', - keyboardSupport: true, - cssPrefix: 'directorist-custom-range-slider-', - cssClasses: cssClasses, - keyboardPageMultiplier: 5, - keyboardMultiplier: 1, - keyboardDefaultStep: 10 - }; - // AriaFormat defaults to regular format, if any. - if (options.format && !options.ariaFormat) { - options.ariaFormat = options.format; - } - // Run all options through a testing mechanism to ensure correct - // input. It should be noted that options might get modified to - // be handled properly. E.g. wrapping integers in arrays. - Object.keys(customRanges).forEach(function (name) { - // If the option isn't set, but it is required, throw an error. - if (!isSet(options[name]) && defaults[name] === undefined) { - if (customRanges[name].r) { - throw new Error("directoristCustomRangeSlider: '" + name + "' is required."); - } - return; - } - customRanges[name].t(parsed, !isSet(options[name]) ? defaults[name] : options[name]); - }); - // Forward pips options - parsed.pips = options.pips; - // All recent browsers accept unprefixed transform. - // We need -ms- for IE9 and -webkit- for older Android; - // Assume use of -webkit- if unprefixed and -ms- are not supported. - // https://caniuse.com/#feat=transforms2d - var d = document.createElement('div'); - var msPrefix = d.style.msTransform !== undefined; - var noPrefix = d.style.transform !== undefined; - parsed.transformRule = noPrefix ? 'transform' : msPrefix ? 'msTransform' : 'webkitTransform'; - // Pips don't move, so we can place them using left/top. - var styles = [['left', 'top'], ['right', 'bottom']]; - parsed.style = styles[parsed.dir][parsed.ort]; - return parsed; - } - //endregion - function scope(target, options, originalOptions) { - var actions = getActions(); - var supportsTouchActionNone = getSupportsTouchActionNone(); - var supportsPassive = supportsTouchActionNone && getSupportsPassive(); - // All variables local to 'scope' are prefixed with 'scope_' - // Slider DOM Nodes - var scope_Target = target; - var scope_Base; - var scope_Handles; - var scope_Connects; - var scope_Pips; - var scope_Tooltips; - // Slider state values - var scope_Spectrum = options.spectrum; - var scope_Values = []; - var scope_Locations = []; - var scope_HandleNumbers = []; - var scope_ActiveHandlesCount = 0; - var scope_Events = {}; - // Document Nodes - var scope_Document = target.ownerDocument; - var scope_DocumentElement = options.documentElement || scope_Document.documentElement; - var scope_Body = scope_Document.body; - // For horizontal sliders in standard ltr documents, - // make .directorist-custom-range-slider-origin overflow to the left so the document doesn't scroll. - var scope_DirOffset = scope_Document.dir === 'rtl' || options.ort === 1 ? 0 : 100; - // Creates a node, adds it to target, returns the new node. - function addNodeTo(addTarget, className) { - var div = scope_Document.createElement('div'); - if (className) { - addClass(div, className); - } - addTarget.appendChild(div); - return div; - } - // Append a origin to the base - function addOrigin(base, handleNumber) { - var origin = addNodeTo(base, options.cssClasses.origin); - var handle = addNodeTo(origin, options.cssClasses.handle); - addNodeTo(handle, options.cssClasses.touchArea); - handle.setAttribute('data-handle', String(handleNumber)); - if (options.keyboardSupport) { - // https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex - // 0 = focusable and reachable - handle.setAttribute('tabindex', '0'); - handle.addEventListener('keydown', function (event) { - return eventKeydown(event, handleNumber); - }); - } - if (options.handleAttributes !== undefined) { - var attributes_1 = options.handleAttributes[handleNumber]; - Object.keys(attributes_1).forEach(function (attribute) { - handle.setAttribute(attribute, attributes_1[attribute]); - }); - } - handle.setAttribute('role', 'slider'); - handle.setAttribute('aria-orientation', options.ort ? 'vertical' : 'horizontal'); - if (handleNumber === 0) { - addClass(handle, options.cssClasses.handleLower); - } else if (handleNumber === options.handles - 1) { - addClass(handle, options.cssClasses.handleUpper); - } - origin.handle = handle; - return origin; - } - // Insert nodes for connect elements - function addConnect(base, add) { - if (!add) { - return false; - } - return addNodeTo(base, options.cssClasses.connect); - } - // Add handles to the slider base. - function addElements(connectOptions, base) { - var connectBase = addNodeTo(base, options.cssClasses.connects); - scope_Handles = []; - scope_Connects = []; - scope_Connects.push(addConnect(connectBase, connectOptions[0])); - // [::::O====O====O====] - // connectOptions = [0, 1, 1, 1] - for (var i = 0; i < options.handles; i++) { - // Keep a list of all added handles. - scope_Handles.push(addOrigin(base, i)); - scope_HandleNumbers[i] = i; - scope_Connects.push(addConnect(connectBase, connectOptions[i + 1])); - } - } - // Initialize a single slider. - function addSlider(addTarget) { - // Apply classes and data to the target. - addClass(addTarget, options.cssClasses.target); - if (options.dir === 0) { - addClass(addTarget, options.cssClasses.ltr); - } else { - addClass(addTarget, options.cssClasses.rtl); - } - if (options.ort === 0) { - addClass(addTarget, options.cssClasses.horizontal); - } else { - addClass(addTarget, options.cssClasses.vertical); - } - var textDirection = getComputedStyle(addTarget).direction; - if (textDirection === 'rtl') { - addClass(addTarget, options.cssClasses.textDirectionRtl); - } else { - addClass(addTarget, options.cssClasses.textDirectionLtr); - } - return addNodeTo(addTarget, options.cssClasses.base); - } - function addTooltip(handle, handleNumber) { - if (!options.tooltips || !options.tooltips[handleNumber]) { - return false; - } - return addNodeTo(handle.firstChild, options.cssClasses.tooltip); - } - function isSliderDisabled() { - return scope_Target.hasAttribute('disabled'); - } - // Disable the slider dragging if any handle is disabled - function isHandleDisabled(handleNumber) { - var handleOrigin = scope_Handles[handleNumber]; - return handleOrigin.hasAttribute('disabled'); - } - function disable(handleNumber) { - if (handleNumber !== null && handleNumber !== undefined) { - scope_Handles[handleNumber].setAttribute('disabled', ''); - scope_Handles[handleNumber].handle.removeAttribute('tabindex'); - } else { - scope_Target.setAttribute('disabled', ''); - scope_Handles.forEach(function (handle) { - handle.handle.removeAttribute('tabindex'); - }); - } - } - function enable(handleNumber) { - if (handleNumber !== null && handleNumber !== undefined) { - scope_Handles[handleNumber].removeAttribute('disabled'); - scope_Handles[handleNumber].handle.setAttribute('tabindex', '0'); - } else { - scope_Target.removeAttribute('disabled'); - scope_Handles.forEach(function (handle) { - handle.removeAttribute('disabled'); - handle.handle.setAttribute('tabindex', '0'); - }); - } - } - function removeTooltips() { - if (scope_Tooltips) { - removeEvent('update' + INTERNAL_EVENT_NS.tooltips); - scope_Tooltips.forEach(function (tooltip) { - if (tooltip) { - removeElement(tooltip); - } - }); - scope_Tooltips = null; - } - } - // The tooltips option is a shorthand for using the 'update' event. - function tooltips() { - removeTooltips(); - // Tooltips are added with options.tooltips in original order. - scope_Tooltips = scope_Handles.map(addTooltip); - bindEvent('update' + INTERNAL_EVENT_NS.tooltips, function (values, handleNumber, unencoded) { - if (!scope_Tooltips || !options.tooltips) { - return; - } - if (scope_Tooltips[handleNumber] === false) { - return; - } - var formattedValue = values[handleNumber]; - if (options.tooltips[handleNumber] !== true) { - formattedValue = options.tooltips[handleNumber].to(unencoded[handleNumber]); - } - scope_Tooltips[handleNumber].innerHTML = formattedValue; - }); - } - function aria() { - removeEvent('update' + INTERNAL_EVENT_NS.aria); - bindEvent('update' + INTERNAL_EVENT_NS.aria, function (values, handleNumber, unencoded, tap, positions) { - // Update Aria Values for all handles, as a change in one changes min and max values for the next. - scope_HandleNumbers.forEach(function (index) { - var handle = scope_Handles[index]; - var min = checkHandlePosition(scope_Locations, index, 0, true, true, true); - var max = checkHandlePosition(scope_Locations, index, 100, true, true, true); - var now = positions[index]; - // Formatted value for display - var text = String(options.ariaFormat.to(unencoded[index])); - // Map to slider range values - min = scope_Spectrum.fromStepping(min).toFixed(1); - max = scope_Spectrum.fromStepping(max).toFixed(1); - now = scope_Spectrum.fromStepping(now).toFixed(1); - handle.children[0].setAttribute('aria-valuemin', min); - handle.children[0].setAttribute('aria-valuemax', max); - handle.children[0].setAttribute('aria-valuenow', now); - handle.children[0].setAttribute('aria-valuetext', text); - }); - }); - } - function getGroup(pips) { - // Use the range. - if (pips.mode === exports.PipsMode.Range || pips.mode === exports.PipsMode.Steps) { - return scope_Spectrum.xVal; - } - if (pips.mode === exports.PipsMode.Count) { - if (pips.values < 2) { - throw new Error("directoristCustomRangeSlider: 'values' (>= 2) required for mode 'count'."); - } - // Divide 0 - 100 in 'count' parts. - var interval = pips.values - 1; - var spread = 100 / interval; - var values = []; - // List these parts and have them handled as 'positions'. - while (interval--) { - values[interval] = interval * spread; - } - values.push(100); - return mapToRange(values, pips.stepped); - } - if (pips.mode === exports.PipsMode.Positions) { - // Map all percentages to on-range values. - return mapToRange(pips.values, pips.stepped); - } - if (pips.mode === exports.PipsMode.Values) { - // If the value must be stepped, it needs to be converted to a percentage first. - if (pips.stepped) { - return pips.values.map(function (value) { - // Convert to percentage, apply step, return to value. - return scope_Spectrum.fromStepping(scope_Spectrum.getStep(scope_Spectrum.toStepping(value))); - }); - } - // Otherwise, we can simply use the values. - return pips.values; - } - return []; // pips.mode = never - } - function mapToRange(values, stepped) { - return values.map(function (value) { - return scope_Spectrum.fromStepping(stepped ? scope_Spectrum.getStep(value) : value); - }); - } - function generateSpread(pips) { - function safeIncrement(value, increment) { - // Avoid floating point variance by dropping the smallest decimal places. - return Number((value + increment).toFixed(7)); - } - var group = getGroup(pips); - var indexes = {}; - var firstInRange = scope_Spectrum.xVal[0]; - var lastInRange = scope_Spectrum.xVal[scope_Spectrum.xVal.length - 1]; - var ignoreFirst = false; - var ignoreLast = false; - var prevPct = 0; - // Create a copy of the group, sort it and filter away all duplicates. - group = unique(group.slice().sort(function (a, b) { - return a - b; - })); - // Make sure the range starts with the first element. - if (group[0] !== firstInRange) { - group.unshift(firstInRange); - ignoreFirst = true; - } - // Likewise for the last one. - if (group[group.length - 1] !== lastInRange) { - group.push(lastInRange); - ignoreLast = true; - } - group.forEach(function (current, index) { - // Get the current step and the lower + upper positions. - var step; - var i; - var q; - var low = current; - var high = group[index + 1]; - var newPct; - var pctDifference; - var pctPos; - var type; - var steps; - var realSteps; - var stepSize; - var isSteps = pips.mode === exports.PipsMode.Steps; - // When using 'steps' mode, use the provided steps. - // Otherwise, we'll step on to the next subrange. - if (isSteps) { - step = scope_Spectrum.xNumSteps[index]; - } - // Default to a 'full' step. - if (!step) { - step = high - low; - } - // If high is undefined we are at the last subrange. Make sure it iterates once (#1088) - if (high === undefined) { - high = low; - } - // Make sure step isn't 0, which would cause an infinite loop (#654) - step = Math.max(step, 0.0000001); - // Find all steps in the subrange. - for (i = low; i <= high; i = safeIncrement(i, step)) { - // Get the percentage value for the current step, - // calculate the size for the subrange. - newPct = scope_Spectrum.toStepping(i); - pctDifference = newPct - prevPct; - steps = pctDifference / (pips.density || 1); - realSteps = Math.round(steps); - // This ratio represents the amount of percentage-space a point indicates. - // For a density 1 the points/percentage = 1. For density 2, that percentage needs to be re-divided. - // Round the percentage offset to an even number, then divide by two - // to spread the offset on both sides of the range. - stepSize = pctDifference / realSteps; - // Divide all points evenly, adding the correct number to this subrange. - // Run up to <= so that 100% gets a point, event if ignoreLast is set. - for (q = 1; q <= realSteps; q += 1) { - // The ratio between the rounded value and the actual size might be ~1% off. - // Correct the percentage offset by the number of points - // per subrange. density = 1 will result in 100 points on the - // full range, 2 for 50, 4 for 25, etc. - pctPos = prevPct + q * stepSize; - indexes[pctPos.toFixed(5)] = [scope_Spectrum.fromStepping(pctPos), 0]; - } - // Determine the point type. - type = group.indexOf(i) > -1 ? exports.PipsType.LargeValue : isSteps ? exports.PipsType.SmallValue : exports.PipsType.NoValue; - // Enforce the 'ignoreFirst' option by overwriting the type for 0. - if (!index && ignoreFirst && i !== high) { - type = 0; - } - if (!(i === high && ignoreLast)) { - // Mark the 'type' of this point. 0 = plain, 1 = real value, 2 = step value. - indexes[newPct.toFixed(5)] = [i, type]; - } - // Update the percentage count. - prevPct = newPct; - } - }); - return indexes; - } - function addMarking(spread, filterFunc, formatter) { - var _a, _b; - var element = scope_Document.createElement('div'); - var valueSizeClasses = (_a = {}, _a[exports.PipsType.None] = '', _a[exports.PipsType.NoValue] = options.cssClasses.valueNormal, _a[exports.PipsType.LargeValue] = options.cssClasses.valueLarge, _a[exports.PipsType.SmallValue] = options.cssClasses.valueSub, _a); - var markerSizeClasses = (_b = {}, _b[exports.PipsType.None] = '', _b[exports.PipsType.NoValue] = options.cssClasses.markerNormal, _b[exports.PipsType.LargeValue] = options.cssClasses.markerLarge, _b[exports.PipsType.SmallValue] = options.cssClasses.markerSub, _b); - var valueOrientationClasses = [options.cssClasses.valueHorizontal, options.cssClasses.valueVertical]; - var markerOrientationClasses = [options.cssClasses.markerHorizontal, options.cssClasses.markerVertical]; - addClass(element, options.cssClasses.pips); - addClass(element, options.ort === 0 ? options.cssClasses.pipsHorizontal : options.cssClasses.pipsVertical); - function getClasses(type, source) { - var a = source === options.cssClasses.value; - var orientationClasses = a ? valueOrientationClasses : markerOrientationClasses; - var sizeClasses = a ? valueSizeClasses : markerSizeClasses; - return source + ' ' + orientationClasses[options.ort] + ' ' + sizeClasses[type]; - } - function addSpread(offset, value, type) { - // Apply the filter function, if it is set. - type = filterFunc ? filterFunc(value, type) : type; - if (type === exports.PipsType.None) { - return; - } - // Add a marker for every point - var node = addNodeTo(element, false); - node.className = getClasses(type, options.cssClasses.marker); - node.style[options.style] = offset + '%'; - // Values are only appended for points marked '1' or '2'. - if (type > exports.PipsType.NoValue) { - node = addNodeTo(element, false); - node.className = getClasses(type, options.cssClasses.value); - node.setAttribute('data-value', String(value)); - node.style[options.style] = offset + '%'; - node.innerHTML = String(formatter.to(value)); - } - } - // Append all points. - Object.keys(spread).forEach(function (offset) { - addSpread(offset, spread[offset][0], spread[offset][1]); - }); - return element; - } - function removePips() { - if (scope_Pips) { - removeElement(scope_Pips); - scope_Pips = null; - } - } - function pips(pips) { - // Fix #669 - removePips(); - var spread = generateSpread(pips); - var filter = pips.filter; - var format = pips.format || { - to: function to(value) { - return String(Math.round(value)); - } - }; - scope_Pips = scope_Target.appendChild(addMarking(spread, filter, format)); - return scope_Pips; - } - // Shorthand for base dimensions. - function baseSize() { - var rect = scope_Base.getBoundingClientRect(); - var alt = 'offset' + ['Width', 'Height'][options.ort]; - return options.ort === 0 ? rect.width || scope_Base[alt] : rect.height || scope_Base[alt]; - } - // Handler for attaching events trough a proxy. - function attachEvent(events, element, callback, data) { - // This function can be used to 'filter' events to the slider. - // element is a node, not a nodeList - var method = function method(event) { - var e = fixEvent(event, data.pageOffset, data.target || element); - // fixEvent returns false if this event has a different target - // when handling (multi-) touch events; - if (!e) { - return false; - } - // doNotReject is passed by all end events to make sure released touches - // are not rejected, leaving the slider "stuck" to the cursor; - if (isSliderDisabled() && !data.doNotReject) { - return false; - } - // Stop if an active 'tap' transition is taking place. - if (hasClass(scope_Target, options.cssClasses.tap) && !data.doNotReject) { - return false; - } - // Ignore right or middle clicks on start #454 - if (events === actions.start && e.buttons !== undefined && e.buttons > 1) { - return false; - } - // Ignore right or middle clicks on start #454 - if (data.hover && e.buttons) { - return false; - } - // 'supportsPassive' is only true if a browser also supports touch-action: none in CSS. - // iOS safari does not, so it doesn't get to benefit from passive scrolling. iOS does support - // touch-action: manipulation, but that allows panning, which breaks - // sliders after zooming/on non-responsive pages. - // See: https://bugs.webkit.org/show_bug.cgi?id=133112 - if (!supportsPassive) { - e.preventDefault(); - } - e.calcPoint = e.points[options.ort]; - // Call the event handler with the event [ and additional data ]. - callback(e, data); - return; - }; - var methods = []; - // Bind a closure on the target for every event type. - events.split(' ').forEach(function (eventName) { - element.addEventListener(eventName, method, supportsPassive ? { - passive: true - } : false); - methods.push([eventName, method]); - }); - return methods; - } - // Provide a clean event with standardized offset values. - function fixEvent(e, pageOffset, eventTarget) { - // Filter the event to register the type, which can be - // touch, mouse or pointer. Offset changes need to be - // made on an event specific basis. - var touch = e.type.indexOf('touch') === 0; - var mouse = e.type.indexOf('mouse') === 0; - var pointer = e.type.indexOf('pointer') === 0; - var x = 0; - var y = 0; - // IE10 implemented pointer events with a prefix; - if (e.type.indexOf('MSPointer') === 0) { - pointer = true; - } - // Erroneous events seem to be passed in occasionally on iOS/iPadOS after user finishes interacting with - // the slider. They appear to be of type MouseEvent, yet they don't have usual properties set. Ignore - // events that have no touches or buttons associated with them. (#1057, #1079, #1095) - if (e.type === 'mousedown' && !e.buttons && !e.touches) { - return false; - } - // The only thing one handle should be concerned about is the touches that originated on top of it. - if (touch) { - // Returns true if a touch originated on the target. - var isTouchOnTarget = function isTouchOnTarget(checkTouch) { - var target = checkTouch.target; - return target === eventTarget || eventTarget.contains(target) || e.composed && e.composedPath().shift() === eventTarget; - }; - // In the case of touchstart events, we need to make sure there is still no more than one - // touch on the target so we look amongst all touches. - if (e.type === 'touchstart') { - var targetTouches = Array.prototype.filter.call(e.touches, isTouchOnTarget); - // Do not support more than one touch per handle. - if (targetTouches.length > 1) { - return false; - } - x = targetTouches[0].pageX; - y = targetTouches[0].pageY; - } else { - // In the other cases, find on changedTouches is enough. - var targetTouch = Array.prototype.find.call(e.changedTouches, isTouchOnTarget); - // Cancel if the target touch has not moved. - if (!targetTouch) { - return false; - } - x = targetTouch.pageX; - y = targetTouch.pageY; - } - } - pageOffset = pageOffset || getPageOffset(scope_Document); - if (mouse || pointer) { - x = e.clientX + pageOffset.x; - y = e.clientY + pageOffset.y; - } - e.pageOffset = pageOffset; - e.points = [x, y]; - e.cursor = mouse || pointer; // Fix #435 - return e; - } - // Translate a coordinate in the document to a percentage on the slider - function calcPointToPercentage(calcPoint) { - var location = calcPoint - offset(scope_Base, options.ort); - var proposal = location * 100 / baseSize(); - // Clamp proposal between 0% and 100% - // Out-of-bound coordinates may occur when .directorist-custom-range-slider-base pseudo-elements - // are used (e.g. contained handles feature) - proposal = limit(proposal); - return options.dir ? 100 - proposal : proposal; - } - // Find handle closest to a certain percentage on the slider - function getClosestHandle(clickedPosition) { - var smallestDifference = 100; - var handleNumber = false; - scope_Handles.forEach(function (handle, index) { - // Disabled handles are ignored - if (isHandleDisabled(index)) { - return; - } - var handlePosition = scope_Locations[index]; - var differenceWithThisHandle = Math.abs(handlePosition - clickedPosition); - // Initial state - var clickAtEdge = differenceWithThisHandle === 100 && smallestDifference === 100; - // Difference with this handle is smaller than the previously checked handle - var isCloser = differenceWithThisHandle < smallestDifference; - var isCloserAfter = differenceWithThisHandle <= smallestDifference && clickedPosition > handlePosition; - if (isCloser || isCloserAfter || clickAtEdge) { - handleNumber = index; - smallestDifference = differenceWithThisHandle; - } - }); - return handleNumber; - } - // Fire 'end' when a mouse or pen leaves the document. - function documentLeave(event, data) { - if (event.type === 'mouseout' && event.target.nodeName === 'HTML' && event.relatedTarget === null) { - eventEnd(event, data); - } - } - // Handle movement on document for handle and range drag. - function eventMove(event, data) { - // Fix #498 - // Check value of .buttons in 'start' to work around a bug in IE10 mobile (data.buttonsProperty). - // https://connect.microsoft.com/IE/feedback/details/927005/mobile-ie10-windows-phone-buttons-property-of-pointermove-event-always-zero - // IE9 has .buttons and .which zero on mousemove. - // Firefox breaks the spec MDN defines. - if (navigator.appVersion.indexOf('MSIE 9') === -1 && event.buttons === 0 && data.buttonsProperty !== 0) { - return eventEnd(event, data); - } - // Check if we are moving up or down - var movement = (options.dir ? -1 : 1) * (event.calcPoint - data.startCalcPoint); - // Convert the movement into a percentage of the slider width/height - var proposal = movement * 100 / data.baseSize; - moveHandles(movement > 0, proposal, data.locations, data.handleNumbers, data.connect); - } - // Unbind move events on document, call callbacks. - function eventEnd(event, data) { - // The handle is no longer active, so remove the class. - if (data.handle) { - removeClass(data.handle, options.cssClasses.active); - scope_ActiveHandlesCount -= 1; - } - // Unbind the move and end events, which are added on 'start'. - data.listeners.forEach(function (c) { - scope_DocumentElement.removeEventListener(c[0], c[1]); - }); - if (scope_ActiveHandlesCount === 0) { - // Remove dragging class. - removeClass(scope_Target, options.cssClasses.drag); - setZindex(); - // Remove cursor styles and text-selection events bound to the body. - if (event.cursor) { - scope_Body.style.cursor = ''; - scope_Body.removeEventListener('selectstart', preventDefault); - } - } - if (options.events.smoothSteps) { - data.handleNumbers.forEach(function (handleNumber) { - setHandle(handleNumber, scope_Locations[handleNumber], true, true, false, false); - }); - data.handleNumbers.forEach(function (handleNumber) { - fireEvent('update', handleNumber); - }); - } - data.handleNumbers.forEach(function (handleNumber) { - fireEvent('change', handleNumber); - fireEvent('set', handleNumber); - fireEvent('end', handleNumber); - }); - } - // Bind move events on document. - function eventStart(event, data) { - // Ignore event if any handle is disabled - if (data.handleNumbers.some(isHandleDisabled)) { - return; - } - var handle; - if (data.handleNumbers.length === 1) { - var handleOrigin = scope_Handles[data.handleNumbers[0]]; - handle = handleOrigin.children[0]; - scope_ActiveHandlesCount += 1; - // Mark the handle as 'active' so it can be styled. - addClass(handle, options.cssClasses.active); - } - // A drag should never propagate up to the 'tap' event. - event.stopPropagation(); - // Record the event listeners. - var listeners = []; - // Attach the move and end events. - var moveEvent = attachEvent(actions.move, scope_DocumentElement, eventMove, { - // The event target has changed so we need to propagate the original one so that we keep - // relying on it to extract target touches. - target: event.target, - handle: handle, - connect: data.connect, - listeners: listeners, - startCalcPoint: event.calcPoint, - baseSize: baseSize(), - pageOffset: event.pageOffset, - handleNumbers: data.handleNumbers, - buttonsProperty: event.buttons, - locations: scope_Locations.slice() - }); - var endEvent = attachEvent(actions.end, scope_DocumentElement, eventEnd, { - target: event.target, - handle: handle, - listeners: listeners, - doNotReject: true, - handleNumbers: data.handleNumbers - }); - var outEvent = attachEvent('mouseout', scope_DocumentElement, documentLeave, { - target: event.target, - handle: handle, - listeners: listeners, - doNotReject: true, - handleNumbers: data.handleNumbers - }); - // We want to make sure we pushed the listeners in the listener list rather than creating - // a new one as it has already been passed to the event handlers. - listeners.push.apply(listeners, moveEvent.concat(endEvent, outEvent)); - // Text selection isn't an issue on touch devices, - // so adding cursor styles can be skipped. - if (event.cursor) { - // Prevent the 'I' cursor and extend the range-drag cursor. - scope_Body.style.cursor = getComputedStyle(event.target).cursor; - // Mark the target with a dragging state. - if (scope_Handles.length > 1) { - addClass(scope_Target, options.cssClasses.drag); - } - // Prevent text selection when dragging the handles. - // In directoristCustomRangeSlider <= 9.2.0, this was handled by calling preventDefault on mouse/touch start/move, - // which is scroll blocking. The selectstart event is supported by FireFox starting from version 52, - // meaning the only holdout is iOS Safari. This doesn't matter: text selection isn't triggered there. - // The 'cursor' flag is false. - // See: http://caniuse.com/#search=selectstart - scope_Body.addEventListener('selectstart', preventDefault, false); - } - data.handleNumbers.forEach(function (handleNumber) { - fireEvent('start', handleNumber); - }); - } - // Move closest handle to tapped location. - function eventTap(event) { - // The tap event shouldn't propagate up - event.stopPropagation(); - var proposal = calcPointToPercentage(event.calcPoint); - var handleNumber = getClosestHandle(proposal); - // Tackle the case that all handles are 'disabled'. - if (handleNumber === false) { - return; - } - // Flag the slider as it is now in a transitional state. - // Transition takes a configurable amount of ms (default 300). Re-enable the slider after that. - if (!options.events.snap) { - addClassFor(scope_Target, options.cssClasses.tap, options.animationDuration); - } - setHandle(handleNumber, proposal, true, true); - setZindex(); - fireEvent('slide', handleNumber, true); - fireEvent('update', handleNumber, true); - if (!options.events.snap) { - fireEvent('change', handleNumber, true); - fireEvent('set', handleNumber, true); - } else { - eventStart(event, { - handleNumbers: [handleNumber] - }); - } - } - // Fires a 'hover' event for a hovered mouse/pen position. - function eventHover(event) { - var proposal = calcPointToPercentage(event.calcPoint); - var to = scope_Spectrum.getStep(proposal); - var value = scope_Spectrum.fromStepping(to); - Object.keys(scope_Events).forEach(function (targetEvent) { - if ('hover' === targetEvent.split('.')[0]) { - scope_Events[targetEvent].forEach(function (callback) { - callback.call(scope_Self, value); - }); - } - }); - } - // Handles keydown on focused handles - // Don't move the document when pressing arrow keys on focused handles - function eventKeydown(event, handleNumber) { - if (isSliderDisabled() || isHandleDisabled(handleNumber)) { - return false; - } - var horizontalKeys = ['Left', 'Right']; - var verticalKeys = ['Down', 'Up']; - var largeStepKeys = ['PageDown', 'PageUp']; - var edgeKeys = ['Home', 'End']; - if (options.dir && !options.ort) { - // On an right-to-left slider, the left and right keys act inverted - horizontalKeys.reverse(); - } else if (options.ort && !options.dir) { - // On a top-to-bottom slider, the up and down keys act inverted - verticalKeys.reverse(); - largeStepKeys.reverse(); - } - // Strip "Arrow" for IE compatibility. https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key - var key = event.key.replace('Arrow', ''); - var isLargeDown = key === largeStepKeys[0]; - var isLargeUp = key === largeStepKeys[1]; - var isDown = key === verticalKeys[0] || key === horizontalKeys[0] || isLargeDown; - var isUp = key === verticalKeys[1] || key === horizontalKeys[1] || isLargeUp; - var isMin = key === edgeKeys[0]; - var isMax = key === edgeKeys[1]; - if (!isDown && !isUp && !isMin && !isMax) { - return true; - } - event.preventDefault(); - var to; - if (isUp || isDown) { - var direction = isDown ? 0 : 1; - var steps = getNextStepsForHandle(handleNumber); - var step = steps[direction]; - // At the edge of a slider, do nothing - if (step === null) { - return false; - } - // No step set, use the default of 10% of the sub-range - if (step === false) { - step = scope_Spectrum.getDefaultStep(scope_Locations[handleNumber], isDown, options.keyboardDefaultStep); - } - if (isLargeUp || isLargeDown) { - step *= options.keyboardPageMultiplier; - } else { - step *= options.keyboardMultiplier; - } - // Step over zero-length ranges (#948); - step = Math.max(step, 0.0000001); - // Decrement for down steps - step = (isDown ? -1 : 1) * step; - to = scope_Values[handleNumber] + step; - } else if (isMax) { - // End key - to = options.spectrum.xVal[options.spectrum.xVal.length - 1]; - } else { - // Home key - to = options.spectrum.xVal[0]; - } - setHandle(handleNumber, scope_Spectrum.toStepping(to), true, true); - fireEvent('slide', handleNumber); - fireEvent('update', handleNumber); - fireEvent('change', handleNumber); - fireEvent('set', handleNumber); - return false; - } - // Attach events to several slider parts. - function bindSliderEvents(behaviour) { - // Attach the standard drag event to the handles. - if (!behaviour.fixed) { - scope_Handles.forEach(function (handle, index) { - // These events are only bound to the visual handle - // element, not the 'real' origin element. - attachEvent(actions.start, handle.children[0], eventStart, { - handleNumbers: [index] - }); - }); - } - // Attach the tap event to the slider base. - if (behaviour.tap) { - attachEvent(actions.start, scope_Base, eventTap, {}); - } - // Fire hover events - if (behaviour.hover) { - attachEvent(actions.move, scope_Base, eventHover, { - hover: true - }); - } - // Make the range draggable. - if (behaviour.drag) { - scope_Connects.forEach(function (connect, index) { - if (connect === false || index === 0 || index === scope_Connects.length - 1) { - return; - } - var handleBefore = scope_Handles[index - 1]; - var handleAfter = scope_Handles[index]; - var eventHolders = [connect]; - var handlesToDrag = [handleBefore, handleAfter]; - var handleNumbersToDrag = [index - 1, index]; - addClass(connect, options.cssClasses.draggable); - // When the range is fixed, the entire range can - // be dragged by the handles. The handle in the first - // origin will propagate the start event upward, - // but it needs to be bound manually on the other. - if (behaviour.fixed) { - eventHolders.push(handleBefore.children[0]); - eventHolders.push(handleAfter.children[0]); - } - if (behaviour.dragAll) { - handlesToDrag = scope_Handles; - handleNumbersToDrag = scope_HandleNumbers; - } - eventHolders.forEach(function (eventHolder) { - attachEvent(actions.start, eventHolder, eventStart, { - handles: handlesToDrag, - handleNumbers: handleNumbersToDrag, - connect: connect - }); - }); - }); - } - } - // Attach an event to this slider, possibly including a namespace - function bindEvent(namespacedEvent, callback) { - scope_Events[namespacedEvent] = scope_Events[namespacedEvent] || []; - scope_Events[namespacedEvent].push(callback); - // If the event bound is 'update,' fire it immediately for all handles. - if (namespacedEvent.split('.')[0] === 'update') { - scope_Handles.forEach(function (a, index) { - fireEvent('update', index); - }); - } - } - function isInternalNamespace(namespace) { - return namespace === INTERNAL_EVENT_NS.aria || namespace === INTERNAL_EVENT_NS.tooltips; - } - // Undo attachment of event - function removeEvent(namespacedEvent) { - var event = namespacedEvent && namespacedEvent.split('.')[0]; - var namespace = event ? namespacedEvent.substring(event.length) : namespacedEvent; - Object.keys(scope_Events).forEach(function (bind) { - var tEvent = bind.split('.')[0]; - var tNamespace = bind.substring(tEvent.length); - if ((!event || event === tEvent) && (!namespace || namespace === tNamespace)) { - // only delete protected internal event if intentional - if (!isInternalNamespace(tNamespace) || namespace === tNamespace) { - delete scope_Events[bind]; - } - } - }); - } - // External event handling - function fireEvent(eventName, handleNumber, tap) { - Object.keys(scope_Events).forEach(function (targetEvent) { - var eventType = targetEvent.split('.')[0]; - if (eventName === eventType) { - scope_Events[targetEvent].forEach(function (callback) { - callback.call( - // Use the slider public API as the scope ('this') - scope_Self, - // Return values as array, so arg_1[arg_2] is always valid. - scope_Values.map(options.format.to), - // Handle index, 0 or 1 - handleNumber, - // Un-formatted slider values - scope_Values.slice(), - // Event is fired by tap, true or false - tap || false, - // Left offset of the handle, in relation to the slider - scope_Locations.slice(), - // add the slider public API to an accessible parameter when this is unavailable - scope_Self); - }); - } - }); - } - // Split out the handle positioning logic so the Move event can use it, too - function checkHandlePosition(reference, handleNumber, to, lookBackward, lookForward, getValue, smoothSteps) { - var distance; - // For sliders with multiple handles, limit movement to the other handle. - // Apply the margin option by adding it to the handle positions. - if (scope_Handles.length > 1 && !options.events.unconstrained) { - if (lookBackward && handleNumber > 0) { - distance = scope_Spectrum.getAbsoluteDistance(reference[handleNumber - 1], options.margin, false); - to = Math.max(to, distance); - } - if (lookForward && handleNumber < scope_Handles.length - 1) { - distance = scope_Spectrum.getAbsoluteDistance(reference[handleNumber + 1], options.margin, true); - to = Math.min(to, distance); - } - } - // The limit option has the opposite effect, limiting handles to a - // maximum distance from another. Limit must be > 0, as otherwise - // handles would be unmovable. - if (scope_Handles.length > 1 && options.limit) { - if (lookBackward && handleNumber > 0) { - distance = scope_Spectrum.getAbsoluteDistance(reference[handleNumber - 1], options.limit, false); - to = Math.min(to, distance); - } - if (lookForward && handleNumber < scope_Handles.length - 1) { - distance = scope_Spectrum.getAbsoluteDistance(reference[handleNumber + 1], options.limit, true); - to = Math.max(to, distance); - } - } - // The padding option keeps the handles a certain distance from the - // edges of the slider. Padding must be > 0. - if (options.padding) { - if (handleNumber === 0) { - distance = scope_Spectrum.getAbsoluteDistance(0, options.padding[0], false); - to = Math.max(to, distance); - } - if (handleNumber === scope_Handles.length - 1) { - distance = scope_Spectrum.getAbsoluteDistance(100, options.padding[1], true); - to = Math.min(to, distance); - } - } - if (!smoothSteps) { - to = scope_Spectrum.getStep(to); - } - // Limit percentage to the 0 - 100 range - to = limit(to); - // Return false if handle can't move - if (to === reference[handleNumber] && !getValue) { - return false; - } - return to; - } - // Uses slider orientation to create CSS rules. a = base value; - function inRuleOrder(v, a) { - var o = options.ort; - return (o ? a : v) + ', ' + (o ? v : a); - } - // Moves handle(s) by a percentage - // (bool, % to move, [% where handle started, ...], [index in scope_Handles, ...]) - function moveHandles(upward, proposal, locations, handleNumbers, connect) { - var proposals = locations.slice(); - // Store first handle now, so we still have it in case handleNumbers is reversed - var firstHandle = handleNumbers[0]; - var smoothSteps = options.events.smoothSteps; - var b = [!upward, upward]; - var f = [upward, !upward]; - // Copy handleNumbers so we don't change the dataset - handleNumbers = handleNumbers.slice(); - // Check to see which handle is 'leading'. - // If that one can't move the second can't either. - if (upward) { - handleNumbers.reverse(); - } - // Step 1: get the maximum percentage that any of the handles can move - if (handleNumbers.length > 1) { - handleNumbers.forEach(function (handleNumber, o) { - var to = checkHandlePosition(proposals, handleNumber, proposals[handleNumber] + proposal, b[o], f[o], false, smoothSteps); - // Stop if one of the handles can't move. - if (to === false) { - proposal = 0; - } else { - proposal = to - proposals[handleNumber]; - proposals[handleNumber] = to; - } - }); - } - // If using one handle, check backward AND forward - else { - b = f = [true]; - } - var state = false; - // Step 2: Try to set the handles with the found percentage - handleNumbers.forEach(function (handleNumber, o) { - state = setHandle(handleNumber, locations[handleNumber] + proposal, b[o], f[o], false, smoothSteps) || state; - }); - // Step 3: If a handle moved, fire events - if (state) { - handleNumbers.forEach(function (handleNumber) { - fireEvent('update', handleNumber); - fireEvent('slide', handleNumber); - }); - // If target is a connect, then fire drag event - if (connect != undefined) { - fireEvent('drag', firstHandle); - } - } - } - // Takes a base value and an offset. This offset is used for the connect bar size. - // In the initial design for this feature, the origin element was 1% wide. - // Unfortunately, a rounding bug in Chrome makes it impossible to implement this feature - // in this manner: https://bugs.chromium.org/p/chromium/issues/detail?id=798223 - function transformDirection(a, b) { - return options.dir ? 100 - a - b : a; - } - // Updates scope_Locations and scope_Values, updates visual state - function updateHandlePosition(handleNumber, to) { - // Update locations. - scope_Locations[handleNumber] = to; - // Convert the value to the slider stepping/range. - scope_Values[handleNumber] = scope_Spectrum.fromStepping(to); - var translation = transformDirection(to, 0) - scope_DirOffset; - var translateRule = 'translate(' + inRuleOrder(translation + '%', '0') + ')'; - scope_Handles[handleNumber].style[options.transformRule] = translateRule; - updateConnect(handleNumber); - updateConnect(handleNumber + 1); - } - // Handles before the slider middle are stacked later = higher, - // Handles after the middle later is lower - // [[7] [8] .......... | .......... [5] [4] - function setZindex() { - scope_HandleNumbers.forEach(function (handleNumber) { - var dir = scope_Locations[handleNumber] > 50 ? -1 : 1; - var zIndex = 3 + (scope_Handles.length + dir * handleNumber); - scope_Handles[handleNumber].style.zIndex = String(zIndex); - }); - } - // Test suggested values and apply margin, step. - // if exactInput is true, don't run checkHandlePosition, then the handle can be placed in between steps (#436) - function setHandle(handleNumber, to, lookBackward, lookForward, exactInput, smoothSteps) { - if (!exactInput) { - to = checkHandlePosition(scope_Locations, handleNumber, to, lookBackward, lookForward, false, smoothSteps); - } - if (to === false) { - return false; - } - updateHandlePosition(handleNumber, to); - return true; - } - // Updates style attribute for connect nodes - function updateConnect(index) { - // Skip connects set to false - if (!scope_Connects[index]) { - return; - } - var l = 0; - var h = 100; - if (index !== 0) { - l = scope_Locations[index - 1]; - } - if (index !== scope_Connects.length - 1) { - h = scope_Locations[index]; - } - // We use two rules: - // 'translate' to change the left/top offset; - // 'scale' to change the width of the element; - // As the element has a width of 100%, a translation of 100% is equal to 100% of the parent (.directorist-custom-range-slider-base) - var connectWidth = h - l; - var translateRule = options.dir ? 'translate(' + inRuleOrder(-l + '%', '0') + ')' // RTL - : 'translate(' + inRuleOrder(l + '%', '0') + ')'; // LTR - var scaleRule = 'scale(' + inRuleOrder(connectWidth / 100, '1') + ')'; - scope_Connects[index].style[options.transformRule] = translateRule + ' ' + scaleRule; - } - // Parses value passed to .set method. Returns current value if not parse-able. - function resolveToValue(to, handleNumber) { - // Setting with null indicates an 'ignore'. - // Inputting 'false' is invalid. - if (to === null || to === false || to === undefined) { - return scope_Locations[handleNumber]; - } - // If a formatted number was passed, attempt to decode it. - if (typeof to === 'number') { - to = String(to); - } - to = options.format.from(to); - if (to !== false) { - to = scope_Spectrum.toStepping(to); - } - // If parsing the number failed, use the current value. - if (to === false || isNaN(to)) { - return scope_Locations[handleNumber]; - } - return to; - } - // Set the slider value. - function valueSet(input, fireSetEvent, exactInput) { - var values = asArray(input); - var isInit = scope_Locations[0] === undefined; - // Event fires by default - fireSetEvent = fireSetEvent === undefined ? true : fireSetEvent; - // Animation is optional. - // Make sure the initial values were set before using animated placement. - if (options.animate && !isInit) { - addClassFor(scope_Target, options.cssClasses.tap, options.animationDuration); - } - // First pass, without lookAhead but with lookBackward. Values are set from left to right. - scope_HandleNumbers.forEach(function (handleNumber) { - setHandle(handleNumber, resolveToValue(values[handleNumber], handleNumber), true, false, exactInput); - }); - var i = scope_HandleNumbers.length === 1 ? 0 : 1; - // Spread handles evenly across the slider if the range has no size (min=max) - if (isInit && scope_Spectrum.hasNoSize()) { - exactInput = true; - scope_Locations[0] = 0; - if (scope_HandleNumbers.length > 1) { - var space_1 = 100 / (scope_HandleNumbers.length - 1); - scope_HandleNumbers.forEach(function (handleNumber) { - scope_Locations[handleNumber] = handleNumber * space_1; - }); - } - } - // Secondary passes. Now that all base values are set, apply constraints. - // Iterate all handles to ensure constraints are applied for the entire slider (Issue #1009) - for (; i < scope_HandleNumbers.length; ++i) { - scope_HandleNumbers.forEach(function (handleNumber) { - setHandle(handleNumber, scope_Locations[handleNumber], true, true, exactInput); - }); - } - setZindex(); - scope_HandleNumbers.forEach(function (handleNumber) { - fireEvent('update', handleNumber); - // Fire the event only for handles that received a new value, as per #579 - if (values[handleNumber] !== null && fireSetEvent) { - fireEvent('set', handleNumber); - } - }); - } - // Reset slider to initial values - function valueReset(fireSetEvent) { - valueSet(options.start, fireSetEvent); - } - // Set value for a single handle - function valueSetHandle(handleNumber, value, fireSetEvent, exactInput) { - // Ensure numeric input - handleNumber = Number(handleNumber); - if (!(handleNumber >= 0 && handleNumber < scope_HandleNumbers.length)) { - throw new Error('directoristCustomRangeSlider: invalid handle number, got: ' + handleNumber); - } - // Look both backward and forward, since we don't want this handle to "push" other handles (#960); - // The exactInput argument can be used to ignore slider stepping (#436) - setHandle(handleNumber, resolveToValue(value, handleNumber), true, true, exactInput); - fireEvent('update', handleNumber); - if (fireSetEvent) { - fireEvent('set', handleNumber); - } - } - // Get the slider value. - function valueGet(unencoded) { - if (unencoded === void 0) { - unencoded = false; - } - if (unencoded) { - // return a copy of the raw values - return scope_Values.length === 1 ? scope_Values[0] : scope_Values.slice(0); - } - var values = scope_Values.map(options.format.to); - // If only one handle is used, return a single value. - if (values.length === 1) { - return values[0]; - } - return values; - } - // Removes classes from the root and empties it. - function destroy() { - // remove protected internal listeners - removeEvent(INTERNAL_EVENT_NS.aria); - removeEvent(INTERNAL_EVENT_NS.tooltips); - Object.keys(options.cssClasses).forEach(function (key) { - removeClass(scope_Target, options.cssClasses[key]); - }); - while (scope_Target.firstChild) { - scope_Target.removeChild(scope_Target.firstChild); - } - delete scope_Target.directoristCustomRangeSlider; - } - function getNextStepsForHandle(handleNumber) { - var location = scope_Locations[handleNumber]; - var nearbySteps = scope_Spectrum.getNearbySteps(location); - var value = scope_Values[handleNumber]; - var increment = nearbySteps.thisStep.step; - var decrement = null; - // If snapped, directly use defined step value - if (options.snap) { - return [value - nearbySteps.stepBefore.startValue || null, nearbySteps.stepAfter.startValue - value || null]; - } - // If the next value in this step moves into the next step, - // the increment is the start of the next step - the current value - if (increment !== false) { - if (value + increment > nearbySteps.stepAfter.startValue) { - increment = nearbySteps.stepAfter.startValue - value; - } - } - // If the value is beyond the starting point - if (value > nearbySteps.thisStep.startValue) { - decrement = nearbySteps.thisStep.step; - } else if (nearbySteps.stepBefore.step === false) { - decrement = false; - } - // If a handle is at the start of a step, it always steps back into the previous step first - else { - decrement = value - nearbySteps.stepBefore.highestStep; - } - // Now, if at the slider edges, there is no in/decrement - if (location === 100) { - increment = null; - } else if (location === 0) { - decrement = null; - } - // As per #391, the comparison for the decrement step can have some rounding issues. - var stepDecimals = scope_Spectrum.countStepDecimals(); - // Round per #391 - if (increment !== null && increment !== false) { - increment = Number(increment.toFixed(stepDecimals)); - } - if (decrement !== null && decrement !== false) { - decrement = Number(decrement.toFixed(stepDecimals)); - } - return [decrement, increment]; - } - // Get the current step size for the slider. - function getNextSteps() { - return scope_HandleNumbers.map(getNextStepsForHandle); - } - // Updatable: margin, limit, padding, step, range, animate, snap - function updateOptions(optionsToUpdate, fireSetEvent) { - // Spectrum is created using the range, snap, direction and step options. - // 'snap' and 'step' can be updated. - // If 'snap' and 'step' are not passed, they should remain unchanged. - var v = valueGet(); - var updateAble = ['margin', 'limit', 'padding', 'range', 'animate', 'snap', 'step', 'format', 'pips', 'tooltips']; - // Only change options that we're actually passed to update. - updateAble.forEach(function (name) { - // Check for undefined. null removes the value. - if (optionsToUpdate[name] !== undefined) { - originalOptions[name] = optionsToUpdate[name]; - } - }); - var newOptions = customRangeOptions(originalOptions); - // Load new options into the slider state - updateAble.forEach(function (name) { - if (optionsToUpdate[name] !== undefined) { - options[name] = newOptions[name]; - } - }); - scope_Spectrum = newOptions.spectrum; - // Limit, margin and padding depend on the spectrum but are stored outside of it. (#677) - options.margin = newOptions.margin; - options.limit = newOptions.limit; - options.padding = newOptions.padding; - // Update pips, removes existing. - if (options.pips) { - pips(options.pips); - } else { - removePips(); - } - // Update tooltips, removes existing. - if (options.tooltips) { - tooltips(); - } else { - removeTooltips(); - } - // Invalidate the current positioning so valueSet forces an update. - scope_Locations = []; - valueSet(isSet(optionsToUpdate.start) ? optionsToUpdate.start : v, fireSetEvent); - } - // Initialization steps - function setupSlider() { - // Create the base element, initialize HTML and set classes. - // Add handles and connect elements. - scope_Base = addSlider(scope_Target); - addElements(options.connect, scope_Base); - // Attach user events. - bindSliderEvents(options.events); - // Use the public value method to set the start values. - valueSet(options.start); - if (options.pips) { - pips(options.pips); - } - if (options.tooltips) { - tooltips(); - } - aria(); - } - setupSlider(); - var scope_Self = { - destroy: destroy, - steps: getNextSteps, - on: bindEvent, - off: removeEvent, - get: valueGet, - set: valueSet, - setHandle: valueSetHandle, - reset: valueReset, - disable: disable, - enable: enable, - // Exposed for unit testing, don't use this in your application. - __moveHandles: function __moveHandles(upward, proposal, handleNumbers) { - moveHandles(upward, proposal, scope_Locations, handleNumbers); - }, - options: originalOptions, - updateOptions: updateOptions, - target: scope_Target, - removePips: removePips, - removeTooltips: removeTooltips, - getPositions: function getPositions() { - return scope_Locations.slice(); - }, - getTooltips: function getTooltips() { - return scope_Tooltips; - }, - getOrigins: function getOrigins() { - return scope_Handles; - }, - pips: pips // Issue #594 - }; - return scope_Self; - } - // Run the standard initializer - function initialize(target, originalOptions) { - if (!target || !target.nodeName) { - throw new Error("directoristCustomRangeSlider: create requires a single element, got: ".concat(target)); - } - if (target.directoristCustomRangeSlider) { - throw new Error('directoristCustomRangeSlider: Slider was already initialized.'); - } - var options = customRangeOptions(originalOptions); - var api = scope(target, options, originalOptions); - target.directoristCustomRangeSlider = api; - return api; - } - var directoristCustomRangeSlider = { - __spectrum: Spectrum, - cssClasses: cssClasses, - create: initialize - }; - exports.create = initialize; - exports.cssClasses = cssClasses; - exports.default = directoristCustomRangeSlider; - Object.defineProperty(exports, '__esModule', { - value: true - }); -}); -}(); -/******/ })() -; -//# sourceMappingURL=range-slider.js.map \ No newline at end of file + //region Defaults + var defaultFormatter = { + to: function to(value) { + return value === undefined ? '' : value.toFixed(2); + }, + from: Number, + }; + var cssClasses = { + target: 'target', + base: 'base', + origin: 'origin', + handle: 'handle', + handleLower: 'handle-lower', + handleUpper: 'handle-upper', + touchArea: 'touch-area', + horizontal: 'horizontal', + vertical: 'vertical', + background: 'background', + connect: 'connect', + connects: 'connects', + ltr: 'ltr', + rtl: 'rtl', + textDirectionLtr: 'txt-dir-ltr', + textDirectionRtl: 'txt-dir-rtl', + draggable: 'draggable', + drag: 'state-drag', + tap: 'state-tap', + active: 'active', + tooltip: 'tooltip', + pips: 'pips', + pipsHorizontal: 'pips-horizontal', + pipsVertical: 'pips-vertical', + marker: 'marker', + markerHorizontal: 'marker-horizontal', + markerVertical: 'marker-vertical', + markerNormal: 'marker-normal', + markerLarge: 'marker-large', + markerSub: 'marker-sub', + value: 'value', + valueHorizontal: 'value-horizontal', + valueVertical: 'value-vertical', + valueNormal: 'value-normal', + valueLarge: 'value-large', + valueSub: 'value-sub', + }; + // Namespaces of internal event listeners + var INTERNAL_EVENT_NS = { + tooltips: '.__tooltips', + aria: '.__aria', + }; + //endregion + function customRangeStep(parsed, entry) { + if (!isNumeric(entry)) { + throw new Error( + "directoristCustomRangeSlider: 'step' is not numeric." + ); + } + // The step option can still be used to set stepping + // for linear sliders. Overwritten if set in 'range'. + parsed.singleStep = entry; + } + function customRangeKeyboardPageMultiplier(parsed, entry) { + if (!isNumeric(entry)) { + throw new Error( + "directoristCustomRangeSlider: 'keyboardPageMultiplier' is not numeric." + ); + } + parsed.keyboardPageMultiplier = entry; + } + function customRangeKeyboardMultiplier(parsed, entry) { + if (!isNumeric(entry)) { + throw new Error( + "directoristCustomRangeSlider: 'keyboardMultiplier' is not numeric." + ); + } + parsed.keyboardMultiplier = entry; + } + function customRangeKeyboardDefaultStep(parsed, entry) { + if (!isNumeric(entry)) { + throw new Error( + "directoristCustomRangeSlider: 'keyboardDefaultStep' is not numeric." + ); + } + parsed.keyboardDefaultStep = entry; + } + function customRangeRange(parsed, entry) { + // Filter incorrect input. + if ( + (0, + _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(entry) !== 'object' || + Array.isArray(entry) + ) { + throw new Error( + "directoristCustomRangeSlider: 'range' is not an object." + ); + } + // Catch missing start or end. + if (entry.min === undefined || entry.max === undefined) { + throw new Error( + "directoristCustomRangeSlider: Missing 'min' or 'max' in 'range'." + ); + } + parsed.spectrum = new Spectrum( + entry, + parsed.snap || false, + parsed.singleStep + ); + } + function customRangeStart(parsed, entry) { + entry = asArray(entry); + // Validate input. Values aren't tested, as the public .val method + // will always provide a valid location. + if (!Array.isArray(entry) || !entry.length) { + throw new Error( + "directoristCustomRangeSlider: 'start' option is incorrect." + ); + } + // Store the number of handles. + parsed.handles = entry.length; + // When the slider is initialized, the .val method will + // be called with the start options. + parsed.start = entry; + } + function customRangeSnap(parsed, entry) { + if (typeof entry !== 'boolean') { + throw new Error( + "directoristCustomRangeSlider: 'snap' option must be a boolean." + ); + } + // Enforce 100% stepping within subranges. + parsed.snap = entry; + } + function customRangeAnimate(parsed, entry) { + if (typeof entry !== 'boolean') { + throw new Error( + "directoristCustomRangeSlider: 'animate' option must be a boolean." + ); + } + // Enforce 100% stepping within subranges. + parsed.animate = entry; + } + function customRangeAnimationDuration(parsed, entry) { + if (typeof entry !== 'number') { + throw new Error( + "directoristCustomRangeSlider: 'animationDuration' option must be a number." + ); + } + parsed.animationDuration = entry; + } + function customRangeConnect(parsed, entry) { + var connect = [false]; + var i; + // Map legacy options + if (entry === 'lower') { + entry = [true, false]; + } else if (entry === 'upper') { + entry = [false, true]; + } + // Handle boolean options + if (entry === true || entry === false) { + for (i = 1; i < parsed.handles; i++) { + connect.push(entry); + } + connect.push(false); + } + // Reject invalid input + else if ( + !Array.isArray(entry) || + !entry.length || + entry.length !== parsed.handles + 1 + ) { + throw new Error( + "directoristCustomRangeSlider: 'connect' option doesn't match handle count." + ); + } else { + connect = entry; + } + parsed.connect = connect; + } + function customRangeOrientation(parsed, entry) { + // Set orientation to an a numerical value for easy + // array selection. + switch (entry) { + case 'horizontal': + parsed.ort = 0; + break; + case 'vertical': + parsed.ort = 1; + break; + default: + throw new Error( + "directoristCustomRangeSlider: 'orientation' option is invalid." + ); + } + } + function customRangeMargin(parsed, entry) { + if (!isNumeric(entry)) { + throw new Error( + "directoristCustomRangeSlider: 'margin' option must be numeric." + ); + } + // Issue #582 + if (entry === 0) { + return; + } + parsed.margin = parsed.spectrum.getDistance(entry); + } + function customRangeLimit(parsed, entry) { + if (!isNumeric(entry)) { + throw new Error( + "directoristCustomRangeSlider: 'limit' option must be numeric." + ); + } + parsed.limit = parsed.spectrum.getDistance(entry); + if (!parsed.limit || parsed.handles < 2) { + throw new Error( + "directoristCustomRangeSlider: 'limit' option is only supported on linear sliders with 2 or more handles." + ); + } + } + function customRangePadding(parsed, entry) { + var index; + if (!isNumeric(entry) && !Array.isArray(entry)) { + throw new Error( + "directoristCustomRangeSlider: 'padding' option must be numeric or array of exactly 2 numbers." + ); + } + if ( + Array.isArray(entry) && + !( + entry.length === 2 || + isNumeric(entry[0]) || + isNumeric(entry[1]) + ) + ) { + throw new Error( + "directoristCustomRangeSlider: 'padding' option must be numeric or array of exactly 2 numbers." + ); + } + if (entry === 0) { + return; + } + if (!Array.isArray(entry)) { + entry = [entry, entry]; + } + // 'getDistance' returns false for invalid values. + parsed.padding = [ + parsed.spectrum.getDistance(entry[0]), + parsed.spectrum.getDistance(entry[1]), + ]; + for ( + index = 0; + index < parsed.spectrum.xNumSteps.length - 1; + index++ + ) { + // last "range" can't contain step size as it is purely an endpoint. + if ( + parsed.padding[0][index] < 0 || + parsed.padding[1][index] < 0 + ) { + throw new Error( + "directoristCustomRangeSlider: 'padding' option must be a positive number(s)." + ); + } + } + var totalPadding = entry[0] + entry[1]; + var firstValue = parsed.spectrum.xVal[0]; + var lastValue = + parsed.spectrum.xVal[parsed.spectrum.xVal.length - 1]; + if (totalPadding / (lastValue - firstValue) > 1) { + throw new Error( + "directoristCustomRangeSlider: 'padding' option must not exceed 100% of the range." + ); + } + } + function customRangeDirection(parsed, entry) { + // Set direction as a numerical value for easy parsing. + // Invert connection for RTL sliders, so that the proper + // handles get the connect/background classes. + switch (entry) { + case 'ltr': + parsed.dir = 0; + break; + case 'rtl': + parsed.dir = 1; + break; + default: + throw new Error( + "directoristCustomRangeSlider: 'direction' option was not recognized." + ); + } + } + function customRangeBehaviour(parsed, entry) { + // Make sure the input is a string. + if (typeof entry !== 'string') { + throw new Error( + "directoristCustomRangeSlider: 'behaviour' must be a string containing options." + ); + } + // Check if the string contains any keywords. + // None are required. + var tap = entry.indexOf('tap') >= 0; + var drag = entry.indexOf('drag') >= 0; + var fixed = entry.indexOf('fixed') >= 0; + var snap = entry.indexOf('snap') >= 0; + var hover = entry.indexOf('hover') >= 0; + var unconstrained = entry.indexOf('unconstrained') >= 0; + var dragAll = entry.indexOf('drag-all') >= 0; + var smoothSteps = entry.indexOf('smooth-steps') >= 0; + if (fixed) { + if (parsed.handles !== 2) { + throw new Error( + "directoristCustomRangeSlider: 'fixed' behaviour must be used with 2 handles" + ); + } + // Use margin to enforce fixed state + customRangeMargin( + parsed, + parsed.start[1] - parsed.start[0] + ); + } + if (unconstrained && (parsed.margin || parsed.limit)) { + throw new Error( + "directoristCustomRangeSlider: 'unconstrained' behaviour cannot be used with margin or limit" + ); + } + parsed.events = { + tap: tap || snap, + drag: drag, + dragAll: dragAll, + smoothSteps: smoothSteps, + fixed: fixed, + snap: snap, + hover: hover, + unconstrained: unconstrained, + }; + } + function customRangeTooltips(parsed, entry) { + if (entry === false) { + return; + } + if (entry === true || isValidPartialFormatter(entry)) { + parsed.tooltips = []; + for (var i = 0; i < parsed.handles; i++) { + parsed.tooltips.push(entry); + } + } else { + entry = asArray(entry); + if (entry.length !== parsed.handles) { + throw new Error( + 'directoristCustomRangeSlider: must pass a formatter for all handles.' + ); + } + entry.forEach(function (formatter) { + if ( + typeof formatter !== 'boolean' && + !isValidPartialFormatter(formatter) + ) { + throw new Error( + "directoristCustomRangeSlider: 'tooltips' must be passed a formatter or 'false'." + ); + } + }); + parsed.tooltips = entry; + } + } + function customRangeHandleAttributes(parsed, entry) { + if (entry.length !== parsed.handles) { + throw new Error( + 'directoristCustomRangeSlider: must pass a attributes for all handles.' + ); + } + parsed.handleAttributes = entry; + } + function customRangeAriaFormat(parsed, entry) { + if (!isValidPartialFormatter(entry)) { + throw new Error( + "directoristCustomRangeSlider: 'ariaFormat' requires 'to' method." + ); + } + parsed.ariaFormat = entry; + } + function customRangeFormat(parsed, entry) { + if (!isValidFormatter(entry)) { + throw new Error( + "directoristCustomRangeSlider: 'format' requires 'to' and 'from' methods." + ); + } + parsed.format = entry; + } + function customRangeKeyboardSupport(parsed, entry) { + if (typeof entry !== 'boolean') { + throw new Error( + "directoristCustomRangeSlider: 'keyboardSupport' option must be a boolean." + ); + } + parsed.keyboardSupport = entry; + } + function customRangeDocumentElement(parsed, entry) { + // This is an advanced option. Passed values are used without validation. + parsed.documentElement = entry; + } + function customRangeCssPrefix(parsed, entry) { + if (typeof entry !== 'string' && entry !== false) { + throw new Error( + "directoristCustomRangeSlider: 'cssPrefix' must be a string or `false`." + ); + } + parsed.cssPrefix = entry; + } + function customRangeCssClasses(parsed, entry) { + if ( + (0, + _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(entry) !== 'object' + ) { + throw new Error( + "directoristCustomRangeSlider: 'cssClasses' must be an object." + ); + } + if (typeof parsed.cssPrefix === 'string') { + parsed.cssClasses = {}; + Object.keys(entry).forEach(function (key) { + parsed.cssClasses[key] = parsed.cssPrefix + entry[key]; + }); + } else { + parsed.cssClasses = entry; + } + } + // Test all developer settings and parse to assumption-safe values. + function customRangeOptions(options) { + // To prove a fix for #537, freeze options here. + // If the object is modified, an error will be thrown. + // Object.freeze(options); + var parsed = { + margin: null, + limit: null, + padding: null, + animate: true, + animationDuration: 300, + ariaFormat: defaultFormatter, + format: defaultFormatter, + }; + // Tests are executed in the order they are presented here. + var customRanges = { + step: { + r: false, + t: customRangeStep, + }, + keyboardPageMultiplier: { + r: false, + t: customRangeKeyboardPageMultiplier, + }, + keyboardMultiplier: { + r: false, + t: customRangeKeyboardMultiplier, + }, + keyboardDefaultStep: { + r: false, + t: customRangeKeyboardDefaultStep, + }, + start: { + r: true, + t: customRangeStart, + }, + connect: { + r: true, + t: customRangeConnect, + }, + direction: { + r: true, + t: customRangeDirection, + }, + snap: { + r: false, + t: customRangeSnap, + }, + animate: { + r: false, + t: customRangeAnimate, + }, + animationDuration: { + r: false, + t: customRangeAnimationDuration, + }, + range: { + r: true, + t: customRangeRange, + }, + orientation: { + r: false, + t: customRangeOrientation, + }, + margin: { + r: false, + t: customRangeMargin, + }, + limit: { + r: false, + t: customRangeLimit, + }, + padding: { + r: false, + t: customRangePadding, + }, + behaviour: { + r: true, + t: customRangeBehaviour, + }, + ariaFormat: { + r: false, + t: customRangeAriaFormat, + }, + format: { + r: false, + t: customRangeFormat, + }, + tooltips: { + r: false, + t: customRangeTooltips, + }, + keyboardSupport: { + r: true, + t: customRangeKeyboardSupport, + }, + documentElement: { + r: false, + t: customRangeDocumentElement, + }, + cssPrefix: { + r: true, + t: customRangeCssPrefix, + }, + cssClasses: { + r: true, + t: customRangeCssClasses, + }, + handleAttributes: { + r: false, + t: customRangeHandleAttributes, + }, + }; + var defaults = { + connect: false, + direction: 'ltr', + behaviour: 'tap', + orientation: 'horizontal', + keyboardSupport: true, + cssPrefix: 'directorist-custom-range-slider-', + cssClasses: cssClasses, + keyboardPageMultiplier: 5, + keyboardMultiplier: 1, + keyboardDefaultStep: 10, + }; + // AriaFormat defaults to regular format, if any. + if (options.format && !options.ariaFormat) { + options.ariaFormat = options.format; + } + // Run all options through a testing mechanism to ensure correct + // input. It should be noted that options might get modified to + // be handled properly. E.g. wrapping integers in arrays. + Object.keys(customRanges).forEach(function (name) { + // If the option isn't set, but it is required, throw an error. + if (!isSet(options[name]) && defaults[name] === undefined) { + if (customRanges[name].r) { + throw new Error( + "directoristCustomRangeSlider: '" + + name + + "' is required." + ); + } + return; + } + customRanges[name].t( + parsed, + !isSet(options[name]) ? defaults[name] : options[name] + ); + }); + // Forward pips options + parsed.pips = options.pips; + // All recent browsers accept unprefixed transform. + // We need -ms- for IE9 and -webkit- for older Android; + // Assume use of -webkit- if unprefixed and -ms- are not supported. + // https://caniuse.com/#feat=transforms2d + var d = document.createElement('div'); + var msPrefix = d.style.msTransform !== undefined; + var noPrefix = d.style.transform !== undefined; + parsed.transformRule = noPrefix + ? 'transform' + : msPrefix + ? 'msTransform' + : 'webkitTransform'; + // Pips don't move, so we can place them using left/top. + var styles = [ + ['left', 'top'], + ['right', 'bottom'], + ]; + parsed.style = styles[parsed.dir][parsed.ort]; + return parsed; + } + //endregion + function scope(target, options, originalOptions) { + var actions = getActions(); + var supportsTouchActionNone = getSupportsTouchActionNone(); + var supportsPassive = + supportsTouchActionNone && getSupportsPassive(); + // All variables local to 'scope' are prefixed with 'scope_' + // Slider DOM Nodes + var scope_Target = target; + var scope_Base; + var scope_Handles; + var scope_Connects; + var scope_Pips; + var scope_Tooltips; + // Slider state values + var scope_Spectrum = options.spectrum; + var scope_Values = []; + var scope_Locations = []; + var scope_HandleNumbers = []; + var scope_ActiveHandlesCount = 0; + var scope_Events = {}; + // Document Nodes + var scope_Document = target.ownerDocument; + var scope_DocumentElement = + options.documentElement || scope_Document.documentElement; + var scope_Body = scope_Document.body; + // For horizontal sliders in standard ltr documents, + // make .directorist-custom-range-slider-origin overflow to the left so the document doesn't scroll. + var scope_DirOffset = + scope_Document.dir === 'rtl' || options.ort === 1 ? 0 : 100; + // Creates a node, adds it to target, returns the new node. + function addNodeTo(addTarget, className) { + var div = scope_Document.createElement('div'); + if (className) { + addClass(div, className); + } + addTarget.appendChild(div); + return div; + } + // Append a origin to the base + function addOrigin(base, handleNumber) { + var origin = addNodeTo(base, options.cssClasses.origin); + var handle = addNodeTo(origin, options.cssClasses.handle); + addNodeTo(handle, options.cssClasses.touchArea); + handle.setAttribute('data-handle', String(handleNumber)); + if (options.keyboardSupport) { + // https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex + // 0 = focusable and reachable + handle.setAttribute('tabindex', '0'); + handle.addEventListener('keydown', function (event) { + return eventKeydown(event, handleNumber); + }); + } + if (options.handleAttributes !== undefined) { + var attributes_1 = + options.handleAttributes[handleNumber]; + Object.keys(attributes_1).forEach(function (attribute) { + handle.setAttribute( + attribute, + attributes_1[attribute] + ); + }); + } + handle.setAttribute('role', 'slider'); + handle.setAttribute( + 'aria-orientation', + options.ort ? 'vertical' : 'horizontal' + ); + if (handleNumber === 0) { + addClass(handle, options.cssClasses.handleLower); + } else if (handleNumber === options.handles - 1) { + addClass(handle, options.cssClasses.handleUpper); + } + origin.handle = handle; + return origin; + } + // Insert nodes for connect elements + function addConnect(base, add) { + if (!add) { + return false; + } + return addNodeTo(base, options.cssClasses.connect); + } + // Add handles to the slider base. + function addElements(connectOptions, base) { + var connectBase = addNodeTo( + base, + options.cssClasses.connects + ); + scope_Handles = []; + scope_Connects = []; + scope_Connects.push( + addConnect(connectBase, connectOptions[0]) + ); + // [::::O====O====O====] + // connectOptions = [0, 1, 1, 1] + for (var i = 0; i < options.handles; i++) { + // Keep a list of all added handles. + scope_Handles.push(addOrigin(base, i)); + scope_HandleNumbers[i] = i; + scope_Connects.push( + addConnect(connectBase, connectOptions[i + 1]) + ); + } + } + // Initialize a single slider. + function addSlider(addTarget) { + // Apply classes and data to the target. + addClass(addTarget, options.cssClasses.target); + if (options.dir === 0) { + addClass(addTarget, options.cssClasses.ltr); + } else { + addClass(addTarget, options.cssClasses.rtl); + } + if (options.ort === 0) { + addClass(addTarget, options.cssClasses.horizontal); + } else { + addClass(addTarget, options.cssClasses.vertical); + } + var textDirection = getComputedStyle(addTarget).direction; + if (textDirection === 'rtl') { + addClass( + addTarget, + options.cssClasses.textDirectionRtl + ); + } else { + addClass( + addTarget, + options.cssClasses.textDirectionLtr + ); + } + return addNodeTo(addTarget, options.cssClasses.base); + } + function addTooltip(handle, handleNumber) { + if (!options.tooltips || !options.tooltips[handleNumber]) { + return false; + } + return addNodeTo( + handle.firstChild, + options.cssClasses.tooltip + ); + } + function isSliderDisabled() { + return scope_Target.hasAttribute('disabled'); + } + // Disable the slider dragging if any handle is disabled + function isHandleDisabled(handleNumber) { + var handleOrigin = scope_Handles[handleNumber]; + return handleOrigin.hasAttribute('disabled'); + } + function disable(handleNumber) { + if (handleNumber !== null && handleNumber !== undefined) { + scope_Handles[handleNumber].setAttribute( + 'disabled', + '' + ); + scope_Handles[handleNumber].handle.removeAttribute( + 'tabindex' + ); + } else { + scope_Target.setAttribute('disabled', ''); + scope_Handles.forEach(function (handle) { + handle.handle.removeAttribute('tabindex'); + }); + } + } + function enable(handleNumber) { + if (handleNumber !== null && handleNumber !== undefined) { + scope_Handles[handleNumber].removeAttribute('disabled'); + scope_Handles[handleNumber].handle.setAttribute( + 'tabindex', + '0' + ); + } else { + scope_Target.removeAttribute('disabled'); + scope_Handles.forEach(function (handle) { + handle.removeAttribute('disabled'); + handle.handle.setAttribute('tabindex', '0'); + }); + } + } + function removeTooltips() { + if (scope_Tooltips) { + removeEvent('update' + INTERNAL_EVENT_NS.tooltips); + scope_Tooltips.forEach(function (tooltip) { + if (tooltip) { + removeElement(tooltip); + } + }); + scope_Tooltips = null; + } + } + // The tooltips option is a shorthand for using the 'update' event. + function tooltips() { + removeTooltips(); + // Tooltips are added with options.tooltips in original order. + scope_Tooltips = scope_Handles.map(addTooltip); + bindEvent( + 'update' + INTERNAL_EVENT_NS.tooltips, + function (values, handleNumber, unencoded) { + if (!scope_Tooltips || !options.tooltips) { + return; + } + if (scope_Tooltips[handleNumber] === false) { + return; + } + var formattedValue = values[handleNumber]; + if (options.tooltips[handleNumber] !== true) { + formattedValue = options.tooltips[ + handleNumber + ].to(unencoded[handleNumber]); + } + scope_Tooltips[handleNumber].innerHTML = + formattedValue; + } + ); + } + function aria() { + removeEvent('update' + INTERNAL_EVENT_NS.aria); + bindEvent( + 'update' + INTERNAL_EVENT_NS.aria, + function ( + values, + handleNumber, + unencoded, + tap, + positions + ) { + // Update Aria Values for all handles, as a change in one changes min and max values for the next. + scope_HandleNumbers.forEach(function (index) { + var handle = scope_Handles[index]; + var min = checkHandlePosition( + scope_Locations, + index, + 0, + true, + true, + true + ); + var max = checkHandlePosition( + scope_Locations, + index, + 100, + true, + true, + true + ); + var now = positions[index]; + // Formatted value for display + var text = String( + options.ariaFormat.to(unencoded[index]) + ); + // Map to slider range values + min = scope_Spectrum + .fromStepping(min) + .toFixed(1); + max = scope_Spectrum + .fromStepping(max) + .toFixed(1); + now = scope_Spectrum + .fromStepping(now) + .toFixed(1); + handle.children[0].setAttribute( + 'aria-valuemin', + min + ); + handle.children[0].setAttribute( + 'aria-valuemax', + max + ); + handle.children[0].setAttribute( + 'aria-valuenow', + now + ); + handle.children[0].setAttribute( + 'aria-valuetext', + text + ); + }); + } + ); + } + function getGroup(pips) { + // Use the range. + if ( + pips.mode === exports.PipsMode.Range || + pips.mode === exports.PipsMode.Steps + ) { + return scope_Spectrum.xVal; + } + if (pips.mode === exports.PipsMode.Count) { + if (pips.values < 2) { + throw new Error( + "directoristCustomRangeSlider: 'values' (>= 2) required for mode 'count'." + ); + } + // Divide 0 - 100 in 'count' parts. + var interval = pips.values - 1; + var spread = 100 / interval; + var values = []; + // List these parts and have them handled as 'positions'. + while (interval--) { + values[interval] = interval * spread; + } + values.push(100); + return mapToRange(values, pips.stepped); + } + if (pips.mode === exports.PipsMode.Positions) { + // Map all percentages to on-range values. + return mapToRange(pips.values, pips.stepped); + } + if (pips.mode === exports.PipsMode.Values) { + // If the value must be stepped, it needs to be converted to a percentage first. + if (pips.stepped) { + return pips.values.map(function (value) { + // Convert to percentage, apply step, return to value. + return scope_Spectrum.fromStepping( + scope_Spectrum.getStep( + scope_Spectrum.toStepping(value) + ) + ); + }); + } + // Otherwise, we can simply use the values. + return pips.values; + } + return []; // pips.mode = never + } + function mapToRange(values, stepped) { + return values.map(function (value) { + return scope_Spectrum.fromStepping( + stepped ? scope_Spectrum.getStep(value) : value + ); + }); + } + function generateSpread(pips) { + function safeIncrement(value, increment) { + // Avoid floating point variance by dropping the smallest decimal places. + return Number((value + increment).toFixed(7)); + } + var group = getGroup(pips); + var indexes = {}; + var firstInRange = scope_Spectrum.xVal[0]; + var lastInRange = + scope_Spectrum.xVal[scope_Spectrum.xVal.length - 1]; + var ignoreFirst = false; + var ignoreLast = false; + var prevPct = 0; + // Create a copy of the group, sort it and filter away all duplicates. + group = unique( + group.slice().sort(function (a, b) { + return a - b; + }) + ); + // Make sure the range starts with the first element. + if (group[0] !== firstInRange) { + group.unshift(firstInRange); + ignoreFirst = true; + } + // Likewise for the last one. + if (group[group.length - 1] !== lastInRange) { + group.push(lastInRange); + ignoreLast = true; + } + group.forEach(function (current, index) { + // Get the current step and the lower + upper positions. + var step; + var i; + var q; + var low = current; + var high = group[index + 1]; + var newPct; + var pctDifference; + var pctPos; + var type; + var steps; + var realSteps; + var stepSize; + var isSteps = pips.mode === exports.PipsMode.Steps; + // When using 'steps' mode, use the provided steps. + // Otherwise, we'll step on to the next subrange. + if (isSteps) { + step = scope_Spectrum.xNumSteps[index]; + } + // Default to a 'full' step. + if (!step) { + step = high - low; + } + // If high is undefined we are at the last subrange. Make sure it iterates once (#1088) + if (high === undefined) { + high = low; + } + // Make sure step isn't 0, which would cause an infinite loop (#654) + step = Math.max(step, 0.0000001); + // Find all steps in the subrange. + for (i = low; i <= high; i = safeIncrement(i, step)) { + // Get the percentage value for the current step, + // calculate the size for the subrange. + newPct = scope_Spectrum.toStepping(i); + pctDifference = newPct - prevPct; + steps = pctDifference / (pips.density || 1); + realSteps = Math.round(steps); + // This ratio represents the amount of percentage-space a point indicates. + // For a density 1 the points/percentage = 1. For density 2, that percentage needs to be re-divided. + // Round the percentage offset to an even number, then divide by two + // to spread the offset on both sides of the range. + stepSize = pctDifference / realSteps; + // Divide all points evenly, adding the correct number to this subrange. + // Run up to <= so that 100% gets a point, event if ignoreLast is set. + for (q = 1; q <= realSteps; q += 1) { + // The ratio between the rounded value and the actual size might be ~1% off. + // Correct the percentage offset by the number of points + // per subrange. density = 1 will result in 100 points on the + // full range, 2 for 50, 4 for 25, etc. + pctPos = prevPct + q * stepSize; + indexes[pctPos.toFixed(5)] = [ + scope_Spectrum.fromStepping(pctPos), + 0, + ]; + } + // Determine the point type. + type = + group.indexOf(i) > -1 + ? exports.PipsType.LargeValue + : isSteps + ? exports.PipsType.SmallValue + : exports.PipsType.NoValue; + // Enforce the 'ignoreFirst' option by overwriting the type for 0. + if (!index && ignoreFirst && i !== high) { + type = 0; + } + if (!(i === high && ignoreLast)) { + // Mark the 'type' of this point. 0 = plain, 1 = real value, 2 = step value. + indexes[newPct.toFixed(5)] = [i, type]; + } + // Update the percentage count. + prevPct = newPct; + } + }); + return indexes; + } + function addMarking(spread, filterFunc, formatter) { + var _a, _b; + var element = scope_Document.createElement('div'); + var valueSizeClasses = + ((_a = {}), + (_a[exports.PipsType.None] = ''), + (_a[exports.PipsType.NoValue] = + options.cssClasses.valueNormal), + (_a[exports.PipsType.LargeValue] = + options.cssClasses.valueLarge), + (_a[exports.PipsType.SmallValue] = + options.cssClasses.valueSub), + _a); + var markerSizeClasses = + ((_b = {}), + (_b[exports.PipsType.None] = ''), + (_b[exports.PipsType.NoValue] = + options.cssClasses.markerNormal), + (_b[exports.PipsType.LargeValue] = + options.cssClasses.markerLarge), + (_b[exports.PipsType.SmallValue] = + options.cssClasses.markerSub), + _b); + var valueOrientationClasses = [ + options.cssClasses.valueHorizontal, + options.cssClasses.valueVertical, + ]; + var markerOrientationClasses = [ + options.cssClasses.markerHorizontal, + options.cssClasses.markerVertical, + ]; + addClass(element, options.cssClasses.pips); + addClass( + element, + options.ort === 0 + ? options.cssClasses.pipsHorizontal + : options.cssClasses.pipsVertical + ); + function getClasses(type, source) { + var a = source === options.cssClasses.value; + var orientationClasses = a + ? valueOrientationClasses + : markerOrientationClasses; + var sizeClasses = a + ? valueSizeClasses + : markerSizeClasses; + return ( + source + + ' ' + + orientationClasses[options.ort] + + ' ' + + sizeClasses[type] + ); + } + function addSpread(offset, value, type) { + // Apply the filter function, if it is set. + type = filterFunc ? filterFunc(value, type) : type; + if (type === exports.PipsType.None) { + return; + } + // Add a marker for every point + var node = addNodeTo(element, false); + node.className = getClasses( + type, + options.cssClasses.marker + ); + node.style[options.style] = offset + '%'; + // Values are only appended for points marked '1' or '2'. + if (type > exports.PipsType.NoValue) { + node = addNodeTo(element, false); + node.className = getClasses( + type, + options.cssClasses.value + ); + node.setAttribute('data-value', String(value)); + node.style[options.style] = offset + '%'; + node.innerHTML = String(formatter.to(value)); + } + } + // Append all points. + Object.keys(spread).forEach(function (offset) { + addSpread(offset, spread[offset][0], spread[offset][1]); + }); + return element; + } + function removePips() { + if (scope_Pips) { + removeElement(scope_Pips); + scope_Pips = null; + } + } + function pips(pips) { + // Fix #669 + removePips(); + var spread = generateSpread(pips); + var filter = pips.filter; + var format = pips.format || { + to: function to(value) { + return String(Math.round(value)); + }, + }; + scope_Pips = scope_Target.appendChild( + addMarking(spread, filter, format) + ); + return scope_Pips; + } + // Shorthand for base dimensions. + function baseSize() { + var rect = scope_Base.getBoundingClientRect(); + var alt = 'offset' + ['Width', 'Height'][options.ort]; + return options.ort === 0 + ? rect.width || scope_Base[alt] + : rect.height || scope_Base[alt]; + } + // Handler for attaching events trough a proxy. + function attachEvent(events, element, callback, data) { + // This function can be used to 'filter' events to the slider. + // element is a node, not a nodeList + var method = function method(event) { + var e = fixEvent( + event, + data.pageOffset, + data.target || element + ); + // fixEvent returns false if this event has a different target + // when handling (multi-) touch events; + if (!e) { + return false; + } + // doNotReject is passed by all end events to make sure released touches + // are not rejected, leaving the slider "stuck" to the cursor; + if (isSliderDisabled() && !data.doNotReject) { + return false; + } + // Stop if an active 'tap' transition is taking place. + if ( + hasClass(scope_Target, options.cssClasses.tap) && + !data.doNotReject + ) { + return false; + } + // Ignore right or middle clicks on start #454 + if ( + events === actions.start && + e.buttons !== undefined && + e.buttons > 1 + ) { + return false; + } + // Ignore right or middle clicks on start #454 + if (data.hover && e.buttons) { + return false; + } + // 'supportsPassive' is only true if a browser also supports touch-action: none in CSS. + // iOS safari does not, so it doesn't get to benefit from passive scrolling. iOS does support + // touch-action: manipulation, but that allows panning, which breaks + // sliders after zooming/on non-responsive pages. + // See: https://bugs.webkit.org/show_bug.cgi?id=133112 + if (!supportsPassive) { + e.preventDefault(); + } + e.calcPoint = e.points[options.ort]; + // Call the event handler with the event [ and additional data ]. + callback(e, data); + return; + }; + var methods = []; + // Bind a closure on the target for every event type. + events.split(' ').forEach(function (eventName) { + element.addEventListener( + eventName, + method, + supportsPassive + ? { + passive: true, + } + : false + ); + methods.push([eventName, method]); + }); + return methods; + } + // Provide a clean event with standardized offset values. + function fixEvent(e, pageOffset, eventTarget) { + // Filter the event to register the type, which can be + // touch, mouse or pointer. Offset changes need to be + // made on an event specific basis. + var touch = e.type.indexOf('touch') === 0; + var mouse = e.type.indexOf('mouse') === 0; + var pointer = e.type.indexOf('pointer') === 0; + var x = 0; + var y = 0; + // IE10 implemented pointer events with a prefix; + if (e.type.indexOf('MSPointer') === 0) { + pointer = true; + } + // Erroneous events seem to be passed in occasionally on iOS/iPadOS after user finishes interacting with + // the slider. They appear to be of type MouseEvent, yet they don't have usual properties set. Ignore + // events that have no touches or buttons associated with them. (#1057, #1079, #1095) + if (e.type === 'mousedown' && !e.buttons && !e.touches) { + return false; + } + // The only thing one handle should be concerned about is the touches that originated on top of it. + if (touch) { + // Returns true if a touch originated on the target. + var isTouchOnTarget = function isTouchOnTarget( + checkTouch + ) { + var target = checkTouch.target; + return ( + target === eventTarget || + eventTarget.contains(target) || + (e.composed && + e.composedPath().shift() === eventTarget) + ); + }; + // In the case of touchstart events, we need to make sure there is still no more than one + // touch on the target so we look amongst all touches. + if (e.type === 'touchstart') { + var targetTouches = Array.prototype.filter.call( + e.touches, + isTouchOnTarget + ); + // Do not support more than one touch per handle. + if (targetTouches.length > 1) { + return false; + } + x = targetTouches[0].pageX; + y = targetTouches[0].pageY; + } else { + // In the other cases, find on changedTouches is enough. + var targetTouch = Array.prototype.find.call( + e.changedTouches, + isTouchOnTarget + ); + // Cancel if the target touch has not moved. + if (!targetTouch) { + return false; + } + x = targetTouch.pageX; + y = targetTouch.pageY; + } + } + pageOffset = pageOffset || getPageOffset(scope_Document); + if (mouse || pointer) { + x = e.clientX + pageOffset.x; + y = e.clientY + pageOffset.y; + } + e.pageOffset = pageOffset; + e.points = [x, y]; + e.cursor = mouse || pointer; // Fix #435 + return e; + } + // Translate a coordinate in the document to a percentage on the slider + function calcPointToPercentage(calcPoint) { + var location = calcPoint - offset(scope_Base, options.ort); + var proposal = (location * 100) / baseSize(); + // Clamp proposal between 0% and 100% + // Out-of-bound coordinates may occur when .directorist-custom-range-slider-base pseudo-elements + // are used (e.g. contained handles feature) + proposal = limit(proposal); + return options.dir ? 100 - proposal : proposal; + } + // Find handle closest to a certain percentage on the slider + function getClosestHandle(clickedPosition) { + var smallestDifference = 100; + var handleNumber = false; + scope_Handles.forEach(function (handle, index) { + // Disabled handles are ignored + if (isHandleDisabled(index)) { + return; + } + var handlePosition = scope_Locations[index]; + var differenceWithThisHandle = Math.abs( + handlePosition - clickedPosition + ); + // Initial state + var clickAtEdge = + differenceWithThisHandle === 100 && + smallestDifference === 100; + // Difference with this handle is smaller than the previously checked handle + var isCloser = + differenceWithThisHandle < smallestDifference; + var isCloserAfter = + differenceWithThisHandle <= smallestDifference && + clickedPosition > handlePosition; + if (isCloser || isCloserAfter || clickAtEdge) { + handleNumber = index; + smallestDifference = differenceWithThisHandle; + } + }); + return handleNumber; + } + // Fire 'end' when a mouse or pen leaves the document. + function documentLeave(event, data) { + if ( + event.type === 'mouseout' && + event.target.nodeName === 'HTML' && + event.relatedTarget === null + ) { + eventEnd(event, data); + } + } + // Handle movement on document for handle and range drag. + function eventMove(event, data) { + // Fix #498 + // Check value of .buttons in 'start' to work around a bug in IE10 mobile (data.buttonsProperty). + // https://connect.microsoft.com/IE/feedback/details/927005/mobile-ie10-windows-phone-buttons-property-of-pointermove-event-always-zero + // IE9 has .buttons and .which zero on mousemove. + // Firefox breaks the spec MDN defines. + if ( + navigator.appVersion.indexOf('MSIE 9') === -1 && + event.buttons === 0 && + data.buttonsProperty !== 0 + ) { + return eventEnd(event, data); + } + // Check if we are moving up or down + var movement = + (options.dir ? -1 : 1) * + (event.calcPoint - data.startCalcPoint); + // Convert the movement into a percentage of the slider width/height + var proposal = (movement * 100) / data.baseSize; + moveHandles( + movement > 0, + proposal, + data.locations, + data.handleNumbers, + data.connect + ); + } + // Unbind move events on document, call callbacks. + function eventEnd(event, data) { + // The handle is no longer active, so remove the class. + if (data.handle) { + removeClass(data.handle, options.cssClasses.active); + scope_ActiveHandlesCount -= 1; + } + // Unbind the move and end events, which are added on 'start'. + data.listeners.forEach(function (c) { + scope_DocumentElement.removeEventListener(c[0], c[1]); + }); + if (scope_ActiveHandlesCount === 0) { + // Remove dragging class. + removeClass(scope_Target, options.cssClasses.drag); + setZindex(); + // Remove cursor styles and text-selection events bound to the body. + if (event.cursor) { + scope_Body.style.cursor = ''; + scope_Body.removeEventListener( + 'selectstart', + preventDefault + ); + } + } + if (options.events.smoothSteps) { + data.handleNumbers.forEach(function (handleNumber) { + setHandle( + handleNumber, + scope_Locations[handleNumber], + true, + true, + false, + false + ); + }); + data.handleNumbers.forEach(function (handleNumber) { + fireEvent('update', handleNumber); + }); + } + data.handleNumbers.forEach(function (handleNumber) { + fireEvent('change', handleNumber); + fireEvent('set', handleNumber); + fireEvent('end', handleNumber); + }); + } + // Bind move events on document. + function eventStart(event, data) { + // Ignore event if any handle is disabled + if (data.handleNumbers.some(isHandleDisabled)) { + return; + } + var handle; + if (data.handleNumbers.length === 1) { + var handleOrigin = scope_Handles[data.handleNumbers[0]]; + handle = handleOrigin.children[0]; + scope_ActiveHandlesCount += 1; + // Mark the handle as 'active' so it can be styled. + addClass(handle, options.cssClasses.active); + } + // A drag should never propagate up to the 'tap' event. + event.stopPropagation(); + // Record the event listeners. + var listeners = []; + // Attach the move and end events. + var moveEvent = attachEvent( + actions.move, + scope_DocumentElement, + eventMove, + { + // The event target has changed so we need to propagate the original one so that we keep + // relying on it to extract target touches. + target: event.target, + handle: handle, + connect: data.connect, + listeners: listeners, + startCalcPoint: event.calcPoint, + baseSize: baseSize(), + pageOffset: event.pageOffset, + handleNumbers: data.handleNumbers, + buttonsProperty: event.buttons, + locations: scope_Locations.slice(), + } + ); + var endEvent = attachEvent( + actions.end, + scope_DocumentElement, + eventEnd, + { + target: event.target, + handle: handle, + listeners: listeners, + doNotReject: true, + handleNumbers: data.handleNumbers, + } + ); + var outEvent = attachEvent( + 'mouseout', + scope_DocumentElement, + documentLeave, + { + target: event.target, + handle: handle, + listeners: listeners, + doNotReject: true, + handleNumbers: data.handleNumbers, + } + ); + // We want to make sure we pushed the listeners in the listener list rather than creating + // a new one as it has already been passed to the event handlers. + listeners.push.apply( + listeners, + moveEvent.concat(endEvent, outEvent) + ); + // Text selection isn't an issue on touch devices, + // so adding cursor styles can be skipped. + if (event.cursor) { + // Prevent the 'I' cursor and extend the range-drag cursor. + scope_Body.style.cursor = getComputedStyle( + event.target + ).cursor; + // Mark the target with a dragging state. + if (scope_Handles.length > 1) { + addClass(scope_Target, options.cssClasses.drag); + } + // Prevent text selection when dragging the handles. + // In directoristCustomRangeSlider <= 9.2.0, this was handled by calling preventDefault on mouse/touch start/move, + // which is scroll blocking. The selectstart event is supported by FireFox starting from version 52, + // meaning the only holdout is iOS Safari. This doesn't matter: text selection isn't triggered there. + // The 'cursor' flag is false. + // See: http://caniuse.com/#search=selectstart + scope_Body.addEventListener( + 'selectstart', + preventDefault, + false + ); + } + data.handleNumbers.forEach(function (handleNumber) { + fireEvent('start', handleNumber); + }); + } + // Move closest handle to tapped location. + function eventTap(event) { + // The tap event shouldn't propagate up + event.stopPropagation(); + var proposal = calcPointToPercentage(event.calcPoint); + var handleNumber = getClosestHandle(proposal); + // Tackle the case that all handles are 'disabled'. + if (handleNumber === false) { + return; + } + // Flag the slider as it is now in a transitional state. + // Transition takes a configurable amount of ms (default 300). Re-enable the slider after that. + if (!options.events.snap) { + addClassFor( + scope_Target, + options.cssClasses.tap, + options.animationDuration + ); + } + setHandle(handleNumber, proposal, true, true); + setZindex(); + fireEvent('slide', handleNumber, true); + fireEvent('update', handleNumber, true); + if (!options.events.snap) { + fireEvent('change', handleNumber, true); + fireEvent('set', handleNumber, true); + } else { + eventStart(event, { + handleNumbers: [handleNumber], + }); + } + } + // Fires a 'hover' event for a hovered mouse/pen position. + function eventHover(event) { + var proposal = calcPointToPercentage(event.calcPoint); + var to = scope_Spectrum.getStep(proposal); + var value = scope_Spectrum.fromStepping(to); + Object.keys(scope_Events).forEach(function (targetEvent) { + if ('hover' === targetEvent.split('.')[0]) { + scope_Events[targetEvent].forEach( + function (callback) { + callback.call(scope_Self, value); + } + ); + } + }); + } + // Handles keydown on focused handles + // Don't move the document when pressing arrow keys on focused handles + function eventKeydown(event, handleNumber) { + if (isSliderDisabled() || isHandleDisabled(handleNumber)) { + return false; + } + var horizontalKeys = ['Left', 'Right']; + var verticalKeys = ['Down', 'Up']; + var largeStepKeys = ['PageDown', 'PageUp']; + var edgeKeys = ['Home', 'End']; + if (options.dir && !options.ort) { + // On an right-to-left slider, the left and right keys act inverted + horizontalKeys.reverse(); + } else if (options.ort && !options.dir) { + // On a top-to-bottom slider, the up and down keys act inverted + verticalKeys.reverse(); + largeStepKeys.reverse(); + } + // Strip "Arrow" for IE compatibility. https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key + var key = event.key.replace('Arrow', ''); + var isLargeDown = key === largeStepKeys[0]; + var isLargeUp = key === largeStepKeys[1]; + var isDown = + key === verticalKeys[0] || + key === horizontalKeys[0] || + isLargeDown; + var isUp = + key === verticalKeys[1] || + key === horizontalKeys[1] || + isLargeUp; + var isMin = key === edgeKeys[0]; + var isMax = key === edgeKeys[1]; + if (!isDown && !isUp && !isMin && !isMax) { + return true; + } + event.preventDefault(); + var to; + if (isUp || isDown) { + var direction = isDown ? 0 : 1; + var steps = getNextStepsForHandle(handleNumber); + var step = steps[direction]; + // At the edge of a slider, do nothing + if (step === null) { + return false; + } + // No step set, use the default of 10% of the sub-range + if (step === false) { + step = scope_Spectrum.getDefaultStep( + scope_Locations[handleNumber], + isDown, + options.keyboardDefaultStep + ); + } + if (isLargeUp || isLargeDown) { + step *= options.keyboardPageMultiplier; + } else { + step *= options.keyboardMultiplier; + } + // Step over zero-length ranges (#948); + step = Math.max(step, 0.0000001); + // Decrement for down steps + step = (isDown ? -1 : 1) * step; + to = scope_Values[handleNumber] + step; + } else if (isMax) { + // End key + to = + options.spectrum.xVal[ + options.spectrum.xVal.length - 1 + ]; + } else { + // Home key + to = options.spectrum.xVal[0]; + } + setHandle( + handleNumber, + scope_Spectrum.toStepping(to), + true, + true + ); + fireEvent('slide', handleNumber); + fireEvent('update', handleNumber); + fireEvent('change', handleNumber); + fireEvent('set', handleNumber); + return false; + } + // Attach events to several slider parts. + function bindSliderEvents(behaviour) { + // Attach the standard drag event to the handles. + if (!behaviour.fixed) { + scope_Handles.forEach(function (handle, index) { + // These events are only bound to the visual handle + // element, not the 'real' origin element. + attachEvent( + actions.start, + handle.children[0], + eventStart, + { + handleNumbers: [index], + } + ); + }); + } + // Attach the tap event to the slider base. + if (behaviour.tap) { + attachEvent(actions.start, scope_Base, eventTap, {}); + } + // Fire hover events + if (behaviour.hover) { + attachEvent(actions.move, scope_Base, eventHover, { + hover: true, + }); + } + // Make the range draggable. + if (behaviour.drag) { + scope_Connects.forEach(function (connect, index) { + if ( + connect === false || + index === 0 || + index === scope_Connects.length - 1 + ) { + return; + } + var handleBefore = scope_Handles[index - 1]; + var handleAfter = scope_Handles[index]; + var eventHolders = [connect]; + var handlesToDrag = [handleBefore, handleAfter]; + var handleNumbersToDrag = [index - 1, index]; + addClass(connect, options.cssClasses.draggable); + // When the range is fixed, the entire range can + // be dragged by the handles. The handle in the first + // origin will propagate the start event upward, + // but it needs to be bound manually on the other. + if (behaviour.fixed) { + eventHolders.push(handleBefore.children[0]); + eventHolders.push(handleAfter.children[0]); + } + if (behaviour.dragAll) { + handlesToDrag = scope_Handles; + handleNumbersToDrag = scope_HandleNumbers; + } + eventHolders.forEach(function (eventHolder) { + attachEvent( + actions.start, + eventHolder, + eventStart, + { + handles: handlesToDrag, + handleNumbers: handleNumbersToDrag, + connect: connect, + } + ); + }); + }); + } + } + // Attach an event to this slider, possibly including a namespace + function bindEvent(namespacedEvent, callback) { + scope_Events[namespacedEvent] = + scope_Events[namespacedEvent] || []; + scope_Events[namespacedEvent].push(callback); + // If the event bound is 'update,' fire it immediately for all handles. + if (namespacedEvent.split('.')[0] === 'update') { + scope_Handles.forEach(function (a, index) { + fireEvent('update', index); + }); + } + } + function isInternalNamespace(namespace) { + return ( + namespace === INTERNAL_EVENT_NS.aria || + namespace === INTERNAL_EVENT_NS.tooltips + ); + } + // Undo attachment of event + function removeEvent(namespacedEvent) { + var event = + namespacedEvent && namespacedEvent.split('.')[0]; + var namespace = event + ? namespacedEvent.substring(event.length) + : namespacedEvent; + Object.keys(scope_Events).forEach(function (bind) { + var tEvent = bind.split('.')[0]; + var tNamespace = bind.substring(tEvent.length); + if ( + (!event || event === tEvent) && + (!namespace || namespace === tNamespace) + ) { + // only delete protected internal event if intentional + if ( + !isInternalNamespace(tNamespace) || + namespace === tNamespace + ) { + delete scope_Events[bind]; + } + } + }); + } + // External event handling + function fireEvent(eventName, handleNumber, tap) { + Object.keys(scope_Events).forEach(function (targetEvent) { + var eventType = targetEvent.split('.')[0]; + if (eventName === eventType) { + scope_Events[targetEvent].forEach( + function (callback) { + callback.call( + // Use the slider public API as the scope ('this') + scope_Self, + // Return values as array, so arg_1[arg_2] is always valid. + scope_Values.map(options.format.to), + // Handle index, 0 or 1 + handleNumber, + // Un-formatted slider values + scope_Values.slice(), + // Event is fired by tap, true or false + tap || false, + // Left offset of the handle, in relation to the slider + scope_Locations.slice(), + // add the slider public API to an accessible parameter when this is unavailable + scope_Self + ); + } + ); + } + }); + } + // Split out the handle positioning logic so the Move event can use it, too + function checkHandlePosition( + reference, + handleNumber, + to, + lookBackward, + lookForward, + getValue, + smoothSteps + ) { + var distance; + // For sliders with multiple handles, limit movement to the other handle. + // Apply the margin option by adding it to the handle positions. + if ( + scope_Handles.length > 1 && + !options.events.unconstrained + ) { + if (lookBackward && handleNumber > 0) { + distance = scope_Spectrum.getAbsoluteDistance( + reference[handleNumber - 1], + options.margin, + false + ); + to = Math.max(to, distance); + } + if ( + lookForward && + handleNumber < scope_Handles.length - 1 + ) { + distance = scope_Spectrum.getAbsoluteDistance( + reference[handleNumber + 1], + options.margin, + true + ); + to = Math.min(to, distance); + } + } + // The limit option has the opposite effect, limiting handles to a + // maximum distance from another. Limit must be > 0, as otherwise + // handles would be unmovable. + if (scope_Handles.length > 1 && options.limit) { + if (lookBackward && handleNumber > 0) { + distance = scope_Spectrum.getAbsoluteDistance( + reference[handleNumber - 1], + options.limit, + false + ); + to = Math.min(to, distance); + } + if ( + lookForward && + handleNumber < scope_Handles.length - 1 + ) { + distance = scope_Spectrum.getAbsoluteDistance( + reference[handleNumber + 1], + options.limit, + true + ); + to = Math.max(to, distance); + } + } + // The padding option keeps the handles a certain distance from the + // edges of the slider. Padding must be > 0. + if (options.padding) { + if (handleNumber === 0) { + distance = scope_Spectrum.getAbsoluteDistance( + 0, + options.padding[0], + false + ); + to = Math.max(to, distance); + } + if (handleNumber === scope_Handles.length - 1) { + distance = scope_Spectrum.getAbsoluteDistance( + 100, + options.padding[1], + true + ); + to = Math.min(to, distance); + } + } + if (!smoothSteps) { + to = scope_Spectrum.getStep(to); + } + // Limit percentage to the 0 - 100 range + to = limit(to); + // Return false if handle can't move + if (to === reference[handleNumber] && !getValue) { + return false; + } + return to; + } + // Uses slider orientation to create CSS rules. a = base value; + function inRuleOrder(v, a) { + var o = options.ort; + return (o ? a : v) + ', ' + (o ? v : a); + } + // Moves handle(s) by a percentage + // (bool, % to move, [% where handle started, ...], [index in scope_Handles, ...]) + function moveHandles( + upward, + proposal, + locations, + handleNumbers, + connect + ) { + var proposals = locations.slice(); + // Store first handle now, so we still have it in case handleNumbers is reversed + var firstHandle = handleNumbers[0]; + var smoothSteps = options.events.smoothSteps; + var b = [!upward, upward]; + var f = [upward, !upward]; + // Copy handleNumbers so we don't change the dataset + handleNumbers = handleNumbers.slice(); + // Check to see which handle is 'leading'. + // If that one can't move the second can't either. + if (upward) { + handleNumbers.reverse(); + } + // Step 1: get the maximum percentage that any of the handles can move + if (handleNumbers.length > 1) { + handleNumbers.forEach(function (handleNumber, o) { + var to = checkHandlePosition( + proposals, + handleNumber, + proposals[handleNumber] + proposal, + b[o], + f[o], + false, + smoothSteps + ); + // Stop if one of the handles can't move. + if (to === false) { + proposal = 0; + } else { + proposal = to - proposals[handleNumber]; + proposals[handleNumber] = to; + } + }); + } + // If using one handle, check backward AND forward + else { + b = f = [true]; + } + var state = false; + // Step 2: Try to set the handles with the found percentage + handleNumbers.forEach(function (handleNumber, o) { + state = + setHandle( + handleNumber, + locations[handleNumber] + proposal, + b[o], + f[o], + false, + smoothSteps + ) || state; + }); + // Step 3: If a handle moved, fire events + if (state) { + handleNumbers.forEach(function (handleNumber) { + fireEvent('update', handleNumber); + fireEvent('slide', handleNumber); + }); + // If target is a connect, then fire drag event + if (connect != undefined) { + fireEvent('drag', firstHandle); + } + } + } + // Takes a base value and an offset. This offset is used for the connect bar size. + // In the initial design for this feature, the origin element was 1% wide. + // Unfortunately, a rounding bug in Chrome makes it impossible to implement this feature + // in this manner: https://bugs.chromium.org/p/chromium/issues/detail?id=798223 + function transformDirection(a, b) { + return options.dir ? 100 - a - b : a; + } + // Updates scope_Locations and scope_Values, updates visual state + function updateHandlePosition(handleNumber, to) { + // Update locations. + scope_Locations[handleNumber] = to; + // Convert the value to the slider stepping/range. + scope_Values[handleNumber] = + scope_Spectrum.fromStepping(to); + var translation = + transformDirection(to, 0) - scope_DirOffset; + var translateRule = + 'translate(' + + inRuleOrder(translation + '%', '0') + + ')'; + scope_Handles[handleNumber].style[options.transformRule] = + translateRule; + updateConnect(handleNumber); + updateConnect(handleNumber + 1); + } + // Handles before the slider middle are stacked later = higher, + // Handles after the middle later is lower + // [[7] [8] .......... | .......... [5] [4] + function setZindex() { + scope_HandleNumbers.forEach(function (handleNumber) { + var dir = scope_Locations[handleNumber] > 50 ? -1 : 1; + var zIndex = + 3 + (scope_Handles.length + dir * handleNumber); + scope_Handles[handleNumber].style.zIndex = + String(zIndex); + }); + } + // Test suggested values and apply margin, step. + // if exactInput is true, don't run checkHandlePosition, then the handle can be placed in between steps (#436) + function setHandle( + handleNumber, + to, + lookBackward, + lookForward, + exactInput, + smoothSteps + ) { + if (!exactInput) { + to = checkHandlePosition( + scope_Locations, + handleNumber, + to, + lookBackward, + lookForward, + false, + smoothSteps + ); + } + if (to === false) { + return false; + } + updateHandlePosition(handleNumber, to); + return true; + } + // Updates style attribute for connect nodes + function updateConnect(index) { + // Skip connects set to false + if (!scope_Connects[index]) { + return; + } + var l = 0; + var h = 100; + if (index !== 0) { + l = scope_Locations[index - 1]; + } + if (index !== scope_Connects.length - 1) { + h = scope_Locations[index]; + } + // We use two rules: + // 'translate' to change the left/top offset; + // 'scale' to change the width of the element; + // As the element has a width of 100%, a translation of 100% is equal to 100% of the parent (.directorist-custom-range-slider-base) + var connectWidth = h - l; + var translateRule = options.dir + ? 'translate(' + inRuleOrder(-l + '%', '0') + ')' // RTL + : 'translate(' + inRuleOrder(l + '%', '0') + ')'; // LTR + var scaleRule = + 'scale(' + inRuleOrder(connectWidth / 100, '1') + ')'; + scope_Connects[index].style[options.transformRule] = + translateRule + ' ' + scaleRule; + } + // Parses value passed to .set method. Returns current value if not parse-able. + function resolveToValue(to, handleNumber) { + // Setting with null indicates an 'ignore'. + // Inputting 'false' is invalid. + if (to === null || to === false || to === undefined) { + return scope_Locations[handleNumber]; + } + // If a formatted number was passed, attempt to decode it. + if (typeof to === 'number') { + to = String(to); + } + to = options.format.from(to); + if (to !== false) { + to = scope_Spectrum.toStepping(to); + } + // If parsing the number failed, use the current value. + if (to === false || isNaN(to)) { + return scope_Locations[handleNumber]; + } + return to; + } + // Set the slider value. + function valueSet(input, fireSetEvent, exactInput) { + var values = asArray(input); + var isInit = scope_Locations[0] === undefined; + // Event fires by default + fireSetEvent = + fireSetEvent === undefined ? true : fireSetEvent; + // Animation is optional. + // Make sure the initial values were set before using animated placement. + if (options.animate && !isInit) { + addClassFor( + scope_Target, + options.cssClasses.tap, + options.animationDuration + ); + } + // First pass, without lookAhead but with lookBackward. Values are set from left to right. + scope_HandleNumbers.forEach(function (handleNumber) { + setHandle( + handleNumber, + resolveToValue(values[handleNumber], handleNumber), + true, + false, + exactInput + ); + }); + var i = scope_HandleNumbers.length === 1 ? 0 : 1; + // Spread handles evenly across the slider if the range has no size (min=max) + if (isInit && scope_Spectrum.hasNoSize()) { + exactInput = true; + scope_Locations[0] = 0; + if (scope_HandleNumbers.length > 1) { + var space_1 = + 100 / (scope_HandleNumbers.length - 1); + scope_HandleNumbers.forEach( + function (handleNumber) { + scope_Locations[handleNumber] = + handleNumber * space_1; + } + ); + } + } + // Secondary passes. Now that all base values are set, apply constraints. + // Iterate all handles to ensure constraints are applied for the entire slider (Issue #1009) + for (; i < scope_HandleNumbers.length; ++i) { + scope_HandleNumbers.forEach(function (handleNumber) { + setHandle( + handleNumber, + scope_Locations[handleNumber], + true, + true, + exactInput + ); + }); + } + setZindex(); + scope_HandleNumbers.forEach(function (handleNumber) { + fireEvent('update', handleNumber); + // Fire the event only for handles that received a new value, as per #579 + if (values[handleNumber] !== null && fireSetEvent) { + fireEvent('set', handleNumber); + } + }); + } + // Reset slider to initial values + function valueReset(fireSetEvent) { + valueSet(options.start, fireSetEvent); + } + // Set value for a single handle + function valueSetHandle( + handleNumber, + value, + fireSetEvent, + exactInput + ) { + // Ensure numeric input + handleNumber = Number(handleNumber); + if ( + !( + handleNumber >= 0 && + handleNumber < scope_HandleNumbers.length + ) + ) { + throw new Error( + 'directoristCustomRangeSlider: invalid handle number, got: ' + + handleNumber + ); + } + // Look both backward and forward, since we don't want this handle to "push" other handles (#960); + // The exactInput argument can be used to ignore slider stepping (#436) + setHandle( + handleNumber, + resolveToValue(value, handleNumber), + true, + true, + exactInput + ); + fireEvent('update', handleNumber); + if (fireSetEvent) { + fireEvent('set', handleNumber); + } + } + // Get the slider value. + function valueGet(unencoded) { + if (unencoded === void 0) { + unencoded = false; + } + if (unencoded) { + // return a copy of the raw values + return scope_Values.length === 1 + ? scope_Values[0] + : scope_Values.slice(0); + } + var values = scope_Values.map(options.format.to); + // If only one handle is used, return a single value. + if (values.length === 1) { + return values[0]; + } + return values; + } + // Removes classes from the root and empties it. + function destroy() { + // remove protected internal listeners + removeEvent(INTERNAL_EVENT_NS.aria); + removeEvent(INTERNAL_EVENT_NS.tooltips); + Object.keys(options.cssClasses).forEach(function (key) { + removeClass(scope_Target, options.cssClasses[key]); + }); + while (scope_Target.firstChild) { + scope_Target.removeChild(scope_Target.firstChild); + } + delete scope_Target.directoristCustomRangeSlider; + } + function getNextStepsForHandle(handleNumber) { + var location = scope_Locations[handleNumber]; + var nearbySteps = scope_Spectrum.getNearbySteps(location); + var value = scope_Values[handleNumber]; + var increment = nearbySteps.thisStep.step; + var decrement = null; + // If snapped, directly use defined step value + if (options.snap) { + return [ + value - nearbySteps.stepBefore.startValue || null, + nearbySteps.stepAfter.startValue - value || null, + ]; + } + // If the next value in this step moves into the next step, + // the increment is the start of the next step - the current value + if (increment !== false) { + if ( + value + increment > + nearbySteps.stepAfter.startValue + ) { + increment = + nearbySteps.stepAfter.startValue - value; + } + } + // If the value is beyond the starting point + if (value > nearbySteps.thisStep.startValue) { + decrement = nearbySteps.thisStep.step; + } else if (nearbySteps.stepBefore.step === false) { + decrement = false; + } + // If a handle is at the start of a step, it always steps back into the previous step first + else { + decrement = value - nearbySteps.stepBefore.highestStep; + } + // Now, if at the slider edges, there is no in/decrement + if (location === 100) { + increment = null; + } else if (location === 0) { + decrement = null; + } + // As per #391, the comparison for the decrement step can have some rounding issues. + var stepDecimals = scope_Spectrum.countStepDecimals(); + // Round per #391 + if (increment !== null && increment !== false) { + increment = Number(increment.toFixed(stepDecimals)); + } + if (decrement !== null && decrement !== false) { + decrement = Number(decrement.toFixed(stepDecimals)); + } + return [decrement, increment]; + } + // Get the current step size for the slider. + function getNextSteps() { + return scope_HandleNumbers.map(getNextStepsForHandle); + } + // Updatable: margin, limit, padding, step, range, animate, snap + function updateOptions(optionsToUpdate, fireSetEvent) { + // Spectrum is created using the range, snap, direction and step options. + // 'snap' and 'step' can be updated. + // If 'snap' and 'step' are not passed, they should remain unchanged. + var v = valueGet(); + var updateAble = [ + 'margin', + 'limit', + 'padding', + 'range', + 'animate', + 'snap', + 'step', + 'format', + 'pips', + 'tooltips', + ]; + // Only change options that we're actually passed to update. + updateAble.forEach(function (name) { + // Check for undefined. null removes the value. + if (optionsToUpdate[name] !== undefined) { + originalOptions[name] = optionsToUpdate[name]; + } + }); + var newOptions = customRangeOptions(originalOptions); + // Load new options into the slider state + updateAble.forEach(function (name) { + if (optionsToUpdate[name] !== undefined) { + options[name] = newOptions[name]; + } + }); + scope_Spectrum = newOptions.spectrum; + // Limit, margin and padding depend on the spectrum but are stored outside of it. (#677) + options.margin = newOptions.margin; + options.limit = newOptions.limit; + options.padding = newOptions.padding; + // Update pips, removes existing. + if (options.pips) { + pips(options.pips); + } else { + removePips(); + } + // Update tooltips, removes existing. + if (options.tooltips) { + tooltips(); + } else { + removeTooltips(); + } + // Invalidate the current positioning so valueSet forces an update. + scope_Locations = []; + valueSet( + isSet(optionsToUpdate.start) + ? optionsToUpdate.start + : v, + fireSetEvent + ); + } + // Initialization steps + function setupSlider() { + // Create the base element, initialize HTML and set classes. + // Add handles and connect elements. + scope_Base = addSlider(scope_Target); + addElements(options.connect, scope_Base); + // Attach user events. + bindSliderEvents(options.events); + // Use the public value method to set the start values. + valueSet(options.start); + if (options.pips) { + pips(options.pips); + } + if (options.tooltips) { + tooltips(); + } + aria(); + } + setupSlider(); + var scope_Self = { + destroy: destroy, + steps: getNextSteps, + on: bindEvent, + off: removeEvent, + get: valueGet, + set: valueSet, + setHandle: valueSetHandle, + reset: valueReset, + disable: disable, + enable: enable, + // Exposed for unit testing, don't use this in your application. + __moveHandles: function __moveHandles( + upward, + proposal, + handleNumbers + ) { + moveHandles( + upward, + proposal, + scope_Locations, + handleNumbers + ); + }, + options: originalOptions, + updateOptions: updateOptions, + target: scope_Target, + removePips: removePips, + removeTooltips: removeTooltips, + getPositions: function getPositions() { + return scope_Locations.slice(); + }, + getTooltips: function getTooltips() { + return scope_Tooltips; + }, + getOrigins: function getOrigins() { + return scope_Handles; + }, + pips: pips, // Issue #594 + }; + return scope_Self; + } + // Run the standard initializer + function initialize(target, originalOptions) { + if (!target || !target.nodeName) { + throw new Error( + 'directoristCustomRangeSlider: create requires a single element, got: '.concat( + target + ) + ); + } + if (target.directoristCustomRangeSlider) { + throw new Error( + 'directoristCustomRangeSlider: Slider was already initialized.' + ); + } + var options = customRangeOptions(originalOptions); + var api = scope(target, options, originalOptions); + target.directoristCustomRangeSlider = api; + return api; + } + var directoristCustomRangeSlider = { + __spectrum: Spectrum, + cssClasses: cssClasses, + create: initialize, + }; + exports.create = initialize; + exports.cssClasses = cssClasses; + exports.default = directoristCustomRangeSlider; + Object.defineProperty(exports, '__esModule', { + value: true, + }); + }); + })(); + /******/ +})(); +//# sourceMappingURL=range-slider.js.map diff --git a/assets/js/search-form.js b/assets/js/search-form.js index 9dde0adcab..768277e012 100644 --- a/assets/js/search-form.js +++ b/assets/js/search-form.js @@ -1,2612 +1,4528 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/global/components/debounce.js": -/*!*****************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/global/components/debounce.js': + /*!*****************************************************!*\ !*** ./assets/src/js/global/components/debounce.js ***! \*****************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ debounce; } -/* harmony export */ }); -function debounce(func, wait, immediate) { - var timeout; - return function () { - var context = this, - args = arguments; - var later = function later() { - timeout = null; - if (!immediate) func.apply(context, args); - }; - var callNow = immediate && !timeout; - clearTimeout(timeout); - timeout = setTimeout(later, wait); - if (callNow) func.apply(context, args); - }; -} - -/***/ }), - -/***/ "./assets/src/js/global/components/select2-custom-control.js": -/*!*******************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ debounce; + }, + /* harmony export */ + } + ); + function debounce(func, wait, immediate) { + var timeout; + return function () { + var context = this, + args = arguments; + var later = function later() { + timeout = null; + if (!immediate) func.apply(context, args); + }; + var callNow = immediate && !timeout; + clearTimeout(timeout); + timeout = setTimeout(later, wait); + if (callNow) func.apply(context, args); + }; + } + + /***/ + }, + + /***/ './assets/src/js/global/components/select2-custom-control.js': + /*!*******************************************************************!*\ !*** ./assets/src/js/global/components/select2-custom-control.js ***! \*******************************************************************/ -/***/ (function() { - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -var $ = jQuery; -window.addEventListener('load', waitAndInit); -window.addEventListener('directorist-search-form-nav-tab-reloaded', waitAndInit); -window.addEventListener('directorist-type-change', waitAndInit); -window.addEventListener('directorist-instant-search-reloaded', waitAndInit); -function waitAndInit() { - setTimeout(init, 0); -} - -// Initialize -function init() { - // Add custom dropdown toggle button - selec2_add_custom_dropdown_toggle_button(); - - // Add custom close button where needed - selec2_add_custom_close_button_if_needed(); - - // Add custom close button if field contains value on change - $('.select2-hidden-accessible').on('change', function (e) { - var value = $(this).children('option:selected').val(); - if (!value) { - return; - } - selec2_add_custom_close_button($(this)); - var selectItems = this.parentElement.querySelectorAll('.select2-selection__choice'); - selectItems.forEach(function (item) { - item.childNodes && item.childNodes.forEach(function (node) { - if (node.nodeType && node.nodeType === Node.TEXT_NODE) { - var originalString = node.textContent; - var modifiedString = originalString.replace(/^[\s\xa0]+/, ''); - node.textContent = modifiedString; - item.title = modifiedString; - } - }); - }); - var customSelectItem = this.parentElement.querySelector('.select2-selection__rendered'); - customSelectItem.childNodes && customSelectItem.childNodes.forEach(function (node) { - if (node.nodeType && node.nodeType === Node.TEXT_NODE) { - var originalString = node.textContent; - var modifiedString = originalString.replace(/^[\s\xa0]+/, ''); - node.textContent = modifiedString; - } - }); - }); -} -function selec2_add_custom_dropdown_toggle_button() { - // Remove Default - $('.select2-selection__arrow').css({ - display: 'none' - }); - var addon_container = selec2_get_addon_container('.select2-hidden-accessible'); - if (!addon_container) { - return; - } - var dropdown = addon_container.find('.directorist-select2-dropdown-toggle'); - if (!dropdown.length) { - // Add Dropdown Toggle Button - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/chevron-down.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - var dropdownHTML = "".concat(iconHTML, ""); - addon_container.append(dropdownHTML); - } - var selec2_custom_dropdown = addon_container.find('.directorist-select2-dropdown-toggle'); - - // Toggle --is-open class - $('.select2-hidden-accessible').on('select2:open', function (e) { - var dropdown_btn = $(this).next().find('.directorist-select2-dropdown-toggle'); - dropdown_btn.addClass('--is-open'); - }); - $('.select2-hidden-accessible').on('select2:close', function (e) { - var dropdown_btn = $(this).next().find('.directorist-select2-dropdown-toggle'); - dropdown_btn.removeClass('--is-open'); - var dropdownParent = $(this).closest('.directorist-search-field'); - var renderTitle = $(this).next().find('.select2-selection__rendered').attr('title'); - - // Check if renderTitle is empty and remove the focus class if so - if (!renderTitle) { - dropdownParent.removeClass('input-is-focused'); - } else { - dropdownParent.addClass('input-has-value'); - } - }); - - // Toggle Dropdown - selec2_custom_dropdown.on('click', function (e) { - var isOpen = $(this).hasClass('--is-open'); - var field = $(this).closest('.select2-container').siblings('select:enabled'); - if (isOpen) { - field.select2('close'); - } else { - field.select2('open'); - } - }); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_add_custom_close_button_if_needed() { - var select2_fields = $('.select2-hidden-accessible'); - if (!select2_fields && !select2_fields.length) { - return; - } - var _iterator = _createForOfIteratorHelper(select2_fields), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var field = _step.value; - var value = $(field).children('option:selected').val(); - if (!value) { - continue; - } - selec2_add_custom_close_button(field); - } - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } -} -function selec2_add_custom_close_button(field) { - // Remove Default - $('.select2-selection__clear').css({ - display: 'none' - }); - var addon_container = selec2_get_addon_container(field); - if (!(addon_container && addon_container.length)) { - return; - } - - // Remove if already exists - addon_container.find('.directorist-select2-dropdown-close').remove(); - - // Add - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/times.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - addon_container.prepend("".concat(iconHTML, "")); - var selec2_custom_close = addon_container.find('.directorist-select2-dropdown-close'); - selec2_custom_close.on('click', function (e) { - var field = $(this).closest('.select2-container').siblings('select:enabled'); - field.val(null).trigger('change'); - addon_container.find('.directorist-select2-dropdown-close').remove(); - selec2_adjust_space_for_addons(); - }); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_remove_custom_close_button(field) { - var addon_container = selec2_get_addon_container(field); - if (!(addon_container && addon_container.length)) { - return; - } - - // Remove - addon_container.find('.directorist-select2-dropdown-close').remove(); - - // Adjust space for addons - selec2_adjust_space_for_addons(); -} -function selec2_get_addon_container(field) { - var container = field ? $(field).next('.select2-container') : $('.select2-container'); - container = $(container).find('.directorist-select2-addons-area'); - if (!container.length) { - $('.select2-container').append(''); - container = $('.select2-container').find('.directorist-select2-addons-area'); - } - var container = field ? $(field).next('.select2-container') : null; - if (!container) { - return null; - } - var addonsArea = $(container).find('.directorist-select2-addons-area'); - if (!addonsArea.length) { - container.append(''); - return container.find('.directorist-select2-addons-area'); - } - return addonsArea; -} -function selec2_adjust_space_for_addons() { - var container = $('.select2-container').find('.directorist-select2-addons-area'); - if (!container.length) { - return; - } - var width = container.outerWidth(); - $('.select2-container').find('.select2-selection__rendered').css({ - 'padding-right': width + 'px' - }); -} - -/***/ }), - -/***/ "./assets/src/js/global/components/setup-select2.js": -/*!**********************************************************!*\ + /***/ function () { + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + var $ = jQuery; + window.addEventListener('load', waitAndInit); + window.addEventListener( + 'directorist-search-form-nav-tab-reloaded', + waitAndInit + ); + window.addEventListener('directorist-type-change', waitAndInit); + window.addEventListener( + 'directorist-instant-search-reloaded', + waitAndInit + ); + function waitAndInit() { + setTimeout(init, 0); + } + + // Initialize + function init() { + // Add custom dropdown toggle button + selec2_add_custom_dropdown_toggle_button(); + + // Add custom close button where needed + selec2_add_custom_close_button_if_needed(); + + // Add custom close button if field contains value on change + $('.select2-hidden-accessible').on('change', function (e) { + var value = $(this).children('option:selected').val(); + if (!value) { + return; + } + selec2_add_custom_close_button($(this)); + var selectItems = this.parentElement.querySelectorAll( + '.select2-selection__choice' + ); + selectItems.forEach(function (item) { + item.childNodes && + item.childNodes.forEach(function (node) { + if ( + node.nodeType && + node.nodeType === Node.TEXT_NODE + ) { + var originalString = node.textContent; + var modifiedString = + originalString.replace( + /^[\s\xa0]+/, + '' + ); + node.textContent = modifiedString; + item.title = modifiedString; + } + }); + }); + var customSelectItem = this.parentElement.querySelector( + '.select2-selection__rendered' + ); + customSelectItem.childNodes && + customSelectItem.childNodes.forEach( + function (node) { + if ( + node.nodeType && + node.nodeType === Node.TEXT_NODE + ) { + var originalString = node.textContent; + var modifiedString = + originalString.replace( + /^[\s\xa0]+/, + '' + ); + node.textContent = modifiedString; + } + } + ); + }); + } + function selec2_add_custom_dropdown_toggle_button() { + // Remove Default + $('.select2-selection__arrow').css({ + display: 'none', + }); + var addon_container = selec2_get_addon_container( + '.select2-hidden-accessible' + ); + if (!addon_container) { + return; + } + var dropdown = addon_container.find( + '.directorist-select2-dropdown-toggle' + ); + if (!dropdown.length) { + // Add Dropdown Toggle Button + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/chevron-down.svg'; + var iconHTML = directorist.icon_markup + .replace('##URL##', iconURL) + .replace('##CLASS##', ''); + var dropdownHTML = + ''.concat( + iconHTML, + '' + ); + addon_container.append(dropdownHTML); + } + var selec2_custom_dropdown = addon_container.find( + '.directorist-select2-dropdown-toggle' + ); + + // Toggle --is-open class + $('.select2-hidden-accessible').on( + 'select2:open', + function (e) { + var dropdown_btn = $(this) + .next() + .find('.directorist-select2-dropdown-toggle'); + dropdown_btn.addClass('--is-open'); + } + ); + $('.select2-hidden-accessible').on( + 'select2:close', + function (e) { + var dropdown_btn = $(this) + .next() + .find('.directorist-select2-dropdown-toggle'); + dropdown_btn.removeClass('--is-open'); + var dropdownParent = $(this).closest( + '.directorist-search-field' + ); + var renderTitle = $(this) + .next() + .find('.select2-selection__rendered') + .attr('title'); + + // Check if renderTitle is empty and remove the focus class if so + if (!renderTitle) { + dropdownParent.removeClass('input-is-focused'); + } else { + dropdownParent.addClass('input-has-value'); + } + } + ); + + // Toggle Dropdown + selec2_custom_dropdown.on('click', function (e) { + var isOpen = $(this).hasClass('--is-open'); + var field = $(this) + .closest('.select2-container') + .siblings('select:enabled'); + if (isOpen) { + field.select2('close'); + } else { + field.select2('open'); + } + }); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_add_custom_close_button_if_needed() { + var select2_fields = $('.select2-hidden-accessible'); + if (!select2_fields && !select2_fields.length) { + return; + } + var _iterator = _createForOfIteratorHelper(select2_fields), + _step; + try { + for (_iterator.s(); !(_step = _iterator.n()).done; ) { + var field = _step.value; + var value = $(field) + .children('option:selected') + .val(); + if (!value) { + continue; + } + selec2_add_custom_close_button(field); + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + } + function selec2_add_custom_close_button(field) { + // Remove Default + $('.select2-selection__clear').css({ + display: 'none', + }); + var addon_container = selec2_get_addon_container(field); + if (!(addon_container && addon_container.length)) { + return; + } + + // Remove if already exists + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + + // Add + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/times.svg'; + var iconHTML = directorist.icon_markup + .replace('##URL##', iconURL) + .replace('##CLASS##', ''); + addon_container.prepend( + ''.concat( + iconHTML, + '' + ) + ); + var selec2_custom_close = addon_container.find( + '.directorist-select2-dropdown-close' + ); + selec2_custom_close.on('click', function (e) { + var field = $(this) + .closest('.select2-container') + .siblings('select:enabled'); + field.val(null).trigger('change'); + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + selec2_adjust_space_for_addons(); + }); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_remove_custom_close_button(field) { + var addon_container = selec2_get_addon_container(field); + if (!(addon_container && addon_container.length)) { + return; + } + + // Remove + addon_container + .find('.directorist-select2-dropdown-close') + .remove(); + + // Adjust space for addons + selec2_adjust_space_for_addons(); + } + function selec2_get_addon_container(field) { + var container = field + ? $(field).next('.select2-container') + : $('.select2-container'); + container = $(container).find( + '.directorist-select2-addons-area' + ); + if (!container.length) { + $('.select2-container').append( + '' + ); + container = $('.select2-container').find( + '.directorist-select2-addons-area' + ); + } + var container = field + ? $(field).next('.select2-container') + : null; + if (!container) { + return null; + } + var addonsArea = $(container).find( + '.directorist-select2-addons-area' + ); + if (!addonsArea.length) { + container.append( + '' + ); + return container.find( + '.directorist-select2-addons-area' + ); + } + return addonsArea; + } + function selec2_adjust_space_for_addons() { + var container = $('.select2-container').find( + '.directorist-select2-addons-area' + ); + if (!container.length) { + return; + } + var width = container.outerWidth(); + $('.select2-container') + .find('.select2-selection__rendered') + .css({ + 'padding-right': width + 'px', + }); + } + + /***/ + }, + + /***/ './assets/src/js/global/components/setup-select2.js': + /*!**********************************************************!*\ !*** ./assets/src/js/global/components/setup-select2.js ***! \**********************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js"); -/* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./../../lib/helper */ "./assets/src/js/lib/helper.js"); -/* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./select2-custom-control */ "./assets/src/js/global/components/select2-custom-control.js"); -/* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_select2_custom_control__WEBPACK_IMPORTED_MODULE_2__); - -function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } -function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } - - -var $ = jQuery; -window.addEventListener('load', initSelect2); -document.body.addEventListener('directorist-search-form-nav-tab-reloaded', initSelect2); -document.body.addEventListener('directorist-reload-select2-fields', initSelect2); -window.addEventListener('directorist-instant-search-reloaded', initSelect2); - -// Init Static Select 2 Fields -function initSelect2() { - var selectors = ['.directorist-select select', '#directorist-select-js', - // Not found in any template - '#directorist-search-category-js', - // Not found in any template - // '#directorist-select-st-s-js', - // '#directorist-select-sn-s-js', - // '#directorist-select-mn-e-js', - // '#directorist-select-tu-e-js', - // '#directorist-select-wd-s-js', - // '#directorist-select-wd-e-js', - // '#directorist-select-th-e-js', - // '#directorist-select-fr-s-js', - // '#directorist-select-fr-e-js', - '.select-basic', - // Not found in any template - '#loc-type', '#cat-type', '#at_biz_dir-category', '.bdas-location-search', - // Not found in any template - '.bdas-category-search' // Not found in any template - ]; - selectors.forEach(function (selector) { - return (0,_lib_helper__WEBPACK_IMPORTED_MODULE_1__.convertToSelect2)(selector); - }); - initMaybeLazyLoadedTaxonomySelect2(); -} - -// Init Select2 Ajax Fields -function initMaybeLazyLoadedTaxonomySelect2() { - var restBase = "".concat(directorist.rest_url, "directorist/v1"); - maybeLazyLoadCategories({ - selector: '.directorist-search-category select', - url: "".concat(restBase, "/listings/categories") - }); - maybeLazyLoadCategories({ - selector: '.directorist-form-categories-field select', - url: "".concat(restBase, "/listings/categories") - }); - maybeLazyLoadLocations({ - selector: '.directorist-search-location select', - url: "".concat(restBase, "/listings/locations") - }); - maybeLazyLoadLocations({ - selector: '.directorist-form-location-field select', - url: "".concat(restBase, "/listings/locations") - }); - maybeLazyLoadTags({ - selector: '.directorist-form-tag-field select', - url: "".concat(restBase, "/listings/tags") - }); -} -function maybeLazyLoadCategories(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'categories' - }), args)); -} -function maybeLazyLoadLocations(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'locations' - }), args)); -} -function maybeLazyLoadTags(args) { - maybeLazyLoadTaxonomyTermsSelect2(_objectSpread(_objectSpread({}, { - taxonomy: 'tags' - }), args)); -} - -// maybeLazyLoadTaxonomyTermsSelect2 -function maybeLazyLoadTaxonomyTermsSelect2(args) { - var defaults = { - selector: '', - url: '', - taxonomy: 'tags' - }; - args = _objectSpread(_objectSpread({}, defaults), args); - if (!args.selector) { - return; - } - var $el = $(args.selector); - var $addListing = $el.closest('.directorist-add-listing-form'); - var canCreate = $el.data('allow_new'); - var maxLength = $el.data('max'); - var directoryId = 0; - if (args.taxonomy !== 'tags') { - var $searchForm = $el.closest('.directorist-search-form'); - var $archivePage = $el.closest('.directorist-archive-contents'); - var $directory = $addListing.find('input[name="directory_type"]'); - var $navListItem = null; - - // If search page - if ($searchForm.length) { - $navListItem = $searchForm.find('.directorist-listing-type-selection__link--current'); - } - if ($archivePage.length) { - $navListItem = $archivePage.find('.directorist-type-nav__list li.directorist-type-nav__list__current .directorist-type-nav__link'); - } - if ($navListItem && $navListItem.length) { - directoryId = Number($navListItem.data('listing_type_id')); - } - if ($directory.length) { - directoryId = $directory.val(); - } - if (directoryId) { - directoryId = Number(directoryId); - } - } - var currentPage = 1; - var select2Options = { - allowClear: true, - tags: canCreate, - maximumSelectionLength: maxLength, - width: '100%', - escapeMarkup: function escapeMarkup(text) { - return text; - }, - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - - // Fetch the data-icon attribute - var iconURI = $(data.element).attr('data-icon'); - - // Get the original text - var originalText = data.text; - - // Match and count leading spaces - var leadingSpaces = originalText.match(/^\s+/); - var spaceCount = leadingSpaces ? leadingSpaces[0].length : 0; - - // Trim leading spaces from the original text - originalText = originalText.trim(); - - // Construct the icon element - var iconElm = iconURI ? "") : ''; - - // Prepare the combined text (icon + text) - var combinedText = iconElm + originalText; - - // Create the state container - var $state = $('
    '); - - // Determine the level based on space count - var level = Math.floor(spaceCount / 8) + 1; // 8 spaces = level 2, 16 spaces = level 3, etc. - if (level > 1) { - $state.addClass('item-level-' + level); // Add class for the level (e.g., level-1, level-2, etc.) - } - $state.html(combinedText); // Set the combined content (icon + text) - - return $state; - } - }; - if (directorist.lazy_load_taxonomy_fields) { - select2Options.ajax = { - url: args.url, - dataType: 'json', - cache: true, - delay: 250, - data: function data(params) { - currentPage = params.page || 1; - var query = { - page: currentPage, - per_page: args.perPage, - hide_empty: true - }; - - // Load empty terms on add listings. - if ($addListing.length) { - query.hide_empty = false; - } - if (params.term) { - query.search = params.term; - query.hide_empty = false; - } - if (directoryId) { - query.directory = directoryId; - } - return query; - }, - processResults: function processResults(data) { - return { - results: data.items, - pagination: { - more: data.paginationMore - } - }; - }, - transport: function transport(params, success, failure) { - var $request = $.ajax(params); - $request.then(function (data, textStatus, jqXHR) { - var totalPage = Number(jqXHR.getResponseHeader('x-wp-totalpages')); - var paginationMore = currentPage < totalPage; - var items = data.map(function (item) { - var text = item.name; - if (!$addListing.length && params.data.search) { - text = "".concat(item.name, " (").concat(item.count, ")"); - } - return { - id: item.id, - text: text - }; - }); - return { - items: items, - paginationMore: paginationMore - }; - }).then(success); - $request.fail(failure); - return $request; - } - }; - } - $el.length && $el.select2(select2Options); - if (directorist.lazy_load_taxonomy_fields) { - var setupSelectedItems = function setupSelectedItems($el, selectedId, selectedLabel) { - if (!$el.length || !selectedId) { - return; - } - var selectedIds = "".concat(selectedId).split(','); - var selectedLabels = selectedLabel ? "".concat(selectedLabel).split(',') : []; - selectedIds.forEach(function (id, index) { - var label = selectedLabels.length >= index + 1 ? selectedLabels[index] : ''; - var option = new Option(label, id, true, true); - $el.append(option); - $el.trigger({ - type: 'select2:select', - params: { - data: { - id: id, - text: label - } - } - }); - }); - }; - setupSelectedItems($el, $el.data('selected-id'), $el.data('selected-label')); - } -} - -/***/ }), - -/***/ "./assets/src/js/lib/helper.js": -/*!*************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/defineProperty */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/defineProperty.js' + ); + /* harmony import */ var _lib_helper__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./../../lib/helper */ './assets/src/js/lib/helper.js' + ); + /* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./select2-custom-control */ './assets/src/js/global/components/select2-custom-control.js' + ); + /* harmony import */ var _select2_custom_control__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ + ); + + function ownKeys(e, r) { + var t = Object.keys(e); + if (Object.getOwnPropertySymbols) { + var o = Object.getOwnPropertySymbols(e); + (r && + (o = o.filter(function (r) { + return Object.getOwnPropertyDescriptor(e, r) + .enumerable; + })), + t.push.apply(t, o)); + } + return t; + } + function _objectSpread(e) { + for (var r = 1; r < arguments.length; r++) { + var t = null != arguments[r] ? arguments[r] : {}; + r % 2 + ? ownKeys(Object(t), !0).forEach(function (r) { + (0, + _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(e, r, t[r]); + }) + : Object.getOwnPropertyDescriptors + ? Object.defineProperties( + e, + Object.getOwnPropertyDescriptors(t) + ) + : ownKeys(Object(t)).forEach(function (r) { + Object.defineProperty( + e, + r, + Object.getOwnPropertyDescriptor( + t, + r + ) + ); + }); + } + return e; + } + + var $ = jQuery; + window.addEventListener('load', initSelect2); + document.body.addEventListener( + 'directorist-search-form-nav-tab-reloaded', + initSelect2 + ); + document.body.addEventListener( + 'directorist-reload-select2-fields', + initSelect2 + ); + window.addEventListener( + 'directorist-instant-search-reloaded', + initSelect2 + ); + + // Init Static Select 2 Fields + function initSelect2() { + var selectors = [ + '.directorist-select select', + '#directorist-select-js', + // Not found in any template + '#directorist-search-category-js', + // Not found in any template + // '#directorist-select-st-s-js', + // '#directorist-select-sn-s-js', + // '#directorist-select-mn-e-js', + // '#directorist-select-tu-e-js', + // '#directorist-select-wd-s-js', + // '#directorist-select-wd-e-js', + // '#directorist-select-th-e-js', + // '#directorist-select-fr-s-js', + // '#directorist-select-fr-e-js', + '.select-basic', + // Not found in any template + '#loc-type', + '#cat-type', + '#at_biz_dir-category', + '.bdas-location-search', + // Not found in any template + '.bdas-category-search', // Not found in any template + ]; + selectors.forEach(function (selector) { + return (0, + _lib_helper__WEBPACK_IMPORTED_MODULE_1__.convertToSelect2)( + selector + ); + }); + initMaybeLazyLoadedTaxonomySelect2(); + } + + // Init Select2 Ajax Fields + function initMaybeLazyLoadedTaxonomySelect2() { + var restBase = ''.concat( + directorist.rest_url, + 'directorist/v1' + ); + maybeLazyLoadCategories({ + selector: '.directorist-search-category select', + url: ''.concat(restBase, '/listings/categories'), + }); + maybeLazyLoadCategories({ + selector: '.directorist-form-categories-field select', + url: ''.concat(restBase, '/listings/categories'), + }); + maybeLazyLoadLocations({ + selector: '.directorist-search-location select', + url: ''.concat(restBase, '/listings/locations'), + }); + maybeLazyLoadLocations({ + selector: '.directorist-form-location-field select', + url: ''.concat(restBase, '/listings/locations'), + }); + maybeLazyLoadTags({ + selector: '.directorist-form-tag-field select', + url: ''.concat(restBase, '/listings/tags'), + }); + } + function maybeLazyLoadCategories(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'categories', + } + ), + args + ) + ); + } + function maybeLazyLoadLocations(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'locations', + } + ), + args + ) + ); + } + function maybeLazyLoadTags(args) { + maybeLazyLoadTaxonomyTermsSelect2( + _objectSpread( + _objectSpread( + {}, + { + taxonomy: 'tags', + } + ), + args + ) + ); + } + + // maybeLazyLoadTaxonomyTermsSelect2 + function maybeLazyLoadTaxonomyTermsSelect2(args) { + var defaults = { + selector: '', + url: '', + taxonomy: 'tags', + }; + args = _objectSpread(_objectSpread({}, defaults), args); + if (!args.selector) { + return; + } + var $el = $(args.selector); + var $addListing = $el.closest( + '.directorist-add-listing-form' + ); + var canCreate = $el.data('allow_new'); + var maxLength = $el.data('max'); + var directoryId = 0; + if (args.taxonomy !== 'tags') { + var $searchForm = $el.closest( + '.directorist-search-form' + ); + var $archivePage = $el.closest( + '.directorist-archive-contents' + ); + var $directory = $addListing.find( + 'input[name="directory_type"]' + ); + var $navListItem = null; + + // If search page + if ($searchForm.length) { + $navListItem = $searchForm.find( + '.directorist-listing-type-selection__link--current' + ); + } + if ($archivePage.length) { + $navListItem = $archivePage.find( + '.directorist-type-nav__list li.directorist-type-nav__list__current .directorist-type-nav__link' + ); + } + if ($navListItem && $navListItem.length) { + directoryId = Number( + $navListItem.data('listing_type_id') + ); + } + if ($directory.length) { + directoryId = $directory.val(); + } + if (directoryId) { + directoryId = Number(directoryId); + } + } + var currentPage = 1; + var select2Options = { + allowClear: true, + tags: canCreate, + maximumSelectionLength: maxLength, + width: '100%', + escapeMarkup: function escapeMarkup(text) { + return text; + }, + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + + // Fetch the data-icon attribute + var iconURI = $(data.element).attr('data-icon'); + + // Get the original text + var originalText = data.text; + + // Match and count leading spaces + var leadingSpaces = originalText.match(/^\s+/); + var spaceCount = leadingSpaces + ? leadingSpaces[0].length + : 0; + + // Trim leading spaces from the original text + originalText = originalText.trim(); + + // Construct the icon element + var iconElm = iconURI + ? '' + ) + : ''; + + // Prepare the combined text (icon + text) + var combinedText = iconElm + originalText; + + // Create the state container + var $state = $( + '
    ' + ); + + // Determine the level based on space count + var level = Math.floor(spaceCount / 8) + 1; // 8 spaces = level 2, 16 spaces = level 3, etc. + if (level > 1) { + $state.addClass('item-level-' + level); // Add class for the level (e.g., level-1, level-2, etc.) + } + $state.html(combinedText); // Set the combined content (icon + text) + + return $state; + }, + }; + if (directorist.lazy_load_taxonomy_fields) { + select2Options.ajax = { + url: args.url, + dataType: 'json', + cache: true, + delay: 250, + data: function data(params) { + currentPage = params.page || 1; + var query = { + page: currentPage, + per_page: args.perPage, + hide_empty: true, + }; + + // Load empty terms on add listings. + if ($addListing.length) { + query.hide_empty = false; + } + if (params.term) { + query.search = params.term; + query.hide_empty = false; + } + if (directoryId) { + query.directory = directoryId; + } + return query; + }, + processResults: function processResults(data) { + return { + results: data.items, + pagination: { + more: data.paginationMore, + }, + }; + }, + transport: function transport( + params, + success, + failure + ) { + var $request = $.ajax(params); + $request + .then(function (data, textStatus, jqXHR) { + var totalPage = Number( + jqXHR.getResponseHeader( + 'x-wp-totalpages' + ) + ); + var paginationMore = + currentPage < totalPage; + var items = data.map(function (item) { + var text = item.name; + if ( + !$addListing.length && + params.data.search + ) { + text = '' + .concat(item.name, ' (') + .concat(item.count, ')'); + } + return { + id: item.id, + text: text, + }; + }); + return { + items: items, + paginationMore: paginationMore, + }; + }) + .then(success); + $request.fail(failure); + return $request; + }, + }; + } + $el.length && $el.select2(select2Options); + if (directorist.lazy_load_taxonomy_fields) { + function setupSelectedItems( + $el, + selectedId, + selectedLabel + ) { + if (!$el.length || !selectedId) { + return; + } + var selectedIds = ''.concat(selectedId).split(','); + var selectedLabels = selectedLabel + ? ''.concat(selectedLabel).split(',') + : []; + selectedIds.forEach(function (id, index) { + var label = + selectedLabels.length >= index + 1 + ? selectedLabels[index] + : ''; + var option = new Option(label, id, true, true); + $el.append(option); + $el.trigger({ + type: 'select2:select', + params: { + data: { + id: id, + text: label, + }, + }, + }); + }); + } + setupSelectedItems( + $el, + $el.data('selected-id'), + $el.data('selected-label') + ); + } + } + + /***/ + }, + + /***/ './assets/src/js/lib/helper.js': + /*!*************************************!*\ !*** ./assets/src/js/lib/helper.js ***! \*************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ convertToSelect2: function() { return /* binding */ convertToSelect2; }, -/* harmony export */ get_dom_data: function() { return /* binding */ get_dom_data; } -/* harmony export */ }); -var $ = jQuery; -function get_dom_data(selector, parent) { - selector = '.directorist-dom-data-' + selector; - if (!parent) { - parent = document; - } - var el = parent.querySelector(selector); - if (!el || !el.dataset.value) { - return {}; - } - var IS_SCRIPT_DEBUGGING = directorist && directorist.script_debugging && directorist.script_debugging == '1'; - try { - var value = atob(el.dataset.value); - return JSON.parse(value); - } catch (error) { - if (IS_SCRIPT_DEBUGGING) { - console.log(el, error); - } - return {}; - } -} -function convertToSelect2(selector) { - var $selector = $(selector); - var args = { - allowClear: true, - width: '100%', - templateResult: function templateResult(data) { - if (!data.id) { - return data.text; - } - var iconURI = $(data.element).data('icon'); - var iconElm = ""); - var originalText = data.text; - var modifiedText = originalText.replace(/^(\s*)/, '$1' + iconElm); - var $state = $("
    ".concat(typeof iconURI !== 'undefined' && iconURI !== '' ? modifiedText : originalText, "
    ")); - return $state; - } - }; - var options = $selector.find('option'); - if (options.length && options[0].textContent.length) { - args.placeholder = options[0].textContent; - } - $selector.length && $selector.select2(args); -} - - -/***/ }), - -/***/ "./assets/src/js/public/components/category-custom-fields.js": -/*!*******************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ convertToSelect2: function () { + return /* binding */ convertToSelect2; + }, + /* harmony export */ get_dom_data: function () { + return /* binding */ get_dom_data; + }, + /* harmony export */ + } + ); + var $ = jQuery; + function get_dom_data(selector, parent) { + selector = '.directorist-dom-data-' + selector; + if (!parent) { + parent = document; + } + var el = parent.querySelector(selector); + if (!el || !el.dataset.value) { + return {}; + } + var IS_SCRIPT_DEBUGGING = + directorist && + directorist.script_debugging && + directorist.script_debugging == '1'; + try { + var value = atob(el.dataset.value); + return JSON.parse(value); + } catch (error) { + if (IS_SCRIPT_DEBUGGING) { + console.log(el, error); + } + return {}; + } + } + function convertToSelect2(selector) { + var $selector = $(selector); + var args = { + allowClear: true, + width: '100%', + templateResult: function templateResult(data) { + if (!data.id) { + return data.text; + } + var iconURI = $(data.element).data('icon'); + var iconElm = + '' + ); + var originalText = data.text; + var modifiedText = originalText.replace( + /^(\s*)/, + '$1' + iconElm + ); + var $state = $( + '
    '.concat( + typeof iconURI !== 'undefined' && + iconURI !== '' + ? modifiedText + : originalText, + '
    ' + ) + ); + return $state; + }, + }; + var options = $selector.find('option'); + if (options.length && options[0].textContent.length) { + args.placeholder = options[0].textContent; + } + $selector.length && $selector.select2(args); + } + + /***/ + }, + + /***/ './assets/src/js/public/components/category-custom-fields.js': + /*!*******************************************************************!*\ !*** ./assets/src/js/public/components/category-custom-fields.js ***! \*******************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ initSearchCategoryCustomFields; } -/* harmony export */ }); -// Search Category Change -function hideAllCustomFieldsExceptSelected(relations, categories, $container) { - var fields = Object.keys(relations); - var wrappers = ['.directorist-advanced-filter__advanced__element', '.directorist-search-modal__input', '.directorist-search-field']; - if (!fields.length) { - return; - } - - // Convert categories to array if it's not already - var categoryArray = Array.isArray(categories) ? categories : [categories]; - fields.forEach(function (field) { - var fieldCategory = relations[field]; - - // Try multiple selectors to find the field - var $field = null; - var selectors = ["[name=\"custom_field[".concat(field, "]\"]"), "[name=\"custom_field[".concat(field, "][]\"]"), "[name*=\"".concat(field, "\"]"), "[data-field-key=\"".concat(field, "\"]"), "[id*=\"".concat(field, "\"]")]; - for (var _i = 0, _selectors = selectors; _i < _selectors.length; _i++) { - var selector = _selectors[_i]; - $field = $container.find(selector); - if ($field.length > 0) { - break; - } - } - if (!$field || !$field.length) { - return; - } - - // Check if the field category matches any of the selected categories - var shouldShow = categoryArray.some(function (category) { - return Number(category) === Number(fieldCategory); - }); - if (shouldShow) { - $field.prop('disabled', false); - wrappers.forEach(function (wrapper) { - var $wrapper = $field.closest(wrapper); - if ($wrapper.length) { - $wrapper.show(); - } - }); - } else { - $field.prop('disabled', true); - wrappers.forEach(function (wrapper) { - var $wrapper = $field.closest(wrapper); - if ($wrapper.length) { - $wrapper.hide(); - } - }); - } - }); -} -function initSearchCategoryCustomFields($) { - // Handle multiple search forms and containers - var containers = ['.directorist-search-contents', '.directorist-archive-contents', '.directorist-search-form', '.directorist-add-listing-form']; - containers.forEach(function (containerSelector) { - var $container = $(containerSelector); - if ($container.length) { - // Bind events to all category selects within this container - $container.on('change', '.directorist-category-select, .directorist-search-category select, .bdas-category-search', function (event) { - var $this = $(this); - var $form = $this.parents('form'); - var categories = $this.val(); - var attributes = $form.data('atts'); - - // If form doesn't have attributes, try container - if (!attributes) { - attributes = $container.data('atts'); - } - - // If still no attributes, try document body - if (!attributes) { - attributes = $(document.body).data('atts'); - } - if (!attributes || !attributes.category_custom_fields_relations) { - return; - } - - // Handle both single and multiple category selections - if (categories) { - // Convert to array if it's a single value - if (!Array.isArray(categories)) { - categories = [categories]; - } - // Convert string values to numbers and filter out empty values - categories = categories.map(function (cat) { - return Number(cat); - }).filter(function (cat) { - return cat > 0; - }); // Filter out 0, null, undefined, etc. - } else { - categories = []; - } - - // Use the specific container for field search to avoid conflicts - hideAllCustomFieldsExceptSelected(attributes.category_custom_fields_relations, categories, $container); - }); - - // Trigger change event on page load for all category selects in this container - $container.find('.directorist-category-select, .directorist-search-category select, .bdas-category-search').each(function () { - $(this).trigger('change'); - }); - } - }); - - // Also handle global category selects that might not be in specific containers - var globalSelectors = '.directorist-category-select, .directorist-search-category select, .bdas-category-search'; - $(document).on('change', globalSelectors, function (event) { - var $this = $(this); - - // Only handle if not already handled by container-specific handlers - if (!event.isDefaultPrevented()) { - var $form = $this.parents('form'); - var categories = $this.val(); - var attributes = $form.data('atts'); - if (!attributes) { - attributes = $(document.body).data('atts'); - } - if (!attributes || !attributes.category_custom_fields_relations) { - return; - } - - // Handle both single and multiple category selections - if (categories) { - if (!Array.isArray(categories)) { - categories = [categories]; - } - categories = categories.map(function (cat) { - return Number(cat); - }).filter(function (cat) { - return cat > 0; - }); - } else { - categories = []; - } - hideAllCustomFieldsExceptSelected(attributes.category_custom_fields_relations, categories, $(document.body)); - } - }); -} - -/***/ }), - -/***/ "./assets/src/js/public/components/colorPicker.js": -/*!********************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ initSearchCategoryCustomFields; + }, + /* harmony export */ + } + ); + // Search Category Change + function hideAllCustomFieldsExceptSelected( + relations, + categories, + $container + ) { + var fields = Object.keys(relations); + var wrappers = [ + '.directorist-advanced-filter__advanced__element', + '.directorist-search-modal__input', + '.directorist-search-field', + ]; + if (!fields.length) { + return; + } + + // Convert categories to array if it's not already + var categoryArray = Array.isArray(categories) + ? categories + : [categories]; + fields.forEach(function (field) { + var fieldCategory = relations[field]; + + // Try multiple selectors to find the field + var $field = null; + var selectors = [ + '[name="custom_field['.concat(field, ']"]'), + '[name="custom_field['.concat(field, '][]"]'), + '[name*="'.concat(field, '"]'), + '[data-field-key="'.concat(field, '"]'), + '[id*="'.concat(field, '"]'), + ]; + for ( + var _i = 0, _selectors = selectors; + _i < _selectors.length; + _i++ + ) { + var selector = _selectors[_i]; + $field = $container.find(selector); + if ($field.length > 0) { + break; + } + } + if (!$field || !$field.length) { + return; + } + + // Check if the field category matches any of the selected categories + var shouldShow = categoryArray.some( + function (category) { + return ( + Number(category) === Number(fieldCategory) + ); + } + ); + if (shouldShow) { + $field.prop('disabled', false); + wrappers.forEach(function (wrapper) { + var $wrapper = $field.closest(wrapper); + if ($wrapper.length) { + $wrapper.show(); + } + }); + } else { + $field.prop('disabled', true); + wrappers.forEach(function (wrapper) { + var $wrapper = $field.closest(wrapper); + if ($wrapper.length) { + $wrapper.hide(); + } + }); + } + }); + } + function initSearchCategoryCustomFields($) { + // Handle multiple search forms and containers + var containers = [ + '.directorist-search-contents', + '.directorist-archive-contents', + '.directorist-search-form', + '.directorist-add-listing-form', + ]; + containers.forEach(function (containerSelector) { + var $container = $(containerSelector); + if ($container.length) { + // Bind events to all category selects within this container + $container.on( + 'change', + '.directorist-category-select, .directorist-search-category select, .bdas-category-search', + function (event) { + var $this = $(this); + var $form = $this.parents('form'); + var categories = $this.val(); + var attributes = $form.data('atts'); + + // If form doesn't have attributes, try container + if (!attributes) { + attributes = $container.data('atts'); + } + + // If still no attributes, try document body + if (!attributes) { + attributes = $(document.body).data( + 'atts' + ); + } + if ( + !attributes || + !attributes.category_custom_fields_relations + ) { + return; + } + + // Handle both single and multiple category selections + if (categories) { + // Convert to array if it's a single value + if (!Array.isArray(categories)) { + categories = [categories]; + } + // Convert string values to numbers and filter out empty values + categories = categories + .map(function (cat) { + return Number(cat); + }) + .filter(function (cat) { + return cat > 0; + }); // Filter out 0, null, undefined, etc. + } else { + categories = []; + } + + // Use the specific container for field search to avoid conflicts + hideAllCustomFieldsExceptSelected( + attributes.category_custom_fields_relations, + categories, + $container + ); + } + ); + + // Trigger change event on page load for all category selects in this container + $container + .find( + '.directorist-category-select, .directorist-search-category select, .bdas-category-search' + ) + .each(function () { + $(this).trigger('change'); + }); + } + }); + + // Also handle global category selects that might not be in specific containers + var globalSelectors = + '.directorist-category-select, .directorist-search-category select, .bdas-category-search'; + $(document).on('change', globalSelectors, function (event) { + var $this = $(this); + + // Only handle if not already handled by container-specific handlers + if (!event.isDefaultPrevented()) { + var $form = $this.parents('form'); + var categories = $this.val(); + var attributes = $form.data('atts'); + if (!attributes) { + attributes = $(document.body).data('atts'); + } + if ( + !attributes || + !attributes.category_custom_fields_relations + ) { + return; + } + + // Handle both single and multiple category selections + if (categories) { + if (!Array.isArray(categories)) { + categories = [categories]; + } + categories = categories + .map(function (cat) { + return Number(cat); + }) + .filter(function (cat) { + return cat > 0; + }); + } else { + categories = []; + } + hideAllCustomFieldsExceptSelected( + attributes.category_custom_fields_relations, + categories, + $(document.body) + ); + } + }); + } + + /***/ + }, + + /***/ './assets/src/js/public/components/colorPicker.js': + /*!********************************************************!*\ !*** ./assets/src/js/public/components/colorPicker.js ***! \********************************************************/ -/***/ (function() { - -/* Initialize wpColorPicker */ -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_colorPicker_executed === 'undefined') { - window.directorist_colorPicker_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* Initialize wp color picker */ - function colorPickerInit() { - var wpColorPickers = document.querySelectorAll('.directorist-color-picker-wrap'); - wpColorPickers.forEach(function (wrap) { - var $pickerInput = $(wrap).find('.directorist-color-picker'); - if ($pickerInput) { - if ($.fn.wpColorPicker) { - $pickerInput.wpColorPicker({ - change: function change(event, ui) { - var color = ui.color.toString(); - - // Dispatch custom event - var colorChangeEvent = new CustomEvent('directorist-color-changed', { - detail: { - color: color, - input: event.target, - form: event.target.closest('form') - } - }); - window.dispatchEvent(colorChangeEvent); - } - }); - } else { - console.warn('wpColorPicker is NOT available!'); - } - } - }); - } - colorPickerInit(); - - /* Initialize on Directory type change */ - window.addEventListener('directorist-instant-search-reloaded', colorPickerInit); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristDropdown.js": -/*!****************************************************************!*\ + /***/ function () { + /* Initialize wpColorPicker */ + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_colorPicker_executed === + 'undefined' + ) { + window.directorist_colorPicker_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* Initialize wp color picker */ + function colorPickerInit() { + var wpColorPickers = document.querySelectorAll( + '.directorist-color-picker-wrap' + ); + wpColorPickers.forEach(function (wrap) { + var $pickerInput = $(wrap).find( + '.directorist-color-picker' + ); + if ($pickerInput) { + if ($.fn.wpColorPicker) { + $pickerInput.wpColorPicker({ + change: function change(event, ui) { + var color = ui.color.toString(); + + // Dispatch custom event + var colorChangeEvent = + new CustomEvent( + 'directorist-color-changed', + { + detail: { + color: color, + input: event.target, + form: event.target.closest( + 'form' + ), + }, + } + ); + window.dispatchEvent( + colorChangeEvent + ); + }, + }); + } else { + console.warn( + 'wpColorPicker is NOT available!' + ); + } + } + }); + } + colorPickerInit(); + + /* Initialize on Directory type change */ + window.addEventListener( + 'directorist-instant-search-reloaded', + colorPickerInit + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristDropdown.js': + /*!****************************************************************!*\ !*** ./assets/src/js/public/components/directoristDropdown.js ***! \****************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_dropdown_executed === 'undefined') { - window.directorist_dropdown_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* custom dropdown */ - var atbdDropdown = document.querySelectorAll('.directorist-dropdown-select'); - - // toggle dropdown - var clickCount = 0; - if (atbdDropdown !== null) { - atbdDropdown.forEach(function (el) { - el.querySelector('.directorist-dropdown-select-toggle').addEventListener('click', function (e) { - e.preventDefault(); - clickCount++; - if (clickCount % 2 === 1) { - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elem) { - elem.classList.remove('directorist-dropdown-select-show'); - }); - el.querySelector('.directorist-dropdown-select-items').classList.add('directorist-dropdown-select-show'); - } else { - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elem) { - elem.classList.remove('directorist-dropdown-select-show'); - }); - } - }); - }); - } - - // remvoe toggle when click outside - document.body.addEventListener('click', function (e) { - if (e.target.getAttribute('data-drop-toggle') !== 'directorist-dropdown-select-toggle') { - clickCount = 0; - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (el) { - el.classList.remove('directorist-dropdown-select-show'); - }); - } - }); - - //custom select - var atbdSelect = document.querySelectorAll('.atbd-drop-select'); - if (atbdSelect !== null) { - atbdSelect.forEach(function (el) { - el.querySelectorAll('.directorist-dropdown-select-items').forEach(function (item) { - item.addEventListener('click', function (e) { - e.preventDefault(); - el.querySelector('.directorist-dropdown-select-toggle').textContent = e.target.textContent; - el.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elm) { - elm.classList.remove('atbd-active'); - }); - item.classList.add('atbd-active'); - }); - }); - }); - } - - // Dropdown - $('body').on('click', '.directorist-dropdown .directorist-dropdown-toggle', function (e) { - e.preventDefault(); - $(this).siblings('.directorist-dropdown-option').toggle(); - }); - - // Select Option after click - $('body').on('click', '.directorist-dropdown .directorist-dropdown-option ul li a', function (e) { - e.preventDefault(); - var optionText = $(this).html(); - $(this).children('.directorist-dropdown-toggle__text').html(optionText); - $(this).closest('.directorist-dropdown-option').siblings('.directorist-dropdown-toggle').children('.directorist-dropdown-toggle__text').html(optionText); - $('.directorist-dropdown-option').hide(); - }); - - // Hide Clicked Anywhere - $(document).bind('click', function (e) { - var clickedDOM = $(e.target); - if (!clickedDOM.parents().hasClass('directorist-dropdown')) $('.directorist-dropdown-option').hide(); - }); - - //atbd_dropdown - $(document).on('click', '.atbd_dropdown', function (e) { - if ($(this).attr('class') === 'atbd_dropdown') { - e.preventDefault(); - $(this).siblings('.atbd_dropdown').removeClass('atbd_drop--active'); - $(this).toggleClass('atbd_drop--active'); - e.stopPropagation(); - } - }); - $(document).on('click', function (e) { - if ($(e.target).is('.atbd_dropdown, .atbd_drop--active') === false) { - $('.atbd_dropdown').removeClass('atbd_drop--active'); - } - }); - $('body').on('click', '.atbd_dropdown-toggle', function (e) { - e.preventDefault(); - }); - - // Directorist Dropdown - $('body').on('click', '.directorist-dropdown-js .directorist-dropdown__toggle-js', function (e) { - e.preventDefault(); - if (!$(this).siblings('.directorist-dropdown__links-js').is(':visible')) { - $('.directorist-dropdown__links').hide(); - } - $(this).siblings('.directorist-dropdown__links-js').toggle(); - }); - $('body').on('click', function (e) { - if (!e.target.closest('.directorist-dropdown-js')) { - $('.directorist-dropdown__links-js').hide(); - } - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristSelect.js": -/*!**************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_dropdown_executed === + 'undefined' + ) { + window.directorist_dropdown_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* custom dropdown */ + var atbdDropdown = document.querySelectorAll( + '.directorist-dropdown-select' + ); + + // toggle dropdown + var clickCount = 0; + if (atbdDropdown !== null) { + atbdDropdown.forEach(function (el) { + el.querySelector( + '.directorist-dropdown-select-toggle' + ).addEventListener('click', function (e) { + e.preventDefault(); + clickCount++; + if (clickCount % 2 === 1) { + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (elem) { + elem.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + el.querySelector( + '.directorist-dropdown-select-items' + ).classList.add( + 'directorist-dropdown-select-show' + ); + } else { + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (elem) { + elem.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + } + }); + }); + } + + // remvoe toggle when click outside + document.body.addEventListener('click', function (e) { + if ( + e.target.getAttribute('data-drop-toggle') !== + 'directorist-dropdown-select-toggle' + ) { + clickCount = 0; + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (el) { + el.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + } + }); + + //custom select + var atbdSelect = + document.querySelectorAll('.atbd-drop-select'); + if (atbdSelect !== null) { + atbdSelect.forEach(function (el) { + el.querySelectorAll( + '.directorist-dropdown-select-items' + ).forEach(function (item) { + item.addEventListener( + 'click', + function (e) { + e.preventDefault(); + el.querySelector( + '.directorist-dropdown-select-toggle' + ).textContent = + e.target.textContent; + el.querySelectorAll( + '.directorist-dropdown-select-items' + ).forEach(function (elm) { + elm.classList.remove( + 'atbd-active' + ); + }); + item.classList.add('atbd-active'); + } + ); + }); + }); + } + + // Dropdown + $('body').on( + 'click', + '.directorist-dropdown .directorist-dropdown-toggle', + function (e) { + e.preventDefault(); + $(this) + .siblings('.directorist-dropdown-option') + .toggle(); + } + ); + + // Select Option after click + $('body').on( + 'click', + '.directorist-dropdown .directorist-dropdown-option ul li a', + function (e) { + e.preventDefault(); + var optionText = $(this).html(); + $(this) + .children( + '.directorist-dropdown-toggle__text' + ) + .html(optionText); + $(this) + .closest('.directorist-dropdown-option') + .siblings('.directorist-dropdown-toggle') + .children( + '.directorist-dropdown-toggle__text' + ) + .html(optionText); + $('.directorist-dropdown-option').hide(); + } + ); + + // Hide Clicked Anywhere + $(document).bind('click', function (e) { + var clickedDOM = $(e.target); + if ( + !clickedDOM + .parents() + .hasClass('directorist-dropdown') + ) + $('.directorist-dropdown-option').hide(); + }); + + //atbd_dropdown + $(document).on('click', '.atbd_dropdown', function (e) { + if ($(this).attr('class') === 'atbd_dropdown') { + e.preventDefault(); + $(this) + .siblings('.atbd_dropdown') + .removeClass('atbd_drop--active'); + $(this).toggleClass('atbd_drop--active'); + e.stopPropagation(); + } + }); + $(document).on('click', function (e) { + if ( + $(e.target).is( + '.atbd_dropdown, .atbd_drop--active' + ) === false + ) { + $('.atbd_dropdown').removeClass( + 'atbd_drop--active' + ); + } + }); + $('body').on( + 'click', + '.atbd_dropdown-toggle', + function (e) { + e.preventDefault(); + } + ); + + // Directorist Dropdown + $('body').on( + 'click', + '.directorist-dropdown-js .directorist-dropdown__toggle-js', + function (e) { + e.preventDefault(); + if ( + !$(this) + .siblings( + '.directorist-dropdown__links-js' + ) + .is(':visible') + ) { + $('.directorist-dropdown__links').hide(); + } + $(this) + .siblings('.directorist-dropdown__links-js') + .toggle(); + } + ); + $('body').on('click', function (e) { + if (!e.target.closest('.directorist-dropdown-js')) { + $('.directorist-dropdown__links-js').hide(); + } + }); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristSelect.js': + /*!**************************************************************!*\ !*** ./assets/src/js/public/components/directoristSelect.js ***! \**************************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_select_executed === 'undefined') { - window.directorist_select_executed = true; - } else { - return; - } - //custom select - var atbdSelect = document.querySelectorAll('.atbd-drop-select'); - if (atbdSelect !== null) { - atbdSelect.forEach(function (el) { - el.querySelectorAll('.atbd-dropdown-item').forEach(function (item) { - item.addEventListener('click', function (e) { - e.preventDefault(); - el.querySelector('.atbd-dropdown-toggle').textContent = item.textContent; - el.querySelectorAll('.atbd-dropdown-item').forEach(function (elm) { - elm.classList.remove('atbd-active'); - }); - item.classList.add('atbd-active'); - }); - }); - }); - } - - // select data-status - var atbdSelectData = document.querySelectorAll('.atbd-drop-select.with-sort'); - atbdSelectData.forEach(function (el) { - el.querySelectorAll('.atbd-dropdown-item').forEach(function (item) { - var atbd_dropdown = el.querySelector('.atbd-dropdown-toggle'); - var dropdown_item = item.getAttribute('data-status'); - item.addEventListener('click', function (e) { - atbd_dropdown.setAttribute('data-status', "".concat(dropdown_item)); - }); - }); - }); -}); - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js": -/*!*********************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js ***! - \*********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _arrayLikeToArray; } -/* harmony export */ }); -function _arrayLikeToArray(r, a) { - (null == a || a > r.length) && (a = r.length); - for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; - return n; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js": -/*!*******************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js ***! - \*******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _arrayWithHoles; } -/* harmony export */ }); -function _arrayWithHoles(r) { - if (Array.isArray(r)) return r; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js": -/*!*******************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/defineProperty.js ***! - \*******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _defineProperty; } -/* harmony export */ }); -/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toPropertyKey.js */ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"); - -function _defineProperty(e, r, t) { - return (r = (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r)) in e ? Object.defineProperty(e, r, { - value: t, - enumerable: !0, - configurable: !0, - writable: !0 - }) : e[r] = t, e; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js": -/*!*************************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js ***! - \*************************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _iterableToArrayLimit; } -/* harmony export */ }); -function _iterableToArrayLimit(r, l) { - var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; - if (null != t) { - var e, - n, - i, - u, - a = [], - f = !0, - o = !1; - try { - if (i = (t = t.call(r)).next, 0 === l) { - if (Object(t) !== t) return; - f = !1; - } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); - } catch (r) { - o = !0, n = r; - } finally { - try { - if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; - } finally { - if (o) throw n; - } - } - return a; - } -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js": -/*!********************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js ***! - \********************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _nonIterableRest; } -/* harmony export */ }); -function _nonIterableRest() { - throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js": -/*!******************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js ***! - \******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _slicedToArray; } -/* harmony export */ }); -/* harmony import */ var _arrayWithHoles_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayWithHoles.js */ "./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js"); -/* harmony import */ var _iterableToArrayLimit_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./iterableToArrayLimit.js */ "./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js"); -/* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./unsupportedIterableToArray.js */ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js"); -/* harmony import */ var _nonIterableRest_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./nonIterableRest.js */ "./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js"); - - - - -function _slicedToArray(r, e) { - return (0,_arrayWithHoles_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r) || (0,_iterableToArrayLimit_js__WEBPACK_IMPORTED_MODULE_1__["default"])(r, e) || (0,_unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__["default"])(r, e) || (0,_nonIterableRest_js__WEBPACK_IMPORTED_MODULE_3__["default"])(); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js": -/*!****************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! - \****************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPrimitive; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); - -function toPrimitive(t, r) { - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(t) || !t) return t; - var e = t[Symbol.toPrimitive]; - if (void 0 !== e) { - var i = e.call(t, r || "default"); - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i)) return i; - throw new TypeError("@@toPrimitive must return a primitive value."); - } - return ("string" === r ? String : Number)(t); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js": -/*!******************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! - \******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPropertyKey; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); -/* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toPrimitive.js */ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js"); - - -function toPropertyKey(t) { - var i = (0,_toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__["default"])(t, "string"); - return "symbol" == (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i) ? i : i + ""; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js": -/*!***********************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***! - \***********************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _typeof; } -/* harmony export */ }); -function _typeof(o) { - "@babel/helpers - typeof"; - - return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { - return typeof o; - } : function (o) { - return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; - }, _typeof(o); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js": -/*!*******************************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js ***! - \*******************************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _unsupportedIterableToArray; } -/* harmony export */ }); -/* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./arrayLikeToArray.js */ "./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js"); - -function _unsupportedIterableToArray(r, a) { - if (r) { - if ("string" == typeof r) return (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a); - var t = {}.toString.call(r).slice(8, -1); - return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? (0,_arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__["default"])(r, a) : void 0; - } -} - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!*********************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_select_executed === + 'undefined' + ) { + window.directorist_select_executed = true; + } else { + return; + } + //custom select + var atbdSelect = + document.querySelectorAll('.atbd-drop-select'); + if (atbdSelect !== null) { + atbdSelect.forEach(function (el) { + el.querySelectorAll('.atbd-dropdown-item').forEach( + function (item) { + item.addEventListener( + 'click', + function (e) { + e.preventDefault(); + el.querySelector( + '.atbd-dropdown-toggle' + ).textContent = item.textContent; + el.querySelectorAll( + '.atbd-dropdown-item' + ).forEach(function (elm) { + elm.classList.remove( + 'atbd-active' + ); + }); + item.classList.add('atbd-active'); + } + ); + } + ); + }); + } + + // select data-status + var atbdSelectData = document.querySelectorAll( + '.atbd-drop-select.with-sort' + ); + atbdSelectData.forEach(function (el) { + el.querySelectorAll('.atbd-dropdown-item').forEach( + function (item) { + var atbd_dropdown = el.querySelector( + '.atbd-dropdown-toggle' + ); + var dropdown_item = + item.getAttribute('data-status'); + item.addEventListener('click', function (e) { + atbd_dropdown.setAttribute( + 'data-status', + ''.concat(dropdown_item) + ); + }); + } + ); + }); + }); + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js': + /*!**************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js ***! + \**************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _arrayLikeToArray; + }, + /* harmony export */ + } + ); + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js': + /*!************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js ***! + \************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _arrayWithHoles; + }, + /* harmony export */ + } + ); + function _arrayWithHoles(r) { + if (Array.isArray(r)) return r; + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/defineProperty.js': + /*!************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/defineProperty.js ***! + \************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _defineProperty; + }, + /* harmony export */ + } + ); + /* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./toPropertyKey.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js' + ); + + function _defineProperty(e, r, t) { + return ( + (r = (0, + _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r)) in e + ? Object.defineProperty(e, r, { + value: t, + enumerable: !0, + configurable: !0, + writable: !0, + }) + : (e[r] = t), + e + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js': + /*!******************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js ***! + \******************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _iterableToArrayLimit; + }, + /* harmony export */ + } + ); + function _iterableToArrayLimit(r, l) { + var t = + null == r + ? null + : ('undefined' != typeof Symbol && + r[Symbol.iterator]) || + r['@@iterator']; + if (null != t) { + var e, + n, + i, + u, + a = [], + f = !0, + o = !1; + try { + if (((i = (t = t.call(r)).next), 0 === l)) { + if (Object(t) !== t) return; + f = !1; + } else + for ( + ; + !(f = (e = i.call(t)).done) && + (a.push(e.value), a.length !== l); + f = !0 + ); + } catch (r) { + ((o = !0), (n = r)); + } finally { + try { + if ( + !f && + null != t['return'] && + ((u = t['return']()), Object(u) !== u) + ) + return; + } finally { + if (o) throw n; + } + } + return a; + } + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/nonIterableRest.js': + /*!*************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/nonIterableRest.js ***! + \*************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _nonIterableRest; + }, + /* harmony export */ + } + ); + function _nonIterableRest() { + throw new TypeError( + 'Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/slicedToArray.js': + /*!***********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/slicedToArray.js ***! + \***********************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _slicedToArray; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayWithHoles_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayWithHoles.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js' + ); + /* harmony import */ var _iterableToArrayLimit_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./iterableToArrayLimit.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js' + ); + /* harmony import */ var _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./unsupportedIterableToArray.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js' + ); + /* harmony import */ var _nonIterableRest_js__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ./nonIterableRest.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/nonIterableRest.js' + ); + + function _slicedToArray(r, e) { + return ( + (0, + _arrayWithHoles_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r) || + (0, + _iterableToArrayLimit_js__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(r, e) || + (0, + _unsupportedIterableToArray_js__WEBPACK_IMPORTED_MODULE_2__[ + 'default' + ])(r, e) || + (0, + _nonIterableRest_js__WEBPACK_IMPORTED_MODULE_3__[ + 'default' + ])() + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPrimitive.js': + /*!*********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! + \*********************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPrimitive; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + + function toPrimitive(t, r) { + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + t + ) || + !t + ) + return t; + var e = t[Symbol.toPrimitive]; + if (void 0 !== e) { + var i = e.call(t, r || 'default'); + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ) + return i; + throw new TypeError( + '@@toPrimitive must return a primitive value.' + ); + } + return ('string' === r ? String : Number)(t); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js': + /*!***********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! + \***********************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPropertyKey; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + /* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./toPrimitive.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPrimitive.js' + ); + + function toPropertyKey(t) { + var i = (0, + _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__['default'])( + t, + 'string' + ); + return 'symbol' == + (0, _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ? i + : i + ''; + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js': + /*!****************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js ***! + \****************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _typeof; + }, + /* harmony export */ + } + ); + function _typeof(o) { + '@babel/helpers - typeof'; + + return ( + (_typeof = + 'function' == typeof Symbol && + 'symbol' == typeof Symbol.iterator + ? function (o) { + return typeof o; + } + : function (o) { + return o && + 'function' == typeof Symbol && + o.constructor === Symbol && + o !== Symbol.prototype + ? 'symbol' + : typeof o; + }), + _typeof(o) + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js': + /*!************************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js ***! + \************************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _unsupportedIterableToArray; + }, + /* harmony export */ + } + ); + /* harmony import */ var _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./arrayLikeToArray.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js' + ); + + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? (0, + _arrayLikeToArray_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(r, a) + : void 0 + ); + } + } + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!*********************************************!*\ !*** ./assets/src/js/public/search-form.js ***! \*********************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"); -/* harmony import */ var _global_components_debounce__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../global/components/debounce */ "./assets/src/js/global/components/debounce.js"); -/* harmony import */ var _global_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./../global/components/select2-custom-control */ "./assets/src/js/global/components/select2-custom-control.js"); -/* harmony import */ var _global_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_global_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _global_components_setup_select2__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./../global/components/setup-select2 */ "./assets/src/js/global/components/setup-select2.js"); -/* harmony import */ var _components_category_custom_fields__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/category-custom-fields */ "./assets/src/js/public/components/category-custom-fields.js"); -/* harmony import */ var _components_colorPicker__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/colorPicker */ "./assets/src/js/public/components/colorPicker.js"); -/* harmony import */ var _components_colorPicker__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_components_colorPicker__WEBPACK_IMPORTED_MODULE_5__); -/* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/directoristDropdown */ "./assets/src/js/public/components/directoristDropdown.js"); -/* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_components_directoristDropdown__WEBPACK_IMPORTED_MODULE_6__); -/* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/directoristSelect */ "./assets/src/js/public/components/directoristSelect.js"); -/* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_components_directoristSelect__WEBPACK_IMPORTED_MODULE_7__); - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } - - - - - - - -(function ($) { - window.addEventListener('load', function () { - //Remove Preload after Window Load - $('body').removeClass('directorist-preload'); - $('.button.wp-color-result').attr('style', ' '); - - /* ---------------- + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/slicedToArray */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/slicedToArray.js' + ); + /* harmony import */ var _global_components_debounce__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ../global/components/debounce */ './assets/src/js/global/components/debounce.js' + ); + /* harmony import */ var _global_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ./../global/components/select2-custom-control */ './assets/src/js/global/components/select2-custom-control.js' + ); + /* harmony import */ var _global_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _global_components_select2_custom_control__WEBPACK_IMPORTED_MODULE_2__ + ); + /* harmony import */ var _global_components_setup_select2__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ./../global/components/setup-select2 */ './assets/src/js/global/components/setup-select2.js' + ); + /* harmony import */ var _components_category_custom_fields__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ./components/category-custom-fields */ './assets/src/js/public/components/category-custom-fields.js' + ); + /* harmony import */ var _components_colorPicker__WEBPACK_IMPORTED_MODULE_5__ = + __webpack_require__( + /*! ./components/colorPicker */ './assets/src/js/public/components/colorPicker.js' + ); + /* harmony import */ var _components_colorPicker__WEBPACK_IMPORTED_MODULE_5___default = + /*#__PURE__*/ __webpack_require__.n( + _components_colorPicker__WEBPACK_IMPORTED_MODULE_5__ + ); + /* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_6__ = + __webpack_require__( + /*! ./components/directoristDropdown */ './assets/src/js/public/components/directoristDropdown.js' + ); + /* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_6___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_6__ + ); + /* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_7__ = + __webpack_require__( + /*! ./components/directoristSelect */ './assets/src/js/public/components/directoristSelect.js' + ); + /* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_7___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristSelect__WEBPACK_IMPORTED_MODULE_7__ + ); + + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && r.constructor && (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + + (function ($) { + window.addEventListener('load', function () { + //Remove Preload after Window Load + $('body').removeClass('directorist-preload'); + $('.button.wp-color-result').attr('style', ' '); + + /* ---------------- Search Form ------------------ */ - // Default Tags Slice - function defaultTags() { - $('.directorist-btn-ml').each(function (index, element) { - var item = $(element).siblings('.atbdp_cf_checkbox, .directorist-search-field-tag, .directorist-search-tags'); - var item_checkbox = $(item).find('.directorist-checkbox'); - $(item_checkbox).slice(4, item_checkbox.length).fadeOut(); - if (item_checkbox.length <= 4) { - $(element).css('display', 'none'); - } - }); - } - defaultTags(); - window.addEventListener('triggerSlice', defaultTags); - - // See More Tags Button - $('body').on('click', '.directorist-btn-ml', function (event) { - event.preventDefault(); - var item = $(this).siblings('.directorist-search-tags'); - var item_checkbox = $(item).find('.directorist-checkbox'); - $(item_checkbox).slice(4, item_checkbox.length).fadeOut(); - $(this).toggleClass('active'); - if ($(this).hasClass('active')) { - $(this).text(directorist.i18n_text.show_less); - $(item_checkbox).slice(4, item_checkbox.length).fadeIn(); - } else { - $(this).text(directorist.i18n_text.show_more); - $(item_checkbox).slice(4, item_checkbox.length).fadeOut(); - } - }); - - /*** Search Form ***/ - - // Count Checkbox Selected Items - function selectedItemCount(item) { - var dropdownParent = $(item).closest('.directorist-search-field'); - var dropDownContent = $(item).closest('.directorist-search-basic-dropdown-content'); - var selectedItemCount = dropDownContent.find('.directorist-checkbox input[type="checkbox"]:checked'); - var selectedPrefix = dropDownContent.siblings('.directorist-search-basic-dropdown-label').find('.directorist-search-basic-dropdown-selected-prefix'); - var selectedCounter = dropDownContent.siblings('.directorist-search-basic-dropdown-label').find('.directorist-search-basic-dropdown-selected-count'); - if (selectedItemCount.length > 0) { - selectedCounter.text(selectedItemCount.length); - selectedPrefix.text('Selected'); - dropdownParent.addClass('input-has-value'); - } else { - // If no items are checked, clear the text - selectedCounter.text(''); - selectedPrefix.text(''); - dropdownParent.removeClass('input-has-value'); - } - } - - // Radio Selected Items - function selectedRadioItem(item) { - var dropdownParent = $(item).closest('.directorist-search-field'); - var dropDownLabel = dropdownParent.find('.directorist-search-basic-dropdown-selected-item'); - var selectedItem = dropdownParent.find('.directorist-radio input[type="radio"]:checked'); - var selectedItemLabel = selectedItem.siblings('.directorist-radio__label').text(); - if (selectedItem) { - dropDownLabel.text(' - ' + selectedItemLabel); - dropdownParent.addClass('input-has-value'); - } else { - // If no items are checked, clear the text - selectedItem.text(''); - dropdownParent.removeClass('input-has-value'); - } - } - - // Checkbox Field Check - $('body').on('change', '.directorist-search-form__top .directorist-search-basic-dropdown input[type="checkbox"], .directorist-search-modal .directorist-search-basic-dropdown input[type="checkbox"]', function (e) { - e.preventDefault(); - selectedItemCount(this); - }); - - // Radio Field Check - $('body').on('change', '.directorist-search-form__top .directorist-search-basic-dropdown input[type="radio"], .directorist-search-modal .directorist-search-basic-dropdown input[type="radio"]', function (e) { - e.preventDefault(); - selectedRadioItem(this); - }); - - // Basic Search Dropdown Toggle - $('body').on('click', '.directorist-search-form__top .directorist-search-basic-dropdown-label, .directorist-search-modal .directorist-search-basic-dropdown-label', function (e) { - e.preventDefault(); - var dropDownParent = $(this).closest('.directorist-search-field'); - var dropDownContent = $(this).siblings('.directorist-search-basic-dropdown-content'); - dropDownContent.toggleClass('dropdown-content-show'); - if (dropDownContent.hasClass('dropdown-content-show')) { - dropDownParent.addClass('input-is-focused'); - dropDownContent.slideDown(); - } else { - dropDownParent.removeClass('input-is-focused'); - dropDownContent.slideUp(); - } - // Hide all other open contents - $('.directorist-search-basic-dropdown-content.dropdown-content-show').not(dropDownContent).removeClass('dropdown-content-show').slideUp(); - }); - - // Dropdown Content Hide on Outside Click - $('body').on('click', function (e) { - var dropDownRoot = $(e.target).closest('.directorist-search-form-dropdown'); - var dropDownParent = $('.directorist-search-form-dropdown.input-is-focused'); - var dropDownContent = $('.directorist-search-basic-dropdown-content.dropdown-content-show'); - if (!dropDownRoot.length) { - dropDownParent.removeClass('input-is-focused'); - dropDownContent.removeClass('dropdown-content-show'); - dropDownContent.slideUp(); - } - }); - - // Check Empty Search Fields on Search Modal - function initSearchFields() { - var searchFields = document.querySelectorAll('.directorist-search-field__input:not(.directorist-search-basic-dropdown)'); - searchFields.forEach(function (searchField) { - var inputFieldValue = searchField.value; - if (searchField.classList.contains('directorist-select')) { - inputFieldValue = searchField.querySelector('select').dataset.selectedId; - } - if (inputFieldValue !== '') { - searchField.parentElement.classList.add('input-has-value'); - if (!searchField.parentElement.classList.contains('input-is-focused')) { - searchField.parentElement.classList.add('input-is-focused'); - } - } else { - inputFieldValue = ''; - if (searchField.parentElement.classList.contains('input-has-value')) { - searchField.parentElement.classList.remove('input-has-value'); - } - } - }); - } - initSearchFields(); - - // Search Form Reset Button Initialize - function initForm(searchForm) { - var value = false; - - // Check all input fields which are not checkbox, radio & hidden - searchForm.querySelectorAll("input:not([type='checkbox']):not([type='radio']):not([type='hidden']):not(.wp-picker-clear):not(.directorist-custom-range-slider__value__min):not(.directorist-custom-range-slider__value__max)").forEach(function (el) { - if (el.value !== '') { - value = true; - } - }); - - // Check all checkbox, radio field - searchForm.querySelectorAll("input[type='checkbox'], input[type='radio']").forEach(function (el) { - if (el.checked) { - value = true; - } - }); - - // Check all select field - searchForm.querySelectorAll('select').forEach(function (el) { - if (el.value || el.selectedIndex !== 0) { - value = true; - } - }); - - // Check all custom number range field - searchForm.querySelectorAll('.directorist-search-field-text_range .directorist-custom-range-slider__range').forEach(function (el) { - if (el.value === '0-0') { - value = false; - } - }); - - // Check all range slider field - searchForm.querySelectorAll('.directorist-custom-range-slider__value input').forEach(function (el) { - if (el.value > 0) { - value = true; - } - }); - - // Disable Reset Button based on value - if (!value) { - // Find Reset Button in current form - var resetButtonWrapper = searchForm.querySelector('.directorist-advanced-filter__action'); - if (resetButtonWrapper) { - resetButtonWrapper.classList.add('reset-btn-disabled'); - } else { - var _searchForm$closest; - // Find Reset Button in whole listing-with-sidebar - resetButtonWrapper = (_searchForm$closest = searchForm.closest('.listing-with-sidebar')) === null || _searchForm$closest === void 0 ? void 0 : _searchForm$closest.querySelector('.directorist-advanced-filter__action'); - if (resetButtonWrapper) { - resetButtonWrapper.classList.add('reset-btn-disabled'); - } - } - } else { - setTimeout(function () { - enableResetButton(searchForm); - }, 100); - } - } - - // Enable Reset Button - function enableResetButton(searchForm) { - var $resetButtonWrapper = $(searchForm).find('.directorist-advanced-filter__action'); - if (!$resetButtonWrapper.length) { - $resetButtonWrapper = $(searchForm).closest('.directorist-instant-search').find('.directorist-advanced-filter__action'); - } - if ($resetButtonWrapper.length) { - $resetButtonWrapper.removeClass('reset-btn-disabled'); - } - } - - // Initialize Form Reset Button - var searchForm = document.querySelectorAll('.directorist-contents-wrap form'); - searchForm.forEach(function (form) { - setTimeout(function () { - initForm(form); - }, 100); - }); - - // Input Field Check - $('body').on('keyup', '.directorist-contents-wrap form input:not([type="checkbox"]):not([type="radio"])', function (e) { - var searchForm = this.closest('form'); - if (this.value && this.value !== 0 && this.value !== undefined) { - enableResetButton(searchForm); - } else { - setTimeout(function () { - initForm(searchForm); - }, 100); - } - }); - $('body').on('change', '.directorist-contents-wrap form input[type="checkbox"], .directorist-contents-wrap form input[type="radio"]', function (e) { - var searchForm = this.closest('form'); - if (this.checked) { - enableResetButton(searchForm); - } else { - setTimeout(function () { - initForm(searchForm); - }, 100); - } - }); - $('body').on('change', '.directorist-contents-wrap form select', function (e) { - var searchForm = this.closest('form'); - if (this.value !== undefined && this.value !== '') { - enableResetButton(searchForm); - } else { - setTimeout(function () { - initForm(searchForm); - }, 100); - } - }); - - // Color Field Open Button Click - $('.directorist-contents-wrap form .wp-color-result').on('click', function (e) { - e.preventDefault(); - var $parentElement = $(this).closest('.directorist-search-field'); - if ($parentElement.hasClass('input-has-value') || $parentElement.hasClass('input-is-focused')) { - $parentElement.removeClass('input-has-value input-is-focused'); - } else { - $parentElement.addClass('input-has-value input-is-focused'); - } - }); - - // Color Field Clear Button Click - $('.directorist-contents-wrap form .wp-picker-clear').on('click', function (e) { - e.preventDefault(); - var $parentElement = $(this).closest('.directorist-search-field'); - if ($parentElement.hasClass('input-has-value') || $parentElement.hasClass('input-is-focused')) { - $parentElement.removeClass('input-has-value input-is-focused'); - } - var color = ''; - var input = $parentElement.find('.wp-color-picker')[0]; // get raw DOM element - var form = $parentElement.closest('form')[0]; - if (!input || !form) return; - - // Dispatch custom event - var colorChangeEvent = new CustomEvent('directorist-color-changed', { - detail: { - color: color, - input: input, - form: form - } - }); - window.dispatchEvent(colorChangeEvent); - }); - - // Color Change Event - window.addEventListener('directorist-color-changed', function (e) { - var _e$detail = e.detail, - color = _e$detail.color, - input = _e$detail.input, - form = _e$detail.form; - if (color && color !== '') { - enableResetButton(form); - var $parentElement = $(input).closest('.directorist-search-field'); - if (!$parentElement.hasClass('input-has-value') && !$parentElement.hasClass('input-is-focused')) { - $parentElement.addClass('input-has-value input-is-focused'); - } - } else { - setTimeout(function () { - initForm(form); - }, 100); - } - }); - - // Searchform Reset - function adsFormReset(searchForm) { - searchForm.querySelectorAll("input[type='text']:not(.wp-picker-clear)").forEach(function (el) { - el.value = ''; - if (el.parentElement.classList.contains('input-has-value') || el.parentElement.classList.contains('input-is-focused')) { - el.parentElement.classList.remove('input-has-value', 'input-is-focused'); - } - }); - searchForm.querySelectorAll("input[type='date']").forEach(function (el) { - el.value = ''; - }); - searchForm.querySelectorAll("input[type='time']").forEach(function (el) { - el.value = ''; - }); - searchForm.querySelectorAll("input[type='url']").forEach(function (el) { - el.value = ''; - if (el.parentElement.classList.contains('input-has-value') || el.parentElement.classList.contains('input-is-focused')) { - el.parentElement.classList.remove('input-has-value', 'input-is-focused'); - } - }); - searchForm.querySelectorAll("input[type='number']").forEach(function (el) { - el.value = ''; - if (el.parentElement.classList.contains('input-has-value') || el.parentElement.classList.contains('input-is-focused')) { - el.parentElement.classList.remove('input-has-value', 'input-is-focused'); - } - }); - searchForm.querySelectorAll("input[type='hidden']:not(.listing_type)").forEach(function (el) { - if (el.getAttribute('name') === 'directory_type' || el.getAttribute('name') === 'radius-search-based-on') return; - el.value = ''; - }); - searchForm.querySelectorAll("input[type='radio']").forEach(function (el) { - el.checked = false; - }); - searchForm.querySelectorAll("input[type='checkbox']").forEach(function (el) { - el.checked = false; - }); - searchForm.querySelectorAll('select').forEach(function (el) { - el.selectedIndex = 0; - $('.directorist-select2-dropdown-close').click(); - var parentElem = el.closest('.directorist-search-field'); - if (parentElem.classList.contains('input-has-value') || parentElem.classList.contains('input-is-focused')) { - setTimeout(function () { - parentElem.classList.remove('input-has-value', 'input-is-focused'); - }, 100); - } - }); - var customRangeSliders = document.querySelectorAll('.directorist-custom-range-slider'); - customRangeSliders.forEach(function (sliderItem) { - resetCustomRangeSlider(sliderItem); - }); - searchForm.querySelectorAll('.directorist-search-basic-dropdown-content').forEach(function (dropdown) { - var dropDownParent = dropdown.closest('.directorist-search-field'); - $(dropdown).siblings('.directorist-search-basic-dropdown-label').find('.directorist-search-basic-dropdown-selected-count').text(''); - $(dropdown).siblings('.directorist-search-basic-dropdown-label').find('.directorist-search-basic-dropdown-selected-prefix').text(''); - if (dropDownParent.classList.contains('input-has-value') || dropDownParent.classList.contains('input-is-focused')) { - dropDownParent.classList.remove('input-has-value', 'input-is-focused'); - } - }); - var irisPicker = searchForm.querySelector('input.wp-picker-clear'); - if (irisPicker !== null) { - irisPicker.click(); - } - handleRadiusVisibility(); - initForm(searchForm); - } - - // Searchform Reset Trigger - if ($('.directorist-btn-reset-js') !== null) { - $('body').on('click', '.directorist-btn-reset-js', function (e) { - e.preventDefault(); - // Clear URL params on modal form reset - if (this.closest('.directorist-search-modal')) { - // Clear only the query parameters - var baseUrl = window.location.origin + window.location.pathname; - - // Update the URL in the address bar - window.history.replaceState(null, '', baseUrl); - } - - // Reset search form values - if (this.closest('.directorist-contents-wrap')) { - var _searchForm = this.closest('.directorist-contents-wrap').querySelector('.directorist-search-form'); - if (_searchForm) { - adsFormReset(_searchForm); - } - var advanceSearchForm = this.closest('.directorist-contents-wrap').querySelector('.directorist-advanced-filter__form'); - if (advanceSearchForm) { - adsFormReset(advanceSearchForm); - } - var advanceSearchFilter = this.closest('.directorist-contents-wrap').querySelector('.directorist-advanced-filter__advanced'); - if (advanceSearchFilter) { - adsFormReset(advanceSearchFilter); - } - } - }); - } - - // Search Modal Open - function searchModalOpen(searchModalParent) { - var modalOverlay = searchModalParent.querySelector('.directorist-search-modal__overlay'); - var modalContent = searchModalParent.querySelector('.directorist-search-modal__contents'); - - // Overlay Style - modalOverlay.style.cssText = 'opacity: 1; visibility: visible; transition: 0.3s ease;'; - - // Modal Content Style - modalContent.style.cssText = 'opacity: 1; visibility: visible; bottom:0;'; - } - - // Search Modal Close - function searchModalClose(searchModalParent) { - var modalOverlay = searchModalParent.querySelector('.directorist-search-modal__overlay'); - var modalContent = searchModalParent.querySelector('.directorist-search-modal__contents'); - - // Overlay Style - if (modalOverlay) { - modalOverlay.style.cssText = 'opacity: 0; visibility: hidden; transition: 0.5s ease'; - } - - // Modal Content Style - if (modalContent) { - modalContent.style.cssText = 'opacity: 0; visibility: hidden; bottom: -200px;'; - } - } - - // Search Modal Minimizer - function searchModalMinimize(searchModalParent) { - var modalContent = searchModalParent.querySelector('.directorist-search-modal__contents'); - var modalMinimizer = searchModalParent.querySelector('.directorist-search-modal__minimizer'); - if (modalMinimizer.classList.contains('minimized')) { - modalMinimizer.classList.remove('minimized'); - modalContent.style.bottom = '0'; - } else { - modalMinimizer.classList.add('minimized'); - modalContent.style.bottom = '-50%'; - } - } - - // Search Modal Open Trigger - $('body').on('click', '.directorist-modal-btn', function (e) { - e.preventDefault(); - // added overlay class on body - document.querySelector('.directorist-content-active').classList.add('directorist-overlay-active'); - var parentElement = this.closest('.directorist-contents-wrap'); - if (this.classList.contains('directorist-modal-btn--basic')) { - var searchModalElement = parentElement.querySelector('.directorist-search-modal--basic'); - searchModalOpen(searchModalElement); - } - if (this.classList.contains('directorist-modal-btn--advanced')) { - var _searchModalElement = parentElement.querySelector('.directorist-search-modal--advanced'); - searchModalOpen(_searchModalElement); - } - if (this.classList.contains('directorist-modal-btn--full')) { - var _searchModalElement2 = parentElement.querySelector('.directorist-search-modal--full'); - searchModalOpen(_searchModalElement2); - } - }); - - // Search Modal Close Trigger - $('body').on('click', '.directorist-search-modal__contents__btn--close, .directorist-search-modal__overlay', function (e) { - e.preventDefault(); - // removed overlay class from body - document.querySelector('.directorist-content-active').classList.remove('directorist-overlay-active'); - var searchModalElement = this.closest('.directorist-search-modal'); - searchModalClose(searchModalElement); - }); - - // Search Modal Minimizer Trigger - $('body').on('click', '.directorist-search-modal__minimizer', function (e) { - e.preventDefault(); - var searchModalElement = this.closest('.directorist-search-modal'); - searchModalMinimize(searchModalElement); - }); - - // Search Field Input Value Check - function inputValueCheck(searchField) { - searchField = searchField[0]; - var inputBox = searchField.querySelector('.directorist-search-field__input:not(.directorist-search-basic-dropdown)'); - var inputFieldValue = inputBox && inputBox.value; - if (inputFieldValue) { - searchField.classList.add('input-has-value'); - if (!searchField.classList.contains('input-is-focused')) { - searchField.classList.add('input-is-focused'); - } - } else { - inputFieldValue = ''; - if (searchField.classList.contains('input-has-value')) { - searchField.classList.remove('input-has-value'); - } - if (searchField.classList.contains('input-is-focused')) { - searchField.classList.remove('input-is-focused'); - } - } - } - - // Search Field Input Event Check - function inputEventCheck(e, searchField) { - searchField = searchField[0]; - var inputBox = searchField.querySelector('.directorist-search-field__input:not(.directorist-search-basic-dropdown)'); - var inputFieldValue = inputBox.value; - if (e.type === 'focusin') { - searchField.classList.add('input-is-focused'); - } else if (e.type === 'focusout') { - if (inputBox.classList.contains('directorist-select')) { - selectFocusOutCheck(searchField, inputBox); - } else { - if (inputFieldValue) { - searchField.classList.add('input-has-value'); - if (!searchField.classList.contains('input-is-focused')) { - searchField.classList.add('input-is-focused'); - } - } else { - searchField.classList.remove('input-is-focused'); - } - } - } - } - - // Search Field Input Focusout Event Check - function selectFocusOutCheck(searchField, inputBox) { - searchField.classList.add('input-is-focused'); - var inputFieldValue = inputBox.querySelector('select').value; - $('body').one('click', function (e) { - inputFieldValue = inputBox.querySelector('select').value; - var parentWithClass = e.target.closest('.directorist-search-field__input:not(.directorist-search-basic-dropdown)'); - if (!parentWithClass) { - if (inputFieldValue) { - searchField.classList.add('input-has-value'); - if (!searchField.classList.contains('input-is-focused')) { - searchField.classList.add('input-is-focused'); - } - } else { - searchField.classList.remove('input-is-focused'); - } - } - }); - } - - // Search Form Select Field Init - function initSelectFields() { - var selectFields = document.querySelectorAll('.directorist-select.directorist-search-field__input:not(.directorist-search-basic-dropdown'); - selectFields.forEach(function (selectField) { - var searchField = $(selectField).closest('.directorist-search-field'); - inputValueCheck(searchField); - }); - } - initSelectFields(); - - // Search Form Input Field Check Trigger - $('body').on('input keyup change', '.directorist-search-field__input:not(.directorist-search-basic-dropdown)', function (e) { - var searchField = $(this).closest('.directorist-search-field'); - inputValueCheck(searchField); - }); - $('body').on('focus blur', '.directorist-search-field__input:not(.directorist-search-basic-dropdown)', function (e) { - var searchField = $(this).closest('.directorist-search-field'); - inputEventCheck(e, searchField); - }); - - // Search Form Input Clear Button - $('body').on('click', '.directorist-search-field__btn--clear', function (e) { - var inputFields = this.parentElement.querySelectorAll('.directorist-form-element'); - var selectboxField = this.parentElement.querySelector('.directorist-select select'); - var basicDropdown = this.parentElement.querySelectorAll('.directorist-search-basic-dropdown-content'); - var radioFields = this.parentElement.querySelectorAll('input[type="radio"]'); - var checkboxFields = this.parentElement.querySelectorAll('input[type="checkbox"]'); - if (selectboxField) { - selectboxField.selectedIndex = 0; - selectboxField.dispatchEvent(new Event('change')); - $(selectboxField).trigger('change'); - } - if (inputFields) { - inputFields.forEach(function (inputField) { - inputField.value = ''; - }); - } - if (radioFields) { - radioFields.forEach(function (element) { - element.checked = false; - }); - } - if (checkboxFields) { - checkboxFields.forEach(function (element) { - element.checked = false; - }); - } - if (basicDropdown) { - basicDropdown.forEach(function (dropdown) { - $(dropdown).slideUp(); - $(dropdown).siblings('.directorist-search-basic-dropdown-label').find('.directorist-search-basic-dropdown-selected-count').text(''); - $(dropdown).siblings('.directorist-search-basic-dropdown-label').find('.directorist-search-basic-dropdown-selected-prefix').text(''); - $(dropdown).siblings('.directorist-search-basic-dropdown-label').find('.directorist-search-basic-dropdown-selected-item').text(''); - }); - } - if (this.parentElement.classList.contains('input-has-value') || this.parentElement.classList.contains('input-is-focused')) { - var _this$parentElement$q; - this.parentElement.classList.remove('input-has-value', 'input-is-focused'); - (_this$parentElement$q = this.parentElement.querySelector('.directorist-search-basic-dropdown-content.dropdown-content-show')) === null || _this$parentElement$q === void 0 || _this$parentElement$q.classList.remove('dropdown-content-show'); - } - handleRadiusVisibility(); - - // Reset Button Disable - var searchform = this.closest('form'); - var inputValue = $(this).parent('.directorist-search-field').find('.directorist-search-field__input:not(.directorist-search-basic-dropdown)').val(); - var selectValue = $(this).parent('.directorist-search-field').find('.directorist-search-field__input select:not(.directorist-search-basic-dropdown)').val(); - if (inputValue && inputValue !== 0 && inputValue !== undefined || selectValue && selectValue.selectedIndex === 0 || selectValue && selectValue.selectedIndex !== undefined) { - enableResetButton(searchform); - } else { - setTimeout(function () { - initForm(searchform); - }, 100); - } - }); - - // Search Form Input Field Back Button - $('body').on('click', '.directorist-search-field__label:not(.directorist-search-basic-dropdown-label)', function (e) { - var windowScreen = window.innerWidth; - var parentField = this.closest('.directorist-search-field'); - if (windowScreen <= 575) { - if (parentField.classList.contains('input-is-focused')) { - parentField.classList.remove('input-is-focused'); - } - } - }); - - // Listing Type Change - $('body').on('click', '.search_listing_types', function (event) { - event.preventDefault(); - var parent = $(this).closest('.directorist-search-contents'); - var listing_type = $(this).attr('data-listing_type'); - var type_current = parent.find('.directorist-listing-type-selection__link--current'); - if (type_current.length) { - type_current.removeClass('directorist-listing-type-selection__link--current'); - $(this).addClass('directorist-listing-type-selection__link--current'); - } - parent.find('.listing_type').val(listing_type); - var form_data = new FormData(); - form_data.append('action', 'atbdp_listing_types_form'); - form_data.append('nonce', directorist.directorist_nonce); - form_data.append('listing_type', listing_type); - var atts = parent.attr('data-atts'); - var atts_decoded = btoa(atts); - form_data.append('atts', atts_decoded); - parent.find('.directorist-search-form-box').addClass('atbdp-form-fade'); - $.ajax({ - method: 'POST', - processData: false, - contentType: false, - url: directorist.ajax_url, - data: form_data, - success: function success(response) { - if (response) { - // Add Temp Element - var new_inserted_elm = '
    '; - parent.before(new_inserted_elm); - - // Remove Old Parent - parent.remove(); - - // Insert New Parent - $('.directorist_search_temp').after(response['search_form']); - var newParent = $('.directorist_search_temp').next(); - - // Toggle Active Class - newParent.find('.directorist-listing-type-selection__link--current').removeClass('directorist-listing-type-selection__link--current'); - newParent.find("[data-listing_type='" + listing_type + "']").addClass('directorist-listing-type-selection__link--current'); - - // Remove Temp Element - $('.directorist_search_temp').remove(); - var events = [new CustomEvent('directorist-search-form-nav-tab-reloaded'), new CustomEvent('directorist-reload-select2-fields'), new CustomEvent('directorist-reload-map-api-field'), new CustomEvent('triggerSlice')]; - events.forEach(function (event) { - document.body.dispatchEvent(event); - window.dispatchEvent(event); - }); - handleRadiusVisibility(); - directorist_custom_range_slider(); - initSearchFields(); - (0,_components_category_custom_fields__WEBPACK_IMPORTED_MODULE_4__["default"])($); - } - var parentAfterAjax = $(this).closest('.directorist-search-contents'); - parentAfterAjax.find('.directorist-search-form-box').removeClass('atbdp-form-fade'); - if (parentAfterAjax.find('.directorist-search-form-box').find('.directorist-search-field-radius_search').length) { - handleRadiusVisibility(); - directorist_custom_range_slider(); - } - }, - error: function error(_error) { - // console.log(error); - } - }); - }); - (0,_components_category_custom_fields__WEBPACK_IMPORTED_MODULE_4__["default"])($); - - // Back Button to go back to the previous page - $('body').on('click', '.directorist-btn__back', function (e) { - e.preventDefault(); - window.history.back(); - }); - - // Radius Search Field Hide on Empty Location Field - function handleRadiusVisibility() { - // Add class to mark the radius search field - $('.directorist-range-slider-wrap').closest('.directorist-search-field').addClass('directorist-search-field-radius_search'); - var radius_search_item_selector = null; - var radius_search_based_on = $('.directorist-radius_search_based_on').val(); - - // Determine which search item selector to use - if (radius_search_based_on === 'address') { - radius_search_item_selector = '.directorist-location-js'; - } else if (radius_search_based_on === 'zip') { - radius_search_item_selector = '.directorist-zipcode-search .zip-radius-search'; - } else { - // Default fallback - radius_search_item_selector = '.directorist-location-js'; - } - - // Now, use jQuery to loop through the elements - $(radius_search_item_selector).each(function (index, locationDOM) { - var $location = $(locationDOM); - var isEmpty = $location.val() === ''; - var $container = $location.closest('.directorist-contents-wrap').find('.directorist-search-field-radius_search, .directorist-radius-search'); - $container.css({ - display: isEmpty ? 'none' : 'block' - }); - }); - } - - // handleRadiusVisibility Trigger - $('body').on('keyup keydown input change focus', '.directorist-location-js, .zip-radius-search', function (e) { - handleRadiusVisibility(); - }); - - // rangeSlider, defaultTags Trigger on directory type | page change - $('body').on('click', '.directorist-type-nav__link, .directorist-pagination .page-numbers, .directorist-viewas .directorist-viewas__item', function (e) { - setTimeout(function () { - handleRadiusVisibility(); - directorist_custom_range_slider(); - defaultTags(); - }, 600); - }); - - // directorist-instant-search-reloaded event - window.addEventListener('directorist-instant-search-reloaded', function () { - handleRadiusVisibility(); - directorist_custom_range_slider(); - defaultTags(); - }); - - // active class add on view as button - $('body').on('click', '.directorist-viewas .directorist-viewas__item', function (e) { - $(this).addClass('active').siblings().removeClass('active'); - }); - - // Hide Country Result Click on Outside of Zipcode Field - $(document).on('click', function (e) { - if (!$(e.target).closest('.directorist-zip-code').length) { - $('.directorist-country').hide(); - } - }); - $('body').on('click', '.directorist-country ul li a', function (event) { - event.preventDefault(); - var zipcode_search = $(this).closest('.directorist-zipcode-search'); - var lat = $(this).data('lat'); - var lon = $(this).data('lon'); - zipcode_search.find('.zip-cityLat').val(lat); - zipcode_search.find('.zip-cityLng').val(lon); - $('.directorist-country').hide(); - }); - $('.address_result').hide(); - - // Init Location - init_map_api_field(); - document.body.addEventListener('directorist-reload-map-api-field', init_map_api_field); - function init_map_api_field() { - if (directorist.i18n_text.select_listing_map === 'google') { - var initialize = function initialize() { - var opt = { - types: ['geocode'], - componentRestrictions: { - country: directorist.restricted_countries - } - }; - var options = directorist.countryRestriction ? opt : ''; - var input_fields = [{ - input_class: '.directorist-location-js', - lat_id: 'cityLat', - lng_id: 'cityLng', - options: options - }, { - input_id: 'address_widget', - lat_id: 'cityLat', - lng_id: 'cityLng', - options: options - }]; - var setupAutocomplete = function setupAutocomplete(field) { - var input = document.querySelectorAll(field.input_class); - input.forEach(function (elm) { - if (!elm) { - return; - } - var autocomplete = new google.maps.places.Autocomplete(elm, field.options); - google.maps.event.addListener(autocomplete, 'place_changed', function () { - var place = autocomplete.getPlace(); - elm.closest('.directorist-search-field').querySelector("#".concat(field.lat_id)).value = place.geometry.location.lat(); - elm.closest('.directorist-search-field').querySelector("#".concat(field.lng_id)).value = place.geometry.location.lng(); - }); - }); - }; - input_fields.forEach(function (field) { - setupAutocomplete(field); - }); - }; - initialize(); - } else if (directorist.i18n_text.select_listing_map === 'openstreet') { - var getResultContainer = function getResultContainer(context, field) { - return $(context).next(field.search_result_elm); - }; - var getWidgetResultContainer = function getWidgetResultContainer(context, field) { - return $(context).parent().next(field.search_result_elm); - }; - var input_fields = [{ - input_elm: '.directorist-location-js', - search_result_elm: '.address_result', - getResultContainer: getResultContainer - }, { - input_elm: '#q_addressss', - search_result_elm: '.address_result', - getResultContainer: getResultContainer - }, { - input_elm: '.atbdp-search-address', - search_result_elm: '.address_result', - getResultContainer: getResultContainer - }, { - input_elm: '#address_widget', - search_result_elm: '#address_widget_result', - getResultContainer: getWidgetResultContainer - }]; - input_fields.forEach(function (field) { - if (!$(field.input_elm).length) { - return; - } - $(field.input_elm).on('keyup', (0,_global_components_debounce__WEBPACK_IMPORTED_MODULE_1__["default"])(function (event) { - event.preventDefault(); - var blockedKeyCodes = [16, 17, 18, 19, 20, 27, 33, 34, 35, 36, 37, 38, 39, 40, 45, 91, 93, 112, 113, 114, 115, 116, 117, 118, 119, 120, 121, 122, 123, 144, 145]; - - // Return early when blocked key is pressed. - if (blockedKeyCodes.includes(event.keyCode)) { - return; - } - var locationAddressField = $(this).parent('.directorist-search-field'); - var result_container = field.getResultContainer(this, field); - var search = $(this).val(); - if (search.length < 3) { - result_container.css({ - display: 'none' - }); - } else { - locationAddressField.addClass('atbdp-form-fade'); - result_container.css({ - display: 'block' - }); - $.ajax({ - url: 'https://nominatim.openstreetmap.org/?q=%27+'.concat(search, '+%27&format=json'), - type: 'GET', - data: {}, - success: function success(data) { - var res = ''; - var currentIconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/paper-plane.svg'; - var currentIconHTML = directorist.icon_markup.replace('##URL##', currentIconURL).replace('##CLASS##', ''); - var currentLocationIconHTML = "" + currentIconHTML + ''; - var currentLocationAddressHTML = ""; - var iconURL = directorist.assets_url + 'icons/font-awesome/svgs/solid/map-marker-alt.svg'; - var iconHTML = directorist.icon_markup.replace('##URL##', iconURL).replace('##CLASS##', ''); - var locationIconHTML = "" + iconHTML + ''; - for (var i = 0, len = data.length > 5 ? 5 : data.length; i < len; i++) { - res += '
  • ' + locationIconHTML + "" + data[i].display_name, +'
  • '; - } - function displayLocation(position, event) { - var lat = position.coords.latitude; - var lng = position.coords.longitude; - $.ajax({ - url: 'https://nominatim.openstreetmap.org/reverse?format=json&lon=' + lng + '&lat=' + lat, - type: 'GET', - data: {}, - success: function success(data) { - $('.directorist-location-js, .atbdp-search-address').val(data.display_name); - $('.directorist-location-js, .atbdp-search-address').attr('data-value', data.display_name); - $('#cityLat').val(lat); - $('#cityLng').val(lng); - var locationSearch = $('.directorist-search-location'); - if (locationSearch.length) { - locationSearch.trigger('change'); - } - } - }); - } - result_container.html(''); - if (res.length) { - result_container.show(); - } else { - result_container.hide(); - } - locationAddressField.removeClass('atbdp-form-fade'); - $('body').off('click', '.address_result .current-location').on('click', '.address_result .current-location', function (e) { - e.preventDefault(); - navigator.geolocation.getCurrentPosition(function (position) { - return displayLocation(position, e); - }); - }); - }, - error: function error(_error3) { - console.log({ - error: _error3 - }); - locationAddressField.removeClass('atbdp-form-fade'); - } - }); - } - }, 750)); - }); - - // hide address result when click outside the input field - $(document).on('click', function (e) { - if (!$(e.target).closest('.directorist-location-js, #q_addressss, .atbdp-search-address, .current-location').length) { - var locationSearch = $(e.target).closest('.directorist-search-location'); - var zipCodeSearch = $(e.target).closest('.directorist-zipcode-search'); - if (locationSearch.length) { - locationSearch.trigger('change'); - } - if (zipCodeSearch.length) { - zipCodeSearch.trigger('change'); - } - $('.address_result').hide(); - } - }); - var syncLatLngData = function syncLatLngData(context, event, args) { - event.preventDefault(); - var text = $(context).text(); - var lat = $(context).data('lat'); - var lon = $(context).data('lon'); - var _this = event.target; - $(_this).closest('.address_result').siblings('input[name="cityLat"]').val(lat); - $(_this).closest('.address_result').siblings('input[name="cityLng"]').val(lon); - var inp = $(context).closest(args.result_list_container).parent().find('.directorist-location-js, #address_widget, #q_addressss, .atbdp-search-address'); - inp.val(text); - $(args.result_list_container).hide(); - }; - $('body').on('click', '.address_result ul li a', function (event) { - syncLatLngData(this, event, { - result_list_container: '.address_result' - }); - }); - $('body').on('click', '#address_widget_result ul li a', function (event) { - syncLatLngData(this, event, { - result_list_container: '#address_widget_result' - }); - }); - } - if ($('.directorist-location-js, #q_addressss, .atbdp-search-address').val() === '') { - $(this).parent().next('.address_result').css({ - display: 'none' - }); - } - } - $('.directorist-search-contents').each(function () { - if ($(this).next().length === 0) { - $(this).find('.directorist-search-country').css('max-height', '175px'); - $(this).find('.directorist-search-field .address_result').css('max-height', '175px'); - } - }); - - // Custom Range Slider - function directorist_custom_range_slider() { - var sliders = document.querySelectorAll('.directorist-custom-range-slider'); - sliders.forEach(function (sliderItem) { - var _slider$directoristCu, _slider$directoristCu2; - var slider = sliderItem.querySelector('.directorist-custom-range-slider__slide'); - - // Skip if already initialized - if (!slider || slider.directoristCustomRangeSlider) return; - var sliderStep = parseInt(slider.getAttribute('step')) || 1; - var sliderMinValue = parseInt(slider.getAttribute('min-value')) || 0; - var sliderMaxValue = parseInt(slider.getAttribute('max-value')) || 100; - var sliderDefaultValue = parseInt(slider.getAttribute('default-value')); - var minInput = sliderItem.querySelector('.directorist-custom-range-slider__value__min'); - var maxInput = sliderItem.querySelector('.directorist-custom-range-slider__value__max'); - var sliderRange = sliderItem.querySelector('.directorist-custom-range-slider__range'); - var sliderRangeShow = sliderItem.querySelector('.directorist-custom-range-slider__range__show'); - var sliderRangeValue = sliderItem.querySelector('.directorist-custom-range-slider__wrap .directorist-custom-range-slider__range'); - var isRTL = document.dir === 'rtl'; - - // Flags - var rangeInitLoad = true; - var sliderActivated = false; - var sliderRadiusActive = false; - - // Parse the URL parameters - var urlParams = new URLSearchParams(window.location.search); - var customNumberParams = urlParams.get('custom-number'); - var customRangeMinParams = urlParams.get('directorist-custom-range-slider__value__min'); - var customRangeMaxParams = urlParams.get('directorist-custom-range-slider__value__max'); - var locationDistanceParams = urlParams.get('miles'); - var milesParams = new URLSearchParams(window.location.search).has('miles'); - if (locationDistanceParams !== '0-0' && sliderDefaultValue >= 0) { - sliderRadiusActive = true; - } - - // if already have custom values, then slider is activated - if (customNumberParams && customNumberParams !== '0-0') { - sliderActivated = true; - } else if (customRangeMinParams && customRangeMinParams !== '0' && customRangeMaxParams && customRangeMaxParams !== '0') { - sliderActivated = true; - } - if (typeof directoristCustomRangeSlider === 'undefined') return; - if (sliderRadiusActive) { - var _directoristCustomRan; - // Radius Search Range Slider - (_directoristCustomRan = directoristCustomRangeSlider) === null || _directoristCustomRan === void 0 || _directoristCustomRan.create(slider, { - start: [minInput.value, !milesParams ? sliderDefaultValue : maxInput.value], - connect: true, - direction: isRTL ? 'rtl' : 'ltr', - step: sliderStep ? sliderStep : 1, - range: { - min: Number(sliderMinValue || 0), - max: Number(sliderMaxValue || 100) - } - }); - } else if (sliderActivated) { - var _directoristCustomRan2; - // Custom Number Range Slider - var minValue = minInput.value; - var maxValue = maxInput.value; - - // Assign min-max values from custom-range-slider params - if (customNumberParams && customNumberParams !== '0-0') { - var _customNumberParams$s = customNumberParams.split('-').map(Number), - _customNumberParams$s2 = (0,_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__["default"])(_customNumberParams$s, 2), - min = _customNumberParams$s2[0], - max = _customNumberParams$s2[1]; - - // Use the split values as min-max - minValue = min; - maxValue = max; - } else if (customRangeMinParams && customRangeMaxParams) { - // Modal Search Form - minValue = customRangeMinParams; - maxValue = customRangeMaxParams; - } - - // Initial with [min, max] value - (_directoristCustomRan2 = directoristCustomRangeSlider) === null || _directoristCustomRan2 === void 0 || _directoristCustomRan2.create(slider, { - start: [minValue, !milesParams ? sliderDefaultValue || maxValue : maxValue], - connect: true, - direction: isRTL ? 'rtl' : 'ltr', - step: sliderStep ? sliderStep : 1, - range: { - min: Number(sliderMinValue || 0), - max: Number(sliderMaxValue || 100) - } - }); - } else { - var _directoristCustomRan3; - // Initialize with [0, 0] and temp min/max - (_directoristCustomRan3 = directoristCustomRangeSlider) === null || _directoristCustomRan3 === void 0 || _directoristCustomRan3.create(slider, { - start: [0, 0], - connect: true, - direction: isRTL ? 'rtl' : 'ltr', - step: 1, - range: { - min: 0, - max: 1 - } - }); - } - - // Handle first interaction - (_slider$directoristCu = slider.directoristCustomRangeSlider) === null || _slider$directoristCu === void 0 || _slider$directoristCu.on('start', function () { - if (sliderActivated || sliderRadiusActive) return; - sliderActivated = true; - - // Range slider options update - slider.directoristCustomRangeSlider.updateOptions({ - start: [sliderMinValue, sliderMinValue], - step: sliderStep, - range: { - min: sliderMinValue, - max: sliderMaxValue - } - }); - - // Trigger range slider observer - rangeSliderObserver(); - }); - - // Update slider config - (_slider$directoristCu2 = slider.directoristCustomRangeSlider) === null || _slider$directoristCu2 === void 0 || _slider$directoristCu2.on('update', function (values, handle) { - var value = Math.round(values[handle]); - // Assign min-max value based on handler - if (handle === 0) { - minInput.value = value; - } else { - maxInput.value = value; - } - var rangeValue = "".concat(minInput.value, "-").concat(maxInput.value); - if (sliderRange) sliderRange.value = rangeValue; - if (sliderRangeShow) sliderRangeShow.innerHTML = rangeValue; - if (sliderRangeValue) { - sliderRangeValue.setAttribute('value', rangeValue); - if (!rangeInitLoad) { - $(sliderRangeValue).trigger('change'); - } - } - }); - - // Mark init complete - rangeInitLoad = false; - - // 🔁 Manual input update logic (on change/keyup) - function updateSliderFromInputs() { - var minValue = Math.round(parseInt(minInput.value || 0, 10) / sliderStep) * sliderStep; - var maxValue = Math.round(parseInt(maxInput.value || 0, 10) / sliderStep) * sliderStep; - if (isNaN(minValue)) minValue = 0; - if (isNaN(maxValue)) maxValue = 0; - if (!sliderActivated) { - sliderActivated = true; - slider.directoristCustomRangeSlider.updateOptions({ - range: { - min: sliderMinValue, - max: sliderMaxValue - }, - step: sliderStep, - start: [sliderMinValue, sliderMaxValue] - }); - } - - // Fix invalid ranges - if (minValue > maxValue) { - minInput.value = maxValue; - minValue = maxValue; - } - if (maxValue < minValue) { - maxInput.value = minValue; - maxValue = minValue; - } - slider.directoristCustomRangeSlider.set([minValue, maxValue]); - } - ['change', 'keyup'].forEach(function (evt) { - minInput.addEventListener(evt, updateSliderFromInputs); - maxInput.addEventListener(evt, updateSliderFromInputs); - }); - }); - } - directorist_custom_range_slider(); - - // Reset Custom Range Slider - function resetCustomRangeSlider(sliderItem) { - var slider = sliderItem.querySelector('.directorist-custom-range-slider__slide'); - var minInput = sliderItem.querySelector('.directorist-custom-range-slider__value__min'); - var maxInput = sliderItem.querySelector('.directorist-custom-range-slider__value__max'); - var rangeValue = sliderItem.querySelector('.directorist-custom-range-slider__range'); - var radiusSearch = sliderItem.closest('.directorist-search-field-radius_search'); - var defaultValue = slider.getAttribute('default-value') || '0'; - if (radiusSearch) { - var _slider$directoristCu3; - minInput.value = '0'; - maxInput.value = defaultValue; - slider === null || slider === void 0 || (_slider$directoristCu3 = slider.directoristCustomRangeSlider) === null || _slider$directoristCu3 === void 0 || _slider$directoristCu3.set([0, defaultValue]); // Set initial values - } else { - var _slider$directoristCu4; - // Reset values to their initial state - slider === null || slider === void 0 || (_slider$directoristCu4 = slider.directoristCustomRangeSlider) === null || _slider$directoristCu4 === void 0 || _slider$directoristCu4.set([0, 0]); // Set initial values - minInput.value = '0'; // Set initial min value - maxInput.value = '0'; // Set initial max value - rangeValue.value = '0-0'; - } - var sidebarRangeSlider = slider.closest('.listing-with-sidebar'); - if (sidebarRangeSlider && slider !== null && slider !== void 0 && slider.directoristCustomRangeSlider) { - // Destroy the custom range slider instance - slider.directoristCustomRangeSlider.destroy(); - delete slider.directoristCustomRangeSlider; - } - } - - // DOM Mutation Observer on Location Field - function locationObserver() { - var targetNode = document.querySelector('.directorist-location-js'); - if (targetNode) { - var observer = new MutationObserver(handleRadiusVisibility); - observer.observe(targetNode, { - attributes: true - }); - } - } - locationObserver(); - handleRadiusVisibility(); - $('body').on('keyup', '.zip-radius-search', directorist_debounce(function () { - var zipcode = $(this).val(); - var zipcode_search = $(this).closest('.directorist-zipcode-search'); - var country_suggest = zipcode_search.find('.directorist-country'); - var zipcode_search = $(this).closest('.directorist-zipcode-search'); - if (zipcode) { - zipcode_search.addClass('dir_loading'); - } - if (directorist.i18n_text.select_listing_map === 'google') { - var url = directorist.ajax_url; - } else { - url = "https://nominatim.openstreetmap.org/?postalcode=".concat(zipcode, "&format=json&addressdetails=1"); - $('.directorist-country').css({ - display: 'block' - }); - if (zipcode === '') { - $('.directorist-country').css({ - display: 'none' - }); - } - } - var res = ''; - var google_data = { - nonce: directorist.directorist_nonce, - action: 'directorist_zipcode_search', - zipcode: zipcode - }; - $.ajax({ - url: url, - method: 'POST', - data: directorist.i18n_text.select_listing_map === 'google' ? google_data : '', - success: function success(data) { - if (data.data && data.data.error_message) { - zipcode_search.find('.error_message').remove(); - zipcode_search.find('.zip-cityLat').val(''); - zipcode_search.find('.zip-cityLng').val(''); - zipcode_search.append(data.data.error_message); - } - zipcode_search.removeClass('dir_loading'); - if (directorist.i18n_text.select_listing_map === 'google' && typeof data.lat !== 'undefined' && typeof data.lng !== 'undefined') { - zipcode_search.find('.error_message').remove(); - zipcode_search.find('.zip-cityLat').val(data.lat); - zipcode_search.find('.zip-cityLng').val(data.lng); - } else { - if (data.length === 1) { - var lat = data[0].lat; - var lon = data[0].lon; - zipcode_search.find('.zip-cityLat').val(lat); - zipcode_search.find('.zip-cityLng').val(lon); - } else { - for (var i = 0; i < data.length; i++) { - res += "
  • ").concat(data[i].address.country, "
  • "); - } - } - $(country_suggest).html("
      ".concat(res, "
    ")); - if (res.length) { - $('.directorist-country').show(); - } else { - $('.directorist-country').hide(); - } - } - } - }); - }, 250)); - - // Returns a function, that, as long as it continues to be invoked, will not - // be triggered. The function will be called after it stops being called for - // N milliseconds. If `immediate` is passed, trigger the function on the - // leading edge, instead of the trailing. - function directorist_debounce(func, wait, immediate) { - var timeout; - return function () { - var context = this, - args = arguments; - var later = function later() { - timeout = null; - if (!immediate) func.apply(context, args); - }; - var callNow = immediate && !timeout; - clearTimeout(timeout); - timeout = setTimeout(later, wait); - if (callNow) func.apply(context, args); - }; - } - - // Custom Range Slider Value Check on Change - function sliderValueCheck(searchForm, targetNode, value) { - if (value > 0) { - enableResetButton(searchForm); - var rangeSlider = targetNode.closest('.directorist-custom-range-slider'); - if (!rangeSlider) return; - var customSliderMin = rangeSlider.querySelector('.directorist-custom-range-slider__value__min'); - var customSliderRange = rangeSlider.querySelector('.directorist-custom-range-slider__range'); - customSliderMin.value = customSliderMin.value ? customSliderMin.value : 0; - customSliderRange.value = customSliderMin.value + '-' + value; - } else { - initForm(searchForm); - } - } - - // DOM Mutation Observer on Custom Range Slider - function rangeSliderObserver() { - var targetNodes = document.querySelectorAll('.directorist-search-field:not(.directorist-search-field-radius_search) .directorist-custom-range-slider-handle-upper'); - targetNodes.forEach(function (targetNode) { - if (targetNode) { - var _searchForm2 = targetNode.closest('form'); - var observerCallback = function observerCallback(mutationList, observer) { - var _iterator = _createForOfIteratorHelper(mutationList), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var mutation = _step.value; - if (targetNode.classList.contains('directorist-custom-range-slider-handle-upper')) { - sliderValueCheck(_searchForm2, targetNode, parseInt(targetNode.ariaValueNow)); - } - } - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } - }; - var sliderObserver = new MutationObserver(observerCallback); - sliderObserver.observe(targetNode, { - attributes: true - }); - } - }); - } - rangeSliderObserver(); - }); -})(jQuery); -}(); -/******/ })() -; -//# sourceMappingURL=search-form.js.map \ No newline at end of file + // Default Tags Slice + function defaultTags() { + $('.directorist-btn-ml').each(function (index, element) { + var item = $(element).siblings( + '.atbdp_cf_checkbox, .directorist-search-field-tag, .directorist-search-tags' + ); + var item_checkbox = $(item).find( + '.directorist-checkbox' + ); + $(item_checkbox) + .slice(4, item_checkbox.length) + .fadeOut(); + if (item_checkbox.length <= 4) { + $(element).css('display', 'none'); + } + }); + } + defaultTags(); + window.addEventListener('triggerSlice', defaultTags); + + // See More Tags Button + $('body').on('click', '.directorist-btn-ml', function (event) { + event.preventDefault(); + var item = $(this).siblings('.directorist-search-tags'); + var item_checkbox = $(item).find('.directorist-checkbox'); + $(item_checkbox).slice(4, item_checkbox.length).fadeOut(); + $(this).toggleClass('active'); + if ($(this).hasClass('active')) { + $(this).text(directorist.i18n_text.show_less); + $(item_checkbox) + .slice(4, item_checkbox.length) + .fadeIn(); + } else { + $(this).text(directorist.i18n_text.show_more); + $(item_checkbox) + .slice(4, item_checkbox.length) + .fadeOut(); + } + }); + + /*** Search Form ***/ + + // Count Checkbox Selected Items + function selectedItemCount(item) { + var dropdownParent = $(item).closest( + '.directorist-search-field' + ); + var dropDownContent = $(item).closest( + '.directorist-search-basic-dropdown-content' + ); + var selectedItemCount = dropDownContent.find( + '.directorist-checkbox input[type="checkbox"]:checked' + ); + var selectedPrefix = dropDownContent + .siblings('.directorist-search-basic-dropdown-label') + .find( + '.directorist-search-basic-dropdown-selected-prefix' + ); + var selectedCounter = dropDownContent + .siblings('.directorist-search-basic-dropdown-label') + .find( + '.directorist-search-basic-dropdown-selected-count' + ); + if (selectedItemCount.length > 0) { + selectedCounter.text(selectedItemCount.length); + selectedPrefix.text('Selected'); + dropdownParent.addClass('input-has-value'); + } else { + // If no items are checked, clear the text + selectedCounter.text(''); + selectedPrefix.text(''); + dropdownParent.removeClass('input-has-value'); + } + } + + // Radio Selected Items + function selectedRadioItem(item) { + var dropdownParent = $(item).closest( + '.directorist-search-field' + ); + var dropDownLabel = dropdownParent.find( + '.directorist-search-basic-dropdown-selected-item' + ); + var selectedItem = dropdownParent.find( + '.directorist-radio input[type="radio"]:checked' + ); + var selectedItemLabel = selectedItem + .siblings('.directorist-radio__label') + .text(); + if (selectedItem) { + dropDownLabel.text(' - ' + selectedItemLabel); + dropdownParent.addClass('input-has-value'); + } else { + // If no items are checked, clear the text + selectedItem.text(''); + dropdownParent.removeClass('input-has-value'); + } + } + + // Checkbox Field Check + $('body').on( + 'change', + '.directorist-search-form__top .directorist-search-basic-dropdown input[type="checkbox"], .directorist-search-modal .directorist-search-basic-dropdown input[type="checkbox"]', + function (e) { + e.preventDefault(); + selectedItemCount(this); + } + ); + + // Radio Field Check + $('body').on( + 'change', + '.directorist-search-form__top .directorist-search-basic-dropdown input[type="radio"], .directorist-search-modal .directorist-search-basic-dropdown input[type="radio"]', + function (e) { + e.preventDefault(); + selectedRadioItem(this); + } + ); + + // Basic Search Dropdown Toggle + $('body').on( + 'click', + '.directorist-search-form__top .directorist-search-basic-dropdown-label, .directorist-search-modal .directorist-search-basic-dropdown-label', + function (e) { + e.preventDefault(); + var dropDownParent = $(this).closest( + '.directorist-search-field' + ); + var dropDownContent = $(this).siblings( + '.directorist-search-basic-dropdown-content' + ); + dropDownContent.toggleClass('dropdown-content-show'); + if (dropDownContent.hasClass('dropdown-content-show')) { + dropDownParent.addClass('input-is-focused'); + dropDownContent.slideDown(); + } else { + dropDownParent.removeClass('input-is-focused'); + dropDownContent.slideUp(); + } + // Hide all other open contents + $( + '.directorist-search-basic-dropdown-content.dropdown-content-show' + ) + .not(dropDownContent) + .removeClass('dropdown-content-show') + .slideUp(); + } + ); + + // Dropdown Content Hide on Outside Click + $('body').on('click', function (e) { + var dropDownRoot = $(e.target).closest( + '.directorist-search-form-dropdown' + ); + var dropDownParent = $( + '.directorist-search-form-dropdown.input-is-focused' + ); + var dropDownContent = $( + '.directorist-search-basic-dropdown-content.dropdown-content-show' + ); + if (!dropDownRoot.length) { + dropDownParent.removeClass('input-is-focused'); + dropDownContent.removeClass('dropdown-content-show'); + dropDownContent.slideUp(); + } + }); + + // Check Empty Search Fields on Search Modal + function initSearchFields() { + var searchFields = document.querySelectorAll( + '.directorist-search-field__input:not(.directorist-search-basic-dropdown)' + ); + searchFields.forEach(function (searchField) { + var inputFieldValue = searchField.value; + if ( + searchField.classList.contains('directorist-select') + ) { + inputFieldValue = + searchField.querySelector('select').dataset + .selectedId; + } + if (inputFieldValue !== '') { + searchField.parentElement.classList.add( + 'input-has-value' + ); + if ( + !searchField.parentElement.classList.contains( + 'input-is-focused' + ) + ) { + searchField.parentElement.classList.add( + 'input-is-focused' + ); + } + } else { + inputFieldValue = ''; + if ( + searchField.parentElement.classList.contains( + 'input-has-value' + ) + ) { + searchField.parentElement.classList.remove( + 'input-has-value' + ); + } + } + }); + } + initSearchFields(); + + // Search Form Reset Button Initialize + function initForm(searchForm) { + var value = false; + + // Check all input fields which are not checkbox, radio & hidden + searchForm + .querySelectorAll( + "input:not([type='checkbox']):not([type='radio']):not([type='hidden']):not(.wp-picker-clear):not(.directorist-custom-range-slider__value__min):not(.directorist-custom-range-slider__value__max)" + ) + .forEach(function (el) { + if (el.value !== '') { + value = true; + } + }); + + // Check all checkbox, radio field + searchForm + .querySelectorAll( + "input[type='checkbox'], input[type='radio']" + ) + .forEach(function (el) { + if (el.checked) { + value = true; + } + }); + + // Check all select field + searchForm + .querySelectorAll('select') + .forEach(function (el) { + if (el.value || el.selectedIndex !== 0) { + value = true; + } + }); + + // Check all custom number range field + searchForm + .querySelectorAll( + '.directorist-search-field-text_range .directorist-custom-range-slider__range' + ) + .forEach(function (el) { + if (el.value === '0-0') { + value = false; + } + }); + + // Check all range slider field + searchForm + .querySelectorAll( + '.directorist-custom-range-slider__value input' + ) + .forEach(function (el) { + if (el.value > 0) { + value = true; + } + }); + + // Disable Reset Button based on value + if (!value) { + // Find Reset Button in current form + var resetButtonWrapper = searchForm.querySelector( + '.directorist-advanced-filter__action' + ); + if (resetButtonWrapper) { + resetButtonWrapper.classList.add( + 'reset-btn-disabled' + ); + } else { + var _searchForm$closest; + // Find Reset Button in whole listing-with-sidebar + resetButtonWrapper = + (_searchForm$closest = searchForm.closest( + '.listing-with-sidebar' + )) === null || _searchForm$closest === void 0 + ? void 0 + : _searchForm$closest.querySelector( + '.directorist-advanced-filter__action' + ); + if (resetButtonWrapper) { + resetButtonWrapper.classList.add( + 'reset-btn-disabled' + ); + } + } + } else { + setTimeout(function () { + enableResetButton(searchForm); + }, 100); + } + } + + // Enable Reset Button + function enableResetButton(searchForm) { + var $resetButtonWrapper = $(searchForm).find( + '.directorist-advanced-filter__action' + ); + if (!$resetButtonWrapper.length) { + $resetButtonWrapper = $(searchForm) + .closest('.directorist-instant-search') + .find('.directorist-advanced-filter__action'); + } + if ($resetButtonWrapper.length) { + $resetButtonWrapper.removeClass('reset-btn-disabled'); + } + } + + // Initialize Form Reset Button + var searchForm = document.querySelectorAll( + '.directorist-contents-wrap form' + ); + searchForm.forEach(function (form) { + setTimeout(function () { + initForm(form); + }, 100); + }); + + // Input Field Check + $('body').on( + 'keyup', + '.directorist-contents-wrap form input:not([type="checkbox"]):not([type="radio"])', + function (e) { + var searchForm = this.closest('form'); + if ( + this.value && + this.value !== 0 && + this.value !== undefined + ) { + enableResetButton(searchForm); + } else { + setTimeout(function () { + initForm(searchForm); + }, 100); + } + } + ); + $('body').on( + 'change', + '.directorist-contents-wrap form input[type="checkbox"], .directorist-contents-wrap form input[type="radio"]', + function (e) { + var searchForm = this.closest('form'); + if (this.checked) { + enableResetButton(searchForm); + } else { + setTimeout(function () { + initForm(searchForm); + }, 100); + } + } + ); + $('body').on( + 'change', + '.directorist-contents-wrap form select', + function (e) { + var searchForm = this.closest('form'); + if (this.value !== undefined && this.value !== '') { + enableResetButton(searchForm); + } else { + setTimeout(function () { + initForm(searchForm); + }, 100); + } + } + ); + + // Color Field Open Button Click + $('.directorist-contents-wrap form .wp-color-result').on( + 'click', + function (e) { + e.preventDefault(); + var $parentElement = $(this).closest( + '.directorist-search-field' + ); + if ( + $parentElement.hasClass('input-has-value') || + $parentElement.hasClass('input-is-focused') + ) { + $parentElement.removeClass( + 'input-has-value input-is-focused' + ); + } else { + $parentElement.addClass( + 'input-has-value input-is-focused' + ); + } + } + ); + + // Color Field Clear Button Click + $('.directorist-contents-wrap form .wp-picker-clear').on( + 'click', + function (e) { + e.preventDefault(); + var $parentElement = $(this).closest( + '.directorist-search-field' + ); + if ( + $parentElement.hasClass('input-has-value') || + $parentElement.hasClass('input-is-focused') + ) { + $parentElement.removeClass( + 'input-has-value input-is-focused' + ); + } + var color = ''; + var input = $parentElement.find('.wp-color-picker')[0]; // get raw DOM element + var form = $parentElement.closest('form')[0]; + if (!input || !form) return; + + // Dispatch custom event + var colorChangeEvent = new CustomEvent( + 'directorist-color-changed', + { + detail: { + color: color, + input: input, + form: form, + }, + } + ); + window.dispatchEvent(colorChangeEvent); + } + ); + + // Color Change Event + window.addEventListener( + 'directorist-color-changed', + function (e) { + var _e$detail = e.detail, + color = _e$detail.color, + input = _e$detail.input, + form = _e$detail.form; + if (color && color !== '') { + enableResetButton(form); + var $parentElement = $(input).closest( + '.directorist-search-field' + ); + if ( + !$parentElement.hasClass('input-has-value') && + !$parentElement.hasClass('input-is-focused') + ) { + $parentElement.addClass( + 'input-has-value input-is-focused' + ); + } + } else { + setTimeout(function () { + initForm(form); + }, 100); + } + } + ); + + // Searchform Reset + function adsFormReset(searchForm) { + searchForm + .querySelectorAll( + "input[type='text']:not(.wp-picker-clear)" + ) + .forEach(function (el) { + el.value = ''; + if ( + el.parentElement.classList.contains( + 'input-has-value' + ) || + el.parentElement.classList.contains( + 'input-is-focused' + ) + ) { + el.parentElement.classList.remove( + 'input-has-value', + 'input-is-focused' + ); + } + }); + searchForm + .querySelectorAll("input[type='date']") + .forEach(function (el) { + el.value = ''; + }); + searchForm + .querySelectorAll("input[type='time']") + .forEach(function (el) { + el.value = ''; + }); + searchForm + .querySelectorAll("input[type='url']") + .forEach(function (el) { + el.value = ''; + if ( + el.parentElement.classList.contains( + 'input-has-value' + ) || + el.parentElement.classList.contains( + 'input-is-focused' + ) + ) { + el.parentElement.classList.remove( + 'input-has-value', + 'input-is-focused' + ); + } + }); + searchForm + .querySelectorAll("input[type='number']") + .forEach(function (el) { + el.value = ''; + if ( + el.parentElement.classList.contains( + 'input-has-value' + ) || + el.parentElement.classList.contains( + 'input-is-focused' + ) + ) { + el.parentElement.classList.remove( + 'input-has-value', + 'input-is-focused' + ); + } + }); + searchForm + .querySelectorAll( + "input[type='hidden']:not(.listing_type)" + ) + .forEach(function (el) { + if ( + el.getAttribute('name') === 'directory_type' || + el.getAttribute('name') === + 'radius-search-based-on' + ) + return; + el.value = ''; + }); + searchForm + .querySelectorAll("input[type='radio']") + .forEach(function (el) { + el.checked = false; + }); + searchForm + .querySelectorAll("input[type='checkbox']") + .forEach(function (el) { + el.checked = false; + }); + searchForm + .querySelectorAll('select') + .forEach(function (el) { + el.selectedIndex = 0; + $('.directorist-select2-dropdown-close').click(); + var parentElem = el.closest( + '.directorist-search-field' + ); + if ( + parentElem.classList.contains( + 'input-has-value' + ) || + parentElem.classList.contains( + 'input-is-focused' + ) + ) { + setTimeout(function () { + parentElem.classList.remove( + 'input-has-value', + 'input-is-focused' + ); + }, 100); + } + }); + var customRangeSliders = document.querySelectorAll( + '.directorist-custom-range-slider' + ); + customRangeSliders.forEach(function (sliderItem) { + resetCustomRangeSlider(sliderItem); + }); + searchForm + .querySelectorAll( + '.directorist-search-basic-dropdown-content' + ) + .forEach(function (dropdown) { + var dropDownParent = dropdown.closest( + '.directorist-search-field' + ); + $(dropdown) + .siblings( + '.directorist-search-basic-dropdown-label' + ) + .find( + '.directorist-search-basic-dropdown-selected-count' + ) + .text(''); + $(dropdown) + .siblings( + '.directorist-search-basic-dropdown-label' + ) + .find( + '.directorist-search-basic-dropdown-selected-prefix' + ) + .text(''); + if ( + dropDownParent.classList.contains( + 'input-has-value' + ) || + dropDownParent.classList.contains( + 'input-is-focused' + ) + ) { + dropDownParent.classList.remove( + 'input-has-value', + 'input-is-focused' + ); + } + }); + var irisPicker = searchForm.querySelector( + 'input.wp-picker-clear' + ); + if (irisPicker !== null) { + irisPicker.click(); + } + handleRadiusVisibility(); + initForm(searchForm); + } + + // Searchform Reset Trigger + if ($('.directorist-btn-reset-js') !== null) { + $('body').on( + 'click', + '.directorist-btn-reset-js', + function (e) { + e.preventDefault(); + // Clear URL params on modal form reset + if (this.closest('.directorist-search-modal')) { + // Clear only the query parameters + var baseUrl = + window.location.origin + + window.location.pathname; + + // Update the URL in the address bar + window.history.replaceState(null, '', baseUrl); + } + + // Reset search form values + if (this.closest('.directorist-contents-wrap')) { + var _searchForm = this.closest( + '.directorist-contents-wrap' + ).querySelector('.directorist-search-form'); + if (_searchForm) { + adsFormReset(_searchForm); + } + var advanceSearchForm = this.closest( + '.directorist-contents-wrap' + ).querySelector( + '.directorist-advanced-filter__form' + ); + if (advanceSearchForm) { + adsFormReset(advanceSearchForm); + } + var advanceSearchFilter = this.closest( + '.directorist-contents-wrap' + ).querySelector( + '.directorist-advanced-filter__advanced' + ); + if (advanceSearchFilter) { + adsFormReset(advanceSearchFilter); + } + } + } + ); + } + + // Search Modal Open + function searchModalOpen(searchModalParent) { + var modalOverlay = searchModalParent.querySelector( + '.directorist-search-modal__overlay' + ); + var modalContent = searchModalParent.querySelector( + '.directorist-search-modal__contents' + ); + + // Overlay Style + modalOverlay.style.cssText = + 'opacity: 1; visibility: visible; transition: 0.3s ease;'; + + // Modal Content Style + modalContent.style.cssText = + 'opacity: 1; visibility: visible; bottom:0;'; + } + + // Search Modal Close + function searchModalClose(searchModalParent) { + var modalOverlay = searchModalParent.querySelector( + '.directorist-search-modal__overlay' + ); + var modalContent = searchModalParent.querySelector( + '.directorist-search-modal__contents' + ); + + // Overlay Style + if (modalOverlay) { + modalOverlay.style.cssText = + 'opacity: 0; visibility: hidden; transition: 0.5s ease'; + } + + // Modal Content Style + if (modalContent) { + modalContent.style.cssText = + 'opacity: 0; visibility: hidden; bottom: -200px;'; + } + } + + // Search Modal Minimizer + function searchModalMinimize(searchModalParent) { + var modalContent = searchModalParent.querySelector( + '.directorist-search-modal__contents' + ); + var modalMinimizer = searchModalParent.querySelector( + '.directorist-search-modal__minimizer' + ); + if (modalMinimizer.classList.contains('minimized')) { + modalMinimizer.classList.remove('minimized'); + modalContent.style.bottom = '0'; + } else { + modalMinimizer.classList.add('minimized'); + modalContent.style.bottom = '-50%'; + } + } + + // Search Modal Open Trigger + $('body').on('click', '.directorist-modal-btn', function (e) { + e.preventDefault(); + // added overlay class on body + document + .querySelector('.directorist-content-active') + .classList.add('directorist-overlay-active'); + var parentElement = this.closest( + '.directorist-contents-wrap' + ); + if ( + this.classList.contains('directorist-modal-btn--basic') + ) { + var searchModalElement = parentElement.querySelector( + '.directorist-search-modal--basic' + ); + searchModalOpen(searchModalElement); + } + if ( + this.classList.contains( + 'directorist-modal-btn--advanced' + ) + ) { + var _searchModalElement = parentElement.querySelector( + '.directorist-search-modal--advanced' + ); + searchModalOpen(_searchModalElement); + } + if ( + this.classList.contains('directorist-modal-btn--full') + ) { + var _searchModalElement2 = parentElement.querySelector( + '.directorist-search-modal--full' + ); + searchModalOpen(_searchModalElement2); + } + }); + + // Search Modal Close Trigger + $('body').on( + 'click', + '.directorist-search-modal__contents__btn--close, .directorist-search-modal__overlay', + function (e) { + e.preventDefault(); + // removed overlay class from body + document + .querySelector('.directorist-content-active') + .classList.remove('directorist-overlay-active'); + var searchModalElement = this.closest( + '.directorist-search-modal' + ); + searchModalClose(searchModalElement); + } + ); + + // Search Modal Minimizer Trigger + $('body').on( + 'click', + '.directorist-search-modal__minimizer', + function (e) { + e.preventDefault(); + var searchModalElement = this.closest( + '.directorist-search-modal' + ); + searchModalMinimize(searchModalElement); + } + ); + + // Search Field Input Value Check + function inputValueCheck(searchField) { + searchField = searchField[0]; + var inputBox = searchField.querySelector( + '.directorist-search-field__input:not(.directorist-search-basic-dropdown)' + ); + var inputFieldValue = inputBox && inputBox.value; + if (inputFieldValue) { + searchField.classList.add('input-has-value'); + if ( + !searchField.classList.contains('input-is-focused') + ) { + searchField.classList.add('input-is-focused'); + } + } else { + inputFieldValue = ''; + if (searchField.classList.contains('input-has-value')) { + searchField.classList.remove('input-has-value'); + } + if ( + searchField.classList.contains('input-is-focused') + ) { + searchField.classList.remove('input-is-focused'); + } + } + } + + // Search Field Input Event Check + function inputEventCheck(e, searchField) { + searchField = searchField[0]; + var inputBox = searchField.querySelector( + '.directorist-search-field__input:not(.directorist-search-basic-dropdown)' + ); + var inputFieldValue = inputBox.value; + if (e.type === 'focusin') { + searchField.classList.add('input-is-focused'); + } else if (e.type === 'focusout') { + if (inputBox.classList.contains('directorist-select')) { + selectFocusOutCheck(searchField, inputBox); + } else { + if (inputFieldValue) { + searchField.classList.add('input-has-value'); + if ( + !searchField.classList.contains( + 'input-is-focused' + ) + ) { + searchField.classList.add( + 'input-is-focused' + ); + } + } else { + searchField.classList.remove( + 'input-is-focused' + ); + } + } + } + } + + // Search Field Input Focusout Event Check + function selectFocusOutCheck(searchField, inputBox) { + searchField.classList.add('input-is-focused'); + var inputFieldValue = + inputBox.querySelector('select').value; + $('body').one('click', function (e) { + inputFieldValue = + inputBox.querySelector('select').value; + var parentWithClass = e.target.closest( + '.directorist-search-field__input:not(.directorist-search-basic-dropdown)' + ); + if (!parentWithClass) { + if (inputFieldValue) { + searchField.classList.add('input-has-value'); + if ( + !searchField.classList.contains( + 'input-is-focused' + ) + ) { + searchField.classList.add( + 'input-is-focused' + ); + } + } else { + searchField.classList.remove( + 'input-is-focused' + ); + } + } + }); + } + + // Search Form Select Field Init + function initSelectFields() { + var selectFields = document.querySelectorAll( + '.directorist-select.directorist-search-field__input:not(.directorist-search-basic-dropdown' + ); + selectFields.forEach(function (selectField) { + var searchField = $(selectField).closest( + '.directorist-search-field' + ); + inputValueCheck(searchField); + }); + } + initSelectFields(); + + // Search Form Input Field Check Trigger + $('body').on( + 'input keyup change', + '.directorist-search-field__input:not(.directorist-search-basic-dropdown)', + function (e) { + var searchField = $(this).closest( + '.directorist-search-field' + ); + inputValueCheck(searchField); + } + ); + $('body').on( + 'focus blur', + '.directorist-search-field__input:not(.directorist-search-basic-dropdown)', + function (e) { + var searchField = $(this).closest( + '.directorist-search-field' + ); + inputEventCheck(e, searchField); + } + ); + + // Search Form Input Clear Button + $('body').on( + 'click', + '.directorist-search-field__btn--clear', + function (e) { + var inputFields = this.parentElement.querySelectorAll( + '.directorist-form-element' + ); + var selectboxField = this.parentElement.querySelector( + '.directorist-select select' + ); + var basicDropdown = this.parentElement.querySelectorAll( + '.directorist-search-basic-dropdown-content' + ); + var radioFields = this.parentElement.querySelectorAll( + 'input[type="radio"]' + ); + var checkboxFields = + this.parentElement.querySelectorAll( + 'input[type="checkbox"]' + ); + if (selectboxField) { + selectboxField.selectedIndex = 0; + selectboxField.dispatchEvent(new Event('change')); + $(selectboxField).trigger('change'); + } + if (inputFields) { + inputFields.forEach(function (inputField) { + inputField.value = ''; + }); + } + if (radioFields) { + radioFields.forEach(function (element) { + element.checked = false; + }); + } + if (checkboxFields) { + checkboxFields.forEach(function (element) { + element.checked = false; + }); + } + if (basicDropdown) { + basicDropdown.forEach(function (dropdown) { + $(dropdown).slideUp(); + $(dropdown) + .siblings( + '.directorist-search-basic-dropdown-label' + ) + .find( + '.directorist-search-basic-dropdown-selected-count' + ) + .text(''); + $(dropdown) + .siblings( + '.directorist-search-basic-dropdown-label' + ) + .find( + '.directorist-search-basic-dropdown-selected-prefix' + ) + .text(''); + $(dropdown) + .siblings( + '.directorist-search-basic-dropdown-label' + ) + .find( + '.directorist-search-basic-dropdown-selected-item' + ) + .text(''); + }); + } + if ( + this.parentElement.classList.contains( + 'input-has-value' + ) || + this.parentElement.classList.contains( + 'input-is-focused' + ) + ) { + var _this$parentElement$q; + this.parentElement.classList.remove( + 'input-has-value', + 'input-is-focused' + ); + (_this$parentElement$q = + this.parentElement.querySelector( + '.directorist-search-basic-dropdown-content.dropdown-content-show' + )) === null || + _this$parentElement$q === void 0 || + _this$parentElement$q.classList.remove( + 'dropdown-content-show' + ); + } + handleRadiusVisibility(); + + // Reset Button Disable + var searchform = this.closest('form'); + var inputValue = $(this) + .parent('.directorist-search-field') + .find( + '.directorist-search-field__input:not(.directorist-search-basic-dropdown)' + ) + .val(); + var selectValue = $(this) + .parent('.directorist-search-field') + .find( + '.directorist-search-field__input select:not(.directorist-search-basic-dropdown)' + ) + .val(); + if ( + (inputValue && + inputValue !== 0 && + inputValue !== undefined) || + (selectValue && selectValue.selectedIndex === 0) || + (selectValue && + selectValue.selectedIndex !== undefined) + ) { + enableResetButton(searchform); + } else { + setTimeout(function () { + initForm(searchform); + }, 100); + } + } + ); + + // Search Form Input Field Back Button + $('body').on( + 'click', + '.directorist-search-field__label:not(.directorist-search-basic-dropdown-label)', + function (e) { + var windowScreen = window.innerWidth; + var parentField = this.closest( + '.directorist-search-field' + ); + if (windowScreen <= 575) { + if ( + parentField.classList.contains( + 'input-is-focused' + ) + ) { + parentField.classList.remove( + 'input-is-focused' + ); + } + } + } + ); + + // Listing Type Change + $('body').on( + 'click', + '.search_listing_types', + function (event) { + event.preventDefault(); + var parent = $(this).closest( + '.directorist-search-contents' + ); + var listing_type = $(this).attr('data-listing_type'); + var type_current = parent.find( + '.directorist-listing-type-selection__link--current' + ); + if (type_current.length) { + type_current.removeClass( + 'directorist-listing-type-selection__link--current' + ); + $(this).addClass( + 'directorist-listing-type-selection__link--current' + ); + } + parent.find('.listing_type').val(listing_type); + var form_data = new FormData(); + form_data.append('action', 'atbdp_listing_types_form'); + form_data.append( + 'nonce', + directorist.directorist_nonce + ); + form_data.append('listing_type', listing_type); + var atts = parent.attr('data-atts'); + var atts_decoded = btoa(atts); + form_data.append('atts', atts_decoded); + parent + .find('.directorist-search-form-box') + .addClass('atbdp-form-fade'); + $.ajax({ + method: 'POST', + processData: false, + contentType: false, + url: directorist.ajax_url, + data: form_data, + success: function success(response) { + if (response) { + // Add Temp Element + var new_inserted_elm = + '
    '; + parent.before(new_inserted_elm); + + // Remove Old Parent + parent.remove(); + + // Insert New Parent + $('.directorist_search_temp').after( + response['search_form'] + ); + var newParent = $( + '.directorist_search_temp' + ).next(); + + // Toggle Active Class + newParent + .find( + '.directorist-listing-type-selection__link--current' + ) + .removeClass( + 'directorist-listing-type-selection__link--current' + ); + newParent + .find( + "[data-listing_type='" + + listing_type + + "']" + ) + .addClass( + 'directorist-listing-type-selection__link--current' + ); + + // Remove Temp Element + $('.directorist_search_temp').remove(); + var events = [ + new CustomEvent( + 'directorist-search-form-nav-tab-reloaded' + ), + new CustomEvent( + 'directorist-reload-select2-fields' + ), + new CustomEvent( + 'directorist-reload-map-api-field' + ), + new CustomEvent('triggerSlice'), + ]; + events.forEach(function (event) { + document.body.dispatchEvent(event); + window.dispatchEvent(event); + }); + handleRadiusVisibility(); + directorist_custom_range_slider(); + initSearchFields(); + (0, + _components_category_custom_fields__WEBPACK_IMPORTED_MODULE_4__[ + 'default' + ])($); + } + var parentAfterAjax = $(this).closest( + '.directorist-search-contents' + ); + parentAfterAjax + .find('.directorist-search-form-box') + .removeClass('atbdp-form-fade'); + if ( + parentAfterAjax + .find('.directorist-search-form-box') + .find( + '.directorist-search-field-radius_search' + ).length + ) { + handleRadiusVisibility(); + directorist_custom_range_slider(); + } + }, + error: function error(_error) { + // console.log(error); + }, + }); + } + ); + (0, + _components_category_custom_fields__WEBPACK_IMPORTED_MODULE_4__[ + 'default' + ])($); + + // Back Button to go back to the previous page + $('body').on('click', '.directorist-btn__back', function (e) { + e.preventDefault(); + window.history.back(); + }); + + // Radius Search Field Hide on Empty Location Field + function handleRadiusVisibility() { + // Add class to mark the radius search field + $('.directorist-range-slider-wrap') + .closest('.directorist-search-field') + .addClass('directorist-search-field-radius_search'); + var radius_search_item_selector = null; + var radius_search_based_on = $( + '.directorist-radius_search_based_on' + ).val(); + + // Determine which search item selector to use + if (radius_search_based_on === 'address') { + radius_search_item_selector = + '.directorist-location-js'; + } else if (radius_search_based_on === 'zip') { + radius_search_item_selector = + '.directorist-zipcode-search .zip-radius-search'; + } else { + // Default fallback + radius_search_item_selector = + '.directorist-location-js'; + } + + // Now, use jQuery to loop through the elements + $(radius_search_item_selector).each( + function (index, locationDOM) { + var $location = $(locationDOM); + var isEmpty = $location.val() === ''; + var $container = $location + .closest('.directorist-contents-wrap') + .find( + '.directorist-search-field-radius_search, .directorist-radius-search' + ); + $container.css({ + display: isEmpty ? 'none' : 'block', + }); + } + ); + } + + // handleRadiusVisibility Trigger + $('body').on( + 'keyup keydown input change focus', + '.directorist-location-js, .zip-radius-search', + function (e) { + handleRadiusVisibility(); + } + ); + + // rangeSlider, defaultTags Trigger on directory type | page change + $('body').on( + 'click', + '.directorist-type-nav__link, .directorist-pagination .page-numbers, .directorist-viewas .directorist-viewas__item', + function (e) { + setTimeout(function () { + handleRadiusVisibility(); + directorist_custom_range_slider(); + defaultTags(); + }, 600); + } + ); + + // directorist-instant-search-reloaded event + window.addEventListener( + 'directorist-instant-search-reloaded', + function () { + handleRadiusVisibility(); + directorist_custom_range_slider(); + defaultTags(); + } + ); + + // active class add on view as button + $('body').on( + 'click', + '.directorist-viewas .directorist-viewas__item', + function (e) { + $(this) + .addClass('active') + .siblings() + .removeClass('active'); + } + ); + + // Hide Country Result Click on Outside of Zipcode Field + $(document).on('click', function (e) { + if (!$(e.target).closest('.directorist-zip-code').length) { + $('.directorist-country').hide(); + } + }); + $('body').on( + 'click', + '.directorist-country ul li a', + function (event) { + event.preventDefault(); + var zipcode_search = $(this).closest( + '.directorist-zipcode-search' + ); + var lat = $(this).data('lat'); + var lon = $(this).data('lon'); + zipcode_search.find('.zip-cityLat').val(lat); + zipcode_search.find('.zip-cityLng').val(lon); + $('.directorist-country').hide(); + } + ); + $('.address_result').hide(); + + // Init Location + init_map_api_field(); + document.body.addEventListener( + 'directorist-reload-map-api-field', + init_map_api_field + ); + function init_map_api_field() { + if (directorist.i18n_text.select_listing_map === 'google') { + function initialize() { + var opt = { + types: ['geocode'], + componentRestrictions: { + country: directorist.restricted_countries, + }, + }; + var options = directorist.countryRestriction + ? opt + : ''; + var input_fields = [ + { + input_class: '.directorist-location-js', + lat_id: 'cityLat', + lng_id: 'cityLng', + options: options, + }, + { + input_id: 'address_widget', + lat_id: 'cityLat', + lng_id: 'cityLng', + options: options, + }, + ]; + var setupAutocomplete = function setupAutocomplete( + field + ) { + var input = document.querySelectorAll( + field.input_class + ); + input.forEach(function (elm) { + if (!elm) { + return; + } + var autocomplete = + new google.maps.places.Autocomplete( + elm, + field.options + ); + google.maps.event.addListener( + autocomplete, + 'place_changed', + function () { + var place = autocomplete.getPlace(); + elm + .closest( + '.directorist-search-field' + ) + .querySelector( + '#'.concat(field.lat_id) + ).value = + place.geometry.location.lat(); + elm + .closest( + '.directorist-search-field' + ) + .querySelector( + '#'.concat(field.lng_id) + ).value = + place.geometry.location.lng(); + } + ); + }); + }; + input_fields.forEach(function (field) { + setupAutocomplete(field); + }); + } + initialize(); + } else if ( + directorist.i18n_text.select_listing_map === + 'openstreet' + ) { + var getResultContainer = function getResultContainer( + context, + field + ) { + return $(context).next(field.search_result_elm); + }; + var getWidgetResultContainer = + function getWidgetResultContainer(context, field) { + return $(context) + .parent() + .next(field.search_result_elm); + }; + var input_fields = [ + { + input_elm: '.directorist-location-js', + search_result_elm: '.address_result', + getResultContainer: getResultContainer, + }, + { + input_elm: '#q_addressss', + search_result_elm: '.address_result', + getResultContainer: getResultContainer, + }, + { + input_elm: '.atbdp-search-address', + search_result_elm: '.address_result', + getResultContainer: getResultContainer, + }, + { + input_elm: '#address_widget', + search_result_elm: '#address_widget_result', + getResultContainer: getWidgetResultContainer, + }, + ]; + input_fields.forEach(function (field) { + if (!$(field.input_elm).length) { + return; + } + $(field.input_elm).on( + 'keyup', + (0, + _global_components_debounce__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(function (event) { + event.preventDefault(); + var blockedKeyCodes = [ + 16, 17, 18, 19, 20, 27, 33, 34, 35, 36, + 37, 38, 39, 40, 45, 91, 93, 112, 113, + 114, 115, 116, 117, 118, 119, 120, 121, + 122, 123, 144, 145, + ]; + + // Return early when blocked key is pressed. + if ( + blockedKeyCodes.includes(event.keyCode) + ) { + return; + } + var locationAddressField = $(this).parent( + '.directorist-search-field' + ); + var result_container = + field.getResultContainer(this, field); + var search = $(this).val(); + if (search.length < 3) { + result_container.css({ + display: 'none', + }); + } else { + locationAddressField.addClass( + 'atbdp-form-fade' + ); + result_container.css({ + display: 'block', + }); + $.ajax({ + url: 'https://nominatim.openstreetmap.org/?q=%27+'.concat( + search, + '+%27&format=json' + ), + type: 'GET', + data: {}, + success: function success(data) { + var res = ''; + var currentIconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/paper-plane.svg'; + var currentIconHTML = + directorist.icon_markup + .replace( + '##URL##', + currentIconURL + ) + .replace( + '##CLASS##', + '' + ); + var currentLocationIconHTML = + "" + + currentIconHTML + + ''; + var currentLocationAddressHTML = + ""; + var iconURL = + directorist.assets_url + + 'icons/font-awesome/svgs/solid/map-marker-alt.svg'; + var iconHTML = + directorist.icon_markup + .replace( + '##URL##', + iconURL + ) + .replace( + '##CLASS##', + '' + ); + var locationIconHTML = + "" + + iconHTML + + ''; + for ( + var i = 0, + len = + data.length > 5 + ? 5 + : data.length; + i < len; + i++ + ) { + ((res += + '
  • ' + + locationIconHTML + + "" + + data[i].display_name), + +'
  • '); + } + function displayLocation( + position, + event + ) { + var lat = + position.coords + .latitude; + var lng = + position.coords + .longitude; + $.ajax({ + url: + 'https://nominatim.openstreetmap.org/reverse?format=json&lon=' + + lng + + '&lat=' + + lat, + type: 'GET', + data: {}, + success: + function success( + data + ) { + $( + '.directorist-location-js, .atbdp-search-address' + ).val( + data.display_name + ); + $( + '.directorist-location-js, .atbdp-search-address' + ).attr( + 'data-value', + data.display_name + ); + $( + '#cityLat' + ).val(lat); + $( + '#cityLng' + ).val(lng); + var locationSearch = + $( + '.directorist-search-location' + ); + if ( + locationSearch.length + ) { + locationSearch.trigger( + 'change' + ); + } + }, + }); + } + result_container.html( + '' + ); + if (res.length) { + result_container.show(); + } else { + result_container.hide(); + } + locationAddressField.removeClass( + 'atbdp-form-fade' + ); + $('body') + .off( + 'click', + '.address_result .current-location' + ) + .on( + 'click', + '.address_result .current-location', + function (e) { + e.preventDefault(); + navigator.geolocation.getCurrentPosition( + function ( + position + ) { + return displayLocation( + position, + e + ); + } + ); + } + ); + }, + error: function error(_error3) { + console.log({ + error: _error3, + }); + locationAddressField.removeClass( + 'atbdp-form-fade' + ); + }, + }); + } + }, 750) + ); + }); + + // hide address result when click outside the input field + $(document).on('click', function (e) { + if ( + !$(e.target).closest( + '.directorist-location-js, #q_addressss, .atbdp-search-address, .current-location' + ).length + ) { + var locationSearch = $(e.target).closest( + '.directorist-search-location' + ); + var zipCodeSearch = $(e.target).closest( + '.directorist-zipcode-search' + ); + if (locationSearch.length) { + locationSearch.trigger('change'); + } + if (zipCodeSearch.length) { + zipCodeSearch.trigger('change'); + } + $('.address_result').hide(); + } + }); + var syncLatLngData = function syncLatLngData( + context, + event, + args + ) { + event.preventDefault(); + var text = $(context).text(); + var lat = $(context).data('lat'); + var lon = $(context).data('lon'); + var _this = event.target; + $(_this) + .closest('.address_result') + .siblings('input[name="cityLat"]') + .val(lat); + $(_this) + .closest('.address_result') + .siblings('input[name="cityLng"]') + .val(lon); + var inp = $(context) + .closest(args.result_list_container) + .parent() + .find( + '.directorist-location-js, #address_widget, #q_addressss, .atbdp-search-address' + ); + inp.val(text); + $(args.result_list_container).hide(); + }; + $('body').on( + 'click', + '.address_result ul li a', + function (event) { + syncLatLngData(this, event, { + result_list_container: '.address_result', + }); + } + ); + $('body').on( + 'click', + '#address_widget_result ul li a', + function (event) { + syncLatLngData(this, event, { + result_list_container: + '#address_widget_result', + }); + } + ); + } + if ( + $( + '.directorist-location-js, #q_addressss, .atbdp-search-address' + ).val() === '' + ) { + $(this).parent().next('.address_result').css({ + display: 'none', + }); + } + } + $('.directorist-search-contents').each(function () { + if ($(this).next().length === 0) { + $(this) + .find('.directorist-search-country') + .css('max-height', '175px'); + $(this) + .find('.directorist-search-field .address_result') + .css('max-height', '175px'); + } + }); + + // Custom Range Slider + function directorist_custom_range_slider() { + var sliders = document.querySelectorAll( + '.directorist-custom-range-slider' + ); + sliders.forEach(function (sliderItem) { + var _slider$directoristCu, _slider$directoristCu2; + var slider = sliderItem.querySelector( + '.directorist-custom-range-slider__slide' + ); + + // Skip if already initialized + if (!slider || slider.directoristCustomRangeSlider) + return; + var sliderStep = + parseInt(slider.getAttribute('step')) || 1; + var sliderMinValue = + parseInt(slider.getAttribute('min-value')) || 0; + var sliderMaxValue = + parseInt(slider.getAttribute('max-value')) || 100; + var sliderDefaultValue = parseInt( + slider.getAttribute('default-value') + ); + var minInput = sliderItem.querySelector( + '.directorist-custom-range-slider__value__min' + ); + var maxInput = sliderItem.querySelector( + '.directorist-custom-range-slider__value__max' + ); + var sliderRange = sliderItem.querySelector( + '.directorist-custom-range-slider__range' + ); + var sliderRangeShow = sliderItem.querySelector( + '.directorist-custom-range-slider__range__show' + ); + var sliderRangeValue = sliderItem.querySelector( + '.directorist-custom-range-slider__wrap .directorist-custom-range-slider__range' + ); + var isRTL = document.dir === 'rtl'; + + // Flags + var rangeInitLoad = true; + var sliderActivated = false; + var sliderRadiusActive = false; + + // Parse the URL parameters + var urlParams = new URLSearchParams( + window.location.search + ); + var customNumberParams = urlParams.get('custom-number'); + var customRangeMinParams = urlParams.get( + 'directorist-custom-range-slider__value__min' + ); + var customRangeMaxParams = urlParams.get( + 'directorist-custom-range-slider__value__max' + ); + var locationDistanceParams = urlParams.get('miles'); + var milesParams = new URLSearchParams( + window.location.search + ).has('miles'); + if ( + locationDistanceParams !== '0-0' && + sliderDefaultValue >= 0 + ) { + sliderRadiusActive = true; + } + + // if already have custom values, then slider is activated + if ( + customNumberParams && + customNumberParams !== '0-0' + ) { + sliderActivated = true; + } else if ( + customRangeMinParams && + customRangeMinParams !== '0' && + customRangeMaxParams && + customRangeMaxParams !== '0' + ) { + sliderActivated = true; + } + if (typeof directoristCustomRangeSlider === 'undefined') + return; + if (sliderRadiusActive) { + var _directoristCustomRan; + // Radius Search Range Slider + (_directoristCustomRan = + directoristCustomRangeSlider) === null || + _directoristCustomRan === void 0 || + _directoristCustomRan.create(slider, { + start: [ + minInput.value, + !milesParams + ? sliderDefaultValue + : maxInput.value, + ], + connect: true, + direction: isRTL ? 'rtl' : 'ltr', + step: sliderStep ? sliderStep : 1, + range: { + min: Number(sliderMinValue || 0), + max: Number(sliderMaxValue || 100), + }, + }); + } else if (sliderActivated) { + var _directoristCustomRan2; + // Custom Number Range Slider + var minValue = minInput.value; + var maxValue = maxInput.value; + + // Assign min-max values from custom-range-slider params + if ( + customNumberParams && + customNumberParams !== '0-0' + ) { + var _customNumberParams$s = customNumberParams + .split('-') + .map(Number), + _customNumberParams$s2 = (0, + _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(_customNumberParams$s, 2), + min = _customNumberParams$s2[0], + max = _customNumberParams$s2[1]; + + // Use the split values as min-max + minValue = min; + maxValue = max; + } else if ( + customRangeMinParams && + customRangeMaxParams + ) { + // Modal Search Form + minValue = customRangeMinParams; + maxValue = customRangeMaxParams; + } + + // Initial with [min, max] value + (_directoristCustomRan2 = + directoristCustomRangeSlider) === null || + _directoristCustomRan2 === void 0 || + _directoristCustomRan2.create(slider, { + start: [ + minValue, + !milesParams + ? sliderDefaultValue || maxValue + : maxValue, + ], + connect: true, + direction: isRTL ? 'rtl' : 'ltr', + step: sliderStep ? sliderStep : 1, + range: { + min: Number(sliderMinValue || 0), + max: Number(sliderMaxValue || 100), + }, + }); + } else { + var _directoristCustomRan3; + // Initialize with [0, 0] and temp min/max + (_directoristCustomRan3 = + directoristCustomRangeSlider) === null || + _directoristCustomRan3 === void 0 || + _directoristCustomRan3.create(slider, { + start: [0, 0], + connect: true, + direction: isRTL ? 'rtl' : 'ltr', + step: 1, + range: { + min: 0, + max: 1, + }, + }); + } + + // Handle first interaction + (_slider$directoristCu = + slider.directoristCustomRangeSlider) === null || + _slider$directoristCu === void 0 || + _slider$directoristCu.on('start', function () { + if (sliderActivated || sliderRadiusActive) + return; + sliderActivated = true; + + // Range slider options update + slider.directoristCustomRangeSlider.updateOptions( + { + start: [sliderMinValue, sliderMinValue], + step: sliderStep, + range: { + min: sliderMinValue, + max: sliderMaxValue, + }, + } + ); + + // Trigger range slider observer + rangeSliderObserver(); + }); + + // Update slider config + (_slider$directoristCu2 = + slider.directoristCustomRangeSlider) === null || + _slider$directoristCu2 === void 0 || + _slider$directoristCu2.on( + 'update', + function (values, handle) { + var value = Math.round(values[handle]); + // Assign min-max value based on handler + if (handle === 0) { + minInput.value = value; + } else { + maxInput.value = value; + } + var rangeValue = '' + .concat(minInput.value, '-') + .concat(maxInput.value); + if (sliderRange) + sliderRange.value = rangeValue; + if (sliderRangeShow) + sliderRangeShow.innerHTML = rangeValue; + if (sliderRangeValue) { + sliderRangeValue.setAttribute( + 'value', + rangeValue + ); + if (!rangeInitLoad) { + $(sliderRangeValue).trigger( + 'change' + ); + } + } + } + ); + + // Mark init complete + rangeInitLoad = false; + + // 🔁 Manual input update logic (on change/keyup) + function updateSliderFromInputs() { + var minValue = + Math.round( + parseInt(minInput.value || 0, 10) / + sliderStep + ) * sliderStep; + var maxValue = + Math.round( + parseInt(maxInput.value || 0, 10) / + sliderStep + ) * sliderStep; + if (isNaN(minValue)) minValue = 0; + if (isNaN(maxValue)) maxValue = 0; + if (!sliderActivated) { + sliderActivated = true; + slider.directoristCustomRangeSlider.updateOptions( + { + range: { + min: sliderMinValue, + max: sliderMaxValue, + }, + step: sliderStep, + start: [sliderMinValue, sliderMaxValue], + } + ); + } + + // Fix invalid ranges + if (minValue > maxValue) { + minInput.value = maxValue; + minValue = maxValue; + } + if (maxValue < minValue) { + maxInput.value = minValue; + maxValue = minValue; + } + slider.directoristCustomRangeSlider.set([ + minValue, + maxValue, + ]); + } + ['change', 'keyup'].forEach(function (evt) { + minInput.addEventListener( + evt, + updateSliderFromInputs + ); + maxInput.addEventListener( + evt, + updateSliderFromInputs + ); + }); + }); + } + directorist_custom_range_slider(); + + // Reset Custom Range Slider + function resetCustomRangeSlider(sliderItem) { + var slider = sliderItem.querySelector( + '.directorist-custom-range-slider__slide' + ); + var minInput = sliderItem.querySelector( + '.directorist-custom-range-slider__value__min' + ); + var maxInput = sliderItem.querySelector( + '.directorist-custom-range-slider__value__max' + ); + var rangeValue = sliderItem.querySelector( + '.directorist-custom-range-slider__range' + ); + var radiusSearch = sliderItem.closest( + '.directorist-search-field-radius_search' + ); + var defaultValue = + slider.getAttribute('default-value') || '0'; + if (radiusSearch) { + var _slider$directoristCu3; + minInput.value = '0'; + maxInput.value = defaultValue; + slider === null || + slider === void 0 || + (_slider$directoristCu3 = + slider.directoristCustomRangeSlider) === null || + _slider$directoristCu3 === void 0 || + _slider$directoristCu3.set([0, defaultValue]); // Set initial values + } else { + var _slider$directoristCu4; + // Reset values to their initial state + slider === null || + slider === void 0 || + (_slider$directoristCu4 = + slider.directoristCustomRangeSlider) === null || + _slider$directoristCu4 === void 0 || + _slider$directoristCu4.set([0, 0]); // Set initial values + minInput.value = '0'; // Set initial min value + maxInput.value = '0'; // Set initial max value + rangeValue.value = '0-0'; + } + var sidebarRangeSlider = slider.closest( + '.listing-with-sidebar' + ); + if ( + sidebarRangeSlider && + slider !== null && + slider !== void 0 && + slider.directoristCustomRangeSlider + ) { + // Destroy the custom range slider instance + slider.directoristCustomRangeSlider.destroy(); + delete slider.directoristCustomRangeSlider; + } + } + + // DOM Mutation Observer on Location Field + function locationObserver() { + var targetNode = document.querySelector( + '.directorist-location-js' + ); + if (targetNode) { + var observer = new MutationObserver( + handleRadiusVisibility + ); + observer.observe(targetNode, { + attributes: true, + }); + } + } + locationObserver(); + handleRadiusVisibility(); + $('body').on( + 'keyup', + '.zip-radius-search', + directorist_debounce(function () { + var zipcode = $(this).val(); + var zipcode_search = $(this).closest( + '.directorist-zipcode-search' + ); + var country_suggest = zipcode_search.find( + '.directorist-country' + ); + var zipcode_search = $(this).closest( + '.directorist-zipcode-search' + ); + if (zipcode) { + zipcode_search.addClass('dir_loading'); + } + if ( + directorist.i18n_text.select_listing_map === + 'google' + ) { + var url = directorist.ajax_url; + } else { + url = + 'https://nominatim.openstreetmap.org/?postalcode='.concat( + zipcode, + '&format=json&addressdetails=1' + ); + $('.directorist-country').css({ + display: 'block', + }); + if (zipcode === '') { + $('.directorist-country').css({ + display: 'none', + }); + } + } + var res = ''; + var google_data = { + nonce: directorist.directorist_nonce, + action: 'directorist_zipcode_search', + zipcode: zipcode, + }; + $.ajax({ + url: url, + method: 'POST', + data: + directorist.i18n_text.select_listing_map === + 'google' + ? google_data + : '', + success: function success(data) { + if (data.data && data.data.error_message) { + zipcode_search + .find('.error_message') + .remove(); + zipcode_search.find('.zip-cityLat').val(''); + zipcode_search.find('.zip-cityLng').val(''); + zipcode_search.append( + data.data.error_message + ); + } + zipcode_search.removeClass('dir_loading'); + if ( + directorist.i18n_text.select_listing_map === + 'google' && + typeof data.lat !== 'undefined' && + typeof data.lng !== 'undefined' + ) { + zipcode_search + .find('.error_message') + .remove(); + zipcode_search + .find('.zip-cityLat') + .val(data.lat); + zipcode_search + .find('.zip-cityLng') + .val(data.lng); + } else { + if (data.length === 1) { + var lat = data[0].lat; + var lon = data[0].lon; + zipcode_search + .find('.zip-cityLat') + .val(lat); + zipcode_search + .find('.zip-cityLng') + .val(lon); + } else { + for (var i = 0; i < data.length; i++) { + res += '
  • ') + .concat( + data[i].address.country, + '
  • ' + ); + } + } + $(country_suggest).html( + '
      '.concat(res, '
    ') + ); + if (res.length) { + $('.directorist-country').show(); + } else { + $('.directorist-country').hide(); + } + } + }, + }); + }, 250) + ); + + // Returns a function, that, as long as it continues to be invoked, will not + // be triggered. The function will be called after it stops being called for + // N milliseconds. If `immediate` is passed, trigger the function on the + // leading edge, instead of the trailing. + function directorist_debounce(func, wait, immediate) { + var timeout; + return function () { + var context = this, + args = arguments; + var later = function later() { + timeout = null; + if (!immediate) func.apply(context, args); + }; + var callNow = immediate && !timeout; + clearTimeout(timeout); + timeout = setTimeout(later, wait); + if (callNow) func.apply(context, args); + }; + } + + // Custom Range Slider Value Check on Change + function sliderValueCheck(searchForm, targetNode, value) { + if (value > 0) { + enableResetButton(searchForm); + var rangeSlider = targetNode.closest( + '.directorist-custom-range-slider' + ); + if (!rangeSlider) return; + var customSliderMin = rangeSlider.querySelector( + '.directorist-custom-range-slider__value__min' + ); + var customSliderRange = rangeSlider.querySelector( + '.directorist-custom-range-slider__range' + ); + customSliderMin.value = customSliderMin.value + ? customSliderMin.value + : 0; + customSliderRange.value = + customSliderMin.value + '-' + value; + } else { + initForm(searchForm); + } + } + + // DOM Mutation Observer on Custom Range Slider + function rangeSliderObserver() { + var targetNodes = document.querySelectorAll( + '.directorist-search-field:not(.directorist-search-field-radius_search) .directorist-custom-range-slider-handle-upper' + ); + targetNodes.forEach(function (targetNode) { + if (targetNode) { + var _searchForm2 = targetNode.closest('form'); + var observerCallback = function observerCallback( + mutationList, + observer + ) { + var _iterator = + _createForOfIteratorHelper( + mutationList + ), + _step; + try { + for ( + _iterator.s(); + !(_step = _iterator.n()).done; + + ) { + var mutation = _step.value; + if ( + targetNode.classList.contains( + 'directorist-custom-range-slider-handle-upper' + ) + ) { + sliderValueCheck( + _searchForm2, + targetNode, + parseInt( + targetNode.ariaValueNow + ) + ); + } + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + }; + var sliderObserver = new MutationObserver( + observerCallback + ); + sliderObserver.observe(targetNode, { + attributes: true, + }); + } + }); + } + rangeSliderObserver(); + }); + })(jQuery); + })(); + /******/ +})(); +//# sourceMappingURL=search-form.js.map diff --git a/assets/js/single-listing-google-map-widget.js b/assets/js/single-listing-google-map-widget.js index ecf8cbd0de..845587068e 100644 --- a/assets/js/single-listing-google-map-widget.js +++ b/assets/js/single-listing-google-map-widget.js @@ -1,231 +1,305 @@ -/******/ (function() { // webpackBootstrap -/******/ "use strict"; -/******/ // The require scope -/******/ var __webpack_require__ = {}; -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -/*!******************************************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ 'use strict'; + /******/ // The require scope + /******/ var __webpack_require__ = {}; + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + /*!******************************************************************************!*\ !*** ./assets/src/js/global/map-scripts/single-listing/google-map-widget.js ***! \******************************************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ initSingleMapWidget: function() { return /* binding */ initSingleMapWidget; } -/* harmony export */ }); -/* Widget google map */ -var $ = jQuery; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d(__webpack_exports__, { + /* harmony export */ initSingleMapWidget: function () { + return /* binding */ initSingleMapWidget; + }, + /* harmony export */ + }); + /* Widget google map */ + var $ = jQuery; -// Single Listing Map Initialize -function initSingleMapWidget() { - if (typeof google === 'undefined' || !google.maps || !google.maps.Marker || !google.maps.OverlayView) { - return; - } - if ($('#gmap-widget').length) { - var Marker = function Marker(options) { - google.maps.Marker.apply(this, arguments); - if (options.map_icon_label) { - this.MarkerLabel = new MarkerLabel({ - map: this.map, - marker: this, - text: options.map_icon_label - }); - this.MarkerLabel.bindTo('position', this, 'position'); - } - }; // Apply the inheritance - var initMap = function initMap() { - /* Create new map instance*/ - map = new google.maps.Map(document.getElementById(map_container), { - zoom: loc_map_zoom_level, - center: saved_lat_lng, - mapId: 'single_listing_map_widget' - }); - var marker = new google.maps.marker.AdvancedMarkerElement({ - map: map, - position: saved_lat_lng, - content: markerShape - }); - if (display_map_info) { - marker.addListener('click', function () { - if (info_window.getMap()) { - info_window.close(); // If already open, close it - } else { - info_window.open(map, marker); // Otherwise, open it - } - }); - } - }; - var searchIcon = ""; - var markerShape = document.createElement('div'); - markerShape.className = 'atbd_map_shape'; - markerShape.innerHTML = searchIcon; - var inherits = function inherits(childCtor, parentCtor) { - /** @constructor */ - function tempCtor() {} - tempCtor.prototype = parentCtor.prototype; - childCtor.superClass_ = parentCtor.prototype; - childCtor.prototype = new tempCtor(); - childCtor.prototype.constructor = childCtor; - }; - inherits(Marker, google.maps.Marker); + // Single Listing Map Initialize + function initSingleMapWidget() { + if ( + typeof google === 'undefined' || + !google.maps || + !google.maps.Marker || + !google.maps.OverlayView + ) { + return; + } + if ($('#gmap-widget').length) { + var searchIcon = ''; + var markerShape = document.createElement('div'); + markerShape.className = 'atbd_map_shape'; + markerShape.innerHTML = searchIcon; + var inherits = function inherits(childCtor, parentCtor) { + /** @constructor */ + function tempCtor() {} + tempCtor.prototype = parentCtor.prototype; + childCtor.superClass_ = parentCtor.prototype; + childCtor.prototype = new tempCtor(); + childCtor.prototype.constructor = childCtor; + }; + function Marker(options) { + google.maps.Marker.apply(this, arguments); + if (options.map_icon_label) { + this.MarkerLabel = new MarkerLabel({ + map: this.map, + marker: this, + text: options.map_icon_label, + }); + this.MarkerLabel.bindTo('position', this, 'position'); + } + } - // Custom Marker SetMap - Marker.prototype.setMap = function () { - google.maps.Marker.prototype.setMap.apply(this, arguments); - this.MarkerLabel && this.MarkerLabel.setMap.apply(this.MarkerLabel, arguments); - }; + // Apply the inheritance + inherits(Marker, google.maps.Marker); - // Marker Label Overlay - var MarkerLabel = function MarkerLabel(options) { - var self = this; - this.setValues(options); + // Custom Marker SetMap + Marker.prototype.setMap = function () { + google.maps.Marker.prototype.setMap.apply(this, arguments); + this.MarkerLabel && + this.MarkerLabel.setMap.apply(this.MarkerLabel, arguments); + }; - // Create the label container - this.div = document.createElement('div'); - this.div.className = 'map-icon-label'; + // Marker Label Overlay + var MarkerLabel = function MarkerLabel(options) { + var self = this; + this.setValues(options); - // Trigger the marker click handler if clicking on the label - google.maps.event.addListener(this.div, 'click', function (e) { - e.stopPropagation && e.stopPropagation(); - google.maps.event.trigger(self.marker, 'click'); - }); - }; + // Create the label container + this.div = document.createElement('div'); + this.div.className = 'map-icon-label'; - // Create MarkerLabel Object - MarkerLabel.prototype = new google.maps.OverlayView(); + // Trigger the marker click handler if clicking on the label + google.maps.event.addListener(this.div, 'click', function (e) { + e.stopPropagation && e.stopPropagation(); + google.maps.event.trigger(self.marker, 'click'); + }); + }; - // Marker Label onAdd - MarkerLabel.prototype.onAdd = function () { - var pane = this.getPanes().overlayImage.appendChild(this.div); - var self = this; - this.listeners = [google.maps.event.addListener(this, 'position_changed', function () { - self.draw(); - }), google.maps.event.addListener(this, 'text_changed', function () { - self.draw(); - }), google.maps.event.addListener(this, 'zindex_changed', function () { - self.draw(); - })]; - }; + // Create MarkerLabel Object + MarkerLabel.prototype = new google.maps.OverlayView(); - // Marker Label onRemove - MarkerLabel.prototype.onRemove = function () { - this.div.parentNode.removeChild(this.div); - for (var i = 0, I = this.listeners.length; i < I; ++i) { - google.maps.event.removeListener(this.listeners[i]); - } - }; + // Marker Label onAdd + MarkerLabel.prototype.onAdd = function () { + var pane = this.getPanes().overlayImage.appendChild(this.div); + var self = this; + this.listeners = [ + google.maps.event.addListener( + this, + 'position_changed', + function () { + self.draw(); + } + ), + google.maps.event.addListener( + this, + 'text_changed', + function () { + self.draw(); + } + ), + google.maps.event.addListener( + this, + 'zindex_changed', + function () { + self.draw(); + } + ), + ]; + }; - // Implement draw - MarkerLabel.prototype.draw = function () { - var projection = this.getProjection(); - var position = projection.fromLatLngToDivPixel(this.get('position')); - var div = this.div; - this.div.innerHTML = this.get('text').toString(); - div.style.zIndex = this.get('zIndex'); // Allow label to overlay marker - div.style.position = 'absolute'; - div.style.display = 'block'; - div.style.left = position.x - div.offsetWidth / 2 + 'px'; - div.style.top = position.y - div.offsetHeight + 'px'; - }; + // Marker Label onRemove + MarkerLabel.prototype.onRemove = function () { + this.div.parentNode.removeChild(this.div); + for (var i = 0, I = this.listeners.length; i < I; ++i) { + google.maps.event.removeListener(this.listeners[i]); + } + }; - // initialize all vars here to avoid hoisting related misunderstanding. - var map, info_window, saved_lat_lng; + // Implement draw + MarkerLabel.prototype.draw = function () { + var projection = this.getProjection(); + var position = projection.fromLatLngToDivPixel( + this.get('position') + ); + var div = this.div; + this.div.innerHTML = this.get('text').toString(); + div.style.zIndex = this.get('zIndex'); // Allow label to overlay marker + div.style.position = 'absolute'; + div.style.display = 'block'; + div.style.left = position.x - div.offsetWidth / 2 + 'px'; + div.style.top = position.y - div.offsetHeight + 'px'; + }; - // Localized Data - var map_container = localized_data_widget.map_container_id ? localized_data_widget.map_container_id : 'gmap'; - var loc_default_latitude = parseFloat(localized_data_widget.default_latitude); - var loc_default_longitude = parseFloat(localized_data_widget.default_longitude); - var loc_manual_lat = parseFloat(localized_data_widget.manual_lat); - var loc_manual_lng = parseFloat(localized_data_widget.manual_lng); - var loc_map_zoom_level = parseInt(localized_data_widget.map_zoom_level); - var display_map_info = localized_data_widget.display_map_info; - var info_content = mapData.info_content; - loc_manual_lat = isNaN(loc_manual_lat) ? loc_default_latitude : loc_manual_lat; - loc_manual_lng = isNaN(loc_manual_lng) ? loc_default_longitude : loc_manual_lng; - $manual_lat = $('#manual_lat'); - $manual_lng = $('#manual_lng'); - saved_lat_lng = { - lat: loc_manual_lat, - lng: loc_manual_lng - }; + // initialize all vars here to avoid hoisting related misunderstanding. + var map, info_window, saved_lat_lng; - // create an info window for map - if (display_map_info) { - info_window = new google.maps.InfoWindow({ - content: info_content, - maxWidth: 400 /*Add configuration for max width*/ - }); - } - var marker = new google.maps.marker.AdvancedMarkerElement({ - map: map, - position: saved_lat_lng, - content: markerShape - }); + // Localized Data + var map_container = localized_data_widget.map_container_id + ? localized_data_widget.map_container_id + : 'gmap'; + var loc_default_latitude = parseFloat( + localized_data_widget.default_latitude + ); + var loc_default_longitude = parseFloat( + localized_data_widget.default_longitude + ); + var loc_manual_lat = parseFloat(localized_data_widget.manual_lat); + var loc_manual_lng = parseFloat(localized_data_widget.manual_lng); + var loc_map_zoom_level = parseInt( + localized_data_widget.map_zoom_level + ); + var display_map_info = localized_data_widget.display_map_info; + var info_content = mapData.info_content; + loc_manual_lat = isNaN(loc_manual_lat) + ? loc_default_latitude + : loc_manual_lat; + loc_manual_lng = isNaN(loc_manual_lng) + ? loc_default_longitude + : loc_manual_lng; + $manual_lat = $('#manual_lat'); + $manual_lng = $('#manual_lng'); + saved_lat_lng = { + lat: loc_manual_lat, + lng: loc_manual_lng, + }; - // create an info window for map - marker.addListener('click', function () { - if (display_map_info) { - display_map_info = false; - } else { - info_window.close(); - display_map_info = true; - } - }); - $(document).ready(function () { - initMap(); - //Convert address tags to google map links - - $('address').each(function () { - var link = "" + $(this).text() + ''; - $(this).html(link); - }); - }); - } -} -$(document).ready(function () { - initSingleMapWidget(); -}); + // create an info window for map + if (display_map_info) { + info_window = new google.maps.InfoWindow({ + content: info_content, + maxWidth: 400 /*Add configuration for max width*/, + }); + } + var marker = new google.maps.marker.AdvancedMarkerElement({ + map: map, + position: saved_lat_lng, + content: markerShape, + }); -// Single Listing Map on Elementor EditMode -$(window).on('elementor/frontend/init', function () { - setTimeout(function () { - if ($('body').hasClass('elementor-editor-active')) { - initSingleMapWidget(); - } - }, 3000); -}); -$('body').on('click', function (e) { - if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { - initSingleMapWidget(); - } -}); -/******/ })() -; -//# sourceMappingURL=single-listing-google-map-widget.js.map \ No newline at end of file + // create an info window for map + marker.addListener('click', function () { + if (display_map_info) { + display_map_info = false; + } else { + info_window.close(); + display_map_info = true; + } + }); + function initMap() { + /* Create new map instance*/ + map = new google.maps.Map( + document.getElementById(map_container), + { + zoom: loc_map_zoom_level, + center: saved_lat_lng, + mapId: 'single_listing_map_widget', + } + ); + var marker = new google.maps.marker.AdvancedMarkerElement({ + map: map, + position: saved_lat_lng, + content: markerShape, + }); + if (display_map_info) { + marker.addListener('click', function () { + if (info_window.getMap()) { + info_window.close(); // If already open, close it + } else { + info_window.open(map, marker); // Otherwise, open it + } + }); + } + } + $(document).ready(function () { + initMap(); + //Convert address tags to google map links - + $('address').each(function () { + var link = + "" + + $(this).text() + + ''; + $(this).html(link); + }); + }); + } + } + $(document).ready(function () { + initSingleMapWidget(); + }); + + // Single Listing Map on Elementor EditMode + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initSingleMapWidget(); + } + }, 3000); + }); + $('body').on('click', function (e) { + if ( + $('body').hasClass('elementor-editor-active') && + e.target.nodeName !== 'A' && + e.target.nodeName !== 'BUTTON' + ) { + initSingleMapWidget(); + } + }); + /******/ +})(); +//# sourceMappingURL=single-listing-google-map-widget.js.map diff --git a/assets/js/single-listing-openstreet-map-widget.js b/assets/js/single-listing-openstreet-map-widget.js index 02d5035e63..69d9d8241a 100644 --- a/assets/js/single-listing-openstreet-map-widget.js +++ b/assets/js/single-listing-openstreet-map-widget.js @@ -1,75 +1,108 @@ -/******/ (function() { // webpackBootstrap -/*!**********************************************************************************!*\ +/******/ (function () { + // webpackBootstrap + /*!**********************************************************************************!*\ !*** ./assets/src/js/global/map-scripts/single-listing/openstreet-map-widget.js ***! \**********************************************************************************/ -/* Widget OSMap */ + /* Widget OSMap */ -(function ($) { - // Single Listing Map Initialize - function initSingleMap() { - // Localized Data - if ($('#gmap-widget').length) { - var mapLeaflet = function mapLeaflet(lat, lon) { - var fontAwesomeIcon = L.divIcon({ - html: "
    ".concat(cat_icon, "
    "), - iconSize: [20, 20], - className: 'myDivIcon' - }); - var mymap = L.map(map_container).setView([lat, lon], loc_map_zoom_level); - if (display_map_info) { - L.marker([lat, lon], { - icon: fontAwesomeIcon - }).addTo(mymap).bindPopup(info_content); - } else { - L.marker([lat, lon], { - icon: fontAwesomeIcon - }).addTo(mymap); - } - L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { - attribution: '© OpenStreetMap contributors' - }).addTo(mymap); - }; - var map_container = localized_data_widget.map_container_id ? localized_data_widget.map_container_id : 'gmap'; - var loc_default_latitude = parseFloat(localized_data_widget.default_latitude); - var loc_default_longitude = parseFloat(localized_data_widget.default_longitude); - var loc_manual_lat = parseFloat(localized_data_widget.manual_lat); - var loc_manual_lng = parseFloat(localized_data_widget.manual_lng); - var loc_map_zoom_level = parseInt(localized_data_widget.map_zoom_level); - var _localized_data_widge = localized_data_widget, - display_map_info = _localized_data_widge.display_map_info; - var _localized_data_widge2 = localized_data_widget, - cat_icon = _localized_data_widge2.cat_icon; - var _localized_data_widge3 = localized_data_widget, - info_content = _localized_data_widge3.info_content; - loc_manual_lat = isNaN(loc_manual_lat) ? loc_default_latitude : loc_manual_lat; - loc_manual_lng = isNaN(loc_manual_lng) ? loc_default_longitude : loc_manual_lng; - $manual_lat = $('#manual_lat'); - $manual_lng = $('#manual_lng'); - saved_lat_lng = { - lat: loc_manual_lat, - lng: loc_manual_lng - }; - mapLeaflet(loc_manual_lat, loc_manual_lng); - } - } - jQuery(document).ready(function () { - initSingleMap(); - }); + (function ($) { + // Single Listing Map Initialize + function initSingleMap() { + // Localized Data + if ($('#gmap-widget').length) { + var map_container = localized_data_widget.map_container_id + ? localized_data_widget.map_container_id + : 'gmap'; + var loc_default_latitude = parseFloat( + localized_data_widget.default_latitude + ); + var loc_default_longitude = parseFloat( + localized_data_widget.default_longitude + ); + var loc_manual_lat = parseFloat( + localized_data_widget.manual_lat + ); + var loc_manual_lng = parseFloat( + localized_data_widget.manual_lng + ); + var loc_map_zoom_level = parseInt( + localized_data_widget.map_zoom_level + ); + var _localized_data_widge = localized_data_widget, + display_map_info = _localized_data_widge.display_map_info; + var _localized_data_widge2 = localized_data_widget, + cat_icon = _localized_data_widge2.cat_icon; + var _localized_data_widge3 = localized_data_widget, + info_content = _localized_data_widge3.info_content; + loc_manual_lat = isNaN(loc_manual_lat) + ? loc_default_latitude + : loc_manual_lat; + loc_manual_lng = isNaN(loc_manual_lng) + ? loc_default_longitude + : loc_manual_lng; + $manual_lat = $('#manual_lat'); + $manual_lng = $('#manual_lng'); + saved_lat_lng = { + lat: loc_manual_lat, + lng: loc_manual_lng, + }; + function mapLeaflet(lat, lon) { + var fontAwesomeIcon = L.divIcon({ + html: '
    '.concat( + cat_icon, + '
    ' + ), + iconSize: [20, 20], + className: 'myDivIcon', + }); + var mymap = L.map(map_container).setView( + [lat, lon], + loc_map_zoom_level + ); + if (display_map_info) { + L.marker([lat, lon], { + icon: fontAwesomeIcon, + }) + .addTo(mymap) + .bindPopup(info_content); + } else { + L.marker([lat, lon], { + icon: fontAwesomeIcon, + }).addTo(mymap); + } + L.tileLayer( + 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', + { + attribution: + '© OpenStreetMap contributors', + } + ).addTo(mymap); + } + mapLeaflet(loc_manual_lat, loc_manual_lng); + } + } + jQuery(document).ready(function () { + initSingleMap(); + }); - // Single Listing Map on Elementor EditMode - $(window).on('elementor/frontend/init', function () { - setTimeout(function () { - if ($('body').hasClass('elementor-editor-active')) { - initSingleMap(); - } - }, 3000); - }); - $('body').on('click', function (e) { - if ($('body').hasClass('elementor-editor-active') && e.target.nodeName !== 'A' && e.target.nodeName !== 'BUTTON') { - initSingleMap(); - } - }); -})(jQuery); -/******/ })() -; -//# sourceMappingURL=single-listing-openstreet-map-widget.js.map \ No newline at end of file + // Single Listing Map on Elementor EditMode + $(window).on('elementor/frontend/init', function () { + setTimeout(function () { + if ($('body').hasClass('elementor-editor-active')) { + initSingleMap(); + } + }, 3000); + }); + $('body').on('click', function (e) { + if ( + $('body').hasClass('elementor-editor-active') && + e.target.nodeName !== 'A' && + e.target.nodeName !== 'BUTTON' + ) { + initSingleMap(); + } + }); + })(jQuery); + /******/ +})(); +//# sourceMappingURL=single-listing-openstreet-map-widget.js.map diff --git a/assets/js/single-listing.js b/assets/js/single-listing.js index c65839162a..39e9310cea 100644 --- a/assets/js/single-listing.js +++ b/assets/js/single-listing.js @@ -1,1336 +1,2509 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/global/components/modal.js": -/*!**************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/global/components/modal.js': + /*!**************************************************!*\ !*** ./assets/src/js/global/components/modal.js ***! \**************************************************/ -/***/ (function() { - -var $ = jQuery; -$(document).ready(function () { - modalToggle(); -}); -function modalToggle() { - $('.atbdp_recovery_pass').on('click', function (e) { - e.preventDefault(); - $('#recover-pass-modal').slideToggle().show(); - }); - - // Contact form [on modal closed] - $('#atbdp-contact-modal').on('hidden.bs.modal', function (e) { - $('#atbdp-contact-message').val(''); - $('#atbdp-contact-message-display').html(''); - }); - - // Template Restructured - // Modal - var directoristModal = document.querySelector('.directorist-modal-js'); - $('body').on('click', '.directorist-btn-modal-js', function (e) { - e.preventDefault(); - var data_target = $(this).attr('data-directorist_target'); - document.querySelector(".".concat(data_target)).classList.add('directorist-show'); - }); - $('body').on('click', '.directorist-modal-close-js', function (e) { - e.preventDefault(); - $(this).closest('.directorist-modal-js').removeClass('directorist-show'); - }); - $(document).bind('click', function (e) { - if (e.target == directoristModal) { - directoristModal.classList.remove('directorist-show'); - } - }); -} - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristAlert.js": -/*!*************************************************************!*\ + /***/ function () { + var $ = jQuery; + $(document).ready(function () { + modalToggle(); + }); + function modalToggle() { + $('.atbdp_recovery_pass').on('click', function (e) { + e.preventDefault(); + $('#recover-pass-modal').slideToggle().show(); + }); + + // Contact form [on modal closed] + $('#atbdp-contact-modal').on( + 'hidden.bs.modal', + function (e) { + $('#atbdp-contact-message').val(''); + $('#atbdp-contact-message-display').html(''); + } + ); + + // Template Restructured + // Modal + var directoristModal = document.querySelector( + '.directorist-modal-js' + ); + $('body').on( + 'click', + '.directorist-btn-modal-js', + function (e) { + e.preventDefault(); + var data_target = $(this).attr( + 'data-directorist_target' + ); + document + .querySelector('.'.concat(data_target)) + .classList.add('directorist-show'); + } + ); + $('body').on( + 'click', + '.directorist-modal-close-js', + function (e) { + e.preventDefault(); + $(this) + .closest('.directorist-modal-js') + .removeClass('directorist-show'); + } + ); + $(document).bind('click', function (e) { + if (e.target == directoristModal) { + directoristModal.classList.remove( + 'directorist-show' + ); + } + }); + } + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristAlert.js': + /*!*************************************************************!*\ !*** ./assets/src/js/public/components/directoristAlert.js ***! \*************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_alert_executed === 'undefined') { - window.directorist_alert_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* Directorist alert dismiss */ - var getUrl = window.location.href; - var newUrl = getUrl.replace('notice=1', ''); - if ($('.directorist-alert__close') !== null) { - $('.directorist-alert__close').each(function (i, e) { - $(e).on('click', function (e) { - e.preventDefault(); - history.pushState({}, null, newUrl); - $(this).closest('.directorist-alert').remove(); - }); - }); - } - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristDropdown.js": -/*!****************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_alert_executed === 'undefined' + ) { + window.directorist_alert_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* Directorist alert dismiss */ + var getUrl = window.location.href; + var newUrl = getUrl.replace('notice=1', ''); + if ($('.directorist-alert__close') !== null) { + $('.directorist-alert__close').each( + function (i, e) { + $(e).on('click', function (e) { + e.preventDefault(); + history.pushState({}, null, newUrl); + $(this) + .closest('.directorist-alert') + .remove(); + }); + } + ); + } + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristDropdown.js': + /*!****************************************************************!*\ !*** ./assets/src/js/public/components/directoristDropdown.js ***! \****************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_dropdown_executed === 'undefined') { - window.directorist_dropdown_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - /* custom dropdown */ - var atbdDropdown = document.querySelectorAll('.directorist-dropdown-select'); - - // toggle dropdown - var clickCount = 0; - if (atbdDropdown !== null) { - atbdDropdown.forEach(function (el) { - el.querySelector('.directorist-dropdown-select-toggle').addEventListener('click', function (e) { - e.preventDefault(); - clickCount++; - if (clickCount % 2 === 1) { - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elem) { - elem.classList.remove('directorist-dropdown-select-show'); - }); - el.querySelector('.directorist-dropdown-select-items').classList.add('directorist-dropdown-select-show'); - } else { - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elem) { - elem.classList.remove('directorist-dropdown-select-show'); - }); - } - }); - }); - } - - // remvoe toggle when click outside - document.body.addEventListener('click', function (e) { - if (e.target.getAttribute('data-drop-toggle') !== 'directorist-dropdown-select-toggle') { - clickCount = 0; - document.querySelectorAll('.directorist-dropdown-select-items').forEach(function (el) { - el.classList.remove('directorist-dropdown-select-show'); - }); - } - }); - - //custom select - var atbdSelect = document.querySelectorAll('.atbd-drop-select'); - if (atbdSelect !== null) { - atbdSelect.forEach(function (el) { - el.querySelectorAll('.directorist-dropdown-select-items').forEach(function (item) { - item.addEventListener('click', function (e) { - e.preventDefault(); - el.querySelector('.directorist-dropdown-select-toggle').textContent = e.target.textContent; - el.querySelectorAll('.directorist-dropdown-select-items').forEach(function (elm) { - elm.classList.remove('atbd-active'); - }); - item.classList.add('atbd-active'); - }); - }); - }); - } - - // Dropdown - $('body').on('click', '.directorist-dropdown .directorist-dropdown-toggle', function (e) { - e.preventDefault(); - $(this).siblings('.directorist-dropdown-option').toggle(); - }); - - // Select Option after click - $('body').on('click', '.directorist-dropdown .directorist-dropdown-option ul li a', function (e) { - e.preventDefault(); - var optionText = $(this).html(); - $(this).children('.directorist-dropdown-toggle__text').html(optionText); - $(this).closest('.directorist-dropdown-option').siblings('.directorist-dropdown-toggle').children('.directorist-dropdown-toggle__text').html(optionText); - $('.directorist-dropdown-option').hide(); - }); - - // Hide Clicked Anywhere - $(document).bind('click', function (e) { - var clickedDOM = $(e.target); - if (!clickedDOM.parents().hasClass('directorist-dropdown')) $('.directorist-dropdown-option').hide(); - }); - - //atbd_dropdown - $(document).on('click', '.atbd_dropdown', function (e) { - if ($(this).attr('class') === 'atbd_dropdown') { - e.preventDefault(); - $(this).siblings('.atbd_dropdown').removeClass('atbd_drop--active'); - $(this).toggleClass('atbd_drop--active'); - e.stopPropagation(); - } - }); - $(document).on('click', function (e) { - if ($(e.target).is('.atbd_dropdown, .atbd_drop--active') === false) { - $('.atbd_dropdown').removeClass('atbd_drop--active'); - } - }); - $('body').on('click', '.atbd_dropdown-toggle', function (e) { - e.preventDefault(); - }); - - // Directorist Dropdown - $('body').on('click', '.directorist-dropdown-js .directorist-dropdown__toggle-js', function (e) { - e.preventDefault(); - if (!$(this).siblings('.directorist-dropdown__links-js').is(':visible')) { - $('.directorist-dropdown__links').hide(); - } - $(this).siblings('.directorist-dropdown__links-js').toggle(); - }); - $('body').on('click', function (e) { - if (!e.target.closest('.directorist-dropdown-js')) { - $('.directorist-dropdown__links-js').hide(); - } - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristFavorite.js": -/*!****************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_dropdown_executed === + 'undefined' + ) { + window.directorist_dropdown_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + /* custom dropdown */ + var atbdDropdown = document.querySelectorAll( + '.directorist-dropdown-select' + ); + + // toggle dropdown + var clickCount = 0; + if (atbdDropdown !== null) { + atbdDropdown.forEach(function (el) { + el.querySelector( + '.directorist-dropdown-select-toggle' + ).addEventListener('click', function (e) { + e.preventDefault(); + clickCount++; + if (clickCount % 2 === 1) { + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (elem) { + elem.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + el.querySelector( + '.directorist-dropdown-select-items' + ).classList.add( + 'directorist-dropdown-select-show' + ); + } else { + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (elem) { + elem.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + } + }); + }); + } + + // remvoe toggle when click outside + document.body.addEventListener('click', function (e) { + if ( + e.target.getAttribute('data-drop-toggle') !== + 'directorist-dropdown-select-toggle' + ) { + clickCount = 0; + document + .querySelectorAll( + '.directorist-dropdown-select-items' + ) + .forEach(function (el) { + el.classList.remove( + 'directorist-dropdown-select-show' + ); + }); + } + }); + + //custom select + var atbdSelect = + document.querySelectorAll('.atbd-drop-select'); + if (atbdSelect !== null) { + atbdSelect.forEach(function (el) { + el.querySelectorAll( + '.directorist-dropdown-select-items' + ).forEach(function (item) { + item.addEventListener( + 'click', + function (e) { + e.preventDefault(); + el.querySelector( + '.directorist-dropdown-select-toggle' + ).textContent = + e.target.textContent; + el.querySelectorAll( + '.directorist-dropdown-select-items' + ).forEach(function (elm) { + elm.classList.remove( + 'atbd-active' + ); + }); + item.classList.add('atbd-active'); + } + ); + }); + }); + } + + // Dropdown + $('body').on( + 'click', + '.directorist-dropdown .directorist-dropdown-toggle', + function (e) { + e.preventDefault(); + $(this) + .siblings('.directorist-dropdown-option') + .toggle(); + } + ); + + // Select Option after click + $('body').on( + 'click', + '.directorist-dropdown .directorist-dropdown-option ul li a', + function (e) { + e.preventDefault(); + var optionText = $(this).html(); + $(this) + .children( + '.directorist-dropdown-toggle__text' + ) + .html(optionText); + $(this) + .closest('.directorist-dropdown-option') + .siblings('.directorist-dropdown-toggle') + .children( + '.directorist-dropdown-toggle__text' + ) + .html(optionText); + $('.directorist-dropdown-option').hide(); + } + ); + + // Hide Clicked Anywhere + $(document).bind('click', function (e) { + var clickedDOM = $(e.target); + if ( + !clickedDOM + .parents() + .hasClass('directorist-dropdown') + ) + $('.directorist-dropdown-option').hide(); + }); + + //atbd_dropdown + $(document).on('click', '.atbd_dropdown', function (e) { + if ($(this).attr('class') === 'atbd_dropdown') { + e.preventDefault(); + $(this) + .siblings('.atbd_dropdown') + .removeClass('atbd_drop--active'); + $(this).toggleClass('atbd_drop--active'); + e.stopPropagation(); + } + }); + $(document).on('click', function (e) { + if ( + $(e.target).is( + '.atbd_dropdown, .atbd_drop--active' + ) === false + ) { + $('.atbd_dropdown').removeClass( + 'atbd_drop--active' + ); + } + }); + $('body').on( + 'click', + '.atbd_dropdown-toggle', + function (e) { + e.preventDefault(); + } + ); + + // Directorist Dropdown + $('body').on( + 'click', + '.directorist-dropdown-js .directorist-dropdown__toggle-js', + function (e) { + e.preventDefault(); + if ( + !$(this) + .siblings( + '.directorist-dropdown__links-js' + ) + .is(':visible') + ) { + $('.directorist-dropdown__links').hide(); + } + $(this) + .siblings('.directorist-dropdown__links-js') + .toggle(); + } + ); + $('body').on('click', function (e) { + if (!e.target.closest('.directorist-dropdown-js')) { + $('.directorist-dropdown__links-js').hide(); + } + }); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristFavorite.js': + /*!****************************************************************!*\ !*** ./assets/src/js/public/components/directoristFavorite.js ***! \****************************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_favorite_executed === 'undefined') { - window.directorist_favorite_executed = true; - } else { - return; - } - window.addEventListener('load', function () { - // Add or Remove from favourites - $('.directorist-action-bookmark').on('click', function (e) { - e.preventDefault(); - var data = { - action: 'atbdp_public_add_remove_favorites', - directorist_nonce: directorist.directorist_nonce, - post_id: $(this).data('listing_id') - }; - $.post(directorist.ajaxurl, data, function (response) { - if (response) { - $('.directorist-action-bookmark').html(response); - } - }); - }); - $('.directorist-favourite-remove-btn').each(function () { - $(this).on('click', function (event) { - event.preventDefault(); - var data = { - action: 'atbdp-favourites-all-listing', - directorist_nonce: directorist.directorist_nonce, - post_id: $(this).data('listing_id') - }; - $('.directorist-favorite-tooltip').hide(); - $.post(directorist.ajaxurl, data, function (response) { - var post_id = data['post_id'].toString(); - var staElement = $('.directorist_favourite_' + post_id); - if ('false' === response) { - staElement.remove(); - } - }); - }); - }); - $('body').on('click', '.directorist-mark-as-favorite__btn', function (event) { - event.preventDefault(); - var data = { - action: 'atbdp-favourites-all-listing', - directorist_nonce: directorist.directorist_nonce, - post_id: $(this).data('listing_id') - }; - var fav_tooltip_success = '' + directorist.i18n_text.added_favourite + ''; - var fav_tooltip_warning = '' + directorist.i18n_text.please_login + ''; - $('.directorist-favorite-tooltip').hide(); - $.post(directorist.ajax_url, data, function (response) { - var post_id = data['post_id'].toString(); - var staElement = $('.directorist-fav_' + post_id); - var data_id = staElement.attr('data-listing_id'); - if (response === 'login_required') { - staElement.children('.directorist-favorite-tooltip').append(fav_tooltip_warning); - staElement.children('.directorist-favorite-tooltip').fadeIn(); - setTimeout(function () { - staElement.children('.directorist-favorite-tooltip').children('span').remove(); - }, 3000); - } else if ('false' === response) { - staElement.removeClass('directorist-added-to-favorite'); - $('.directorist-favorite-tooltip span').remove(); - } else { - if (data_id === post_id) { - staElement.addClass('directorist-added-to-favorite'); - staElement.children('.directorist-favorite-tooltip').append(fav_tooltip_success); - staElement.children('.directorist-favorite-tooltip').fadeIn(); - setTimeout(function () { - staElement.children('.directorist-favorite-tooltip').children('span').remove(); - }, 3000); - } - } - }); - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/directoristSelect.js": -/*!**************************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_favorite_executed === + 'undefined' + ) { + window.directorist_favorite_executed = true; + } else { + return; + } + window.addEventListener('load', function () { + // Add or Remove from favourites + $('.directorist-action-bookmark').on( + 'click', + function (e) { + e.preventDefault(); + var data = { + action: 'atbdp_public_add_remove_favorites', + directorist_nonce: + directorist.directorist_nonce, + post_id: $(this).data('listing_id'), + }; + $.post( + directorist.ajaxurl, + data, + function (response) { + if (response) { + $( + '.directorist-action-bookmark' + ).html(response); + } + } + ); + } + ); + $('.directorist-favourite-remove-btn').each( + function () { + $(this).on('click', function (event) { + event.preventDefault(); + var data = { + action: 'atbdp-favourites-all-listing', + directorist_nonce: + directorist.directorist_nonce, + post_id: $(this).data('listing_id'), + }; + $('.directorist-favorite-tooltip').hide(); + $.post( + directorist.ajaxurl, + data, + function (response) { + var post_id = + data['post_id'].toString(); + var staElement = $( + '.directorist_favourite_' + + post_id + ); + if ('false' === response) { + staElement.remove(); + } + } + ); + }); + } + ); + $('body').on( + 'click', + '.directorist-mark-as-favorite__btn', + function (event) { + event.preventDefault(); + var data = { + action: 'atbdp-favourites-all-listing', + directorist_nonce: + directorist.directorist_nonce, + post_id: $(this).data('listing_id'), + }; + var fav_tooltip_success = + '' + + directorist.i18n_text.added_favourite + + ''; + var fav_tooltip_warning = + '' + + directorist.i18n_text.please_login + + ''; + $('.directorist-favorite-tooltip').hide(); + $.post( + directorist.ajax_url, + data, + function (response) { + var post_id = + data['post_id'].toString(); + var staElement = $( + '.directorist-fav_' + post_id + ); + var data_id = + staElement.attr('data-listing_id'); + if (response === 'login_required') { + staElement + .children( + '.directorist-favorite-tooltip' + ) + .append(fav_tooltip_warning); + staElement + .children( + '.directorist-favorite-tooltip' + ) + .fadeIn(); + setTimeout(function () { + staElement + .children( + '.directorist-favorite-tooltip' + ) + .children('span') + .remove(); + }, 3000); + } else if ('false' === response) { + staElement.removeClass( + 'directorist-added-to-favorite' + ); + $( + '.directorist-favorite-tooltip span' + ).remove(); + } else { + if (data_id === post_id) { + staElement.addClass( + 'directorist-added-to-favorite' + ); + staElement + .children( + '.directorist-favorite-tooltip' + ) + .append( + fav_tooltip_success + ); + staElement + .children( + '.directorist-favorite-tooltip' + ) + .fadeIn(); + setTimeout(function () { + staElement + .children( + '.directorist-favorite-tooltip' + ) + .children('span') + .remove(); + }, 3000); + } + } + } + ); + } + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/directoristSelect.js': + /*!**************************************************************!*\ !*** ./assets/src/js/public/components/directoristSelect.js ***! \**************************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_select_executed === 'undefined') { - window.directorist_select_executed = true; - } else { - return; - } - //custom select - var atbdSelect = document.querySelectorAll('.atbd-drop-select'); - if (atbdSelect !== null) { - atbdSelect.forEach(function (el) { - el.querySelectorAll('.atbd-dropdown-item').forEach(function (item) { - item.addEventListener('click', function (e) { - e.preventDefault(); - el.querySelector('.atbd-dropdown-toggle').textContent = item.textContent; - el.querySelectorAll('.atbd-dropdown-item').forEach(function (elm) { - elm.classList.remove('atbd-active'); - }); - item.classList.add('atbd-active'); - }); - }); - }); - } - - // select data-status - var atbdSelectData = document.querySelectorAll('.atbd-drop-select.with-sort'); - atbdSelectData.forEach(function (el) { - el.querySelectorAll('.atbd-dropdown-item').forEach(function (item) { - var atbd_dropdown = el.querySelector('.atbd-dropdown-toggle'); - var dropdown_item = item.getAttribute('data-status'); - item.addEventListener('click', function (e) { - atbd_dropdown.setAttribute('data-status', "".concat(dropdown_item)); - }); - }); - }); -}); - -/***/ }), - -/***/ "./assets/src/js/public/components/formValidation.js": -/*!***********************************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_select_executed === + 'undefined' + ) { + window.directorist_select_executed = true; + } else { + return; + } + //custom select + var atbdSelect = + document.querySelectorAll('.atbd-drop-select'); + if (atbdSelect !== null) { + atbdSelect.forEach(function (el) { + el.querySelectorAll('.atbd-dropdown-item').forEach( + function (item) { + item.addEventListener( + 'click', + function (e) { + e.preventDefault(); + el.querySelector( + '.atbd-dropdown-toggle' + ).textContent = item.textContent; + el.querySelectorAll( + '.atbd-dropdown-item' + ).forEach(function (elm) { + elm.classList.remove( + 'atbd-active' + ); + }); + item.classList.add('atbd-active'); + } + ); + } + ); + }); + } + + // select data-status + var atbdSelectData = document.querySelectorAll( + '.atbd-drop-select.with-sort' + ); + atbdSelectData.forEach(function (el) { + el.querySelectorAll('.atbd-dropdown-item').forEach( + function (item) { + var atbd_dropdown = el.querySelector( + '.atbd-dropdown-toggle' + ); + var dropdown_item = + item.getAttribute('data-status'); + item.addEventListener('click', function (e) { + atbd_dropdown.setAttribute( + 'data-status', + ''.concat(dropdown_item) + ); + }); + } + ); + }); + }); + + /***/ + }, + + /***/ './assets/src/js/public/components/formValidation.js': + /*!***********************************************************!*\ !*** ./assets/src/js/public/components/formValidation.js ***! \***********************************************************/ -/***/ (function() { - -(function ($) { - window.addEventListener('load', function () { - $('#directorist-report-abuse-form').on('submit', function (e) { - $('.directorist-report-abuse-modal button[type=submit]').addClass('directorist-btn-loading'); - // Check for errors - if (!e.isDefaultPrevented()) { - e.preventDefault(); - // Post via AJAX - var data = { - action: 'atbdp_public_report_abuse', - directorist_nonce: directorist.directorist_nonce, - post_id: $('#atbdp-post-id').val(), - message: $('#directorist-report-message').val() - }; - $.post(directorist.ajaxurl, data, function (response) { - if (1 == response.error) { - $('#directorist-report-abuse-message-display').addClass('text-danger').html(response.message); - } else { - $('#directorist-report-message').val(''); - $('#directorist-report-abuse-message-display').addClass('text-success').html(response.message); - } - $('.directorist-report-abuse-modal button[type=submit]').removeClass('directorist-btn-loading'); - }, 'json'); - } - }); - $('#atbdp-report-abuse-form').removeAttr('novalidate'); - - // Validate contact form - $('.directorist-contact-owner-form').on('submit', function (e) { - e.preventDefault(); - var form = $(this); - var submit_button = $(this).find('button[type="submit"]'); - var status_area = $(this).find('.directorist-contact-message-display'); - - // Show loading message - var msg = '
    ' + directorist.waiting_msg + '
    '; - status_area.html(msg); - - // Serialize form data - var form_data = form.serializeArray(); - var data = { - action: 'atbdp_public_send_contact_email', - directorist_nonce: directorist.directorist_nonce - }; - - // Convert serialized data array into an object - $.each(form_data, function (index, elem) { - data[elem.name] = elem.value; - }); - submit_button.prop('disabled', true); - $.post(directorist.ajaxurl, data, function (response) { - submit_button.prop('disabled', false); - if (1 == response.error) { - atbdp_contact_submitted = false; - - // Show error message - var msg = '
    ' + response.message + '
    '; - status_area.html(msg); - } else { - name.val(''); - message.val(''); - contact_email.val(''); - - // Show success message - var msg = '
    ' + response.message + '
    '; - status_area.html(msg); - } - setTimeout(function () { - status_area.html(''); - }, 5000); - }, 'json'); - }); - $('#atbdp-contact-form,#directorist-contact-owner-form').removeAttr('novalidate'); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/general.js": -/*!****************************************************!*\ + /***/ function () { + (function ($) { + window.addEventListener('load', function () { + $('#directorist-report-abuse-form').on( + 'submit', + function (e) { + $( + '.directorist-report-abuse-modal button[type=submit]' + ).addClass('directorist-btn-loading'); + // Check for errors + if (!e.isDefaultPrevented()) { + e.preventDefault(); + // Post via AJAX + var data = { + action: 'atbdp_public_report_abuse', + directorist_nonce: + directorist.directorist_nonce, + post_id: $('#atbdp-post-id').val(), + message: $( + '#directorist-report-message' + ).val(), + }; + $.post( + directorist.ajaxurl, + data, + function (response) { + if (1 == response.error) { + $( + '#directorist-report-abuse-message-display' + ) + .addClass('text-danger') + .html(response.message); + } else { + $( + '#directorist-report-message' + ).val(''); + $( + '#directorist-report-abuse-message-display' + ) + .addClass('text-success') + .html(response.message); + } + $( + '.directorist-report-abuse-modal button[type=submit]' + ).removeClass( + 'directorist-btn-loading' + ); + }, + 'json' + ); + } + } + ); + $('#atbdp-report-abuse-form').removeAttr('novalidate'); + + // Validate contact form + $('.directorist-contact-owner-form').on( + 'submit', + function (e) { + e.preventDefault(); + var form = $(this); + var submit_button = $(this).find( + 'button[type="submit"]' + ); + var status_area = $(this).find( + '.directorist-contact-message-display' + ); + + // Show loading message + var msg = + '
    ' + + directorist.waiting_msg + + '
    '; + status_area.html(msg); + + // Serialize form data + var form_data = form.serializeArray(); + var data = { + action: 'atbdp_public_send_contact_email', + directorist_nonce: + directorist.directorist_nonce, + }; + + // Convert serialized data array into an object + $.each(form_data, function (index, elem) { + data[elem.name] = elem.value; + }); + submit_button.prop('disabled', true); + $.post( + directorist.ajaxurl, + data, + function (response) { + submit_button.prop('disabled', false); + if (1 == response.error) { + atbdp_contact_submitted = false; + + // Show error message + var msg = + '
    ' + + response.message + + '
    '; + status_area.html(msg); + } else { + name.val(''); + message.val(''); + contact_email.val(''); + + // Show success message + var msg = + '
    ' + + response.message + + '
    '; + status_area.html(msg); + } + setTimeout(function () { + status_area.html(''); + }, 5000); + }, + 'json' + ); + } + ); + $( + '#atbdp-contact-form,#directorist-contact-owner-form' + ).removeAttr('novalidate'); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/general.js': + /*!****************************************************!*\ !*** ./assets/src/js/public/components/general.js ***! \****************************************************/ -/***/ (function() { - -// Fix listing with no thumb if card width is less than 220px -(function ($) { - window.addEventListener('load', function () { - if ($('.directorist-listing-no-thumb').innerWidth() <= 220) { - $('.directorist-listing-no-thumb').addClass('directorist-listing-no-thumb--fix'); - } - // Auhtor Profile Listing responsive fix - if ($('.directorist-author-listing-content').innerWidth() <= 750) { - $('.directorist-author-listing-content').addClass('directorist-author-listing-grid--fix'); - } - // Directorist Archive responsive fix - if ($('.directorist-archive-grid-view').innerWidth() <= 500) { - $('.directorist-archive-grid-view').addClass('directorist-archive-grid--fix'); - } - - // Back Button to go back to the previous page - $('body').on('click', '.directorist-btn__back', function (e) { - window.history.back(); - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/listing-track.js": -/*!**********************************************************!*\ + /***/ function () { + // Fix listing with no thumb if card width is less than 220px + (function ($) { + window.addEventListener('load', function () { + if ( + $('.directorist-listing-no-thumb').innerWidth() <= + 220 + ) { + $('.directorist-listing-no-thumb').addClass( + 'directorist-listing-no-thumb--fix' + ); + } + // Auhtor Profile Listing responsive fix + if ( + $( + '.directorist-author-listing-content' + ).innerWidth() <= 750 + ) { + $('.directorist-author-listing-content').addClass( + 'directorist-author-listing-grid--fix' + ); + } + // Directorist Archive responsive fix + if ( + $('.directorist-archive-grid-view').innerWidth() <= + 500 + ) { + $('.directorist-archive-grid-view').addClass( + 'directorist-archive-grid--fix' + ); + } + + // Back Button to go back to the previous page + $('body').on( + 'click', + '.directorist-btn__back', + function (e) { + window.history.back(); + } + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/listing-track.js': + /*!**********************************************************!*\ !*** ./assets/src/js/public/components/listing-track.js ***! \**********************************************************/ -/***/ (function() { - -(function ($) { - window.addEventListener('load', function () { - if ($('.directorist-single-contents-area').length > 0) { - var listing_id = directorist.current_page_id; // listing id - var storage_key = 'directorist_listing_views'; // Key for session storage - - // Check if the user has already viewed this listing during the session. - var viewed_listings = JSON.parse(sessionStorage.getItem(storage_key)) || {}; - if (!viewed_listings[listing_id]) { - // Send an AJAX request to track the view for this specific listing. - $.ajax({ - type: 'POST', - url: directorist.ajaxurl, - data: { - action: 'directorist_track_listing_views', - listing_id: listing_id, - directorist_nonce: directorist.directorist_nonce - }, - success: function success(response) { - if (response.success) { - // Mark this listing as viewed in the session storage. - viewed_listings[listing_id] = true; - // Update the session storage. - sessionStorage.setItem(storage_key, JSON.stringify(viewed_listings)); - } - } - }); - } - } - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/login.js": -/*!**************************************************!*\ + /***/ function () { + (function ($) { + window.addEventListener('load', function () { + if ($('.directorist-single-contents-area').length > 0) { + var listing_id = directorist.current_page_id; // listing id + var storage_key = 'directorist_listing_views'; // Key for session storage + + // Check if the user has already viewed this listing during the session. + var viewed_listings = + JSON.parse( + sessionStorage.getItem(storage_key) + ) || {}; + if (!viewed_listings[listing_id]) { + // Send an AJAX request to track the view for this specific listing. + $.ajax({ + type: 'POST', + url: directorist.ajaxurl, + data: { + action: 'directorist_track_listing_views', + listing_id: listing_id, + directorist_nonce: + directorist.directorist_nonce, + }, + success: function success(response) { + if (response.success) { + // Mark this listing as viewed in the session storage. + viewed_listings[listing_id] = true; + // Update the session storage. + sessionStorage.setItem( + storage_key, + JSON.stringify(viewed_listings) + ); + } + }, + }); + } + } + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/login.js': + /*!**************************************************!*\ !*** ./assets/src/js/public/components/login.js ***! \**************************************************/ -/***/ (function() { - -(function ($) { - // Make sure the codes in this file runs only once, even if enqueued twice - if (typeof window.directorist_loginjs_executed === 'undefined') { - window.directorist_loginjs_executed = true; - } else { - return; - } - function initPasswordToggle() { - var passwordGroups = document.querySelectorAll('.directorist-password-group'); - passwordGroups.forEach(function (group) { - var passwordInput = group.querySelector('.directorist-password-group-input'); - var togglePassword = group.querySelector('.directorist-password-group-toggle'); - var eyeIcon = group.querySelector('.directorist-password-group-eyeIcon'); - if (passwordInput && togglePassword) { - togglePassword.addEventListener('click', function () { - var type = passwordInput.getAttribute('type') === 'password' ? 'text' : 'password'; - passwordInput.setAttribute('type', type); - - // Toggle eye icon (simple swap for open/closed) - if (eyeIcon) { - if (type === 'text') { - eyeIcon.innerHTML = "\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t"; - } else { - eyeIcon.innerHTML = "\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t"; - } - } - }); - } - }); - } - - // Call the function after DOM is ready - document.addEventListener('DOMContentLoaded', initPasswordToggle); - - // Trigger reset on form change - $('.directorist-authentication__btn').on('click', function () { - // Reset all forms with the specified class - $('.directorist__authentication__signin').each(function () { - this.reset(); // Reset the individual form - }); - - // Reset error and warning messages - $('#directorist__authentication__login p.status').hide().empty(); - }); - window.addEventListener('load', function () { - // Perform AJAX login on form submit - $('form#directorist__authentication__login').on('submit', function (e) { - e.preventDefault(); - var $this = $(this); - var $button = $(this).find('.directorist-authentication__form__btn'); - $button.addClass('directorist-btn-loading'); // Added loading class - - $('#directorist__authentication__login p.status').show().html('
    ' + directorist.loading_message + '
    '); - var form_data = { - action: 'ajaxlogin', - username: $this.find('#username').val(), - password: $this.find('#password').val(), - rememberme: $this.find('#keep_signed_in').is(':checked') ? 1 : 0, - security: $this.find('#security').val() - }; - $.ajax({ - type: 'POST', - dataType: 'json', - url: directorist.ajax_url, - data: form_data, - success: function success(data) { - // Removed loading class - setTimeout(function () { - return $button.removeClass('directorist-btn-loading'); - }, 1000); - if ('nonce_faild' in data && data.nonce_faild) { - $('p.status').html('
    ' + data.message + '
    '); - } - if (data.loggedin == true) { - $('p.status').html('
    ' + data.message + '
    '); - document.location.href = directorist.redirect_url; - } else { - $('p.status').html('
    ' + data.message + '
    '); - } - }, - error: function error(data) { - if ('nonce_faild' in data && data.nonce_faild) { - $('p.status').html('
    ' + data.message + '
    '); - } - $('p.status').show().html('
    ' + directorist.login_error_message + '
    '); - } - }); - e.preventDefault(); - }); - $('form#directorist__authentication__login .status').on('click', 'a', function (e) { - e.preventDefault(); - if ($(this).attr('href') === '#atbdp_recovery_pass') { - $('#recover-pass-modal').slideDown().show(); - window.scrollTo({ - top: $('#recover-pass-modal').offset().top - 100, - behavior: 'smooth' - }); - } else { - location.href = $(this).attr('href'); - } - }); - - // Alert users to login (only if applicable) - $('.atbdp-require-login, .directorist-action-report-not-loggedin').on('click', function (e) { - e.preventDefault(); - alert(directorist.login_alert_message); - return false; - }); - - // Remove URL params to avoid show message again and again - var current_url = location.href; - var url = new URL(current_url); - url.searchParams.delete('registration_status'); - url.searchParams.delete('errors'); - // url.searchParams.delete('key'); - url.searchParams.delete('password_reset'); - url.searchParams.delete('confirm_mail'); - // url.searchParams.delete('user'); - url.searchParams.delete('verification'); - url.searchParams.delete('send_verification_email'); - window.history.pushState(null, null, url.toString()); - - // Authentication Form Toggle - $('body').on('click', '.directorist-authentication__btn, .directorist-authentication__toggle', function (e) { - e.preventDefault(); - $('.directorist-login-wrapper').toggleClass('active'); - $('.directorist-registration-wrapper').toggleClass('active'); - }); - }); -})(jQuery); - -/***/ }), - -/***/ "./assets/src/js/public/components/review.js": -/*!***************************************************!*\ + /***/ function () { + (function ($) { + // Make sure the codes in this file runs only once, even if enqueued twice + if ( + typeof window.directorist_loginjs_executed === + 'undefined' + ) { + window.directorist_loginjs_executed = true; + } else { + return; + } + function initPasswordToggle() { + var passwordGroups = document.querySelectorAll( + '.directorist-password-group' + ); + passwordGroups.forEach(function (group) { + var passwordInput = group.querySelector( + '.directorist-password-group-input' + ); + var togglePassword = group.querySelector( + '.directorist-password-group-toggle' + ); + var eyeIcon = group.querySelector( + '.directorist-password-group-eyeIcon' + ); + if (passwordInput && togglePassword) { + togglePassword.addEventListener( + 'click', + function () { + var type = + passwordInput.getAttribute( + 'type' + ) === 'password' + ? 'text' + : 'password'; + passwordInput.setAttribute( + 'type', + type + ); + + // Toggle eye icon (simple swap for open/closed) + if (eyeIcon) { + if (type === 'text') { + eyeIcon.innerHTML = + '\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t'; + } else { + eyeIcon.innerHTML = + '\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t'; + } + } + } + ); + } + }); + } + + // Call the function after DOM is ready + document.addEventListener( + 'DOMContentLoaded', + initPasswordToggle + ); + + // Trigger reset on form change + $('.directorist-authentication__btn').on( + 'click', + function () { + // Reset all forms with the specified class + $('.directorist__authentication__signin').each( + function () { + this.reset(); // Reset the individual form + } + ); + + // Reset error and warning messages + $('#directorist__authentication__login p.status') + .hide() + .empty(); + } + ); + window.addEventListener('load', function () { + // Perform AJAX login on form submit + $('form#directorist__authentication__login').on( + 'submit', + function (e) { + e.preventDefault(); + var $this = $(this); + var $button = $(this).find( + '.directorist-authentication__form__btn' + ); + $button.addClass('directorist-btn-loading'); // Added loading class + + $( + '#directorist__authentication__login p.status' + ) + .show() + .html( + '
    ' + + directorist.loading_message + + '
    ' + ); + var form_data = { + action: 'ajaxlogin', + username: $this.find('#username').val(), + password: $this.find('#password').val(), + rememberme: $this + .find('#keep_signed_in') + .is(':checked') + ? 1 + : 0, + security: $this.find('#security').val(), + }; + $.ajax({ + type: 'POST', + dataType: 'json', + url: directorist.ajax_url, + data: form_data, + success: function success(data) { + // Removed loading class + setTimeout(function () { + return $button.removeClass( + 'directorist-btn-loading' + ); + }, 1000); + if ( + 'nonce_faild' in data && + data.nonce_faild + ) { + $('p.status').html( + '
    ' + + data.message + + '
    ' + ); + } + if (data.loggedin == true) { + $('p.status').html( + '
    ' + + data.message + + '
    ' + ); + document.location.href = + directorist.redirect_url; + } else { + $('p.status').html( + '
    ' + + data.message + + '
    ' + ); + } + }, + error: function error(data) { + if ( + 'nonce_faild' in data && + data.nonce_faild + ) { + $('p.status').html( + '
    ' + + data.message + + '
    ' + ); + } + $('p.status') + .show() + .html( + '
    ' + + directorist.login_error_message + + '
    ' + ); + }, + }); + e.preventDefault(); + } + ); + $('form#directorist__authentication__login .status').on( + 'click', + 'a', + function (e) { + e.preventDefault(); + if ( + $(this).attr('href') === + '#atbdp_recovery_pass' + ) { + $('#recover-pass-modal').slideDown().show(); + window.scrollTo({ + top: + $('#recover-pass-modal').offset() + .top - 100, + behavior: 'smooth', + }); + } else { + location.href = $(this).attr('href'); + } + } + ); + + // Alert users to login (only if applicable) + $( + '.atbdp-require-login, .directorist-action-report-not-loggedin' + ).on('click', function (e) { + e.preventDefault(); + alert(directorist.login_alert_message); + return false; + }); + + // Remove URL params to avoid show message again and again + var current_url = location.href; + var url = new URL(current_url); + url.searchParams.delete('registration_status'); + url.searchParams.delete('errors'); + // url.searchParams.delete('key'); + url.searchParams.delete('password_reset'); + url.searchParams.delete('confirm_mail'); + // url.searchParams.delete('user'); + url.searchParams.delete('verification'); + url.searchParams.delete('send_verification_email'); + window.history.pushState(null, null, url.toString()); + + // Authentication Form Toggle + $('body').on( + 'click', + '.directorist-authentication__btn, .directorist-authentication__toggle', + function (e) { + e.preventDefault(); + $('.directorist-login-wrapper').toggleClass( + 'active' + ); + $( + '.directorist-registration-wrapper' + ).toggleClass('active'); + } + ); + }); + })(jQuery); + + /***/ + }, + + /***/ './assets/src/js/public/components/review.js': + /*!***************************************************!*\ !*** ./assets/src/js/public/components/review.js ***! \***************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _review_starRating__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./review/starRating */ "./assets/src/js/public/components/review/starRating.js"); -/* harmony import */ var _review_starRating__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_review_starRating__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _review_advanced_review__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./review/advanced-review */ "./assets/src/js/public/components/review/advanced-review.js"); -// Helper Components - -// import './review/addReview' -// import './review/reviewAttatchment' -// import './review/deleteReview' -// import './review/reviewPagination' - - -/***/ }), - -/***/ "./assets/src/js/public/components/review/advanced-review.js": -/*!*******************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _review_starRating__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./review/starRating */ './assets/src/js/public/components/review/starRating.js' + ); + /* harmony import */ var _review_starRating__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _review_starRating__WEBPACK_IMPORTED_MODULE_0__ + ); + /* harmony import */ var _review_advanced_review__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./review/advanced-review */ './assets/src/js/public/components/review/advanced-review.js' + ); + // Helper Components + + // import './review/addReview' + // import './review/reviewAttatchment' + // import './review/deleteReview' + // import './review/reviewPagination' + + /***/ + }, + + /***/ './assets/src/js/public/components/review/advanced-review.js': + /*!*******************************************************************!*\ !*** ./assets/src/js/public/components/review/advanced-review.js ***! \*******************************************************************/ -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "./node_modules/@babel/runtime/helpers/esm/classCallCheck.js"); -/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "./node_modules/@babel/runtime/helpers/esm/createClass.js"); - - -function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } -function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } -function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } -window.addEventListener('load', function () { - (function ($) { - 'use strict'; - - var ReplyFormObserver = /*#__PURE__*/function () { - function ReplyFormObserver() { - var _this = this; - (0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, ReplyFormObserver); - this.init(); - $(document).on('directorist_review_updated', function () { - return _this.init(); - }); - } - return (0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__["default"])(ReplyFormObserver, [{ - key: "init", - value: function init() { - var node = document.querySelector('.commentlist'); - if (node) { - this.observe(node); - } - } - }, { - key: "observe", - value: function observe(node) { - var config = { - childList: true, - subtree: true - }; - var observer = new MutationObserver(this.callback); - observer.observe(node, config); - } - }, { - key: "callback", - value: function callback(mutationsList, observer) { - var _iterator = _createForOfIteratorHelper(mutationsList), - _step; - try { - for (_iterator.s(); !(_step = _iterator.n()).done;) { - var mutation = _step.value; - var target = mutation.target; - if (mutation.removedNodes) { - target.classList.remove('directorist-form-added'); - var _iterator2 = _createForOfIteratorHelper(mutation.removedNodes), - _step2; - try { - for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) { - var node = _step2.value; - if (!node.id || node.id !== 'respond') { - continue; - } - var criteria = node.querySelector('.directorist-review-criteria'); - if (criteria) { - criteria.style.display = ''; - } - var ratings = node.querySelectorAll('.directorist-review-criteria-select'); - var _iterator3 = _createForOfIteratorHelper(ratings), - _step3; - try { - for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) { - var rating = _step3.value; - rating.removeAttribute('disabled'); - } - } catch (err) { - _iterator3.e(err); - } finally { - _iterator3.f(); - } - node.querySelector('#submit').innerHTML = 'Submit Review'; - node.querySelector('#comment').setAttribute('placeholder', 'Leave a review'); - //console.log(node.querySelector('#comment')) - } - } catch (err) { - _iterator2.e(err); - } finally { - _iterator2.f(); - } - } - var form = target.querySelector('#commentform'); - if (form) { - target.classList.add('directorist-form-added'); - var isReview = target.classList.contains('review'); - var isEditing = target.classList.contains('directorist-form-editing'); - if (!isReview || isReview && !isEditing) { - var _criteria = form.querySelector('.directorist-review-criteria'); - if (_criteria) { - _criteria.style.display = 'none'; - } - var _ratings = form.querySelectorAll('.directorist-review-criteria-select'); - var _iterator4 = _createForOfIteratorHelper(_ratings), - _step4; - try { - for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) { - var _rating = _step4.value; - _rating.setAttribute('disabled', 'disabled'); - } - } catch (err) { - _iterator4.e(err); - } finally { - _iterator4.f(); - } - } - var alert = form.querySelector('.directorist-alert'); - if (alert) { - alert.style.display = 'none'; - } - form.querySelector('#submit').innerHTML = 'Submit Reply'; - form.querySelector('#comment').setAttribute('placeholder', 'Leave your reply'); - } - } - } catch (err) { - _iterator.e(err); - } finally { - _iterator.f(); - } - } - }]); - }(); - var CommentEditHandler = /*#__PURE__*/function () { - function CommentEditHandler() { - (0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, CommentEditHandler); - this.init(); - } - return (0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__["default"])(CommentEditHandler, [{ - key: "init", - value: function init() { - $(document).on('submit', '#directorist-form-comment-edit', this.onSubmit); - } - }, { - key: "onSubmit", - value: function onSubmit(event) { - event.preventDefault(); - var $form = $(event.target); - var originalButtonLabel = $form.find('[type="submit"]').val(); - $(document).trigger('directorist_review_before_submit', $form); - var formData = new FormData($form[0]); - - // Apply the filter - formData = wp.hooks.applyFilters('directorist_add_review_form_data', formData, 'directorist-advanced-review'); - var updateComment = $.ajax({ - url: $form.attr('action'), - type: 'POST', - contentType: false, - cache: false, - processData: false, - data: formData - }); - $form.find('#comment').prop('disabled', true); - $form.find('[type="submit"]').prop('disabled', true).val('loading'); - var commentID = $form.find('input[name="comment_id"]').val(); - var $wrap = $('#div-comment-' + commentID); - $wrap.addClass('directorist-comment-edit-request'); - updateComment.done(function (data, status, request) { - if (typeof data !== 'string' && !data.success) { - $wrap.removeClass('directorist-comment-edit-request'); - CommentEditHandler.showError($form, data.data.html); - return; - } - var body = $('
    '); - body.append(data); - var comment_section = '.directorist-review-container'; - var comments = body.find(comment_section); - $(comment_section).replaceWith(comments); - $(document).trigger('directorist_review_updated', data); - var commentTop = $('#comment-' + commentID).offset().top; - if ($('body').hasClass('admin-bar')) { - commentTop = commentTop - $('#wpadminbar').height(); - } - - // scroll to comment - if (commentID) { - $('body, html').animate({ - scrollTop: commentTop - }, 600); - } - }); - updateComment.fail(function (data) { - CommentEditHandler.showError($form, data.responseText); - }); - updateComment.always(function () { - $form.find('#comment').prop('disabled', false); - $form.find('[type="submit"]').prop('disabled', false).val(originalButtonLabel); - }); - $(document).trigger('directorist_review_after_submit', $form); - } - }], [{ - key: "showError", - value: function showError($form, msg) { - $form.find('.directorist-alert').remove(); - $form.prepend(msg); - } - }]); - }(); - var CommentAddReplyHandler = /*#__PURE__*/function () { - function CommentAddReplyHandler() { - (0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, CommentAddReplyHandler); - this.init(); - } - return (0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__["default"])(CommentAddReplyHandler, [{ - key: "init", - value: function init() { - var t = setTimeout(function () { - if ($('.directorist-review-container').length) { - $(document).off('submit', '#commentform'); - } - clearTimeout(t); - }, 2000); - $(document).off('submit', '.directorist-review-container #commentform'); - $(document).on('submit', '.directorist-review-container #commentform', this.onSubmit); - } - }, { - key: "onSubmit", - value: function onSubmit(event) { - var _this2 = this; - event.preventDefault(); - console.log(wp.hooks); - var form = $('.directorist-review-container #commentform'); - var originalButtonLabel = form.find('[type="submit"]').val(); - $(document).trigger('directorist_review_before_submit', form); - var formData = new FormData(form[0]); - - // Apply the filter - formData = wp.hooks.applyFilters('directorist_add_review_form_data', formData, 'directorist-advanced-review'); - var do_comment = $.ajax({ - url: form.attr('action'), - type: 'POST', - contentType: false, - cache: false, - processData: false, - data: formData - }); - $('#comment').prop('disabled', true); - form.find('[type="submit"]').prop('disabled', true).val('loading'); - do_comment.done(function (data, status, request) { - var body = $('
    '); - body.append(data); - var comment_section = '.directorist-review-container'; - var comments = body.find(comment_section); - var errorMsg = body.find('.wp-die-message'); - if (errorMsg.length > 0) { - CommentAddReplyHandler.showError(form, errorMsg); - $(document).trigger('directorist_review_update_failed'); - return; - } - $(comment_section).replaceWith(comments); - $(document).trigger('directorist_review_updated', data); - var newComment = comments.find('.commentlist li:first-child'); - var newCommentId = newComment.attr('id'); - - // // catch the new comment id by comparing to old dom. - // commentsLists.each( - // function ( index ) { - // var _this = $( commentsLists[ index ] ); - // if ( $( '#' + _this.attr( 'id' ) ).length == 0 ) { - // newCommentId = _this.attr( 'id' ); - // } - // } - // ); - - // console.log(newComment, newCommentId) - - var commentTop = $('#' + newCommentId).offset().top; - if ($('body').hasClass('admin-bar')) { - commentTop = commentTop - $('#wpadminbar').height(); - } - - // scroll to comment - if (newCommentId) { - $('body, html').animate({ - scrollTop: commentTop - }, 600); - } - }); - do_comment.fail(function (data) { - var body = $('
    '); - body.append(data.responseText); - console.log(data); - CommentAddReplyHandler.showError(form, body.find('.wp-die-message')); - $(document).trigger('directorist_review_update_failed'); - if (data.status === 403 || data.status === 401) { - $(document).off('submit', '.directorist-review-container #commentform', _this2.onSubmit); - $('#comment').prop('disabled', false); - form.find('[type="submit"]').prop('disabled', false).click(); - } - }); - do_comment.always(function () { - $('#comment').prop('disabled', false); - $('#commentform').find('[type="submit"]').prop('disabled', false).val(originalButtonLabel); - }); - $(document).trigger('directorist_review_after_submit', form); - } - }], [{ - key: "getErrorMsg", - value: function getErrorMsg($dom) { - if ($dom.find('p').length) { - $dom = $dom.find('p'); - } - var words = $dom.text().split(':'); - if (words.length > 1) { - words.shift(); - } - return words.join(' ').trim(); - } - }, { - key: "showError", - value: function showError(form, $dom) { - if (form.find('.directorist-alert').length) { - form.find('.directorist-alert').remove(); - } - var $error = $('
    ', { - class: 'directorist-alert directorist-alert-danger' - }).html(CommentAddReplyHandler.getErrorMsg($dom)); - form.prepend($error); - } - }]); - }(); - var CommentsManager = /*#__PURE__*/function () { - function CommentsManager() { - (0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__["default"])(this, CommentsManager); - this.$doc = $(document); - this.setupComponents(); - this.addEventListeners(); - } - return (0,_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__["default"])(CommentsManager, [{ - key: "initStarRating", - value: function initStarRating() { - $('.directorist-review-criteria-select').barrating({ - theme: 'fontawesome-stars' - }); - } - }, { - key: "cancelOthersEditMode", - value: function cancelOthersEditMode(currentCommentId) { - $('.directorist-comment-editing').each(function (index, comment) { - var $cancelButton = $(comment).find('.directorist-js-cancel-comment-edit'); - if ($cancelButton.data('commentid') != currentCommentId) { - $cancelButton.click(); - } - }); - } - }, { - key: "cancelReplyMode", - value: function cancelReplyMode() { - var replyLink = document.querySelector('.directorist-review-content #cancel-comment-reply-link'); - replyLink && replyLink.click(); - } - }, { - key: "addEventListeners", - value: function addEventListeners() { - var _this3 = this; - var self = this; - this.$doc.on('directorist_review_updated', function (event) { - _this3.initStarRating(); - }); - this.$doc.on('directorist_comment_edit_form_loaded', function (event) { - _this3.initStarRating(); - }); - this.$doc.on('click', 'a[href="#respond"]', function (event) { - // First cancle the reply form then scroll to review form. Order matters. - _this3.cancelReplyMode(); - _this3.onWriteReivewClick(event); - }); - this.$doc.on('click', '.directorist-js-edit-comment', function (event) { - event.preventDefault(); - var $target = $(event.target); - var $wrap = $target.parents('#div-comment-' + $target.data('commentid')); - $wrap.addClass('directorist-comment-edit-request'); - $.ajax({ - url: $target.attr('href'), - data: { - post_id: $target.data('postid'), - comment_id: $target.data('commentid') - }, - setContent: false, - method: 'GET', - reload: 'strict', - success: function success(response) { - $target.prop('disabled', true); - $target.parents('#div-comment-' + $target.data('commentid')).find('.directorist-review-single__info').append(response.data.html); - $wrap.removeClass('directorist-comment-edit-request').addClass('directorist-comment-editing'); - self.cancelOthersEditMode($target.data('commentid')); - self.cancelReplyMode(); - var $editForm = $('#directorist-form-comment-edit'); - $editForm.find('textarea').focus(); - self.$doc.trigger('directorist_comment_edit_form_loaded', $target.data('commentid')); - } - }); - }); - this.$doc.on('click', '.directorist-js-cancel-comment-edit', function (event) { - event.preventDefault(); - var $target = $(event.target); - var $wrap = $target.parents('#div-comment-' + $target.data('commentid')); - $wrap.removeClass(['directorist-comment-edit-request', 'directorist-comment-editing']).find('form').remove(); - $wrap.find('.directorist-js-edit-comment').prop('disabled', false); - }); - } - }, { - key: "onWriteReivewClick", - value: function onWriteReivewClick(event) { - event.preventDefault(); - var scrollTop = $('#respond').offset().top; - if ($('body').hasClass('admin-bar')) { - scrollTop = scrollTop - $('#wpadminbar').height(); - } - $('body, html').animate({ - scrollTop: scrollTop - }, 600); - } - }, { - key: "setupComponents", - value: function setupComponents() { - new ReplyFormObserver(); - new CommentAddReplyHandler(); - new CommentEditHandler(); - } - }]); - }(); - var commentsManager = new CommentsManager(); - })(jQuery); -}); - -/***/ }), - -/***/ "./assets/src/js/public/components/review/starRating.js": -/*!**************************************************************!*\ + /***/ function ( + __unused_webpack_module, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! @babel/runtime/helpers/classCallCheck */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/classCallCheck.js' + ); + /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! @babel/runtime/helpers/createClass */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/createClass.js' + ); + + function _createForOfIteratorHelper(r, e) { + var t = + ('undefined' != typeof Symbol && r[Symbol.iterator]) || + r['@@iterator']; + if (!t) { + if ( + Array.isArray(r) || + (t = _unsupportedIterableToArray(r)) || + (e && r && 'number' == typeof r.length) + ) { + t && (r = t); + var _n = 0, + F = function F() {}; + return { + s: F, + n: function n() { + return _n >= r.length + ? { done: !0 } + : { done: !1, value: r[_n++] }; + }, + e: function e(r) { + throw r; + }, + f: F, + }; + } + throw new TypeError( + 'Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.' + ); + } + var o, + a = !0, + u = !1; + return { + s: function s() { + t = t.call(r); + }, + n: function n() { + var r = t.next(); + return ((a = r.done), r); + }, + e: function e(r) { + ((u = !0), (o = r)); + }, + f: function f() { + try { + a || null == t.return || t.return(); + } finally { + if (u) throw o; + } + }, + }; + } + function _unsupportedIterableToArray(r, a) { + if (r) { + if ('string' == typeof r) + return _arrayLikeToArray(r, a); + var t = {}.toString.call(r).slice(8, -1); + return ( + 'Object' === t && + r.constructor && + (t = r.constructor.name), + 'Map' === t || 'Set' === t + ? Array.from(r) + : 'Arguments' === t || + /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test( + t + ) + ? _arrayLikeToArray(r, a) + : void 0 + ); + } + } + function _arrayLikeToArray(r, a) { + (null == a || a > r.length) && (a = r.length); + for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; + return n; + } + window.addEventListener('load', function () { + (function ($) { + 'use strict'; + + var ReplyFormObserver = /*#__PURE__*/ (function () { + function ReplyFormObserver() { + var _this = this; + (0, + _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(this, ReplyFormObserver); + this.init(); + $(document).on( + 'directorist_review_updated', + function () { + return _this.init(); + } + ); + } + return (0, + _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(ReplyFormObserver, [ + { + key: 'init', + value: function init() { + var node = + document.querySelector( + '.commentlist' + ); + if (node) { + this.observe(node); + } + }, + }, + { + key: 'observe', + value: function observe(node) { + var config = { + childList: true, + subtree: true, + }; + var observer = new MutationObserver( + this.callback + ); + observer.observe(node, config); + }, + }, + { + key: 'callback', + value: function callback( + mutationsList, + observer + ) { + var _iterator = + _createForOfIteratorHelper( + mutationsList + ), + _step; + try { + for ( + _iterator.s(); + !(_step = _iterator.n()).done; + + ) { + var mutation = _step.value; + var target = mutation.target; + if (mutation.removedNodes) { + target.classList.remove( + 'directorist-form-added' + ); + var _iterator2 = + _createForOfIteratorHelper( + mutation.removedNodes + ), + _step2; + try { + for ( + _iterator2.s(); + !(_step2 = + _iterator2.n()) + .done; + + ) { + var node = + _step2.value; + if ( + !node.id || + node.id !== + 'respond' + ) { + continue; + } + var criteria = + node.querySelector( + '.directorist-review-criteria' + ); + if (criteria) { + criteria.style.display = + ''; + } + var ratings = + node.querySelectorAll( + '.directorist-review-criteria-select' + ); + var _iterator3 = + _createForOfIteratorHelper( + ratings + ), + _step3; + try { + for ( + _iterator3.s(); + !(_step3 = + _iterator3.n()) + .done; + + ) { + var rating = + _step3.value; + rating.removeAttribute( + 'disabled' + ); + } + } catch (err) { + _iterator3.e( + err + ); + } finally { + _iterator3.f(); + } + node.querySelector( + '#submit' + ).innerHTML = + 'Submit Review'; + node.querySelector( + '#comment' + ).setAttribute( + 'placeholder', + 'Leave a review' + ); + //console.log(node.querySelector('#comment')) + } + } catch (err) { + _iterator2.e(err); + } finally { + _iterator2.f(); + } + } + var form = + target.querySelector( + '#commentform' + ); + if (form) { + target.classList.add( + 'directorist-form-added' + ); + var isReview = + target.classList.contains( + 'review' + ); + var isEditing = + target.classList.contains( + 'directorist-form-editing' + ); + if ( + !isReview || + (isReview && !isEditing) + ) { + var _criteria = + form.querySelector( + '.directorist-review-criteria' + ); + if (_criteria) { + _criteria.style.display = + 'none'; + } + var _ratings = + form.querySelectorAll( + '.directorist-review-criteria-select' + ); + var _iterator4 = + _createForOfIteratorHelper( + _ratings + ), + _step4; + try { + for ( + _iterator4.s(); + !(_step4 = + _iterator4.n()) + .done; + + ) { + var _rating = + _step4.value; + _rating.setAttribute( + 'disabled', + 'disabled' + ); + } + } catch (err) { + _iterator4.e(err); + } finally { + _iterator4.f(); + } + } + var alert = + form.querySelector( + '.directorist-alert' + ); + if (alert) { + alert.style.display = + 'none'; + } + form.querySelector( + '#submit' + ).innerHTML = + 'Submit Reply'; + form.querySelector( + '#comment' + ).setAttribute( + 'placeholder', + 'Leave your reply' + ); + } + } + } catch (err) { + _iterator.e(err); + } finally { + _iterator.f(); + } + }, + }, + ]); + })(); + var CommentEditHandler = /*#__PURE__*/ (function () { + function CommentEditHandler() { + (0, + _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(this, CommentEditHandler); + this.init(); + } + return (0, + _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])( + CommentEditHandler, + [ + { + key: 'init', + value: function init() { + $(document).on( + 'submit', + '#directorist-form-comment-edit', + this.onSubmit + ); + }, + }, + { + key: 'onSubmit', + value: function onSubmit(event) { + event.preventDefault(); + var $form = $(event.target); + var originalButtonLabel = $form + .find('[type="submit"]') + .val(); + $(document).trigger( + 'directorist_review_before_submit', + $form + ); + var formData = new FormData( + $form[0] + ); + + // Apply the filter + formData = wp.hooks.applyFilters( + 'directorist_add_review_form_data', + formData, + 'directorist-advanced-review' + ); + var updateComment = $.ajax({ + url: $form.attr('action'), + type: 'POST', + contentType: false, + cache: false, + processData: false, + data: formData, + }); + $form + .find('#comment') + .prop('disabled', true); + $form + .find('[type="submit"]') + .prop('disabled', true) + .val('loading'); + var commentID = $form + .find( + 'input[name="comment_id"]' + ) + .val(); + var $wrap = $( + '#div-comment-' + commentID + ); + $wrap.addClass( + 'directorist-comment-edit-request' + ); + updateComment.done( + function ( + data, + status, + request + ) { + if ( + typeof data !== + 'string' && + !data.success + ) { + $wrap.removeClass( + 'directorist-comment-edit-request' + ); + CommentEditHandler.showError( + $form, + data.data.html + ); + return; + } + var body = $('
    '); + body.append(data); + var comment_section = + '.directorist-review-container'; + var comments = + body.find( + comment_section + ); + $( + comment_section + ).replaceWith(comments); + $(document).trigger( + 'directorist_review_updated', + data + ); + var commentTop = $( + '#comment-' + commentID + ).offset().top; + if ( + $('body').hasClass( + 'admin-bar' + ) + ) { + commentTop = + commentTop - + $( + '#wpadminbar' + ).height(); + } + + // scroll to comment + if (commentID) { + $('body, html').animate( + { + scrollTop: + commentTop, + }, + 600 + ); + } + } + ); + updateComment.fail(function (data) { + CommentEditHandler.showError( + $form, + data.responseText + ); + }); + updateComment.always(function () { + $form + .find('#comment') + .prop('disabled', false); + $form + .find('[type="submit"]') + .prop('disabled', false) + .val(originalButtonLabel); + }); + $(document).trigger( + 'directorist_review_after_submit', + $form + ); + }, + }, + ], + [ + { + key: 'showError', + value: function showError($form, msg) { + $form + .find('.directorist-alert') + .remove(); + $form.prepend(msg); + }, + }, + ] + ); + })(); + var CommentAddReplyHandler = + /*#__PURE__*/ (function () { + function CommentAddReplyHandler() { + (0, + _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(this, CommentAddReplyHandler); + this.init(); + } + return (0, + _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])( + CommentAddReplyHandler, + [ + { + key: 'init', + value: function init() { + var t = setTimeout(function () { + if ( + $( + '.directorist-review-container' + ).length + ) { + $(document).off( + 'submit', + '#commentform' + ); + } + clearTimeout(t); + }, 2000); + $(document).off( + 'submit', + '.directorist-review-container #commentform' + ); + $(document).on( + 'submit', + '.directorist-review-container #commentform', + this.onSubmit + ); + }, + }, + { + key: 'onSubmit', + value: function onSubmit(event) { + var _this2 = this; + event.preventDefault(); + console.log(wp.hooks); + var form = $( + '.directorist-review-container #commentform' + ); + var originalButtonLabel = form + .find('[type="submit"]') + .val(); + $(document).trigger( + 'directorist_review_before_submit', + form + ); + var formData = new FormData( + form[0] + ); + + // Apply the filter + formData = + wp.hooks.applyFilters( + 'directorist_add_review_form_data', + formData, + 'directorist-advanced-review' + ); + var do_comment = $.ajax({ + url: form.attr('action'), + type: 'POST', + contentType: false, + cache: false, + processData: false, + data: formData, + }); + $('#comment').prop( + 'disabled', + true + ); + form.find('[type="submit"]') + .prop('disabled', true) + .val('loading'); + do_comment.done( + function ( + data, + status, + request + ) { + var body = + $('
    '); + body.append(data); + var comment_section = + '.directorist-review-container'; + var comments = + body.find( + comment_section + ); + var errorMsg = + body.find( + '.wp-die-message' + ); + if ( + errorMsg.length > 0 + ) { + CommentAddReplyHandler.showError( + form, + errorMsg + ); + $(document).trigger( + 'directorist_review_update_failed' + ); + return; + } + $( + comment_section + ).replaceWith(comments); + $(document).trigger( + 'directorist_review_updated', + data + ); + var newComment = + comments.find( + '.commentlist li:first-child' + ); + var newCommentId = + newComment.attr( + 'id' + ); + + // // catch the new comment id by comparing to old dom. + // commentsLists.each( + // function ( index ) { + // var _this = $( commentsLists[ index ] ); + // if ( $( '#' + _this.attr( 'id' ) ).length == 0 ) { + // newCommentId = _this.attr( 'id' ); + // } + // } + // ); + + // console.log(newComment, newCommentId) + + var commentTop = $( + '#' + newCommentId + ).offset().top; + if ( + $('body').hasClass( + 'admin-bar' + ) + ) { + commentTop = + commentTop - + $( + '#wpadminbar' + ).height(); + } + + // scroll to comment + if (newCommentId) { + $( + 'body, html' + ).animate( + { + scrollTop: + commentTop, + }, + 600 + ); + } + } + ); + do_comment.fail( + function (data) { + var body = + $('
    '); + body.append( + data.responseText + ); + console.log(data); + CommentAddReplyHandler.showError( + form, + body.find( + '.wp-die-message' + ) + ); + $(document).trigger( + 'directorist_review_update_failed' + ); + if ( + data.status === + 403 || + data.status === 401 + ) { + $(document).off( + 'submit', + '.directorist-review-container #commentform', + _this2.onSubmit + ); + $('#comment').prop( + 'disabled', + false + ); + form.find( + '[type="submit"]' + ) + .prop( + 'disabled', + false + ) + .click(); + } + } + ); + do_comment.always(function () { + $('#comment').prop( + 'disabled', + false + ); + $('#commentform') + .find('[type="submit"]') + .prop('disabled', false) + .val( + originalButtonLabel + ); + }); + $(document).trigger( + 'directorist_review_after_submit', + form + ); + }, + }, + ], + [ + { + key: 'getErrorMsg', + value: function getErrorMsg($dom) { + if ($dom.find('p').length) { + $dom = $dom.find('p'); + } + var words = $dom + .text() + .split(':'); + if (words.length > 1) { + words.shift(); + } + return words.join(' ').trim(); + }, + }, + { + key: 'showError', + value: function showError( + form, + $dom + ) { + if ( + form.find( + '.directorist-alert' + ).length + ) { + form.find( + '.directorist-alert' + ).remove(); + } + var $error = $('
    ', { + class: 'directorist-alert directorist-alert-danger', + }).html( + CommentAddReplyHandler.getErrorMsg( + $dom + ) + ); + form.prepend($error); + }, + }, + ] + ); + })(); + var CommentsManager = /*#__PURE__*/ (function () { + function CommentsManager() { + (0, + _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(this, CommentsManager); + this.$doc = $(document); + this.setupComponents(); + this.addEventListeners(); + } + return (0, + _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__[ + 'default' + ])(CommentsManager, [ + { + key: 'initStarRating', + value: function initStarRating() { + $( + '.directorist-review-criteria-select' + ).barrating({ + theme: 'fontawesome-stars', + }); + }, + }, + { + key: 'cancelOthersEditMode', + value: function cancelOthersEditMode( + currentCommentId + ) { + $('.directorist-comment-editing').each( + function (index, comment) { + var $cancelButton = $( + comment + ).find( + '.directorist-js-cancel-comment-edit' + ); + if ( + $cancelButton.data( + 'commentid' + ) != currentCommentId + ) { + $cancelButton.click(); + } + } + ); + }, + }, + { + key: 'cancelReplyMode', + value: function cancelReplyMode() { + var replyLink = document.querySelector( + '.directorist-review-content #cancel-comment-reply-link' + ); + replyLink && replyLink.click(); + }, + }, + { + key: 'addEventListeners', + value: function addEventListeners() { + var _this3 = this; + var self = this; + this.$doc.on( + 'directorist_review_updated', + function (event) { + _this3.initStarRating(); + } + ); + this.$doc.on( + 'directorist_comment_edit_form_loaded', + function (event) { + _this3.initStarRating(); + } + ); + this.$doc.on( + 'click', + 'a[href="#respond"]', + function (event) { + // First cancle the reply form then scroll to review form. Order matters. + _this3.cancelReplyMode(); + _this3.onWriteReivewClick( + event + ); + } + ); + this.$doc.on( + 'click', + '.directorist-js-edit-comment', + function (event) { + event.preventDefault(); + var $target = $(event.target); + var $wrap = $target.parents( + '#div-comment-' + + $target.data( + 'commentid' + ) + ); + $wrap.addClass( + 'directorist-comment-edit-request' + ); + $.ajax({ + url: $target.attr('href'), + data: { + post_id: + $target.data( + 'postid' + ), + comment_id: + $target.data( + 'commentid' + ), + }, + setContent: false, + method: 'GET', + reload: 'strict', + success: function success( + response + ) { + $target.prop( + 'disabled', + true + ); + $target + .parents( + '#div-comment-' + + $target.data( + 'commentid' + ) + ) + .find( + '.directorist-review-single__info' + ) + .append( + response.data + .html + ); + $wrap + .removeClass( + 'directorist-comment-edit-request' + ) + .addClass( + 'directorist-comment-editing' + ); + self.cancelOthersEditMode( + $target.data( + 'commentid' + ) + ); + self.cancelReplyMode(); + var $editForm = $( + '#directorist-form-comment-edit' + ); + $editForm + .find('textarea') + .focus(); + self.$doc.trigger( + 'directorist_comment_edit_form_loaded', + $target.data( + 'commentid' + ) + ); + }, + }); + } + ); + this.$doc.on( + 'click', + '.directorist-js-cancel-comment-edit', + function (event) { + event.preventDefault(); + var $target = $(event.target); + var $wrap = $target.parents( + '#div-comment-' + + $target.data( + 'commentid' + ) + ); + $wrap + .removeClass([ + 'directorist-comment-edit-request', + 'directorist-comment-editing', + ]) + .find('form') + .remove(); + $wrap + .find( + '.directorist-js-edit-comment' + ) + .prop('disabled', false); + } + ); + }, + }, + { + key: 'onWriteReivewClick', + value: function onWriteReivewClick(event) { + event.preventDefault(); + var scrollTop = + $('#respond').offset().top; + if ($('body').hasClass('admin-bar')) { + scrollTop = + scrollTop - + $('#wpadminbar').height(); + } + $('body, html').animate( + { + scrollTop: scrollTop, + }, + 600 + ); + }, + }, + { + key: 'setupComponents', + value: function setupComponents() { + new ReplyFormObserver(); + new CommentAddReplyHandler(); + new CommentEditHandler(); + }, + }, + ]); + })(); + var commentsManager = new CommentsManager(); + })(jQuery); + }); + + /***/ + }, + + /***/ './assets/src/js/public/components/review/starRating.js': + /*!**************************************************************!*\ !*** ./assets/src/js/public/components/review/starRating.js ***! \**************************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - (function ($) { - //Star rating - if ($('.directorist-review-criteria-select').length) { - $('.directorist-review-criteria-select').barrating({ - theme: 'fontawesome-stars' - }); - } - })(jQuery); -}); - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/classCallCheck.js": -/*!*******************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js ***! - \*******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _classCallCheck; } -/* harmony export */ }); -function _classCallCheck(a, n) { - if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/createClass.js": -/*!****************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/createClass.js ***! - \****************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _createClass; } -/* harmony export */ }); -/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toPropertyKey.js */ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js"); - -function _defineProperties(e, r) { - for (var t = 0; t < r.length; t++) { - var o = r[t]; - o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(o.key), o); - } -} -function _createClass(e, r, t) { - return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { - writable: !1 - }), e; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js": -/*!****************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! - \****************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPrimitive; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); - -function toPrimitive(t, r) { - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(t) || !t) return t; - var e = t[Symbol.toPrimitive]; - if (void 0 !== e) { - var i = e.call(t, r || "default"); - if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i)) return i; - throw new TypeError("@@toPrimitive must return a primitive value."); - } - return ("string" === r ? String : Number)(t); -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js": -/*!******************************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! - \******************************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ toPropertyKey; } -/* harmony export */ }); -/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js"); -/* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toPrimitive.js */ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js"); - - -function toPropertyKey(t) { - var i = (0,_toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__["default"])(t, "string"); - return "symbol" == (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i) ? i : i + ""; -} - - -/***/ }), - -/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js": -/*!***********************************************************!*\ - !*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***! - \***********************************************************/ -/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) { - -"use strict"; -__webpack_require__.r(__webpack_exports__); -/* harmony export */ __webpack_require__.d(__webpack_exports__, { -/* harmony export */ "default": function() { return /* binding */ _typeof; } -/* harmony export */ }); -function _typeof(o) { - "@babel/helpers - typeof"; - - return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { - return typeof o; - } : function (o) { - return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; - }, _typeof(o); -} - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!********************************************************!*\ + /***/ function () { + window.addEventListener('load', function () { + (function ($) { + //Star rating + if ($('.directorist-review-criteria-select').length) { + $('.directorist-review-criteria-select').barrating({ + theme: 'fontawesome-stars', + }); + } + })(jQuery); + }); + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/classCallCheck.js': + /*!************************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/classCallCheck.js ***! + \************************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _classCallCheck; + }, + /* harmony export */ + } + ); + function _classCallCheck(a, n) { + if (!(a instanceof n)) + throw new TypeError( + 'Cannot call a class as a function' + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/createClass.js': + /*!*********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/createClass.js ***! + \*********************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _createClass; + }, + /* harmony export */ + } + ); + /* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./toPropertyKey.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js' + ); + + function _defineProperties(e, r) { + for (var t = 0; t < r.length; t++) { + var o = r[t]; + ((o.enumerable = o.enumerable || !1), + (o.configurable = !0), + 'value' in o && (o.writable = !0), + Object.defineProperty( + e, + (0, + _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__[ + 'default' + ])(o.key), + o + )); + } + } + function _createClass(e, r, t) { + return ( + r && _defineProperties(e.prototype, r), + t && _defineProperties(e, t), + Object.defineProperty(e, 'prototype', { + writable: !1, + }), + e + ); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPrimitive.js': + /*!*********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***! + \*********************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPrimitive; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + + function toPrimitive(t, r) { + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + t + ) || + !t + ) + return t; + var e = t[Symbol.toPrimitive]; + if (void 0 !== e) { + var i = e.call(t, r || 'default'); + if ( + 'object' != + (0, + _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ) + return i; + throw new TypeError( + '@@toPrimitive must return a primitive value.' + ); + } + return ('string' === r ? String : Number)(t); + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js': + /*!***********************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***! + \***********************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ toPropertyKey; + }, + /* harmony export */ + } + ); + /* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ./typeof.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js' + ); + /* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ./toPrimitive.js */ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/toPrimitive.js' + ); + + function toPropertyKey(t) { + var i = (0, + _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__['default'])( + t, + 'string' + ); + return 'symbol' == + (0, _typeof_js__WEBPACK_IMPORTED_MODULE_0__['default'])( + i + ) + ? i + : i + ''; + } + + /***/ + }, + + /***/ './node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js': + /*!****************************************************************************************************!*\ + !*** ./node_modules/.pnpm/@babel+runtime@7.28.3/node_modules/@babel/runtime/helpers/esm/typeof.js ***! + \****************************************************************************************************/ + /***/ function ( + __unused_webpack___webpack_module__, + __webpack_exports__, + __webpack_require__ + ) { + 'use strict'; + __webpack_require__.r(__webpack_exports__); + /* harmony export */ __webpack_require__.d( + __webpack_exports__, + { + /* harmony export */ default: function () { + return /* binding */ _typeof; + }, + /* harmony export */ + } + ); + function _typeof(o) { + '@babel/helpers - typeof'; + + return ( + (_typeof = + 'function' == typeof Symbol && + 'symbol' == typeof Symbol.iterator + ? function (o) { + return typeof o; + } + : function (o) { + return o && + 'function' == typeof Symbol && + o.constructor === Symbol && + o !== Symbol.prototype + ? 'symbol' + : typeof o; + }), + _typeof(o) + ); + } + + /***/ + }, + + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!********************************************************!*\ !*** ./assets/src/js/public/modules/single-listing.js ***! \********************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_general__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/general */ "./assets/src/js/public/components/general.js"); -/* harmony import */ var _components_general__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_components_general__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _components_review__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/review */ "./assets/src/js/public/components/review.js"); -/* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/directoristAlert */ "./assets/src/js/public/components/directoristAlert.js"); -/* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_components_directoristAlert__WEBPACK_IMPORTED_MODULE_2__); -/* harmony import */ var _components_formValidation__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/formValidation */ "./assets/src/js/public/components/formValidation.js"); -/* harmony import */ var _components_formValidation__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_components_formValidation__WEBPACK_IMPORTED_MODULE_3__); -/* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/directoristFavorite */ "./assets/src/js/public/components/directoristFavorite.js"); -/* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4__); -/* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../components/directoristDropdown */ "./assets/src/js/public/components/directoristDropdown.js"); -/* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5__); -/* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../components/directoristSelect */ "./assets/src/js/public/components/directoristSelect.js"); -/* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_components_directoristSelect__WEBPACK_IMPORTED_MODULE_6__); -/* harmony import */ var _components_login__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../components/login */ "./assets/src/js/public/components/login.js"); -/* harmony import */ var _components_login__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_components_login__WEBPACK_IMPORTED_MODULE_7__); -/* harmony import */ var _components_listing_track__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../components/listing-track */ "./assets/src/js/public/components/listing-track.js"); -/* harmony import */ var _components_listing_track__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_components_listing_track__WEBPACK_IMPORTED_MODULE_8__); -/* harmony import */ var _global_components_modal__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../global/components/modal */ "./assets/src/js/global/components/modal.js"); -/* harmony import */ var _global_components_modal__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(_global_components_modal__WEBPACK_IMPORTED_MODULE_9__); -// General Components - - - - - - - - - - -}(); -/******/ })() -; -//# sourceMappingURL=single-listing.js.map \ No newline at end of file + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _components_general__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ../components/general */ './assets/src/js/public/components/general.js' + ); + /* harmony import */ var _components_general__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _components_general__WEBPACK_IMPORTED_MODULE_0__ + ); + /* harmony import */ var _components_review__WEBPACK_IMPORTED_MODULE_1__ = + __webpack_require__( + /*! ../components/review */ './assets/src/js/public/components/review.js' + ); + /* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_2__ = + __webpack_require__( + /*! ../components/directoristAlert */ './assets/src/js/public/components/directoristAlert.js' + ); + /* harmony import */ var _components_directoristAlert__WEBPACK_IMPORTED_MODULE_2___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristAlert__WEBPACK_IMPORTED_MODULE_2__ + ); + /* harmony import */ var _components_formValidation__WEBPACK_IMPORTED_MODULE_3__ = + __webpack_require__( + /*! ../components/formValidation */ './assets/src/js/public/components/formValidation.js' + ); + /* harmony import */ var _components_formValidation__WEBPACK_IMPORTED_MODULE_3___default = + /*#__PURE__*/ __webpack_require__.n( + _components_formValidation__WEBPACK_IMPORTED_MODULE_3__ + ); + /* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4__ = + __webpack_require__( + /*! ../components/directoristFavorite */ './assets/src/js/public/components/directoristFavorite.js' + ); + /* harmony import */ var _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristFavorite__WEBPACK_IMPORTED_MODULE_4__ + ); + /* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5__ = + __webpack_require__( + /*! ../components/directoristDropdown */ './assets/src/js/public/components/directoristDropdown.js' + ); + /* harmony import */ var _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristDropdown__WEBPACK_IMPORTED_MODULE_5__ + ); + /* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_6__ = + __webpack_require__( + /*! ../components/directoristSelect */ './assets/src/js/public/components/directoristSelect.js' + ); + /* harmony import */ var _components_directoristSelect__WEBPACK_IMPORTED_MODULE_6___default = + /*#__PURE__*/ __webpack_require__.n( + _components_directoristSelect__WEBPACK_IMPORTED_MODULE_6__ + ); + /* harmony import */ var _components_login__WEBPACK_IMPORTED_MODULE_7__ = + __webpack_require__( + /*! ../components/login */ './assets/src/js/public/components/login.js' + ); + /* harmony import */ var _components_login__WEBPACK_IMPORTED_MODULE_7___default = + /*#__PURE__*/ __webpack_require__.n( + _components_login__WEBPACK_IMPORTED_MODULE_7__ + ); + /* harmony import */ var _components_listing_track__WEBPACK_IMPORTED_MODULE_8__ = + __webpack_require__( + /*! ../components/listing-track */ './assets/src/js/public/components/listing-track.js' + ); + /* harmony import */ var _components_listing_track__WEBPACK_IMPORTED_MODULE_8___default = + /*#__PURE__*/ __webpack_require__.n( + _components_listing_track__WEBPACK_IMPORTED_MODULE_8__ + ); + /* harmony import */ var _global_components_modal__WEBPACK_IMPORTED_MODULE_9__ = + __webpack_require__( + /*! ../../global/components/modal */ './assets/src/js/global/components/modal.js' + ); + /* harmony import */ var _global_components_modal__WEBPACK_IMPORTED_MODULE_9___default = + /*#__PURE__*/ __webpack_require__.n( + _global_components_modal__WEBPACK_IMPORTED_MODULE_9__ + ); + // General Components + })(); + /******/ +})(); +//# sourceMappingURL=single-listing.js.map diff --git a/assets/js/widgets.js b/assets/js/widgets.js index 9a861ee0b5..3f47d5c42f 100644 --- a/assets/js/widgets.js +++ b/assets/js/widgets.js @@ -1,198 +1,313 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ "./assets/src/js/public/components/categoryLocation.js": -/*!*************************************************************!*\ +/******/ (function () { + // webpackBootstrap + /******/ var __webpack_modules__ = { + /***/ './assets/src/js/public/components/categoryLocation.js': + /*!*************************************************************!*\ !*** ./assets/src/js/public/components/categoryLocation.js ***! \*************************************************************/ -/***/ (function() { - -window.addEventListener('load', function () { - var $ = jQuery; + /***/ function () { + window.addEventListener('load', function () { + var $ = jQuery; - /* Make sure the codes in this file runs only once, even if enqueued twice */ - if (typeof window.directorist_catloc_executed === 'undefined') { - window.directorist_catloc_executed = true; - } else { - return; - } + /* Make sure the codes in this file runs only once, even if enqueued twice */ + if ( + typeof window.directorist_catloc_executed === + 'undefined' + ) { + window.directorist_catloc_executed = true; + } else { + return; + } - /* Category card grid three width/height adjustment */ - var categoryCard = document.querySelectorAll('.directorist-categories__single--style-three'); - if (categoryCard) { - categoryCard.forEach(function (elm) { - var categoryCardWidth = elm.offsetWidth; - elm.style.setProperty('--directorist-category-box-width', "".concat(categoryCardWidth, "px")); - }); - } + /* Category card grid three width/height adjustment */ + var categoryCard = document.querySelectorAll( + '.directorist-categories__single--style-three' + ); + if (categoryCard) { + categoryCard.forEach(function (elm) { + var categoryCardWidth = elm.offsetWidth; + elm.style.setProperty( + '--directorist-category-box-width', + ''.concat(categoryCardWidth, 'px') + ); + }); + } - /* Taxonomy list dropdown */ - function categoryDropdown(selector, parent) { - var categoryListToggle = document.querySelectorAll(selector); - categoryListToggle.forEach(function (item) { - item.addEventListener('click', function (e) { - var categoryName = item.querySelector('.directorist-taxonomy-list__name'); - if (e.target !== categoryName) { - e.preventDefault(); - this.classList.toggle('directorist-taxonomy-list__toggle--open'); - } - }); - }); - } - categoryDropdown('.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle', '.directorist-taxonomy-list-one .directorist-taxonomy-list'); - categoryDropdown('.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle', '.directorist-taxonomy-list-one .directorist-taxonomy-list'); + /* Taxonomy list dropdown */ + function categoryDropdown(selector, parent) { + var categoryListToggle = + document.querySelectorAll(selector); + categoryListToggle.forEach(function (item) { + item.addEventListener('click', function (e) { + var categoryName = item.querySelector( + '.directorist-taxonomy-list__name' + ); + if (e.target !== categoryName) { + e.preventDefault(); + this.classList.toggle( + 'directorist-taxonomy-list__toggle--open' + ); + } + }); + }); + } + categoryDropdown( + '.directorist-taxonomy-list-one .directorist-taxonomy-list__toggle', + '.directorist-taxonomy-list-one .directorist-taxonomy-list' + ); + categoryDropdown( + '.directorist-taxonomy-list-one .directorist-taxonomy-list__sub-item-toggle', + '.directorist-taxonomy-list-one .directorist-taxonomy-list' + ); - // Taxonomy Ajax - $(document).on('click', '.directorist-categories .directorist-pagination a', function (e) { - taxonomyPagination(e, $(this), '.directorist-categories'); - }); - $(document).on('click', '.directorist-location .directorist-pagination a', function (e) { - taxonomyPagination(e, $(this), '.directorist-location'); - }); - function taxonomyPagination(event, clickedElement, containerSelector) { - event.preventDefault(); - var pageNumber = (clickedElement === null || clickedElement === void 0 ? void 0 : clickedElement.attr('data-page')) || 1; - var container = clickedElement.closest(containerSelector); - var containerAttributes = container ? $(container).data('attrs') : {}; - $.ajax({ - url: directorist.ajax_url, - type: 'POST', - dataType: 'json', - data: { - action: 'directorist_taxonomy_pagination', - nonce: directorist.directorist_nonce, - page: parseInt(pageNumber), - attrs: containerAttributes - }, - beforeSend: function beforeSend() { - $(containerSelector).addClass('atbdp-form-fade'); - }, - success: function success(response) { - var _tempContainer$queryS, _tempContainer$queryS2; - if (!(response !== null && response !== void 0 && response.success)) { - console.error('Failed to load taxonomy content'); - return; - } - var tempContainer = document.createElement('div'); - tempContainer.innerHTML = response.data.content; - // Handle both category and location wrappers - var taxonomyWrapper = document.querySelector('.taxonomy-category-wrapper'); - var locationWrapper = document.querySelector('.taxonomy-location-wrapper'); - var updatedCategoryContent = (_tempContainer$queryS = tempContainer.querySelector('.taxonomy-category-wrapper')) === null || _tempContainer$queryS === void 0 ? void 0 : _tempContainer$queryS.innerHTML; - var updatedLocationContent = (_tempContainer$queryS2 = tempContainer.querySelector('.taxonomy-location-wrapper')) === null || _tempContainer$queryS2 === void 0 ? void 0 : _tempContainer$queryS2.innerHTML; - if (taxonomyWrapper && updatedCategoryContent) { - taxonomyWrapper.innerHTML = updatedCategoryContent; - } - if (locationWrapper && updatedLocationContent) { - locationWrapper.innerHTML = updatedLocationContent; - } - if (!taxonomyWrapper && !locationWrapper) { - console.error('Required elements not found in response'); - return; - } - }, - complete: function complete() { - $(containerSelector).removeClass('atbdp-form-fade'); - } - }); - } -}); + // Taxonomy Ajax + $(document).on( + 'click', + '.directorist-categories .directorist-pagination a', + function (e) { + taxonomyPagination( + e, + $(this), + '.directorist-categories' + ); + } + ); + $(document).on( + 'click', + '.directorist-location .directorist-pagination a', + function (e) { + taxonomyPagination( + e, + $(this), + '.directorist-location' + ); + } + ); + function taxonomyPagination( + event, + clickedElement, + containerSelector + ) { + event.preventDefault(); + var pageNumber = + (clickedElement === null || + clickedElement === void 0 + ? void 0 + : clickedElement.attr('data-page')) || 1; + var container = + clickedElement.closest(containerSelector); + var containerAttributes = container + ? $(container).data('attrs') + : {}; + $.ajax({ + url: directorist.ajax_url, + type: 'POST', + dataType: 'json', + data: { + action: 'directorist_taxonomy_pagination', + nonce: directorist.directorist_nonce, + page: parseInt(pageNumber), + attrs: containerAttributes, + }, + beforeSend: function beforeSend() { + $(containerSelector).addClass( + 'atbdp-form-fade' + ); + }, + success: function success(response) { + var _tempContainer$queryS, + _tempContainer$queryS2; + if ( + !( + response !== null && + response !== void 0 && + response.success + ) + ) { + console.error( + 'Failed to load taxonomy content' + ); + return; + } + var tempContainer = + document.createElement('div'); + tempContainer.innerHTML = response.data.content; + // Handle both category and location wrappers + var taxonomyWrapper = document.querySelector( + '.taxonomy-category-wrapper' + ); + var locationWrapper = document.querySelector( + '.taxonomy-location-wrapper' + ); + var updatedCategoryContent = + (_tempContainer$queryS = + tempContainer.querySelector( + '.taxonomy-category-wrapper' + )) === null || + _tempContainer$queryS === void 0 + ? void 0 + : _tempContainer$queryS.innerHTML; + var updatedLocationContent = + (_tempContainer$queryS2 = + tempContainer.querySelector( + '.taxonomy-location-wrapper' + )) === null || + _tempContainer$queryS2 === void 0 + ? void 0 + : _tempContainer$queryS2.innerHTML; + if (taxonomyWrapper && updatedCategoryContent) { + taxonomyWrapper.innerHTML = + updatedCategoryContent; + } + if (locationWrapper && updatedLocationContent) { + locationWrapper.innerHTML = + updatedLocationContent; + } + if (!taxonomyWrapper && !locationWrapper) { + console.error( + 'Required elements not found in response' + ); + return; + } + }, + complete: function complete() { + $(containerSelector).removeClass( + 'atbdp-form-fade' + ); + }, + }); + } + }); -/***/ }) + /***/ + }, -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Check if module exists (development only) -/******/ if (__webpack_modules__[moduleId] === undefined) { -/******/ var e = new Error("Cannot find module '" + moduleId + "'"); -/******/ e.code = 'MODULE_NOT_FOUND'; -/******/ throw e; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/************************************************************************/ -/******/ /* webpack/runtime/compat get default export */ -/******/ !function() { -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; -/******/ __webpack_require__.d(getter, { a: getter }); -/******/ return getter; -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/define property getters */ -/******/ !function() { -/******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { -/******/ for(var key in definition) { -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); -/******/ } -/******/ } -/******/ }; -/******/ }(); -/******/ -/******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); -/******/ -/******/ /* webpack/runtime/make namespace object */ -/******/ !function() { -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ }(); -/******/ -/************************************************************************/ -var __webpack_exports__ = {}; -// This entry needs to be wrapped in an IIFE because it needs to be in strict mode. -!function() { -"use strict"; -/*!*************************************************!*\ + /******/ + }; + /************************************************************************/ + /******/ // The module cache + /******/ var __webpack_module_cache__ = {}; + /******/ + /******/ // The require function + /******/ function __webpack_require__(moduleId) { + /******/ // Check if module is in cache + /******/ var cachedModule = __webpack_module_cache__[moduleId]; + /******/ if (cachedModule !== undefined) { + /******/ return cachedModule.exports; + /******/ + } + /******/ // Create a new module (and put it into the cache) + /******/ var module = (__webpack_module_cache__[moduleId] = { + /******/ // no module.id needed + /******/ // no module.loaded needed + /******/ exports: {}, + /******/ + }); + /******/ + /******/ // Execute the module function + /******/ __webpack_modules__[moduleId]( + module, + module.exports, + __webpack_require__ + ); + /******/ + /******/ // Return the exports of the module + /******/ return module.exports; + /******/ + } + /******/ + /************************************************************************/ + /******/ /* webpack/runtime/compat get default export */ + /******/ !(function () { + /******/ // getDefaultExport function for compatibility with non-harmony modules + /******/ __webpack_require__.n = function (module) { + /******/ var getter = + module && module.__esModule + ? /******/ function () { + return module['default']; + } + : /******/ function () { + return module; + }; + /******/ __webpack_require__.d(getter, { a: getter }); + /******/ return getter; + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/define property getters */ + /******/ !(function () { + /******/ // define getter functions for harmony exports + /******/ __webpack_require__.d = function (exports, definition) { + /******/ for (var key in definition) { + /******/ if ( + __webpack_require__.o(definition, key) && + !__webpack_require__.o(exports, key) + ) { + /******/ Object.defineProperty(exports, key, { + enumerable: true, + get: definition[key], + }); + /******/ + } + /******/ + } + /******/ + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/hasOwnProperty shorthand */ + /******/ !(function () { + /******/ __webpack_require__.o = function (obj, prop) { + return Object.prototype.hasOwnProperty.call(obj, prop); + }; + /******/ + })(); + /******/ + /******/ /* webpack/runtime/make namespace object */ + /******/ !(function () { + /******/ // define __esModule on exports + /******/ __webpack_require__.r = function (exports) { + /******/ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) { + /******/ Object.defineProperty(exports, Symbol.toStringTag, { + value: 'Module', + }); + /******/ + } + /******/ Object.defineProperty(exports, '__esModule', { + value: true, + }); + /******/ + }; + /******/ + })(); + /******/ + /************************************************************************/ + var __webpack_exports__ = {}; + // This entry needs to be wrapped in an IIFE because it needs to be in strict mode. + !(function () { + 'use strict'; + /*!*************************************************!*\ !*** ./assets/src/js/public/modules/widgets.js ***! \*************************************************/ -__webpack_require__.r(__webpack_exports__); -/* harmony import */ var _components_categoryLocation__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/categoryLocation */ "./assets/src/js/public/components/categoryLocation.js"); -/* harmony import */ var _components_categoryLocation__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_components_categoryLocation__WEBPACK_IMPORTED_MODULE_0__); -/* window.addEventListener('load', () => { + __webpack_require__.r(__webpack_exports__); + /* harmony import */ var _components_categoryLocation__WEBPACK_IMPORTED_MODULE_0__ = + __webpack_require__( + /*! ../components/categoryLocation */ './assets/src/js/public/components/categoryLocation.js' + ); + /* harmony import */ var _components_categoryLocation__WEBPACK_IMPORTED_MODULE_0___default = + /*#__PURE__*/ __webpack_require__.n( + _components_categoryLocation__WEBPACK_IMPORTED_MODULE_0__ + ); + /* window.addEventListener('load', () => { (function ($) { })(jQuery); }); */ - - -}(); -/******/ })() -; -//# sourceMappingURL=widgets.js.map \ No newline at end of file + })(); + /******/ +})(); +//# sourceMappingURL=widgets.js.map diff --git a/assets/src/js/public/checkout.js b/assets/src/js/public/checkout.js index 4e8579a074..8bcae9b548 100644 --- a/assets/src/js/public/checkout.js +++ b/assets/src/js/public/checkout.js @@ -1,3 +1,5 @@ +import { __ } from '@wordpress/i18n'; + (function ($) { window.addEventListener('load', () => { // Update checkout pricing on product item change @@ -77,15 +79,15 @@ return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ','); } - function get_error_message( error ) { + function get_error_message(error) { let message = ''; - if ( error.message ) { + if (error.message) { message = error.message; - } else if ( error.messages ) { - const messages = Object.values( error.messages ); + } else if (error.messages) { + const messages = Object.values(error.messages); - if ( messages.length > 0 ) { + if (messages.length > 0) { message = messages[0][0]; } } @@ -116,15 +118,20 @@ data: data, }); - if ( response.redirect_url ) { + if (response.redirect_url) { window.location.href = response.redirect_url; } } catch (error) { - const message = get_error_message( error ); + const message = get_error_message(error); + setTimeout(() => { + wp.hooks.doAction('directorist-toast', { + message: + message || __('An error occurred', 'directorist'), + type: 'error', + }); + }, 500); + console.log('Error message:', error); - alert( message ); - console.log( error ); - // Reset loading state on error submitBtn.prop('disabled', false); btnText.text(originalText); diff --git a/enqueues/frontend-enqueue.php b/enqueues/frontend-enqueue.php index 3f676ea221..765c071d97 100644 --- a/enqueues/frontend-enqueue.php +++ b/enqueues/frontend-enqueue.php @@ -4,6 +4,7 @@ use Directorist\WpMVC\Enqueue\Enqueue; +Enqueue::register_script( 'directorist-notification', 'build/js/frontend/notification.js' ); Enqueue::style( 'directorist/frontend', 'build/css/frontend', ['wp-components'] ); Enqueue::register_script( 'directorist-payment-receipt', 'build/js/frontend/payment-receipt.js', ['jquery', 'wp-api-fetch'] ); Enqueue::script( 'directorist-listing-owner-dashboard', 'build/js/frontend/listing-owner-dashboard' ); diff --git a/resources/js/admin/controls/custom-field/validation.ts b/resources/js/admin/controls/custom-field/validation.ts index 926a67777a..74165d151e 100644 --- a/resources/js/admin/controls/custom-field/validation.ts +++ b/resources/js/admin/controls/custom-field/validation.ts @@ -29,7 +29,10 @@ export const validators: Record = { value === undefined || (typeof value === 'string' && value.trim() === '') || (Array.isArray(value) && value.length === 0) || - (typeof value === 'object' && !Array.isArray(value) && !(value instanceof Date) && Object.keys(value).length === 0) + (typeof value === 'object' && + !Array.isArray(value) && + !(value instanceof Date) && + Object.keys(value).length === 0) ) { return 'This field is required'; } @@ -141,12 +144,16 @@ export const validateField = ( attributes: Record = {} ): ValidationResult => { if (!field?.validation) return { isValid: true, errors: [] }; - if(field.validation.condition && !field.validation.condition(attributes)) return { isValid: true, errors: [] }; - + if (field.validation.condition && !field.validation.condition(attributes)) + return { isValid: true, errors: [] }; + const errors: string[] = []; Object.entries(field.validation).forEach(([rule, ruleValue]) => { - if (typeof ruleValue === 'function' && rule !== 'conditional_required' ) { + if ( + typeof ruleValue === 'function' && + rule !== 'conditional_required' + ) { try { const error = (ruleValue as ValidatorFn)( value, @@ -163,15 +170,14 @@ export const validateField = ( } else if (validators[rule]) { if (typeof ruleValue === 'function') { const error = validators[rule](value, ruleValue, attributes); - + if (error) { errors.push(error); } - }else{ + } else { const error = validators[rule](value, ruleValue); if (error) errors.push(error); } - } else if (rule === 'regex' && Array.isArray(ruleValue)) { const [pattern, message] = ruleValue; const error = validators.regex(value, pattern, message); diff --git a/resources/js/admin/controls/custom-field/validation/FieldValidator.ts b/resources/js/admin/controls/custom-field/validation/FieldValidator.ts index 76554b7400..19ac5084d3 100644 --- a/resources/js/admin/controls/custom-field/validation/FieldValidator.ts +++ b/resources/js/admin/controls/custom-field/validation/FieldValidator.ts @@ -1,28 +1,29 @@ -import { Validator } from "./Validator"; -import type { ValidationResult } from "./types"; +import { Validator } from './Validator'; +import type { ValidationResult } from './types'; export class FieldValidator { - private validators: Validator[] = []; + private validators: Validator[] = []; - addValidator(validator: Validator) { - this.validators.push(validator); - } + addValidator(validator: Validator) { + this.validators.push(validator); + } - validate(value: any, attributes: Record = {}): ValidationResult { - const errors: string[] = []; + validate( + value: any, + attributes: Record = {} + ): ValidationResult { + const errors: string[] = []; - for (const validator of this.validators) { - const error = validator.validate(value, attributes); - if (error) { - errors.push(error); - } - } + for (const validator of this.validators) { + const error = validator.validate(value, attributes); + if (error) { + errors.push(error); + } + } - return { - isValid: errors.length === 0, - errors, - }; - } + return { + isValid: errors.length === 0, + errors, + }; + } } - - diff --git a/resources/js/admin/controls/custom-field/validation/Validator.ts b/resources/js/admin/controls/custom-field/validation/Validator.ts index b823110f27..dd1afb3e50 100644 --- a/resources/js/admin/controls/custom-field/validation/Validator.ts +++ b/resources/js/admin/controls/custom-field/validation/Validator.ts @@ -1,8 +1,6 @@ export abstract class Validator { - abstract validate( - value: any, - attributes?: Record, - ): string | null; + abstract validate( + value: any, + attributes?: Record + ): string | null; } - - diff --git a/resources/js/admin/controls/custom-field/validation/index.ts b/resources/js/admin/controls/custom-field/validation/index.ts index 0dc6d1b7fd..c730c0f8bb 100644 --- a/resources/js/admin/controls/custom-field/validation/index.ts +++ b/resources/js/admin/controls/custom-field/validation/index.ts @@ -1,19 +1,17 @@ -export * from "./FieldValidator"; -export * from "./types"; -export * from "./Validator"; - -export * from "./validators/CustomValidator"; -export * from "./validators/DateValidator"; -export * from "./validators/EmailValidator"; -export * from "./validators/MaxLengthValidator"; -export * from "./validators/MaxValueValidator"; -export * from "./validators/MinLengthValidator"; -export * from "./validators/MinValueValidator"; -export * from "./validators/NumberValidator"; -export * from "./validators/PatternValidator"; -export * from "./validators/PhoneValidator"; -export * from "./validators/RegexValidator"; -export * from "./validators/RequiredValidator"; -export * from "./validators/URLValidator"; - +export * from './FieldValidator'; +export * from './types'; +export * from './Validator'; +export * from './validators/CustomValidator'; +export * from './validators/DateValidator'; +export * from './validators/EmailValidator'; +export * from './validators/MaxLengthValidator'; +export * from './validators/MaxValueValidator'; +export * from './validators/MinLengthValidator'; +export * from './validators/MinValueValidator'; +export * from './validators/NumberValidator'; +export * from './validators/PatternValidator'; +export * from './validators/PhoneValidator'; +export * from './validators/RegexValidator'; +export * from './validators/RequiredValidator'; +export * from './validators/URLValidator'; diff --git a/resources/js/admin/controls/custom-field/validation/types.ts b/resources/js/admin/controls/custom-field/validation/types.ts index 405de18b1c..197cdfaaa7 100644 --- a/resources/js/admin/controls/custom-field/validation/types.ts +++ b/resources/js/admin/controls/custom-field/validation/types.ts @@ -1,6 +1,4 @@ export interface ValidationResult { - isValid: boolean; - errors: string[]; + isValid: boolean; + errors: string[]; } - - diff --git a/resources/js/admin/controls/custom-field/validation/validators/CustomValidator.ts b/resources/js/admin/controls/custom-field/validation/validators/CustomValidator.ts index 6ec7fb0fc0..541529cd25 100644 --- a/resources/js/admin/controls/custom-field/validation/validators/CustomValidator.ts +++ b/resources/js/admin/controls/custom-field/validation/validators/CustomValidator.ts @@ -1,13 +1,11 @@ -import { Validator } from "../Validator"; +import { Validator } from '../Validator'; export class CustomValidator extends Validator { - constructor(private fn: (value: any) => string | null) { - super(); - } + constructor(private fn: (value: any) => string | null) { + super(); + } - validate(value: any): string | null { - return this.fn(value); - } + validate(value: any): string | null { + return this.fn(value); + } } - - diff --git a/resources/js/admin/controls/custom-field/validation/validators/DateValidator.ts b/resources/js/admin/controls/custom-field/validation/validators/DateValidator.ts index 979ea09263..69dc91ab8d 100644 --- a/resources/js/admin/controls/custom-field/validation/validators/DateValidator.ts +++ b/resources/js/admin/controls/custom-field/validation/validators/DateValidator.ts @@ -1,12 +1,10 @@ -import { Validator } from "../Validator"; +import { Validator } from '../Validator'; export class DateValidator extends Validator { - validate(value: any): string | null { - if (value && isNaN(Date.parse(value))) { - return "Please enter a valid date"; - } - return null; - } + validate(value: any): string | null { + if (value && isNaN(Date.parse(value))) { + return 'Please enter a valid date'; + } + return null; + } } - - diff --git a/resources/js/admin/controls/custom-field/validation/validators/EmailValidator.ts b/resources/js/admin/controls/custom-field/validation/validators/EmailValidator.ts index f121f9a4d0..65e4ea0236 100644 --- a/resources/js/admin/controls/custom-field/validation/validators/EmailValidator.ts +++ b/resources/js/admin/controls/custom-field/validation/validators/EmailValidator.ts @@ -1,12 +1,10 @@ -import { Validator } from "../Validator"; +import { Validator } from '../Validator'; export class EmailValidator extends Validator { - validate(value: any): string | null { - if (value && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) { - return "Please enter a valid email address"; - } - return null; - } + validate(value: any): string | null { + if (value && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) { + return 'Please enter a valid email address'; + } + return null; + } } - - diff --git a/resources/js/admin/controls/custom-field/validation/validators/MaxLengthValidator.ts b/resources/js/admin/controls/custom-field/validation/validators/MaxLengthValidator.ts index d3eab01883..85bda79c19 100644 --- a/resources/js/admin/controls/custom-field/validation/validators/MaxLengthValidator.ts +++ b/resources/js/admin/controls/custom-field/validation/validators/MaxLengthValidator.ts @@ -1,16 +1,14 @@ -import { Validator } from "../Validator"; +import { Validator } from '../Validator'; export class MaxLengthValidator extends Validator { - constructor(private max: number) { - super(); - } - - validate(value: any): string | null { - if (value && value.length > this.max) { - return `Maximum length is ${this.max} characters`; - } - return null; - } + constructor(private max: number) { + super(); + } + + validate(value: any): string | null { + if (value && value.length > this.max) { + return `Maximum length is ${this.max} characters`; + } + return null; + } } - - diff --git a/resources/js/admin/controls/custom-field/validation/validators/MaxValueValidator.ts b/resources/js/admin/controls/custom-field/validation/validators/MaxValueValidator.ts index e2ff5dfc2e..3e3e993942 100644 --- a/resources/js/admin/controls/custom-field/validation/validators/MaxValueValidator.ts +++ b/resources/js/admin/controls/custom-field/validation/validators/MaxValueValidator.ts @@ -1,16 +1,14 @@ -import { Validator } from "../Validator"; +import { Validator } from '../Validator'; export class MaxValueValidator extends Validator { - constructor(private max: number) { - super(); - } - - validate(value: any): string | null { - if (value && Number(value) > this.max) { - return `Value must be no more than ${this.max}`; - } - return null; - } + constructor(private max: number) { + super(); + } + + validate(value: any): string | null { + if (value && Number(value) > this.max) { + return `Value must be no more than ${this.max}`; + } + return null; + } } - - diff --git a/resources/js/admin/controls/custom-field/validation/validators/MinLengthValidator.ts b/resources/js/admin/controls/custom-field/validation/validators/MinLengthValidator.ts index 2d61741532..41269c57be 100644 --- a/resources/js/admin/controls/custom-field/validation/validators/MinLengthValidator.ts +++ b/resources/js/admin/controls/custom-field/validation/validators/MinLengthValidator.ts @@ -1,16 +1,14 @@ -import { Validator } from "../Validator"; +import { Validator } from '../Validator'; export class MinLengthValidator extends Validator { - constructor(private min: number) { - super(); - } - - validate(value: any): string | null { - if (value && value.length < this.min) { - return `Minimum length is ${this.min} characters`; - } - return null; - } + constructor(private min: number) { + super(); + } + + validate(value: any): string | null { + if (value && value.length < this.min) { + return `Minimum length is ${this.min} characters`; + } + return null; + } } - - diff --git a/resources/js/admin/controls/custom-field/validation/validators/MinValueValidator.ts b/resources/js/admin/controls/custom-field/validation/validators/MinValueValidator.ts index 9e0804a56f..2f47366c5c 100644 --- a/resources/js/admin/controls/custom-field/validation/validators/MinValueValidator.ts +++ b/resources/js/admin/controls/custom-field/validation/validators/MinValueValidator.ts @@ -1,16 +1,14 @@ -import { Validator } from "../Validator"; +import { Validator } from '../Validator'; export class MinValueValidator extends Validator { - constructor(private min: number) { - super(); - } - - validate(value: any): string | null { - if (value && Number(value) < this.min) { - return `Value must be at least ${this.min}`; - } - return null; - } + constructor(private min: number) { + super(); + } + + validate(value: any): string | null { + if (value && Number(value) < this.min) { + return `Value must be at least ${this.min}`; + } + return null; + } } - - diff --git a/resources/js/admin/controls/custom-field/validation/validators/NumberValidator.ts b/resources/js/admin/controls/custom-field/validation/validators/NumberValidator.ts index 734cad19b4..105d056f46 100644 --- a/resources/js/admin/controls/custom-field/validation/validators/NumberValidator.ts +++ b/resources/js/admin/controls/custom-field/validation/validators/NumberValidator.ts @@ -1,12 +1,10 @@ -import { Validator } from "../Validator"; +import { Validator } from '../Validator'; export class NumberValidator extends Validator { - validate(value: any): string | null { - if (value && isNaN(Number(value))) { - return "Please enter a valid number"; - } - return null; - } + validate(value: any): string | null { + if (value && isNaN(Number(value))) { + return 'Please enter a valid number'; + } + return null; + } } - - diff --git a/resources/js/admin/controls/custom-field/validation/validators/PatternValidator.ts b/resources/js/admin/controls/custom-field/validation/validators/PatternValidator.ts index 7bb4c5ad44..963a905c99 100644 --- a/resources/js/admin/controls/custom-field/validation/validators/PatternValidator.ts +++ b/resources/js/admin/controls/custom-field/validation/validators/PatternValidator.ts @@ -1,16 +1,14 @@ -import { Validator } from "../Validator"; +import { Validator } from '../Validator'; export class PatternValidator extends Validator { - constructor(private pattern: string) { - super(); - } - - validate(value: any): string | null { - if (value && !new RegExp(this.pattern).test(value)) { - return "Value does not match required pattern"; - } - return null; - } + constructor(private pattern: string) { + super(); + } + + validate(value: any): string | null { + if (value && !new RegExp(this.pattern).test(value)) { + return 'Value does not match required pattern'; + } + return null; + } } - - diff --git a/resources/js/admin/controls/custom-field/validation/validators/PhoneValidator.ts b/resources/js/admin/controls/custom-field/validation/validators/PhoneValidator.ts index dc0aec18e6..b80e4c7355 100644 --- a/resources/js/admin/controls/custom-field/validation/validators/PhoneValidator.ts +++ b/resources/js/admin/controls/custom-field/validation/validators/PhoneValidator.ts @@ -1,12 +1,10 @@ -import { Validator } from "../Validator"; +import { Validator } from '../Validator'; export class PhoneValidator extends Validator { - validate(value: any): string | null { - if (value && !/^[0-9]{10}$/.test(value)) { - return "Please enter a valid phone number"; - } - return null; - } + validate(value: any): string | null { + if (value && !/^[0-9]{10}$/.test(value)) { + return 'Please enter a valid phone number'; + } + return null; + } } - - diff --git a/resources/js/admin/controls/custom-field/validation/validators/RegexValidator.ts b/resources/js/admin/controls/custom-field/validation/validators/RegexValidator.ts index 538e0cc7d3..fc6cd909d4 100644 --- a/resources/js/admin/controls/custom-field/validation/validators/RegexValidator.ts +++ b/resources/js/admin/controls/custom-field/validation/validators/RegexValidator.ts @@ -1,16 +1,14 @@ -import { Validator } from "../Validator"; +import { Validator } from '../Validator'; export class RegexValidator extends Validator { - constructor(private pattern: string) { - super(); - } - - validate(value: any): string | null { - if (value && !new RegExp(this.pattern).test(value)) { - return "Value does not match required pattern"; - } - return null; - } + constructor(private pattern: string) { + super(); + } + + validate(value: any): string | null { + if (value && !new RegExp(this.pattern).test(value)) { + return 'Value does not match required pattern'; + } + return null; + } } - - diff --git a/resources/js/admin/controls/custom-field/validation/validators/RequiredValidator.ts b/resources/js/admin/controls/custom-field/validation/validators/RequiredValidator.ts index f84009b5e1..af9c38c961 100644 --- a/resources/js/admin/controls/custom-field/validation/validators/RequiredValidator.ts +++ b/resources/js/admin/controls/custom-field/validation/validators/RequiredValidator.ts @@ -1,21 +1,19 @@ -import { Validator } from "../Validator"; +import { Validator } from '../Validator'; export class RequiredValidator extends Validator { - validate(value: any): string | null { - if ( - value === null || - value === undefined || - (typeof value === "string" && value.trim() === "") || - (Array.isArray(value) && value.length === 0) || - (typeof value === "object" && - !Array.isArray(value) && - !(value instanceof Date) && - Object.keys(value).length === 0) - ) { - return "This field is required"; - } - return null; - } + validate(value: any): string | null { + if ( + value === null || + value === undefined || + (typeof value === 'string' && value.trim() === '') || + (Array.isArray(value) && value.length === 0) || + (typeof value === 'object' && + !Array.isArray(value) && + !(value instanceof Date) && + Object.keys(value).length === 0) + ) { + return 'This field is required'; + } + return null; + } } - - diff --git a/resources/js/admin/controls/custom-field/validation/validators/URLValidator.ts b/resources/js/admin/controls/custom-field/validation/validators/URLValidator.ts index 6306e63504..89649e565a 100644 --- a/resources/js/admin/controls/custom-field/validation/validators/URLValidator.ts +++ b/resources/js/admin/controls/custom-field/validation/validators/URLValidator.ts @@ -1,12 +1,10 @@ -import { Validator } from "../Validator"; +import { Validator } from '../Validator'; export class URLValidator extends Validator { - validate(value: any): string | null { - if (value && !/^https?:\/\/.+/.test(value)) { - return "Please enter a valid URL"; - } - return null; - } + validate(value: any): string | null { + if (value && !/^https?:\/\/.+/.test(value)) { + return 'Please enter a valid URL'; + } + return null; + } } - - diff --git a/resources/js/admin/controls/number/index.tsx b/resources/js/admin/controls/number/index.tsx index 0395c37225..424eaf80bd 100644 --- a/resources/js/admin/controls/number/index.tsx +++ b/resources/js/admin/controls/number/index.tsx @@ -59,7 +59,6 @@ export default function Number(props: NumberFieldType) { useEffect(() => { if (attributes?.should_validate) { - performValidation(attributes[attrKey]); } }, [attributes?.should_validate]); diff --git a/resources/js/admin/icons/CommentIcon.tsx b/resources/js/admin/icons/CommentIcon.tsx index 6f49eca4ef..137615a874 100644 --- a/resources/js/admin/icons/CommentIcon.tsx +++ b/resources/js/admin/icons/CommentIcon.tsx @@ -12,10 +12,20 @@ const CommentIcon: React.FC = ({ className, }) => { return ( - - - - + + + ); }; diff --git a/resources/js/admin/pages/app.tsx b/resources/js/admin/pages/app.tsx index c06b8eba43..0f9eabb917 100644 --- a/resources/js/admin/pages/app.tsx +++ b/resources/js/admin/pages/app.tsx @@ -56,7 +56,7 @@ export default function App() { // // Use the validation module // const errorResult = validateField(value, field, attributes); - + // if (errorResult?.errors?.length > 0) { // setErrors({ // ...errors, @@ -69,7 +69,6 @@ export default function App() { // } // } - const fieldValidation = ({ value, field, @@ -88,43 +87,50 @@ export default function App() { if (!field?.validation) return; const validatorContext = new FieldValidator(); - let errorResult = null - if(field.validation.condition && !field.validation.condition(attributes)){ + let errorResult = null; + if ( + field.validation.condition && + !field.validation.condition(attributes) + ) { errorResult = { isValid: true, errors: [] }; - }else{ + } else { Object.entries(field.validation).forEach(([rule, ruleValue]) => { switch (rule) { - case "required": - validatorContext.addValidator(new RequiredValidator()); - break; - case "email": - validatorContext.addValidator(new EmailValidator()); - break; - case "min_length": - validatorContext.addValidator(new MinLengthValidator(ruleValue)); - break; - case "max_length": - validatorContext.addValidator(new MaxLengthValidator(ruleValue)); - break; - case "number": - validatorContext.addValidator(new NumberValidator()); - break; + case 'required': + validatorContext.addValidator(new RequiredValidator()); + break; + case 'email': + validatorContext.addValidator(new EmailValidator()); + break; + case 'min_length': + validatorContext.addValidator( + new MinLengthValidator(ruleValue) + ); + break; + case 'max_length': + validatorContext.addValidator( + new MaxLengthValidator(ruleValue) + ); + break; + case 'number': + validatorContext.addValidator(new NumberValidator()); + break; } }); errorResult = validatorContext.validate(value, attributes); } - + if (errorResult?.errors?.length > 0) { setErrors({ ...errors, - [fieldKey]: errorResult?.errors + [fieldKey]: errorResult?.errors, }); } else { setErrors({ - [fieldKey]: [] + [fieldKey]: [], }); } - } + }; addAction( 'wpmvc-field-on-blur', 'directorist-form-validation', diff --git a/resources/js/admin/pages/orders/edit/index.tsx b/resources/js/admin/pages/orders/edit/index.tsx index 5968f7aaf0..8c8ccc5092 100644 --- a/resources/js/admin/pages/orders/edit/index.tsx +++ b/resources/js/admin/pages/orders/edit/index.tsx @@ -10,7 +10,11 @@ import { __ } from '@wordpress/i18n'; * External dependencies */ import { Button, Select } from '@shamim-ahmed/components'; -import { registerValuesStore, useValuesStore, useValuesStoreData } from '@shamim-ahmed/data'; +import { + registerValuesStore, + useValuesStore, + useValuesStoreData, +} from '@shamim-ahmed/data'; import styled from 'styled-components'; /** @@ -51,7 +55,7 @@ const SingleOrderHeader = styled.div` display: flex; align-items: center; justify-content: space-between; - .directorist-single-plan-logo{ + .directorist-single-plan-logo { line-height: 0; } `; @@ -60,7 +64,7 @@ const HeaderBreadcrumb = styled.div` display: flex; align-items: center; gap: 8px; - .directorist-single-plan-logo{ + .directorist-single-plan-logo { display: flex; align-items: center; justify-content: center; @@ -69,7 +73,7 @@ const HeaderBreadcrumb = styled.div` height: 32px; border-radius: 50%; margin-right: 10px; - border: 1px solid rgba(75, 85, 99, 0.10); + border: 1px solid rgba(75, 85, 99, 0.1); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); } ul { @@ -79,11 +83,11 @@ const HeaderBreadcrumb = styled.div` list-style: none; padding: 0; margin: 0; - li{ + li { display: flex; align-items: center; margin-bottom: 0; - svg{ + svg { position: relative; top: 2px; } @@ -115,15 +119,15 @@ const StatusSelection = styled.div` .components-input-control__backdrop { display: none; } - .wpmvc__control{ + .wpmvc__control { border: 0 none; min-height: 24px; background-color: transparent; border-radius: 0px; - &.wpmvc__control--is-focused{ + &.wpmvc__control--is-focused { box-shadow: 0 0; } - .wpmvc__value-container{ + .wpmvc__value-container { padding-right: 0; min-width: 80px; } @@ -163,7 +167,7 @@ const orderStatusOptions = [ label: __('Paid', 'directorist'), value: 'paid', }, -] +]; export default function OrderEdit({}: EditProps) { const [loading, setLoading] = useState(true); @@ -181,12 +185,10 @@ export default function OrderEdit({}: EditProps) { path: singleOrderRoute, }); - const { refresh } = useValuesStore( - { - name: 'directorist/single-order', - path: singleOrderRoute, - } - ); + const { refresh } = useValuesStore({ + name: 'directorist/single-order', + path: singleOrderRoute, + }); const { data, isResolved } = useValuesStoreData({ name: 'directorist/single-order', @@ -219,22 +221,27 @@ export default function OrderEdit({}: EditProps) { status: orderStatus, }, }); - doAction( 'wpmvc-toast', { - message: __( 'Order status updated successfully', 'directorist-pricing-plans' ), - } ); + doAction('wpmvc-toast', { + message: __( + 'Order status updated successfully', + 'directorist-pricing-plans' + ), + }); refresh(); - } catch (error) { console.error('Failed to update order status:', error); - doAction( 'wpmvc-toast', { + doAction('wpmvc-toast', { type: 'error', - message: __( 'Oppps! Something went wrong', 'directorist-pricing-plans' ), - } ); + message: __( + 'Oppps! Something went wrong', + 'directorist-pricing-plans' + ), + }); } finally { setIsSaving(false); refresh(); } - } + }; return ( <> @@ -258,7 +265,7 @@ export default function OrderEdit({}: EditProps) { {__('Order Status:', 'directorist')}